@charset "UTF-8";
/*ABSTRACTS*/
@import "vendors/_bootstrap.css";
@import "vendors/_bootstrap-select.css";
.page-nt .div-img5txt7 figure, #page-sl-vr #end-vr figure, #intro-dupla figure, #page-SL-escore .div-img5txt7 figure, #banner-SL-home #banner-img #banner-anim, #page-sl-gestao #banner-img img, #page-sl-fid .div-img5txt7 figure, #page-sl-data .div-img5txt7 figure, #page-sl-consumer .div-img5txt7 figure, #cont-tri-img, #page-sl-apps .div-img5txt7 figure, #page-sl-apps .overflow-img-banner .img-banner, #page-nt-sol .texto-banner, #page-nt-sobre .texto-banner, #page-nt-sobre .centered-banner, .menu-box2, #page-nt-home .menu-box, #page-nt-areas .texto-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-nt .div-img5txt7 .row, #page-sl-vr #end-vr .row, #page-SL-escore .div-img5txt7 .row, #SL-links .row, #page-sl-gestao #five-boxes, #page-sl-fid .div-img5txt7 .row, #page-sl-data .div-img5txt7 .row, #page-sl-consumer .div-img5txt7 .row, #page-sl-arte #end-arte .row, #page-sl-apps .div-img5txt7 .row, #menu-nt .menu-boxes2, #page-nt-home #menu-nt .menu-boxes {
  display: flex;
  flex-wrap: wrap;
}

.btn-sle:hover, .btn-sle:focus, .content-log, .sum-executivo, #log-options, #log-selectors, .btn-controle-car:hover, .btn-controle-car:focus, .item-sle-car:hover, .item-sle-car:focus {
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
}

.page-sle .cont-visita input[type=submit], .box-gradient-sle, .btn-sle, .btn-controle-car, #page-sle-home footer, #page-sle-conv footer, #page-sle-blockchain footer, #page-sle-rating footer, #page-sle-segmentacao footer, .page-sle .navbar-portals {
  background: linear-gradient(to right, #399CF7, #2ABAF6);
}

#page-nt-home footer, #page-nt-sol footer, #page-nt-sobre footer, #page-nt-areas footer {
  background-image: url("../imgs/neuraltech/footer-blue.png");
  background-size: cover;
}

/*VENDORS*/
canvas {
  position: absolute;
  height: calc(100% - 60px);
  width: 100%;
}

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

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

/**
 * 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;
}

/* Fontes */
@font-face {
  font-family: Gilroy-Light;
  src: url(../fonts/Gilroy-Light.ttf);
}
@font-face {
  font-family: Gilroy-Regular;
  src: url(../fonts/Gilroy-Regular.ttf);
}
@font-face {
  font-family: Gilroy-Bold;
  src: url(../fonts/Gilroy-Bold.ttf);
}
@font-face {
  font-family: Gilroy-SemiBold;
  src: url(../fonts/Gilroy-SemiBold.ttf);
}
html {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}
body {
  font-family: Gilroy-Light, sans-serif;
}

p {
  font-size: 1.4em;
  line-height: 1.6;
  padding: 5px 0;
  color: #686868;
}

main h2 {
  font-size: 1em;
  text-align: left;
  font-family: Gilroy-Regular, sans-serif;
  color: #323232;
  text-transform: uppercase;
  padding: 10px 20px;
  border-left: solid 2px #27439D;
}

h3 {
  font-size: 2em;
  font-family: Gilroy-Regular, sans-serif;
  color: #323232;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.8em;
  }

  .texto {
    text-align: center;
    margin-top: -15px !important;
  }

  p {
    font-size: 1.3em;
  }
}
.uppercase {
  text-transform: uppercase;
}

* {
  font-weight: normal;
  margin-left: 0;
}

/* Header e Navbar */
header {
  display: block;
}

body {
  background: #f1f1f1;
}

body hr {
  background-color: #3B48A8;
  height: 2px;
  border: #3B48A8 solid 1px;
  border-radius: 2px;
  width: 150px;
  text-align: center;
  z-index: 3;
  margin: 0 auto;
  margin-bottom: 30px;
}

.width-80 {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

.width-60 {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.titulo {
  width: 80%;
  margin: 20px 10%;
}

.texto {
  width: 80%;
  margin: 20px 10%;
}

button {
  padding: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .width-80 {
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
  }

  .width-60 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .titulo {
    width: 85%;
    margin: 20px 7.5%;
  }

  .texto {
    width: 85%;
    margin: auto 7.5%;
  }
}
/*LAYOUT*/
#content {
  width: 100%;
}
#content p {
  margin: 20px 0;
}
#content section {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
}

.navbar-main {
  display: flex;
  width: 100%;
  position: fixed;
  height: 64px;
  top: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  background: #162734;
  font-family: Gilroy-Light;
  padding-left: 3%;
  padding-right: 3%;
  z-index: 1000;
  border: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: unset;
  transition: all 0.4s ease;
  /*Header image should ocuppy 140px on desktop*/
  /*Hide mobile menu*/
  /*defining widths*/
}
.navbar-main #anchor-logo {
  width: 140px;
  height: 100%;
  position: relative;
  padding: 4px;
  transition: all 0.4s ease;
}
.navbar-main #anchor-logo .logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.4s ease;
}
.navbar-main #dropdown-mobile {
  display: none;
}
.navbar-main .desktop-menu {
  width: calc(80% - 140px);
  padding: 0 20px;
}
.navbar-main .lang-login {
  width: 20%;
}

/*Reduce header size on mobile*/
.desktop-menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.desktop-menu > * {
  display: flex;
  height: 100%;
  margin: auto 0;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  transition: all 0.4s ease;
  color: white;
}
.desktop-menu > a, .desktop-menu > a:hover, .desktop-menu > a:visited, .desktop-menu > a:active, .desktop-menu > a:focus {
  text-decoration: none;
}
.desktop-menu > a:hover, .desktop-menu > a:active, .desktop-menu > a:focus {
  color: lightgrey;
}
.desktop-menu > a {
  text-align: center;
}
.desktop-menu .drop-anchor {
  display: flex;
  height: 100%;
  margin: auto;
  align-items: center;
  color: white;
  justify-items: center;
  text-align: center;
  flex-shrink: 0;
}
.desktop-menu .drop-anchor, .desktop-menu .drop-anchor:hover, .desktop-menu .drop-anchor:visited, .desktop-menu .drop-anchor:active, .desktop-menu .drop-anchor:focus {
  text-decoration: none;
}
.desktop-menu .dropdown-toggle:hover .drop-anchor, .desktop-menu .dropdown-toggle:active .drop-anchor, .desktop-menu .dropdown-toggle:focus .drop-anchor {
  color: lightgrey;
  text-decoration: none;
}
.desktop-menu .dropdown-div button, .desktop-menu .dropdown-toggle {
  height: 100%;
  border: none;
  background: none;
}
.desktop-menu a i {
  margin-left: 5px;
}

.navbar-main .lang-login {
  display: flex;
  justify-content: flex-end;
}

/*DROPDOWN MENU*/
.navbar-main {
  /* Dropdown content (hidden by default) */
  /* Create two columns that floats next to each other */
  /* Style links inside the columns */
  /* Add a background color on hover */
  /* Clear floats after the columns */
}
.navbar-main .dropdown-div {
  float: left;
  overflow: hidden;
}
.navbar-main .menu-icon {
  position: absolute;
  top: 80px;
  right: 50px;
}
.navbar-main .div-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
  margin-top: 0;
  left: 0;
  top: 63px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 600;
  transition: 0.2s 1s;
}
.navbar-main .column {
  float: left;
  width: 40%;
  padding: 10px;
  background-color: #FFFFFF;
  height: 400px;
}
.navbar-main .column a {
  float: none;
  color: black;
  padding: 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.navbar-main .column a:hover {
  color: #3B48A8;
  text-decoration: underline;
}
.navbar-main .dropdown-div:after {
  content: "";
  display: table;
  clear: both;
}
.navbar-main #coluna-a {
  background: #F4F4F4;
  padding-left: 50px;
  padding-top: 20px;
}
.navbar-main #coluna-b {
  width: 55%;
  background: #FFFFFF;
  padding-bottom: 0;
  overflow: hidden;
}
.navbar-main .coluna-hover {
  display: none;
  float: left;
  text-align: left;
  background: #FFFFFF;
  padding-bottom: 0;
  overflow: hidden;
}
.navbar-main .div-content h4 {
  font-family: Gilroy-SemiBold;
  font-size: 0.85em;
  color: #3B48A8;
}
.navbar-main .div-content h2 {
  font-family: Gilroy-Light;
  font-size: 1.8em;
  color: #3B48A8;
}
.navbar-main .div-content a {
  font-family: Gilroy-Light;
  font-size: 1em;
}

/*DROPDOWN AREAS*/
.navbar-main .dropdown:hover .dropdown-menu {
  display: block;
}

.navbar-main .dropdown-area {
  position: static;
}
.navbar-main .dropdown-area .dropdown-menu {
  width: 100%;
  height: 360px;
  border-radius: 0;
  margin-top: -1px;
  margin-left: 0;
  margin-right: 0;
  border: none;
  padding: 0;
}
.navbar-main .row-drop {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.navbar-main .cont-col-drop {
  height: 100%;
  margin: 0;
  -webkit-box-shadow: inset 0px 35px 25px -30px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 35px 25px -30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 35px 25px -30px rgba(0, 0, 0, 0.2);
}
.navbar-main #id-menu-area .cont-col-drop {
  width: 33.33%;
}
.navbar-main #id-menu-proj .cont-col-drop {
  width: 50%;
}
.navbar-main #id-menu-proj .cont-col-drop .col-drop h2 {
  font-size: 2.6em;
}
.navbar-main .col-drop {
  width: 90%;
  margin: auto 5%;
  font-size: 0.9em;
}
.navbar-main .col-drop h2 {
  font-size: 2em;
  color: #3B48A8;
  font-family: Gilroy-Regular;
}
.navbar-main .col-drop p {
  font-size: 1.1em;
  margin-bottom: 5px;
}
.navbar-main .col-drop .dropdown-header {
  color: #3B48A8;
  font-size: 1em;
  padding: 5px 0;
  font-family: Gilroy-SemiBold;
}
.navbar-main .col-drop ul {
  list-style-type: none;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}
.navbar-main .col-drop li {
  padding: 0;
  text-align: left;
  display: block;
  font-size: 1.1em;
}
.navbar-main .col-drop a {
  padding: 5px 0;
  text-align: left;
  color: #686868;
}
.navbar-main .cont-col-drop:hover {
  background-color: #162734;
}
.navbar-main .cont-col-drop:hover .col-drop a:hover {
  color: lightgrey;
}
.navbar-main .cont-col-drop:hover .col-drop h2, .navbar-main .cont-col-drop:hover .col-drop .dropdown-header, .navbar-main .cont-col-drop:hover .col-drop a {
  color: white;
}
.navbar-main .cont-col-drop:hover .col-drop p, .navbar-main .cont-col-drop:hover .col-drop .dropdown-header, .navbar-main .cont-col-drop:hover .col-drop a {
  color: white;
}
.navbar-main .login-btn {
  border-radius: 5px;
  border: solid #3B48A8 2px;
  background-color: white;
  color: #323232;
  height: 36px;
  margin: auto;
  transition: background-color 0.4s ease;
}
.navbar-main .login-btn:hover, .navbar-main .login-btn:focus {
  background-color: #f0f0f0;
}
.navbar-main .lang-login {
  transition: all 0.4s ease;
  align-items: center;
}
.navbar-main .lang-login .div-login {
  height: auto;
  margin: auto 0 auto 10px;
}
.navbar-main .lang-login .selectdiv {
  position: relative;
  display: flex;
  width: 100px;
  margin: auto 10px;
}
.navbar-main .select-lang {
  color: white;
  height: 36px;
  width: 100%;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  border: 1px solid white;
  background-color: transparent;
}
.navbar-main .flag-img {
  height: 100%;
  max-height: 36px;
  width: auto;
  padding-right: 3px;
}
.navbar-main .select-lang .span-select {
  display: inline-flex;
  line-height: 34px;
  height: 34px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .navbar-main .desktop-menu {
    padding: 0 5px;
  }
  .navbar-main .lang-login .div-login {
    height: auto;
    margin: auto 0 auto auto;
  }
  .navbar-main .lang-login .selectdiv {
    position: relative;
    display: flex;
    width: 100px;
    margin: auto;
  }
}
.navbar-main .icon {
  font-size: 1.6em;
  background-color: #162734;
  border: none;
}

/*HIDE DESKTOP MENU SHOW MOBILE MENU*/
@media screen and (max-width: 1080px) {
  .navbar-main {
    justify-content: space-between;
  }
  .navbar-main .desktop-menu {
    display: none;
  }
  .navbar-main .lang-login {
    display: none;
  }

  .navbar-main #dropdown-mobile {
    display: flex;
    margin-left: auto;
  }
}
.navbar-main #dropdown-mobile {
  justify-content: flex-end;
  margin-right: 0;
}

.navbar-main #dropdown-mobile {
  position: static;
}
.navbar-main #dropdown-mobile .dropdown-menu {
  width: 50%;
  padding-bottom: 20px;
  border: none;
}
.navbar-main #dropdown-mobile .dropdown-menu li {
  color: #3B48A8;
  padding: 10px;
}
.navbar-main #dropdown-mobile .dropdown-menu li a {
  color: white;
  margin: 2px;
  font-size: 20px;
}
.navbar-main #dropdown-mobile .dropdown-menu li a:hover {
  color: white;
  background-color: transparent !important;
}
.navbar-main #dropdown-mobile .login-btn-m {
  width: 90%;
  margin: 2% 5%;
  padding: 5px;
  font-family: Gilroy-Light;
  font-size: 1em;
  color: #3B48A8;
  background-color: #FFFFFF;
  border: #3B48A8 solid 1px;
}
.navbar-main #dropdown-mobile .dropdown-menu li select {
  margin: 10px 5%;
  width: 50%;
  padding: 10px 20px;
  font-size: 1em;
  border: #3B48A8 1px solid;
}
.navbar-main #dropdown-mobile #country-m, .navbar-main #dropdown-mobile .div-login, .navbar-main #dropdown-mobile .login-btn {
  width: 100%;
}
.navbar-main #dropdown-mobile #country-m {
  margin: 20px 0;
}
.navbar-main #dropdown-mobile .login-btn {
  margin-left: 0;
}

@media screen and (max-width: 500px) {
  .navbar-main #dropdown-mobile .dropdown-menu {
    width: 100%;
  }
  .navbar-main .dropdown-menu li select {
    width: 40%;
    float: right;
    margin: 20px;
  }
  .navbar-main .dropdown-menu li {
    margin: auto 5%;
  }
}
.navbar-portals .dropdown:hover .dropdown-menu {
  display: block;
}

.navbar-portals {
  /*DROPDOWN AREAS*/
  transition: all 0.4s ease;
  height: 64px;
  border-color: transparent;
  position: fixed;
}
.navbar-portals .dropdown-area {
  position: static;
}
.navbar-portals .dropdown-area .dropdown-menu {
  color: #666;
  font-size: 1.2em;
  width: 50%;
  height: 300px;
  border-radius: 0;
  margin-top: -1px;
  margin-left: 30px;
  margin-right: 0;
  border: none;
}
.navbar-portals .dropdown-area .dropdown-menu li {
  padding: 0;
  text-align: left !important;
  display: block;
  font-size: 1.1em;
}
.navbar-portals .dropdown-area .dropdown-menu .navlink:hover {
  background-color: #4396e4;
  color: white;
}
.navbar-portals .dropdown-area .dropdown-menu a {
  padding: 5px 0;
  text-align: left !important;
  color: #686868;
}
.navbar-portals > .container-fluid {
  height: 100%;
}
.navbar-portals .navbar-collapse {
  border: none;
}

.page-hf .navbar-portals {
  background-color: #4280EB;
}

/*LOGO*/
.navbar-portals .navbar-header {
  height: 100%;
  transition: all 0.4s ease;
}
.navbar-portals .navbar-header .navbar-toggle {
  border-color: #4280EB;
  padding: 25px 10px 24px 10px;
  margin: 0 10px;
}
.navbar-portals .navbar-header .navbar-toggle:hover, .navbar-portals .navbar-header .navbar-toggle:active, .navbar-portals .navbar-header .navbar-toggle:focus {
  background-color: #4280EB;
}
.navbar-portals .navbar-header .navbar-portals .navbar-collapse {
  border-color: #4280EB;
}

.navbar-portals .navbar-brand {
  height: 100%;
  padding: 10px;
  min-width: 150px;
  transition: all 0.4s ease;
}

.navbar-portals .navbar-brand img {
  height: 100%;
  width: auto;
  margin: auto;
  transition: all 0.4s ease;
}

@media screen and (min-width: 992px) {
  .navbar-portals .navbar-brand {
    min-width: 200px;
  }
}
.navbar-portals .navbar-nav {
  position: relative;
  display: flex;
  height: 64px;
  width: calc(80% - 200px);
  font-size: 1em;
  transition: all 0.4s ease;
}
.navbar-portals .navbar-nav li {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}
.navbar-portals .navbar-nav li > a {
  height: 100%;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
}
.navbar-portals .navbar-nav li:hover > a {
  color: lightgrey;
}
.navbar-portals .navbar-nav .login-btn {
  height: 36px;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
  background-color: white;
  color: #5daceb;
  border: 1px #5daceb solid;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
}

.navbar-portals .navbar-right {
  width: 20%;
  justify-content: flex-end;
  align-items: center;
  padding-right: 25px;
  /*To remove button from IE11, thank you Matt */
}
.navbar-portals .navbar-right .selectdiv {
  position: relative;
  display: flex;
}
.navbar-portals .navbar-right label {
  margin: 0;
  font-weight: normal;
}
.navbar-portals .navbar-right select::-ms-expand {
  display: none;
}
.navbar-portals .navbar-right .selectdiv:after {
  content: "⌵";
  font: 1em "Consolas", monospace;
  color: #333;
  right: 4px;
  /*Adjust for position however you want*/
  top: 0px;
  padding: 0 0 2px;
  /*left line */
  position: absolute;
  pointer-events: none;
  width: 20px;
  text-align: center;
}
.navbar-portals .navbar-right .selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  max-width: 320px;
  height: 36px;
  float: right;
  margin: 0;
  padding: 0 19px 0 5px;
  font-size: 0.9em;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 5px;
  -ms-word-break: normal;
  word-break: normal;
}
.navbar-portals .navbar-right .login-btn {
  height: 36px;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
  background-color: white;
  color: #1160aa;
  border: 1px #1160aa solid;
  border-radius: 5px;
}

@media screen and (max-width: 992px) {
  .navbar-portals {
    height: 45px;
  }
  .navbar-portals .navbar-nav {
    height: 45px;
  }
  .navbar-portals .navbar-header .navbar-toggle {
    padding: 15px 10px 15px 10px;
  }
}
@media screen and (max-width: 1024px) {
  .navbar-portals {
    /* since 3.1.0 */
  }
  .navbar-portals .navbar-header {
    float: none;
  }
  .navbar-portals .navbar-toggle {
    transition: padding 0.4s ease;
    display: block;
  }
  .navbar-portals .navbar-collapse {
    border-top: 1px solid transparent;
    transition: all 0.4s ease !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background-color: #4280EB;
  }
  .navbar-portals .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-portals .navbar-nav {
    width: 80%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto !important;
    float: left;
  }
  .navbar-portals .navbar-nav li {
    min-height: 3em;
  }
  .navbar-portals .navbar-right {
    display: inline-flex;
    width: 50%;
    padding: 0;
    float: right;
  }
  .navbar-portals .navbar-collapse.collapse.in {
    display: block !important;
    position: relative;
  }
  .navbar-portals .collapsing {
    overflow: hidden !important;
  }
}
@media screen and (min-width: 1081px) {
  #login-mobile {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  .navbar-right.lang-login {
    display: none;
  }
}
.main-banner {
  display: inline-flex;
  margin-top: 0;
  width: 100%;
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0;
  background-size: auto 420px;
  height: 420px;
}

h1 {
  margin: auto 10%;
  color: white;
  width: 80%;
  clear: both;
  font-family: Gilroy-Regular, sans-serif;
  font-size: 3.3em;
  z-index: 2;
}

.banner-texto {
  z-index: 2;
  color: white;
  width: 80%;
  clear: both;
  margin: auto 10%;
}
.banner-texto h1 {
  font-family: Gilroy-Regular, sans-serif;
  font-size: 3em;
  margin: 10px 0;
  width: 100%;
  color: white;
}
.banner-texto p {
  font-family: Gilroy-Light, sans-serif;
  font-size: 1.5em;
  color: white;
}

@media screen and (min-width: 768px) {
  h1 {
    width: 60%;
  }

  .banner-texto {
    width: 60%;
  }
  .banner-texto h1 {
    margin: 20px 0;
  }
}
@media screen and (min-width: 992px) {
  .main-banner {
    height: 500px;
    padding: 60px 0;
    background-size: auto 500px;
  }

  h1 {
    width: 45%;
    font-size: 3.6em;
  }

  .banner-texto {
    width: 40%;
  }
}
@media screen and (min-width: 1400px) {
  .main-banner {
    height: 588px;
    background-size: auto 588px;
  }

  .banner-texto h1 {
    font-size: 3.4em;
  }
  .banner-texto p {
    font-size: 1.7em;
  }
}
@media screen and (min-width: 1920px) {
  .main-banner {
    height: 588px;
    background-size: 100% auto;
  }
}
/* BANNER URL*/
#page-alg .main-banner {
  background-color: #000;
}

#page-atelie .main-banner {
  background: url("../imgs/atelie-bkg.jpeg") no-repeat center center fixed;
  background-size: cover;
}

#page-banco .main-banner {
  background-color: #000;
}

#page-behavioral .main-banner {
  background-color: #000;
}

#page-blockchain .main-banner {
  background-image: url("../imgs/Backgrounds/14.png");
}

#page-cien .main-banner {
  background-color: #000;
}

#page-gestao .main-banner {
  background-image: url("../imgs/Backgrounds/09.png");
}

#page-gov .main-banner {
  background-image: url("../imgs/Backgrounds/04.png");
}

#page-human .main-banner {
  background-color: #111;
}

#page-ia .main-banner {
  background-color: #111;
}

#page-index .main-banner {
  background-image: url("../imgs/background-wemindgroup.jpg");
}

#page-industria .main-banner {
  background-image: url("../imgs/Backgrounds/08.png");
}

#page-itaas .main-banner {
  background-color: #000;
}

#page-machine .main-banner {
  background-color: #000;
}

#page-marcas .main-banner {
  background-image: url("../imgs/Backgrounds/15.png");
}

#page-marketplace .main-banner {
  background-color: #47a;
}

#page-marketplaces .main-banner {
  background-image: url("../imgs/Backgrounds/01.png");
}

#page-mobile .main-banner {
  background-color: #000;
}

#page-pareceres .main-banner {
  background-color: #000;
}

#page-precificacao .main-banner {
  background-image: url("../imgs/Backgrounds/12.png");
}

#page-redes .main-banner {
  background: #697ba7;
  background: radial-gradient(ellipse at center, #001B36 0%, #000 100%);
}

#page-seguradora .main-banner {
  background-image: url("../imgs/Backgrounds/16.png");
}

#page-sobre .main-banner {
  background-color: #2A2F39;
}

#page-solucoes .main-banner {
  background-image: url("../imgs/back-sol.png");
}

#page-sol-mkt .main-banner {
  background-image: url("../imgs/Backgrounds/02.png");
}

#banner-hf-sobre {
  background-color: #fff;
}

#banner-hf-como {
  background-image: url("../imgs/Backgrounds/19.png");
}

/*FOOTER*/
footer {
  display: inline-block;
  background: #162734;
  width: 100%;
  font-family: Gilroy-Light;
  padding: 10px 0;
  margin: 0;
  color: white;
  border-top: 1px #dbdbdb solid;
  font-size: 1.1em;
}
footer .row {
  margin: 0;
}

footer hr {
  margin: 5px;
}

footer h5 {
  color: white;
  margin: 0;
  font-family: Gilroy-SemiBold;
  list-style-type: none;
  padding: 5px 0;
  font-size: 1em;
}

footer li {
  font-size: 0.9em;
  margin: 0;
  padding: 5px 0;
}

footer a {
  text-decoration: none;
  color: white;
}

footer a:hover {
  color: lightgrey;
}

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

.info {
  display: block;
  margin-top: 0;
  height: auto;
}

.coluna-footer {
  display: block;
  overflow: hidden;
  text-align: left;
  background: #162734;
  border-top: white solid 1px;
}

.redes-sociais {
  padding: 5px;
  margin-bottom: 0;
}

footer p {
  display: block;
  font-size: 1em;
}

#copyright {
  display: block;
  padding: 5px;
}

#left-2 {
  float: bottom;
}

footer hr {
  clear: both;
  height: 1px;
  border: none;
  background-color: lightgrey;
  width: 100%;
}

.page-sle footer {
  background: linear-gradient(to right, #399CF7, #2ABAF6);
}

.page-peer footer {
  background: linear-gradient(to right, #021e50, #0541a1);
}

.page-hf footer {
  background-color: #4280EB;
}

.page-sl footer {
  background: url("../imgs/superloop/back-section.png") no-repeat;
  background-position: 0 100%;
  background-size: 100% auto;
}

.page-nt footer, .page-sl footer, .page-hf footer, .page-sle footer {
  display: inline-block;
  font-family: Gilroy-Light;
  color: white;
  border: 1px #dbdbdb solid;
}
.page-nt footer h5, .page-sl footer h5, .page-hf footer h5, .page-sle footer h5 {
  color: white;
  font-family: Gilroy-SemiBold;
}
.page-nt footer a, .page-sl footer a, .page-hf footer a, .page-sle footer a {
  text-decoration: none;
  color: white;
}
.page-nt footer a:hover, .page-sl footer a:hover, .page-hf footer a:hover, .page-sle footer a:hover {
  color: lightgrey;
}
.page-nt .coluna-footer, .page-sl .coluna-footer, .page-hf .coluna-footer, .page-sle .coluna-footer {
  background: transparent;
  border-top: transparent solid 2px;
}
.page-nt footer p, .page-sl footer p, .page-hf footer p, .page-sle footer p {
  display: block;
  color: lightgrey;
}
.page-nt footer hr, .page-sl footer hr, .page-hf footer hr, .page-sle footer hr {
  clear: both;
  height: 1px;
  border: none;
  background-color: white !important;
  width: 100%;
}

.page-sl footer, .page-nt footer, .page-sle footer, .page-peer footer, .page-hf footer {
  display: inline-block;
  font-family: Gilroy-Light;
  color: white;
  border: 1px #dbdbdb solid;
}
.page-sl .coluna-footer, .page-nt .coluna-footer, .page-sle .coluna-footer, .page-peer .coluna-footer, .page-hf .coluna-footer {
  background: transparent;
  border-top: white solid 1px;
}

.page-nt footer hr {
  background-color: lightgrey;
  width: 100%;
}

.cont-visita {
  background-color: #FFFFFF;
  height: auto;
  width: 100%;
  margin: 20px auto;
  padding: 1.5em 0;
}
.cont-visita hr {
  background-color: #3B48A8;
  border-color: #3B48A8;
}
.cont-visita #visita-text p, .cont-visita h3 {
  text-align: center;
}
.cont-visita #visita-text {
  margin: 25px auto;
}
.cont-visita #visita-text h3 {
  font-size: 2em;
}
.cont-visita #visita-text p {
  font-size: 1.3em;
}

.div-visita {
  display: inline-flex;
  background-color: #FFFFFF;
  height: auto;
  width: 80%;
  align-items: center;
  margin: 0 10%;
}

.div-visita img {
  width: 50%;
  height: auto;
  padding: 20px;
  float: left;
}

.form-visita {
  padding: 20px 10px;
  float: left;
  width: 50%;
  color: #A1A1A1;
  font-family: Gilroy-Light;
  font-size: 1.2em;
  margin: auto 30px;
}
.form-visita h2 {
  margin: 0 0 5px 0;
}

input[type=text] {
  width: 100%;
  border: 1px solid #A1A1A1;
  border-radius: 6px;
  padding: 5px 18px;
  margin: 5px 0;
  background-color: white;
}

input[type=text]:focus {
  border: 1px solid #3B48A8;
  border-radius: 5px;
  outline: none;
}

.page-hf input[type=text]:focus {
  border: 1px solid #0081ef;
}

.div-float-label {
  position: relative;
  margin: 0;
}

.input-float-label {
  margin: 0;
}

.div-float-label input {
  margin: 13px 0;
}

.div-float-label label {
  color: #878787;
  font-family: Gilroy-Light;
  font-weight: normal;
  z-index: 0;
  top: 19px;
  left: 25px;
  background: linear-gradient(transparent, white, transparent);
  border-radius: 5px;
  position: absolute;
  float: none;
  padding: 0 2px;
}

input[type=submit] {
  border: none;
  background-color: #3B48A8;
  padding: 10px 30px;
  color: #FFFFFF;
}

.page-hf input[type=submit] {
  background-color: #0081ef;
}

@media screen and (max-width: 1300px) {
  .div-visita img {
    width: 60%;
  }

  .form-visita {
    width: 40%;
  }
}
@media screen and (max-width: 992px) {
  .div-visita {
    display: flex;
    flex-direction: column;
  }

  .div-visita img {
    width: 100%;
    margin: auto;
    padding: 5px 20px;
  }

  .form-visita {
    width: 100%;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .div-visita {
    width: 90%;
    margin: 20px 5%;
  }
}
.cliente-logo {
  float: left;
}

.div-clientes {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  background: white;
}

.carouselClientes {
  height: 150px;
  width: 9000px;
  margin-bottom: 5px;
  font-size: 0;
  padding-top: 25px;
  padding-bottom: 40px;
}

.carouselClientes img {
  margin-bottom: 40px;
  margin-right: 15px;
  padding: auto;
  opacity: 0.5;
}

.first {
  -webkit-animation: bannermove 130s linear infinite;
  -moz-animation: bannermove 130s linear infinite;
  -ms-animation: bannermove 130s linear infinite;
  -o-animation: bannermove 130s linear infinite;
  animation: bannermove 130s linear infinite;
}

@keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -10930px;
  }
}
@-moz-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -10930px;
  }
}
@-webkit-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -10130px;
  }
}
@-ms-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -2130px;
  }
}
@-o-keyframes bannermove {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -2130px;
  }
}
/*COMPONENTS*/
.quote-maior {
  font-family: Gilroy-Regular, sans-serif;
  color: #323232;
  font-size: 2em;
  line-height: 1.5em;
}

.title-mini {
  text-align: left;
  font-family: Gilroy-Regular, sans-serif;
  color: #323232;
  text-transform: uppercase;
  padding: 10px 20px;
  border-left: solid 2px #3B48A8;
  font-size: 1em;
}

.half-width-back {
  background-color: #0081ef;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .half-width-back {
    display: none;
  }
}
.linha-atu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px auto;
  padding: auto;
  flex-grow: 1;
  height: 300px;
}

.mini-bloco {
  background-color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 10px;
}
.mini-bloco img {
  width: 40%;
  height: auto;
  margin: auto;
}
.mini-bloco p {
  margin: auto;
  line-height: 1.4em;
}

.info-linha {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: flex-start;
}
.info-linha button {
  color: #FFFFFF;
  border: none;
  background-color: #3B48A8;
  font-size: 1.3em;
  padding: 5px 30px;
  margin: 0;
}
.info-linha h2 {
  margin: 0;
}
.info-linha p {
  padding-top: 2%;
  font-size: 1.5em;
}

@media screen and (max-width: 768px) {
  .linha-atu {
    height: auto;
    flex-direction: column;
  }
  .linha-atu .info-linha {
    padding: 20px 0;
  }
  .linha-atu .info-linha p {
    font-size: 1.3em;
  }
  .linha-atu .info-linha button {
    margin: 15px;
  }

  .mini-bloco {
    padding: 10px;
    margin: auto;
    width: 60%;
    height: 300px;
  }
}
@media screen and (max-width: 500px) {
  .mini-bloco {
    width: 80%;
  }

  .mini-bloco p {
    font-size: 1.2em;
  }
}
/* MODAL Login*/
.realbutton {
  width: 100% !important;
  height: 30% !important;
  padding: 10px !important;
  background: #3B48A8;
  color: #fff;
  display: block !important;
  border: none !important;
  margin-bottom: 10px !important;
  position: relative !important;
}

.modal-open {
  overflow-y: scroll;
  padding-right: 0px !important;
}

.modal-dialog {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.diag-hidden {
  position: absolute;
  margin: auto;
  width: 52px;
  height: 30px;
  top: 15px;
  right: 20px;
}

#diag-login-m {
  height: 100%;
  margin: 0 auto;
}

.modal-content {
  height: 100%;
  overflow: hidden;
  border: none;
  border-radius: 0;
}

.modal-header {
  height: 10%;
}

.modal-body {
  height: 90%;
}

.warning-senha {
  font-size: 1em;
}

#id-login-form input {
  display: block;
  padding: 15px 10px;
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #ddd;
  transition: border-width 0.2s ease;
  border-radius: 2px;
  color: #ccc;
}
#id-login-form input + i.fa {
  color: #fff;
  font-size: 1em;
  position: absolute;
  margin-top: -63px;
  margin-left: -3px;
  opacity: 0;
  left: 0;
  transition: all 0.1s ease-in;
}
#id-login-form input:focus {
  outline: none;
  color: #444;
  border-color: #3B48A8;
  border-left-width: 35px;
}
#id-login-form input:focus + i.fa {
  opacity: 1;
  left: 30px;
  transition: all 0.25s ease-out;
}

#id-login-form a, #id-esqueci-form a, #id-esqueci-form-m a {
  font-size: 0.9em;
  color: #3B48A8;
  text-decoration: none;
}
#id-login-form .title, #id-esqueci-form .title, #id-esqueci-form-m .title {
  color: #444;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 30px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
#id-login-form button, #id-esqueci-form button, #id-esqueci-form-m button {
  background: #3B48A8;
  color: #fff;
  transition: all 0.1s ease-out;
  border-bottom-width: 7px;
}
#id-login-form button .spinner, #id-esqueci-form button .spinner, #id-esqueci-form-m button .spinner {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  border: 4px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  left: 50%;
  top: 0;
  opacity: 0;
  margin-left: -20px;
  margin-top: -20px;
  animation: spinner 0.6s infinite linear;
  transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
#id-login-form:not(.loading) button:hover, #id-esqueci-form:not(.loading) button:hover, #id-esqueci-form-m:not(.loading) button:hover {
  box-shadow: 0px 1px 3px #3B48A8;
}
#id-login-form:not(.loading) button:focus, #id-esqueci-form:not(.loading) button:focus, #id-esqueci-form-m:not(.loading) button:focus {
  border-bottom-width: 4px;
}

#id-login-form-m input, #id-esqueci-form input, #id-esqueci-form-m input {
  display: block;
  padding: 15px 10px;
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #ddd;
  transition: border-width 0.2s ease;
  border-radius: 2px;
  color: #ccc;
}
#id-login-form-m input + i.fa, #id-esqueci-form input + i.fa, #id-esqueci-form-m input + i.fa {
  color: #fff;
  font-size: 1em;
  position: absolute;
  margin-top: -63px;
  margin-left: -3px;
  opacity: 0;
  left: 0;
  transition: all 0.1s ease-in;
}
#id-login-form-m input:focus, #id-esqueci-form input:focus, #id-esqueci-form-m input:focus {
  outline: none;
  color: #444;
  border-color: #3B48A8;
  border-left-width: 35px;
}
#id-login-form-m input:focus + i.fa, #id-esqueci-form input:focus + i.fa, #id-esqueci-form-m input:focus + i.fa {
  opacity: 1;
  left: 30px;
  transition: all 0.25s ease-out;
}

#id-login-form-m a, #id-esqueci-form a, #id-esqueci-form-m a {
  font-size: 0.8em;
  color: #3B48A8;
  text-decoration: none;
}
#id-login-form-m .title, #id-esqueci-form .title, #id-esqueci-form-m .title {
  color: #444;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 30px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
#id-login-form-m button .spinner, #id-esqueci-form button .spinner, #id-esqueci-form-m button .spinner {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  border: 4px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  left: 50%;
  top: 0;
  opacity: 0;
  margin-left: -20px;
  margin-top: -20px;
  animation: spinner 0.6s infinite linear;
  transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
#id-login-form-m:not(.loading) button:hover, #id-esqueci-form:not(.loading) button:hover, #id-esqueci-form-m:not(.loading) button:hover {
  box-shadow: 0px 1px 3px #3B48A8;
}
#id-login-form-m:not(.loading) button:focus, #id-esqueci-form:not(.loading) button:focus, #id-esqueci-form-m:not(.loading) button:focus {
  border-bottom-width: 4px;
}

.login {
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-login {
  margin: auto;
  width: 100%;
}

.darken-screen {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000000;
  display: none;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}

.row p {
  padding: 10px 0;
}

.div-col-img img {
  display: block;
  width: 80%;
  margin: auto;
  object-fit: contain;
}

.col-img {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.col-img img {
  max-width: 100%;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .col-img {
    max-width: 100%;
  }
}
#Carousel-pat .carousel-control {
  width: 1.5em;
}
#Carousel-pat .carousel-control.left, #Carousel-pat .carousel-control.right {
  color: #27439D;
  background-image: none;
}
#Carousel-pat .carousel-control.left {
  transform: translateX(-30px);
}
#Carousel-pat .carousel-control.right {
  transform: translateX(30px);
}

@media screen and (max-width: 767px) {
  .carousel-inner-multi .active.left {
    left: -100%;
  }

  .carousel-inner-multi .next {
    left: 100%;
  }

  .carousel-inner-multi .prev {
    left: -100%;
  }

  .active > div {
    display: none;
  }

  .active > div:first-child {
    display: block;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .carousel-inner-multi .active.left {
    left: -33.3%;
  }

  .carousel-inner-multi .next {
    left: 33.3%;
  }

  .carousel-inner-multi .prev {
    left: -33.3%;
  }

  .active > div {
    display: none;
  }

  .active > div:first-child {
    display: block;
  }

  .active > div:first-child + div {
    display: block;
  }

  .active > div:first-child + div + div {
    display: block;
  }
}
@media all and (min-width: 1200px) {
  .carousel-inner-multi > .next {
    left: 16.6667%;
  }

  .carousel-inner-multi > .prev {
    left: -16.6667%;
  }

  .carousel-inner-multi > .active.left {
    left: -16.6667%;
  }

  .carousel-inner-multi > .active.right {
    left: 16.6667%;
  }
}
@media all and (min-width: 1200px) and (-webkit-transform-3d) {
  .carousel-inner-multi > .active.left {
    left: -16.6667%;
  }

  .carousel-inner-multi > .next {
    left: 16.6667%;
  }

  .carousel-inner-multi > .item.next,
.carousel-inner-multi > .item.active.right {
    left: 0;
    transform: translate3d(16.6667%, 0, 0);
    -webkit-transform: translate3d(16.6667%, 0, 0);
  }

  .carousel-inner-multi > .item.prev,
.carousel-inner-multi > .item.active.left {
    left: 0;
    transform: translate3d(-16.6667%, 0, 0);
    -webkit-transform: translate3d(-16.6667%, 0, 0);
  }
}
@media all and (min-width: 767px) and (max-width: 992px) and (-webkit-transform-3d) {
  .carousel-inner-multi > .active.left {
    left: -33.3%;
  }

  .carousel-inner-multi > .next {
    left: 33.3%;
  }

  .carousel-inner-multi > .item.next,
.carousel-inner-multi > .item.active.right {
    left: 0;
    transform: translate3d(33.3%, 0, 0);
    -webkit-transform: translate3d(33.3%, 0, 0);
  }

  .carousel-inner-multi > .item.prev,
.carousel-inner-multi > .item.active.left {
    left: 0;
    transform: translate3d(-33.3%, 0, 0);
    -webkit-transform: translate3d(-33.3%, 0, 0);
  }
}
#cont-carousel-pat {
  margin: 0 10%;
  background-color: white;
}
#cont-carousel-pat #carousel-patentes {
  margin-left: 30px;
  margin-right: 30px;
}

#Carousel-pat {
  background-color: white;
}
#Carousel-pat .carousel-inner-multi {
  display: flex;
  height: 12em;
}
#Carousel-pat .item {
  height: 100%;
  width: 100%;
}
#Carousel-pat .item > div {
  display: flex;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
#Carousel-pat .item > div > a {
  display: flex;
  width: 100%;
}

.bloco-pat {
  color: transparent;
  font-size: 0.9em;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: 2px transparent solid;
  text-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bloco-pat img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bloco-pat .texto-pat {
  margin: 0;
  height: 0%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bloco-pat p {
  font-size: 1em;
  line-height: 1.1;
}
.bloco-pat h4 {
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Gilroy-SemiBold;
}

.bloco-pat:hover {
  color: #686868;
  border-color: #27439D;
}
.bloco-pat:hover h4 {
  color: #27439D;
}
.bloco-pat:hover img {
  width: 100%;
  height: 50%;
  object-fit: contain;
}
.bloco-pat:hover .texto-pat {
  margin: 0;
  height: 50%;
}

.bloco-pat a:active, .bloco-pat a:hover, .bloco-pat a:focus, .bloco-pat a:visited {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .bloco-pat {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 992px) {
  .bloco-pat {
    color: #686868;
    font-size: 0.9em;
  }
  .bloco-pat h4 {
    color: #27439D;
  }
  .bloco-pat img {
    width: 100%;
    height: 50%;
    object-fit: contain;
  }
  .bloco-pat .texto-pat {
    margin: 0;
    height: 50%;
  }
}
@media screen and (max-width: 768px) {
  .bloco-pat {
    color: #686868;
  }
  .bloco-pat h4 {
    color: #27439D;
  }
  .bloco-pat img {
    width: 100%;
    height: 50%;
    object-fit: contain;
  }
  .bloco-pat .texto-pat {
    margin: 0;
    height: 50%;
  }
}
@media (max-width: 767px) {
  #Carousel-SLE .carousel-inner .active.left {
    left: -100%;
  }
  #Carousel-SLE .carousel-inner .next {
    left: 100%;
  }
  #Carousel-SLE .carousel-inner .prev {
    left: -100%;
  }
  #Carousel-SLE .active > div {
    display: none;
  }
  #Carousel-SLE .active > div:first-child {
    display: block;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  #Carousel-SLE .active > div {
    display: none;
  }
  #Carousel-SLE .active > div:first-child {
    display: block;
  }
  #Carousel-SLE .active > div:first-child + div {
    display: block;
  }
}
@media all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-inner > .active.left {
    left: -25%;
  }

  .carousel-inner > .next {
    left: 25%;
  }

  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    transform: translate3d(25%, 0, 0);
    -webkit-transform: translate3d(25%, 0, 0);
  }

  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    transform: translate3d(-25%, 0, 0);
    -webkit-transform: translate3d(-25%, 0, 0);
  }
}
@media all and (min-width: 767px) and (max-width: 992px) and (-webkit-transform-3d) {
  .carousel-inner > .active.left {
    left: -50%;
  }

  .carousel-inner > .next {
    left: 50%;
  }

  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    transform: translate3d(50%, 0, 0);
    -webkit-transform: translate3d(50%, 0, 0);
  }

  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}
#Carousel-SLE .carousel-inner {
  display: flex;
}

.item-sle-car {
  position: relative;
  height: 14em;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  background-color: white;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.item-sle-car p {
  font-size: 1.3em;
  font-family: Gilroy-Regular, sans-serif;
  line-height: 1.2;
  display: block;
  margin: auto;
}
.item-sle-car h2 {
  text-align: center;
  display: block;
  margin: auto;
}
.item-sle-car .glyphicon {
  color: #2ABAF6;
}

a.anchor-sle-item:active, a.anchor-sle-item:hover, a.anchor-sle-item:focus, a.anchor-sle-item:visited {
  text-decoration: none;
}

.btn-controle-car {
  color: white;
  padding: 5px 15px;
  font-size: 1.3em;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
}

.btn-controle-car:hover, .btn-controle-car:focus {
  color: white;
}

.btn-controle-car.left {
  margin-right: 5px;
}

.btn-controle-car.right {
  margin-left: 5px;
}

.carousel-prod .item img {
  margin: auto;
  width: 100%;
  text-align: center;
}

.carousel-prod {
  width: 50%;
  margin: 10px 25%;
  padding: 10px auto;
  height: fit-content;
}

.carousel-prod-div .intro {
  margin: 0;
  padding: 0;
  vertical-align: center;
}

.carousel-prod-div h3 {
  font-size: 2.2em;
}

.carousel-prod-div {
  width: 100%;
  margin: 0;
  background-color: #afb2b5;
}

.carousel-prod-div .row {
  width: 80%;
  margin: auto;
  padding: 3% 0;
}

.apps-link {
  margin: auto;
  padding-top: 30px;
  text-align: center;
}

.carousel-prod {
  position: relative;
  height: auto;
  width: 50%;
  margin: auto;
}

.carousel-prod .carousel-control {
  position: absolute;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .carousel-prod {
    width: 80%;
    height: auto;
    margin: auto;
  }

  .carousel-prod-div .row {
    width: 90%;
    margin: auto 5%;
  }

  .coluna-div-car {
    margin: 30px 0;
  }
}
/*Transparent Buttons*/
.div-btn-transparent {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  height: auto;
  margin: 30px 10%;
}

.div-btn-transparent .row {
  width: 100%;
  margin: 0;
}

.div-btn-transparent .btn-cont {
  display: flex;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  padding: 0;
}
.div-btn-transparent .btn-cont a:visited {
  color: white;
  text-decoration: none;
}
.div-btn-transparent .btn-cont a:hover {
  text-decoration: none;
  background-color: white;
  color: #384590;
}
.div-btn-transparent .btn-cont a:hover img {
  display: block;
}
.div-btn-transparent #btn-cont-a {
  background-image: url("../imgs/pq-img.jpg");
  justify-content: flex-end;
}
.div-btn-transparent #btn-cont-b {
  background-image: url("../imgs/conheca-img.jpg");
  justify-content: flex-start;
}
.div-btn-transparent .btn-sobre {
  display: flex;
  border: white solid 4px;
  height: 50%;
  width: 30%;
  padding: 1.5%;
  font-family: Gilroy-Regular;
  font-size: 1.5em;
  color: white;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}
.div-btn-transparent .btn-sobre span {
  margin-top: 45%;
}
.div-btn-transparent .btn-sobre img {
  display: none;
  width: 13%;
  height: auto;
  position: absolute;
  bottom: 4%;
  right: 5%;
}
.div-btn-transparent .btn-a {
  border-right: white solid 2px;
  text-decoration: none;
}
.div-btn-transparent .btn-b {
  border-left: white solid 2px;
  text-decoration: none;
}
.div-btn-transparent .btn-a:visited {
  text-decoration: none;
}
.div-btn-transparent .btn-b:visited {
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .div-btn-transparent .btn-sobre {
    width: 50%;
  }
}
@media screen and (max-width: 998px) {
  .div-btn-transparent .btn-cont, .div-btn-transparent #btn-cont-a, .div-btn-transparent #btn-cont-b {
    justify-content: center;
  }
  .div-btn-transparent #btn-cont-a {
    align-items: flex-end;
  }
  .div-btn-transparent #btn-cont-b {
    align-items: flex-start;
  }
  .div-btn-transparent .btn-sobre {
    border: white solid 4px;
    justify-content: center;
    width: 40%;
  }
  .div-btn-transparent .btn-a {
    border-right: white solid 4px;
    border-bottom: white solid 2px;
  }
  .div-btn-transparent .btn-b {
    border-left: white solid 4px;
    border-top: white solid 2px;
  }
}
@media screen and (max-width: 600px) {
  .div-btn-transparent .btn-sobre {
    width: 80%;
    text-align: center;
  }
}
/*PAGES*/
#banner-big-data {
  background: #000;
  margin: 0;
}

#section-2-PA .div-col-img img {
  max-height: 26em;
}

#section-2-PA p {
  color: white;
}

@media screen and (max-width: 768px) {
  #section-2-PA p {
    background-color: #0081ef;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 15px;
  }
}
/*NAVBAR*/
.page-peer {
  /*LOGO*/
}
.page-peer .navbar-portals {
  background-color: white;
}
.page-peer .navbar-portals .navbar-header .navbar-toggle {
  border-color: white;
}
.page-peer .navbar-portals .navbar-header .navbar-toggle:hover, .page-peer .navbar-portals .navbar-header .navbar-toggle:active, .page-peer .navbar-portals .navbar-header .navbar-toggle:focus {
  background-color: white;
}
.page-peer .navbar-portals .navbar-header .navbar-portals .navbar-collapse {
  border-color: white;
}
.page-peer .navbar-portals .navbar-nav li > a {
  color: #323232;
}
.page-peer .navbar-portals .navbar-nav li:hover > a {
  color: #686868;
}
.page-peer .navbar-portals .navbar-collapse {
  background-color: white;
}

@media screen and (max-width: 600px) {
  #page-atelie h1 {
    font-size: 2.5em;
  }

  #page-atelie .quote-maior {
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  #page-atelie h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 768px) {
  #page-atelie .coluna-div-car {
    padding: 0;
  }
}
#intro-baixo {
  padding: 20px 0;
  width: 90%;
  margin: auto 5%;
}

* {
  transition: all 0.5s ease;
}

#page-atelie .canvas {
  height: 100%;
  width: 100%;
}
#page-atelie .canvas .star:nth-child(1) {
  margin-left: 1117px;
  margin-top: 634px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.005s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(2) {
  margin-left: 140px;
  margin-top: 51px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.01s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(3) {
  margin-left: 117px;
  margin-top: 680px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.015s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(4) {
  margin-left: 314px;
  margin-top: 94px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.02s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(5) {
  margin-left: 80px;
  margin-top: 669px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.025s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(6) {
  margin-left: 971px;
  margin-top: 39px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.03s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(7) {
  margin-left: 903px;
  margin-top: 492px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.035s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(8) {
  margin-left: 61px;
  margin-top: 588px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.04s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(9) {
  margin-left: 616px;
  margin-top: 593px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.045s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(10) {
  margin-left: 349px;
  margin-top: 435px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.05s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(11) {
  margin-left: 107px;
  margin-top: 168px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.055s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(12) {
  margin-left: 1024px;
  margin-top: 503px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.06s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(13) {
  margin-left: 240px;
  margin-top: 7px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.065s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(14) {
  margin-left: 927px;
  margin-top: 675px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.07s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(15) {
  margin-left: 681px;
  margin-top: 529px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.075s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(16) {
  margin-left: 264px;
  margin-top: 320px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.08s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(17) {
  margin-left: 55px;
  margin-top: 23px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.085s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(18) {
  margin-left: 146px;
  margin-top: 190px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.09s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(19) {
  margin-left: 281px;
  margin-top: 675px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.095s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(20) {
  margin-left: 90px;
  margin-top: 440px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.1s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(21) {
  margin-left: 916px;
  margin-top: 742px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.105s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(22) {
  margin-left: 308px;
  margin-top: 238px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.11s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(23) {
  margin-left: 787px;
  margin-top: 444px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.115s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(24) {
  margin-left: 620px;
  margin-top: 119px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.12s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(25) {
  margin-left: 924px;
  margin-top: 744px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.125s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(26) {
  margin-left: 1273px;
  margin-top: 122px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.13s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(27) {
  margin-left: 1170px;
  margin-top: 655px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.135s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(28) {
  margin-left: 1166px;
  margin-top: 168px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.14s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(29) {
  margin-left: 287px;
  margin-top: 750px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.145s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(30) {
  margin-left: 531px;
  margin-top: 778px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.15s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(31) {
  margin-left: 1282px;
  margin-top: 242px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.155s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(32) {
  margin-left: 1293px;
  margin-top: 309px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.16s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(33) {
  margin-left: 225px;
  margin-top: 15px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.165s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(34) {
  margin-left: 993px;
  margin-top: 357px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.17s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(35) {
  margin-left: 228px;
  margin-top: 650px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.175s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(36) {
  margin-left: 565px;
  margin-top: 796px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.18s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(37) {
  margin-left: 1132px;
  margin-top: 751px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.185s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(38) {
  margin-left: 707px;
  margin-top: 656px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.19s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(39) {
  margin-left: 915px;
  margin-top: 112px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.195s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(40) {
  margin-left: 451px;
  margin-top: 177px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.2s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(41) {
  margin-left: 1234px;
  margin-top: 655px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.205s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(42) {
  margin-left: 35px;
  margin-top: 282px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.21s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(43) {
  margin-left: 345px;
  margin-top: 192px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.215s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(44) {
  margin-left: 342px;
  margin-top: 740px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.22s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(45) {
  margin-left: 416px;
  margin-top: 259px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.225s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(46) {
  margin-left: 875px;
  margin-top: 662px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.23s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(47) {
  margin-left: 294px;
  margin-top: 467px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.235s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(48) {
  margin-left: 962px;
  margin-top: 590px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.24s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(49) {
  margin-left: 167px;
  margin-top: 47px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.245s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(50) {
  margin-left: 426px;
  margin-top: 602px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.25s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(51) {
  margin-left: 619px;
  margin-top: 287px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.255s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(52) {
  margin-left: 925px;
  margin-top: 419px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.26s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(53) {
  margin-left: 1351px;
  margin-top: 128px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.265s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(54) {
  margin-left: 1346px;
  margin-top: 97px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.27s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(55) {
  margin-left: 589px;
  margin-top: 351px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.275s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(56) {
  margin-left: 270px;
  margin-top: 389px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.28s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(57) {
  margin-left: 1371px;
  margin-top: 60px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.285s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(58) {
  margin-left: 837px;
  margin-top: 270px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.29s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(59) {
  margin-left: 345px;
  margin-top: 765px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.295s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(60) {
  margin-left: 494px;
  margin-top: 708px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.3s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(61) {
  margin-left: 830px;
  margin-top: 641px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.305s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(62) {
  margin-left: 1047px;
  margin-top: 67px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.31s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(63) {
  margin-left: 1049px;
  margin-top: 393px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.315s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(64) {
  margin-left: 76px;
  margin-top: 263px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.32s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(65) {
  margin-left: 896px;
  margin-top: 204px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.325s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(66) {
  margin-left: 928px;
  margin-top: 465px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.33s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(67) {
  margin-left: 252px;
  margin-top: 385px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.335s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(68) {
  margin-left: 1355px;
  margin-top: 435px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.34s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(69) {
  margin-left: 877px;
  margin-top: 586px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.345s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(70) {
  margin-left: 299px;
  margin-top: 499px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.35s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(71) {
  margin-left: 12px;
  margin-top: 532px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.355s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(72) {
  margin-left: 704px;
  margin-top: 649px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.36s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(73) {
  margin-left: 211px;
  margin-top: 779px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.365s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(74) {
  margin-left: 372px;
  margin-top: 536px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.37s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(75) {
  margin-left: 177px;
  margin-top: 712px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.375s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(76) {
  margin-left: 289px;
  margin-top: 244px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.38s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(77) {
  margin-left: 1338px;
  margin-top: 239px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.385s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(78) {
  margin-left: 739px;
  margin-top: 232px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.39s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(79) {
  margin-left: 647px;
  margin-top: 452px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.395s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(80) {
  margin-left: 537px;
  margin-top: 301px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.4s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(81) {
  margin-left: 983px;
  margin-top: 246px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.405s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(82) {
  margin-left: 83px;
  margin-top: 152px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.41s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(83) {
  margin-left: 1282px;
  margin-top: 69px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.415s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(84) {
  margin-left: 60px;
  margin-top: 351px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.42s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(85) {
  margin-left: 164px;
  margin-top: 405px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.425s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(86) {
  margin-left: 253px;
  margin-top: 270px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.43s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(87) {
  margin-left: 871px;
  margin-top: 390px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.435s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(88) {
  margin-left: 753px;
  margin-top: 701px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.44s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(89) {
  margin-left: 1256px;
  margin-top: 279px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.445s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(90) {
  margin-left: 516px;
  margin-top: 515px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.45s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(91) {
  margin-left: 475px;
  margin-top: 287px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.455s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(92) {
  margin-left: 169px;
  margin-top: 17px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.46s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(93) {
  margin-left: 103px;
  margin-top: 163px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.465s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(94) {
  margin-left: 476px;
  margin-top: 722px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.47s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(95) {
  margin-left: 472px;
  margin-top: 22px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.475s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(96) {
  margin-left: 506px;
  margin-top: 612px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.48s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(97) {
  margin-left: 1092px;
  margin-top: 578px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.485s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(98) {
  margin-left: 541px;
  margin-top: 649px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  animation: shine 2s linear infinite;
  animation-delay: 0.49s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .star:nth-child(99) {
  margin-left: 426px;
  margin-top: 168px;
  position: absolute;
  z-index: 10;
  background: white;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: shine 2s linear infinite;
  animation-delay: 0.495s;
}
@keyframes shine {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
#page-atelie .canvas .moon {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 100px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 0px 50px 11px rgba(255, 255, 255, 0.2);
}
#page-atelie .canvas .scroll {
  position: relative;
  padding: 20px;
  width: 50%;
  min-width: 400px;
  background: rgba(255, 255, 255, 0.1);
  margin: auto;
  top: 50px;
  font-family: "Montserrat", sans-serif;
  box-shadow: 0px 0px 50px 11px rgba(255, 255, 255, 0.05);
}
#page-atelie .canvas .scroll .title {
  text-align: center;
  font-size: 28px;
  color: #333;
  font-family: inherit;
  margin-bottom: 20px;
}
#page-atelie .canvas .scroll .title small {
  display: block;
  margin: 5px;
  font-size: 13px;
  text-align: center;
}
#page-atelie .canvas .scroll .content {
  margin: auto;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-family: inherit;
  max-width: 500px;
}

#page-atelie .div-intro {
  margin-top: 50px;
}

@media screen and (width: 1920px) {
  #page-atelie .main-banner {
    background-size: 100% !important;
    background-position-y: -220px;
    height: 500px;
  }
}
@media screen and (width: 1680px) {
  #page-atelie .main-banner {
    background-size: 100% !important;
    background-position-y: -220px;
    height: 500px;
  }
}
@media screen and (width: 1440px) {
  #page-atelie .main-banner {
    background-size: 100% !important;
    background-position-y: -100px;
    height: 500px;
  }
}
@media screen and (max-width: 768px) {
  #page-atelie .main-banner {
    background-size: 100% !important;
    background-position-y: top 5%;
    height: 500px;
  }

  #page-atelie .scroll {
    width: 61% !important;
  }

  #page-atelie .div-intro {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  #page-atelie .main-banner {
    background-size: 117% !important;
    background-position-y: top 13%;
  }

  #page-atelie .scroll {
    width: 78% !important;
  }
}
@media screen and (max-width: 480px) {
  #page-atelie .main-banner {
    background-position-y: top 10%;
  }

  #page-atelie .scroll {
    margin-top: -55px !important;
    width: 100% !important;
  }

  #page-atelie .content {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 420px) {
  #page-atelie .main-banner {
    background-size: 130% !important;
    height: 400px;
  }

  #page-atelie .content {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 375px) {
  #page-atelie .main-banner {
    background-position-y: top 23%;
  }

  #page-atelie .scroll {
    margin-left: -20px !important;
  }
}
@media screen and (max-width: 360px) {
  #page-atelie .main-banner {
    background-size: 135% !important;
  }
}
@media screen and (max-width: 768px) {
  #page-carreiras .coluna-div-car {
    padding: 0;
  }
  #page-carreiras .texto {
    margin-top: -20px !important;
  }
}
@media screen and (max-width: 600px) {
  #page-carreiras h1 {
    font-size: 2.5em;
    width: 50%;
  }
  #page-carreiras .texto {
    margin-top: -28px !important;
  }
}
@media screen and (max-width: 480px) {
  #page-carreiras .main-banner .fire {
    left: 75% !important;
  }
}
@media screen and (max-width: 480px) {
  #page-carreiras .main-banner .fire {
    top: 70% !important;
    left: 80% !important;
  }
}
@media screen and (max-width: 400px) {
  #page-carreiras h1 {
    font-size: 2.3em;
  }
}
#intro-baixo {
  padding: 20px 0;
  width: 90%;
  margin: auto 5%;
}

#page-carreiras .main-banner {
  background-color: #111217;
}
#page-carreiras .main-banner .fire {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -25%);
  height: 20vw;
  width: 20vw;
}
#page-carreiras .main-banner .fire .flames {
  position: absolute;
  bottom: 40%;
  left: 70%;
  width: 60%;
  height: 60%;
  transform: translateX(-50%) rotate(45deg);
}
#page-carreiras .main-banner .fire .flames .flame {
  position: absolute;
  right: 0%;
  bottom: 0%;
  width: 0%;
  height: 0%;
  background-color: #FFDC01;
  border-radius: 1vw;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(2n+1) {
  animation: flameodd 1.5s ease-in infinite;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(2n) {
  animation: flameeven 1.5s ease-in infinite;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(1) {
  animation-delay: 0s;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(2) {
  animation-delay: 0.375s;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(3) {
  animation-delay: 0.75s;
}
#page-carreiras .main-banner .fire .flames .flame:nth-child(4) {
  animation-delay: 1.125s;
}
#page-carreiras .main-banner .fire .logs {
  position: absolute;
  bottom: 25%;
  left: 70%;
  transform: translateX(-50%);
  width: 100%;
  height: 15%;
}
#page-carreiras .main-banner .fire .logs:before, #page-carreiras .main-banner .fire .logs:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(20deg);
  height: 100%;
  width: 100%;
  border-radius: 1vw;
  background-color: #70392F;
}
#page-carreiras .main-banner .fire .logs:before {
  transform: translate(-50%, -50%) rotate(-20deg);
  background-color: #612E25;
}

@keyframes flameodd {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background-color: #FFDC01;
    z-index: 1000000;
  }
  40% {
    background-color: #FDAC01;
    z-index: 1000000;
  }
  100% {
    background-color: #F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 1%;
    bottom: 2%;
  }
  100% {
    right: 150%;
    bottom: 170%;
  }
}
@keyframes flameeven {
  0%, 100% {
    width: 0%;
    height: 0%;
  }
  25% {
    width: 100%;
    height: 100%;
  }
  0% {
    background-color: #FFDC01;
    z-index: 1000000;
  }
  40% {
    background-color: #FDAC01;
    z-index: 1000000;
  }
  100% {
    background-color: #F73B01;
    z-index: -10;
  }
  0% {
    right: 0%;
    bottom: 0%;
  }
  25% {
    right: 2%;
    bottom: 1%;
  }
  100% {
    right: 170%;
    bottom: 150%;
  }
}
#page-banco .fill {
  fill: #283246;
}
#page-banco .stroke {
  fill: none;
}
#page-banco .fill,
#page-banco .stroke {
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
#page-banco .end-card {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5vw;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: rgba(40, 50, 70, 0.9);
  opacity: 0;
}
#page-banco .title {
  margin-bottom: 2rem;
  font-size: 15vh;
  line-height: 1;
  font-family: "Creepster", cursive;
}
#page-banco .div-dupla {
  background: -webkit-gradient(linear, left top, right top, from(#3B488A), color-stop(50%, #3B488A), color-stop(50%, #000000), color-stop(50%, #2F3F7F), to(#2F3F7F));
  background: linear-gradient(to right, #3B488A 0%, #3B488A 50%, #000000 50%, #2F3F7F 50%, #2F3F7F 100%);
}
#page-banco .div-dupla .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 18em;
  -ms-flex-line-pack: center;
  align-content: center;
}
#page-banco .div-dupla p {
  color: white;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #page-banco .main-banner {
    height: 500px;
  }
  #page-banco .main-banner .banner-texto {
    width: 90% !important;
  }

  #page-banco .texto {
    margin-top: -5px !important;
  }
}
@media screen and (max-width: 600px) {
  #page-banco .div-dupla {
    background: -webkit-gradient(linear, left top, left bottom, from(#3B488A), color-stop(50%, #3B488A), color-stop(50%, #000000), color-stop(50%, #2F3F7F), to(#2F3F7F));
    background: linear-gradient(to bottom, #3B488A 0%, #3B488A 50%, #000000 50%, #2F3F7F 50%, #2F3F7F 100%);
  }

  #page-banco .texto {
    margin-top: -5px;
  }
}
@media screen and (max-width: 480px) {
  #page-banco .main-banner {
    height: 300px;
  }
  #page-banco .main-banner svg {
    display: none;
  }

  #page-banco .banner-texto h1 {
    font-size: 2.4em;
  }
  #page-banco .banner-texto p {
    font-size: 1.4em;
  }

  #page-banco .div-dupla {
    background: linear-gradient(to bottom, #3B488A 0%, #3B488A 47%, #000000 47%, #2F3F7F 47%, #2F3F7F 100%);
  }
}
@media screen and (max-width: 420px) {
  #page-banco .main-banner {
    height: 325px;
  }

  #page-banco .div-dupla {
    background: -webkit-gradient(linear, left top, left bottom, from(#3B488A), color-stop(45%, #3B488A), color-stop(45%, #000000), color-stop(45%, #2F3F7F), to(#2F3F7F));
    background: linear-gradient(to bottom, #3B488A 0%, #3B488A 45%, #000000 45%, #2F3F7F 45%, #2F3F7F 100%);
  }
}
@media screen and (max-width: 360px) {
  #page-banco .main-banner {
    height: 355px;
  }

  #page-banco .div-dupla {
    background: -webkit-gradient(linear, left top, left bottom, from(#3B488A), color-stop(46%, #3B488A), color-stop(46%, #000000), color-stop(46%, #2F3F7F), to(#2F3F7F));
    background: linear-gradient(to bottom, #3B488A 0%, #3B488A 46%, #000000 46%, #2F3F7F 46%, #2F3F7F 100%);
  }
}
@media screen and (max-width: 320px) {
  #page-banco .main-banner {
    height: 415px;
  }

  #page-banco .div-dupla {
    background: -webkit-gradient(linear, left top, left bottom, from(#3B488A), color-stop(48%, #3B488A), color-stop(48%, #000000), color-stop(48%, #2F3F7F), to(#2F3F7F));
    background: linear-gradient(to bottom, #3B488A 0%, #3B488A 48%, #000000 48%, #2F3F7F 48%, #2F3F7F 100%);
  }
}
#page-behavioral .banner-texto {
  width: 80%;
  padding-top: 20%;
}

@media screen and (max-width: 768px) {
  #page-behavioral .banner-texto {
    padding-top: 15%;
    margin-left: 30%;
  }
  #page-behavioral .texto {
    margin-top: -20px !important;
  }

  #page-behavioral .main-banner svg {
    width: 950%;
  }
}
@media screen and (max-width: 600px) {
  #page-behavioral .banner-texto {
    padding-top: 15%;
    margin-left: 45%;
  }
  #page-behavioral .texto {
    margin-top: -30px !important;
  }
}
@media screen and (max-width: 480px) {
  #page-behavioral .banner-texto {
    padding-top: 20%;
    margin-left: 48%;
    width: 70%;
  }
  #page-behavioral .texto {
    margin-top: -28px !important;
  }

  #page-behavioral .banner-texto h1 {
    font-size: 2.4em;
  }
  #page-behavioral .banner-texto p {
    font-size: 1.4em;
  }
}
#page-behavioral .main-banner svg {
  opacity: 0;
  overflow: visible;
  position: absolute;
  left: 70%;
  top: 53%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 360px) {
  #page-behavioral .banner-texto {
    padding-top: 30%;
    margin-left: 41%;
  }

  #page-behavioral .main-banner svg {
    width: 900%;
  }
}
@media screen and (max-width: 320px) {
  #page-behavioral .banner-texto {
    padding-top: 30%;
    margin-left: 37%;
  }

  #page-behavioral .main-banner svg {
    width: 700%;
  }
}
@media screen and (max-width: 500px) {
  #page-blockchain .banner-texto h1 {
    font-size: 2.2em;
  }
  #page-blockchain .banner-texto p {
    font-size: 1.4em;
    line-height: 1.5;
  }
}
@media screen and (max-width: 425px) {
  #page-cien h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 600px) {
  #page-cien .texto {
    margin-top: -28px !important;
  }
}
@media screen and (min-width: 1440px) {
  #page-gestao .main-banner {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 380px) {
  #page-gestao .banner-texto h1 {
    font-size: 2.3em;
  }
  #page-gestao .banner-texto p {
    font-size: 1.4em;
  }
}
#page-gestao #case-a {
  background-color: #DBC25A;
}
#page-gestao #case-b {
  background-color: #9DC330;
}
#page-gestao #case-c {
  background-color: #2DA5B5;
}
#page-gestao #case-d {
  background-color: #2783B6;
}
#page-gestao #case-e {
  background-color: #C184C9;
}
#page-gestao #case-f {
  background-color: #DA5421;
}
#page-gestao .cases {
  display: flex;
  flex-wrap: wrap;
}
#page-gestao .cases .col-sm-6 {
  margin-bottom: 15px;
}
#page-gestao .case-box {
  display: flex;
  width: 100%;
  height: 94%;
  margin: 3% 0;
  padding: 2%;
}
#page-gestao .case-box p {
  margin: auto;
  color: white;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .cases .col-sm-6 {
    margin-bottom: 0;
  }
}
#page-gov #texto-coluna {
  margin: auto;
}
#page-gov .img-coluna {
  width: 100%;
  height: auto;
}
#page-gov .texto-gov {
  width: 100%;
  margin-top: 30px;
}
#page-gov #blocos-duplos {
  width: 100%;
}
#page-gov .bloco-gov {
  color: white;
  width: 100%;
  height: 96%;
  min-height: 180px;
  margin: 2% auto;
  background-color: #2783B6;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
#page-gov .bloco-gov .img-gov {
  width: 25%;
  height: auto;
  margin: auto;
  float: left;
}
#page-gov .bloco-gov .p-gov {
  width: 75%;
  margin: auto 0;
}
#page-gov .bloco-gov .p-gov p {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  #page-gov .bloco-gov {
    min-height: 198px;
  }
}
@media screen and (max-width: 768px) {
  #page-gov .texto-gov {
    width: 100%;
    margin-top: 0px;
  }
  #page-gov .bloco-gov {
    flex-direction: column;
    min-height: 286px;
    margin: 15px auto;
  }
  #page-gov .bloco-gov .img-gov {
    margin: auto;
    height: 25%;
    width: auto;
  }
  #page-gov .bloco-gov .p-gov {
    margin: auto;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  #page-gov .bloco-gov {
    min-height: 180px;
  }
}
@media screen and (max-width: 380px) {
  #page-gov .banner-texto h1 {
    font-size: 2.3em;
  }
  #page-gov .banner-texto p {
    font-size: 1.4em;
  }
}
#page-human .main-banner {
  display: inline-flex;
  margin-top: 0;
  width: 100%;
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0;
  background-size: auto 500px;
  height: 500px;
}
#page-human .main-banner h1 {
  margin: auto 10%;
  color: white;
  width: 80%;
  clear: both;
  font-family: Gilroy-Regular, sans-serif;
  font-size: 3.3em;
  z-index: 2;
}
#page-human .main-banner .banner-texto {
  color: white;
  width: 100% !important;
  clear: both;
  margin: auto 10%;
}
#page-human .main-banner .banner-texto h1 {
  font-family: Gilroy-Regular, sans-serif;
  font-size: 3em;
  margin: 10px 0;
  width: 120%;
  color: white;
}
#page-human .main-banner .banner-texto p {
  font-family: Gilroy-Light, sans-serif;
  font-size: 1.5em;
  color: white;
}
#page-human .main-banner .stripe {
  width: 100%;
  position: relative;
  height: 392px;
  padding: 96px 32px;
}
#page-human .main-banner .container {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
#page-human .main-banner #cyclops {
  background: #2196F3;
}
#page-human .main-banner #cyclops .container {
  background: transparent;
  border: 2px solid #0c7cd5;
}
#page-human .main-banner #cyclops .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #2196F3;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #cyclops .jacket {
  position: absolute;
  background: #ccc;
  width: 20px;
  left: 50%;
  height: 160px;
  top: -4px;
  transform: translateX(-50%) rotate(8deg);
  z-index: 1;
}
#page-human .main-banner #cyclops .jacket:before {
  content: "";
  position: absolute;
  background: #ccc;
  width: 20px;
  left: -50%;
  height: 160px;
  top: 0;
  transform: translateX(50%) rotate(-16deg);
  z-index: 1;
}
#page-human .main-banner #cyclops .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #2196F3;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-human .main-banner #cyclops .skin {
  position: absolute;
  width: 50px;
  height: 59px;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  background: #F0BEAF;
  border-radius: 10px;
}
#page-human .main-banner #cyclops .visor {
  position: absolute;
  height: 20px;
  width: 80px;
  border-radius: 4px;
  background: #FDD835;
  left: 0;
  top: 16px;
}
#page-human .main-banner #cyclops .visor:after {
  content: "";
  height: 10px;
  width: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c62828;
  border-radius: 4px;
  animation: lasereyes 4s infinite;
}
#page-human .main-banner #cyclops .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #2196F3;
}
#page-human .main-banner #cyclops .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
}
#page-human .main-banner #cyclops .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 10px;
  border-radius: 0 0 100px 100px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #cyclops .hair {
  position: absolute;
  width: 70px;
  height: 55px;
  background: #9b651d;
  border-radius: 50%;
  top: 36px;
  left: 62px;
}
#page-human .main-banner #cyclops .pouf {
  position: absolute;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  left: 60px;
  top: 46px;
  background: #9b651d;
  transform: rotate(-53deg);
  z-index: 10;
}
#page-human .main-banner #cyclops .pomp {
  position: absolute;
  width: 51px;
  height: 23px;
  border-radius: 100% 0 100% 100%;
  left: 80px;
  top: 44px;
  background: #9b651d;
  z-index: 10;
}
#page-human .main-banner #cyclops .pomp:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 20px;
  border-radius: 100% 0 100% 100%;
  left: -4px;
  top: -6px;
  background: #9b651d;
  z-index: 12;
  transform: rotate(-15deg);
}
#page-human .main-banner #cyclops .strap {
  position: absolute;
  top: -10px;
  height: 200px;
  background: #FDD835;
  width: 20px;
  right: 14px;
}
#page-human .main-banner #cyclops .cross-strap {
  position: absolute;
  top: 10px;
  height: 20px;
  background: #FDD835;
  width: 90px;
  left: -6px;
  transform: rotate(15deg);
}
#page-human .main-banner #cyclops .badge {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 12px;
  right: 10px;
  background: #2196F3;
  border-radius: 100%;
  border: 4px solid #FDD835;
}
#page-human .main-banner #cyclops .badge:before,
#page-human .main-banner #cyclops .badge:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  top: 50%;
  left: 50%;
  background: #FDD835;
}
#page-human .main-banner #cyclops .badge:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-human .main-banner #cyclops .badge:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes lasereyes {
  0% {
    background: #c62828;
  }
  25% {
    background: #c62828;
  }
  30% {
    background: #f44336;
  }
  35% {
    background: #c62828;
  }
  40% {
    background: #f44336;
  }
  45% {
    background: #c62828;
  }
  50% {
    background: #f44336;
  }
  55% {
    background: #c62828;
  }
  60% {
    background: #f44336;
  }
  65% {
    background: #c62828;
  }
  70% {
    background: #f44336;
  }
  75% {
    background: #c62828;
  }
  100% {
    background: #c62828;
  }
}
#page-human .main-banner #professor {
  background: transparent;
}
#page-human .main-banner #professor .container {
  background: #fff;
  border: 2px solid #cfcfcf;
}
#page-human .main-banner #professor .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #424b54;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #professor .jacket {
  position: absolute;
  background: #ccc;
  width: 20px;
  left: 50%;
  height: 160px;
  top: -4px;
  transform: translateX(-50%) rotate(8deg);
  z-index: 1;
}
#page-human .main-banner #professor .jacket:before {
  content: "";
  position: absolute;
  background: #ccc;
  width: 20px;
  left: -50%;
  height: 160px;
  top: 0;
  transform: translateX(50%) rotate(-16deg);
  z-index: 1;
}
#page-human .main-banner #professor .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #F0BEAF;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-human .main-banner #professor .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #F0BEAF;
}
#page-human .main-banner #professor .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #424b54;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
}
#page-human .main-banner #professor .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #424b54;
  top: 0;
  border-radius: 50%;
  right: -40px;
}
#page-human .main-banner #professor .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
}
#page-human .main-banner #professor .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 4px;
  border-radius: 0 0 100px 100px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #professor .ear {
  position: absolute;
  background: #F0BEAF;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  left: 50px;
  top: 76px;
}
#page-human .main-banner #professor .ear.right {
  left: 120px;
}
#page-human .main-banner #professor .ear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #e89b84;
  border-radius: 100%;
}
#page-human .main-banner #professor .badge {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 10px;
  background: #2196F3;
  border-radius: 100%;
  border: 2px solid #FDD835;
}
#page-human .main-banner #professor .badge:before,
#page-human .main-banner #professor .badge:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #FDD835;
}
#page-human .main-banner #professor .badge:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-human .main-banner #professor .badge:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#page-human .main-banner #professor .telepathy {
  position: absolute;
  width: 260px;
  height: 260px;
  border: solid 2px #9acaf9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
}
#page-human .main-banner #professor .telepathy.one {
  animation: telepath 4s 1s infinite;
}
#page-human .main-banner #professor .telepathy.two {
  animation: telepath 4s 1.5s infinite;
}
#page-human .main-banner #professor .telepathy.three {
  animation: telepath 4s 2s infinite;
}
@keyframes telepath {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
#page-human .main-banner #jeangrey {
  background: #DC5846;
}
#page-human .main-banner #jeangrey .container {
  background: #fff;
  border: 2px solid #c93a26;
}
#page-human .main-banner #jeangrey .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #61AE71;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #jeangrey .body:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  background: #F0BEAF;
  width: 100%;
  height: 20px;
  border-radius: 100%;
}
#page-human .main-banner #jeangrey .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #F0BEAF;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-human .main-banner #jeangrey .hair {
  position: absolute;
  width: 110px;
  height: 130px;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #DC5846;
  border-radius: 50% 50% 0 0;
}
#page-human .main-banner #jeangrey .hair-front {
  position: absolute;
  left: 60px;
  top: 37px;
  width: 60px;
  height: 40px;
  border-radius: 50%;
  background: #DC5846;
  z-index: 20;
}
#page-human .main-banner #jeangrey .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #F0BEAF;
}
#page-human .main-banner #jeangrey .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #424b54;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
  animation-name: eyes;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #jeangrey .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #424b54;
  top: 0;
  border-radius: 50%;
  right: -40px;
  animation-name: eyes;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #jeangrey .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
}
#page-human .main-banner #jeangrey .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 6px;
  border-radius: 0 0 100px 100px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #jeangrey .emblem {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #FDD835 transparent transparent transparent;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #jeangrey .fire {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: -160px;
  left: 0;
  background: #FB8C00;
  z-index: 0;
  animation-name: fire;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #jeangrey .flame {
  position: absolute;
  bottom: 100%;
  width: 5%;
  height: 40px;
  border-radius: 10px 10px 0 0;
  background: #FB8C00;
}
#page-human .main-banner #jeangrey .flame:after {
  content: "";
  position: absolute;
  left: 100%;
  background: #fff;
  border-radius: 0 0 10px 10px;
  top: 100%;
  width: 100%;
  height: 80%;
}
#page-human .main-banner #jeangrey .flame:nth-child(1) {
  left: 0;
  height: 40px;
}
#page-human .main-banner #jeangrey .flame:nth-child(2) {
  left: 10%;
  height: 20px;
}
#page-human .main-banner #jeangrey .flame:nth-child(3) {
  left: 20%;
  height: 60px;
}
#page-human .main-banner #jeangrey .flame:nth-child(4) {
  left: 30%;
  height: 10px;
}
#page-human .main-banner #jeangrey .flame:nth-child(5) {
  left: 40%;
  height: 30px;
}
#page-human .main-banner #jeangrey .flame:nth-child(6) {
  left: 50%;
  height: 40px;
}
#page-human .main-banner #jeangrey .flame:nth-child(7) {
  left: 60%;
  height: 20px;
}
#page-human .main-banner #jeangrey .flame:nth-child(8) {
  left: 70%;
  height: 30px;
}
#page-human .main-banner #jeangrey .flame:nth-child(9) {
  left: 80%;
  height: 40px;
}
#page-human .main-banner #jeangrey .flame:nth-child(10) {
  left: 90%;
  height: 20px;
}
@keyframes fire {
  0% {
    bottom: -160px;
  }
  20% {
    bottom: -160px;
  }
  30% {
    bottom: -10px;
  }
  40% {
    bottom: 0;
  }
  50% {
    bottom: -10px;
  }
  60% {
    bottom: 0;
  }
  70% {
    bottom: -10px;
  }
  80% {
    bottom: 0;
  }
  100% {
    bottom: -160px;
  }
}
@keyframes eyes {
  0% {
    background: #424b54;
  }
  20% {
    background: #424b54;
  }
  40% {
    background: #FB8C00;
  }
  60% {
    background: #FB8C00;
  }
  70% {
    background: #FB8C00;
  }
  100% {
    background: #424b54;
  }
}
#page-human .main-banner #wolverine {
  background: #FDD835;
}
#page-human .main-banner #wolverine .container {
  background: #fff;
  border: 2px solid #e3ba02;
}
#page-human .main-banner #wolverine .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #FDD835;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #wolverine .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #F0BEAF;
  border-radius: 100px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  overflow: hidden;
}
#page-human .main-banner #wolverine .fin {
  position: absolute;
  width: 50px;
  height: 40px;
  background: #424b54;
  z-index: 20;
  top: 71px;
}
#page-human .main-banner #wolverine .fin.one {
  border-radius: 0 0 2px 90%;
  left: 40px;
  transform: rotate(25deg);
}
#page-human .main-banner #wolverine .fin.two {
  border-radius: 0 0 90% 2px;
  right: 40px;
  transform: rotate(-25deg);
}
#page-human .main-banner #wolverine .fin-bridge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #424b54;
  height: 30px;
  width: 34px;
  top: 80px;
  z-index: 20;
}
#page-human .main-banner #wolverine .mask {
  position: absolute;
  height: 50px;
  left: -10px;
  right: -10px;
  background: #FDD835;
}
#page-human .main-banner #wolverine .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 100px;
  background: #F0BEAF;
}
#page-human .main-banner #wolverine .eye {
  position: absolute;
  top: 92px;
  width: 10px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  z-index: 100;
}
#page-human .main-banner #wolverine .eye.one {
  left: 76px;
  transform: rotate(45deg);
}
#page-human .main-banner #wolverine .eye.two {
  right: 76px;
  transform: rotate(-45deg);
}
#page-human .main-banner #wolverine .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 10px;
  border-radius: 0 0 100px 100px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
#page-human .main-banner #wolverine .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: #FDD835;
  top: 102px;
  border-radius: 4px 4px 0 0;
  z-index: 30;
}
#page-human .main-banner #wolverine .stripes {
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 40px;
}
#page-human .main-banner #wolverine .stripes.left {
  border-width: 10px 0 10px 40px;
  border-color: transparent transparent transparent #424b54;
  left: 0;
}
#page-human .main-banner #wolverine .stripes.right {
  border-width: 10px 40px 10px 0;
  border-color: transparent #424b54 transparent transparent;
  right: 0;
}
#page-human .main-banner #wolverine .shoulder {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 30;
  top: 140px;
}
#page-human .main-banner #wolverine .shoulder.left {
  left: 30px;
  border-width: 0 30px 80px 0;
  border-color: transparent #2196F3 transparent transparent;
}
#page-human .main-banner #wolverine .shoulder.right {
  right: 30px;
  border-width: 80px 30px 0 0;
  border-color: #2196F3 transparent transparent transparent;
}
#page-human .main-banner #wolverine .arm {
  position: absolute;
  z-index: 100;
  background: #F0BEAF;
  width: 28px;
  height: 46px;
  bottom: 0;
  border-radius: 4px;
}
#page-human .main-banner #wolverine .arm.left {
  left: 40px;
  transform: rotate(5deg);
}
#page-human .main-banner #wolverine .arm.right {
  right: 40px;
  transform: rotate(-5deg);
}
#page-human .main-banner #wolverine .claw {
  position: absolute;
  bottom: 36px;
  height: 0;
  width: 4px;
  background: #CFD8DC;
  animation-name: snikt;
  animation-duration: 4s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #wolverine .claw:nth-child(1) {
  left: 4px;
}
#page-human .main-banner #wolverine .claw:nth-child(2) {
  left: 50%;
  margin-left: -2px;
}
#page-human .main-banner #wolverine .claw:nth-child(3) {
  right: 4px;
}
#page-human .main-banner #wolverine .arm.left .claw {
  border-radius: 80% 0 0 0;
}
#page-human .main-banner #wolverine .arm.right .claw {
  border-radius: 0 80% 0 0;
}
@keyframes snikt {
  0% {
    height: 0;
  }
  10% {
    height: 40px;
  }
  60% {
    height: 40px;
  }
  70% {
    height: 40px;
  }
  80% {
    height: 0px;
  }
  100% {
    height: 0;
  }
}
#page-human .main-banner #storm {
  background: #ddd;
}
#page-human .main-banner #storm .container {
  background: #fff;
  border: 2px solid #aaaaaa;
}
#page-human .main-banner #storm .body {
  position: absolute;
  width: 80px;
  height: 150px;
  background: #eee;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #storm .body:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  background: #8b4513;
  width: 70%;
  height: 20px;
  border-radius: 100%;
}
#page-human .main-banner #storm .cape {
  position: absolute;
  background: #424b54;
  width: 140px;
  height: 150px;
  top: 124px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
#page-human .main-banner #storm .badge {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  background: red;
  border-radius: 100%;
  border: 4px solid #2c3237;
  z-index: 10;
}
#page-human .main-banner #storm .badge:before,
#page-human .main-banner #storm .badge:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  top: 50%;
  left: 50%;
  background: #2c3237;
}
#page-human .main-banner #storm .badge:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-human .main-banner #storm .badge:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#page-human .main-banner #storm .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #8b4513;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-human .main-banner #storm .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #8b4513;
}
#page-human .main-banner #storm .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
}
#page-human .main-banner #storm .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ddd;
  top: 0;
  border-radius: 50%;
  right: -40px;
}
#page-human .main-banner #storm .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #5e2f0d;
  top: 36px;
  border-radius: 4px;
}
#page-human .main-banner #storm .mouth {
  position: absolute;
  background: #5e2f0d;
  width: 30px;
  height: 8px;
  border-radius: 0 0 100px 100px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #storm .ear {
  position: absolute;
  background: #8b4513;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  left: 50px;
  top: 76px;
}
#page-human .main-banner #storm .ear.right {
  left: 120px;
}
#page-human .main-banner #storm .ear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #5e2f0d;
  border-radius: 100%;
}
#page-human .main-banner #storm .hair {
  position: absolute;
  background: #ddd;
  width: 30px;
  height: 40px;
  border-radius: 50% 0 50% 0;
  left: 86px;
  top: 34px;
  z-index: 20;
  transform: rotate(-20deg);
}
#page-human .main-banner #storm .hair:before {
  content: "";
  position: absolute;
  background: #ddd;
  width: 30px;
  height: 40px;
  border-radius: 50% 0 50% 0;
  left: -3px;
  top: -6px;
  z-index: 20;
  transform: rotate(-20deg);
}
#page-human .main-banner #storm .cloud {
  position: absolute;
  background: #ccc;
  width: 80px;
  height: 40px;
  border-radius: 20px;
  animation-name: clouds;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .cloud:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 10px;
  top: -10px;
  border-radius: 50%;
  background: #ccc;
}
#page-human .main-banner #storm .cloud:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  right: 8px;
  top: -15px;
  border-radius: 50%;
  background: #ccc;
}
#page-human .main-banner #storm .cloud.one {
  top: 30px;
  left: 5px;
}
#page-human .main-banner #storm .cloud.two {
  top: 40px;
  right: 0px;
}
#page-human .main-banner #storm .rain {
  position: absolute;
  width: 80px;
  animation-name: clouds;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .rain.left {
  left: 5px;
  top: 60px;
}
#page-human .main-banner #storm .rain.right {
  right: 0px;
  top: 70px;
}
#page-human .main-banner #storm .drop {
  position: absolute;
  background: #64B5F6;
  height: 6px;
  width: 2px;
  left: 20px;
  top: 0;
}
#page-human .main-banner #storm .drop:before,
#page-human .main-banner #storm .drop:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 6px;
  background: #64B5F6;
}
#page-human .main-banner #storm .drop:before {
  left: 20px;
  top: 4px;
}
#page-human .main-banner #storm .drop:after {
  left: 38px;
  top: 0px;
}
#page-human .main-banner #storm .drop.one {
  animation-name: raindrops;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .drop.two {
  animation-name: raindrops;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0.2s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .drop.three {
  animation-name: raindrops;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0.4s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .drop.four {
  animation-name: raindrops;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0.6s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #storm .drop.five {
  animation-name: raindrops;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0.8s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
@keyframes clouds {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
    transform: scale(0.5);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes raindrops {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(150px);
  }
}
#page-human .main-banner #nightcrawler {
  background: #0D47A1;
}
#page-human .main-banner #nightcrawler .container {
  background: #fff;
  border: 2px solid #093272;
}
#page-human .main-banner #nightcrawler .kurt {
  animation-name: bamf;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #nightcrawler .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #424b54;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #nightcrawler .shoulders {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 50px 0 50px;
  border-color: #b71c1c transparent transparent transparent;
  z-index: 1;
  border-radius: 15px;
}
#page-human .main-banner #nightcrawler .shoulders:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 20px 0 20px;
  border-color: #424b54 transparent transparent transparent;
}
#page-human .main-banner #nightcrawler .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #0D47A1;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-human .main-banner #nightcrawler .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #0D47A1;
}
#page-human .main-banner #nightcrawler .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #FDD835;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
}
#page-human .main-banner #nightcrawler .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FDD835;
  top: 0;
  border-radius: 50%;
  right: -40px;
}
#page-human .main-banner #nightcrawler .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #07285a;
  top: 36px;
  border-radius: 4px;
}
#page-human .main-banner #nightcrawler .mouth {
  position: absolute;
  background: #ccc;
  width: 30px;
  height: 10px;
  border-radius: 0 0 100px 100px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
#page-human .main-banner #nightcrawler .ear {
  position: absolute;
  background: #0D47A1;
  width: 26px;
  height: 26px;
  left: 50px;
  top: 76px;
  z-index: 1;
}
#page-human .main-banner #nightcrawler .ear.left {
  border-radius: 0% 100% 20% 100%;
}
#page-human .main-banner #nightcrawler .ear.right {
  left: 120px;
  border-radius: 100% 0 100% 20%;
}
#page-human .main-banner #nightcrawler .ear:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background: #093272;
  border-radius: 100%;
}
#page-human .main-banner #nightcrawler .hair {
  position: absolute;
  width: 70px;
  height: 40px;
  background: #051d43;
  border-radius: 50%;
  top: 43px;
  left: 62px;
  z-index: 1;
}
#page-human .main-banner #nightcrawler .pouf {
  position: absolute;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  left: 60px;
  top: 46px;
  background: #051d43;
  transform: rotate(-53deg);
  z-index: 10;
}
#page-human .main-banner #nightcrawler .pomp {
  position: absolute;
  width: 51px;
  height: 23px;
  border-radius: 100% 0 100% 100%;
  left: 80px;
  top: 44px;
  background: #051d43;
  z-index: 10;
}
#page-human .main-banner #nightcrawler .pomp:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 20px;
  border-radius: 100% 0 100% 100%;
  left: -4px;
  top: -6px;
  background: #051d43;
  z-index: 12;
  transform: rotate(-15deg);
}
#page-human .main-banner #nightcrawler .pomp:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 20px;
  border-radius: 100% 20% 100% 100%;
  left: -4px;
  top: -6px;
  background: #051d43;
  z-index: 12;
  transform: rotate(-50deg);
}
#page-human .main-banner #nightcrawler .bamf {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background: #CE93D8;
  border-radius: 50%;
  opacity: 0;
  animation-name: brimstone;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
#page-human .main-banner #nightcrawler .bamf:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 40px;
  height: 40px;
  background: #d7a6df;
  border-radius: 50%;
}
#page-human .main-banner #nightcrawler .bamf:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 50px;
  height: 50px;
  background: #dfb8e6;
  border-radius: 50%;
}
#page-human .main-banner #nightcrawler .bamf-cloud {
  position: absolute;
  bottom: -20px;
  left: -20px;
  width: 60px;
  height: 60px;
  background: #dfb8e6;
  border-radius: 50%;
}
#page-human .main-banner #nightcrawler .bamf-cloud:before {
  content: "";
  position: absolute;
  top: -70px;
  left: 70px;
  width: 60px;
  height: 60px;
  background: #d7a6df;
  border-radius: 50%;
}
#page-human .main-banner #nightcrawler .bamf-cloud:after {
  content: "";
  position: absolute;
  top: -70px;
  left: 60px;
  width: 20px;
  height: 20px;
  background: #dfb8e6;
  border-radius: 50%;
}
@keyframes bamf {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes brimstone {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  5% {
    transform: scale(1);
    opacity: 1;
  }
  15% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
#page-human .main-banner #iceman {
  background: #8bc7f8;
}
#page-human .main-banner #iceman .container {
  background: #fff;
  border: 2px solid #5baff5;
}
#page-human .main-banner #iceman .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #2196F3;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
  animation: freezeBody 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .stripes {
  position: absolute;
  background: #FDD835;
  width: 20px;
  left: 50%;
  height: 160px;
  top: -40px;
  transform: translateX(-50%) rotate(55deg);
  z-index: 1;
  animation: freezeGold 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .stripes:before {
  content: "";
  position: absolute;
  background: #FDD835;
  width: 20px;
  left: -50%;
  height: 160px;
  top: 0;
  transform: translateX(50%) rotate(-110deg);
  z-index: 1;
  animation: freezeGold 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #F0BEAF;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  animation: freezeSkin 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #F0BEAF;
  animation: freezeSkin 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #424b54;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
  animation: freezeDarker 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #424b54;
  top: 0;
  border-radius: 50%;
  right: -40px;
  animation: freezeDarker 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
  animation: freezeDarkerSkin 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 14px;
  border-radius: 0 0 100px 100px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  animation: freezeDarker 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .ear {
  position: absolute;
  background: #F0BEAF;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  left: 50px;
  top: 76px;
  animation: freezeSkin 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .ear.right {
  left: 120px;
}
#page-human .main-banner #iceman .ear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #e89b84;
  border-radius: 100%;
  animation: freezeDarkerSkin 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .hair {
  position: absolute;
  width: 70px;
  height: 50px;
  background: #B3695B;
  border-radius: 50%;
  top: 40px;
  left: 62px;
  z-index: 1;
  animation: freezeHair 5s 1s infinite backwards alternate;
}
#page-human .main-banner #iceman .pouf {
  position: absolute;
  width: 50px;
  height: 30px;
  border-radius: 100px 100% 100px 100%;
  left: 60px;
  top: 46px;
  background: #B3695B;
  z-index: 10;
  animation: freezeHair 5s 1s infinite backwards alternate;
}
@keyframes freezeBody {
  0% {
    background-color: #2196F3;
  }
  10% {
    background-color: #2196F3;
  }
  20% {
    background-color: #BBDEFB;
  }
  70% {
    background-color: #BBDEFB;
  }
  80% {
    background-color: #2196F3;
  }
  100% {
    background-color: #2196F3;
  }
}
@keyframes freezeSkin {
  0% {
    background-color: #F0BEAF;
  }
  10% {
    background-color: #F0BEAF;
  }
  20% {
    background-color: #BBDEFB;
  }
  70% {
    background-color: #BBDEFB;
  }
  80% {
    background-color: #F0BEAF;
  }
  100% {
    background-color: #F0BEAF;
  }
}
@keyframes freezeHair {
  0% {
    background-color: #B3695B;
  }
  10% {
    background-color: #B3695B;
  }
  20% {
    background-color: #a3d2fa;
  }
  70% {
    background-color: #a3d2fa;
  }
  80% {
    background-color: #B3695B;
  }
  100% {
    background-color: #B3695B;
  }
}
@keyframes freezeGold {
  0% {
    background-color: #FDD835;
  }
  10% {
    background-color: #FDD835;
  }
  20% {
    background-color: #a3d2fa;
  }
  70% {
    background-color: #a3d2fa;
  }
  80% {
    background-color: #FDD835;
  }
  100% {
    background-color: #FDD835;
  }
}
@keyframes freezeDarkerSkin {
  0% {
    background-color: #e89b84;
  }
  10% {
    background-color: #e89b84;
  }
  20% {
    background-color: #a3d2fa;
  }
  70% {
    background-color: #a3d2fa;
  }
  80% {
    background-color: #e89b84;
  }
  100% {
    background-color: #e89b84;
  }
}
@keyframes freezeDarker {
  0% {
    background-color: #424b54;
  }
  10% {
    background-color: #424b54;
  }
  20% {
    background-color: #5baff5;
  }
  70% {
    background-color: #5baff5;
  }
  80% {
    background-color: #424b54;
  }
  100% {
    background-color: #424b54;
  }
}
#page-human .main-banner #magneto {
  background: #E8E8E8;
}
#page-human .main-banner #magneto .container {
  background: #fff;
  border: 2px solid #cfcfcf;
}
#page-human .main-banner #magneto .body {
  position: absolute;
  width: 80px;
  height: 150px;
  background: #EE3152;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-human .main-banner #magneto .body:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  background: #795998;
  width: 80%;
  height: 30px;
  border-radius: 100%;
}
#page-human .main-banner #magneto .helmet {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px 40px 0 0;
  background-color: #EE3152;
  background-clip: padding-box;
  z-index: 5;
  border-top: 10px solid rgba(144, 202, 249, 0);
  border-left: 10px solid rgba(144, 202, 249, 0);
  border-right: 10px solid rgba(144, 202, 249, 0);
  animation-name: magnet;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
#page-human .main-banner #magneto .opening {
  position: absolute;
  width: 38px;
  height: 30px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
  background: #F0BEAF;
  z-index: 5;
  border-left: 4px solid #795998;
  border-right: 4px solid #795998;
}
#page-human .main-banner #magneto .opening:before {
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50% 0 0 50%;
  position: absolute;
  left: -19px;
  top: -30px;
  background: #F0BEAF;
  border: 4px solid #795998;
}
#page-human .main-banner #magneto .opening:after {
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 0 50% 50% 0;
  position: absolute;
  right: -19px;
  top: -30px;
  background: #F0BEAF;
  border: 4px solid #795998;
}
#page-human .main-banner #magneto .face {
  position: absolute;
  width: 30px;
  height: 56px;
  background: #F0BEAF;
  top: 74px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 7;
}
#page-human .main-banner #magneto .face:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 8px 10px 0 10px;
  border-color: #EE3152 transparent transparent transparent;
  z-index: 10;
}
#page-human .main-banner #magneto .face:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #795998 transparent transparent transparent;
}
#page-human .main-banner #magneto .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #795998;
}
#page-human .main-banner #magneto .eye {
  position: absolute;
  top: 10px;
  width: 10px;
  height: 8px;
  background: #424b54;
  border-radius: 50%;
  z-index: 100;
}
#page-human .main-banner #magneto .eye.one {
  left: -6px;
  transform: rotate(25deg);
}
#page-human .main-banner #magneto .eye.two {
  right: -6px;
  transform: rotate(-25deg);
}
#page-human .main-banner #magneto .eyes {
  position: absolute;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #424b54;
  border-radius: 50%;
  left: -6px;
}
#page-human .main-banner #magneto .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #424b54;
  top: 0;
  border-radius: 50%;
  right: -33px;
}
#page-human .main-banner #magneto .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 16px;
  border-radius: 4px;
}
#page-human .main-banner #magneto .mouth {
  position: absolute;
  background: #424b54;
  width: 26px;
  height: 4px;
  border-radius: 0 0 2px 2px;
  top: 40px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
#page-human .main-banner #magneto .cape {
  position: absolute;
  background-color: #795998;
  width: 162px;
  height: 162px;
  top: 112px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-clip: padding-box;
  border-left: 10px solid rgba(144, 202, 249, 0);
  border-right: 10px solid rgba(144, 202, 249, 0);
  border-top: 10px solid rgba(144, 202, 249, 0);
  animation-name: magnet;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes magnet {
  0% {
    border-top-color: rgba(144, 202, 249, 0);
    border-left-color: rgba(144, 202, 249, 0);
    border-right-color: rgba(144, 202, 249, 0);
  }
  10% {
    border-top-color: rgba(144, 202, 249, 0.5);
    border-left-color: rgba(144, 202, 249, 0.5);
    border-right-color: rgba(144, 202, 249, 0.5);
  }
  20% {
    border-top-color: rgba(144, 202, 249, 0);
    border-left-color: rgba(144, 202, 249, 0);
    border-right-color: rgba(144, 202, 249, 0);
  }
  40% {
    border-top-color: rgba(144, 202, 249, 0.75);
    border-left-color: rgba(144, 202, 249, 0.75);
    border-right-color: rgba(144, 202, 249, 0.75);
  }
  60% {
    border-top-color: rgba(144, 202, 249, 0);
    border-left-color: rgba(144, 202, 249, 0);
    border-right-color: rgba(144, 202, 249, 0);
  }
  70% {
    border-top-color: rgba(144, 202, 249, 0.5);
    border-left-color: rgba(144, 202, 249, 0.5);
    border-right-color: rgba(144, 202, 249, 0.5);
  }
  80% {
    border-top-color: rgba(144, 202, 249, 0);
    border-left-color: rgba(144, 202, 249, 0);
    border-right-color: rgba(144, 202, 249, 0);
  }
  100% {
    border-top-color: #90caf9;
    border-left-color: #90caf9;
    border-right-color: #90caf9;
  }
}
#page-human #btn-human-col button {
  background-color: #27439D;
  color: white;
  border: none;
  margin: 3% auto;
}
#page-human .quote-maior {
  font-size: 1.7em;
}

@media screen and (max-width: 600px) {
  #page-human .titulo .quote-menor {
    margin-top: -20px;
  }
}
@media screen and (max-width: 600px) {
  #page-human .main-banner #professor {
    margin-left: -14%;
    margin-top: 118px;
  }
}
@media screen and (max-width: 480px) {
  #page-human .main-banner #professor {
    margin-left: -25% !important;
    margin-top: -20px !important;
  }

  #page-human .banner-texto h1 {
    font-size: 2.4em !important;
    width: 100% !important;
  }
  #page-human .banner-texto p {
    font-size: 1.3em !important;
  }
}
@media screen and (max-width: 420px) {
  #page-human .main-banner #professor {
    margin-left: -30% !important;
    margin-top: -20px !important;
  }
  #page-human .main-banner #professor .ear.left {
    left: 26px;
  }
  #page-human .main-banner #professor .ear.right {
    left: 96px;
  }
  #page-human .main-banner #professor div.container {
    width: 120%;
  }

  #page-human .banner-texto h1 {
    font-size: 2.4em !important;
    width: 100% !important;
  }
  #page-human .banner-texto p {
    font-size: 1.3em !important;
  }
}
@media screen and (max-width: 400px) {
  #page-human .banner-texto h1 {
    line-height: 1 !important;
    font-size: 2em !important;
  }
  #page-human .banner-texto p {
    font-size: 1.3em !important;
    line-height: 1.5 !important;
  }
}
@media screen and (max-width: 375px) {
  #page-human .main-banner #professor {
    margin-left: -30% !important;
    margin-top: -20px !important;
  }
  #page-human .main-banner #professor .ear.left {
    left: 12px;
  }
  #page-human .main-banner #professor .ear.right {
    left: 85px;
  }
  #page-human .main-banner #professor div.container {
    width: 130%;
  }

  #page-human .banner-texto h1 {
    font-size: 2.4em !important;
    width: 100% !important;
  }
  #page-human .banner-texto p {
    font-size: 1.3em !important;
  }
}
@media screen and (max-width: 360px) {
  #page-human .main-banner #professor {
    margin-left: -30% !important;
    margin-top: -20px !important;
  }
  #page-human .main-banner #professor .ear.left {
    left: 20px;
  }
  #page-human .main-banner #professor .ear.right {
    left: 90px;
  }
  #page-human .main-banner #professor div.container {
    width: 130%;
  }
}
@media screen and (max-width: 320px) {
  #page-human .banner-texto h1 {
    font-size: 1.8em !important;
  }

  #page-human .main-banner #professor {
    margin-left: -30% !important;
    margin-top: -20px !important;
  }
  #page-human .main-banner #professor .ear.left {
    left: 8px;
  }
  #page-human .main-banner #professor .ear.right {
    left: 78px;
  }
  #page-human .main-banner #professor div.container {
    width: 130%;
  }
}
@media screen and (max-width: 600px) {
  #page-industria .banner-texto h1 {
    font-size: 2.6em;
  }
}
@media screen and (max-width: 420px) {
  #page-industria .banner-texto h1 {
    font-size: 2.1em;
  }
  #page-industria .banner-texto p {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 768px) {
  #page-industria .banner-texto .banner-subtxt {
    text-align: right;
  }

  #page-industria .titulo #quote2 {
    margin-top: -18px;
  }
}
@media screen and (max-width: 600px) {
  #page-industria .banner-texto .banner-subtxt {
    margin-top: -10px;
    margin-left: 0px !important;
    font-size: 2.4em;
  }
}
@media screen and (max-width: 480px) {
  #page-industria .banner-texto .banner-subtxt {
    margin-top: -100px;
    margin-left: -70px !important;
    font-size: 2.2em;
    text-align: center;
    width: 116%;
  }

  #page-industria #outerCraneContainer {
    margin-left: 15% !important;
    width: 70%;
  }
}
@media screen and (max-width: 420px) {
  #page-industria .banner-texto .banner-subtxt {
    margin-left: -63px !important;
  }
}
@media screen and (max-width: 360px) {
  #page-industria .banner-texto .banner-subtxt {
    margin-left: -55px !important;
    font-size: 1.8em;
  }
}
@media screen and (max-width: 320px) {
  #page-industria .banner-texto .banner-subtxt {
    margin-left: -48px !important;
  }

  #page-industria #outerCraneContainer {
    margin-left: 8% !important;
    width: 84%;
  }
}
#page-index .main-content {
  width: 100%;
  overflow: hidden;
  margin-top: 0;
  height: 568px;
  position: relative;
  color: #FFFFFF;
}
#page-index .main-content *, #page-index .main-content *::before, #page-index .main-content *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#page-index .main-content .star {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
}
#page-index .main-content .stars {
  position: absolute;
  top: 18%;
  left: 0;
  width: 100%;
  height: 88%;
  z-index: 1;
}
#page-index .main-content .landscape {
  position: relative;
}
#page-index .main-content .observatory__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#page-index .main-content .tube {
  position: absolute;
  -webkit-transform-origin: 50% 870%;
  transform-origin: 50% 870%;
  margin: 0 auto;
  width: 4%;
  height: 1%;
  padding-bottom: 1.5%;
  background-image: -webkit-gradient(linear, left top, right top, from(#777), color-stop(15%, #999), color-stop(30%, #a0a0a0), color-stop(50%, #aaa), color-stop(70%, #a0a0a0), color-stop(85%, #999), to(#777));
  background-image: linear-gradient(to right, #777, #999 15%, #a0a0a0 30%, #aaa 50%, #a0a0a0 70%, #999 85%, #777);
  border-radius: 50%;
  z-index: -1;
  -webkit-transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
  transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
}
#page-index .main-content .tube::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#777), color-stop(15%, #999), color-stop(30%, #a0a0a0), color-stop(50%, #aaa), color-stop(70%, #a0a0a0), color-stop(85%, #999), to(#777));
  background-image: linear-gradient(to right, #777, #999 15%, #a0a0a0 30%, #aaa 50%, #a0a0a0 70%, #999 85%, #777);
}
#page-index .main-content .tube::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#777), color-stop(15%, #999), color-stop(30%, #a0a0a0), color-stop(50%, #aaa), color-stop(70%, #a0a0a0), color-stop(85%, #999), to(#777));
  background-image: linear-gradient(to right, #777, #999 15%, #a0a0a0 30%, #aaa 50%, #a0a0a0 70%, #999 85%, #777);
}
@media screen and (min-width: 1500px) {
  #page-index .tube {
    position: absolute;
    -webkit-transform-origin: 50% 870%;
    transform-origin: 50% 870%;
    margin: 0 auto;
    width: 4%;
    height: 1%;
    padding-bottom: 1.5%;
    background-image: -webkit-gradient(linear, left top, right top, from(#777), color-stop(15%, #999), color-stop(30%, #a0a0a0), color-stop(50%, #aaa), color-stop(70%, #a0a0a0), color-stop(85%, #999), to(#777));
    background-image: linear-gradient(to right, #777, #999 15%, #a0a0a0 30%, #aaa 50%, #a0a0a0 70%, #999 85%, #777);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
    transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
  }
}
@media screen and (max-width: 2000px) {
  #page-index .tube {
    position: absolute;
    -webkit-transform-origin: 50% 870%;
    transform-origin: 50% 870%;
    margin: 0 auto;
    width: 4%;
    height: 1%;
    padding-bottom: 1.5%;
    background-image: -webkit-gradient(linear, left top, right top, from(#777), color-stop(15%, #999), color-stop(30%, #a0a0a0), color-stop(50%, #aaa), color-stop(70%, #a0a0a0), color-stop(85%, #999), to(#777));
    background-image: linear-gradient(to right, #777, #999 15%, #a0a0a0 30%, #aaa 50%, #a0a0a0 70%, #999 85%, #777);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
    transform: rotateZ(30deg) rotateX(-20deg) translateY(210%);
  }
}
@media screen and (max-width: 1920px) {
  #page-index .landscape {
    margin-top: -208px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 66.5%;
    left: 76.1%;
  }
}
@media screen and (max-width: 1680px) {
  #page-index .landscape {
    margin-top: -111px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 67.2%;
    left: 76.1%;
  }
}
@media screen and (max-width: 1440px) {
  #page-index .landscape {
    margin-top: -13px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 66.7%;
    left: 76.1%;
  }
}
@media screen and (max-width: 1366px) {
  #page-index .landscape {
    margin-top: 17px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 66.2%;
    left: 76.1%;
  }
}
@media screen and (max-width: 1280px) {
  #page-index .landscape {
    margin-top: 52px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 66.2%;
    left: 76.1%;
  }
}
@media screen and (max-width: 1024px) {
  #page-index .landscape {
    margin-top: 48px;
  }
  #page-index .observatory__wrap {
    margin-top: 1px;
  }
  #page-index .tube {
    top: 66.2%;
    left: 76.1%;
  }
  #page-index .stars {
    margin-top: -77px;
  }
}
#page-index #title {
  width: 60%;
  float: left;
  margin: auto 10%;
  text-align: left;
}
#page-index #span-title {
  display: block;
  text-align: center;
  float: left;
  clear: both;
}
#page-index #span-content {
  display: block;
  clear: both;
  width: 60vw;
}
#page-index #title h1 {
  font-family: Gilroy-SemiBold;
  font-size: 3.4em;
  color: white;
  padding-bottom: 5px;
  width: 100%;
  margin: auto;
  margin-bottom: 0px;
}
#page-index #title p {
  font-family: Gilroy-Regular;
  font-size: 1.5em;
  color: white;
}
#page-index .main-content hr {
  border: #27439D;
  background-color: #27439D;
  height: 3px;
}
#page-index .main-content button {
  background: white;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #27439D;
  font-size: 1em;
  margin: 20px 0;
  border: white solid 1px;
}
#page-index .main-content button:hover {
  border: #27439D solid 1px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
}
#page-index .banner-mobile {
  width: 100%;
  display: none;
  height: auto;
  margin: 2% 0;
  padding: 0;
}
#page-index .banner-mobile img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1200px) {
  #page-index .main-content {
    height: 450px;
  }

  #page-index #title p {
    font-size: 1.4em;
  }
  #page-index #title h2 {
    font-size: 3.2em;
  }
}
@media screen and (max-width: 980px) {
  #page-index #title hr {
    display: none;
  }
  #page-index .main-content {
    margin-top: 40px;
    height: 500px;
    padding: 60px 0;
    background-size: auto 500px;
    height: auto;
  }
  #page-index #title {
    margin-top: 60px;
    width: 90%;
    padding: 5%;
  }
  #page-index #title h1 {
    font-size: 4em;
    text-align: left;
  }
  #page-index #title p {
    font-size: 1.5em;
  }
  #page-index .banner-mobile {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #page-index .main-content {
    background-image: none;
    background-color: #efefef;
  }
  #page-index #title {
    margin-top: 60px;
    width: 90%;
    padding: 5%;
  }
  #page-index #span-title h1 {
    text-align: left;
  }
  #page-index #title hr {
    text-align: left;
    float: left;
  }
  #page-index #title h1 {
    font-size: 3.5em;
  }
  #page-index #title p {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-index .main-content {
    background-image: none;
    background-color: #efefef;
  }
  #page-index #title {
    padding: 5%;
    width: 100%;
    text-align: center;
    margin: 65px 0 0 0;
  }
  #page-index #title h1 {
    font-size: 3.5em;
    text-align: center;
  }
  #page-index #title p {
    font-size: 1.5em;
    text-align: center;
  }
}
#page-index .header-boxes {
  font-family: Gilroy-Regular;
  clear: both;
  display: block;
  font-size: 2.5em;
  text-align: center;
  color: #323232;
  padding: 5px;
  margin: 0 auto;
}
#page-index .section-main {
  margin-top: 30px;
  margin-bottom: 30px;
}
#page-index .boxes1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  width: 80%;
  margin: 0 10%;
}
#page-index .boxes1 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page-index a:hover {
  text-decoration: none;
}
#page-index .col-md-4 {
  padding: 20px;
}
#page-index .box {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 4%;
  text-align: center;
  background: #f9f9f9;
  font-family: Gilroy-Light;
  border-radius: 10px;
  border-left: 6px solid #00528d !important;
}
#page-index .box h4 {
  color: #27439D;
  font-family: Gilroy-SemiBold;
  font-size: 1.6em;
  padding-bottom: 3px;
  margin-bottom: 0;
}
#page-index .box p {
  color: #666666;
  font-size: 1.3em;
  padding: 2%;
  margin-top: 0;
}
#page-index .box .seta-canto {
  position: absolute;
  float: right;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: auto;
}
#page-index .box-cont a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  position: relative;
}
#page-index .loading-fx {
  display: block;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  width: 0%;
  height: 3px;
  background-color: #27439D;
  position: absolute;
  bottom: 0;
}
#page-index .box-cont a:hover .box {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
}
#page-index .box-cont a:hover .loading-fx, #page-index .bloco-cont a:hover .loading-fx {
  width: 100%;
}
#page-index .linha-blocos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 98%;
  text-align: center;
  margin: 0 1%;
  height: auto;
  clear: both;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#page-index .bloco-cont {
  margin-top: 15px;
  margin-bottom: 15px;
}
#page-index .bloco {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  font-family: Gilroy-Light;
  border-radius: 10px;
  border: white solid 2px;
  height: 100% !important;
  background: -webkit-gradient(linear, left top, right top, from(#0068b8), color-stop(70%, #00688b), to(#004979));
  background: linear-gradient(90deg, #0068b8 0%, #00688b 70%, #004979 100%);
}
#page-index .bloco:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #fff;
  width: 80%;
  bottom: 35%;
  left: 50%;
  right: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
#page-index .bloco-cont a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 80%;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
#page-index .bloco-cont a:hover {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
}
#page-index .bloco h4 {
  color: white;
  font-size: 1.1em;
  padding: 10px 3.5% 0 3.5%;
  font-family: Gilroy-SemiBold;
}
#page-index .bloco hr {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: white !important;
  height: 1px !important;
  border: none !important;
}
#page-index .bloco p {
  padding: 3%;
  margin: 0;
  color: #ffffff;
  font-size: 1em;
  position: absolute;
  top: 68%;
  width: 100%;
  text-align: center;
}
#page-index .bloco img {
  display: block;
  height: 30%;
  padding: 0 2%;
  width: auto;
  margin: 15% auto 5% auto;
}

@media screen and (max-width: 800px) {
  #page-index .header-boxes {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 1200px) {
  #page-index .bloco p {
    font-size: 0.8em;
  }
  #page-index .bloco h4 {
    font-size: 1em;
  }
}
@media screen and (max-width: 992px) {
  #page-index .linha-blocos {
    width: 85%;
    margin: 15px 7.5%;
  }
  #page-index .bloco p {
    font-size: 1.5em;
  }
  #page-index .bloco h4 {
    font-size: 1.8em;
    padding-top: 20px;
  }
}
#page-index #aprimore-div {
  margin: 0 10%;
  width: 80%;
}
#page-index .bloco-linear {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 10px auto;
  font-family: Gilroy-Light;
  background: white;
  width: 100%;
  border: 1px #dbdbdb solid;
}
#page-index .bloco-linear:hover {
  border-bottom: #27439D solid 1px;
}
#page-index .bloco-linear img {
  padding-right: 30px;
  margin: 0;
  width: 25%;
  height: 5%;
  float: left;
}
#page-index .txt-aprimore {
  width: 75%;
  margin: 0;
}
#page-index .bloco-linear h4 {
  font-family: Gilroy-Bold;
  color: #27439D;
  font-size: 1.5em;
  padding: 10px 5px;
  margin-bottom: 0;
}
#page-index .bloco-linear p {
  color: #A1A1A1;
  padding: 5px;
  margin-top: 0px;
}

@media screen and (max-width: 768px) {
  #page-index #aprimore-div {
    width: 60%;
    margin: auto 20%;
    text-align: center;
  }
  #page-index .bloco-linear {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #page-index .txt-aprimore {
    width: 100%;
  }
  #page-index .bloco-linear img {
    float: top;
    width: 100%;
    height: auto;
    padding: 0 0 5% 0;
    margin: 0;
  }
  #page-index .bloco-linear h4 {
    float: top;
    width: 80%;
    margin: 2% 10%;
  }
  #page-index .bloco-linear p {
    float: top;
    width: 90%;
    margin: 2% 5%;
    padding-bottom: 5%;
  }
}
@media screen and (max-width: 400px) {
  #page-index #aprimore-div {
    width: 80%;
    margin: auto 10%;
    text-align: center;
  }
}
#page-index #title {
  z-index: 100;
  position: absolute;
  left: 3%;
  top: 20%;
}

#section-1 {
  margin-top: 20px;
}

#section-3 {
  margin-top: -50px;
}

#paper-button {
  margin-top: 0px;
}

@media screen and (max-width: 768px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 660px;
  }

  #page-index #title {
    top: 14%;
  }

  #page-index #span-title {
    margin-left: -50px;
  }

  #page-index #p2 {
    color: #686868 !important;
    width: 110%;
    text-align: center;
    margin-top: 20px;
  }

  #page-index #paper-button {
    margin-top: 0px !important;
    margin-left: 125px !important;
  }

  #page-index #section-1 {
    margin-top: -10px !important;
  }

  #page-index .boxes1 {
    margin-top: -25px !important;
  }

  #page-index .bloco-cont {
    margin-bottom: -80px;
  }

  #page-index #section-2 {
    margin-top: -10px !important;
  }

  #page-index .linha-blocos {
    margin-top: -33px !important;
  }

  #page-index #section-3 {
    margin-top: -10px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -25px !important;
  }

  #page-index #aprimore-div {
    margin-top: -25px !important;
  }

  #page-index .texto {
    margin-top: -25px !important;
    text-align: center;
  }
  #page-index .texto p {
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 600px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 790px;
  }

  #page-index #title {
    top: 16%;
  }

  #page-index #span-title {
    margin-left: -60px;
  }

  #page-index #span-content {
    margin-top: 150px;
    margin-left: -50px;
    width: 80vw !important;
  }

  #page-index #p1 {
    color: #686868 !important;
    text-align: center;
  }

  #page-index #p2 {
    color: #686868 !important;
    width: 100%;
    text-align: center;
    margin-top: 0px;
  }

  #page-index #paper-button {
    margin-top: 0px !important;
    margin-left: 70px !important;
  }

  #page-index #section-1 {
    margin-top: -10px !important;
  }

  #page-index .boxes1 {
    margin-top: -25px !important;
  }

  #page-index .bloco-cont {
    margin-bottom: -120px;
  }

  #page-index #section-2 {
    margin-top: -10px !important;
  }

  #page-index .linha-blocos {
    margin-top: -33px !important;
  }

  #page-index #section-3 {
    margin-top: -10px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -33px !important;
  }

  #page-index #aprimore-div {
    margin-top: -33px !important;
  }

  #page-index .texto {
    margin-top: -33px !important;
  }
  #page-index .texto p {
    margin-bottom: -6px;
  }
}
@media screen and (max-width: 480px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 680px;
  }

  #page-index #title {
    top: 9%;
  }

  #page-index #span-title {
    margin-top: 40px;
    margin-left: -10px;
    font-size: 12px !important;
  }

  #page-index #span-content {
    margin-top: 160px;
    margin-left: -40px;
    width: 80vw !important;
    font-size: 12px !important;
  }

  #page-index #p1 {
    color: #686868 !important;
  }

  #page-index #p2 {
    color: #686868 !important;
  }

  #page-index #paper-button {
    margin-top: 0px !important;
    margin-left: 30px !important;
  }

  #page-index #section-1 {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  #page-index .boxes1 {
    margin-top: -33px !important;
  }

  #page-index .box-cont {
    margin-bottom: -20px;
  }

  #page-index .bloco-cont {
    margin-bottom: -100px;
  }

  #page-index #section-2 {
    font-size: 12px !important;
  }

  #page-index .linha-blocos {
    margin-top: -33px !important;
  }

  #page-index #section-3 {
    margin-top: -10px !important;
    font-size: 12px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -33px !important;
  }

  #page-index #section-5 {
    font-size: 12px !important;
  }

  #page-index #aprimore-div {
    margin-top: -33px !important;
  }

  #page-index #section-6 {
    font-size: 12px !important;
    margin-top: -20px !important;
  }

  #page-index .texto {
    margin-top: -33px !important;
  }
  #page-index .texto p {
    margin-bottom: -9px;
  }
}
@media screen and (max-width: 420px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 640px;
  }

  #page-index #title {
    top: 9%;
  }

  #page-index #span-title {
    margin-top: 50px;
    margin-left: -10px;
    font-size: 10px !important;
  }

  #page-index #span-content {
    margin-top: 160px;
    margin-left: -40px;
    width: 80vw !important;
    font-size: 10px !important;
  }

  #page-index #p1 {
    color: #686868 !important;
  }

  #page-index #p2 {
    color: #686868 !important;
  }

  #page-index #paper-button {
    margin-top: 0px !important;
    margin-left: 20px !important;
  }

  #page-index #section-1 {
    margin-top: 5px !important;
    font-size: 10px !important;
  }

  #page-index .boxes1 {
    margin-top: -33px !important;
  }

  #page-index .box-cont {
    margin-bottom: -20px;
  }

  #page-index .bloco-cont {
    margin-bottom: -100px;
  }

  #page-index #section-2 {
    font-size: 10px !important;
  }

  #page-index .linha-blocos {
    margin-top: -38px !important;
  }

  #page-index #section-3 {
    margin-top: 30px !important;
    font-size: 10px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -33px !important;
  }

  #page-index #section-5 {
    font-size: 10px !important;
    margin-top: -10px !important;
  }

  #page-index #aprimore-div {
    margin-top: -33px !important;
  }

  #page-index #section-6 {
    font-size: 10px !important;
    margin-top: -15px !important;
  }

  #page-index .texto {
    margin-top: -33px !important;
  }
  #page-index .texto p {
    margin-bottom: -9px;
  }
}
@media screen and (max-width: 360px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 650px;
  }

  #page-index .landscape {
    margin-top: 61px;
  }

  #page-index #title {
    top: 5%;
  }

  #page-index #span-title {
    margin-top: 45px;
    margin-left: -43px;
    font-size: 10px !important;
  }

  #page-index #span-content {
    margin-top: 145px;
    width: 75vw !important;
    margin-left: 10px !important;
    font-size: 10px !important;
  }

  #page-index #p1 {
    color: #686868 !important;
  }

  #page-index #p2 {
    color: #686868 !important;
  }

  #page-index #paper-button {
    margin-top: 0px !important;
    margin-left: -15px !important;
  }

  #page-index #section-1 {
    margin-top: -10px !important;
    font-size: 10px !important;
  }

  #page-index .boxes1 {
    margin-top: -33px !important;
  }

  #page-index .box-cont {
    margin-bottom: -20px;
  }

  #page-index .bloco-cont {
    margin-bottom: -90px;
  }

  #page-index #section-2 {
    font-size: 10px !important;
  }

  #page-index .linha-blocos {
    margin-top: -33px !important;
  }

  #page-index #section-3 {
    margin-top: 0px !important;
    font-size: 10px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -33px !important;
  }

  #page-index #section-5 {
    font-size: 10px !important;
    margin-top: -10px !important;
  }

  #page-index #aprimore-div {
    margin-top: -33px !important;
  }

  #page-index #section-6 {
    margin-top: -10px !important;
    font-size: 10px !important;
  }

  #page-index .texto {
    margin-top: -33px !important;
  }
  #page-index .texto p {
    margin-bottom: -6px;
  }
}
@media screen and (max-width: 320px) {
  #page-index .main-content {
    margin-top: -58px;
    height: 640px;
  }

  #page-index .landscape {
    margin-top: 61px;
  }

  #page-index #title {
    top: 5%;
  }

  #page-index #span-title {
    margin-left: -60px;
  }

  #page-index #span-content {
    margin-top: 130px;
    width: 75vw !important;
    margin-left: 10px !important;
  }

  #page-index #p1 {
    color: #686868 !important;
  }

  #page-index #p2 {
    color: #686868 !important;
  }

  #page-index #paper-button {
    margin-top: -5px !important;
    margin-left: -15px !important;
  }

  #page-index #section-1 {
    margin-top: 5px !important;
  }

  #page-index .boxes1 {
    margin-top: -33px !important;
  }

  #page-index .box-cont {
    margin-bottom: -30px;
  }

  #page-index .bloco-cont {
    margin-bottom: -90px;
  }

  #page-index .linha-blocos {
    margin-top: -33px !important;
  }

  #page-index #section-3 {
    margin-top: 40px !important;
  }

  #page-index #cont-carousel-pat {
    margin-top: -33px !important;
  }

  #page-index #aprimore-div {
    margin-top: -33px !important;
  }

  #page-index #section-5 {
    margin-top: -10px !important;
  }

  #page-index #section-6 {
    margin-top: -10px !important;
  }

  #page-index .texto {
    margin-top: -33px !important;
  }
  #page-index .texto p {
    margin-bottom: -6px;
  }
}
@media screen and (max-width: 600px) {
  #page-index #blocoL1 {
    margin-top: 0px !important;
  }

  #page-index #blocoL2 {
    margin-top: 0px !important;
  }

  #page-index #blocoL3 {
    margin-top: 4px !important;
  }

  #page-index #blocoL4 {
    margin-top: 16px !important;
  }

  #page-index #blocoL5 {
    margin-top: 3px !important;
  }
}
@media screen and (max-width: 480px) {
  #page-index #blocoL1 {
    margin-top: 0px !important;
  }

  #page-index #blocoL2 {
    margin-top: 0px !important;
  }

  #page-index #blocoL3 {
    margin-top: 4px !important;
  }

  #page-index #blocoL4 {
    margin-top: 14px !important;
  }

  #page-index #blocoL5 {
    margin-top: 3px !important;
  }
}
@media screen and (max-width: 420px) {
  #page-index #blocoL1 {
    margin-top: 2px !important;
  }

  #page-index #blocoL2 {
    margin-top: 11px !important;
  }

  #page-index #blocoL3 {
    margin-top: 14px !important;
  }

  #page-index #blocoL4 {
    margin-top: 23px !important;
  }

  #page-index #blocoL5 {
    margin-top: 14px !important;
  }
}
@media screen and (max-width: 360px) {
  #page-index #blocoL1 {
    margin-top: 0px !important;
  }

  #page-index #blocoL2 {
    margin-top: 12px !important;
  }

  #page-index #blocoL3 {
    margin-top: 14px !important;
  }

  #page-index #blocoL4 {
    margin-top: 22px !important;
  }

  #page-index #blocoL5 {
    margin-top: 14px !important;
  }
}
@media screen and (max-width: 320px) {
  #page-index #blocoL1 {
    margin-top: 0px !important;
  }

  #page-index #blocoL2 {
    margin-top: 20px !important;
  }

  #page-index #blocoL3 {
    margin-top: 21px !important;
  }

  #page-index #blocoL4 {
    margin-top: 29px !important;
  }

  #page-index #blocoL5 {
    margin-top: 23px !important;
  }
}
#page-itaas #control-panel {
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid #333;
  left: 20px;
  padding: 10px 15px;
  position: absolute;
  top: 20px;
  z-index: 0;
}
#page-itaas canvas {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #page-itaas .texto {
    margin-top: -50px !important;
  }
}
@media screen and (max-width: 600px) {
  #page-itaas h1 {
    font-size: 2.6em;
  }
}
@media screen and (max-width: 420px) {
  #page-itaas h1 {
    font-size: 2.1em;
  }
}
@media screen and (max-width: 500px) {
  #page-machine .banner-texto h1 {
    font-size: 2.3em;
  }
  #page-machine .banner-texto p {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 350px) {
  #page-machine .banner-texto h1 {
    font-size: 2.2em;
  }
  #page-machine .banner-texto p {
    font-size: 1.2em;
  }
}
#page-machine .main-banner #svgContainer {
  max-width: 100%;
  max-height: 100%;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: -10vw;
  bottom: 0;
  margin: auto;
}

@media screen and (width: 1024px) {
  #page-machine .main-banner .banner-texto {
    margin-left: 6%;
  }

  #page-machine .main-banner #svgContainer {
    right: -14vw;
  }
}
@media screen and (max-width: 768px) {
  #page-machine .main-banner .banner-texto {
    margin-left: 6%;
  }
  #page-machine .main-banner .banner-texto h1 {
    font-size: 2em;
  }
  #page-machine .main-banner .banner-texto p {
    font-size: 1.4em;
  }

  #page-machine .main-banner #svgContainer {
    right: -20vw;
  }
}
@media screen and (max-width: 600px) {
  #page-machine .main-banner .banner-texto p {
    font-size: 1.3em;
  }

  #page-machine .main-banner #svgContainer {
    right: -28vw;
  }
}
@media screen and (max-width: 480px) {
  #page-machine .main-banner .banner-texto {
    width: 50% !important;
  }

  #page-machine .main-banner #svgContainer {
    right: -50vw;
  }
}
@media screen and (max-width: 420px) {
  #page-machine .main-banner .banner-texto {
    width: 50% !important;
  }

  #page-machine .main-banner #svgContainer {
    right: -55vw;
    margin-top: 21px;
  }
}
@media screen and (max-width: 375px) {
  #page-machine .main-banner {
    height: 400px !important;
  }
  #page-machine .main-banner #svgContainer {
    margin-top: 40px;
    max-height: 130%;
  }
}
@media screen and (max-width: 360px) {
  #page-machine .main-banner {
    height: 380px !important;
  }
  #page-machine .main-banner .banner-texto {
    margin-top: -10px;
  }
  #page-machine .main-banner #svgContainer {
    margin-top: 50px;
    max-height: 100%;
  }
}
@media screen and (max-width: 320px) {
  #page-machine .main-banner {
    height: 355px !important;
  }
  #page-machine .main-banner .banner-texto {
    margin-top: -10px;
  }
  #page-machine .main-banner .banner-texto h1 {
    font-size: 1.8em;
  }
  #page-machine .main-banner .banner-texto p {
    font-size: 1.2em;
  }
  #page-machine .main-banner #svgContainer {
    margin-top: 50px;
  }
}
@media screen and (max-width: 500px) {
  #page-marcas .banner-texto h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-marcas .banner-texto h1 {
    font-size: 2.2em;
  }
}
#page-marcas .quote-maior {
  font-size: 1.7em;
}
#page-marcas .div-blocos {
  display: flex;
  flex-wrap: wrap;
}
#page-marcas .div-blocos .col-sm-6 {
  margin: 15px auto;
}
#page-marcas .bloco-atu {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 3%;
  background-color: white;
  display: flex;
  flex-direction: column;
}
#page-marcas .bloco-atu h4 {
  color: #27439D;
  font-family: Gilroy-Regular, sans-serif;
  font-size: 1.4em;
  line-height: 1.5em;
  padding: 0 15px;
}
#page-marcas .bloco-atu p {
  padding: 0 15px 15px 15px;
}
#page-marcas .bloco-atu img {
  position: absolute;
  bottom: 6%;
  right: 3%;
  width: 30px;
  height: auto;
}

@media screen and (max-width: 768px) {
  #page-marcas .quote-maior {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  #page-marcas .bloco-atu img {
    display: none;
  }
  #page-marcas .div-blocos .col-sm-6 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #page-marketplaces h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-marketplaces h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 768px) {
  #page-marketplaces .coluna-div-car {
    padding: 0;
  }
}
#intro-baixo {
  padding: 20px 0;
  width: 90%;
  margin: auto 5%;
}

@media screen and (max-width: 768px) {
  #page-marketplaces .main-banner .texto h1 {
    margin-top: 50px;
    margin-left: 10px;
  }

  #page-marketplaces .main-banner .plane-container {
    left: 150px;
  }
}
@media screen and (max-width: 600px) {
  #page-marketplaces .main-banner .texto h1 {
    margin-top: 100px;
    margin-left: 10px;
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  #page-marketplaces .main-banner .texto h1 {
    margin-top: 80px;
  }

  #page-marketplaces .main-banner .plane-container {
    left: 130px;
  }
}
@media screen and (max-width: 420px) {
  #page-marketplaces .main-banner .plane-container {
    top: 120px;
    left: 110px;
  }
}
@media screen and (max-width: 375px) {
  #page-marketplaces .main-banner .plane-container {
    top: 120px;
    left: 90px;
  }

  #page-marketplaces .main-banner .texto h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 360px) {
  #page-marketplaces .main-banner .texto h1 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 320px) {
  #page-marketplaces .main-banner .texto h1 {
    font-size: 2em;
    margin-top: 70px;
  }
}
@media screen and (max-width: 520px) {
  #page-mobile h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 350px) {
  #page-mobile h1 {
    font-size: 2.2em;
  }
}
#page-mobile .main-banner {
  /*
  .gear{
    background-color: #CF2E4C;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    left: -35px;
    position: absolute;
    top: 103px;
  }
  .gear:before{
    content: '';
    height: 73px;
    width: 73px;
    border-radius: 50%;
    border: 4px dashed #CF2E4C;
    position: absolute;
    top: -3px;
    left: -3px;
  }*/
  /*
  .ongoing1{  
    background-color: #233C4B;
    animation: 1s ongoing1 linear infinite;
    top: 92px; left: 349px; width: 40px; height: 4px;
  }
  @keyframes ongoing1{
    0%{top: 92px; left: 349px; width: 40px;}
    50%{top: 92px; left: 400px; width: 20px;}
    100%{top: 92px; left: 420px;width: 0px;}
  }
  .ongoing2{  
    background-color: #233C4B;
    animation: 2s ongoing2 linear infinite;
    top: 92px; left: 416px; width: 4px; height: 0px;
  }
  @keyframes ongoing2{
    0%{top: 92px; left: 416px; height: 0px;}
    20%{top: 92px; left: 416px; height: 0px;}
    40%{top: 20px; left: 416px; height: 20px;}
    90%{top: -40px; left: 416px; height: 30px;}
    100%{top: -40px; left: 416px; height: 40px;}
  }
  .ongoing3{  
    background-color: #233C4B;
    top: -39px; left: 416px; width: 40px; height: 4px;
  }
  .ongoing4{  
    background-color: #233C4B;
    top: -39px; left: 567px; width: 4px; height: 20px;
  }
  */
  /*animation: 4s ongoing linear infinite; l-525 t--39 */
  /*animation: 4s ongoing linear infinite; l-349 t--0 */
}
#page-mobile .main-banner .cf:before, #page-mobile .main-banner .cf:after {
  content: " ";
  display: table;
}
#page-mobile .main-banner .cf:after {
  clear: both;
}
#page-mobile .main-banner .pr {
  position: relative;
}
#page-mobile .main-banner .pa {
  position: absolute;
}
#page-mobile .main-banner .fl {
  float: left;
}
#page-mobile .main-banner .fr {
  float: right;
}
#page-mobile .main-banner .bg_blue {
  background-color: #C6D7E0;
}
#page-mobile .main-banner .bgdark_blue {
  background-color: #233C4B;
}
#page-mobile .main-banner .brd {
  border: 4px solid #233C4B;
}
#page-mobile .main-banner .br2 {
  border-radius: 2px;
}
#page-mobile .main-banner .br4 {
  border-radius: 4px;
}
#page-mobile .main-banner .br50 {
  border-radius: 50%;
}
#page-mobile .main-banner .container {
  width: 700px;
  height: 300px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
#page-mobile .main-banner .left_side {
  background-color: #233C4B;
  width: 60px;
  height: 80px;
  padding-top: 40px;
  margin-top: 141px;
  z-index: 5;
}
#page-mobile .main-banner .left_side:before {
  content: "";
  border-bottom: 66px solid #233C4B;
  position: absolute;
  border-left: 60px solid transparent;
  left: 0;
  top: -66px;
}
#page-mobile .main-banner .left_side .lines {
  background-color: #fff;
  height: 5px;
  width: 35px;
  margin: 10px auto;
  border-radius: 1px;
}
#page-mobile .main-banner .machine_box {
  height: 180px;
  width: 225px;
  padding: 10px;
  border-bottom-left-radius: 0;
}
#page-mobile .main-banner .hopper .base {
  height: 25px;
  width: 50px;
  margin-left: 10px;
}
#page-mobile .main-banner .hopper .middle_box {
  background-color: #F5D54C;
  width: 65px;
  height: 20px;
}
#page-mobile .main-banner .hopper .smoke_container {
  transform: rotate(180deg);
}
#page-mobile .main-banner .hopper .smoke {
  background-color: #C6D7E0;
  height: 0px;
  width: 4px;
  animation: 0.8s hopper_smoke infinite;
}
@keyframes hopper_smoke {
  0% {
    height: 0px;
  }
  100% {
    height: 10px;
  }
}
#page-mobile .main-banner .hopper .smoke1 {
  left: 15px;
  top: 10px;
  transform: rotate(30deg);
}
#page-mobile .main-banner .hopper .smoke2 {
  left: 35px;
  top: 25px;
  transform: rotate(0deg);
}
#page-mobile .main-banner .hopper .smoke3 {
  left: 55px;
  top: 10px;
  transform: rotate(-30deg);
}
#page-mobile .main-banner .machine_box .circle_indicator {
  height: 50px;
  width: 50px;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 5px;
}
#page-mobile .main-banner .machine_box .circle_indicator .top {
  background-color: #fff;
  height: 25px;
  overflow: hidden;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
#page-mobile .main-banner .machine_box .circle_indicator .bottom {
  background-color: #899BAB;
  height: 25px;
  border-top: 4px solid #233C4B;
}
#page-mobile .main-banner .machine_box .circle_indicator .top .niddle {
  background-color: #233C4B;
  height: 20px;
  width: 4px;
  bottom: -4px;
  left: 22px;
}
#page-mobile .main-banner .circle_indicator.ci1 .top .niddle {
  transform: rotate(-45deg);
  transform-origin: bottom;
  animation: 2s c1_niddle infinite;
}
@keyframes c1_niddle {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
#page-mobile .main-banner .circle_indicator.ci2 .top .niddle {
  transform: rotate(45deg);
  transform-origin: bottom;
  animation: 2.3s c2_niddle infinite;
}
@keyframes c2_niddle {
  0% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
#page-mobile .main-banner .machine_box .bars_container {
  height: 60px;
  width: 80px;
  background-color: #fff;
}
#page-mobile .main-banner .machine_box .bars_container .bars {
  background-color: #233C4B;
  height: 50px;
  width: 4px;
  margin: 5px 0px 0px 13px;
}
#page-mobile .main-banner .machine_box .bars_container .bars .circle {
  height: 7px;
  width: 7px;
  left: -6px;
  background-color: #48B9E3;
  border: 4px solid #233C4B;
}
#page-mobile .main-banner .machine_box .bars_container .bars.bar1 .circle {
  animation: 2.5s bar1 infinite;
}
@keyframes bar1 {
  0% {
    top: 5px;
  }
  50% {
    top: 30px;
  }
  100% {
    top: 5px;
  }
}
#page-mobile .main-banner .machine_box .bars_container .bars.bar2 .circle {
  animation: 2.5s bar2 infinite;
}
@keyframes bar2 {
  0% {
    top: 30px;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 30px;
  }
}
#page-mobile .main-banner .machine_box .bars_container .bars.bar3 .circle {
  animation: 2.5s bar3 infinite;
}
@keyframes bar3 {
  0% {
    top: 5px;
  }
  40% {
    top: 30px;
  }
  100% {
    top: 5px;
  }
}
#page-mobile .main-banner .machine_box .bars_container .bars.bar4 .circle {
  animation: 2.5s bar4 infinite;
}
@keyframes bar4 {
  0% {
    top: 30px;
  }
  33% {
    top: 5px;
  }
  100% {
    top: 30px;
  }
}
#page-mobile .main-banner .meter_up_down {
  height: 35px;
  width: 20px;
  margin-right: 10px;
  margin-top: 15px;
}
#page-mobile .main-banner .meter_up_down.meter1 .inner_meter {
  height: 5px;
  width: 100%;
  background-color: #F5D54C;
  border-bottom: 4px solid #233C4B;
  animation: 3s meter1 infinite;
}
@keyframes meter1 {
  0% {
    height: 5px;
  }
  50% {
    height: 25px;
  }
  100% {
    height: 5px;
  }
}
#page-mobile .main-banner .meter_up_down.meter1 {
  background-color: #fff;
}
#page-mobile .main-banner .meter_up_down.meter2 {
  background-color: #48B9E3;
}
#page-mobile .main-banner .meter_up_down.meter2 .inner_meter {
  height: 5px;
  width: 100%;
  background-color: #FFF;
  border-bottom: 4px solid #233C4B;
  animation: 5s meter2 infinite;
}
@keyframes meter2 {
  0% {
    height: 5px;
  }
  50% {
    height: 25px;
  }
  100% {
    height: 5px;
  }
}
#page-mobile .main-banner .vertical_meter {
  background-color: #879AA8;
  width: 5px;
  height: 45px;
  margin-top: 10px;
  margin-left: 10px;
}
#page-mobile .main-banner .vertical_meter .niddle {
  background-color: #CF2E4C;
  width: 18px;
  height: 5px;
  margin-left: -11px;
  margin-top: 3px;
  animation: 2s v_meter infinite;
}
@keyframes v_meter {
  0% {
    margin-top: 3px;
  }
  25% {
    margin-top: 28px;
  }
  100% {
    margin-top: 3px;
  }
}
#page-mobile .main-banner .horizontal_meter {
  margin-top: 12px;
  background-color: #879AA8;
  height: 5px;
  width: 50px;
}
#page-mobile .main-banner .horizontal_meter .niddle {
  background-color: #CF2E4C;
  height: 15px;
  width: 5px;
  margin-top: -9px;
}
#page-mobile .main-banner .horizontal_meter.meter1 .niddle {
  margin-left: 3px;
  animation: 3s h_meter1 infinite;
}
@keyframes h_meter1 {
  0% {
    margin-left: 3px;
  }
  50% {
    margin-left: 33px;
  }
  100% {
    margin-left: 3px;
  }
}
#page-mobile .main-banner .horizontal_meter.meter2 .niddle {
  margin-left: 30px;
  animation: 3s h_meter2 infinite;
}
@keyframes h_meter2 {
  0% {
    margin-left: 30px;
  }
  50% {
    margin-left: 3px;
  }
  100% {
    margin-left: 30px;
  }
}
#page-mobile .main-banner .circle1 {
  background-color: #48B9E3;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin: 15px 0 0 60px;
}
#page-mobile .main-banner .circle1 .inner_circle {
  height: 8px;
  width: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin: 7px;
}
#page-mobile .main-banner .circle2 {
  background-color: #899BAB;
  height: 50px;
  width: 50px;
  margin-left: 40px;
  border-radius: 50%;
  margin-top: -3px;
}
#page-mobile .main-banner .circle2 .inner_circle, #page-mobile .main-banner .circle3 .inner_circle {
  background-color: #F5D54C;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
}
#page-mobile .main-banner .circle2 .inner_circle {
  height: 27px;
  width: 27px;
  margin: 7px;
  font-size: 25px;
  text-align: center;
  line-height: 27px;
  animation: 1s rotate_plus_minus infinite linear;
}
@keyframes rotate_plus_minus {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#page-mobile .main-banner .circle3 .inner_circle {
  height: 20px;
  width: 20px;
  margin: 5px;
  font-size: 16.2px;
  text-align: center;
  line-height: 17px;
  animation: 1s rotate_plus_minus infinite linear;
}
#page-mobile .main-banner .circle3 {
  background-color: #899BAB;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  right: -25px;
  bottom: 25px;
}
#page-mobile .main-banner .circle1:before, #page-mobile .main-banner .circle1:after, #page-mobile .main-banner .circle2:before, #page-mobile .main-banner .circle2:after {
  position: absolute;
  content: "";
  width: 4px;
  background-color: #233C4B;
}
#page-mobile .main-banner .circle1:before {
  height: 75px;
  top: 77px;
  transform: rotate(121deg);
  left: 224px;
}
#page-mobile .main-banner .circle1:after {
  height: 82px;
  top: 108px;
  transform: rotate(126deg);
  left: 208px;
}
#page-mobile .main-banner .circle2:before {
  height: 68px;
  top: 88px;
  transform: rotate(50deg);
  left: 148px;
}
#page-mobile .main-banner .circle2:after {
  height: 68px;
  top: 118px;
  transform: rotate(36deg);
  left: 178px;
}
#page-mobile .main-banner .smoke_container1 {
  left: 105px;
  bottom: -33px;
}
#page-mobile .main-banner .smoke_container2 {
  right: -43px;
  bottom: 19px;
  transform: rotate(275deg);
}
#page-mobile .main-banner .smoke_container1 .smoke, #page-mobile .main-banner .smoke_container2 .smoke {
  border: solid 3px #C6D7E0;
  border-color: transparent transparent transparent #C6D7E0;
  border-radius: 0px 0px 0px 250px;
}
#page-mobile .main-banner .smoke_container1 .smoke1, #page-mobile .main-banner .smoke_container2 .smoke1 {
  width: 10px;
  height: 4px;
}
#page-mobile .main-banner .smoke_container1 .smoke2, #page-mobile .main-banner .smoke_container2 .smoke2 {
  width: 15px;
  height: 9px;
  margin-left: -10px;
  margin-top: -4px;
}
#page-mobile .main-banner .smoke_container1 .smoke1 {
  animation: 1s smoke_bottom1 infinite linear;
}
@keyframes smoke_bottom1 {
  0% {
    top: -3px;
    left: 0px;
  }
  50% {
    top: 0px;
    left: -3px;
  }
  100% {
    top: 0px;
    left: -3px;
  }
}
#page-mobile .main-banner .smoke_container1 .smoke2 {
  animation: 1s smoke_bottom2 infinite linear;
}
@keyframes smoke_bottom2 {
  0% {
    top: -4px;
    left: 0px;
  }
  30% {
    top: -4px;
    left: 0px;
  }
  100% {
    top: 0px;
    left: -4px;
  }
}
#page-mobile .main-banner .smoke_container2 .smoke1 {
  animation: 1s smoke_bottom21 infinite linear;
}
@keyframes smoke_bottom21 {
  0% {
    top: -20px;
    left: 0px;
  }
  50% {
    top: -15px;
    left: -5px;
  }
  100% {
    top: -15px;
    left: -5px;
  }
}
#page-mobile .main-banner .smoke_container2 .smoke2 {
  animation: 1s smoke_bottom22 infinite linear;
}
@keyframes smoke_bottom22 {
  0% {
    top: -15px;
    left: 0px;
  }
  70% {
    top: -3px;
    left: -5px;
  }
  100% {
    top: -3px;
    left: -5px;
  }
}
#page-mobile .main-banner .right_side {
  background-color: #233C4B;
  height: 60px;
  width: 25px;
  margin: 65px 0 0 -2px;
}
#page-mobile .main-banner .phone_container {
  margin-left: 150px;
  margin-top: 17px;
}
#page-mobile .main-banner .phone_container .top_plug {
  background-color: #F5D54C;
  width: 15px;
  height: 62px;
  border-right: 0px !important;
  margin-top: 43px;
  margin-right: -3px;
}
#page-mobile .main-banner .phone {
  background-color: #fff;
  height: 225px;
  width: 115px;
  border-radius: 20px;
}
#page-mobile .main-banner .phone .top {
  height: 20px;
  background-color: #233C4B;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding-top: 15px;
}
#page-mobile .main-banner .phone .top .speaker {
  background-color: #fff;
  height: 4px;
  width: 60%;
  margin: 0 auto;
  border-radius: 3px;
}
#page-mobile .main-banner .phone .screen {
  height: 155px;
  overflow: hidden;
}
#page-mobile .main-banner .phone .screen .content {
  background-color: #C6D7E0;
  height: 4px;
  margin: 5%;
}
#page-mobile .main-banner .phone .screen .content2 {
  background-color: #C6D7E0;
  height: 40px;
  width: 80%;
  margin: 5%;
}
#page-mobile .main-banner .phone .screen .content.c1 {
  width: 90%;
}
#page-mobile .main-banner .phone .screen .content.c2 {
  width: 80%;
}
#page-mobile .main-banner .phone .screen .content.c3 {
  width: 70%;
}
#page-mobile .main-banner .phone .screen .content.c4 {
  width: 60%;
}
#page-mobile .main-banner .phone .screen .content.c5 {
  width: 50%;
}
#page-mobile .main-banner .phone .bottom {
  height: 25px;
  background-color: #233C4B;
  padding-top: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#page-mobile .main-banner .phone .bottom .button {
  background-color: #fff;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin: 0 auto;
}
#page-mobile .main-banner .pipe {
  background-color: #C6D7E0;
  border-radius: 4px;
}
#page-mobile .main-banner .pipe1 {
  height: 30px;
  width: 160px;
  border-top: 4px solid #233C4B;
  border-bottom: 4px solid #233C4B;
  top: 75px;
  left: 335px;
  overflow: hidden;
}
#page-mobile .main-banner .pipe1 .content {
  background-color: #9dc9e0;
  height: 4px;
  margin: 5% 0;
  width: 80%;
}
#page-mobile .main-banner .pipe1 .content.c1 {
  animation: 2s a1 infinite;
}
#page-mobile .main-banner .pipe1 .content.c2 {
  animation: 2s a2 infinite;
}
@keyframes a1 {
  0% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
@keyframes a2 {
  0% {
    margin-left: -90%;
  }
  30% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .pipe .hdesign {
  background-color: #233C4B;
  width: 4px;
  height: 30px;
  margin-left: 15px;
}
#page-mobile .main-banner .phone .i1 {
  animation: 2.5s i1 infinite;
}
@keyframes i1 {
  0% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i2 {
  animation: 2.5s i2 infinite;
}
@keyframes i2 {
  0% {
    margin-left: -90%;
  }
  10% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i3 {
  animation: 2.5s i3 infinite;
}
@keyframes i3 {
  0% {
    margin-left: -90%;
  }
  20% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i4 {
  animation: 2.5s i4 infinite;
}
@keyframes i4 {
  0% {
    margin-left: -90%;
  }
  30% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i5 {
  animation: 2.5s i5 infinite;
}
@keyframes i5 {
  0% {
    margin-left: -90%;
  }
  40% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i6 {
  animation: 2.5s i6 infinite;
}
@keyframes i6 {
  0% {
    margin-left: -90%;
  }
  50% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i7 {
  animation: 2.5s i7 infinite;
}
@keyframes i7 {
  0% {
    width: 0%;
  }
  60% {
    width: 0%;
  }
  100% {
    width: 80%;
  }
}
#page-mobile .main-banner .phone .i8 {
  animation: 2.5s i8 infinite;
}
@keyframes i8 {
  0% {
    margin-left: -90%;
  }
  70% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i9 {
  animation: 2.5s i9 infinite;
}
@keyframes i9 {
  0% {
    margin-left: -90%;
  }
  80% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .main-banner .phone .i10 {
  animation: 2.5s i10 infinite;
}
@keyframes i10 {
  0% {
    margin-left: -90%;
  }
  90% {
    margin-left: -90%;
  }
  100% {
    margin-left: 5%;
  }
}
#page-mobile .apps-link {
  margin: auto;
  padding-top: 30px;
  text-align: left;
}
#page-mobile #div-carousel-2 {
  background-color: #d5d5d5;
}
#page-mobile #div-carousel-4 {
  background-color: #cbcccd;
}
#page-mobile #div-carousel-2 .apps-link {
  margin: auto;
  padding-top: 30px;
  text-align: right;
}
#page-mobile #div-carousel-2 .texto-apresentacao {
  text-align: right;
}
#page-mobile .carousel-prod-div .row {
  display: flex;
  align-items: center;
}

@media screen and (width: 1024px) {
  #page-mobile .main-banner h1 {
    margin-left: -70px;
  }
}
@media screen and (max-width: 992px) {
  #page-mobile .carousel-prod {
    width: 80%;
    height: auto;
  }
  #page-mobile .carousel-prod-div .row {
    width: 90%;
    height: auto;
    margin: auto 5%;
    flex-direction: column-reverse;
  }
  #page-mobile #div-carousel-2 .row {
    flex-direction: column;
  }
  #page-mobile .coluna-div-car {
    margin: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  #page-mobile .main-banner {
    height: 450px;
  }
  #page-mobile .main-banner .banner-texto {
    width: 200%;
    margin-top: -10px;
  }
  #page-mobile .main-banner .banner-texto h1 {
    margin-left: 115px;
  }
  #page-mobile .main-banner .container {
    margin-top: 100px;
  }
}
@media screen and (max-width: 600px) {
  #page-mobile .main-banner .banner-texto h1 {
    margin-left: 20px;
  }
  #page-mobile .main-banner .container {
    margin-right: -100px;
  }
}
@media screen and (max-width: 375px) {
  #page-mobile .main-banner .container {
    margin-right: -97px;
  }
}
#page-precificacao .quote-maior {
  font-size: 1.7em;
  line-height: 1.5em;
}

@media screen and (max-width: 600px) {
  #page-precificacao .quote-maior {
    font-size: 1.5em;
    line-height: 1.4em;
  }

  #page-precificacao .banner-texto h1 {
    font-size: 2.4em;
  }
  #page-precificacao .banner-texto p {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 600px) {
  #page-pareceres h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-pareceres h1 {
    font-size: 2.3em;
  }
}
#page-pareceres .we-logo {
  margin: 30px 10%;
}
#page-pareceres .pareceres-wrapper {
  padding: 3% 0;
  margin: 30px 0 0 0;
  background-color: #5abbee;
  height: 75vw;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao {
  z-index: 2;
  padding: 0 2%;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao img {
  width: 100%;
  height: 1005;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile {
  z-index: 2;
  padding: 0 2%;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile img {
  width: 100%;
  height: 1005;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile2 {
  z-index: 2;
  padding: 0 2%;
}
#page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile2 img {
  width: 100%;
  height: 1005;
}
#page-pareceres .pareceres-wrapper h3 {
  color: white;
  text-align: center;
}

#page-pareceres #left-hr {
  background-color: #c8c8c8;
  height: 2px;
  border: #c8c8c8 solid 1px;
  border-radius: 2px;
  width: 100%;
  margin: 15% 0 !important;
  text-align: unset !important;
}

#page-pareceres #right-hr {
  background-color: #c8c8c8;
  height: 2px;
  border: #c8c8c8 solid 1px;
  border-radius: 2px;
  width: 100%;
  margin: 15% 0 !important;
  text-align: unset !important;
}

#page-pareceres .wemind-logo {
  margin-right: 35%;
  margin-left: 35%;
  text-align: center;
  width: 30%;
}

#page-pareceres .main-banner #container6 {
  margin-top: 15% !important;
  margin-left: -15%;
  width: 100%;
  min-width: 250px;
  height: 100%;
}
#page-pareceres .main-banner .strain {
  width: 155px;
  height: 1px;
  background-color: #dbdbdb;
  position: relative;
  margin: 0px auto;
  margin-top: 28px;
  margin-bottom: 28px;
  animation-name: rotate-strain;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
#page-pareceres .main-banner .strain:before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #13b6e2;
  left: 0;
  margin-top: -9px;
  margin-left: -9px;
  animation-name: strain-size-left;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
#page-pareceres .main-banner .strain:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #13b6e2;
  right: 0;
  margin-top: -9px;
  margin-right: -9px;
  animation-name: strain-size-right;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
#page-pareceres .main-banner .strain:nth-child(1), #page-pareceres .main-banner .strain:nth-child(1):before, #page-pareceres .main-banner .strain:nth-child(1):after {
  animation-delay: 0.15s;
}
#page-pareceres .main-banner .strain:nth-child(2), #page-pareceres .main-banner .strain:nth-child(2):before, #page-pareceres .main-banner .strain:nth-child(2):after {
  animation-delay: 0.3s;
}
#page-pareceres .main-banner .strain:nth-child(3), #page-pareceres .main-banner .strain:nth-child(3):before, #page-pareceres .main-banner .strain:nth-child(3):after {
  animation-delay: 0.45s;
}
#page-pareceres .main-banner .strain:nth-child(4), #page-pareceres .main-banner .strain:nth-child(4):before, #page-pareceres .main-banner .strain:nth-child(4):after {
  animation-delay: 0.6s;
}
#page-pareceres .main-banner .strain:nth-child(5), #page-pareceres .main-banner .strain:nth-child(5):before, #page-pareceres .main-banner .strain:nth-child(5):after {
  animation-delay: 0.75s;
}
#page-pareceres .main-banner .strain:nth-child(6), #page-pareceres .main-banner .strain:nth-child(6):before, #page-pareceres .main-banner .strain:nth-child(6):after {
  animation-delay: 0.9s;
}
#page-pareceres .main-banner .strain:nth-child(7), #page-pareceres .main-banner .strain:nth-child(7):before, #page-pareceres .main-banner .strain:nth-child(7):after {
  animation-delay: 1.05s;
}
#page-pareceres .main-banner .strain:nth-child(8), #page-pareceres .main-banner .strain:nth-child(8):before, #page-pareceres .main-banner .strain:nth-child(8):after {
  animation-delay: 1.2s;
}
#page-pareceres .main-banner .strain:nth-child(9), #page-pareceres .main-banner .strain:nth-child(9):before, #page-pareceres .main-banner .strain:nth-child(9):after {
  animation-delay: 1.35s;
}
#page-pareceres .main-banner .strain:nth-child(10), #page-pareceres .main-banner .strain:nth-child(10):before, #page-pareceres .main-banner .strain:nth-child(10):after {
  animation-delay: 1.5s;
}
#page-pareceres .main-banner .strain:nth-child(11), #page-pareceres .main-banner .strain:nth-child(11):before, #page-pareceres .main-banner .strain:nth-child(11):after {
  animation-delay: 1.65s;
}
#page-pareceres .main-banner .strain:nth-child(12), #page-pareceres .main-banner .strain:nth-child(12):before, #page-pareceres .main-banner .strain:nth-child(12):after {
  animation-delay: 1.8s;
}
@keyframes rotate-strain {
  0% {
    width: 155px;
  }
  25% {
    width: 0;
  }
  50% {
    width: 155px;
  }
  75% {
    width: 0;
  }
  100% {
    width: 155px;
  }
}
@keyframes strain-size-left {
  0% {
    transform: scale(1) translateX(0px);
  }
  25% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1) translateX(155px);
  }
  75% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1) translateX(0px);
  }
}
@keyframes strain-size-right {
  0% {
    transform: scale(1) translateX(0px);
  }
  25% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1) translateX(-155px);
  }
  75% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1) translateX(0px);
  }
}

#page-pareceres .main-banner h1 {
  width: 70%;
}

#page-pareceres .pareceres-wrapper #pareceres-items {
  vertical-align: middle;
  padding-left: 10%;
}
#page-pareceres .pareceres-wrapper #pareceres-items p {
  color: white;
  font-size: 1.2em !important;
  width: 90%;
}

@media screen and (min-width: 769px) {
  #page-pareceres .pareceres-wrapper #pareceres-items {
    display: none;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile {
    display: none;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile2 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #page-pareceres #last-strain {
    display: none;
  }

  #page-pareceres .pareceres-wrapper {
    height: 90vw;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao {
    display: none;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile2 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #page-pareceres #container6 {
    margin-left: -15%;
    min-width: 200px;
  }

  #page-pareceres .pareceres-wrapper #pareceres-items p {
    font-size: 1em !important;
  }
}
@media screen and (max-width: 480px) {
  #page-pareceres #container6 {
    margin-left: -30% !important;
    min-width: 160px !important;
  }

  #page-pareceres .pareceres-wrapper #pareceres-items p {
    font-size: 1.2em !important;
  }

  #page-pareceres .pareceres-wrapper {
    height: 160vw;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile {
    display: none;
  }

  #page-pareceres .pareceres-wrapper .pareceres-ilustracao-mobile2 {
    display: block;
  }
}
@media screen and (max-width: 420px) {
  #page-pareceres .main-banner h1 {
    font-size: 1.8em;
  }

  #page-pareceres .pareceres-wrapper #pareceres-items p {
    font-size: 1.2em !important;
  }
}
@media screen and (max-width: 375px) {
  #page-pareceres .main-banner h1 {
    width: 20%;
    font-size: 1.2em;
  }

  #page-pareceres .main-banner .col-sm-6 {
    margin-left: 40px;
  }

  #page-pareceres .pareceres-wrapper #pareceres-items p {
    font-size: 1em !important;
  }
}
@media screen and (max-width: 600px) {
  #page-seguradora .banner-texto h1 {
    font-size: 2.3em;
  }
  #page-seguradora .banner-texto p {
    font-size: 1.4em;
  }
}
#page-seguradora .quote-maior {
  font-size: 1.6em;
  line-height: 1.3em;
}
#page-seguradora .info-linha button {
  background-color: #27439D;
  color: white;
  border: none;
  margin: 0;
}

#page-sobre main p {
  font-size: 1.3em;
  line-height: 1.4;
}

@media screen and (min-width: 1220px) {
  #page-sobre .main-banner {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 600px) {
  #page-sobre .banner-texto p {
    font-size: 1em;
  }
}
#page-sobre .texto button {
  background-color: #27439D;
  color: white;
  border: none;
  margin: 3% auto;
}

#page-sobre {
  @use postcss-nested;
  /* ANIMATION */
}
#page-sobre .page {
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-sobre .picture {
  position: absolute;
  width: 100%;
  height: 88%;
  overflow: hidden;
}
#page-sobre .picture *, #page-sobre .picture *:before, #page-sobre .picture *:after {
  content: "";
  position: absolute;
}
#page-sobre .forest {
  top: 50px;
  left: -10px;
  width: 300px;
  height: 290px;
  background: #00172A;
  overflow: hidden;
}
#page-sobre .forest__tree {
  top: 0px;
  left: 148px;
  width: 10px;
  height: 300px;
  background: #012135;
  box-shadow: 29px 0 0 6px #012135, -78px 0 0 1px #012135;
}
#page-sobre .forest__tree:before {
  top: 0px;
  left: -109px;
  width: 30px;
  height: 100px;
  border-left: 10px solid #012135;
  border-bottom: 10px solid #012135;
  border-radius: 0 0 0 40px;
}
#page-sobre .forest__monster-1 {
  top: 73px;
  left: 183px;
  width: 110px;
  height: 180px;
  background: #263449;
  border-radius: 60px 60px 0 0;
  transform-origin: bottom center;
  transform: rotate(-19deg);
  animation: monster1 30s linear infinite;
}
#page-sobre .forest__monster-1:before {
  top: -13px;
  left: 8px;
  border-right: 41px solid transparent;
  border-bottom: 43px solid #263449;
}
#page-sobre .forest__monster-1:after {
  top: -13px;
  left: 55px;
  border-left: 41px solid transparent;
  border-bottom: 43px solid #263449;
}
#page-sobre .forest__monster-1 div:nth-child(1) {
  top: 32px;
  left: 40px;
  width: 21px;
  height: 34px;
  border-radius: 10px;
  background: #012135;
}
#page-sobre .forest__monster-1 div:nth-child(1):before {
  top: 0px;
  left: -64px;
  width: 15px;
  height: 160px;
  border-radius: 50px 0 0 0;
  border-left: 20px solid #263449;
  border-top: 25px solid #263449;
  transform-origin: top right;
  transform: rotate(12deg);
}
#page-sobre .forest__monster-1 div:nth-child(1):after {
  top: -8px;
  left: 56px;
  width: 15px;
  height: 160px;
  border-radius: 0 50px 0 0;
  border-right: 20px solid #263449;
  border-top: 25px solid #263449;
  transform-origin: top left;
  transform: rotate(-12deg);
}
#page-sobre .forest__monster-1 div:nth-child(2) {
  top: 23px;
  left: 15px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #012135;
  box-shadow: 37px 2px 0 0 #012135;
  z-index: 1;
}
#page-sobre .forest__monster-1 div:nth-child(2):before {
  top: 13px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #224179;
  box-shadow: 54px 5px 0 0 #224179;
  animation: monster1Eyes 30s linear infinite;
}
#page-sobre .forest__monster-1 div:nth-child(2):after {
  top: 33px;
  left: 24px;
  width: 11px;
  height: 14px;
  border-radius: 20px 20px 0 0;
  border-top: 5px solid #012135;
  border-left: 5px solid #012135;
  border-right: 5px solid #012135;
}
#page-sobre .forest__monster-2 {
  top: 124px;
  left: 23px;
  width: 87px;
  height: 42px;
  border-radius: 45px 45px 4px 4px;
  background: #182B41;
  animation: monster2 30s linear infinite;
}
#page-sobre .forest__monster-2:before {
  top: 23px;
  left: -2px;
  width: 90px;
  height: 123px;
  border-radius: 50px 50px 0 0;
  background: #182B41;
}
#page-sobre .forest__monster-2:after {
  top: 60px;
  left: -16px;
  width: 20px;
  height: 80px;
  border-radius: 17px 0 0 0;
  background: #182B41;
}
#page-sobre .forest__monster-2 div {
  top: -18px;
  left: 11px;
  width: 45px;
  height: 22px;
  border-radius: 35px;
  border-left: 10px solid #182B41;
  border-bottom: 10px solid #182B41;
  border-right: 10px solid #182B41;
}
#page-sobre .forest__monster-2 div:before {
  top: 31px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #224179;
  box-shadow: 22px 0 0 0 #224179;
  animation: monster2Eyes 30s linear infinite;
}
#page-sobre .forest__ghost {
  top: 180px;
  left: 180px;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  background: #1C596C;
  animation: forestGhost 30s linear infinite;
}
#page-sobre .forest__ghost:after {
  top: 10px;
  left: 5px;
  width: 5px;
  height: 6px;
  border-radius: 50% 30% 40% 50%;
  background: #273449;
  box-shadow: 10px 0 0 0 #273449;
}
#page-sobre .forest__ghost div:before {
  top: 6px;
  left: 0px;
  width: 14px;
  height: 42px;
  border-radius: 10px;
  background: #1C596C;
  transform-origin: 7px 7px;
  transform: rotate(0deg);
  animation: forestGhostLeg 30s linear infinite;
}
#page-sobre .forest__ghost div:after {
  top: 6px;
  left: 10px;
  width: 14px;
  height: 37px;
  border-radius: 10px;
  background: #1C596C;
  transform-origin: 7px 7px;
  transform: rotate(0deg);
  animation: forestGhostLeg 30s linear infinite;
}
#page-sobre .forest__moss {
  top: 38px;
  left: 20px;
  width: 42px;
  height: 4px;
  background: #30403F;
  border-radius: 0 0 10px 0;
}
#page-sobre .forest__moss:before {
  top: -24px;
  left: 6px;
  width: 6px;
  height: 58px;
  background: #30403F;
  border-radius: 0 0 5px 5px;
  box-shadow: -14px 25px 0 3px #30403F, 120px 3px 0 2px #30403F;
}
#page-sobre .house__wall:before {
  top: -230px;
  left: 52px;
  width: 38px;
  height: 390px;
  background: #32323C;
  transform: rotate(68deg);
  z-index: 2;
}
#page-sobre .house__wall:after {
  top: -230px;
  left: 710px;
  width: 38px;
  height: 390px;
  background: #32323C;
  transform: rotate(-68deg);
  z-index: 2;
}
#page-sobre .house__window {
  top: 88px;
  left: 230px;
  height: 203px;
  width: 24px;
  background: #32323C;
  box-shadow: inset 0 7px 0 0 #292939, -128px 0 0 0 #292939;
}
#page-sobre .house__window:before {
  top: -42px;
  left: -250px;
  height: 42px;
  width: 294px;
  background: #32323C;
}
#page-sobre .house__window:after {
  top: 202px;
  left: -250px;
  height: 36px;
  width: 250px;
  background: #2A2F39;
  box-shadow: inset 0 9px 0 0 #3B4A3E;
}
#page-sobre .shelf {
  top: 178px;
  left: 532px;
  width: 268px;
  height: 10px;
  background: #292939;
  box-shadow: 0 -6px 0 0 #32323C, 0 -75px 0 0 #292939, 0 -81px 0 0 #32323C, 0 51px 0 0 #32323C;
}
#page-sobre .shelf:before {
  top: -150px;
  left: -17px;
  height: 267px;
  width: 17px;
  border-radius: 9px;
  background: #32323C;
}
#page-sobre .shelf__staff-1 {
  top: -127px;
  left: 13px;
  height: 46px;
  width: 47px;
  border-radius: 8px;
  background: #183133;
}
#page-sobre .shelf__staff-1:before {
  top: -7px;
  left: 9px;
  width: 28px;
  height: 7px;
  background: #304252;
}
#page-sobre .shelf__staff-1:after {
  top: 13px;
  left: 13px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #162532;
}
#page-sobre .shelf__staff-2 {
  top: -112px;
  left: 62px;
  height: 31px;
  width: 40px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #263449 38%, #1C596C 39%);
  border: 6px solid #263449;
  border-radius: 13px;
}
#page-sobre .shelf__staff-2:before {
  top: -14px;
  left: 8px;
  width: 11px;
  height: 9px;
  background: #263449;
}
#page-sobre .shelf__staff-2:after {
  top: -22px;
  left: 6px;
  width: 16px;
  height: 8px;
  background: #304252;
}
#page-sobre .shelf__staff-2 .dust-1 {
  top: -41px;
  left: -8px;
  width: 3px;
  height: 3px;
  background: #1c586c;
  z-index: 1;
  animation: shelfStaff2Dust1 5s linear infinite;
}
#page-sobre .shelf__staff-2 .dust-2 {
  top: -32px;
  left: -14px;
  width: 4px;
  height: 4px;
  background: #1c586c;
  z-index: 1;
  animation: shelfStaff2Dust2 5s linear -2.6s infinite;
}
#page-sobre .shelf__staff-2 .dust-3 {
  top: -38px;
  left: 4px;
  width: 3px;
  height: 3px;
  background: #1c586c;
  z-index: 1;
  animation: shelfStaff2Dust3 5s linear -1s infinite;
}
#page-sobre .shelf__staff-2 .dust-4 {
  top: -34px;
  left: 12px;
  width: 2px;
  height: 2px;
  background: #1c586c;
  z-index: 1;
  animation: shelfStaff2Dust4 5s linear -2.7s infinite;
}
#page-sobre .shelf__staff-3 {
  top: -125px;
  left: 108px;
  width: 59px;
  height: 28px;
  border-radius: 2px 2px 30px 30px;
  background: #393939;
}
#page-sobre .shelf__staff-3:before {
  top: 28px;
  left: 22px;
  width: 14px;
  height: 12px;
  background: #393939;
}
#page-sobre .shelf__staff-3:after {
  top: 36px;
  left: 12px;
  width: 34px;
  height: 8px;
  border-radius: 10px 10px 0 0;
  background: #393939;
}
#page-sobre .shelf__staff-4 {
  top: -130px;
  left: 174px;
  width: 31px;
  height: 39px;
  background: #21314A;
}
#page-sobre .shelf__staff-4:before {
  top: 39px;
  left: -4px;
  width: 40px;
  height: 11px;
  border-radius: 2px 2px 0 0;
  background: #21314A;
}
#page-sobre .shelf__staff-4:after {
  top: -24px;
  left: 46px;
  width: 30px;
  height: 73px;
  background: #183133;
}
#page-sobre .shelf__staff-5 {
  top: -90px;
  left: 6px;
  width: 28px;
  height: 9px;
  border-radius: 10px;
  background: #3B4358;
}
#page-sobre .shelf__staff-5:before {
  top: -8px;
  left: 6px;
  width: 16px;
  height: 8px;
  border-radius: 2px 2px 10px 10px;
  background: #405B58;
}
#page-sobre .shelf__staff-5:after {
  top: -18px;
  left: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3B4358;
}
#page-sobre .shelf__staff-6 {
  top: -86px;
  left: 142px;
  width: 76px;
  height: 6px;
  background: #3B4A3E;
}
#page-sobre .shelf__staff-6:before {
  top: -12px;
  left: 43px;
  width: 6px;
  height: 17px;
  background: #3B4A3E;
  box-shadow: 12px -12px #3B4A3E, 24px -24px #3B4A3E;
  transform: rotate(45deg);
}
#page-sobre .shelf__staff-6:after {
  top: 1px;
  left: 60px;
  width: 6px;
  height: 17px;
  background: #3B4A3E;
  transform: rotate(-45deg);
}
#page-sobre .shelf__staff-7 {
  top: -62px;
  left: 0px;
  width: 26px;
  height: 58px;
  box-shadow: inset -14px 0 0 0 #263449, inset 0 -50px 0 0 #525242;
}
#page-sobre .shelf__staff-7:before {
  top: 6px;
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1C596C;
}
#page-sobre .shelf__staff-7:after {
  top: 24px;
  left: 12px;
  width: 14px;
  height: 19px;
  background: #1C596C;
}
#page-sobre .shelf__staff-8 {
  top: -42px;
  left: 124px;
  width: 68px;
  height: 36px;
  border-radius: 8px 8px 0 0;
  background: #52383C;
  box-shadow: inset 0 44px 0 -30px #3A3031;
}
#page-sobre .shelf__staff-8:before {
  top: 16px;
  left: 28px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3A3031;
}
#page-sobre .shelf__staff-8:after {
  top: -10px;
  left: 14px;
  width: 40px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  border-top: 4px solid #5D4E42;
  border-left: 10px solid #5D4E42;
  border-right: 10px solid #5D4E42;
}
#page-sobre .shelf__staff-8 .dust-1 {
  top: -14px;
  left: 14px;
  width: 4px;
  height: 4px;
  background: #5d4e42;
  z-index: 1;
  animation: shelfStaff2Dust1 5s linear infinite;
}
#page-sobre .shelf__staff-8 .dust-2 {
  top: 2px;
  left: 20px;
  width: 4px;
  height: 4px;
  background: #5d4e42;
  z-index: 1;
  animation: shelfStaff2Dust2 5s linear -1s infinite;
}
#page-sobre .shelf__staff-8 .dust-3 {
  top: 6px;
  left: 42px;
  width: 4px;
  height: 4px;
  background: #5d4e42;
  z-index: 1;
  animation: shelfStaff2Dust3 5s linear -2.5s infinite;
}
#page-sobre .shelf__staff-8 .dust-4 {
  top: 7px;
  left: 50px;
  width: 4px;
  height: 4px;
  background: #5d4e42;
  z-index: 1;
  animation: shelfStaff2Dust4 5s linear -4.1s infinite;
}
#page-sobre .shelf__staff-9 {
  top: -54px;
  left: 208px;
  width: 48px;
  height: 50px;
  box-sizing: border-box;
  border: 7px solid #393939;
  background: #1A252F;
}
@supports (-webkit-box-reflect: left) {
  #page-sobre .shelf__staff-9:before {
    top: 7px;
    left: 17px;
    width: 15px;
    height: 14px;
    background: #52383C;
    border-radius: 70% 0;
    -webkit-box-reflect: left 1px;
  }
  #page-sobre .shelf__staff-9:after {
    top: 23px;
    left: 17px;
    width: 9px;
    height: 9px;
    background: #52383C;
    border-radius: 0 60%;
    -webkit-box-reflect: left 1px;
  }
}
#page-sobre .shelf__staff-10 {
  top: -40px;
  left: 22px;
  width: 12px;
  height: 39px;
  background: #263449;
  box-shadow: 12px 12px 0 0 #3C313C;
  transform-origin: right top;
  transform: rotate(-45deg);
}
#page-sobre .shelf__staff-10:before {
  top: 57px;
  left: 30px;
  width: 78px;
  height: 10px;
  background: #30403F;
  border-radius: 0 100% 100% 0;
  transform-origin: 0 0;
  transform: rotate(45deg);
}
#page-sobre .shelf__staff-10:after {
  top: 54px;
  left: 44px;
  width: 7px;
  height: 28px;
  background: #30403F;
}
#page-sobre .shelf__staff-11 {
  top: -21px;
  left: 139px;
  width: 15px;
  height: 67px;
  background: #3b4a3e;
  border-radius: 0% 100%;
  transform: rotate(-43deg);
}
#page-sobre .shelf__staff-11:before {
  top: 3px;
  left: -18px;
  width: 16px;
  height: 46px;
  background: #3b4a3e;
  border-radius: 100% 0;
  transform: rotate(17deg);
}
#page-sobre .shelf__herb-rope-1 {
  top: 50px;
  left: 40px;
  width: 4px;
  height: 12px;
  border-radius: 4px;
  background: #524342;
  box-shadow: 8px 0 0 0 #524342, 4px 10px 0 0 #524342;
}
#page-sobre .shelf__herbs-1 {
  top: 68px;
  left: 33px;
  width: 8px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 18px solid #3B4A3E;
  transform: rotate(7deg);
  transform-origin: top center;
  animation: shelfHerbs1 2s ease infinite;
  animation-delay: -1.7s;
  will-change: transform;
}
#page-sobre .shelf__herbs-1:before {
  top: 4px;
  left: -15px;
  width: 38px;
  height: 38px;
  border-radius: 0 0 100% 0;
  background: #3B4A3E;
  transform: rotate(45deg);
}
#page-sobre .shelf__herbs-1:after {
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: #964554;
  border-radius: 50%;
  box-shadow: -19px 10px 0 0 #964554, -38px -1px 0 0 #964554;
}
#page-sobre .shelf__herb-rope-2 {
  top: -20px;
  left: 11px;
  width: 4px;
  height: 38px;
  border-radius: 4px;
  background: #524342;
  transform: rotate(17deg);
}
#page-sobre .shelf__herb-rope-2:before {
  top: 33px;
  left: -5px;
  width: 4px;
  height: 14px;
  border-radius: 4px;
  background: #524342;
  transform: rotate(50deg);
}
#page-sobre .shelf__herbs-2 {
  top: 67px;
  left: 71px;
  width: 3px;
  height: 55px;
  background: #3C5843;
  transform-origin: 15px -16px;
  transform: rotate(-14deg);
  animation: shelfHerbs2 2s ease infinite;
  animation-delay: -1.2s;
  will-change: transform;
}
#page-sobre .shelf__herbs-2:before {
  top: 58px;
  left: -8px;
  width: 19px;
  height: 19px;
  background: #3C5843;
  border-radius: 0 0 100% 0;
  transform: rotate(45deg);
}
@supports (-webkit-box-reflect: left) {
  #page-sobre .shelf__herbs-2:after {
    top: 42px;
    left: 7px;
    width: 12px;
    height: 12px;
    background: #3C5843;
    border-radius: 0 80%;
    transform: rotate(-3deg);
    -webkit-box-reflect: left 11px;
  }
}
#page-sobre .shelf__herbs-3 {
  top: 59px;
  left: 126px;
  width: 10px;
  height: 57px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
  box-shadow: inset 0 -45px 0 -40px #5A844F;
  transform-origin: 1px -8px;
  animation: shelfHerbs3 2s ease infinite;
  animation-delay: -0.9s;
  will-change: transform;
}
#page-sobre .shelf__herbs-3:before {
  top: 0px;
  left: -2px;
  width: 10px;
  height: 49px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
  box-shadow: inset 0 -45px 0 -40px #5A844F;
  transform: rotate(23deg);
}
#page-sobre .shelf__herbs-3:after {
  top: 0px;
  left: 2px;
  width: 10px;
  height: 49px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(to right, transparent 32%, #30403F 33%, #30403F 67%, transparent 68%);
  box-shadow: inset 0 -45px 0 -40px #5A844F;
  transform: rotate(-23deg);
}
#page-sobre .shelf__herb-rope-3 {
  top: -10px;
  left: 3px;
  width: 4px;
  height: 15px;
  background: #524342;
  border-radius: 4px;
}
#page-sobre .shelf__herbs-4 {
  top: 98px;
  left: 189px;
  width: 33px;
  height: 16px;
  background: #525242;
  border-radius: 20px;
  transform-origin: 22px -48px;
  animation: shelfHerbs4 2s ease infinite;
  animation-delay: -0.2s;
  will-change: transform;
}
#page-sobre .shelf__herbs-4:before {
  top: -20px;
  left: 1px;
  width: 7px;
  border-left: 14px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 24px solid #525242;
}
#page-sobre .shelf__herbs-4:after {
  top: -30px;
  left: 2px;
  width: 8px;
  border-left: 10px solid transparent;
  border-right: 3px solid transparent;
  border-top: 17px solid #525242;
  transform: rotate(-28deg);
}
#page-sobre .shelf__herb-rope-4 {
  top: -49px;
  left: 20px;
  width: 4px;
  height: 32px;
  border-radius: 4px;
  background: #524342;
}
#page-sobre .shelf__herb-rope-4:before {
  top: 30px;
  left: -11px;
  width: 14px;
  height: 4px;
  background: #524342;
  border-radius: 4px;
  transform: rotate(-20deg);
  z-index: 1;
}
#page-sobre .shelf__thing {
  top: -136px;
  left: -22px;
  width: 5px;
  height: 107px;
  background: #233B37;
}
#page-sobre .shelf__thing:before {
  top: 0px;
  left: -27px;
  border-left: 28px solid transparent;
  border-top: 29px solid #233B37;
}
#page-sobre .shelf__thing:after {
  top: 52px;
  left: -24px;
  border-left: 25px solid transparent;
  border-top: 26px solid #233B37;
}
#page-sobre .shelf__circles {
  top: 46px;
  left: -12px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #3C313C;
  box-shadow: 16px 37px 0 0 #3C313C, 8px 54px 0 1px #3C313C, 0px 25px 0 3px #3C313C, 0px -26px 0 3px #3C313C;
  z-index: 1;
}
#page-sobre .ladder {
  top: 307px;
  left: 650px;
  width: 16px;
  height: 313px;
  background: #312E36;
  border-radius: 10px;
  box-shadow: 94px 0 0 0 #312E36;
}
#page-sobre .ladder:before {
  top: 20px;
  left: 16px;
  height: 13px;
  width: 78px;
  background: #312E36;
  box-shadow: inset 0 5px 0 0 #393931;
}
#page-sobre .ladder:after {
  top: 60px;
  left: 16px;
  height: 13px;
  width: 78px;
  background: #312E36;
  box-shadow: inset 0 5px 0 0 #393931;
}
#page-sobre .wreath {
  top: 28px;
  left: 396px;
  width: 62px;
  height: 62px;
  border: 15px solid #183133;
  border-radius: 50%;
}
#page-sobre .wreath:before {
  top: 46px;
  left: 23px;
  width: 5px;
  height: 20px;
  background: #183133;
  border-radius: 5px;
  transform: rotate(34deg);
  box-shadow: 13px -3px 0 0 #183133;
}
#page-sobre .wreath:after {
  top: 62px;
  left: 7px;
  width: 5px;
  height: 20px;
  background: #183133;
  border-radius: 5px;
  transform: rotate(-34deg);
  box-shadow: 10px 18px 0 0 #183133, 22px 18px 0 0 #183133;
}
#page-sobre .hook {
  top: 24px;
  left: 474px;
  width: 4px;
  height: 10px;
  border-radius: 0 0 0 2px;
  background: #304252;
}
#page-sobre .hook:before {
  top: 13px;
  left: -7px;
  width: 14px;
  height: 6px;
  border: 3px solid #304252;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
#page-sobre .hook:after {
  top: 7px;
  left: 3px;
  width: 7px;
  height: 3px;
  border-top: 3px solid #304252;
  border-right: 3px solid #304252;
  border-radius: 0 7px 0 0;
}
#page-sobre .dried-flower {
  top: 16px;
  left: 0;
  width: 4px;
  height: 100px;
  background: #32323C;
  border-radius: 2px;
  transform-origin: 2px 2px;
  transform: rotate(4deg);
  animation: driedFlower 2s ease infinite;
}
#page-sobre .dried-flower:before {
  top: 30px;
  left: 0;
  width: 4px;
  height: 20px;
  background: #32323C;
  box-shadow: 10px 10px #32323C, 20px 20px #32323C;
  border-radius: 4px;
  transform-origin: 0 2px;
  transform: rotate(44deg);
}
#page-sobre .dried-flower:after {
  left: 2px;
  top: 33px;
  width: 4px;
  height: 20px;
  background: #32323C;
  box-shadow: -10px 10px #32323C, -21px 20px #32323C;
  border-radius: 4px;
  transform: rotate(-44deg);
  transform-origin: 0 2px;
}
#page-sobre .dried-flower__petals {
  top: 88px;
  left: -16px;
  width: 33px;
  height: 17px;
  background: #52383C;
  border-radius: 30px 30px 0 0;
}
#page-sobre .dried-flower__petals:before {
  top: 7px;
  left: 10px;
  width: 14px;
  height: 14px;
  background: #52383C;
  transform: rotate(45deg);
}
#page-sobre .greenery {
  top: -33px;
  left: -210px;
  width: 100px;
  height: 12px;
  background: #183133;
  border-radius: 20px;
  box-shadow: -30px 9px 0 3px #183133;
}
#page-sobre .greenery:before {
  top: 33px;
  left: 90px;
  width: 92px;
  height: 9px;
  border-radius: 0 0 10px 10px;
  background: #30403F;
}
#page-sobre .greenery:after {
  top: 39px;
  left: 97px;
  width: 20px;
  height: 15px;
  border-radius: 0 0 10px 10px;
  background: #30403F;
}
#page-sobre .leaf-1 {
  top: -23px;
  left: -30px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(100deg);
}
#page-sobre .leaf-1:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-2 {
  top: 14px;
  left: -7px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(-54deg);
}
#page-sobre .leaf-2:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-3 {
  top: 50px;
  left: 7px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(54deg);
}
#page-sobre .leaf-3:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-4 {
  top: 94px;
  left: -3px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(-54deg);
}
#page-sobre .leaf-4:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-5 {
  top: 123px;
  left: -3px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(-66deg);
}
#page-sobre .leaf-5:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-6 {
  top: 140px;
  left: 5px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(58deg);
}
#page-sobre .leaf-6:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .leaf-7 {
  top: 219px;
  left: -39px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #30403F;
  transform: rotate(-2deg);
  z-index: 1;
}
#page-sobre .leaf-7:before {
  left: -5px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: #30403F;
  transform: rotate(39deg);
}
#page-sobre .mushroom-1 {
  top: 180px;
  left: -39px;
  width: 11px;
  height: 12px;
  background: #1C596C;
  border-radius: 100% 100% 2px 2px;
}
#page-sobre .mushroom-1:before {
  top: 12px;
  left: 3px;
  width: 5px;
  height: 10px;
  background: #3B4A3E;
}
#page-sobre .mushroom-2 {
  top: 168px;
  left: -23px;
  width: 11px;
  height: 14px;
  background: #1c596c;
  border-radius: 100% 100% 2px 2px;
}
#page-sobre .mushroom-2:before {
  top: 14px;
  left: 4px;
  width: 15px;
  height: 6px;
  border-left: 4px solid #3B4A3E;
  border-bottom: 4px solid #3B4A3E;
  border-radius: 0 0 0 4px;
}
#page-sobre .lamp {
  top: 160px;
  left: -200px;
  width: 32px;
  height: 22px;
  background: linear-gradient(to right, #203152 20%, #5A5A4A 21%, #5A5A4A 79%, #203152 80%);
  border-top: 16px solid #203152;
  box-shadow: 0 0 0 4px #00172A;
}
#page-sobre .lamp:before {
  top: -46px;
  left: -4px;
  width: 6px;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 26px solid #012135;
}
#page-sobre .lamp:after {
  top: -65px;
  left: 8px;
  width: 12px;
  height: 18px;
  border-radius: 17px 17px 100% 100%;
  border: 2px solid #012135;
}
#page-sobre .casket {
  top: 165px;
  left: -150px;
  width: 27px;
  height: 29px;
  border: 4px solid #012135;
  background: linear-gradient(to bottom, #182B41 38%, #012135 39%, #012135 53%, #182B41 54%);
}
#page-sobre .casket:before {
  top: -9px;
  left: -8px;
  width: 43px;
  height: 6px;
  background: #012135;
  border-radius: 0 0 4px 4px;
}
#page-sobre .casket:after {
  top: 3px;
  left: 12px;
  width: 4px;
  height: 4px;
  background: #012135;
  border-radius: 50%;
  box-shadow: 0 17px 0 0 #012135;
}
#page-sobre .pineapple {
  top: 97px;
  left: -153px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-top: 8px dashed #233B37;
  border-left: 8px dashed #233B37;
  border-radius: 100% 0 0 0;
  transform: rotate(45deg);
}
#page-sobre .pineapple:before {
  top: -1px;
  left: -1px;
  width: 33px;
  height: 33px;
  background: #233B37;
  border-radius: 100% 0 0 0;
}
#page-sobre .pineapple:after {
  top: 21px;
  left: 21px;
  width: 26px;
  height: 25px;
  background: #222131;
  border-radius: 10px 10px 10px 10px/23px 23px 23px 23px;
  transform: rotate(-45deg);
}
#page-sobre .berries {
  top: 186px;
  left: -166px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #52383C;
  box-shadow: 5px 8px 0 0 #52383C, -5px 8px 0 0 #52383C, -52px 8px 0 0 #52383C, -42px 8px 0 0 #52383C;
}
#page-sobre .bat-1 {
  top: -40px;
  left: 118px;
  width: 22px;
  height: 46px;
  background: #182129;
  border-radius: 20px 20px 0 0;
  transform-origin: top center;
  animation: bat 3s linear infinite;
  z-index: 1;
}
#page-sobre .bat-1:before {
  top: 0px;
  left: -5px;
  width: 21px;
  height: 31px;
  background: #182129;
  border-radius: 0 12px 8px 7px;
  transform: rotate(27deg);
}
#page-sobre .bat-1:after {
  top: 0px;
  left: 4px;
  width: 21px;
  height: 31px;
  background: #182129;
  border-radius: 12px 0 7px 8px;
  transform: rotate(-27deg);
}
#page-sobre .bat-1 div {
  top: 46px;
  left: 0px;
  border-right: 7px solid transparent;
  border-top: 7px solid #182129;
}
#page-sobre .bat-1 div:before {
  top: -7px;
  left: 15px;
  border-left: 7px solid transparent;
  border-top: 7px solid #182129;
}
#page-sobre .bat-1 div:after {
  top: -21px;
  left: 4px;
  width: 4px;
  height: 4px;
  background: #726332;
  border-radius: 50%;
  box-shadow: 10px 0 0 0 #726332;
  animation: batEye 3s linear infinite;
}
#page-sobre .bat-2 {
  top: -50px;
  left: 161px;
  width: 22px;
  height: 46px;
  background: #182129;
  border-radius: 20px 20px 0 0;
  transform-origin: top center;
  animation: bat 3s linear infinite;
  animation-delay: -2s;
  z-index: 1;
}
#page-sobre .bat-2:before {
  top: 0px;
  left: -5px;
  width: 21px;
  height: 31px;
  background: #182129;
  border-radius: 0 12px 8px 7px;
  transform: rotate(27deg);
}
#page-sobre .bat-2:after {
  top: 0px;
  left: 4px;
  width: 21px;
  height: 31px;
  background: #182129;
  border-radius: 12px 0 7px 8px;
  transform: rotate(-27deg);
}
#page-sobre .bat-2 div {
  top: 46px;
  left: 0px;
  border-right: 7px solid transparent;
  border-top: 7px solid #182129;
}
#page-sobre .bat-2 div:before {
  top: -7px;
  left: 15px;
  border-left: 7px solid transparent;
  border-top: 7px solid #182129;
}
#page-sobre .besom {
  top: 89px;
  left: 72px;
  width: 39px;
  height: 39px;
  border-radius: 2px 81%;
  background: #3B4A3E;
  transform: rotate(21deg);
  transform-origin: -13px -55px;
  z-index: 2;
}
#page-sobre .besom:before {
  top: -21px;
  left: -16px;
  width: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 26px solid #30403F;
  transform: rotate(-40deg);
}
@supports (-webkit-box-reflect: left) {
  #page-sobre .besom:after {
    top: -10px;
    left: 7px;
    width: 22px;
    height: 22px;
    background: #30403F;
    border-radius: 0 90%;
    transform: rotate(-40deg);
    -webkit-box-reflect: left 3px;
  }
}
#page-sobre .besom .rope {
  top: -59px;
  left: -6px;
  width: 6px;
  height: 61px;
  border-radius: 4px;
  background: #464230;
  z-index: 1000;
  transform: rotate(-21deg);
}
#page-sobre .besom .rope:before {
  top: 59px;
  left: -10px;
  width: 16px;
  height: 5px;
  background: #464230;
  border-radius: 4px;
  transform: rotate(-26deg);
}
#page-sobre .moth-rope {
  top: 0px;
  left: 254px;
  width: 4px;
  height: 26px;
  border-radius: 0 0 4px 4px;
  background: #393931;
  box-shadow: 14px 0 0 0 #393931, 27px 0 0 0 #393931;
}
#page-sobre .moth-rope:before {
  top: 24px;
  left: 1px;
  width: 151px;
  height: 30px;
  border-radius: 0 0 120px 120px;
  border-left: 4px solid #312E36;
  border-bottom: 4px solid #312E36;
  border-right: 4px solid #312E36;
}
#page-sobre .moth-rope:after {
  top: -37px;
  left: 114px;
  width: 66px;
  height: 66px;
  box-sizing: border-box;
  background: radial-gradient(#32323C 20%, transparent 21%, transparent 50%, #32323C 51%);
  border-radius: 50%;
}
#page-sobre .moth {
  top: 43px;
  left: 340px;
  width: 8px;
  height: 34px;
  background: #263449;
  border-radius: 4px;
  transform-origin: 4px 4px;
  transform: rotate(30deg);
  animation: moth 1.5s infinite;
  will-change: transform;
}
#page-sobre .moth:before {
  top: 35px;
  left: 5px;
  width: 12px;
  height: 12px;
  background: #304252;
  border-radius: 50%;
  box-shadow: -15px 0 0 0 #304252, -8px -3px 0 3px #263449;
}
#page-sobre .moth__wings:before {
  top: 1px;
  left: -4px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 31px solid #1C596C;
  border-radius: 20px 20px 0 0;
  transform: rotate(40deg);
  transform-origin: bottom center;
  animation: mothWingRight 1.5s infinite;
  will-change: transform;
}
#page-sobre .moth__wings:after {
  top: 1px;
  left: -14px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 31px solid #1C596C;
  border-radius: 20px 20px 0 0;
  transform: rotate(-43deg);
  transform-origin: bottom center;
  animation: mothWingLeft 1.5s infinite;
  will-change: transform;
}
#page-sobre .alchemist {
  top: 114px;
  left: 250px;
  width: 307px;
  height: 486px;
  z-index: 1;
}
#page-sobre .alchemist__arm-r {
  top: 256px;
  left: 194px;
  width: 24px;
  height: 80px;
  border-radius: 12px;
  transform-origin: 12px 12px;
  transform: rotate(-38deg);
  background: #9c735a;
  animation: alchemistRightArm 30s linear infinite;
}
#page-sobre .alchemist__arm-r:before {
  top: 56px;
  left: 0px;
  width: 24px;
  height: 84px;
  border-radius: 12px;
  transform-origin: 12px 12px;
  transform: rotate(36deg);
  background: #9C735A;
  animation: alchemistRightForearm 30s linear infinite;
}
#page-sobre .alchemist__arm-l {
  top: 256px;
  left: 104px;
  width: 24px;
  height: 80px;
  border-radius: 12px;
  transform-origin: 12px 12px;
  transform: rotate(38deg);
  background: #9C735A;
  animation: alchemistLeftArm 30s linear infinite;
}
#page-sobre .alchemist__arm-l:before {
  top: 56px;
  left: 0px;
  width: 24px;
  height: 84px;
  border-radius: 12px;
  transform-origin: 12px 12px;
  transform: rotate(-22deg);
  background: #9C735A;
  animation: alchemistLeftForearm 30s linear infinite;
}
#page-sobre .alchemist__leg-r {
  top: 400px;
  left: 178px;
  width: 27px;
  height: 54px;
  background: linear-gradient(to bottom, #424241 88%, #312E36 88%);
}
#page-sobre .alchemist__leg-r:before {
  top: 54px;
  left: -12px;
  width: 52px;
  height: 18px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(to bottom, #464230 70%, #5A5A4A 70%);
}
#page-sobre .alchemist__leg-l {
  top: 400px;
  left: 102px;
  width: 27px;
  height: 54px;
  background: linear-gradient(to bottom, #424241 80%, #312E36 80%);
  transform-origin: top center;
  animation: alchemistLeftLeg 30s linear infinite;
}
#page-sobre .alchemist__leg-l:before {
  top: 54px;
  left: -12px;
  width: 52px;
  height: 18px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(to bottom, #464230 70%, #5A5A4A 70%);
}
#page-sobre .alchemist__beard {
  top: 110px;
  left: 60px;
  width: 10px;
  height: 99px;
  border-radius: 0 0 11px 30px;
  border-left: 42px solid #7B4A31;
  border-bottom: 11px solid #7B4A31;
  animation: alchemistBeard 30s linear infinite;
}
#page-sobre .alchemist__beard:before {
  top: 0;
  left: -94px;
  width: 10px;
  height: 99px;
  border-radius: 0 0 30px 11px;
  border-right: 42px solid #845239;
  border-bottom: 11px solid #845239;
}
#page-sobre .alchemist__ear-r {
  top: 19px;
  left: 97px;
  width: 67px;
  height: 34px;
  border-radius: 0 0 40px 40px;
  background: #FFCEA5;
  z-index: -1;
  transform: rotate(-46deg);
  animation: alchemistRightEar 30s linear infinite;
}
#page-sobre .alchemist__ear-r:before {
  top: 7px;
  left: 28px;
  width: 15px;
  height: 20px;
  background: #CF9574;
  border-radius: 7px;
  transform: rotate(46deg);
}
#page-sobre .alchemist__ear-l {
  top: 19px;
  left: -42px;
  width: 67px;
  height: 34px;
  border-radius: 0 0 40px 40px;
  background: #FFCEA5;
  z-index: -1;
  transform: rotate(46deg);
  animation: alchemistLeftEar 30s linear infinite;
}
#page-sobre .alchemist__ear-l:before {
  top: 7px;
  left: 24px;
  width: 15px;
  height: 20px;
  background: #CF9574;
  border-radius: 7px;
  transform: rotate(-46deg);
}
#page-sobre .alchemist__eye-r {
  top: 50px;
  left: 63px;
  z-index: 1;
  animation: alchemistRightEye 30s linear infinite;
}
#page-sobre .alchemist__eye-r:before {
  top: -38px;
  left: 2px;
  width: 57px;
  height: 30px;
  background: linear-gradient(to bottom, transparent 21%, #FFFFCE 21%);
  border-radius: 0 0 30px 30px;
  transform: rotate(-43deg);
  animation: alchemistRightBrow 30s linear infinite;
}
#page-sobre .alchemist__eye-r:after {
  top: -4px;
  left: 7px;
  width: 22px;
  height: 9px;
  background: #313139;
  border-radius: 5px;
}
#page-sobre .alchemist__eye-l {
  top: 50px;
  left: 22px;
  z-index: 1;
  animation: alchemistLeftEye 30s linear infinite;
}
#page-sobre .alchemist__eye-l:before {
  top: -38px;
  left: -22px;
  width: 57px;
  height: 30px;
  background: linear-gradient(to bottom, transparent 21%, #FFFFCE 21%);
  border-radius: 0 0 30px 30px;
  transform: rotate(43deg);
  animation: alchemistLeftBrow 30s linear infinite;
}
#page-sobre .alchemist__eye-l:after {
  top: -11px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 6px solid #313139;
  background: linear-gradient(to bottom, #3193AE 50%, #29F2F2 50%);
  z-index: 1;
}
#page-sobre .alchemist__head {
  top: 123px;
  left: 94px;
  width: 120px;
  height: 110px;
  border-radius: 30px 30px 24px 24px;
  background: #FFCEA5;
  transform-origin: bottom center;
  animation: alchemistHead 30s linear infinite;
}
#page-sobre .alchemist__head:before {
  top: 59px;
  left: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 80px 0 0 0 #F7857C;
  background: #F7857C;
  animation: alchemistСheeks 30s linear infinite;
}
#page-sobre .alchemist__head:after {
  top: 54px;
  left: 20px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 42px solid #FFCEA5;
  animation: alchemistNose 30s linear infinite;
}
#page-sobre .alchemist__mustache {
  top: 97px;
  left: 42px;
  animation: alchemistMustache 30s linear infinite;
}
#page-sobre .alchemist__mustache:before {
  top: -41px;
  left: -81px;
  width: 134px;
  height: 80px;
  border-radius: 90px 62px 0 0;
  background: linear-gradient(180deg, #FFFFCE 50%, transparent 50%);
  transform-origin: 98px 41px;
  transform: rotate(-46deg);
}
#page-sobre .alchemist__mustache:after {
  top: -41px;
  left: -18px;
  width: 134px;
  height: 80px;
  border-radius: 62px 90px 0 0;
  background: linear-gradient(180deg, #ffffce 50%, transparent 50%);
  transform-origin: 36px 41px;
  transform: rotate(46deg);
}
#page-sobre .alchemist__hat {
  top: 120px;
  left: 192px;
  width: 98px;
  height: 37px;
  border-radius: 8px 0 100px 0;
  background: #F78C42;
  animation: alchemistHat 30s linear infinite;
}
#page-sobre .alchemist__hat:before {
  top: 32px;
  left: 15px;
  width: 40px;
  height: 40px;
  border-radius: 0 0 40px 0;
  background: #F78C42;
  transform: rotate(40deg);
}
#page-sobre .alchemist__hat-1 {
  top: 0px;
  left: -170px;
  width: 100px;
  height: 39px;
  border-radius: 0 0 0 40px;
  background: #F78C42;
  box-shadow: inset 11px 11px 0 0 #F7E773;
}
#page-sobre .alchemist__hat-1:before {
  top: 31px;
  left: 40px;
  width: 40px;
  height: 39px;
  border-radius: 0 0 0 40px;
  background: #F7E773;
  transform: rotate(-45deg);
}
#page-sobre .alchemist__hat-1:after {
  top: -43px;
  left: -16px;
  width: 157px;
  height: 63px;
  border-radius: 0 0 0 100px;
  background: #F78C42;
}
#page-sobre .alchemist__hat-2 {
  top: -88px;
  left: -192px;
  width: 23px;
  height: 28px;
  border-radius: 20px 0 0;
  background: #DE7352;
}
#page-sobre .alchemist__hat-2:before {
  top: 23px;
  left: 0px;
  width: 163px;
  height: 71px;
  border-radius: 0 0 0 70px;
  background: linear-gradient(193deg, transparent 38%, #DE7352 20%);
}
#page-sobre .alchemist__hat-2:after {
  top: 20px;
  left: 0;
  width: 80px;
  height: 25px;
  border-radius: 0 0 0 30px;
  box-shadow: inset 57px 0 0 0 #DE7352;
}
#page-sobre .alchemist__hat-3 {
  top: -84px;
  left: -110px;
  width: 74px;
  height: 70px;
  border-radius: 32px 0 0 0;
  background: #DE7352;
}
#page-sobre .alchemist__hat-3:before {
  top: 22px;
  left: 105px;
  width: 118px;
  height: 83px;
  border-radius: 0 0 77px 0;
  background: #F78C42;
}
#page-sobre .alchemist__hat-3:after {
  top: 16px;
  left: 104px;
  width: 120px;
  height: 76px;
  border-radius: 16px 0 90px 0;
  background: #BD6B42;
}
#page-sobre .alchemist__hat-4 {
  top: -100px;
  left: -32px;
  width: 32px;
  height: 103px;
  border-radius: 0 29px 0 0;
  background: #BD6B42;
}
#page-sobre .alchemist__hat-4:before {
  top: 16px;
  left: 53px;
  width: 14px;
  height: 17px;
  background: #BD6B42;
  border-radius: 14px 0 0 0;
  -webkit-box-reflect: right 11px;
}
#page-sobre .alchemist__hat-4:after {
  top: 6px;
  left: 121px;
  width: 25px;
  height: 26px;
  background: #BD6B42;
  border-radius: 0 24px 0 0;
}
#page-sobre .alchemist__hat-5 {
  top: -57px;
  left: -60px;
  border-right: 54px solid transparent;
  border-bottom: 44px solid #DE7352;
}
#page-sobre .alchemist__hat-5:before {
  top: 0px;
  left: -15px;
  border-right: 54px solid transparent;
  border-bottom: 44px solid #DE7352;
}
#page-sobre .alchemist__hat-5:after {
  top: 25px;
  left: -67px;
  width: 30px;
  height: 16px;
  border-radius: 0 0 30px 30px;
  background: #BD6B42;
}
#page-sobre .alchemist__hat-6 {
  top: -68px;
  left: -169px;
  width: 26px;
  height: 13px;
  border-radius: 0 0 20px 20px;
  background: #B04D43;
}
#page-sobre .alchemist__hat-6:before {
  top: -13px;
  left: 14px;
  width: 20px;
  height: 20px;
  border-radius: 0 70%;
  background: #F6AC43;
}
#page-sobre .alchemist__hat-6:after {
  top: 24px;
  left: -6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #B04D43;
  box-shadow: 12px 0 #B04D43, 24px 0 #B04D43, 6px 9px #B04D43, 18px 9px #B04D43, 29px 22px #B04D43, 53px 39px #3B4358, 67px 39px #3B4358;
}
#page-sobre .alchemist__hat-7 {
  top: -27px;
  left: 80px;
  width: 25px;
  height: 25px;
  border-radius: 0 80%;
  background: #F6AC43;
}
#page-sobre .alchemist__hat-7:before {
  top: 2px;
  left: -41px;
  width: 24px;
  height: 24px;
  border-radius: 80% 0;
  background: #505C42;
  box-shadow: -199px 27px #8DA422;
}
#page-sobre .alchemist__hat-7:after {
  top: -29px;
  left: -51px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F1C260;
  box-shadow: 13px 0 #F1C260;
}
#page-sobre .alchemist__forelock {
  top: -32px;
  left: -59px;
  width: 29px;
  height: 35px;
  border-radius: 0 90% 0 0;
  background: #7B4A31;
  z-index: 1;
}
#page-sobre .alchemist__forelock:before {
  top: -30px;
  left: 21px;
  width: 36px;
  height: 65px;
  border-radius: 0 54px 40px 0;
  background: #7B4A31;
}
#page-sobre .alchemist__forelock:after {
  top: 25px;
  left: 3px;
  width: 15px;
  height: 24px;
  border-radius: 10px 0 0 20px;
  background: #7B4A31;
  transform-origin: right top;
  transform: rotate(-42deg);
}
#page-sobre .alchemist__cat {
  top: -114px;
  left: -74px;
  width: 56px;
  height: 90px;
  border-radius: 30px;
  background: #3B4358;
  animation: cat 30s linear infinite;
}
#page-sobre .alchemist__cat:before {
  top: 64px;
  left: -18px;
  width: 30px;
  height: 17px;
  border-radius: 0 0 0 20px;
  background: #3B4358;
  animation: catHand 30s linear infinite;
}
#page-sobre .alchemist__cat:after {
  top: 15px;
  left: 12px;
  width: 10px;
  height: 8px;
  border-radius: 100%;
  background: #F1C260;
  box-shadow: 23px 0 #F1C260;
  animation: catEyes 30s linear infinite;
}
#page-sobre .alchemist__cat-face {
  top: 27px;
  left: 23px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #1A252F;
}
#page-sobre .alchemist__cat-face:before {
  top: -40px;
  left: -20px;
  width: 12px;
  height: 17px;
  border-radius: 10px 2px 6px 0;
  background: #3B4358;
}
#page-sobre .alchemist__cat-face:after {
  top: -40px;
  left: 9px;
  width: 12px;
  height: 17px;
  border-radius: 2px 10px 0 6px;
  background: #3B4358;
  transform-origin: bottom left;
  transform: rotate(90deg) translate(-6px, -6px);
}
#page-sobre .alchemist__cat-tail {
  top: -117px;
  left: -116px;
  width: 22px;
  height: 57px;
  border-radius: 0 20px 0 13px;
  background: linear-gradient(to bottom, #445A66 36%, #3B4358 36%);
}
#page-sobre .alchemist__coat-1 {
  top: 282px;
  left: 88px;
  width: 159px;
  height: 176px;
  border-radius: 10px 10px 20px 20px;
  background: #263449;
}
#page-sobre .alchemist__coat-1:before {
  top: 0px;
  left: -69px;
  width: 69px;
  height: 176px;
  border-radius: 60px 0 16px 13px;
  background: #263449;
  transform-origin: bottom left;
  transform: skew(-7deg);
  animation: alchemistLeftCloak 30s linear infinite;
}
#page-sobre .alchemist__coat-1:after {
  top: 0px;
  left: 161px;
  width: 47px;
  height: 176px;
  border-radius: 0 60px 17px 27px;
  background: #263449;
  transform-origin: bottom left;
  transform: skew(10deg);
  animation: alchemistRightCloak 30s linear infinite;
}
#page-sobre .alchemist__coat-2 {
  top: 215px;
  left: 71px;
  width: 70px;
  height: 60px;
  border-radius: 0 0 10px 100px;
  background: #304252;
  transform-origin: bottom right;
  transform: rotate(-45deg);
  animation: alchemistLeftShoulder 30s linear infinite;
}
#page-sobre .alchemist__coat-2:before {
  top: -13px;
  left: -41px;
  width: 73px;
  height: 37px;
  background: #304252;
  transform-origin: bottom left;
  transform: rotate(21deg) skew(-38deg);
}
#page-sobre .alchemist__coat-2:after {
  top: 0px;
  right: -70px;
  width: 70px;
  height: 100%;
  background: #304252;
}
#page-sobre .alchemist__coat-3 {
  top: 203px;
  left: 164px;
  width: 70px;
  height: 60px;
  border-radius: 0 0 100px 10px;
  background: #304252;
  transform-origin: bottom left;
  transform: rotate(42deg);
  animation: alchemistRightShoulder 30s linear infinite;
}
#page-sobre .alchemist__coat-3:before {
  top: -15px;
  left: 31px;
  width: 93px;
  height: 50px;
  background: #304252;
  transform-origin: bottom right;
  transform: rotate(-19deg) skew(38deg);
}
#page-sobre .alchemist__coat-3:after {
  top: 0px;
  left: -70px;
  width: 70px;
  height: 100%;
  background: #304252;
}
#page-sobre .alchemist__body {
  top: 230px;
  left: 87px;
  width: 138px;
  height: 189px;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  background: #424241;
}
#page-sobre .chair {
  top: 586px;
  left: 326px;
  width: 156px;
  height: 20px;
  background: #564239;
}
#page-sobre .pedal {
  top: 565px;
  left: 267px;
  width: 6px;
  height: 37px;
  border-radius: 3px;
  background: #524342;
  transform-origin: bottom center;
  transform: rotate(77deg);
  animation: alchemistPedal 30s linear infinite;
}
#page-sobre .pedal > div {
  top: 0px;
  left: 0px;
  width: 6px;
  height: 45px;
  border-radius: 3px;
  background: #524342;
  transform-origin: 3px 3px;
  transform: rotate(44deg);
  animation: alchemistPedal-1 30s linear infinite;
}
#page-sobre .pedal > div > div {
  top: 39px;
  left: 0px;
  width: 6px;
  height: 27px;
  border-radius: 3px;
  background: #524342;
  transform-origin: 3px 3px;
  transform: rotate(134deg);
  animation: alchemistPedal-2 30s linear infinite;
}
#page-sobre .pedal > div > div:before {
  bottom: -6px;
  left: -17px;
  width: 48px;
  height: 13px;
  border-radius: 10px;
  background: #433532;
  transform-origin: center center;
  transform: rotate(-64deg);
  animation: alchemistPedal-3 30s linear infinite;
}
#page-sobre .table {
  top: 496px;
  left: 0px;
  width: 800px;
  height: 22px;
  background: #564239;
  box-shadow: 0 25px 0 5px #312E36;
  z-index: 1;
}
#page-sobre .table:before {
  top: 0;
  left: 572px;
  height: 100%;
  width: 109px;
  border-radius: 50px;
  background: #7A5939;
  box-shadow: -267px 0 0 0 #9C7B31, -187px 0 0 0 #9C7B31, -507px 0 0 0 #7A5939, -450px 0 0 0 #7A5939, -310px 0 0 0 #7A5939, -144px 0 0 0 #7A5939;
}
#page-sobre .cage {
  top: 505px;
  left: 589px;
  width: 72px;
  height: 120px;
  box-sizing: border-box;
  border: 7px solid #32323C;
  border-radius: 100px 64px 0 0;
  -webkit-box-reflect: right -52px;
  z-index: 1;
}
#page-sobre .cage:before {
  top: -7px;
  left: 35px;
  width: 7px;
  height: 100px;
  background: #383949;
  box-shadow: 0 -32px 0 -1px #32323C;
}
#page-sobre .cage:after {
  top: -14px;
  left: 33px;
  height: 7px;
  width: 13px;
  background: #3B4358;
  box-shadow: -4px 55px 0 0 #3B4358, -16px 55px 0 0 #3B4358, -28px 55px 0 0 #3B4358, -40px 55px 0 0 #3B4358, -45px 55px 0 0 #3B4358;
}
#page-sobre .basket {
  left: 647px;
  top: 531px;
  width: 131px;
  height: 100px;
  z-index: 1;
}
#page-sobre .basket:before {
  left: 64px;
  top: 12px;
  width: 30px;
  height: 30px;
  background: #433532;
  border-radius: 80% 0;
  box-shadow: -48px 30px 0 0 #433532;
  transform: rotate(29deg);
}
#page-sobre .basket:after {
  top: 0px;
  left: 60px;
  width: 9px;
  height: 80px;
  background: #524342;
  border-radius: 10px;
}
#page-sobre .basket div {
  top: 10px;
  left: 36px;
  width: 26px;
  height: 26px;
  background: #30403F;
  border-radius: 70% 0;
  transform: rotate(-80deg);
}
#page-sobre .basket div:before {
  top: 2px;
  left: -93px;
  width: 130px;
  height: 70px;
  box-sizing: border-box;
  background: #464230;
  border-radius: 0 0 100px 100px;
  border-top: 10px solid #3A3031;
  transform: rotate(80deg);
}
#page-sobre .basket div:after {
  top: 51px;
  left: 18px;
  width: 15px;
  height: 15px;
  background: #3C5843;
  border-radius: 14% 80%;
  transform: rotate(-10deg);
  box-shadow: -14px -53px 0 -2px #3C5843, -25px -97px 0 2px #3C5843;
}
#page-sobre .bottle-1 {
  top: -174px;
  left: 785px;
  width: 20px;
  height: 174px;
  background: #1C596C;
}
#page-sobre .bottle-1:before {
  left: -23px;
  top: 27px;
  width: 23px;
  height: 147px;
  background: #1C596C;
  border-radius: 23px 0 0 8px/40px 0 0 8px;
}
#page-sobre .bottle-1:after {
  top: -10px;
  left: -5px;
  width: 21px;
  height: 12px;
  border-radius: 4px;
  background: #519CBC;
}
#page-sobre .bottle-1 div:nth-child(1) {
  top: 47px;
  left: 5px;
  width: 30px;
  height: 66px;
  border-radius: 100% 0 0 100%;
  background: #3C5843;
}
#page-sobre .bottle-1 div:nth-child(1):before {
  top: 29px;
  left: -12px;
  width: 13px;
  height: 41px;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  background: #5A844F;
  transform: rotate(-19deg);
}
#page-sobre .bottle-1 div:nth-child(1):after {
  top: 64px;
  left: -20px;
  width: 40px;
  height: 54px;
  border-radius: 15px 0 0 4px;
  background: #564239;
}
#page-sobre .bottle-1 div:nth-child(2) {
  top: 47px;
  left: -15px;
  width: 26px;
  height: 44px;
  background: #519cbc6e;
  border-radius: 23px 10px 10px 25px;
}
#page-sobre .bottle-1 div:nth-child(2):before {
  top: 7px;
  left: 7px;
  width: 16px;
  height: 15px;
  border-radius: 8px 10px 12px 12px;
  background: #519CBC;
}
#page-sobre .bottle-1 div:nth-child(2):after {
  top: 82px;
  left: 7px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #8F988E;
  box-shadow: 10px -11px 0 0 #3C313C, 13px -23px 0 -1px #3C313C;
}
#page-sobre .bottle-2 {
  top: -98px;
  left: 694px;
  width: 38px;
  height: 12px;
  border-radius: 12px;
  background: #BC8740;
  box-shadow: inset -11px -5px 0 0 #965D3F;
}
#page-sobre .bottle-2:before {
  top: 12px;
  left: -4px;
  width: 46px;
  height: 8px;
  border-radius: 4px;
  background: #C7DECB;
  box-shadow: inset -28px 0px 0 0 #8CA59C;
}
#page-sobre .bottle-2:after {
  top: 20px;
  left: 0px;
  width: 39px;
  height: 6px;
  background: #597B8B;
  box-shadow: 0 4px 0 -2px #9C735A;
}
#page-sobre .bottle-2 > div:nth-child(1) {
  top: 26px;
  left: -28px;
  width: 97px;
  height: 72px;
  box-sizing: border-box;
  border: 6px solid #8CBC9B;
  border-radius: 32px 32px 15px 15px;
  background: #8CBC9B;
  overflow: hidden;
}
#page-sobre .bottle-2 > div:nth-child(1):after {
  top: 8px;
  left: 46px;
  width: 32px;
  height: 40px;
  border-radius: 16px 13px 12px 12px;
  background: #ffffff42;
}
#page-sobre .bottle-2__dude-1 {
  top: 10px;
  left: 35px;
  width: 23px;
  height: 18px;
  border-radius: 10px;
  background: #1A252F;
  transform: rotate(8deg);
  animation: bottle2Dude1 3s ease infinite;
  animation-delay: -1.2s;
}
#page-sobre .bottle-2__dude-1:before {
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #F1C260;
  box-shadow: 9px 0px 0 0 #F1C260;
}
#page-sobre .bottle-2__dude-2 {
  top: 41px;
  left: 4px;
  width: 19px;
  height: 15px;
  border-radius: 10px;
  background: #1A252F;
  transform: rotate(8deg);
  animation: bottle2Dude2 3s ease infinite;
  animation-delay: -2.3s;
}
#page-sobre .bottle-2__dude-2:before {
  top: 4px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f1c260;
  box-shadow: 6px 0 0 0 #f1c260;
}
#page-sobre .bottle-2__dude-3 {
  top: 39px;
  left: 52px;
  width: 17px;
  height: 14px;
  border-radius: 10px;
  background: #1a252f;
  transform: rotate(-15deg);
  animation: bottle2Dude3 3s ease infinite;
  animation-delay: -0.2s;
}
#page-sobre .bottle-2__dude-3:before {
  top: 4px;
  left: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #F1C260;
  box-shadow: 6px 0 0 0 #f1c260;
}
#page-sobre .bottle-3 {
  top: -132px;
  left: 594px;
  width: 62px;
  height: 13px;
  border-radius: 8px;
  background: #8CBC9B;
  box-shadow: inset -35px 0 0 0 #2E759E;
}
#page-sobre .bottle-3:before {
  top: 13px;
  left: 8px;
  width: 46px;
  height: 6px;
  background: #074770;
}
#page-sobre .bottle-3:after {
  top: 32px;
  left: -5px;
  width: 17px;
  height: 18px;
  border-radius: 14px 9px 12px 12px;
  background: #ffffff42;
}
#page-sobre .bottle-3 > div:nth-child(1) {
  top: 19px;
  left: -16px;
  width: 94px;
  height: 113px;
  box-sizing: border-box;
  border: 7px solid #1C596C;
  border-radius: 20px 20px 10px 10px;
  background: #1C596C;
  overflow: hidden;
}
#page-sobre .bottle-3 > div:nth-child(1):before {
  top: 92px;
  left: 13px;
  width: 51px;
  height: 7px;
  border-radius: 10px 10px 0 0;
  background: #599B8B;
}
#page-sobre .bottle-3__dude-1 {
  top: 6px;
  left: 30px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #42ADBD90;
  animation: bottle3Dude1 5s ease -2s infinite;
}
#page-sobre .bottle-3__dude-1:before {
  top: 23px;
  left: 21px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #68FBE5;
  box-shadow: 6px 4px 0 -2px #68FBE5;
}
#page-sobre .bottle-3__dude-1:after {
  top: 21px;
  left: 25px;
  width: 8px;
  height: 8px;
  border-radius: 90% 0;
  background: #1A252F;
  transform: rotate(-57deg);
  -webkit-box-reflect: left 0px;
}
#page-sobre .bottle-3__dude-2 {
  top: 10px;
  left: -12px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #42ADBD90;
  transform: rotate(20deg);
  animation: bottle3Dude2 5s ease -1s infinite;
}
#page-sobre .bottle-3__dude-2:before {
  top: 23px;
  left: 21px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #68FBE5;
  box-shadow: 6px 4px 0 -2px #68FBE5;
}
#page-sobre .bottle-3__dude-2:after {
  top: 21px;
  left: 25px;
  width: 8px;
  height: 8px;
  border-radius: 90% 0;
  background: #1A252F;
  transform: rotate(-57deg);
  -webkit-box-reflect: left 0px;
}
#page-sobre .bottle-3__dude-3 {
  top: 41px;
  left: 7px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #42ADBD90;
  transform: rotate(-40deg);
  animation: bottle3Dude3 5s ease infinite;
}
#page-sobre .bottle-3__dude-3:before {
  top: 23px;
  left: 21px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #68FBE5;
  box-shadow: 6px 4px 0 -2px #68FBE5;
}
#page-sobre .bottle-3__dude-3:after {
  top: 21px;
  left: 25px;
  width: 8px;
  height: 8px;
  border-radius: 90% 0;
  background: #1A252F;
  transform: rotate(-57deg);
  -webkit-box-reflect: left 0px;
}
#page-sobre .bottle-3 .dust-1 {
  top: -10px;
  left: 45px;
  width: 7px;
  height: 7px;
  background: #2283c7;
  animation: bottle3Dust1 5s linear -1s infinite;
}
#page-sobre .bottle-3 .dust-2 {
  top: -12px;
  left: 40px;
  width: 5px;
  height: 5px;
  background: #2283c7;
  animation: bottle3Dust2 5s linear -2s infinite;
}
#page-sobre .bottle-3 .dust-3 {
  top: -12px;
  left: 20px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust3 5s linear -3s infinite;
}
#page-sobre .bottle-3 .dust-4 {
  top: -28px;
  left: 20px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust4 5s linear -4s infinite;
}
#page-sobre .bottle-3 .dust-5 {
  top: -22px;
  left: 54px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust5 5s linear -1.4s infinite;
}
#page-sobre .bottle-3 .dust-6 {
  top: -42px;
  left: 34px;
  width: 5px;
  height: 5px;
  background: #2283c7;
  animation: bottle3Dust6 5s linear -2.1s infinite;
}
#page-sobre .bottle-3 .dust-7 {
  top: -62px;
  left: 34px;
  width: 5px;
  height: 5px;
  background: #2283c7;
  animation: bottle3Dust7 5s linear -4.1s infinite;
}
#page-sobre .bottle-3 .dust-8 {
  top: -62px;
  left: 2px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust8 5s linear -3.1s infinite;
}
#page-sobre .bottle-3 .dust-9 {
  top: -58px;
  left: 44px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust9 5s linear -2.6s infinite;
}
#page-sobre .bottle-3 .dust-10 {
  top: -74px;
  left: 52px;
  width: 6px;
  height: 6px;
  background: #2283c7;
  animation: bottle3Dust10 5s linear infinite;
}
#page-sobre .mushroom-3 {
  top: -41px;
  left: 558px;
  width: 18px;
  height: 28px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: #D6E7CA;
  border-radius: 0 0 16px 16px;
}
#page-sobre .mushroom-3:before {
  top: 34px;
  left: 2px;
  width: 14px;
  height: 7px;
  background: #D6E7CA;
}
#page-sobre .mushroom-3:after {
  top: -23px;
  left: -8px;
  width: 8px;
  height: 25px;
  background: #D6E7CA;
}
#page-sobre .mushroom-3 > div {
  top: 4px;
  left: -22px;
  width: 10px;
  height: 12px;
  border-left: 8px solid #D6E7CA;
  border-bottom: 8px solid #D6E7CA;
  border-radius: 0 0 0 13px;
}
#page-sobre .mushroom-3 > div:before {
  top: -10px;
  left: -20px;
  width: 29px;
  height: 10px;
  border-radius: 10px 10px 0 0;
  background: #964554;
  box-shadow: 42px 0 0 0 #F78C42, 15px -27px 0 0 #D66363;
  z-index: 1;
}
#page-sobre .mushroom-4 {
  top: -20px;
  left: 520px;
  width: 34px;
  height: 16px;
  border-radius: 19px 19px 2px 2px;
  background: #699842;
}
#page-sobre .mushroom-4:before {
  top: 16px;
  left: 5px;
  width: 24px;
  height: 4px;
  border-radius: 0 0 10px 10px;
  background: #D6E7CA;
}
#page-sobre .plants {
  top: -16px;
  left: 29px;
  width: 87px;
  height: 16px;
  background: #464230;
}
#page-sobre .plants:before {
  top: -106px;
  left: 4px;
  width: 8px;
  height: 78px;
  background: #464230;
  transform-origin: bottom left;
  transform: skew(-17deg);
}
#page-sobre .plants:after {
  top: -100px;
  left: 8px;
  width: 10px;
  height: 32px;
  border-radius: 100% 100% 0 0;
  background: #464230;
  transform: rotate(-35deg);
}
#page-sobre .plants > div {
  top: -62px;
  left: 15px;
  width: 40px;
  height: 62px;
  border-radius: 21px 20px 0 0;
  background: #216037;
}
#page-sobre .plants > div:before {
  top: -67px;
  left: 18px;
  width: 22px;
  height: 22px;
  background: #216037;
  border-radius: 80% 0;
  transform-origin: bottom left;
  transform: rotate(0deg);
  animation: leaf 30s ease infinite;
}
#page-sobre .plants > div:after {
  top: 26px;
  left: -27px;
  width: 27px;
  height: 36px;
  border-radius: 10px 10px 10px 10px;
  background: #233B37;
  box-shadow: 61px 7px 0 -6px #216037;
}
#page-sobre .skulp {
  top: -52px;
  left: 26px;
  width: 39px;
  height: 42px;
  border-radius: 17px 15px 17px 19px;
  background: linear-gradient(69deg, #8C9C7B 71%, #F7E773 72%);
  transform-origin: 10px bottom;
  animation: skulp 30s linear infinite;
}
#page-sobre .skulp:before {
  top: 6px;
  left: 35px;
  height: 16px;
  border-top: 14px solid transparent;
  border-left: 22px solid #F7E773;
}
#page-sobre .skulp:after {
  top: 11px;
  left: 17px;
  width: 19px;
  height: 19px;
  border-radius: 10px 13px 15px 10px;
  background: #313131;
}
#page-sobre .skulp > div:nth-child(1) {
  top: 21px;
  left: 57px;
  width: 7px;
  height: 18px;
  border-radius: 0 10px 0 7px;
  background: #F7E773;
}
#page-sobre .skulp > div:nth-child(1):before {
  top: 11px;
  left: -15px;
  width: 4px;
  height: 10px;
  border-radius: 4px;
  background: #F7E773;
  box-shadow: 8px 0 0 0 #F7E773, 18px 0 0 0 #F7E773;
}
#page-sobre .skulp > div:nth-child(1):after {
  top: 3px;
  left: -4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #313131;
}
#page-sobre .skulp > div:nth-child(2) {
  top: -45px;
  left: -18px;
  width: 16px;
  height: 22px;
  border-left: 7px solid #8C9C7B;
  border-bottom: 7px solid #8C9C7B;
  border-radius: 0 0 0 29px;
}
#page-sobre .skulp > div:nth-child(2):before {
  top: 10px;
  left: 11px;
  width: 8px;
  height: 24px;
  border-radius: 0 0 0 9px;
  background: #8C9C7B;
}
#page-sobre .skulp > div:nth-child(2):after {
  top: 26px;
  left: 15px;
  width: 8px;
  height: 22px;
  background: #8C9C7B;
  transform: skew(20deg);
}
#page-sobre .pot:before {
  top: -113px;
  left: 92px;
  width: 97px;
  height: 58px;
  background: linear-gradient(-9deg, #726332 31%, #5A5A4A 32%);
  box-shadow: inset 7px -28px 0 0 rgba(0, 0, 0, 0.22);
  border-radius: 20px 23px 33px 30px;
  transform: rotate(10deg);
}
#page-sobre .pot:after {
  top: -76px;
  left: 92px;
  width: 98px;
  height: 8px;
  border-radius: 4px;
  background: #DDAD31;
  box-shadow: inset 60px 0 0 0 #9C7B31;
}
#page-sobre .pot > div:nth-child(1) {
  top: -99px;
  left: 158px;
  width: 15px;
  height: 16px;
  border-radius: 10px;
  background: #ffffff42;
}
#page-sobre .pot > div:nth-child(1):before {
  top: 36px;
  left: -55px;
  width: 7px;
  height: 63px;
  background: #61542a;
  transform: skew(-10deg);
}
#page-sobre .pot > div:nth-child(1):after {
  top: 36px;
  left: 15px;
  width: 7px;
  height: 63px;
  background: #61542a;
  transform: skew(10deg);
}
#page-sobre .pot > div:nth-child(2) {
  top: -123px;
  left: 105px;
  width: 66px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #393939;
  box-shadow: 0 -6px 0 0 #589471;
  transform: rotate(10deg);
}
#page-sobre .pot > div:nth-child(2):before {
  top: 110px;
  left: -10px;
  width: 58px;
  height: 6px;
  border-radius: 10px 10px 0 0;
  background: #29C88C;
  transform: rotate(-10deg);
}
#page-sobre .pot > div:nth-child(2):after {
  top: 100px;
  left: 67px;
  width: 10px;
  height: 6px;
  border-radius: 10px 10px 0 0;
  background: #29C88C;
  transform: rotate(-10deg);
}
#page-sobre .pot > div:nth-child(3):before {
  top: -4px;
  left: 116px;
  width: 6px;
  height: 31px;
  border-radius: 4px;
  background: #29C88C;
  transform-origin: top center;
}
#page-sobre .pot > div:nth-child(3):after {
  top: -4px;
  left: 132px;
  width: 9px;
  height: 30px;
  border-radius: 4px;
  background: #29C88C;
  transform-origin: top center;
  animation: potLiquid2 30s linear infinite;
}
#page-sobre .pot > div:nth-child(4) {
  top: -128px;
  left: 150px;
  width: 8px;
  height: 7px;
  border-radius: 8px;
  background: #2ac88c;
}
#page-sobre .pot > div:nth-child(4):before {
  top: -2px;
  left: 12px;
  width: 10px;
  height: 18px;
  border-radius: 50%;
  background: #2ac88c;
  transform-origin: top center;
  animation: potPotion1 30s ease infinite;
}
#page-sobre .pot > div:nth-child(4):after {
  top: -1px;
  left: 21px;
  width: 8px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  transform-origin: top center;
  animation: potPotion2 30s ease infinite;
}
#page-sobre .pot > div:nth-child(5) {
  top: -131px;
  left: 136px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #2ac88c;
}
#page-sobre .pot > div:nth-child(5):before {
  top: -7px;
  left: -16px;
  width: 6px;
  height: 19px;
  border-radius: 50%;
  background: #2ac88c;
  transform-origin: top center;
  animation: potPotion3 30s ease infinite;
}
#page-sobre .pot__drop {
  top: 0px;
  left: 132px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #29C88C;
  animation: potDrop 30s linear infinite;
}
#page-sobre .pot__bubble-1 {
  top: -82px;
  left: 104px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #29C88C;
  animation: potBubble1 30s linear infinite;
}
#page-sobre .pot__bubble-2 {
  top: -82px;
  left: 118px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #29C88C;
  animation: potBubble2 30s linear infinite;
}
#page-sobre .pot__bubble-3 {
  top: -80px;
  left: 166px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #29C88C;
  animation: potBubble3 30s linear infinite;
}
#page-sobre .bottle-4 {
  top: -54px;
  left: 188px;
  width: 38px;
  height: 54px;
  border-radius: 5px;
  background: #8CC673;
  animation: bottle4 3s infinite;
}
#page-sobre .bottle-4:before {
  top: -10px;
  left: 2px;
  width: 33px;
  height: 10px;
  border-radius: 6px;
  background: #BC8740;
}
#page-sobre .bottle-4:after {
  top: -2px;
  left: 6px;
  width: 26px;
  height: 3px;
  background: #424241;
  box-shadow: 0 4px 0 1px #7B5A21;
}
#page-sobre .bottle-4__dude {
  top: 31px;
  left: 10px;
  width: 18px;
  height: 15px;
  border-radius: 3px;
  background: #41253B;
}
#page-sobre .bottle-4__dude:before {
  top: 15px;
  left: 0px;
  width: 8px;
  height: 4px;
  border-radius: 3px 0 0 0;
  background: #964554;
  -webkit-box-reflect: right 2px;
}
#page-sobre .bottle-4__dude-head {
  top: -12px;
  left: -2px;
  width: 22px;
  height: 21px;
  transform-origin: bottom center;
  animation: bottle4DudeHead 3s infinite;
}
#page-sobre .bottle-4__dude-head:before {
  top: 6px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #313139;
  -webkit-box-reflect: right 3px;
  z-index: 1;
}
#page-sobre .bottle-4__dude-head:after {
  top: 0px;
  left: 0px;
  width: 22px;
  height: 21px;
  border-radius: 9px;
  background: #964554;
}
#page-sobre .bottle-4__dude-hair-1 {
  top: -5px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 90% 0;
  background: #457E2D;
  transform-origin: bottom left;
  transform: rotate(-70deg);
  animation: bottle4DudeHeadHair1 3s infinite;
}
#page-sobre .bottle-4__dude-hair-2 {
  top: -7px;
  left: 11px;
  width: 10px;
  height: 10px;
  border-radius: 90% 0;
  background: #457E2D;
  transform-origin: bottom left;
  transform: rotate(-45deg);
  animation: bottle4DudeHeadHair2 3s infinite;
}
#page-sobre .bottle-4__dude-hair-3 {
  top: -5px;
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 90% 0;
  background: #457E2D;
  transform-origin: bottom left;
  transform: rotate(-10deg);
  animation: bottle4DudeHeadHair3 3s infinite;
}
#page-sobre .fire {
  position: absolute;
  left: 122px;
}
#page-sobre .fire__item1 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f78c42;
  transform: rotate(-45deg);
  animation: fireItem1 4s ease -1s infinite;
}
#page-sobre .fire__item2 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f7e873;
  transform: rotate(-45deg);
  animation: fireItem2 4s ease -3.2s infinite;
}
#page-sobre .fire__item3 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f78c42;
  transform: rotate(-45deg);
  animation: fireItem3 4s ease -1.2s infinite;
}
#page-sobre .fire__item4 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f7e873;
  transform: rotate(-45deg);
  animation: fireItem4 4s ease -4.6s infinite;
}
#page-sobre .fire__item5 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f78c42;
  transform: rotate(-45deg);
  animation: fireItem5 4s ease -3.1s infinite;
}
#page-sobre .fire__item6 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f7e873;
  transform: rotate(-45deg);
  animation: fireItem4 4s ease -1.7s infinite;
}
#page-sobre .fire__item7 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f78c42;
  transform: rotate(-45deg);
  animation: fireItem5 4s ease -2.9s infinite;
}
#page-sobre .fire__item8 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f7e873;
  transform: rotate(-45deg);
  animation: fireItem4 4s ease -3.1s infinite;
}
#page-sobre .fire__item9 {
  position: absolute;
  top: -24px;
  left: 8px;
  width: 13px;
  height: 13px;
  background: #f78c42;
  transform: rotate(-45deg);
  animation: fireItem5 4s ease -2.5s infinite;
}
#page-sobre .fire__item10 {
  position: absolute;
  left: 17px;
  top: -21px;
  width: 13px;
  height: 13px;
  background: #f7e873;
  border-color: #f78c42;
  border-style: solid;
  border-width: 4px 4px 2px 2px;
  transform-origin: left bottom;
  transform: rotate(-45deg);
  animation: fireItem6 4s ease infinite;
}
#page-sobre .plants-2 {
  top: -116px;
  left: 156px;
  width: 126px;
  height: 116px;
}
#page-sobre .plants-2 > div:nth-child(1) {
  top: 73px;
  left: 8px;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #433532;
}
#page-sobre .plants-2 > div:nth-child(1):before {
  top: 4px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #433532;
}
#page-sobre .plants-2 > div:nth-child(1):after {
  top: 16px;
  left: -2px;
  width: 10px;
  height: 10px;
  background: #433532;
  transform: rotate(40deg);
}
#page-sobre .plants-2 > div:nth-child(2) {
  top: 51px;
  left: -2px;
  width: 65px;
  height: 65px;
  border-radius: 0 100% 0 100%;
  background: #14775D;
  transform: rotate(63deg);
  transform-origin: bottom right;
  animation: plants2 30s linear infinite;
}
#page-sobre .plants-2 > div:nth-child(3) {
  top: 76px;
  left: 32px;
  width: 40px;
  height: 40px;
  border-radius: 0 100% 0 100%;
  background: #38683E;
  transform: rotate(86deg);
  transform-origin: bottom right;
  animation: plants3 30s linear infinite;
}
#page-sobre .plants-2 > div:nth-child(4) {
  top: 86px;
  left: 52px;
  width: 30px;
  height: 30px;
  border-radius: 0 100% 0 100%;
  background: #3C5843;
  transform: rotate(112deg);
  transform-origin: bottom right;
  animation: plants4 30s linear infinite;
}
#page-sobre .plants-2 > div:nth-child(5) {
  top: 62px;
  left: 14px;
  width: 55px;
  height: 55px;
  border-radius: 0 100% 0 100%;
  background: #3C5843;
  transform: rotate(26deg);
  transform-origin: bottom right;
  animation: plants5 30s linear infinite;
}
#page-sobre .plants-2 > div:nth-child(6) {
  top: 21px;
  left: 60px;
  width: 6px;
  height: 92px;
  background: #298B43;
  transform-origin: bottom center;
  animation: plants6 30s linear infinite;
}
#page-sobre .plants-2 > div:nth-child(6):before {
  top: -6px;
  left: -17px;
  width: 18px;
  height: 18px;
  border-radius: 80% 0;
  background: #3C5843;
  -webkit-box-reflect: right;
  transform-origin: top right;
  transform: rotate(-12deg);
}
#page-sobre .plants-2 > div:nth-child(6):after {
  top: -19px;
  left: -12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #DFA862;
  box-shadow: 9px -3px 0 0 #77354F, -2px 12px 0 0 #AD5261, 7px 8px 0 0 #AD5261, 17px 5px 0 0 #77354F;
}
#page-sobre .nut {
  top: -19px;
  left: 230px;
  width: 20px;
  height: 20px;
  border-radius: 60% 80% 0;
  background: linear-gradient(122deg, #3A3129 43%, #B79628 44%);
  transform: rotate(-12deg);
}
#page-sobre .staff {
  top: 578px;
  left: 0px;
  width: 206px;
  height: 22px;
  border-radius: 0 0 16px 0;
  background: #433532;
  z-index: 1;
}
#page-sobre .staff:before {
  top: -43px;
  left: 54px;
  width: 42px;
  height: 43px;
  border-radius: 18px 18px 0 0;
  background: #564239;
}
#page-sobre .staff div:nth-child(1) {
  top: -46px;
  left: 10px;
  width: 60px;
  height: 46px;
  border-radius: 29px 31px 0 0;
  background: #1A252F;
}
#page-sobre .staff div:nth-child(1):before {
  top: -23px;
  left: 2px;
  width: 14px;
  height: 36px;
  border-radius: 18px 0 0 0;
  border-top: 7px solid #1A252F;
  border-left: 7px solid #1A252F;
}
#page-sobre .staff div:nth-child(1):after {
  top: -25px;
  left: 22px;
  width: 18px;
  height: 28px;
  background: #1A252F;
}
#page-sobre .staff div:nth-child(2) {
  top: -78px;
  left: 29px;
  width: 25px;
  height: 8px;
  border-radius: 4px;
  background: #212939;
  box-shadow: 0 28px 0 -2px #464230;
}
#page-sobre .staff div:nth-child(2):before {
  top: 38px;
  left: 9px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #464230;
  box-shadow: 0 8px 0 0 #464230, 0 16px 0 0 #464230;
}
#page-sobre .staff div:nth-child(2):after {
  top: 29px;
  left: 38px;
  width: 16px;
  height: 7px;
  background: #564239;
}
#page-sobre .staff div:nth-child(3) {
  top: -53px;
  left: 64px;
  width: 22px;
  height: 5px;
  border-radius: 4px;
  background: #564239;
}
#page-sobre .staff div:nth-child(3):before {
  top: 38px;
  left: 38px;
  width: 34px;
  height: 15px;
  border-radius: 22px 22px 0 0;
  background: #263449;
}
#page-sobre .staff div:nth-child(3):after {
  top: 33px;
  left: 50px;
  width: 9px;
  height: 10px;
  background: #263449;
}
#page-sobre .staff div:nth-child(4) {
  top: -24px;
  left: 112px;
  width: 14px;
  height: 4px;
  border-radius: 2px;
  background: #304252;
}
#page-sobre .staff div:nth-child(4):before {
  top: -3px;
  left: 36px;
  width: 6px;
  height: 24px;
  background: #393939;
  transform-origin: 0 0;
  transform: rotate(-47deg);
}
#page-sobre .staff div:nth-child(4):after {
  top: -12px;
  left: 32px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #393939;
}
#page-sobre .staff div:nth-child(5) {
  top: 12px;
  left: 130px;
  width: 77px;
  height: 10px;
  border-radius: 0 0 6px 6px;
  background: #312E36;
}
#page-sobre .staff div:nth-child(5):before {
  top: -25px;
  left: 15px;
  width: 51px;
  height: 20px;
  background: #3B4A3E;
  border-radius: 3px 3px 13px 13px;
  transform-origin: 0 0;
  transform: rotate(-14deg);
}
#page-sobre .staff div:nth-child(5):after {
  top: -16px;
  left: 12px;
  width: 54px;
  height: 16px;
  background: #5A5A4A;
  border-radius: 2px 2px 6px 6px;
}
#page-sobre .snail {
  left: 370px;
  animation: snail 30s linear infinite;
}
#page-sobre .snail__tail {
  top: -13px;
  left: 5px;
  width: 89px;
  height: 13px;
  border-radius: 7px;
  background: #d66362;
  transform-origin: bottom left;
  animation: snailTail 30s linear infinite;
}
#page-sobre .snail__tail:before {
  top: -20px;
  left: 0px;
  width: 34px;
  border-right: 50px solid transparent;
  border-bottom: 20px solid #d66362;
}
#page-sobre .snail__tail:after {
  top: -5px;
  left: 35px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #964554;
}
#page-sobre .snail__tail div {
  top: -30px;
  left: 38px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #59844f;
  transform: rotate(21deg);
  animation: snailTailSpike 30s linear infinite;
}
#page-sobre .snail__tail div:before {
  top: 4px;
  left: 9px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 11px solid #59844f;
  transform: rotate(1deg);
}
#page-sobre .snail__tail div:after {
  top: 6px;
  left: 27px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #59844f;
  transform: rotate(0deg);
}
#page-sobre .snail__body {
  top: -90px;
  left: -18px;
  width: 58px;
  height: 66px;
  border-radius: 30px;
  background: #d66362;
  transform-origin: center 90px;
  animation: snailBody 30s linear infinite;
}
#page-sobre .snail__body:before {
  top: 9px;
  left: 14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #012135;
  box-shadow: inset 0 0 0 8px #d6e7ca;
  animation: snailEye 30s linear infinite;
  z-index: 1;
}
#page-sobre .snail__body:after {
  top: 37px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #964554;
  box-shadow: 10px 10px 0 -3px #964554;
}
#page-sobre .snail__body div:nth-child(2) {
  top: -6px;
  left: 47px;
  width: 8px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 22px solid #d66362;
  transform: rotate(36deg);
  animation: snailRightEye 30s linear infinite;
}
#page-sobre .snail__body div:nth-child(2):before {
  top: -10px;
  left: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddad32;
}
#page-sobre .snail__body div:nth-child(3) {
  top: -9px;
  left: 2px;
  width: 8px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 22px solid #d66362;
  transform: rotate(-36deg);
  animation: snailLeftEye 30s linear infinite;
}
#page-sobre .snail__body div:nth-child(3):before {
  top: -8px;
  left: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddad32;
}
#page-sobre .snail__body div:nth-child(4) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  border-radius: 30px;
  overflow: hidden;
  animation: snailSpots 30s linear infinite;
}
#page-sobre .snail__body div:nth-child(4):before {
  top: 34px;
  left: 49px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #964554;
}
#page-sobre .snail__body div:nth-child(4):after {
  top: 68px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #964554;
}
#page-sobre .snail__body div:nth-child(5):before {
  top: 24px;
  left: 0px;
  width: 58px;
  height: 66px;
  border-radius: 30px;
  background: #d66362;
  animation: snailTummyBottom 30s linear infinite;
}
#page-sobre .snail__body div:nth-child(5):after {
  top: 10px;
  left: 0px;
  width: 58px;
  height: 66px;
  border-radius: 30px;
  background: #d66362;
  animation: snailTummyTop 30s linear infinite;
}
#page-sobre .snail__head {
  top: -10px;
  left: 22px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #59844f;
  animation: snailHead 30s linear infinite;
  z-index: 1;
}
#page-sobre .snail__head:before {
  top: 28px;
  left: 26px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #59844f;
  transform: rotate(79deg);
  animation: snailSpike1 30s linear infinite;
}
#page-sobre .snail__head:after {
  top: 45px;
  left: 27px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #59844f;
  transform: rotate(90deg);
  animation: snailSpike2 30s linear infinite;
}
#page-sobre .piggy {
  left: 382px;
  animation: piggy 30s linear infinite;
  z-index: -1;
}
#page-sobre .piggy__body {
  top: -68px;
  left: -26px;
  width: 100px;
  height: 50px;
  border-radius: 29px 29px 0 0;
  background: #cedd51;
  animation: piggyBody 30s linear infinite;
}
#page-sobre .piggy__front-legs {
  animation: piggyFrontLegs 30s linear infinite;
}
#page-sobre .piggy__front-legs:before {
  top: -18px;
  left: -26px;
  width: 24px;
  height: 18px;
  border-radius: 0 0 100% 0;
  background: #689842;
  transform-origin: top left;
  animation: piggyFirstLeg 30s linear infinite;
}
#page-sobre .piggy__front-legs:after {
  top: -18px;
  left: -1px;
  width: 24px;
  height: 18px;
  border-radius: 0 0 100% 0;
  background: #689842;
  transform-origin: top left;
  animation: piggySecondLeg 30s linear infinite;
}
#page-sobre .piggy__back-legs {
  animation: piggyBackLegs 30s linear infinite;
}
#page-sobre .piggy__back-legs:before {
  top: -18px;
  left: 24px;
  width: 24px;
  height: 18px;
  border-radius: 0 0 100% 0;
  background: #689842;
  transform-origin: top left;
  animation: piggyThirdLeg 30s linear infinite;
}
#page-sobre .piggy__back-legs:after {
  top: -18px;
  left: 50px;
  width: 24px;
  height: 18px;
  border-radius: 0 0 0 100%;
  background: #689842;
  transform-origin: top left;
  animation: piggyFourthLeg 30s linear infinite;
}
#page-sobre .piggy__ear-right {
  top: -83px;
  left: 10px;
  width: 22px;
  height: 22px;
  border-radius: 90% 0;
  background: #ad5261;
  border: 8px solid #cedd51;
  animation: piggyRightEar 30s linear infinite;
}
#page-sobre .piggy__ear-left {
  top: -84px;
  left: -41px;
  width: 22px;
  height: 22px;
  border-radius: 0 90%;
  background: #ad5261;
  border: 8px solid #cedd51;
  transform: rotate(7deg);
  animation: piggyLeftEar 30s linear infinite;
}
#page-sobre .piggy__tail {
  top: -72px;
  left: 67px;
  width: 21px;
  height: 22px;
  border-radius: 0 100% 0 12px;
  background: #ffffce;
  animation: piggyTail 30s linear infinite;
}
#page-sobre .piggy__hair {
  top: -69px;
  left: -16px;
  animation: piggyHair 30s linear infinite;
}
#page-sobre .piggy__hair:before {
  top: -10px;
  left: 20px;
  width: 8px;
  height: 12px;
  border-radius: 0 10px 0 0;
  background: #ffffce;
}
#page-sobre .piggy__hair:after {
  top: -7px;
  left: 6px;
  width: 8px;
  height: 12px;
  border-radius: 10px 0 0 0;
  background: #ffffce;
  transform: rotate(-30deg);
}
#page-sobre .piggy__eyes {
  top: -43px;
  left: -17px;
}
#page-sobre .piggy__eyes:before {
  left: 1px;
  top: -3px;
  width: 15px;
  height: 8px;
  border-radius: 0 0 10px 10px;
  background: #1a2530;
  animation: piggyRightEye 30s linear infinite;
}
#page-sobre .piggy__eyes:after {
  left: 21px;
  top: -8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #1a2530;
  animation: piggyLeftEye 30s linear infinite;
}
#page-sobre .piggy__mouth {
  top: -32px;
  left: -6px;
  width: 6px;
  height: 4px;
  border-radius: 4px 4px 0 0;
  border-top: 4px solid #964554;
  border-left: 4px solid #964554;
  border-right: 4px solid #964554;
  animation: piggyMouth 30s linear infinite;
}
#page-sobre .piggy__mouth:before {
  top: -13px;
  left: 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #feecb2;
  animation: piggyCheekRight 30s linear infinite;
}
#page-sobre .piggy__mouth:after {
  top: -12px;
  left: -29px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #feecb2;
  animation: piggyCheekLeft 30s linear infinite;
}
#page-sobre .wasp {
  left: 390px;
  animation: wasp 30s linear infinite;
}
#page-sobre .wasp__legs {
  top: -22px;
  left: -7px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 22px solid #012135;
  transform-origin: top center;
  animation: waspLegs 30s linear infinite;
}
#page-sobre .wasp__legs div {
  top: 12px;
  left: -3px;
  width: 10px;
  height: 30px;
  border-radius: 5px;
  background: #012135;
  transform-origin: top center;
  transform: rotate(146deg);
  animation: waspLegKnee 30s linear infinite;
}
#page-sobre .wasp__legs div:before {
  top: 25px;
  left: 0px;
  width: 10px;
  height: 30px;
  border-radius: 5px;
  background: #012135;
  transform-origin: top center;
  transform: rotate(124deg);
  animation: waspLegHip 30s linear infinite;
}
#page-sobre .wasp__body {
  top: -72px;
  left: -30px;
  width: 116px;
  height: 36px;
  border-radius: 37px 0;
  background: linear-gradient(to right, #ddad32 29%, #012135 29%, #012135 47%, #ddad32 40%, #ddad32 64%, #d6e7ca 64%);
  animation: waspBody 30s linear infinite;
}
#page-sobre .wasp__body:before {
  top: 0px;
  left: 73px;
  width: 35px;
  height: 19px;
  border-radius: 0 0 20px 20px;
  background: #c44c57;
}
#page-sobre .wasp__body:after {
  top: -8px;
  left: 81px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #012135;
  animation: waspEye 30s linear infinite;
}
#page-sobre .wasp__body div {
  top: 0px;
  left: 116px;
  width: 9px;
  height: 9px;
  border-radius: 0 40px 0 0;
  border-top: 12px solid #012135;
  border-right: 9px solid #012135;
}
#page-sobre .wasp__body div:before {
  top: 24px;
  left: -42px;
  width: 25px;
  height: 10px;
  border-radius: 0 20px 0 0;
  border-top: 8px solid #012135;
  border-right: 8px solid #012135;
}
#page-sobre .wasp__wing {
  top: -123px;
  left: -7px;
  width: 50px;
  height: 50px;
  border-radius: 43px 0 0 0;
  background: linear-gradient(62deg, #d6e7ca 65%, transparent 65%);
  transform-origin: bottom right;
  transform: rotate(28deg);
  animation: waspWing 30s linear infinite;
}
#page-sobre .wasp__wing:before {
  bottom: 0px;
  right: 0px;
  width: 35px;
  height: 35px;
  border-radius: 43px 0 0 0;
  background: linear-gradient(62deg, #509bbc 65%, transparent 65%);
}
#page-sobre .soul-1 {
  top: -200px;
  left: 130px;
  width: 30px;
  height: 76px;
  opacity: 0.7;
  transform-origin: bottom center;
  animation: soul 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part1 {
  animation: soulPart1 30s linear -12.1s infinite;
  top: -20px;
  left: -16px;
  width: 6px;
  height: 9px;
}
#page-sobre .soul-1__part1:before {
  width: 6px;
  height: 9px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart1Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part2 {
  animation: soulPart2 30s linear -12.1s infinite;
  top: 45px;
  left: -17px;
  width: 8px;
  height: 8px;
}
#page-sobre .soul-1__part2:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart2Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part3 {
  animation: soulPart3 30s linear -12.1s infinite;
  top: -30px;
  left: 45px;
  width: 7px;
  height: 6px;
}
#page-sobre .soul-1__part3:before {
  width: 7px;
  height: 6px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart3Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part4 {
  animation: soulPart4 30s linear -12.1s infinite;
  top: -42px;
  left: 14px;
  width: 12px;
  height: 33px;
}
#page-sobre .soul-1__part4:before {
  width: 12px;
  height: 33px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart4Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part5 {
  animation: soulPart5 30s linear -12.1s infinite;
  top: -29px;
  left: -8px;
  width: 51px;
  height: 52px;
}
#page-sobre .soul-1__part5:before {
  width: 51px;
  height: 52px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart5Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part6 {
  animation: soulPart6 30s linear -12.1s infinite;
  top: -10px;
  left: 22px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-1__part6:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart6Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part7 {
  animation: soulPart7 30s linear -12.1s infinite;
  top: -1px;
  left: 20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-1__part7:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart7Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part8 {
  animation: soulPart8 30s linear -12.1s infinite;
  top: -7px;
  left: -20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-1__part8:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart8Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part9 {
  animation: soulPart9 30s linear -12.1s infinite;
  top: 8px;
  left: -22px;
  width: 24px;
  height: 22px;
}
#page-sobre .soul-1__part9:before {
  width: 24px;
  height: 22px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart9Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part10 {
  animation: soulPart10 30s linear -12.1s infinite;
  top: -2px;
  left: -11px;
  width: 55px;
  height: 58px;
}
#page-sobre .soul-1__part10:before {
  width: 55px;
  height: 58px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart10Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part11 {
  animation: soulPart11 30s linear -12.1s infinite;
  top: 48px;
  left: 12px;
  width: 5px;
  height: 38px;
}
#page-sobre .soul-1__part11:before {
  width: 5px;
  height: 38px;
  background: #2ac88c;
  border-radius: 5px;
  animation: soulPart11Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part12 {
  animation: soulPart12 30s linear -12.1s infinite;
  top: -10px;
  left: 0px;
  width: 16px;
  height: 18px;
}
#page-sobre .soul-1__part12:before {
  width: 16px;
  height: 18px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart12Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part13 {
  animation: soulPart13 30s linear -12.1s infinite;
  top: -4px;
  left: 20px;
  width: 14px;
  height: 16px;
}
#page-sobre .soul-1__part13:before {
  width: 14px;
  height: 16px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart13Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part14 {
  animation: soulPart14 30s linear -12.1s infinite;
  top: -48px;
  left: 13px;
  width: 14px;
  height: 13px;
}
#page-sobre .soul-1__part14:before {
  width: 14px;
  height: 13px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart14Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part15 {
  animation: soulPart15 30s linear -12.1s infinite;
  top: 62px;
  left: 30px;
  width: 8px;
  height: 10px;
}
#page-sobre .soul-1__part15:before {
  width: 8px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart15Before 30s linear -12.1s infinite;
}
#page-sobre .soul-1__part16 {
  animation: soulPart16 30s linear -12.1s infinite;
  top: 74px;
  left: 26px;
  width: 7px;
  height: 10px;
}
#page-sobre .soul-1__part16:before {
  width: 7px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart16Before 30s linear -12.1s infinite;
}
#page-sobre .soul-2 {
  top: -200px;
  left: 130px;
  width: 30px;
  height: 76px;
  opacity: 0.7;
  transform-origin: bottom center;
  animation: soul 30s linear infinite;
}
#page-sobre .soul-2__part1 {
  animation: soulPart1 30s linear infinite;
  top: -20px;
  left: -16px;
  width: 6px;
  height: 9px;
}
#page-sobre .soul-2__part1:before {
  width: 6px;
  height: 9px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart1Before 30s linear infinite;
}
#page-sobre .soul-2__part2 {
  animation: soulPart2 30s linear infinite;
  top: 45px;
  left: -17px;
  width: 8px;
  height: 8px;
}
#page-sobre .soul-2__part2:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart2Before 30s linear infinite;
}
#page-sobre .soul-2__part3 {
  animation: soulPart3 30s linear infinite;
  top: -30px;
  left: 45px;
  width: 7px;
  height: 6px;
}
#page-sobre .soul-2__part3:before {
  width: 7px;
  height: 6px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart3Before 30s linear infinite;
}
#page-sobre .soul-2__part4 {
  animation: soulPart4 30s linear infinite;
  top: -42px;
  left: 14px;
  width: 12px;
  height: 33px;
}
#page-sobre .soul-2__part4:before {
  width: 12px;
  height: 33px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart4Before 30s linear infinite;
}
#page-sobre .soul-2__part5 {
  animation: soulPart5 30s linear infinite;
  top: -29px;
  left: -8px;
  width: 51px;
  height: 52px;
}
#page-sobre .soul-2__part5:before {
  width: 51px;
  height: 52px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart5Before 30s linear infinite;
}
#page-sobre .soul-2__part6 {
  animation: soulPart6 30s linear infinite;
  top: -10px;
  left: 22px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-2__part6:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart6Before 30s linear infinite;
}
#page-sobre .soul-2__part7 {
  animation: soulPart7 30s linear infinite;
  top: -1px;
  left: 20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-2__part7:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart7Before 30s linear infinite;
}
#page-sobre .soul-2__part8 {
  animation: soulPart8 30s linear infinite;
  top: -7px;
  left: -20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-2__part8:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart8Before 30s linear infinite;
}
#page-sobre .soul-2__part9 {
  animation: soulPart9 30s linear infinite;
  top: 8px;
  left: -22px;
  width: 24px;
  height: 22px;
}
#page-sobre .soul-2__part9:before {
  width: 24px;
  height: 22px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart9Before 30s linear infinite;
}
#page-sobre .soul-2__part10 {
  animation: soulPart10 30s linear infinite;
  top: -2px;
  left: -11px;
  width: 55px;
  height: 58px;
}
#page-sobre .soul-2__part10:before {
  width: 55px;
  height: 58px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart10Before 30s linear infinite;
}
#page-sobre .soul-2__part11 {
  animation: soulPart11 30s linear infinite;
  top: 48px;
  left: 12px;
  width: 5px;
  height: 38px;
}
#page-sobre .soul-2__part11:before {
  width: 5px;
  height: 38px;
  background: #2ac88c;
  border-radius: 5px;
  animation: soulPart11Before 30s linear infinite;
}
#page-sobre .soul-2__part12 {
  animation: soulPart12 30s linear infinite;
  top: -10px;
  left: 0px;
  width: 16px;
  height: 18px;
}
#page-sobre .soul-2__part12:before {
  width: 16px;
  height: 18px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart12Before 30s linear infinite;
}
#page-sobre .soul-2__part13 {
  animation: soulPart13 30s linear infinite;
  top: -4px;
  left: 20px;
  width: 14px;
  height: 16px;
}
#page-sobre .soul-2__part13:before {
  width: 14px;
  height: 16px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart13Before 30s linear infinite;
}
#page-sobre .soul-2__part14 {
  animation: soulPart14 30s linear infinite;
  top: -48px;
  left: 13px;
  width: 14px;
  height: 13px;
}
#page-sobre .soul-2__part14:before {
  width: 14px;
  height: 13px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart14Before 30s linear infinite;
}
#page-sobre .soul-2__part15 {
  animation: soulPart15 30s linear infinite;
  top: 62px;
  left: 30px;
  width: 8px;
  height: 10px;
}
#page-sobre .soul-2__part15:before {
  width: 8px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart15Before 30s linear infinite;
}
#page-sobre .soul-2__part16 {
  animation: soulPart16 30s linear infinite;
  top: 74px;
  left: 26px;
  width: 7px;
  height: 10px;
}
#page-sobre .soul-2__part16:before {
  width: 7px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart16Before 30s linear infinite;
}
#page-sobre .soul-3 {
  top: -200px;
  left: 130px;
  width: 30px;
  height: 76px;
  opacity: 0.7;
  transform-origin: bottom center;
  animation: soul 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part1 {
  animation: soulPart1 30s linear -51.9s infinite;
  top: -20px;
  left: -16px;
  width: 6px;
  height: 9px;
}
#page-sobre .soul-3__part1:before {
  width: 6px;
  height: 9px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart1Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part2 {
  animation: soulPart2 30s linear -51.9s infinite;
  top: 45px;
  left: -17px;
  width: 8px;
  height: 8px;
}
#page-sobre .soul-3__part2:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart2Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part3 {
  animation: soulPart3 30s linear -51.9s infinite;
  top: -30px;
  left: 45px;
  width: 7px;
  height: 6px;
}
#page-sobre .soul-3__part3:before {
  width: 7px;
  height: 6px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart3Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part4 {
  animation: soulPart4 30s linear -51.9s infinite;
  top: -42px;
  left: 14px;
  width: 12px;
  height: 33px;
}
#page-sobre .soul-3__part4:before {
  width: 12px;
  height: 33px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart4Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part5 {
  animation: soulPart5 30s linear -51.9s infinite;
  top: -29px;
  left: -8px;
  width: 51px;
  height: 52px;
}
#page-sobre .soul-3__part5:before {
  width: 51px;
  height: 52px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart5Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part6 {
  animation: soulPart6 30s linear -51.9s infinite;
  top: -10px;
  left: 22px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-3__part6:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart6Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part7 {
  animation: soulPart7 30s linear -51.9s infinite;
  top: -1px;
  left: 20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-3__part7:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart7Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part8 {
  animation: soulPart8 30s linear -51.9s infinite;
  top: -7px;
  left: -20px;
  width: 34px;
  height: 32px;
}
#page-sobre .soul-3__part8:before {
  width: 34px;
  height: 32px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart8Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part9 {
  animation: soulPart9 30s linear -51.9s infinite;
  top: 8px;
  left: -22px;
  width: 24px;
  height: 22px;
}
#page-sobre .soul-3__part9:before {
  width: 24px;
  height: 22px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart9Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part10 {
  animation: soulPart10 30s linear -51.9s infinite;
  top: -2px;
  left: -11px;
  width: 55px;
  height: 58px;
}
#page-sobre .soul-3__part10:before {
  width: 55px;
  height: 58px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart10Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part11 {
  animation: soulPart11 30s linear -51.9s infinite;
  top: 48px;
  left: 12px;
  width: 5px;
  height: 38px;
}
#page-sobre .soul-3__part11:before {
  width: 5px;
  height: 38px;
  background: #2ac88c;
  border-radius: 5px;
  animation: soulPart11Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part12 {
  animation: soulPart12 30s linear -51.9s infinite;
  top: -10px;
  left: 0px;
  width: 16px;
  height: 18px;
}
#page-sobre .soul-3__part12:before {
  width: 16px;
  height: 18px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart12Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part13 {
  animation: soulPart13 30s linear -51.9s infinite;
  top: -4px;
  left: 20px;
  width: 14px;
  height: 16px;
}
#page-sobre .soul-3__part13:before {
  width: 14px;
  height: 16px;
  border-radius: 50%;
  background: #2a2f3a;
  animation: soulPart13Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part14 {
  animation: soulPart14 30s linear -51.9s infinite;
  top: -48px;
  left: 13px;
  width: 14px;
  height: 13px;
}
#page-sobre .soul-3__part14:before {
  width: 14px;
  height: 13px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart14Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part15 {
  animation: soulPart15 30s linear -51.9s infinite;
  top: 62px;
  left: 30px;
  width: 8px;
  height: 10px;
}
#page-sobre .soul-3__part15:before {
  width: 8px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart15Before 30s linear -51.9s infinite;
}
#page-sobre .soul-3__part16 {
  animation: soulPart16 30s linear -51.9s infinite;
  top: 74px;
  left: 26px;
  width: 7px;
  height: 10px;
}
#page-sobre .soul-3__part16:before {
  width: 7px;
  height: 10px;
  border-radius: 50%;
  background: #2ac88c;
  animation: soulPart16Before 30s linear -51.9s infinite;
}
@keyframes moth {
  0% {
    transform: rotate(30deg) translate(0px, 0px);
  }
  5% {
    transform: rotate(60deg) translate(23px, 5px);
  }
  7% {
    transform: rotate(82deg) translate(11px, -3px);
  }
  12% {
    transform: rotate(0deg) translate(-6px, 6px);
  }
  17% {
    transform: rotate(5deg) translate(-6px, 13px);
  }
  22% {
    transform: rotate(-2deg) translate(-2px, 0px);
  }
  24% {
    transform: rotate(-2deg) translate(0px, 10px);
  }
  28% {
    transform: rotate(18deg) translate(-1px, 0px);
  }
  34% {
    transform: rotate(63deg) translate(20px, -1px);
  }
  37% {
    transform: rotate(40deg) translate(10px, 1px);
  }
  41% {
    transform: rotate(34deg) translate(4px, 7px);
  }
  44% {
    transform: rotate(12deg) translate(0px, 6px);
  }
  49% {
    transform: rotate(63deg) translate(18px, 8px);
  }
  51% {
    transform: rotate(0deg) translate(-12px, 6px);
  }
  54% {
    transform: rotate(-6deg) translate(-9px, 2px);
  }
  56% {
    transform: rotate(16deg) translate(-2px, 10px);
  }
  59% {
    transform: rotate(13deg) translate(-3px, 6px);
  }
  61% {
    transform: rotate(19deg) translate(0px, 7px);
  }
  66% {
    transform: rotate(-13deg) translate(-6px, 2px);
  }
  68% {
    transform: rotate(25deg) translate(0px, 7px);
  }
  73% {
    transform: rotate(22deg) translate(3px, 1px);
  }
  76% {
    transform: rotate(-19deg) translate(-8px, -3px);
  }
  81% {
    transform: rotate(1deg) translate(6px, 8px);
  }
  83% {
    transform: rotate(-17deg) translate(-5px, 0px);
  }
  88% {
    transform: rotate(50deg) translate(4px, -2px);
  }
  90% {
    transform: rotate(70deg) translate(8px, -1px);
  }
  93% {
    transform: rotate(56deg) translate(14px, 6px);
  }
  98% {
    transform: rotate(34deg) translate(0px, 10px);
  }
  100% {
    transform: rotate(30deg) translate(0px, 0px);
  }
}
@keyframes mothWingRight {
  0% {
    transform: rotate(40deg);
  }
  5% {
    transform: rotate(90deg);
  }
  7% {
    transform: rotate(35deg);
  }
  12% {
    transform: rotate(98deg);
  }
  17% {
    transform: rotate(88deg);
  }
  22% {
    transform: rotate(38deg);
  }
  24% {
    transform: rotate(88deg);
  }
  28% {
    transform: rotate(35deg);
  }
  34% {
    transform: rotate(85deg);
  }
  37% {
    transform: rotate(41deg);
  }
  41% {
    transform: rotate(83deg);
  }
  44% {
    transform: rotate(42deg);
  }
  49% {
    transform: rotate(73deg);
  }
  51% {
    transform: rotate(45deg);
  }
  54% {
    transform: rotate(94deg);
  }
  56% {
    transform: rotate(74deg);
  }
  59% {
    transform: rotate(43deg);
  }
  61% {
    transform: rotate(104deg);
  }
  66% {
    transform: rotate(44deg);
  }
  68% {
    transform: rotate(96deg);
  }
  73% {
    transform: rotate(51deg);
  }
  76% {
    transform: rotate(108deg);
  }
  81% {
    transform: rotate(46deg);
  }
  83% {
    transform: rotate(107deg);
  }
  88% {
    transform: rotate(51deg);
  }
  90% {
    transform: rotate(112deg);
  }
  93% {
    transform: rotate(59deg);
  }
  98% {
    transform: rotate(100deg);
  }
  100% {
    transform: rotate(40deg);
  }
}
@keyframes mothWingLeft {
  0% {
    transform: rotate(-43deg);
  }
  5% {
    transform: rotate(-103deg);
  }
  7% {
    transform: rotate(-40deg);
  }
  12% {
    transform: rotate(-91deg);
  }
  17% {
    transform: rotate(-80deg);
  }
  22% {
    transform: rotate(-39deg);
  }
  24% {
    transform: rotate(-85deg);
  }
  28% {
    transform: rotate(-44deg);
  }
  34% {
    transform: rotate(-87deg);
  }
  37% {
    transform: rotate(-37deg);
  }
  41% {
    transform: rotate(-79deg);
  }
  44% {
    transform: rotate(-38deg);
  }
  49% {
    transform: rotate(-82deg);
  }
  51% {
    transform: rotate(-31deg);
  }
  54% {
    transform: rotate(-98deg);
  }
  56% {
    transform: rotate(-76deg);
  }
  59% {
    transform: rotate(-42deg);
  }
  61% {
    transform: rotate(-102deg);
  }
  66% {
    transform: rotate(-42deg);
  }
  68% {
    transform: rotate(-108deg);
  }
  73% {
    transform: rotate(-45deg);
  }
  76% {
    transform: rotate(-98deg);
  }
  81% {
    transform: rotate(-49deg);
  }
  83% {
    transform: rotate(-99deg);
  }
  88% {
    transform: rotate(-54deg);
  }
  90% {
    transform: rotate(-102deg);
  }
  93% {
    transform: rotate(-58deg);
  }
  98% {
    transform: rotate(-102deg);
  }
  100% {
    transform: rotate(-43deg);
  }
}
@keyframes driedFlower {
  0% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(4deg);
  }
}
@keyframes shelfHerbs1 {
  0% {
    transform: rotate(7deg);
  }
  50% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(7deg);
  }
}
@keyframes shelfHerbs2 {
  0% {
    transform: rotate(-22deg);
  }
  50% {
    transform: rotate(-13deg);
  }
  100% {
    transform: rotate(-22deg);
  }
}
@keyframes shelfHerbs3 {
  0% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes shelfHerbs4 {
  0% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(-9deg);
  }
  100% {
    transform: rotate(1deg);
  }
}
@keyframes bottle3Dude1 {
  0.0% {
    transform: translate(-15px, -18px) rotate(12deg);
  }
  40% {
    transform: translate(5px, 10px) rotate(12deg);
  }
  50% {
    transform: translate(5px, 10px) rotate(-168deg);
  }
  90% {
    transform: translate(-15px, -18px) rotate(-168deg);
  }
  100% {
    transform: translate(-15px, -18px) rotate(12deg);
  }
}
@keyframes bottle3Dude2 {
  0.0% {
    transform: translate(-5px, -18px) rotate(22deg);
  }
  17.5% {
    transform: translate(5px, 12px) rotate(22deg);
  }
  27.5% {
    transform: translate(5px, 12px) rotate(-68deg);
  }
  45.0% {
    transform: translate(35px, -8px) rotate(-68deg);
  }
  55.0% {
    transform: translate(35px, -8px) rotate(-188deg);
  }
  72.5% {
    transform: translate(-5px, -18px) rotate(-188deg);
  }
  100% {
    transform: translate(-5px, -18px) rotate(22deg);
  }
}
@keyframes bottle3Dude3 {
  0% {
    transform: translate(-23px, 18px) rotate(-80deg);
  }
  40% {
    transform: translate(7px, -2px) rotate(-80deg);
  }
  50% {
    transform: translate(7px, -2px) rotate(110deg);
  }
  90% {
    transform: translate(-23px, 18px) rotate(110deg);
  }
  100% {
    transform: translate(-23px, 18px) rotate(-80deg);
  }
}
@keyframes bottle2Dude1 {
  0% {
    transform: rotate(8deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(12deg) translate(-8px, 3px);
  }
  100% {
    transform: rotate(8deg) translate(0px, 0px);
  }
}
@keyframes bottle2Dude2 {
  0% {
    transform: rotate(8deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-2deg) translate(-3px, -4px);
  }
  100% {
    transform: rotate(8deg) translate(0px, 0px);
  }
}
@keyframes bottle2Dude3 {
  0% {
    transform: rotate(-15deg) translate(0px, 0px);
  }
  50% {
    transform: rotate(-7deg) translate(6px, -5px);
  }
  100% {
    transform: rotate(-15deg) translate(0px, 0px);
  }
}
@keyframes bottle3Dust1 {
  0% {
    transform: translate(2px, 6px) scale(0);
  }
  33% {
    transform: translate(-8px, -14px) scale(1);
  }
  66% {
    transform: translate(2px, -44px) scale(0.6);
  }
  100% {
    transform: translate(-8px, -84px) scale(0);
  }
}
@keyframes bottle3Dust2 {
  0% {
    transform: translate(0px, 9px) scale(0);
  }
  33% {
    transform: translate(10px, -21px) scale(1);
  }
  66% {
    transform: translate(-10px, -61px) scale(0.6);
  }
  100% {
    transform: translate(0px, -91px) scale(0);
  }
}
@keyframes bottle3Dust3 {
  0% {
    transform: translate(0px, 9px) scale(0);
  }
  33% {
    transform: translate(-10px, -21px) scale(1);
  }
  66% {
    transform: translate(10px, -51px) scale(0.6);
  }
  100% {
    transform: translate(0px, -81px) scale(0);
  }
}
@keyframes bottle3Dust4 {
  0% {
    transform: translate(0px, 25px) scale(0);
  }
  33% {
    transform: translate(20px, -5px) scale(1);
  }
  66% {
    transform: translate(0px, -45px) scale(0.6);
  }
  100% {
    transform: translate(10px, -75px) scale(0);
  }
}
@keyframes bottle3Dust5 {
  0% {
    transform: translate(-24px, 19px) scale(0);
  }
  33% {
    transform: translate(-44px, -11px) scale(1);
  }
  66% {
    transform: translate(-24px, -51px) scale(0.6);
  }
  100% {
    transform: translate(-34px, -91px) scale(0);
  }
}
@keyframes bottle3Dust6 {
  0% {
    transform: translate(0px, 40px) scale(0);
  }
  33% {
    transform: translate(10px, 0px) scale(1);
  }
  66% {
    transform: translate(-10px, -40px) scale(0.6);
  }
  100% {
    transform: translate(0px, -70px) scale(0);
  }
}
@keyframes bottle3Dust7 {
  0% {
    transform: translate(-18px, 60px) scale(0);
  }
  33% {
    transform: translate(-38px, 20px) scale(1);
  }
  66% {
    transform: translate(-18px, -20px) scale(0.6);
  }
  100% {
    transform: translate(-28px, -60px) scale(0);
  }
}
@keyframes bottle3Dust8 {
  0% {
    transform: translate(7px, 60px) scale(0);
  }
  33% {
    transform: translate(17px, 20px) scale(1);
  }
  66% {
    transform: translate(-3px, -30px) scale(0.6);
  }
  100% {
    transform: translate(13px, -70px) scale(0);
  }
}
@keyframes bottle3Dust9 {
  0% {
    transform: translate(-6px, 55px) scale(0);
  }
  33% {
    transform: translate(-26px, 15px) scale(1);
  }
  66% {
    transform: translate(-6px, -25px) scale(0.6);
  }
  100% {
    transform: translate(-16px, -65px) scale(0);
  }
}
@keyframes bottle3Dust10 {
  0% {
    transform: translate(-40px, 71px) scale(0);
  }
  33% {
    transform: translate(-60px, 31px) scale(1);
  }
  66% {
    transform: translate(-40px, -19px) scale(0.6);
  }
  100% {
    transform: translate(-50px, -59px) scale(0);
  }
}
@keyframes shelfStaff2Dust1 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(10px, -5px);
  }
  30% {
    transform: translate(20px, 5px);
  }
  45% {
    transform: translate(10px, 15px);
  }
  60% {
    transform: translate(0px, 25px);
  }
  75% {
    transform: translate(-20px, 15px);
  }
  90% {
    transform: translate(-10px, 5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes shelfStaff2Dust2 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(-10px, 10px);
  }
  30% {
    transform: translate(10px, 5px);
  }
  45% {
    transform: translate(20px, 15px);
  }
  60% {
    transform: translate(30px, 35px);
  }
  75% {
    transform: translate(30px, 5px);
  }
  90% {
    transform: translate(10px, 10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes shelfStaff2Dust3 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(10px, 10px);
  }
  30% {
    transform: translate(20px, 0px);
  }
  45% {
    transform: translate(0px, -10px);
  }
  60% {
    transform: translate(-7px, 10px);
  }
  75% {
    transform: translate(-17px, 17px);
  }
  90% {
    transform: translate(4px, 22px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes shelfStaff2Dust4 {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(4px, 12px);
  }
  30% {
    transform: translate(-16px, 7px);
  }
  45% {
    transform: translate(-22px, 17px);
  }
  60% {
    transform: translate(-12px, 7px);
  }
  75% {
    transform: translate(-2px, -3px);
  }
  90% {
    transform: translate(18px, 7px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes fireItem1 {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(-45deg);
  }
  100% {
    transform: translate(10px, -40px) scale(0) rotate(-45deg);
  }
}
@keyframes fireItem2 {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(-45deg);
  }
  100% {
    transform: translate(-10px, -40px) scale(0) rotate(-45deg);
  }
}
@keyframes fireItem3 {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(-45deg);
  }
  100% {
    transform: translate(25px, -50px) scale(0) rotate(-45deg);
  }
}
@keyframes fireItem4 {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(-45deg);
  }
  100% {
    transform: translate(-25px, -50px) scale(0) rotate(-45deg);
  }
}
@keyframes fireItem5 {
  0% {
    transform: translate(0px, 0px) scale(1) rotate(-45deg);
  }
  100% {
    transform: translate(0px, -50px) scale(0) rotate(-45deg);
  }
}
@keyframes fireItem6 {
  0% {
    transform: scale(1) rotate(-45deg);
  }
  50% {
    transform: scale(0.6) rotate(-45deg);
  }
  100% {
    transform: scale(1) rotate(-45deg);
  }
}
@keyframes plants2 {
  5.7% {
    transform: rotate(65deg);
  }
  6.6% {
    transform: rotate(74deg);
  }
  6.9% {
    transform: rotate(82deg);
  }
  7.2% {
    transform: rotate(80deg);
  }
  7.5% {
    transform: rotate(71deg);
  }
  7.8% {
    transform: rotate(61deg);
  }
  8.1% {
    transform: rotate(51deg);
  }
  8.4% {
    transform: rotate(47deg);
  }
  8.7% {
    transform: rotate(50deg);
  }
  9.0% {
    transform: rotate(56deg);
  }
  9.3% {
    transform: rotate(63deg);
  }
  9.6% {
    transform: rotate(69deg);
  }
  9.9% {
    transform: rotate(71deg);
  }
  10.2% {
    transform: rotate(70deg);
  }
  10.5% {
    transform: rotate(65deg);
  }
  10.8% {
    transform: rotate(59deg);
  }
  11.1% {
    transform: rotate(57deg);
  }
  11.4% {
    transform: rotate(56deg);
  }
  11.7% {
    transform: rotate(58deg);
  }
  12.0% {
    transform: rotate(61deg);
  }
  12.3% {
    transform: rotate(63deg);
  }
  12.6% {
    transform: rotate(64deg);
  }
  12.9% {
    transform: rotate(65deg);
  }
  13.2% {
    transform: rotate(63deg);
  }
  18.6% {
    transform: rotate(63deg);
  }
  19.2% {
    transform: rotate(49deg);
  }
  20.1% {
    transform: rotate(73deg);
  }
  21.0% {
    transform: rotate(59deg);
  }
  21.6% {
    transform: rotate(63deg);
  }
  24.9% {
    transform: rotate(63deg);
  }
  25.5% {
    transform: rotate(49deg);
  }
  26.4% {
    transform: rotate(73deg);
  }
  27.3% {
    transform: rotate(59deg);
  }
  27.9% {
    transform: rotate(63deg);
  }
  45.9% {
    transform: rotate(63deg);
  }
  46.2% {
    transform: rotate(62deg);
  }
  46.5% {
    transform: rotate(65deg);
  }
  46.8% {
    transform: rotate(74deg);
  }
  47.1% {
    transform: rotate(81deg);
  }
  47.4% {
    transform: rotate(80deg);
  }
  47.7% {
    transform: rotate(72deg);
  }
  48.0% {
    transform: rotate(61deg);
  }
  48.3% {
    transform: rotate(50deg);
  }
  48.6% {
    transform: rotate(47deg);
  }
  48.9% {
    transform: rotate(49deg);
  }
  49.2% {
    transform: rotate(56deg);
  }
  49.5% {
    transform: rotate(63deg);
  }
  49.8% {
    transform: rotate(69deg);
  }
  50.1% {
    transform: rotate(72deg);
  }
  50.4% {
    transform: rotate(71deg);
  }
  50.7% {
    transform: rotate(64deg);
  }
  51.0% {
    transform: rotate(60deg);
  }
  51.3% {
    transform: rotate(57deg);
  }
  51.6% {
    transform: rotate(57deg);
  }
  51.9% {
    transform: rotate(59deg);
  }
  52.2% {
    transform: rotate(61deg);
  }
  52.5% {
    transform: rotate(63deg);
  }
  52.8% {
    transform: rotate(65deg);
  }
  53.4% {
    transform: rotate(65deg);
  }
  53.7% {
    transform: rotate(63deg);
  }
  58.5% {
    transform: rotate(63deg);
  }
  58.8% {
    transform: rotate(56deg);
  }
  59.1% {
    transform: rotate(49deg);
  }
  59.4% {
    transform: rotate(54deg);
  }
  59.7% {
    transform: rotate(68deg);
  }
  60.0% {
    transform: rotate(73deg);
  }
  60.3% {
    transform: rotate(70deg);
  }
  60.6% {
    transform: rotate(63deg);
  }
  60.9% {
    transform: rotate(60deg);
  }
  61.2% {
    transform: rotate(61deg);
  }
  61.5% {
    transform: rotate(63deg);
  }
  74.1% {
    transform: rotate(63deg);
  }
  74.4% {
    transform: rotate(62deg);
  }
  74.7% {
    transform: rotate(66deg);
  }
  75.0% {
    transform: rotate(76deg);
  }
  75.3% {
    transform: rotate(82deg);
  }
  75.6% {
    transform: rotate(80deg);
  }
  75.9% {
    transform: rotate(73deg);
  }
  76.2% {
    transform: rotate(61deg);
  }
  76.5% {
    transform: rotate(51deg);
  }
  76.8% {
    transform: rotate(48deg);
  }
  77.1% {
    transform: rotate(50deg);
  }
  77.4% {
    transform: rotate(56deg);
  }
  77.7% {
    transform: rotate(63deg);
  }
  78.0% {
    transform: rotate(69deg);
  }
  78.3% {
    transform: rotate(71deg);
  }
  78.6% {
    transform: rotate(70deg);
  }
  78.9% {
    transform: rotate(64deg);
  }
  79.2% {
    transform: rotate(59deg);
  }
  79.5% {
    transform: rotate(56deg);
  }
  79.8% {
    transform: rotate(57deg);
  }
  80.1% {
    transform: rotate(59deg);
  }
  80.4% {
    transform: rotate(61deg);
  }
  80.7% {
    transform: rotate(64deg);
  }
  81.3% {
    transform: rotate(64deg);
  }
  81.6% {
    transform: rotate(63deg);
  }
  93.6% {
    transform: rotate(63deg);
  }
  93.9% {
    transform: rotate(55deg);
  }
  94.2% {
    transform: rotate(49deg);
  }
  94.5% {
    transform: rotate(54deg);
  }
  94.8% {
    transform: rotate(68deg);
  }
  95.1% {
    transform: rotate(73deg);
  }
  95.4% {
    transform: rotate(70deg);
  }
  95.7% {
    transform: rotate(63deg);
  }
  96.0% {
    transform: rotate(59deg);
  }
  96.3% {
    transform: rotate(61deg);
  }
  96.6% {
    transform: rotate(63deg);
  }
}
@keyframes plants3 {
  5.7% {
    transform: rotate(86deg);
  }
  6.3% {
    transform: rotate(96deg);
  }
  6.6% {
    transform: rotate(101deg);
  }
  6.9% {
    transform: rotate(96deg);
  }
  7.2% {
    transform: rotate(89deg);
  }
  7.5% {
    transform: rotate(78deg);
  }
  7.8% {
    transform: rotate(68deg);
  }
  8.1% {
    transform: rotate(65deg);
  }
  8.4% {
    transform: rotate(67deg);
  }
  8.7% {
    transform: rotate(74deg);
  }
  9.0% {
    transform: rotate(82deg);
  }
  9.3% {
    transform: rotate(89deg);
  }
  9.6% {
    transform: rotate(92deg);
  }
  9.9% {
    transform: rotate(90deg);
  }
  10.2% {
    transform: rotate(86deg);
  }
  10.5% {
    transform: rotate(83deg);
  }
  10.8% {
    transform: rotate(82deg);
  }
  11.1% {
    transform: rotate(82deg);
  }
  11.4% {
    transform: rotate(83deg);
  }
  11.7% {
    transform: rotate(85deg);
  }
  12.0% {
    transform: rotate(88deg);
  }
  12.6% {
    transform: rotate(88deg);
  }
  12.9% {
    transform: rotate(87deg);
  }
  15.0% {
    transform: rotate(87deg);
  }
  15.3% {
    transform: rotate(86deg);
  }
  45.9% {
    transform: rotate(86deg);
  }
  46.2% {
    transform: rotate(89deg);
  }
  46.5% {
    transform: rotate(96deg);
  }
  46.8% {
    transform: rotate(100deg);
  }
  47.1% {
    transform: rotate(96deg);
  }
  47.4% {
    transform: rotate(88deg);
  }
  47.7% {
    transform: rotate(79deg);
  }
  48.0% {
    transform: rotate(69deg);
  }
  48.3% {
    transform: rotate(64deg);
  }
  48.6% {
    transform: rotate(67deg);
  }
  48.9% {
    transform: rotate(74deg);
  }
  49.2% {
    transform: rotate(81deg);
  }
  49.5% {
    transform: rotate(89deg);
  }
  49.8% {
    transform: rotate(91deg);
  }
  50.1% {
    transform: rotate(90deg);
  }
  50.4% {
    transform: rotate(86deg);
  }
  50.7% {
    transform: rotate(83deg);
  }
  51.0% {
    transform: rotate(82deg);
  }
  51.3% {
    transform: rotate(82deg);
  }
  51.6% {
    transform: rotate(84deg);
  }
  51.9% {
    transform: rotate(84deg);
  }
  52.2% {
    transform: rotate(87deg);
  }
  53.4% {
    transform: rotate(87deg);
  }
  53.7% {
    transform: rotate(86deg);
  }
  74.1% {
    transform: rotate(86deg);
  }
  74.4% {
    transform: rotate(89deg);
  }
  74.7% {
    transform: rotate(96deg);
  }
  75.0% {
    transform: rotate(100deg);
  }
  75.3% {
    transform: rotate(96deg);
  }
  75.6% {
    transform: rotate(90deg);
  }
  75.9% {
    transform: rotate(80deg);
  }
  76.2% {
    transform: rotate(70deg);
  }
  76.5% {
    transform: rotate(65deg);
  }
  76.8% {
    transform: rotate(67deg);
  }
  77.1% {
    transform: rotate(73deg);
  }
  77.4% {
    transform: rotate(81deg);
  }
  77.7% {
    transform: rotate(88deg);
  }
  78.0% {
    transform: rotate(90deg);
  }
  78.3% {
    transform: rotate(90deg);
  }
  78.6% {
    transform: rotate(86deg);
  }
  78.9% {
    transform: rotate(83deg);
  }
  79.2% {
    transform: rotate(81deg);
  }
  79.5% {
    transform: rotate(82deg);
  }
  79.8% {
    transform: rotate(83deg);
  }
  80.1% {
    transform: rotate(86deg);
  }
  80.4% {
    transform: rotate(88deg);
  }
  80.7% {
    transform: rotate(88deg);
  }
  81.0% {
    transform: rotate(87deg);
  }
  81.3% {
    transform: rotate(87deg);
  }
  81.6% {
    transform: rotate(87deg);
  }
  81.9% {
    transform: rotate(86deg);
  }
  83.1% {
    transform: rotate(86deg);
  }
  83.4% {
    transform: rotate(87deg);
  }
  83.7% {
    transform: rotate(87deg);
  }
  84.0% {
    transform: rotate(86deg);
  }
}
@keyframes plants4 {
  5.7% {
    transform: rotate(112deg);
  }
  6.3% {
    transform: rotate(122deg);
  }
  6.6% {
    transform: rotate(118deg);
  }
  6.9% {
    transform: rotate(106deg);
  }
  7.2% {
    transform: rotate(94deg);
  }
  7.5% {
    transform: rotate(88deg);
  }
  7.8% {
    transform: rotate(85deg);
  }
  8.1% {
    transform: rotate(89deg);
  }
  8.4% {
    transform: rotate(97deg);
  }
  8.7% {
    transform: rotate(105deg);
  }
  9.0% {
    transform: rotate(111deg);
  }
  9.3% {
    transform: rotate(113deg);
  }
  9.6% {
    transform: rotate(113deg);
  }
  9.9% {
    transform: rotate(109deg);
  }
  10.2% {
    transform: rotate(106deg);
  }
  10.5% {
    transform: rotate(106deg);
  }
  10.8% {
    transform: rotate(107deg);
  }
  11.1% {
    transform: rotate(110deg);
  }
  11.4% {
    transform: rotate(113deg);
  }
  11.7% {
    transform: rotate(116deg);
  }
  12.9% {
    transform: rotate(116deg);
  }
  13.2% {
    transform: rotate(114deg);
  }
  15.3% {
    transform: rotate(112deg);
  }
  45.9% {
    transform: rotate(112deg);
  }
  46.2% {
    transform: rotate(121deg);
  }
  46.5% {
    transform: rotate(121deg);
  }
  46.8% {
    transform: rotate(118deg);
  }
  47.1% {
    transform: rotate(106deg);
  }
  47.4% {
    transform: rotate(96deg);
  }
  47.7% {
    transform: rotate(88deg);
  }
  48.0% {
    transform: rotate(85deg);
  }
  48.3% {
    transform: rotate(89deg);
  }
  48.6% {
    transform: rotate(96deg);
  }
  48.9% {
    transform: rotate(105deg);
  }
  49.2% {
    transform: rotate(112deg);
  }
  49.5% {
    transform: rotate(114deg);
  }
  49.8% {
    transform: rotate(114deg);
  }
  50.1% {
    transform: rotate(109deg);
  }
  50.4% {
    transform: rotate(107deg);
  }
  51.0% {
    transform: rotate(107deg);
  }
  51.3% {
    transform: rotate(110deg);
  }
  51.6% {
    transform: rotate(113deg);
  }
  51.9% {
    transform: rotate(113deg);
  }
  52.2% {
    transform: rotate(116deg);
  }
  53.4% {
    transform: rotate(116deg);
  }
  53.7% {
    transform: rotate(113deg);
  }
  55.2% {
    transform: rotate(113deg);
  }
  55.5% {
    transform: rotate(112deg);
  }
  74.1% {
    transform: rotate(112deg);
  }
  74.4% {
    transform: rotate(120deg);
  }
  74.7% {
    transform: rotate(121deg);
  }
  75.0% {
    transform: rotate(118deg);
  }
  75.3% {
    transform: rotate(107deg);
  }
  75.6% {
    transform: rotate(95deg);
  }
  75.9% {
    transform: rotate(89deg);
  }
  76.2% {
    transform: rotate(86deg);
  }
  76.5% {
    transform: rotate(89deg);
  }
  76.8% {
    transform: rotate(95deg);
  }
  77.1% {
    transform: rotate(103deg);
  }
  77.4% {
    transform: rotate(112deg);
  }
  77.7% {
    transform: rotate(114deg);
  }
  78.0% {
    transform: rotate(114deg);
  }
  78.3% {
    transform: rotate(110deg);
  }
  78.6% {
    transform: rotate(108deg);
  }
  78.9% {
    transform: rotate(107deg);
  }
  79.2% {
    transform: rotate(108deg);
  }
  79.5% {
    transform: rotate(110deg);
  }
  79.8% {
    transform: rotate(113deg);
  }
  80.1% {
    transform: rotate(115deg);
  }
  80.4% {
    transform: rotate(117deg);
  }
  80.7% {
    transform: rotate(117deg);
  }
  81.0% {
    transform: rotate(115deg);
  }
  81.6% {
    transform: rotate(115deg);
  }
  81.9% {
    transform: rotate(114deg);
  }
  84.0% {
    transform: rotate(112deg);
  }
}
@keyframes plants5 {
  5.7% {
    transform: rotate(26deg);
  }
  6.3% {
    transform: rotate(50deg);
  }
  6.6% {
    transform: rotate(59deg);
  }
  6.9% {
    transform: rotate(55deg);
  }
  7.2% {
    transform: rotate(45deg);
  }
  7.5% {
    transform: rotate(31deg);
  }
  7.8% {
    transform: rotate(19deg);
  }
  8.1% {
    transform: rotate(15deg);
  }
  8.4% {
    transform: rotate(18deg);
  }
  8.7% {
    transform: rotate(26deg);
  }
  9.0% {
    transform: rotate(35deg);
  }
  9.3% {
    transform: rotate(41deg);
  }
  9.6% {
    transform: rotate(44deg);
  }
  9.9% {
    transform: rotate(41deg);
  }
  10.2% {
    transform: rotate(34deg);
  }
  10.5% {
    transform: rotate(25deg);
  }
  10.8% {
    transform: rotate(22deg);
  }
  11.1% {
    transform: rotate(24deg);
  }
  11.4% {
    transform: rotate(25deg);
  }
  11.7% {
    transform: rotate(28deg);
  }
  12.0% {
    transform: rotate(29deg);
  }
  12.3% {
    transform: rotate(29deg);
  }
  12.6% {
    transform: rotate(29deg);
  }
  12.9% {
    transform: rotate(27deg);
  }
  14.1% {
    transform: rotate(27deg);
  }
  14.4% {
    transform: rotate(25deg);
  }
  15.0% {
    transform: rotate(25deg);
  }
  15.3% {
    transform: rotate(26deg);
  }
  45.9% {
    transform: rotate(26deg);
  }
  46.2% {
    transform: rotate(35deg);
  }
  46.5% {
    transform: rotate(51deg);
  }
  46.8% {
    transform: rotate(42deg);
  }
  47.1% {
    transform: rotate(55deg);
  }
  47.4% {
    transform: rotate(45deg);
  }
  47.7% {
    transform: rotate(31deg);
  }
  48.0% {
    transform: rotate(20deg);
  }
  48.3% {
    transform: rotate(14deg);
  }
  48.6% {
    transform: rotate(18deg);
  }
  48.9% {
    transform: rotate(26deg);
  }
  49.2% {
    transform: rotate(35deg);
  }
  49.5% {
    transform: rotate(42deg);
  }
  49.8% {
    transform: rotate(44deg);
  }
  50.1% {
    transform: rotate(41deg);
  }
  50.4% {
    transform: rotate(34deg);
  }
  50.7% {
    transform: rotate(26deg);
  }
  51.0% {
    transform: rotate(23deg);
  }
  51.3% {
    transform: rotate(23deg);
  }
  51.6% {
    transform: rotate(25deg);
  }
  51.9% {
    transform: rotate(28deg);
  }
  52.8% {
    transform: rotate(28deg);
  }
  53.1% {
    transform: rotate(27deg);
  }
  53.4% {
    transform: rotate(27deg);
  }
  53.7% {
    transform: rotate(26deg);
  }
  74.1% {
    transform: rotate(26deg);
  }
  74.4% {
    transform: rotate(34deg);
  }
  74.7% {
    transform: rotate(50deg);
  }
  75.0% {
    transform: rotate(59deg);
  }
  75.3% {
    transform: rotate(56deg);
  }
  75.6% {
    transform: rotate(45deg);
  }
  75.9% {
    transform: rotate(31deg);
  }
  76.2% {
    transform: rotate(20deg);
  }
  76.5% {
    transform: rotate(16deg);
  }
  76.8% {
    transform: rotate(18deg);
  }
  77.1% {
    transform: rotate(28deg);
  }
  77.4% {
    transform: rotate(36deg);
  }
  77.7% {
    transform: rotate(42deg);
  }
  78.0% {
    transform: rotate(44deg);
  }
  78.3% {
    transform: rotate(41deg);
  }
  78.6% {
    transform: rotate(34deg);
  }
  78.9% {
    transform: rotate(26deg);
  }
  79.2% {
    transform: rotate(23deg);
  }
  79.5% {
    transform: rotate(23deg);
  }
  79.8% {
    transform: rotate(25deg);
  }
  80.1% {
    transform: rotate(27deg);
  }
  80.4% {
    transform: rotate(29deg);
  }
  80.7% {
    transform: rotate(29deg);
  }
  81.0% {
    transform: rotate(28deg);
  }
  81.3% {
    transform: rotate(28deg);
  }
  81.6% {
    transform: rotate(26deg);
  }
  81.9% {
    transform: rotate(26deg);
  }
  82.2% {
    transform: rotate(25deg);
  }
  82.5% {
    transform: rotate(26deg);
  }
  83.1% {
    transform: rotate(26deg);
  }
  83.4% {
    transform: rotate(25deg);
  }
}
@keyframes plants6 {
  5.7% {
    transform: rotate(0deg);
  }
  6.0% {
    transform: rotate(12deg);
  }
  6.3% {
    transform: rotate(21deg);
  }
  6.6% {
    transform: rotate(26deg);
  }
  6.9% {
    transform: rotate(22deg);
  }
  7.2% {
    transform: rotate(16deg);
  }
  7.5% {
    transform: rotate(8deg);
  }
  7.8% {
    transform: rotate(0deg);
  }
  8.1% {
    transform: rotate(-5deg);
  }
  8.4% {
    transform: rotate(-4deg);
  }
  8.7% {
    transform: rotate(3deg);
  }
  9.0% {
    transform: rotate(10deg);
  }
  9.3% {
    transform: rotate(15deg);
  }
  9.6% {
    transform: rotate(18deg);
  }
  9.9% {
    transform: rotate(18deg);
  }
  11.4% {
    transform: rotate(-4deg);
  }
  12.6% {
    transform: rotate(2deg);
  }
  14.4% {
    transform: rotate(0deg);
  }
  45.9% {
    transform: rotate(0deg);
  }
  46.2% {
    transform: rotate(12deg);
  }
  46.5% {
    transform: rotate(21deg);
  }
  46.8% {
    transform: rotate(26deg);
  }
  47.1% {
    transform: rotate(22deg);
  }
  47.4% {
    transform: rotate(16deg);
  }
  47.7% {
    transform: rotate(8deg);
  }
  48.0% {
    transform: rotate(0deg);
  }
  48.3% {
    transform: rotate(-5deg);
  }
  48.6% {
    transform: rotate(-4deg);
  }
  48.9% {
    transform: rotate(3deg);
  }
  49.2% {
    transform: rotate(10deg);
  }
  49.5% {
    transform: rotate(15deg);
  }
  50.1% {
    transform: rotate(18deg);
  }
  51.0% {
    transform: rotate(18deg);
  }
  52.5% {
    transform: rotate(-4deg);
  }
  53.7% {
    transform: rotate(2deg);
  }
  55.5% {
    transform: rotate(0deg);
  }
  74.1% {
    transform: rotate(0deg);
  }
  74.4% {
    transform: rotate(7deg);
  }
  74.7% {
    transform: rotate(21deg);
  }
  75.0% {
    transform: rotate(25deg);
  }
  75.3% {
    transform: rotate(24deg);
  }
  75.6% {
    transform: rotate(16deg);
  }
  75.9% {
    transform: rotate(5deg);
  }
  76.2% {
    transform: rotate(-6deg);
  }
  76.5% {
    transform: rotate(-13deg);
  }
  76.8% {
    transform: rotate(-11deg);
  }
  77.1% {
    transform: rotate(-3deg);
  }
  77.4% {
    transform: rotate(5deg);
  }
  77.7% {
    transform: rotate(13deg);
  }
  78.0% {
    transform: rotate(18deg);
  }
  78.3% {
    transform: rotate(19deg);
  }
  78.6% {
    transform: rotate(17deg);
  }
  78.9% {
    transform: rotate(14deg);
  }
  79.2% {
    transform: rotate(10deg);
  }
  79.5% {
    transform: rotate(4deg);
  }
  79.8% {
    transform: rotate(0deg);
  }
  80.1% {
    transform: rotate(-2deg);
  }
  80.4% {
    transform: rotate(-1deg);
  }
  80.7% {
    transform: rotate(2deg);
  }
  81.0% {
    transform: rotate(4deg);
  }
  81.3% {
    transform: rotate(7deg);
  }
  81.6% {
    transform: rotate(9deg);
  }
  81.9% {
    transform: rotate(10deg);
  }
  82.2% {
    transform: rotate(9deg);
  }
  82.5% {
    transform: rotate(7deg);
  }
  82.8% {
    transform: rotate(3deg);
  }
  83.1% {
    transform: rotate(1deg);
  }
  83.4% {
    transform: rotate(-2deg);
  }
  83.7% {
    transform: rotate(-1deg);
  }
  84.0% {
    transform: rotate(0deg);
  }
}
@keyframes skulp {
  41.7% {
    transform: rotate(0deg);
  }
  42.6% {
    transform: rotate(-70deg);
  }
  43.2% {
    transform: rotate(-57deg);
  }
  43.8% {
    transform: rotate(-71deg);
  }
  44.7% {
    transform: rotate(-72deg);
  }
  45.9% {
    transform: rotate(-72deg);
  }
  46.8% {
    transform: rotate(0deg);
  }
  47.4% {
    transform: rotate(-5deg);
  }
  48.0% {
    transform: rotate(0deg);
  }
  48.6% {
    transform: rotate(-2deg);
  }
  49.2% {
    transform: rotate(0deg);
  }
  67.2% {
    transform: rotate(0deg);
  }
  68.1% {
    transform: rotate(-70deg);
  }
  68.7% {
    transform: rotate(-57deg);
  }
  69.3% {
    transform: rotate(-71deg);
  }
  70.2% {
    transform: rotate(-72deg);
  }
  71.4% {
    transform: rotate(-72deg);
  }
  72.3% {
    transform: rotate(0deg);
  }
  72.9% {
    transform: rotate(-5deg);
  }
  73.5% {
    transform: rotate(0deg);
  }
  74.1% {
    transform: rotate(-2deg);
  }
  74.7% {
    transform: rotate(0deg);
  }
}
@keyframes bat {
  0% {
    transform: rotate(10deg) scaleY(1.05);
  }
  25% {
    transform: rotate(0deg) scaleY(0.8);
  }
  50% {
    transform: rotate(-10deg) scaleY(1.05);
  }
  75% {
    transform: rotate(0deg) scaleY(0.8);
  }
  100% {
    transform: rotate(10deg) scaleY(1.05);
  }
}
@keyframes batEye {
  95% {
    transform: scaleY(1);
  }
  98% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes leaf {
  0.0% {
    transform: rotate(0deg);
  }
  4.5% {
    transform: rotate(27deg);
  }
  4.8% {
    transform: rotate(-22deg);
  }
  5.4% {
    transform: rotate(0deg);
  }
  5.7% {
    transform: rotate(-8deg);
  }
  6.6% {
    transform: rotate(18deg);
  }
  12.0% {
    transform: rotate(2deg);
  }
  18.0% {
    transform: rotate(15deg);
  }
  24.0% {
    transform: rotate(2deg);
  }
  30.0% {
    transform: rotate(17deg);
  }
  37.5% {
    transform: rotate(0deg);
  }
  42.0% {
    transform: rotate(18deg);
  }
  44.7% {
    transform: rotate(0deg);
  }
  45.0% {
    transform: rotate(-20deg);
  }
  45.3% {
    transform: rotate(10deg);
  }
  45.9% {
    transform: rotate(-20deg);
  }
  46.5% {
    transform: rotate(16deg);
  }
  50.4% {
    transform: rotate(0deg);
  }
  55.5% {
    transform: rotate(15deg);
  }
  60.0% {
    transform: rotate(0deg);
  }
  66.6% {
    transform: rotate(17deg);
  }
  71.7% {
    transform: rotate(0deg);
  }
  72.0% {
    transform: rotate(-35deg);
  }
  72.3% {
    transform: rotate(14deg);
  }
  72.6% {
    transform: rotate(-30deg);
  }
  72.9% {
    transform: rotate(6deg);
  }
  73.5% {
    transform: rotate(-14deg);
  }
  73.8% {
    transform: rotate(4deg);
  }
  74.1% {
    transform: rotate(-7deg);
  }
  79.8% {
    transform: rotate(15deg);
  }
  85.2% {
    transform: rotate(0deg);
  }
  92.4% {
    transform: rotate(18deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes monster1 {
  0.0% {
    transform: rotate(-15deg) translate(-20px, 2px);
  }
  5.4% {
    transform: rotate(-18deg) translate(-20px, 2px);
  }
  7.2% {
    transform: rotate(-20deg) translate(-4px, -5px);
  }
  9.9% {
    transform: rotate(-4deg) translate(8px, 20px);
  }
  17.7% {
    transform: rotate(-19deg) translate(11px, -3px);
  }
  23.7% {
    transform: rotate(-22deg) translate(1px, -1px);
  }
  26.7% {
    transform: rotate(-18deg) translate(-1px, 1px);
  }
  30.9% {
    transform: rotate(-19deg) translate(-1px, -6px);
  }
  33.3% {
    transform: rotate(-21deg) translate(-1px, 0px);
  }
  37.8% {
    transform: rotate(-17deg) translate(1px, 2px);
  }
  41.4% {
    transform: rotate(-21deg) translate(0px, 1px);
  }
  45.0% {
    transform: rotate(-19deg) translate(2px, 3px);
  }
  47.7% {
    transform: rotate(-24deg) translate(3px, -5px);
  }
  50.4% {
    transform: rotate(-10deg) translate(4px, 20px);
  }
  54.6% {
    transform: rotate(-17deg) translate(12px, 13px);
  }
  59.1% {
    transform: rotate(-22deg) translate(0px, -10px);
  }
  64.2% {
    transform: rotate(-17deg) translate(-10px, -1px);
  }
  68.1% {
    transform: rotate(-20deg) translate(-9px, -3px);
  }
  75.9% {
    transform: rotate(-24deg) translate(2px, -5px);
  }
  78.5% {
    transform: rotate(-7deg) translate(0px, 22px);
  }
  84.6% {
    transform: rotate(-21deg) translate(-7px, -11px);
  }
  90.0% {
    transform: rotate(-20deg) translate(-7px, -7px);
  }
  93.9% {
    transform: rotate(-16deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(-15deg) translate(-20px, 2px);
  }
}
@keyframes monster1Eyes {
  12.6% {
    transform: scaleY(1);
  }
  13.2% {
    transform: scaleY(0);
  }
  13.8% {
    transform: scaleY(1);
  }
  16.8% {
    transform: scaleY(1);
  }
  17.6% {
    transform: scaleY(0);
  }
  18.3% {
    transform: scaleY(1);
  }
  26.7% {
    transform: scaleY(1);
  }
  27.3% {
    transform: scaleY(0);
  }
  27.9% {
    transform: scaleY(1);
  }
  32.4% {
    transform: scaleY(1);
  }
  33.0% {
    transform: scaleY(0);
  }
  33.6% {
    transform: scaleY(1);
  }
  41.4% {
    transform: scaleY(1);
  }
  42.1% {
    transform: scaleY(0);
  }
  42.9% {
    transform: scaleY(1);
  }
  54.6% {
    transform: scaleY(1);
  }
  55.4% {
    transform: scaleY(0);
  }
  56.1% {
    transform: scaleY(1);
  }
  60.6% {
    transform: scaleY(1);
  }
  61.2% {
    transform: scaleY(0);
  }
  61.8% {
    transform: scaleY(1);
  }
  64.2% {
    transform: scaleY(1);
  }
  65.0% {
    transform: scaleY(0);
  }
  65.7% {
    transform: scaleY(1);
  }
  71.7% {
    transform: scaleY(1);
  }
  72.3% {
    transform: scaleY(0);
  }
  73.2% {
    transform: scaleY(1);
  }
  90.3% {
    transform: scaleY(1);
  }
  90.0% {
    transform: scaleY(0);
  }
  91.8% {
    transform: scaleY(1);
  }
}
@keyframes monster2 {
  0.0% {
    transform: rotate(15deg) translate(-4px, 0px);
  }
  5.4% {
    transform: rotate(15deg) translate(13px, -11px);
  }
  7.2% {
    transform: rotate(15deg) translate(26px, -14px);
  }
  9.9% {
    transform: rotate(4deg) translate(-3px, -3px);
  }
  17.7% {
    transform: rotate(8deg) translate(15px, -7px);
  }
  23.7% {
    transform: rotate(2deg) translate(1px, 2px);
  }
  26.7% {
    transform: rotate(2deg) translate(0px, -2px);
  }
  30.9% {
    transform: rotate(8deg) translate(1px, -2px);
  }
  33.3% {
    transform: rotate(13deg) translate(-2px, 1px);
  }
  37.8% {
    transform: rotate(16deg) translate(-8px, -5px);
  }
  41.4% {
    transform: rotate(13deg) translate(-4px, -3px);
  }
  45.0% {
    transform: rotate(19deg) translate(6px, 2px);
  }
  47.7% {
    transform: rotate(19deg) translate(29px, -15px);
  }
  50.4% {
    transform: rotate(9deg) translate(-1px, -4px);
  }
  54.6% {
    transform: rotate(2deg) translate(1px, -4px);
  }
  59.1% {
    transform: rotate(7deg) translate(15px, -8px);
  }
  64.2% {
    transform: rotate(5deg) translate(11px, -4px);
  }
  68.1% {
    transform: rotate(11deg) translate(28px, -10px);
  }
  75.9% {
    transform: rotate(16deg) translate(24px, -15px);
  }
  78.6% {
    transform: rotate(3deg) translate(-6px, -3px);
  }
  84.6% {
    transform: rotate(2deg) translate(10px, -14px);
  }
  90.0% {
    transform: rotate(6deg) translate(-7px, -10px);
  }
  93.9% {
    transform: rotate(15deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(15deg) translate(-4px, 0px);
  }
}
@keyframes monster2Eyes {
  6.0% {
    transform: scaleY(1);
  }
  6.6% {
    transform: scaleY(0);
  }
  7.2% {
    transform: scaleY(1);
  }
  9.3% {
    transform: scaleY(1);
  }
  9.9% {
    transform: scaleY(0);
  }
  10.5% {
    transform: scaleY(1);
  }
  17.4% {
    transform: scaleY(1);
  }
  18.2% {
    transform: scaleY(0);
  }
  18.9% {
    transform: scaleY(1);
  }
  22.8% {
    transform: scaleY(1);
  }
  23.5% {
    transform: scaleY(0);
  }
  24.3% {
    transform: scaleY(1);
  }
  35.7% {
    transform: scaleY(1);
  }
  36.5% {
    transform: scaleY(0);
  }
  37.2% {
    transform: scaleY(1);
  }
  57.9% {
    transform: scaleY(1);
  }
  58.5% {
    transform: scaleY(0);
  }
  59.1% {
    transform: scaleY(1);
  }
  66.9% {
    transform: scaleY(1);
  }
  67.1% {
    transform: scaleY(0);
  }
  68.4% {
    transform: scaleY(1);
  }
  81.0% {
    transform: scaleY(1);
  }
  81.6% {
    transform: scaleY(0);
  }
  82.2% {
    transform: scaleY(1);
  }
  83.7% {
    transform: scaleY(1);
  }
  84.6% {
    transform: scaleY(0);
  }
  85.5% {
    transform: scaleY(1);
  }
}
@keyframes alchemistHead {
  0.0% {
    transform: rotate(6deg) translate(3px, 12px);
  }
  2.7% {
    transform: rotate(4deg) translate(7px, -9px);
  }
  5.7% {
    transform: rotate(0deg) translate(0px, 3px);
  }
  7.2% {
    transform: rotate(0deg) translate(-5px, 12px);
  }
  8.7% {
    transform: rotate(0deg) translate(1px, -1px);
  }
  12.3% {
    transform: rotate(4deg) translate(18px, -2px);
  }
  14.7% {
    transform: rotate(0deg) translate(0px, -1px);
  }
  17.7% {
    transform: rotate(-2deg) translate(-10px, -3px);
  }
  19.5% {
    transform: rotate(-3deg) translate(-9px, -1px);
  }
  22.2% {
    transform: rotate(0deg) translate(0px, -7px);
  }
  24.0% {
    transform: rotate(0deg) translate(-1px, -13px);
  }
  24.9% {
    transform: rotate(0deg) translate(1px, -8px);
  }
  25.8% {
    transform: rotate(0deg) translate(3px, 3px);
  }
  27.9% {
    transform: rotate(6deg) translate(19px, 10px);
  }
  30.3% {
    transform: rotate(2deg) translate(10px, 13px);
  }
  31.8% {
    transform: rotate(1deg) translate(3px, 4px);
  }
  33.6% {
    transform: rotate(0deg) translate(1px, -10px);
  }
  36.3% {
    transform: rotate(-3deg) translate(-11px, 1px);
  }
  38.4% {
    transform: rotate(-4deg) translate(-15px, 8px);
  }
  39.3% {
    transform: rotate(-5deg) translate(-10px, 7px);
  }
  40.8% {
    transform: rotate(0deg) translate(4px, -2px);
  }
  41.1% {
    transform: rotate(0deg) translate(0px, 1px);
  }
  42.0% {
    transform: rotate(6deg) translate(4px, 11px);
  }
  43.5% {
    transform: rotate(6deg) translate(4px, -2px);
  }
  44.4% {
    transform: rotate(4deg) translate(5px, -10px);
  }
  48.0% {
    transform: rotate(0deg) translate(1px, -1px);
  }
  54.0% {
    transform: rotate(0deg) translate(1px, -1px);
  }
  56.4% {
    transform: rotate(-2deg) translate(-13px, -1px);
  }
  57.6% {
    transform: rotate(-2deg) translate(-1px, -1px);
  }
  59.7% {
    transform: rotate(-2deg) translate(-10px, -2px);
  }
  62.1% {
    transform: rotate(0deg) translate(3px, -2px);
  }
  63.9% {
    transform: rotate(0deg) translate(-4px, -2px);
  }
  64.5% {
    transform: rotate(-3deg) translate(-8px, -3px);
  }
  65.1% {
    transform: rotate(-3deg) translate(-8px, -3px);
  }
  65.4% {
    transform: rotate(-2deg) translate(-5px, -3px);
  }
  66.6% {
    transform: rotate(0deg) translate(6px, -2px);
  }
  67.5% {
    transform: rotate(3deg) translate(3px, 11px);
  }
  68.7% {
    transform: rotate(6deg) translate(3px, 6px);
  }
  70.2% {
    transform: rotate(5deg) translate(7px, -9px);
  }
  71.4% {
    transform: rotate(0deg) translate(0px, -3px);
  }
  75.9% {
    transform: rotate(0deg) translate(7px, 3px);
  }
  77.4% {
    transform: rotate(0deg) translate(0px, -7px);
  }
  81.0% {
    transform: rotate(0deg) translate(8px, -5px);
  }
  83.4% {
    transform: rotate(0deg) translate(2px, -5px);
  }
  86.1% {
    transform: rotate(-2deg) translate(-12px, -5px);
  }
  86.7% {
    transform: rotate(-2deg) translate(-12px, -5px);
  }
  87.6% {
    transform: rotate(0deg) translate(0px, -7px);
  }
  89.4% {
    transform: rotate(4deg) translate(11px, -13px);
  }
  91.2% {
    transform: rotate(2deg) translate(-1px, -13px);
  }
  93.3% {
    transform: rotate(2deg) translate(15px, -14px);
  }
  93.9% {
    transform: rotate(2deg) translate(15px, -14px);
  }
  94.8% {
    transform: rotate(2deg) translate(10px, -11px);
  }
  96.0% {
    transform: rotate(0deg) translate(1px, -4px);
  }
  97.8% {
    transform: rotate(0deg) translate(4px, -4px);
  }
  100% {
    transform: rotate(6deg) translate(3px, 12px);
  }
}
@keyframes alchemistHat {
  0.0% {
    transform: translate(21px, 27px) rotate(7deg);
  }
  2.7% {
    transform: translate(23px, 4px) rotate(6deg);
  }
  5.7% {
    transform: translate(-3px, 3px) rotate(0deg);
  }
  7.2% {
    transform: translate(-10px, 11px) rotate(0deg);
  }
  8.7% {
    transform: translate(1px, 4px) rotate(0deg);
  }
  12.3% {
    transform: translate(27px, 10px) rotate(6deg);
  }
  14.7% {
    transform: translate(3px, 1px) rotate(0deg);
  }
  17.7% {
    transform: translate(-8px, -5px) rotate(-1deg);
  }
  19.5% {
    transform: translate(-10px, -5px) rotate(-3deg);
  }
  22.2% {
    transform: translate(1px, -4px) rotate(0deg);
  }
  24.0% {
    transform: translate(-21px, -13px) rotate(0deg);
  }
  24.9% {
    transform: translate(1px, -6px) rotate(0deg);
  }
  25.8% {
    transform: translate(25px, 6px) rotate(0deg);
  }
  27.9% {
    transform: translate(25px, 23px) rotate(6deg);
  }
  30.3% {
    transform: translate(13px, 23px) rotate(4deg);
  }
  31.8% {
    transform: translate(1px, 7px) rotate(1deg);
  }
  33.6% {
    transform: translate(-3px, -9px) rotate(1deg);
  }
  36.3% {
    transform: translate(-12px, -4px) rotate(-2deg);
  }
  38.4% {
    transform: translate(-25px, 7px) rotate(-5deg);
  }
  39.3% {
    transform: translate(-19px, 10px) rotate(-5deg);
  }
  40.8% {
    transform: translate(5px, 1px) rotate(1deg);
  }
  41.1% {
    transform: translate(4px, 4px) rotate(1deg);
  }
  42.0% {
    transform: translate(24px, 27px) rotate(5deg);
  }
  43.5% {
    transform: translate(24px, 14px) rotate(6deg);
  }
  44.4% {
    transform: translate(31px, 10px) rotate(6deg);
  }
  48.0% {
    transform: translate(-2px, 1px) rotate(0deg);
  }
  49.8% {
    transform: translate(-2px, 1px) rotate(0deg);
  }
  53.1% {
    transform: translate(7px, 1px) rotate(0deg);
  }
  54.0% {
    transform: translate(7px, 1px) rotate(0deg);
  }
  56.4% {
    transform: translate(-36px, -1px) rotate(-5deg);
  }
  57.6% {
    transform: translate(-9px, -1px) rotate(0deg);
  }
  59.7% {
    transform: translate(-6px, -5px) rotate(0deg);
  }
  62.1% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  63.9% {
    transform: translate(-23px, 0px) rotate(0deg);
  }
  64.5% {
    transform: translate(-31px, -2px) rotate(-2deg);
  }
  65.4% {
    transform: translate(-31px, -2px) rotate(-2deg);
  }
  66.6% {
    transform: translate(4px, 2px) rotate(0deg);
  }
  67.5% {
    transform: translate(8px, 17px) rotate(2deg);
  }
  68.7% {
    transform: translate(20px, 20px) rotate(6deg);
  }
  70.2% {
    transform: translate(18px, 3px) rotate(5deg);
  }
  71.4% {
    transform: translate(-1px, -2px) rotate(0deg);
  }
  75.9% {
    transform: translate(8px, 7px) rotate(0deg);
  }
  77.4% {
    transform: translate(0px, 6px) rotate(0deg);
  }
  81.0% {
    transform: translate(9px, 1px) rotate(0deg);
  }
  83.4% {
    transform: translate(-9px, -2px) rotate(0deg);
  }
  86.1% {
    transform: translate(-37px, -5px) rotate(-3deg);
  }
  86.7% {
    transform: translate(-37px, -5px) rotate(-3deg);
  }
  87.6% {
    transform: translate(-23px, -5px) rotate(-2deg);
  }
  89.4% {
    transform: translate(16px, -5px) rotate(3deg);
  }
  91.2% {
    transform: translate(-2px, -10px) rotate(0deg);
  }
  93.3% {
    transform: translate(23px, -4px) rotate(3deg);
  }
  93.9% {
    transform: translate(23px, -4px) rotate(3deg);
  }
  94.8% {
    transform: translate(26px, -2px) rotate(3deg);
  }
  96.0% {
    transform: translate(7px, -1px) rotate(1deg);
  }
  97.8% {
    transform: translate(7px, -1px) rotate(1deg);
  }
  100% {
    transform: translate(21px, 27px) rotate(7deg);
  }
}
@keyframes alchemistLeftEar {
  0.0% {
    transform: translate(14px, 0px) rotate(46deg);
  }
  2.7% {
    transform: translate(16px, 3px) rotate(38deg);
  }
  5.7% {
    transform: translate(-1px, 2px) rotate(45deg);
  }
  7.2% {
    transform: translate(-1px, 5px) rotate(41deg);
  }
  8.7% {
    transform: translate(2px, 7px) rotate(45deg);
  }
  12.3% {
    transform: translate(3px, -1px) rotate(45deg);
  }
  14.7% {
    transform: translate(3px, 1px) rotate(45deg);
  }
  17.7% {
    transform: translate(11px, 5px) rotate(42deg);
  }
  19.5% {
    transform: translate(13px, 3px) rotate(42deg);
  }
  22.2% {
    transform: translate(2px, 2px) rotate(45deg);
  }
  24.0% {
    transform: translate(2px, 2px) rotate(45deg);
  }
  24.9% {
    transform: translate(1px, 3px) rotate(45deg);
  }
  25.8% {
    transform: translate(28px, 2px) rotate(52deg);
  }
  27.9% {
    transform: translate(0px, 2px) rotate(40deg);
  }
  30.3% {
    transform: translate(1px, 3px) rotate(46deg);
  }
  31.8% {
    transform: translate(1px, 3px) rotate(46deg);
  }
  33.6% {
    transform: translate(6px, 1px) rotate(46deg);
  }
  36.3% {
    transform: translate(4px, 3px) rotate(44deg);
  }
  38.4% {
    transform: translate(-3px, 5px) rotate(44deg);
  }
  39.3% {
    transform: translate(0px, 6px) rotate(44deg);
  }
  40.8% {
    transform: translate(2px, 0px) rotate(47deg);
  }
  41.1% {
    transform: translate(2px, 0px) rotate(47deg);
  }
  42.0% {
    transform: translate(18px, 3px) rotate(45deg);
  }
  43.5% {
    transform: translate(18px, 3px) rotate(45deg);
  }
  44.4% {
    transform: translate(28px, 3px) rotate(45deg);
  }
  48.0% {
    transform: translate(0px, 3px) rotate(45deg);
  }
  49.8% {
    transform: translate(0px, 3px) rotate(45deg);
  }
  53.1% {
    transform: translate(10px, 4px) rotate(45deg);
  }
  54.0% {
    transform: translate(10px, 4px) rotate(45deg);
  }
  56.4% {
    transform: translate(0px, 7px) rotate(45deg);
  }
  57.6% {
    transform: translate(1px, -1px) rotate(45deg);
  }
  59.7% {
    transform: translate(21px, 3px) rotate(45deg);
  }
  62.1% {
    transform: translate(-1px, 1px) rotate(45deg);
  }
  63.9% {
    transform: translate(3px, 3px) rotate(45deg);
  }
  65.4% {
    transform: translate(3px, 3px) rotate(45deg);
  }
  66.6% {
    transform: translate(0px, 2px) rotate(45deg);
  }
  67.5% {
    transform: translate(0px, 2px) rotate(45deg);
  }
  68.7% {
    transform: translate(14px, 2px) rotate(45deg);
  }
  70.2% {
    transform: translate(2px, 0px) rotate(45deg);
  }
  71.4% {
    transform: translate(0px, 4px) rotate(45deg);
  }
  75.9% {
    transform: translate(3px, 1px) rotate(45deg);
  }
  77.4% {
    transform: translate(1px, 13px) rotate(45deg);
  }
  81.0% {
    transform: translate(2px, 0px) rotate(45deg);
  }
  83.4% {
    transform: translate(2px, 0px) rotate(45deg);
  }
  86.1% {
    transform: translate(2px, 5px) rotate(45deg);
  }
  89.4% {
    transform: translate(2px, 5px) rotate(45deg);
  }
  91.2% {
    transform: translate(0px, 6px) rotate(44deg);
  }
  93.3% {
    transform: translate(3px, 0px) rotate(45deg);
  }
  93.9% {
    transform: translate(3px, 0px) rotate(45deg);
  }
  94.8% {
    transform: translate(15px, 0px) rotate(45deg);
  }
  96.0% {
    transform: translate(10px, 3px) rotate(45deg);
  }
  97.8% {
    transform: translate(1px, 3px) rotate(45deg);
  }
  100% {
    transform: translate(14px, 0px) rotate(46deg);
  }
}
@keyframes alchemistBeard {
  0.0% {
    transform: translate(-13px, 0px);
  }
  2.7% {
    transform: translate(-12px, 0px);
  }
  5.7% {
    transform: translate(1px, 0px);
  }
  8.7% {
    transform: translate(1px, 0px);
  }
  12.3% {
    transform: translate(-2px, 0px);
  }
  14.7% {
    transform: translate(-2px, 0px);
  }
  17.7% {
    transform: translate(-13px, 0px);
  }
  19.5% {
    transform: translate(-16px, 0px);
  }
  22.2% {
    transform: translate(1px, 0px);
  }
  24.0% {
    transform: translate(18px, 0px);
  }
  24.9% {
    transform: translate(3px, 0px);
  }
  25.8% {
    transform: translate(-16px, 0px);
  }
  27.9% {
    transform: translate(2px, 0px);
  }
  30.3% {
    transform: translate(2px, 0px);
  }
  31.8% {
    transform: translate(11px, 0px);
  }
  33.6% {
    transform: translate(-5px, 0px);
  }
  36.3% {
    transform: translate(-1px, 0px);
  }
  38.4% {
    transform: translate(5px, 0px);
  }
  39.3% {
    transform: translate(0px, 0px);
  }
  41.1% {
    transform: translate(0px, 0px);
  }
  42.0% {
    transform: translate(-13px, 0px);
  }
  43.5% {
    transform: translate(-13px, 0px);
  }
  44.4% {
    transform: translate(-20px, 0px);
  }
  48.0% {
    transform: translate(2px, 0px);
  }
  49.8% {
    transform: translate(2px, 0px);
  }
  53.1% {
    transform: translate(-9px, 0px);
  }
  54.0% {
    transform: translate(-9px, 0px);
  }
  56.4% {
    transform: translate(20px, 0px);
  }
  57.6% {
    transform: translate(-1px, 0px);
  }
  59.7% {
    transform: translate(-14px, 0px);
  }
  62.1% {
    transform: translate(-1px, 0px);
  }
  63.9% {
    transform: translate(5px, 0px);
  }
  64.5% {
    transform: translate(15px, 0px);
  }
  67.5% {
    transform: translate(15px, 0px);
  }
  68.7% {
    transform: translate(-10px, 0px);
  }
  70.2% {
    transform: translate(-2px, 0px);
  }
  71.4% {
    transform: translate(-2px, 0px);
  }
  75.9% {
    transform: translate(0px, 0px);
  }
  81.0% {
    transform: translate(0px, 0px);
  }
  83.4% {
    transform: translate(13px, 0px);
  }
  87.6% {
    transform: translate(13px, 0px);
  }
  89.4% {
    transform: translate(5px, 0px);
  }
  93.9% {
    transform: translate(5px, 0px);
  }
  94.8% {
    transform: translate(-10px, 0px);
  }
  96.0% {
    transform: translate(-10px, 0px);
  }
  97.8% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-13px, 0px);
  }
}
@keyframes alchemistMustache {
  0.0% {
    transform: translate(-10px, 0px) scaleX(0.85);
  }
  2.7% {
    transform: translate(-14px, 0px) scaleX(0.85);
  }
  5.7% {
    transform: translate(2px, 0px) scaleX(1);
  }
  7.2% {
    transform: translate(3px, 0px) scaleX(1);
  }
  8.7% {
    transform: translate(1px, -6px) scaleX(1);
  }
  12.3% {
    transform: translate(0px, -2px) scaleX(1);
  }
  14.7% {
    transform: translate(-2px, 0px) scaleX(1);
  }
  17.7% {
    transform: translate(-12px, 2px) scaleX(0.9);
  }
  19.5% {
    transform: translate(-14px, 2px) scaleX(0.9);
  }
  22.2% {
    transform: translate(1px, 0px) scaleX(1);
  }
  24.0% {
    transform: translate(43px, 3px) scaleX(0.7);
  }
  24.9% {
    transform: translate(3px, 2px) scaleX(1);
  }
  25.8% {
    transform: translate(-29px, 1px) scaleX(0.7);
  }
  27.9% {
    transform: translate(2px, 1px) scaleX(1);
  }
  30.3% {
    transform: translate(4px, 3px) scaleX(1);
  }
  31.8% {
    transform: translate(12px, 2px) scaleX(1);
  }
  33.6% {
    transform: translate(-3px, 2px) scaleX(0.9);
  }
  36.3% {
    transform: translate(-2px, 1px) scaleX(1);
  }
  38.4% {
    transform: translate(8px, -4px) scaleX(1);
  }
  39.3% {
    transform: translate(1px, -16px) scaleX(1);
  }
  40.8% {
    transform: translate(4px, 1px) scaleX(1);
  }
  41.1% {
    transform: translate(4px, 1px) scaleX(1);
  }
  42.0% {
    transform: translate(-17px, 2px) scaleX(0.8);
  }
  43.5% {
    transform: translate(-17px, 2px) scaleX(0.8);
  }
  44.4% {
    transform: translate(-29px, -9px) scaleX(0.7);
  }
  48.0% {
    transform: translate(6px, 0px) scaleX(1);
  }
  49.8% {
    transform: translate(-2px, -6px) scaleX(1);
  }
  53.1% {
    transform: translate(-12px, -3px) scaleX(0.8);
  }
  54.0% {
    transform: translate(-12px, -3px) scaleX(0.8);
  }
  56.4% {
    transform: translate(36px, -3px) scaleX(0.8);
  }
  57.6% {
    transform: translate(3px, -2px) scaleX(1);
  }
  59.7% {
    transform: translate(-23px, 2px) scaleX(0.7);
  }
  62.1% {
    transform: translate(-1px, 2px) scaleX(1);
  }
  63.9% {
    transform: translate(40px, 2px) scaleX(0.8);
  }
  65.4% {
    transform: translate(40px, 2px) scaleX(0.8);
  }
  66.6% {
    transform: translate(3px, 1px) scaleX(1);
  }
  67.5% {
    transform: translate(3px, 1px) scaleX(1);
  }
  68.7% {
    transform: translate(-12px, 1px) scaleX(0.8);
  }
  70.2% {
    transform: translate(-2px, 1px) scaleX(1);
  }
  71.4% {
    transform: translate(-2px, 1px) scaleX(1);
  }
  75.9% {
    transform: translate(4px, 1px) scaleX(1);
  }
  77.4% {
    transform: translate(4px, -20px) scaleX(1);
  }
  81.0% {
    transform: translate(4px, 3px) scaleX(1);
  }
  83.4% {
    transform: translate(36px, 4px) scaleX(0.8);
  }
  86.1% {
    transform: translate(42px, 4px) scaleX(0.7);
  }
  87.6% {
    transform: translate(42px, 4px) scaleX(0.7);
  }
  89.4% {
    transform: translate(8px, 4px) scaleX(1);
  }
  91.2% {
    transform: translate(6px, 4px) scaleX(1);
  }
  93.3% {
    transform: translate(1px, 2px) scaleX(1);
  }
  93.9% {
    transform: translate(1px, 2px) scaleX(1);
  }
  94.8% {
    transform: translate(-12px, 1px) scaleX(0.8);
  }
  96.0% {
    transform: translate(-9px, 3px) scaleX(0.9);
  }
  97.8% {
    transform: translate(4px, 3px) scaleX(1);
  }
  100% {
    transform: translate(-10px, 0px) scaleX(0.85);
  }
}
@keyframes alchemistRightEar {
  7.2% {
    transform: rotate(-46deg) translate(-3px, -4px);
  }
  8.7% {
    transform: rotate(-46deg) translate(-5px, 5px);
  }
  12.3% {
    transform: rotate(-46deg) translate(-2px, 5px);
  }
  14.7% {
    transform: rotate(-46deg) translate(-2px, 0px);
  }
  17.7% {
    transform: rotate(-46deg) translate(-4px, -2px);
  }
  19.5% {
    transform: rotate(-46deg) translate(-4px, -2px);
  }
  22.2% {
    transform: rotate(-46deg) translate(-3px, 0px);
  }
  24.0% {
    transform: rotate(-51deg) translate(-18px, -19px);
  }
  24.9% {
    transform: rotate(-45deg) translate(-5px, 2px);
  }
  25.8% {
    transform: rotate(-45deg) translate(-5px, 2px);
  }
  27.9% {
    transform: rotate(-48deg) translate(-5px, -1px);
  }
  30.3% {
    transform: rotate(-46deg) translate(-7px, 2px);
  }
  31.8% {
    transform: rotate(-50deg) translate(-7px, -5px);
  }
  33.6% {
    transform: rotate(-44deg) translate(-5px, -5px);
  }
  36.3% {
    transform: rotate(-44deg) translate(-3px, 0px);
  }
  38.4% {
    transform: rotate(-46deg) translate(-6px, -1px);
  }
  39.3% {
    transform: rotate(-45deg) translate(-9px, 5px);
  }
  40.8% {
    transform: rotate(-45deg) translate(-6px, 2px);
  }
  42.0% {
    transform: rotate(-45deg) translate(-6px, 2px);
  }
  43.5% {
    transform: rotate(-45deg) translate(-6px, -1px);
  }
  44.4% {
    transform: rotate(-45deg) translate(-9px, 5px);
  }
  48.0% {
    transform: rotate(-45deg) translate(-7px, -4px);
  }
  49.8% {
    transform: rotate(-45deg) translate(-5px, 1px);
  }
  53.1% {
    transform: rotate(-45deg) translate(-5px, -1px);
  }
  54.0% {
    transform: rotate(-45deg) translate(-5px, -1px);
  }
  56.4% {
    transform: rotate(-45deg) translate(-18px, -19px);
  }
  57.6% {
    transform: rotate(-45deg) translate(-4px, 1px);
  }
  59.7% {
    transform: rotate(-45deg) translate(-6px, -2px);
  }
  62.1% {
    transform: rotate(-45deg) translate(-4px, 0px);
  }
  63.9% {
    transform: rotate(-45deg) translate(-21px, -14px);
  }
  65.4% {
    transform: rotate(-45deg) translate(-21px, -14px);
  }
  66.6% {
    transform: rotate(-45deg) translate(-6px, -2px);
  }
  67.5% {
    transform: rotate(-45deg) translate(-3px, 3px);
  }
  68.7% {
    transform: rotate(-46deg) translate(-5px, 0px);
  }
  70.2% {
    transform: rotate(-46deg) translate(-5px, 0px);
  }
  71.4% {
    transform: rotate(-46deg) translate(-3px, 1px);
  }
  75.9% {
    transform: rotate(-46deg) translate(-3px, 1px);
  }
  77.4% {
    transform: rotate(-46deg) translate(-10px, 6px);
  }
  81.0% {
    transform: rotate(-46deg) translate(-8px, 1px);
  }
  83.4% {
    transform: rotate(-46deg) translate(-18px, -14px);
  }
  89.4% {
    transform: rotate(-46deg) translate(-18px, -14px);
  }
  91.2% {
    transform: rotate(-46deg) translate(-6px, -5px);
  }
  93.3% {
    transform: rotate(-46deg) translate(-6px, 4px);
  }
  93.9% {
    transform: rotate(-46deg) translate(-6px, 4px);
  }
  94.8% {
    transform: rotate(-45deg) translate(-4px, 3px);
  }
  96.0% {
    transform: rotate(-45deg) translate(-5px, 1px);
  }
  97.8% {
    transform: rotate(-45deg) translate(-5px, 1px);
  }
}
@keyframes alchemistСheeks {
  0.0% {
    transform: translate(-4px, 0px);
  }
  2.7% {
    transform: translate(-4px, 0px);
    box-shadow: 65px 0 0 0 #f7857c;
  }
  5.7% {
    transform: translate(1px, 0px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  7.2% {
    transform: translate(0px, 0px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  8.7% {
    transform: translate(1px, -8px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  12.3% {
    transform: translate(0px, -3px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  14.7% {
    transform: translate(0px, 0px);
    box-shadow: 78px 0 0 0 #f7857c;
  }
  17.7% {
    transform: translate(-4px, 3px);
    box-shadow: 67px 0 0 0 #f7857c;
  }
  19.5% {
    transform: translate(-5px, 0px);
    box-shadow: 67px 0 0 0 #f7857c;
  }
  22.2% {
    transform: translate(1px, 0px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  24.0% {
    transform: translate(41px, 0px);
    box-shadow: 45px 0 0 0 #f7857c;
  }
  24.9% {
    transform: translate(2px, 2px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  25.8% {
    transform: translate(-5px, 2px);
    box-shadow: 44px 0 0 0 #f7857c;
  }
  27.9% {
    transform: translate(1px, 2px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  30.3% {
    transform: translate(4px, 2px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  31.8% {
    transform: translate(13px, 0px);
    box-shadow: 69px 0 0 0 #f7857c;
  }
  33.6% {
    transform: translate(0px, 1px);
    box-shadow: 73px 0 0 0 #f7857c;
  }
  36.3% {
    transform: translate(0px, 1px);
    box-shadow: 79px 0 0 0 #f7857c;
  }
  38.4% {
    transform: translate(6px, -4px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  39.3% {
    transform: translate(1px, -20px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  40.8% {
    transform: translate(5px, 0px);
    box-shadow: 78px 0 0 0 #f7857c;
  }
  41.1% {
    transform: translate(5px, 0px);
    box-shadow: 78px 0 0 0 #f7857c;
  }
  42.0% {
    transform: translate(-5px, 0px);
    box-shadow: 61px 0 0 0 #f7857c;
  }
  43.5% {
    transform: translate(-5px, 0px);
    box-shadow: 61px 0 0 0 #f7857c;
  }
  44.4% {
    transform: translate(-4px, -11px);
    box-shadow: 43px 0 0 0 #f7857c;
  }
  48.0% {
    transform: translate(6px, -1px);
    box-shadow: 76px 0 0 0 #f7857c;
  }
  49.8% {
    transform: translate(-2px, -7px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  53.1% {
    transform: translate(-3px, -4px);
    box-shadow: 66px 0 0 0 #f7857c;
  }
  54.0% {
    transform: translate(-3px, -4px);
    box-shadow: 66px 0 0 0 #f7857c;
  }
  56.4% {
    transform: translate(35px, -5px);
    box-shadow: 50px 0 0 0 #f7857c;
  }
  57.6% {
    transform: translate(2px, -3px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  59.7% {
    transform: translate(-4px, 1px);
    box-shadow: 51px 0 0 0 #f7857c;
  }
  62.1% {
    transform: translate(0px, 1px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  63.9% {
    transform: translate(41px, 1px);
    box-shadow: 45px 0 0 0 #f7857c;
  }
  65.4% {
    transform: translate(41px, 1px);
    box-shadow: 45px 0 0 0 #f7857c;
  }
  66.6% {
    transform: translate(2px, 1px);
    box-shadow: 79px 0 0 0 #f7857c;
  }
  67.5% {
    transform: translate(2px, 1px);
    box-shadow: 79px 0 0 0 #f7857c;
  }
  68.7% {
    transform: translate(-4px, -1px);
    box-shadow: 66px 0 0 0 #f7857c;
  }
  70.2% {
    transform: translate(-1px, -1px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  71.4% {
    transform: translate(-1px, -1px);
    box-shadow: 81px 0 0 0 #f7857c;
  }
  75.9% {
    transform: translate(5px, -1px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  77.4% {
    transform: translate(5px, -27px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  81.0% {
    transform: translate(6px, 0px);
    box-shadow: 76px 0 0 0 #f7857c;
  }
  83.4% {
    transform: translate(36px, 0px);
    box-shadow: 49px 0 0 0 #f7857c;
  }
  86.1% {
    transform: translate(42px, 0px);
    box-shadow: 43px 0 0 0 #f7857c;
  }
  87.6% {
    transform: translate(42px, 0px);
    box-shadow: 43px 0 0 0 #f7857c;
  }
  89.4% {
    transform: translate(6px, 2px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  91.2% {
    transform: translate(6px, 2px);
    box-shadow: 77px 0 0 0 #f7857c;
  }
  93.3% {
    transform: translate(2px, -1px);
    box-shadow: 79px 0 0 0 #f7857c;
  }
  93.9% {
    transform: translate(2px, -1px);
    box-shadow: 79px 0 0 0 #f7857c;
  }
  94.8% {
    transform: translate(-4px, -1px);
    box-shadow: 66px 0 0 0 #f7857c;
  }
  96.0% {
    transform: translate(-3px, 0px);
    box-shadow: 70px 0 0 0 #f7857c;
  }
  97.8% {
    transform: translate(2px, 1px);
    box-shadow: 80px 0 0 0 #f7857c;
  }
  100% {
    transform: translate(-4px, 0px);
  }
}
@keyframes alchemistNose {
  0.0% {
    transform: translate(-13px, 0px) scaleX(0.8);
  }
  2.7% {
    transform: translate(-17px, 0px) scaleX(0.9);
  }
  5.7% {
    transform: translate(1px, 0px) scaleX(1);
  }
  7.2% {
    transform: translate(2px, 0px) scaleX(1);
  }
  8.7% {
    transform: translate(1px, -7px) scaleX(1);
  }
  12.3% {
    transform: translate(0px, -1px) scaleX(1);
  }
  14.7% {
    transform: translate(-3px, 1px) scaleX(1);
  }
  17.7% {
    transform: translate(-14px, 1px) scaleX(1);
  }
  19.5% {
    transform: translate(-15px, 1px) scaleX(0.9);
  }
  22.2% {
    transform: translate(1px, 1px) scaleX(1);
  }
  24.0% {
    transform: translate(35px, -3px) scaleX(0.7);
  }
  24.9% {
    transform: translate(2px, 2px) scaleX(1);
  }
  25.8% {
    transform: translate(-35px, 0px) scaleX(0.7);
  }
  27.9% {
    transform: translate(1px, 2px) scaleX(1);
  }
  30.3% {
    transform: translate(3px, 4px) scaleX(1);
  }
  31.8% {
    transform: translate(11px, 0px) scaleX(1);
  }
  33.6% {
    transform: translate(-4px, 2px) scaleX(1);
  }
  36.3% {
    transform: translate(-2px, 1px) scaleX(1);
  }
  38.4% {
    transform: translate(6px, -3px) scaleX(0.9);
  }
  39.3% {
    transform: translate(2px, -16px) scaleX(0.9);
  }
  40.8% {
    transform: translate(5px, 1px) scaleX(0.9);
  }
  41.1% {
    transform: translate(4px, 2px) scaleX(0.9);
  }
  42.0% {
    transform: translate(-21px, 2px) scaleX(0.8);
  }
  43.5% {
    transform: translate(-21px, 2px) scaleX(0.8);
  }
  44.4% {
    transform: translate(-35px, -8px) scaleX(0.6);
  }
  48.0% {
    transform: translate(7px, 0px) scaleX(1);
  }
  49.8% {
    transform: translate(-2px, -8px) scaleX(1);
  }
  53.1% {
    transform: translate(-14px, -4px) scaleX(1);
  }
  54.0% {
    transform: translate(-14px, -4px) scaleX(1);
  }
  56.4% {
    transform: translate(33px, -4px) scaleX(0.7);
  }
  57.6% {
    transform: translate(3px, -2px) scaleX(1);
  }
  59.7% {
    transform: translate(-28px, 3px) scaleX(0.8);
  }
  62.1% {
    transform: translate(-1px, 3px) scaleX(1);
  }
  63.9% {
    transform: translate(35px, -5px) scaleX(0.8);
  }
  65.4% {
    transform: translate(35px, -5px) scaleX(0.8);
  }
  66.6% {
    transform: translate(2px, 1px) scaleX(1);
  }
  68.7% {
    transform: translate(2px, 1px) scaleX(1);
  }
  70.2% {
    transform: translate(-1px, 1px) scaleX(1);
  }
  71.4% {
    transform: translate(-1px, 1px) scaleX(1);
  }
  75.9% {
    transform: translate(4px, 1px) scaleX(1);
  }
  77.4% {
    transform: translate(3px, -21px) scaleX(1);
  }
  81.0% {
    transform: translate(5px, 1px) scaleX(1);
  }
  83.4% {
    transform: translate(32px, 2px) scaleX(0.8);
  }
  86.1% {
    transform: translate(38px, 2px) scaleX(0.7);
  }
  87.6% {
    transform: translate(38px, 2px) scaleX(0.7);
  }
  89.4% {
    transform: translate(7px, 2px) scaleX(0.9);
  }
  91.2% {
    transform: translate(6px, 2px) scaleX(1);
  }
  93.3% {
    transform: translate(2px, 2px) scaleX(1);
  }
  93.9% {
    transform: translate(2px, 2px) scaleX(1);
  }
  94.8% {
    transform: translate(-15px, 2px) scaleX(0.8);
  }
  96.0% {
    transform: translate(-12px, 2px) scaleX(0.9);
  }
  97.8% {
    transform: translate(2px, 3px) scaleX(1);
  }
  100% {
    transform: translate(-13px, 0px) scaleX(0.8);
  }
}
@keyframes alchemistLeftEye {
  0.0% {
    transform: translate(-10px, 0px);
  }
  2.7% {
    transform: translate(-14px, 0px);
  }
  5.7% {
    transform: translate(1px, -1px);
  }
  7.2% {
    transform: translate(0px, 1px);
  }
  8.7% {
    transform: translate(2px, -12px);
  }
  12.3% {
    transform: translate(2px, -1px);
  }
  14.7% {
    transform: translate(-1px, 0px);
  }
  17.7% {
    transform: translate(-13px, 2px);
  }
  19.5% {
    transform: translate(-13px, 0px);
  }
  22.2% {
    transform: translate(1px, 1px);
  }
  24.0% {
    transform: translate(29px, 0px);
  }
  24.9% {
    transform: translate(3px, 2px);
  }
  25.8% {
    transform: translate(-27px, 0px);
  }
  27.9% {
    transform: translate(1px, 1px);
  }
  30.3% {
    transform: translate(4px, 2px);
  }
  31.8% {
    transform: translate(10px, 0px);
  }
  33.6% {
    transform: translate(-3px, 1px);
  }
  36.3% {
    transform: translate(-2px, -1px);
  }
  38.4% {
    transform: translate(5px, -6px);
  }
  39.3% {
    transform: translate(1px, -24px);
  }
  40.8% {
    transform: translate(5px, 0px);
  }
  41.1% {
    transform: translate(5px, 0px);
  }
  42.0% {
    transform: translate(-17px, 1px);
  }
  43.5% {
    transform: translate(-17px, 1px);
  }
  44.4% {
    transform: translate(-26px, -19px);
  }
  48.0% {
    transform: translate(5px, 0px);
  }
  49.8% {
    transform: translate(-2px, -10px);
  }
  53.1% {
    transform: translate(-13px, -5px);
  }
  54.0% {
    transform: translate(-13px, -5px);
  }
  56.4% {
    transform: translate(24px, -10px);
  }
  57.6% {
    transform: translate(3px, -4px);
  }
  59.7% {
    transform: translate(-24px, 0px);
  }
  62.1% {
    transform: translate(1px, 0px);
  }
  63.9% {
    transform: translate(29px, -3px);
  }
  65.1% {
    transform: translate(29px, -3px);
  }
  65.4% {
    transform: translate(29px, -1px);
  }
  66.6% {
    transform: translate(2px, 1px);
  }
  67.5% {
    transform: translate(2px, -1px);
  }
  68.7% {
    transform: translate(-13px, -1px);
  }
  70.2% {
    transform: translate(-1px, 0px);
  }
  71.4% {
    transform: translate(-1px, 0px);
  }
  75.9% {
    transform: translate(5px, 0px);
  }
  77.4% {
    transform: translate(3px, -28px);
  }
  81.0% {
    transform: translate(5px, 0px);
  }
  83.4% {
    transform: translate(26px, 1px);
  }
  86.1% {
    transform: translate(29px, -4px);
  }
  87.6% {
    transform: translate(29px, -4px);
  }
  89.4% {
    transform: translate(5px, 2px);
  }
  91.2% {
    transform: translate(3px, 3px);
  }
  93.3% {
    transform: translate(3px, 0px);
  }
  93.9% {
    transform: translate(3px, 0px);
  }
  94.8% {
    transform: translate(-12px, 0px);
  }
  96.0% {
    transform: translate(-10px, 2px);
  }
  97.8% {
    transform: translate(3px, 2px);
  }
  100% {
    transform: translate(-10px, 0px);
  }
}
@keyframes alchemistLeftBrow {
  0.0% {
    transform: rotate(46deg) translate(-6px, -3px);
  }
  2.7% {
    transform: rotate(50deg) translate(-3px, -2px);
  }
  5.7% {
    transform: rotate(45deg) translate(-1px, 0px);
  }
  7.2% {
    transform: rotate(45deg) translate(0px, 0px);
  }
  8.7% {
    transform: rotate(33deg) translate(-4px, -3px);
  }
  12.3% {
    transform: rotate(46deg) translate(1px, 0px);
  }
  19.5% {
    transform: rotate(51deg) translate(1px, 0px);
  }
  22.2% {
    transform: rotate(46deg) translate(1px, -1px);
  }
  24.0% {
    transform: rotate(44deg) translate(-3px, 2px);
  }
  24.9% {
    transform: rotate(46deg) translate(-2px, -1px);
  }
  25.8% {
    transform: rotate(59deg) translate(0px, -2px);
  }
  27.9% {
    transform: rotate(46deg) translate(-1px, 0px);
  }
  31.8% {
    transform: rotate(46deg) translate(-1px, 0px);
  }
  33.6% {
    transform: rotate(50deg) translate(-1px, -2px);
  }
  36.3% {
    transform: rotate(50deg) translate(1px, -2px);
  }
  39.3% {
    transform: rotate(50deg) translate(1px, -2px);
  }
  40.8% {
    transform: rotate(47deg) translate(-1px, -2px);
  }
  44.4% {
    transform: rotate(65deg) translate(-1px, -2px);
  }
  48.0% {
    transform: rotate(45deg) translate(-1px, 0px);
  }
  49.8% {
    transform: rotate(47deg) translate(-1px, -1px);
  }
  54.0% {
    transform: rotate(47deg) translate(-1px, -1px);
  }
  56.4% {
    transform: rotate(40deg) translate(-2px, 3px);
  }
  57.6% {
    transform: rotate(48deg) translate(0px, 0px);
  }
  59.7% {
    transform: rotate(58deg) translate(3px, -1px);
  }
  62.1% {
    transform: rotate(45deg) translate(0px, -1px);
  }
  63.9% {
    transform: rotate(42deg) translate(-2px, 3px);
  }
  65.4% {
    transform: rotate(42deg) translate(-2px, 3px);
  }
  66.6% {
    transform: rotate(49deg) translate(5px, -4px);
  }
  67.5% {
    transform: rotate(49deg) translate(5px, -4px);
  }
  68.7% {
    transform: rotate(57deg) translate(8px, -7px);
  }
  70.2% {
    transform: rotate(52deg) translate(5px, -6px);
  }
  71.4% {
    transform: rotate(45deg) translate(0px, -4px);
  }
  75.9% {
    transform: rotate(48deg) translate(-4px, -4px);
  }
  77.4% {
    transform: rotate(48deg) translate(-6px, -8px);
  }
  81.0% {
    transform: rotate(48deg) translate(1px, -3px);
  }
  83.4% {
    transform: rotate(44deg) translate(-1px, 0px);
  }
  86.1% {
    transform: rotate(41deg) translate(-3px, 3px);
  }
  87.6% {
    transform: rotate(41deg) translate(-3px, 3px);
  }
  89.4% {
    transform: rotate(45deg) translate(-1px, 0px);
  }
  91.2% {
    transform: rotate(43deg) translate(-1px, 1px);
  }
  93.3% {
    transform: rotate(39deg) translate(-1px, 3px);
  }
  93.9% {
    transform: rotate(39deg) translate(-1px, 3px);
  }
  94.8% {
    transform: rotate(47deg) translate(-1px, -1px);
  }
  96.0% {
    transform: rotate(46deg) translate(-3px, -3px);
  }
  97.8% {
    transform: rotate(41deg) translate(-3px, -3px);
  }
  100% {
    transform: rotate(46deg) translate(-6px, -3px);
  }
}
@keyframes alchemistRightEye {
  0.0% {
    transform: translate(-9px, 0px);
  }
  2.7% {
    transform: translate(-13px, 1px);
  }
  5.7% {
    transform: translate(1px, 0px);
  }
  7.2% {
    transform: translate(1px, 0px);
  }
  8.7% {
    transform: translate(2px, -14px);
  }
  12.3% {
    transform: translate(2px, 1px);
  }
  14.7% {
    transform: translate(-1px, 0px);
  }
  17.7% {
    transform: translate(-10px, 2px);
  }
  19.5% {
    transform: translate(-12px, 1px);
  }
  22.2% {
    transform: translate(0px, 1px);
  }
  24.0% {
    transform: translate(28px, 0px);
  }
  24.9% {
    transform: translate(4px, 3px);
  }
  25.8% {
    transform: translate(-26px, 1px);
  }
  27.9% {
    transform: translate(1px, 1px);
  }
  30.3% {
    transform: translate(4px, 3px);
  }
  31.8% {
    transform: translate(10px, 1px);
  }
  33.6% {
    transform: translate(-4px, 1px);
  }
  36.3% {
    transform: translate(-2px, -1px);
  }
  38.4% {
    transform: translate(6px, -8px);
  }
  39.3% {
    transform: translate(3px, -23px);
  }
  40.8% {
    transform: translate(5px, 1px);
  }
  41.1% {
    transform: translate(5px, 1px);
  }
  42.0% {
    transform: translate(-15px, 2px);
  }
  43.5% {
    transform: translate(-15px, 2px);
  }
  44.4% {
    transform: translate(-25px, -16px);
  }
  48.0% {
    transform: translate(5px, 0px);
  }
  49.8% {
    transform: translate(-2px, -12px);
  }
  53.1% {
    transform: translate(-11px, -5px);
  }
  54.0% {
    transform: translate(-11px, -5px);
  }
  56.4% {
    transform: translate(25px, -11px);
  }
  57.6% {
    transform: translate(3px, -2px);
  }
  59.7% {
    transform: translate(-21px, 1px);
  }
  62.1% {
    transform: translate(0px, 1px);
  }
  63.9% {
    transform: translate(28px, -2px);
  }
  65.4% {
    transform: translate(28px, -2px);
  }
  66.6% {
    transform: translate(3px, 2px);
  }
  67.5% {
    transform: translate(3px, 2px);
  }
  68.7% {
    transform: translate(-11px, 0px);
  }
  70.2% {
    transform: translate(0px, 0px);
  }
  71.4% {
    transform: translate(0px, 0px);
  }
  75.9% {
    transform: translate(5px, 1px);
  }
  77.4% {
    transform: translate(3px, -29px);
  }
  81.0% {
    transform: translate(6px, 2px);
  }
  83.4% {
    transform: translate(26px, 2px);
  }
  86.1% {
    transform: translate(27px, -4px);
  }
  87.6% {
    transform: translate(27px, -4px);
  }
  89.4% {
    transform: translate(6px, 2px);
  }
  91.2% {
    transform: translate(3px, 2px);
  }
  93.9% {
    transform: translate(3px, 2px);
  }
  94.8% {
    transform: translate(-11px, 1px);
  }
  96.0% {
    transform: translate(-9px, 2px);
  }
  97.8% {
    transform: translate(3px, 2px);
  }
  100% {
    transform: translate(-9px, 0px);
  }
}
@keyframes alchemistRightBrow {
  0.0% {
    transform: rotate(-37deg) translate(3px, 0px);
  }
  2.7% {
    transform: rotate(-41deg) translate(1px, 2px);
  }
  5.7% {
    transform: rotate(-45deg) translate(0px, 0px);
  }
  7.2% {
    transform: rotate(-48deg) translate(-1px, -1px);
  }
  8.7% {
    transform: rotate(-31deg) translate(4px, 1px);
  }
  12.3% {
    transform: rotate(-44deg) translate(2px, 1px);
  }
  14.7% {
    transform: rotate(-44deg) translate(1px, 1px);
  }
  17.7% {
    transform: rotate(-46deg) translate(1px, -1px);
  }
  19.5% {
    transform: rotate(-45deg) translate(1px, 1px);
  }
  22.2% {
    transform: rotate(-45deg) translate(1px, 1px);
  }
  24.0% {
    transform: rotate(-58deg) translate(3px, 1px);
  }
  24.9% {
    transform: rotate(-45deg) translate(-1px, -1px);
  }
  25.8% {
    transform: rotate(-42deg) translate(4px, 3px);
  }
  27.9% {
    transform: rotate(-46deg) translate(0px, 0px);
  }
  30.3% {
    transform: rotate(-46deg) translate(0px, 0px);
  }
  31.8% {
    transform: rotate(-49deg) translate(1px, -1px);
  }
  33.6% {
    transform: rotate(-47deg) translate(1px, -1px);
  }
  36.3% {
    transform: rotate(-52deg) translate(-1px, 0px);
  }
  38.4% {
    transform: rotate(-59deg) translate(-1px, -2px);
  }
  39.3% {
    transform: rotate(-51deg) translate(-1px, -3px);
  }
  40.8% {
    transform: rotate(-45deg) translate(0px, 0px);
  }
  41.1% {
    transform: rotate(-45deg) translate(0px, 0px);
  }
  42.0% {
    transform: rotate(-44deg) translate(0px, 1px);
  }
  43.5% {
    transform: rotate(-44deg) translate(0px, 1px);
  }
  44.4% {
    transform: rotate(-42deg) translate(3px, 3px);
  }
  48.0% {
    transform: rotate(-47deg) translate(1px, 1px);
  }
  54.0% {
    transform: rotate(-47deg) translate(1px, 1px);
  }
  56.4% {
    transform: rotate(-58deg) translate(1px, -2px);
  }
  57.6% {
    transform: rotate(-44deg) translate(1px, 0px);
  }
  59.7% {
    transform: rotate(-45deg) translate(1px, 1px);
  }
  65.4% {
    transform: rotate(-57deg) translate(1px, 1px);
  }
  66.6% {
    transform: rotate(-49deg) translate(-3px, -2px);
  }
  70.2% {
    transform: rotate(-49deg) translate(-3px, -2px);
  }
  71.4% {
    transform: rotate(-48deg) translate(0px, -2px);
  }
  75.9% {
    transform: rotate(-44deg) translate(4px, -2px);
  }
  77.4% {
    transform: rotate(-42deg) translate(3px, 1px);
  }
  81.0% {
    transform: rotate(-42deg) translate(0px, 1px);
  }
  83.4% {
    transform: rotate(-53deg) translate(4px, 1px);
  }
  86.1% {
    transform: rotate(-56deg) translate(3px, -1px);
  }
  91.2% {
    transform: rotate(-48deg) translate(3px, -1px);
  }
  93.3% {
    transform: rotate(-44deg) translate(8px, -5px);
  }
  93.9% {
    transform: rotate(-44deg) translate(8px, -5px);
  }
  94.8% {
    transform: rotate(-41deg) translate(7px, -2px);
  }
  96.0% {
    transform: rotate(-41deg) translate(3px, 0px);
  }
}
@keyframes alchemistRightShoulder {
  0.0% {
    transform: rotate(48deg) translate(11px, 10px);
  }
  2.7% {
    transform: rotate(47deg) translate(3px, -7px);
  }
  5.7% {
    transform: rotate(42deg) translate(4px, 3px);
  }
  7.2% {
    transform: rotate(42deg) translate(7px, 10px);
  }
  8.7% {
    transform: rotate(46deg) translate(12px, 1px);
  }
  12.3% {
    transform: rotate(51deg) translate(18px, -9px);
  }
  14.7% {
    transform: rotate(46deg) translate(8px, -1px);
  }
  17.7% {
    transform: rotate(47deg) translate(-5px, 7px);
  }
  19.5% {
    transform: rotate(45deg) translate(-5px, 5px);
  }
  21.3% {
    transform: rotate(46deg) translate(2px, -1px);
  }
  22.2% {
    transform: rotate(46deg) translate(0px, -4px);
  }
  24.0% {
    transform: rotate(46deg) translate(-3px, -8px);
  }
  24.9% {
    transform: rotate(22deg) translate(-2px, -16px);
  }
  25.8% {
    transform: rotate(21deg) translate(-2px, -16px);
  }
  27.9% {
    transform: rotate(51deg) translate(10px, -6px);
  }
  30.3% {
    transform: rotate(48deg) translate(15px, 3px);
  }
  31.8% {
    transform: rotate(30deg) translate(0px, 0px);
  }
  33.3% {
    transform: rotate(47deg) translate(0px, -2px);
  }
  36.3% {
    transform: rotate(40deg) translate(-2px, 5px);
  }
  38.4% {
    transform: rotate(40deg) translate(1px, 9px);
  }
  39.3% {
    transform: rotate(40deg) translate(1px, 9px);
  }
  40.8% {
    transform: rotate(49deg) translate(7px, -4px);
  }
  41.1% {
    transform: rotate(51deg) translate(6px, 3px);
  }
  42.0% {
    transform: rotate(56deg) translate(18px, 7px);
  }
  43.5% {
    transform: rotate(54deg) translate(9px, -1px);
  }
  44.4% {
    transform: rotate(52deg) translate(4px, -5px);
  }
  48.0% {
    transform: rotate(46deg) translate(4px, -1px);
  }
  56.4% {
    transform: rotate(28deg) translate(4px, -1px);
  }
  57.6% {
    transform: rotate(45deg) translate(4px, 1px);
  }
  59.7% {
    transform: rotate(44deg) translate(1px, 5px);
  }
  62.1% {
    transform: rotate(42deg) translate(-4px, -2px);
  }
  63.9% {
    transform: rotate(16deg) translate(6px, -13px);
  }
  65.1% {
    transform: rotate(12deg) translate(6px, -13px);
  }
  65.4% {
    transform: rotate(15deg) translate(6px, 0px);
  }
  66.6% {
    transform: rotate(45deg) translate(-4px, -10px);
  }
  67.5% {
    transform: rotate(45deg) translate(-4px, -10px);
  }
  68.7% {
    transform: rotate(55deg) translate(4px, 0px);
  }
  70.2% {
    transform: rotate(52deg) translate(2px, -6px);
  }
  71.4% {
    transform: rotate(45deg) translate(3px, 0px);
  }
  81.0% {
    transform: rotate(45deg) translate(3px, 0px);
  }
  83.4% {
    transform: rotate(40deg) translate(3px, -20px);
  }
  86.4% {
    transform: rotate(44deg) translate(-17px, 11px);
  }
  86.7% {
    transform: rotate(44deg) translate(-17px, 11px);
  }
  87.6% {
    transform: rotate(52deg) translate(-18px, 1px);
  }
  88.8% {
    transform: rotate(52deg) translate(-12px, -6px);
  }
  91.2% {
    transform: rotate(46deg) translate(-12px, -6px);
  }
  93.3% {
    transform: rotate(44deg) translate(1px, -21px);
  }
  93.9% {
    transform: rotate(44deg) translate(1px, -21px);
  }
  94.8% {
    transform: rotate(46deg) translate(1px, -16px);
  }
  96.0% {
    transform: rotate(46deg) translate(7px, -1px);
  }
  97.8% {
    transform: rotate(46deg) translate(7px, -1px);
  }
  100% {
    transform: rotate(48deg) translate(11px, 10px);
  }
}
@keyframes alchemistLeftShoulder {
  0.0% {
    transform: rotate(-39deg) translate(-6px, 3px);
  }
  2.7% {
    transform: rotate(-45deg) translate(21px, -7px);
  }
  5.7% {
    transform: rotate(-47deg) translate(-2px, -1px);
  }
  7.2% {
    transform: rotate(-48deg) translate(-12px, 3px);
  }
  8.7% {
    transform: rotate(-46deg) translate(-2px, -2px);
  }
  12.3% {
    transform: rotate(-46deg) translate(18px, 5px);
  }
  14.7% {
    transform: rotate(-47deg) translate(6px, -1px);
  }
  17.7% {
    transform: rotate(-48deg) translate(-1px, -12px);
  }
  19.5% {
    transform: rotate(-42deg) translate(-1px, -12px);
  }
  21.3% {
    transform: rotate(-51deg) translate(3px, -4px);
  }
  22.2% {
    transform: rotate(-51deg) translate(5px, -8px);
  }
  24.0% {
    transform: rotate(-51deg) translate(12px, -12px);
  }
  25.8% {
    transform: rotate(-41deg) translate(12px, -12px);
  }
  27.9% {
    transform: rotate(-31deg) translate(11px, -1px);
  }
  30.3% {
    transform: rotate(-51deg) translate(11px, 12px);
  }
  31.8% {
    transform: rotate(-27deg) translate(1px, -7px);
  }
  33.3% {
    transform: rotate(-44deg) translate(17px, -12px);
  }
  36.3% {
    transform: rotate(-51deg) translate(7px, -9px);
  }
  38.4% {
    transform: rotate(-51deg) translate(-7px, -9px);
  }
  39.3% {
    transform: rotate(-51deg) translate(-7px, -9px);
  }
  40.8% {
    transform: rotate(-45deg) translate(13px, -5px);
  }
  41.1% {
    transform: rotate(-45deg) translate(13px, -5px);
  }
  42.0% {
    transform: rotate(-44deg) translate(1px, 0px);
  }
  43.5% {
    transform: rotate(-43deg) translate(3px, -5px);
  }
  44.4% {
    transform: rotate(-43deg) translate(10px, -8px);
  }
  48.0% {
    transform: rotate(-45deg) translate(4px, -5px);
  }
  54.0% {
    transform: rotate(-45deg) translate(4px, -5px);
  }
  56.4% {
    transform: rotate(-51deg) translate(-8px, -10px);
  }
  57.6% {
    transform: rotate(-46deg) translate(0px, -6px);
  }
  59.7% {
    transform: rotate(-41deg) translate(0px, -19px);
  }
  62.1% {
    transform: rotate(-46deg) translate(19px, 1px);
  }
  63.9% {
    transform: rotate(-50deg) translate(9px, -6px);
  }
  68.7% {
    transform: rotate(-50deg) translate(9px, -6px);
  }
  70.2% {
    transform: rotate(-47deg) translate(7px, -9px);
  }
  71.4% {
    transform: rotate(-48deg) translate(7px, -4px);
  }
  83.4% {
    transform: rotate(-48deg) translate(7px, -4px);
  }
  85.8% {
    transform: rotate(-47deg) translate(-3px, -12px);
  }
  86.7% {
    transform: rotate(-47deg) translate(-3px, -12px);
  }
  87.6% {
    transform: rotate(-46deg) translate(4px, -10px);
  }
  88.8% {
    transform: rotate(-35deg) translate(4px, -12px);
  }
  89.7% {
    transform: rotate(-35deg) translate(4px, -12px);
  }
  91.2% {
    transform: rotate(-37deg) translate(6px, -17px);
  }
  93.3% {
    transform: rotate(-23deg) translate(12px, -25px);
  }
  93.9% {
    transform: rotate(-35deg) translate(12px, -14px);
  }
  94.8% {
    transform: rotate(-40deg) translate(12px, -14px);
  }
  96.0% {
    transform: rotate(-44deg) translate(12px, -9px);
  }
  97.8% {
    transform: rotate(-44deg) translate(12px, -5px);
  }
  100% {
    transform: rotate(-39deg) translate(-6px, 3px);
  }
}
@keyframes alchemistRightCloak {
  0.0% {
    transform: skew(10deg) translate(-12px, 0px);
  }
  2.7% {
    transform: skew(11deg) translate(2px, 0px);
  }
  5.7% {
    transform: skew(11deg) translate(2px, 0px);
  }
  7.2% {
    transform: skew(12deg) translate(0px, 0px);
  }
  8.7% {
    transform: skew(12deg) translate(3px, 0px);
  }
  12.3% {
    transform: skew(10deg) translate(2px, 0px);
  }
  14.7% {
    transform: skew(10deg) translate(-1px, 0px);
  }
  17.7% {
    transform: skew(10deg) translate(-17px, 0px);
  }
  19.5% {
    transform: skew(10deg) translate(-12px, 0px);
  }
  21.3% {
    transform: skew(10deg) translate(-5px, 0px);
  }
  22.2% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  24.0% {
    transform: skew(10deg) translate(-1px, 0px);
  }
  24.9% {
    transform: skew(10deg) translate(12px, -22px);
  }
  25.8% {
    transform: skew(10deg) translate(12px, -22px);
  }
  27.9% {
    transform: skew(10deg) translate(-4px, -22px);
  }
  30.3% {
    transform: skew(10deg) translate(-4px, -2px);
  }
  31.8% {
    transform: skew(10deg) translate(15px, -19px);
  }
  33.3% {
    transform: skew(10deg) translate(-6px, -8px);
  }
  36.3% {
    transform: skew(10deg) translate(-3px, -8px);
  }
  38.4% {
    transform: skew(10deg) translate(-4px, 0px);
  }
  40.8% {
    transform: skew(10deg) translate(-4px, 0px);
  }
  41.1% {
    transform: skew(10deg) translate(-14px, 0px);
  }
  42.0% {
    transform: skew(10deg) translate(-22px, 0px);
  }
  43.5% {
    transform: skew(10deg) translate(-14px, 0px);
  }
  44.4% {
    transform: skew(10deg) translate(-10px, 0px);
  }
  48.0% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  54.0% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  56.4% {
    transform: skew(10deg) translate(21px, -20px);
  }
  57.6% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  59.7% {
    transform: skew(10deg) translate(-6px, 0px);
  }
  62.1% {
    transform: skew(10deg) translate(-1px, 0px);
  }
  63.9% {
    transform: skew(10deg) translate(19px, -20px);
  }
  65.4% {
    transform: skew(10deg) translate(19px, -20px);
  }
  66.6% {
    transform: skew(10deg) translate(2px, -20px);
  }
  68.7% {
    transform: skew(10deg) translate(2px, -20px);
  }
  70.2% {
    transform: skew(10deg) translate(-9px, 0px);
  }
  71.4% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  83.4% {
    transform: skew(10deg) translate(-3px, 0px);
  }
  86.4% {
    transform: skew(10deg) translate(-22px, 0px);
  }
  86.7% {
    transform: skew(10deg) translate(-22px, 0px);
  }
  87.6% {
    transform: skew(10deg) translate(-25px, 0px);
  }
  88.8% {
    transform: skew(10deg) translate(-16px, 0px);
  }
  89.7% {
    transform: skew(10deg) translate(-16px, 0px);
  }
  91.2% {
    transform: skew(10deg) translate(-8px, 0px);
  }
  93.3% {
    transform: skew(10deg) translate(16px, 0px);
  }
  93.9% {
    transform: skew(10deg) translate(16px, 0px);
  }
  94.8% {
    transform: skew(10deg) translate(8px, 0px);
  }
  96.0% {
    transform: skew(10deg) translate(0px, 0px);
  }
  97.8% {
    transform: skew(10deg) translate(0px, 0px);
  }
  100% {
    transform: skew(10deg) translate(-12px, 0px);
  }
}
@keyframes alchemistLeftCloak {
  0.0% {
    transform: skew(-7deg) translate(-9px, 0px);
  }
  2.7% {
    transform: skew(-7deg) translate(4px, -10px);
  }
  5.7% {
    transform: skew(-7deg) translate(3px, -6px);
  }
  7.2% {
    transform: skew(-7deg) translate(2px, -6px);
  }
  8.7% {
    transform: skew(-7deg) translate(1px, -6px);
  }
  12.3% {
    transform: skew(-7deg) translate(16px, -6px);
  }
  14.7% {
    transform: skew(-7deg) translate(6px, -6px);
  }
  17.7% {
    transform: skew(-5deg) translate(-1px, -6px);
  }
  19.5% {
    transform: skew(-5deg) translate(-9px, -6px);
  }
  21.3% {
    transform: skew(-5deg) translate(11px, -6px);
  }
  22.2% {
    transform: skew(-5deg) translate(10px, -6px);
  }
  24.0% {
    transform: skew(-5deg) translate(9px, -6px);
  }
  24.9% {
    transform: skew(-5deg) translate(3px, -6px);
  }
  27.9% {
    transform: skew(-5deg) translate(3px, -36px);
  }
  30.3% {
    transform: skew(-5deg) translate(30px, 0px);
  }
  31.8% {
    transform: skew(-5deg) translate(-12px, -39px);
  }
  33.3% {
    transform: skew(-5deg) translate(7px, -21px);
  }
  36.3% {
    transform: skew(-5deg) translate(11px, -21px);
  }
  38.4% {
    transform: skew(-5deg) translate(3px, 0px);
  }
  39.3% {
    transform: skew(-5deg) translate(3px, 0px);
  }
  40.8% {
    transform: skew(-5deg) translate(5px, 0px);
  }
  41.1% {
    transform: skew(-5deg) translate(5px, 0px);
  }
  42.0% {
    transform: skew(-5deg) translate(3px, 0px);
  }
  43.5% {
    transform: skew(-5deg) translate(2px, -10px);
  }
  44.4% {
    transform: skew(-5deg) translate(2px, -10px);
  }
  48.0% {
    transform: skew(-5deg) translate(4px, -10px);
  }
  54.0% {
    transform: skew(-5deg) translate(4px, -10px);
  }
  56.4% {
    transform: skew(-5deg) translate(1px, -10px);
  }
  57.6% {
    transform: skew(-5deg) translate(1px, 0px);
  }
  59.7% {
    transform: skew(-5deg) translate(-16px, -13px);
  }
  62.1% {
    transform: skew(-5deg) translate(16px, -3px);
  }
  63.9% {
    transform: skew(-5deg) translate(11px, -3px);
  }
  68.7% {
    transform: skew(-5deg) translate(11px, -3px);
  }
  70.2% {
    transform: skew(-5deg) translate(3px, -3px);
  }
  71.4% {
    transform: skew(-5deg) translate(10px, -3px);
  }
  83.4% {
    transform: skew(-5deg) translate(10px, -3px);
  }
  85.8% {
    transform: skew(-5deg) translate(-3px, -3px);
  }
  86.7% {
    transform: skew(-5deg) translate(-3px, -3px);
  }
  87.6% {
    transform: skew(-5deg) translate(0px, 0px);
  }
  88.8% {
    transform: skew(-5deg) translate(-8px, -30px);
  }
  89.7% {
    transform: skew(-5deg) translate(-8px, -30px);
  }
  91.2% {
    transform: skew(-5deg) translate(-8px, -34px);
  }
  93.3% {
    transform: skew(-5deg) translate(-13px, -64px);
  }
  93.9% {
    transform: skew(-5deg) translate(-13px, -64px);
  }
  94.8% {
    transform: skew(-5deg) translate(-6px, -14px);
  }
  96.0% {
    transform: skew(-5deg) translate(0px, 0px);
  }
  97.8% {
    transform: skew(-5deg) translate(3px, 0px);
  }
  100% {
    transform: skew(-7deg) translate(-9px, 0px);
  }
}
@keyframes alchemistLeftLeg {
  0.0% {
    transform: rotate(18deg) translate(-38px, -3px);
  }
  0.6% {
    transform: rotate(28deg) translate(-37px, 32px);
  }
  2.4% {
    transform: rotate(28deg) translate(-37px, 32px);
  }
  3.0% {
    transform: rotate(21deg) translate(-26px, -12px);
  }
  3.9% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  41.1% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  41.4% {
    transform: rotate(28deg) translate(-37px, 32px);
  }
  43.2% {
    transform: rotate(28deg) translate(-37px, 32px);
  }
  43.8% {
    transform: rotate(21deg) translate(-26px, -12px);
  }
  44.7% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  66.9% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  67.2% {
    transform: rotate(21deg) translate(-26px, -12px);
  }
  68.1% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  99.7% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(18deg) translate(-38px, -3px);
  }
}
@keyframes alchemistPedal {
  0.0% {
    transform: rotate(77deg);
  }
  0.6% {
    transform: rotate(87deg);
  }
  2.4% {
    transform: rotate(87deg);
  }
  3.0% {
    transform: rotate(71deg);
  }
  3.6% {
    transform: rotate(80deg);
  }
  4.2% {
    transform: rotate(75deg);
  }
  5.4% {
    transform: rotate(75deg);
  }
  41.1% {
    transform: rotate(77deg);
  }
  41.4% {
    transform: rotate(87deg);
  }
  43.2% {
    transform: rotate(87deg);
  }
  43.8% {
    transform: rotate(71deg);
  }
  44.4% {
    transform: rotate(80deg);
  }
  45.0% {
    transform: rotate(75deg);
  }
  46.2% {
    transform: rotate(75deg);
  }
  67.2% {
    transform: rotate(71deg);
  }
  67.8% {
    transform: rotate(80deg);
  }
  68.4% {
    transform: rotate(75deg);
  }
  69.6% {
    transform: rotate(75deg);
  }
  100% {
    transform: rotate(77deg);
  }
}
@keyframes alchemistPedal-1 {
  0.0% {
    transform: rotate(31deg);
  }
  0.6% {
    transform: rotate(7deg);
  }
  2.4% {
    transform: rotate(7deg);
  }
  3.0% {
    transform: rotate(50deg);
  }
  3.6% {
    transform: rotate(29deg);
  }
  4.2% {
    transform: rotate(44deg);
  }
  5.4% {
    transform: rotate(31deg);
  }
  41.1% {
    transform: rotate(31deg);
  }
  41.4% {
    transform: rotate(7deg);
  }
  43.2% {
    transform: rotate(7deg);
  }
  43.8% {
    transform: rotate(50deg);
  }
  44.4% {
    transform: rotate(29deg);
  }
  45.0% {
    transform: rotate(44deg);
  }
  46.2% {
    transform: rotate(31deg);
  }
  67.2% {
    transform: rotate(50deg);
  }
  67.8% {
    transform: rotate(29deg);
  }
  68.4% {
    transform: rotate(44deg);
  }
  69.6% {
    transform: rotate(31deg);
  }
  100% {
    transform: rotate(31deg);
  }
}
@keyframes alchemistPedal-2 {
  0.0% {
    transform: rotate(148deg);
  }
  0.6% {
    transform: rotate(183deg);
  }
  2.4% {
    transform: rotate(183deg);
  }
  3.0% {
    transform: rotate(140deg);
  }
  3.6% {
    transform: rotate(154deg);
  }
  4.2% {
    transform: rotate(144deg);
  }
  5.4% {
    transform: rotate(149deg);
  }
  41.1% {
    transform: rotate(148deg);
  }
  41.4% {
    transform: rotate(183deg);
  }
  43.2% {
    transform: rotate(183deg);
  }
  43.8% {
    transform: rotate(140deg);
  }
  44.4% {
    transform: rotate(154deg);
  }
  45.0% {
    transform: rotate(144deg);
  }
  46.2% {
    transform: rotate(149deg);
  }
  67.2% {
    transform: rotate(140deg);
  }
  67.8% {
    transform: rotate(154deg);
  }
  68.4% {
    transform: rotate(144deg);
  }
  69.6% {
    transform: rotate(149deg);
  }
  100% {
    transform: rotate(148deg);
  }
}
@keyframes alchemistPedal-3 {
  0.0% {
    transform: rotate(-55deg);
  }
  0.6% {
    transform: rotate(-69deg);
  }
  2.4% {
    transform: rotate(-69deg);
  }
  3.0% {
    transform: rotate(-62deg);
  }
  3.6% {
    transform: rotate(-69deg);
  }
  4.2% {
    transform: rotate(-72deg);
  }
  5.4% {
    transform: rotate(-59deg);
  }
  41.1% {
    transform: rotate(-55deg);
  }
  41.4% {
    transform: rotate(-69deg);
  }
  43.2% {
    transform: rotate(-69deg);
  }
  43.8% {
    transform: rotate(-62deg);
  }
  44.4% {
    transform: rotate(-69deg);
  }
  45.0% {
    transform: rotate(-72deg);
  }
  46.2% {
    transform: rotate(-59deg);
  }
  67.2% {
    transform: rotate(-62deg);
  }
  67.8% {
    transform: rotate(-69deg);
  }
  68.4% {
    transform: rotate(-72deg);
  }
  69.6% {
    transform: rotate(-59deg);
  }
  100% {
    transform: rotate(-55deg);
  }
}
@keyframes alchemistRightArm {
  0.0% {
    transform: rotate(-38deg) translate(0px, 0px);
  }
  2.7% {
    transform: rotate(-38deg) translate(0px, 0px);
  }
  5.7% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  7.2% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  8.7% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  12.3% {
    transform: rotate(-31deg) translate(0px, 0px);
  }
  14.7% {
    transform: rotate(-28deg) translate(0px, 0px);
  }
  17.7% {
    transform: rotate(-28deg) translate(0px, 0px);
  }
  19.5% {
    transform: rotate(-28deg) translate(0px, 0px);
  }
  21.3% {
    transform: rotate(-41deg) translate(0px, 0px);
  }
  22.2% {
    transform: rotate(-41deg) translate(0px, 0px);
  }
  24.0% {
    transform: rotate(-53deg) translate(0px, 0px);
  }
  24.9% {
    transform: rotate(-71deg) translate(14px, 20px);
  }
  25.8% {
    transform: rotate(-72deg) translate(14px, 20px);
  }
  27.9% {
    transform: rotate(-56deg) translate(0px, 0px);
  }
  30.3% {
    transform: rotate(-22deg) translate(0px, 0px);
  }
  31.8% {
    transform: rotate(-67deg) translate(0px, 0px);
  }
  33.3% {
    transform: rotate(-49deg) translate(0px, 0px);
  }
  36.3% {
    transform: rotate(-44deg) translate(0px, 0px);
  }
  39.3% {
    transform: rotate(-44deg) translate(0px, 0px);
  }
  40.8% {
    transform: rotate(-57deg) translate(0px, 0px);
  }
  41.1% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  54.0% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  56.4% {
    transform: rotate(-60deg) translate(0px, 0px);
  }
  57.6% {
    transform: rotate(-21deg) translate(0px, 0px);
  }
  59.7% {
    transform: rotate(-29deg) translate(-14px, 0px);
  }
  62.1% {
    transform: rotate(-36deg) translate(0px, 0px);
  }
  63.9% {
    transform: rotate(-76deg) translate(16px, 10px);
  }
  64.5% {
    transform: rotate(-82deg) translate(16px, 30px);
  }
  65.1% {
    transform: rotate(-82deg) translate(16px, 30px);
  }
  65.4% {
    transform: rotate(-72deg) translate(0px, 0px);
  }
  66.6% {
    transform: rotate(-52deg) translate(0px, 0px);
  }
  67.5% {
    transform: rotate(-52deg) translate(0px, 0px);
  }
  68.7% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  81.0% {
    transform: rotate(-29deg) translate(0px, 0px);
  }
  83.4% {
    transform: rotate(-52deg) translate(7px, 40px);
  }
  86.4% {
    transform: rotate(2deg) translate(0px, 0px);
  }
  89.7% {
    transform: rotate(2deg) translate(0px, 0px);
  }
  91.2% {
    transform: rotate(-48deg) translate(0px, 0px);
  }
  93.3% {
    transform: rotate(-15deg) translate(0px, 0px);
  }
  93.9% {
    transform: rotate(-15deg) translate(0px, 0px);
  }
  94.8% {
    transform: rotate(-49deg) translate(0px, 0px);
  }
  96.0% {
    transform: rotate(-28deg) translate(0px, 0px);
  }
  97.8% {
    transform: rotate(-28deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(-38deg) translate(0px, 0px);
  }
}
@keyframes alchemistRightForearm {
  0.0% {
    transform: rotate(36deg);
  }
  2.7% {
    transform: rotate(36deg);
  }
  5.7% {
    transform: rotate(18deg);
  }
  8.7% {
    transform: rotate(18deg);
  }
  12.3% {
    transform: rotate(24deg);
  }
  14.7% {
    transform: rotate(18deg);
  }
  17.7% {
    transform: rotate(18deg);
  }
  19.5% {
    transform: rotate(8deg);
  }
  21.3% {
    transform: rotate(76deg);
  }
  22.2% {
    transform: rotate(79deg);
  }
  24.0% {
    transform: rotate(100deg);
  }
  24.9% {
    transform: rotate(2deg);
  }
  25.8% {
    transform: rotate(3deg);
  }
  27.9% {
    transform: rotate(113deg);
  }
  30.3% {
    transform: rotate(11deg);
  }
  31.8% {
    transform: rotate(122deg);
  }
  33.3% {
    transform: rotate(67deg);
  }
  36.3% {
    transform: rotate(94deg);
  }
  38.4% {
    transform: rotate(97deg);
  }
  39.3% {
    transform: rotate(81deg);
  }
  40.8% {
    transform: rotate(66deg);
  }
  41.1% {
    transform: rotate(16deg);
  }
  54.0% {
    transform: rotate(16deg);
  }
  56.4% {
    transform: rotate(0deg);
  }
  57.6% {
    transform: rotate(82deg);
  }
  59.7% {
    transform: rotate(0deg);
  }
  62.1% {
    transform: rotate(78deg);
  }
  63.9% {
    transform: rotate(0deg);
  }
  65.4% {
    transform: rotate(0deg);
  }
  66.6% {
    transform: rotate(150deg);
  }
  67.5% {
    transform: rotate(150deg);
  }
  68.7% {
    transform: rotate(25deg);
  }
  81.0% {
    transform: rotate(25deg);
  }
  83.4% {
    transform: rotate(0deg);
  }
  86.4% {
    transform: rotate(50deg);
  }
  89.7% {
    transform: rotate(50deg);
  }
  91.2% {
    transform: rotate(139deg);
  }
  93.3% {
    transform: rotate(150deg);
  }
  93.9% {
    transform: rotate(150deg);
  }
  94.8% {
    transform: rotate(66deg);
  }
  96.0% {
    transform: rotate(18deg);
  }
  97.8% {
    transform: rotate(18deg);
  }
}
@keyframes alchemistLeftArm {
  0.0% {
    transform: rotate(45deg) translate(0px, 0px);
  }
  2.7% {
    transform: rotate(40deg) translate(0px, 0px);
  }
  5.7% {
    transform: rotate(40deg) translate(0px, 0px);
  }
  7.2% {
    transform: rotate(38deg) translate(0px, 0px);
  }
  8.7% {
    transform: rotate(41deg) translate(0px, 0px);
  }
  12.3% {
    transform: rotate(36deg) translate(0px, 0px);
  }
  14.7% {
    transform: rotate(36deg) translate(0px, 0px);
  }
  17.7% {
    transform: rotate(70deg) translate(0px, 0px);
  }
  19.5% {
    transform: rotate(57deg) translate(2px, 19px);
  }
  21.3% {
    transform: rotate(68deg) translate(0px, 0px);
  }
  22.2% {
    transform: rotate(61deg) translate(0px, 0px);
  }
  24.0% {
    transform: rotate(71deg) translate(0px, 0px);
  }
  24.9% {
    transform: rotate(59deg) translate(-3px, 10px);
  }
  25.8% {
    transform: rotate(59deg) translate(-3px, 10px);
  }
  27.9% {
    transform: rotate(79deg) translate(0px, 0px);
  }
  30.3% {
    transform: rotate(29deg) translate(0px, 0px);
  }
  31.8% {
    transform: rotate(59deg) translate(0px, 0px);
  }
  33.3% {
    transform: rotate(59deg) translate(0px, 0px);
  }
  36.3% {
    transform: rotate(51deg) translate(0px, 0px);
  }
  39.3% {
    transform: rotate(51deg) translate(0px, 0px);
  }
  40.8% {
    transform: rotate(61deg) translate(0px, 0px);
  }
  41.1% {
    transform: rotate(39deg) translate(0px, 0px);
  }
  56.4% {
    transform: rotate(39deg) translate(0px, 0px);
  }
  57.6% {
    transform: rotate(48deg) translate(0px, 0px);
  }
  59.7% {
    transform: rotate(53deg) translate(-14px, 13px);
  }
  62.1% {
    transform: rotate(55deg) translate(0px, 0px);
  }
  63.9% {
    transform: rotate(39deg) translate(0px, 0px);
  }
  83.4% {
    transform: rotate(39deg) translate(0px, 0px);
  }
  85.8% {
    transform: rotate(46deg) translate(0px, 0px);
  }
  87.6% {
    transform: rotate(46deg) translate(0px, 0px);
  }
  88.8% {
    transform: rotate(84deg) translate(0px, 0px);
  }
  91.2% {
    transform: rotate(84deg) translate(0px, 0px);
  }
  93.3% {
    transform: rotate(114deg) translate(0px, 0px);
  }
  93.9% {
    transform: rotate(52deg) translate(-22px, 23px);
  }
  94.8% {
    transform: rotate(49deg) translate(-18px, 12px);
  }
  96.0% {
    transform: rotate(77deg) translate(0px, 0px);
  }
  97.8% {
    transform: rotate(38deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes alchemistLeftForearm {
  0.0% {
    transform: rotate(-35deg);
  }
  2.7% {
    transform: rotate(-27deg);
  }
  5.7% {
    transform: rotate(-31deg);
  }
  7.2% {
    transform: rotate(-31deg);
  }
  8.7% {
    transform: rotate(-34deg);
  }
  12.3% {
    transform: rotate(-20deg);
  }
  14.7% {
    transform: rotate(-20deg);
  }
  17.7% {
    transform: rotate(-71deg);
  }
  19.5% {
    transform: rotate(-4deg);
  }
  21.3% {
    transform: rotate(-99deg);
  }
  22.2% {
    transform: rotate(-94deg);
  }
  24.0% {
    transform: rotate(-111deg);
  }
  24.9% {
    transform: rotate(-11deg);
  }
  25.8% {
    transform: rotate(-11deg);
  }
  27.9% {
    transform: rotate(-122deg);
  }
  30.3% {
    transform: rotate(-1deg);
  }
  31.8% {
    transform: rotate(-144deg);
  }
  33.3% {
    transform: rotate(-73deg);
  }
  36.3% {
    transform: rotate(-93deg);
  }
  38.4% {
    transform: rotate(-99deg);
  }
  39.3% {
    transform: rotate(-76deg);
  }
  40.8% {
    transform: rotate(-56deg);
  }
  41.1% {
    transform: rotate(-30deg);
  }
  56.4% {
    transform: rotate(-30deg);
  }
  57.6% {
    transform: rotate(-42deg);
  }
  59.7% {
    transform: rotate(0deg);
  }
  62.1% {
    transform: rotate(-116deg);
  }
  63.9% {
    transform: rotate(-24deg);
  }
  87.6% {
    transform: rotate(-24deg);
  }
  88.8% {
    transform: rotate(-120deg);
  }
  89.7% {
    transform: rotate(-120deg);
  }
  91.2% {
    transform: rotate(-145deg);
  }
  93.3% {
    transform: rotate(-155deg);
  }
  93.9% {
    transform: rotate(0deg);
  }
  94.8% {
    transform: rotate(0deg);
  }
  96.0% {
    transform: rotate(-128deg);
  }
  97.8% {
    transform: rotate(-23deg);
  }
  100% {
    transform: rotate(-35deg);
  }
}
@keyframes catEyes {
  6.6% {
    transform: scaleY(1);
  }
  7.5% {
    transform: scaleY(0);
  }
  8.4% {
    transform: scaleY(1);
  }
  12.3% {
    transform: scaleY(1);
  }
  13.2% {
    transform: scaleY(0);
  }
  14.1% {
    transform: scaleY(1);
  }
  28.5% {
    transform: scaleY(1);
  }
  29.4% {
    transform: scaleY(0);
  }
  30.3% {
    transform: scaleY(1);
  }
  42.3% {
    transform: scaleY(1);
  }
  43.2% {
    transform: scaleY(0);
  }
  44.1% {
    transform: scaleY(1);
  }
  56.7% {
    transform: scaleY(1);
  }
  57.9% {
    transform: scaleY(0);
  }
  59.1% {
    transform: scaleY(1);
  }
  61.8% {
    transform: scaleY(1);
  }
  62.7% {
    transform: scaleY(0);
  }
  63.6% {
    transform: scaleY(1);
  }
  73.2% {
    transform: scaleY(1);
  }
  74.4% {
    transform: scaleY(0);
  }
  75.6% {
    transform: scaleY(1);
  }
  81.3% {
    transform: scaleY(1);
  }
  82.2% {
    transform: scaleY(0);
  }
  83.1% {
    transform: scaleY(1);
  }
  96.0% {
    transform: scaleY(1);
  }
  96.9% {
    transform: scaleY(0);
  }
  97.8% {
    transform: scaleY(1);
  }
}
@keyframes cat {
  8.1% {
    transform: translateY(0px);
  }
  8.7% {
    transform: translateY(10px);
  }
  9.3% {
    transform: translateY(10px);
  }
  12.3% {
    transform: translateY(0px);
  }
  19.2% {
    transform: translateY(0px);
  }
  20.7% {
    transform: translateY(10px);
  }
  21.3% {
    transform: translateY(10px);
  }
  21.9% {
    transform: translateY(0px);
  }
  36.0% {
    transform: translateY(0px);
  }
  37.2% {
    transform: translateY(10px);
  }
  38.4% {
    transform: translateY(10px);
  }
  39.3% {
    transform: translateY(22px);
  }
  41.1% {
    transform: translateY(0px);
  }
  43.5% {
    transform: translateY(0px);
  }
  44.4% {
    transform: translateY(10px);
  }
  45.3% {
    transform: translateY(10px);
  }
  46.8% {
    transform: translateY(0px);
  }
  48.6% {
    transform: translateY(0px);
  }
  49.5% {
    transform: translateY(10px);
  }
  56.7% {
    transform: translateY(10px);
  }
  58.5% {
    transform: translateY(0px);
  }
  75.9% {
    transform: translateY(0px);
  }
  76.5% {
    transform: translateY(10px);
  }
  78.3% {
    transform: translateY(10px);
  }
  81.0% {
    transform: translateY(0px);
  }
}
@keyframes catHand {
  8.1% {
    transform: translateY(0px);
  }
  8.7% {
    transform: translateY(-10px);
  }
  9.3% {
    transform: translateY(-10px);
  }
  12.3% {
    transform: translateY(0px);
  }
  19.2% {
    transform: translateY(0px);
  }
  20.7% {
    transform: translateY(-10px);
  }
  21.3% {
    transform: translateY(-10px);
  }
  21.9% {
    transform: translateY(0px);
  }
  36.0% {
    transform: translateY(0px);
  }
  37.2% {
    transform: translateY(-10px);
  }
  38.4% {
    transform: translateY(-10px);
  }
  39.3% {
    transform: translateY(-22px);
  }
  41.1% {
    transform: translateY(0px);
  }
  43.5% {
    transform: translateY(0px);
  }
  44.4% {
    transform: translateY(-10px);
  }
  45.3% {
    transform: translateY(-10px);
  }
  46.8% {
    transform: translateY(0px);
  }
  48.6% {
    transform: translateY(0px);
  }
  49.5% {
    transform: translateY(-10px);
  }
  56.7% {
    transform: translateY(-10px);
  }
  58.5% {
    transform: translateY(0px);
  }
  75.9% {
    transform: translateY(0px);
  }
  76.5% {
    transform: translateY(-10px);
  }
  78.3% {
    transform: translateY(-10px);
  }
  81.0% {
    transform: translateY(0px);
  }
}
@keyframes forestGhost {
  0.0% {
    transform: translate(-4px, -7px);
  }
  1.5% {
    transform: translate(-1px, -15px);
  }
  3.0% {
    transform: translate(1px, -20px);
  }
  4.5% {
    transform: translate(-3px, -18px);
  }
  6.0% {
    transform: translate(-7px, -11px);
  }
  7.5% {
    transform: translate(-2px, -8px);
  }
  9.0% {
    transform: translate(38px, 34px);
  }
  10.5% {
    transform: translate(40px, 34px);
  }
  12.0% {
    transform: translate(32px, 29px);
  }
  13.5% {
    transform: translate(26px, 20px);
  }
  15.0% {
    transform: translate(20px, 8px);
  }
  16.5% {
    transform: translate(6px, -5px);
  }
  18.0% {
    transform: translate(0px, -14px);
  }
  19.5% {
    transform: translate(-1px, -19px);
  }
  21.0% {
    transform: translate(-4px, -20px);
  }
  22.6% {
    transform: translate(-6px, -19px);
  }
  24.0% {
    transform: translate(-2px, -15px);
  }
  25.5% {
    transform: translate(1px, -9px);
  }
  27.0% {
    transform: translate(-1px, -5px);
  }
  28.5% {
    transform: translate(-4px, -3px);
  }
  30.0% {
    transform: translate(-1px, -3px);
  }
  31.5% {
    transform: translate(1px, -8px);
  }
  33.0% {
    transform: translate(-6px, -14px);
  }
  34.5% {
    transform: translate(-5px, -18px);
  }
  36.0% {
    transform: translate(-1px, -18px);
  }
  37.5% {
    transform: translate(-2px, -13px);
  }
  39.0% {
    transform: translate(-5px, -5px);
  }
  40.5% {
    transform: translate(-4px, 2px);
  }
  42.0% {
    transform: translate(0px, 5px);
  }
  43.5% {
    transform: translate(0px, 3px);
  }
  45.0% {
    transform: translate(-4px, -1px);
  }
  46.5% {
    transform: translate(-2px, -5px);
  }
  48.0% {
    transform: translate(15px, -3px);
  }
  49.5% {
    transform: translate(56px, -1px);
  }
  51.0% {
    transform: translate(50px, 0px);
  }
  52.5% {
    transform: translate(41px, -2px);
  }
  54.0% {
    transform: translate(34px, -3px);
  }
  55.5% {
    transform: translate(32px, -3px);
  }
  57.0% {
    transform: translate(27px, -4px);
  }
  58.5% {
    transform: translate(12px, -6px);
  }
  60.0% {
    transform: translate(1px, -7px);
  }
  61.5% {
    transform: translate(3px, -7px);
  }
  63.0% {
    transform: translate(5px, -8px);
  }
  64.5% {
    transform: translate(0px, -9px);
  }
  66.0% {
    transform: translate(-1px, -10px);
  }
  67.5% {
    transform: translate(2px, -10px);
  }
  69.0% {
    transform: translate(3px, -9px);
  }
  70.5% {
    transform: translate(-1px, -3px);
  }
  72.0% {
    transform: translate(-1px, 2px);
  }
  73.5% {
    transform: translate(3px, 3px);
  }
  75.0% {
    transform: translate(2px, 0px);
  }
  76.5% {
    transform: translate(-2px, -3px);
  }
  78.0% {
    transform: translate(31px, 13px);
  }
  79.5% {
    transform: translate(52px, 27px);
  }
  81.0% {
    transform: translate(54px, 22px);
  }
  82.5% {
    transform: translate(42px, 17px);
  }
  84.0% {
    transform: translate(33px, 9px);
  }
  85.5% {
    transform: translate(25px, 2px);
  }
  87.0% {
    transform: translate(9px, -6px);
  }
  88.5% {
    transform: translate(0px, -10px);
  }
  90.0% {
    transform: translate(1px, -15px);
  }
  91.5% {
    transform: translate(-2px, -15px);
  }
  93.0% {
    transform: translate(-5px, -11px);
  }
  94.5% {
    transform: translate(-3px, -5px);
  }
  96.0% {
    transform: translate(0px, -1px);
  }
  97.5% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes forestGhostLeg {
  0.0% {
    transform: rotate(-5deg);
  }
  1.5% {
    transform: rotate(7deg);
  }
  3.0% {
    transform: rotate(1deg);
  }
  4.5% {
    transform: rotate(-6deg);
  }
  6.0% {
    transform: rotate(-6deg);
  }
  7.5% {
    transform: rotate(7deg);
  }
  9.0% {
    transform: rotate(15deg);
  }
  10.5% {
    transform: rotate(-3deg);
  }
  12.0% {
    transform: rotate(-13deg);
  }
  13.5% {
    transform: rotate(2deg);
  }
  15.0% {
    transform: rotate(6deg);
  }
  16.5% {
    transform: rotate(-9deg);
  }
  18.0% {
    transform: rotate(1deg);
  }
  19.5% {
    transform: rotate(5deg);
  }
  21.0% {
    transform: rotate(-7deg);
  }
  22.6% {
    transform: rotate(-3deg);
  }
  24.0% {
    transform: rotate(8deg);
  }
  25.5% {
    transform: rotate(5deg);
  }
  27.0% {
    transform: rotate(-3deg);
  }
  28.5% {
    transform: rotate(-8deg);
  }
  30.0% {
    transform: rotate(7deg);
  }
  31.5% {
    transform: rotate(3deg);
  }
  33.0% {
    transform: rotate(-8deg);
  }
  34.5% {
    transform: rotate(3deg);
  }
  36.0% {
    transform: rotate(9deg);
  }
  37.5% {
    transform: rotate(-2deg);
  }
  39.0% {
    transform: rotate(-11deg);
  }
  40.5% {
    transform: rotate(0deg);
  }
  42.0% {
    transform: rotate(9deg);
  }
  43.5% {
    transform: rotate(0deg);
  }
  45.0% {
    transform: rotate(-10deg);
  }
  46.5% {
    transform: rotate(4deg);
  }
  48.0% {
    transform: rotate(10deg);
  }
  49.5% {
    transform: rotate(-5deg);
  }
  51.0% {
    transform: rotate(-8deg);
  }
  52.5% {
    transform: rotate(7deg);
  }
  54.0% {
    transform: rotate(-10deg);
  }
  55.5% {
    transform: rotate(3deg);
  }
  57.0% {
    transform: rotate(8deg);
  }
  58.5% {
    transform: rotate(-6deg);
  }
  60.0% {
    transform: rotate(-7deg);
  }
  61.5% {
    transform: rotate(8deg);
  }
  63.0% {
    transform: rotate(4deg);
  }
  64.5% {
    transform: rotate(-7deg);
  }
  66.0% {
    transform: rotate(2deg);
  }
  67.5% {
    transform: rotate(9deg);
  }
  69.0% {
    transform: rotate(0deg);
  }
  70.5% {
    transform: rotate(-9deg);
  }
  72.0% {
    transform: rotate(1deg);
  }
  73.5% {
    transform: rotate(9deg);
  }
  75.0% {
    transform: rotate(-3deg);
  }
  76.5% {
    transform: rotate(-8deg);
  }
  78.0% {
    transform: rotate(-2deg);
  }
  79.5% {
    transform: rotate(2deg);
  }
  81.0% {
    transform: rotate(5deg);
  }
  82.5% {
    transform: rotate(-12deg);
  }
  84.0% {
    transform: rotate(4deg);
  }
  85.5% {
    transform: rotate(9deg);
  }
  87.0% {
    transform: rotate(-7deg);
  }
  88.5% {
    transform: rotate(0deg);
  }
  90.0% {
    transform: rotate(11deg);
  }
  91.5% {
    transform: rotate(-2deg);
  }
  93.0% {
    transform: rotate(-10deg);
  }
  94.5% {
    transform: rotate(4deg);
  }
  96.0% {
    transform: rotate(9deg);
  }
  97.5% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes potBubble1 {
  0.0% {
    transform: scale(0.7);
  }
  8.7% {
    transform: scale(1.5);
  }
  90.0% {
    transform: scale(0);
  }
  11.7% {
    transform: scale(0);
  }
  23.4% {
    transform: scale(1.5);
  }
  23.7% {
    transform: scale(0);
  }
  27.0% {
    transform: scale(0);
  }
  38.1% {
    transform: scale(1.5);
  }
  38.4% {
    transform: scale(0);
  }
  42.0% {
    transform: scale(0);
  }
  52.8% {
    transform: scale(1.5);
  }
  53.1% {
    transform: scale(0);
  }
  63.9% {
    transform: scale(1.5);
  }
  64.2% {
    transform: scale(0);
  }
  67.5% {
    transform: scale(0);
  }
  78.3% {
    transform: scale(1.5);
  }
  78.6% {
    transform: scale(0);
  }
  81.6% {
    transform: scale(0);
  }
  93.3% {
    transform: scale(1.5);
  }
  93.6% {
    transform: scale(0);
  }
  96.6% {
    transform: scale(0);
  }
  100% {
    transform: scale(0.7);
  }
}
@keyframes potBubble2 {
  0.0% {
    transform: scale(0.8);
  }
  3.6% {
    transform: scale(1);
  }
  4.2% {
    transform: scale(0);
  }
  8.4% {
    transform: scale(0);
  }
  15.6% {
    transform: scale(1);
  }
  15.9% {
    transform: scale(0);
  }
  18.9% {
    transform: scale(0);
  }
  27.6% {
    transform: scale(1);
  }
  27.9% {
    transform: scale(0);
  }
  31.2% {
    transform: scale(0);
  }
  39.0% {
    transform: scale(1);
  }
  39.3% {
    transform: scale(0);
  }
  50.7% {
    transform: scale(1);
  }
  51.0% {
    transform: scale(0);
  }
  56.4% {
    transform: scale(1);
  }
  56.7% {
    transform: scale(0);
  }
  60.3% {
    transform: scale(0);
  }
  67.5% {
    transform: scale(1);
  }
  67.8% {
    transform: scale(0);
  }
  72.0% {
    transform: scale(0);
  }
  79.5% {
    transform: scale(1);
  }
  79.8% {
    transform: scale(0);
  }
  83.7% {
    transform: scale(0);
  }
  90.9% {
    transform: scale(1);
  }
  91.2% {
    transform: scale(0);
  }
  95.4% {
    transform: scale(0);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes potBubble3 {
  0.0% {
    transform: scale(0.6);
  }
  7.2% {
    transform: scale(1.6);
  }
  7.5% {
    transform: scale(0);
  }
  8.7% {
    transform: scale(0);
  }
  18.9% {
    transform: scale(1.6);
  }
  19.2% {
    transform: scale(0);
  }
  23.1% {
    transform: scale(0);
  }
  30.9% {
    transform: scale(1.6);
  }
  31.2% {
    transform: scale(0);
  }
  34.8% {
    transform: scale(0);
  }
  42.6% {
    transform: scale(1.6);
  }
  42.9% {
    transform: scale(0);
  }
  46.2% {
    transform: scale(0);
  }
  54.0% {
    transform: scale(1.6);
  }
  54.3% {
    transform: scale(0);
  }
  59.7% {
    transform: scale(1.6);
  }
  60.0% {
    transform: scale(0);
  }
  63.6% {
    transform: scale(0);
  }
  71.1% {
    transform: scale(1.6);
  }
  71.4% {
    transform: scale(0);
  }
  75.0% {
    transform: scale(0);
  }
  82.8% {
    transform: scale(1.6);
  }
  83.1% {
    transform: scale(0);
  }
  86.7% {
    transform: scale(0);
  }
  94.5% {
    transform: scale(1.6);
  }
  94.8% {
    transform: scale(0);
  }
  100% {
    transform: scale(0.6);
  }
}
@keyframes potLiquid2 {
  0.0% {
    transform: scaleY(1);
  }
  2.7% {
    transform: scaleY(1.1);
  }
  3.0% {
    transform: scaleY(0.8);
  }
  6.3% {
    transform: scaleY(0.5);
  }
  15.3% {
    transform: scaleY(1.1);
  }
  15.6% {
    transform: scaleY(0.8);
  }
  18.9% {
    transform: scaleY(0.5);
  }
  27.9% {
    transform: scaleY(1.1);
  }
  28.2% {
    transform: scaleY(0.8);
  }
  31.5% {
    transform: scaleY(0.5);
  }
  40.5% {
    transform: scaleY(1.1);
  }
  40.8% {
    transform: scaleY(0.8);
  }
  44.1% {
    transform: scaleY(0.5);
  }
  53.1% {
    transform: scaleY(1.1);
  }
  53.4% {
    transform: scaleY(0.8);
  }
  54.9% {
    transform: scaleY(0.5);
  }
  63.9% {
    transform: scaleY(1.1);
  }
  64.2% {
    transform: scaleY(0.8);
  }
  67.5% {
    transform: scaleY(0.5);
  }
  76.5% {
    transform: scaleY(1.1);
  }
  76.8% {
    transform: scaleY(0.8);
  }
}
@keyframes potDrop {
  0.0% {
    transform: translateY(107px);
  }
  15.2% {
    transform: translateY(107px);
  }
  15.3% {
    transform: translateY(10px);
  }
  16.2% {
    transform: translateY(107px);
  }
  27.8% {
    transform: translateY(107px);
  }
  27.9% {
    transform: translateY(10px);
  }
  28.8% {
    transform: translateY(107px);
  }
  40.4% {
    transform: translateY(107px);
  }
  40.5% {
    transform: translateY(10px);
  }
  41.4% {
    transform: translateY(107px);
  }
  53.0% {
    transform: translateY(107px);
  }
  53.1% {
    transform: translateY(10px);
  }
  54.0% {
    transform: translateY(107px);
  }
  63.8% {
    transform: translateY(107px);
  }
  63.9% {
    transform: translateY(10px);
  }
  64.8% {
    transform: translateY(107px);
  }
  76.4% {
    transform: translateY(107px);
  }
  76.5% {
    transform: translateY(10px);
  }
  77.4% {
    transform: translateY(107px);
  }
  100% {
    transform: translateY(107px);
  }
}
@keyframes potPotion1 {
  0% {
    transform: scaleY(0.7);
  }
  12% {
    transform: scaleY(1.1);
  }
  21% {
    transform: scaleY(0.7);
  }
  33% {
    transform: scaleY(1.1);
  }
  42% {
    transform: scaleY(0.7);
  }
  51% {
    transform: scaleY(1.1);
  }
  63% {
    transform: scaleY(0.7);
  }
  72% {
    transform: scaleY(1.1);
  }
  81% {
    transform: scaleY(0.7);
  }
  90% {
    transform: scaleY(1.1);
  }
}
@keyframes potPotion2 {
  0% {
    transform: scaleY(2.6);
  }
  9% {
    transform: scaleY(1);
  }
  21% {
    transform: scaleY(2.6);
  }
  30% {
    transform: scaleY(1);
  }
  39% {
    transform: scaleY(2.6);
  }
  51% {
    transform: scaleY(1);
  }
  60% {
    transform: scaleY(2.6);
  }
  69% {
    transform: scaleY(1);
  }
  81% {
    transform: scaleY(2.6);
  }
  90% {
    transform: scaleY(1);
  }
}
@keyframes potPotion3 {
  0% {
    transform: scaleY(1);
  }
  18% {
    transform: scaleY(0.5);
  }
  30% {
    transform: scaleY(1);
  }
  45% {
    transform: scaleY(0.5);
  }
  66% {
    transform: scaleY(1);
  }
  81% {
    transform: scaleY(0.5);
  }
}
@keyframes snail {
  13.5% {
    transform: translate(0px, 0px);
  }
  14.4% {
    transform: translate(-24px, 0px);
  }
  15.6% {
    transform: translate(-19px, 0px);
  }
  16.5% {
    transform: translate(-42px, 0px);
  }
  17.7% {
    transform: translate(-39px, 0px);
  }
  18.6% {
    transform: translate(-63px, 0px);
  }
  19.8% {
    transform: translate(-59px, 0px);
  }
  20.1% {
    transform: translate(-61px, 0px);
  }
  20.4% {
    transform: translate(-61px, 0px);
  }
  20.7% {
    transform: translate(-68px, 0px);
  }
  21.0% {
    transform: translate(-74px, 0px);
  }
  21.3% {
    transform: translate(-79px, 0px);
  }
  21.6% {
    transform: translate(-82px, 0px);
  }
  21.9% {
    transform: translate(-84px, 0px);
  }
  24.3% {
    transform: translate(-84px, 0px);
  }
  24.6% {
    transform: translate(-84px, 15px);
  }
  24.9% {
    transform: translate(-84px, 46px);
  }
  25.2% {
    transform: translate(-84px, 61px);
  }
  25.5% {
    transform: translate(-84px, 86px);
  }
  25.8% {
    transform: translate(-84px, 116px);
  }
  26.1% {
    transform: translate(-84px, 196px);
  }
  26.4% {
    transform: translate(-84px, 286px);
    opacity: 1;
  }
  26.5% {
    opacity: 0;
  }
  84.5% {
    opacity: 0;
  }
  84.6% {
    transform: rotate(-40deg) translate(199px, 135px);
    opacity: 1;
  }
  85.8% {
    transform: rotate(-5deg) translate(30px, 1px);
  }
  86.4% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes snailBody {
  7.5% {
    transform: rotate(0deg) scaleY(1);
  }
  7.8% {
    transform: rotate(8deg) scaleY(1.15);
  }
  9.0% {
    transform: rotate(-3deg) scaleY(1);
  }
  9.6% {
    transform: rotate(-2deg) scaleY(1.02);
  }
  10.5% {
    transform: rotate(2deg) scaleY(1);
  }
  11.4% {
    transform: rotate(2deg) scaleY(1);
  }
  12.6% {
    transform: rotate(0deg) scaleY(1);
  }
  13.5% {
    transform: rotate(0deg) scaleY(1.03) scaleX(0.95);
  }
  14.4% {
    transform: rotate(0deg) scaleY(1.03) scaleX(0.95);
  }
  15.6% {
    transform: rotate(0deg) scaleY(1.04) scaleX(0.95);
  }
  16.5% {
    transform: rotate(0deg) scaleY(0.97) scaleX(1);
  }
  17.7% {
    transform: rotate(0deg) scaleY(1.03) scaleX(0.96);
  }
  18.6% {
    transform: rotate(0deg) scaleY(0.98) scaleX(1.04);
  }
  19.8% {
    transform: rotate(0deg) scaleY(1.03) scaleX(0.96);
  }
  20.1% {
    transform: rotate(0deg) scaleY(1) scaleX(0.96);
  }
  20.4% {
    transform: rotate(0deg) scaleY(1) scaleX(0.96);
  }
  20.7% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 11px);
  }
  21.0% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 19px);
  }
  21.3% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 26px);
  }
  21.6% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 30px);
  }
  21.9% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 33px);
  }
  26.4% {
    transform: rotate(0deg) scaleY(1) scaleX(1) translate(0px, 33px);
  }
  84.6% {
    transform: rotate(-90deg) translate(29px, 29px);
  }
  87.6% {
    transform: rotate(-90deg) translate(29px, 29px);
  }
  88.8% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes snailEye {
  7.2% {
    transform: translate(0px, 0px);
    background: #012135;
  }
  7.5% {
    transform: translate(0px, 0px);
    background: #29a58c;
  }
  7.8% {
    transform: translate(0px, 0px);
    background: #29a58c;
  }
  9.0% {
    transform: translate(-2px, 3px) scaleY(1);
    background: #29a58c;
  }
  9.6% {
    transform: translate(-2px, 3px) scaleY(0);
    background: #29a58c;
  }
  10.2% {
    transform: translate(-2px, 3px) scaleY(0);
    background: #29a58c;
  }
  10.5% {
    transform: translate(-2px, 3px) scaleY(1);
    background: #29a58c;
  }
  11.4% {
    transform: translate(0px, 0px) scaleY(1);
    background: #29a58c;
  }
  11.7% {
    transform: translate(0px, 0px) scaleY(1);
    background: #29a58c;
  }
  12.0% {
    transform: translate(0px, 0px) scaleY(0);
    background: #29a58c;
  }
  12.3% {
    transform: translate(0px, 0px) scaleY(0);
    background: #29a58c;
  }
  12.6% {
    transform: translate(0px, 0px) scaleY(1);
    background: #29a58c;
  }
  15.9% {
    transform: translate(0px, 0px) scaleY(1);
    background: #012135;
  }
  16.2% {
    transform: translate(0px, 0px) scaleY(0);
    background: #012135;
  }
  16.5% {
    transform: translate(0px, 0px) scaleY(0);
    background: #012135;
  }
  16.8% {
    transform: translate(0px, 0px) scaleY(1);
    background: #012135;
  }
  20.4% {
    transform: translate(0px, 0px) scaleY(1);
    background: #012135;
  }
  20.7% {
    transform: translate(0px, 2px) scaleY(1);
    background: #012135;
  }
  21.3% {
    transform: translate(0px, 2px) scaleY(1);
    background: #012135;
  }
  21.6% {
    transform: translate(0px, 4px) scaleY(1);
    background: #012135;
  }
  21.9% {
    transform: translate(0px, 7px) scaleY(1);
    background: #012135;
  }
  22.2% {
    transform: translate(0px, 20px) scaleY(1);
    background: #012135;
  }
  22.5% {
    transform: translate(0px, 34px) scaleY(1);
    background: #012135;
  }
  22.8% {
    transform: translate(0px, 52px) scaleY(0);
    background: #012135;
  }
  23.1% {
    transform: translate(0px, 71px) scaleY(0);
    background: #012135;
  }
  23.4% {
    transform: translate(-6px, 76px) scaleY(1);
    background: #012135;
  }
  23.7% {
    transform: translate(-6px, 90px) scaleY(1);
    background: #012135;
  }
  24.0% {
    transform: translate(-6px, 104px) scaleY(1);
    background: #012135;
  }
  24.3% {
    transform: translate(-6px, 117px) scaleY(1);
    background: #012135;
  }
  26.4% {
    transform: translate(-6px, 117px) scaleY(1);
    background: #012135;
    opacity: 1;
  }
  26.5% {
    opacity: 0;
  }
  94.4% {
    transform: translate(-162px, 40px);
    opacity: 0;
  }
  94.5% {
    transform: translate(-162px, 40px);
    opacity: 1;
  }
  95.1% {
    transform: translate(-87px, 38px);
    opacity: 1;
  }
  95.7% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes snailRightEye {
  7.5% {
    transform: rotate(36deg) translate(0px, 0px);
  }
  7.8% {
    transform: rotate(22deg) translate(-8px, -1px);
  }
  9.0% {
    transform: rotate(36deg) translate(1px, 2px);
  }
  9.6% {
    transform: rotate(41deg) translate(2px, 2px);
  }
  10.5% {
    transform: rotate(36deg) translate(-1px, -2px);
  }
  11.4% {
    transform: rotate(34deg) translate(-5px, -2px);
  }
  12.6% {
    transform: rotate(45deg) translate(1px, -2px);
  }
  13.5% {
    transform: rotate(45deg) translate(1px, -2px);
  }
  14.4% {
    transform: rotate(36deg) translate(1px, -3px);
  }
  20.4% {
    transform: rotate(36deg) translate(1px, -3px);
  }
  20.7% {
    transform: rotate(36deg) translate(2px, 0px);
  }
  21.0% {
    transform: rotate(41deg) translate(1px, 0px);
  }
  21.3% {
    transform: rotate(41deg) translate(1px, 0px);
  }
  21.6% {
    transform: rotate(41deg) translate(3px, 1px);
  }
  21.9% {
    transform: rotate(41deg) translate(5px, 4px);
  }
  22.2% {
    transform: rotate(41deg) translate(12px, 15px);
  }
  22.5% {
    transform: rotate(41deg) translate(20px, 28px);
  }
  22.8% {
    transform: rotate(41deg) translate(27px, 40px);
  }
  23.1% {
    transform: rotate(41deg) translate(36px, 52px);
  }
  23.4% {
    transform: rotate(41deg) translate(44px, 62px);
  }
  23.7% {
    transform: rotate(41deg) translate(52px, 73px);
  }
  24.0% {
    transform: rotate(41deg) translate(61px, 85px);
  }
  24.3% {
    transform: rotate(41deg) translate(69px, 96px);
  }
  24.6% {
    transform: rotate(41deg) translate(67px, 95px);
  }
  26.4% {
    transform: rotate(41deg) translate(67px, 95px);
    opacity: 1;
  }
  26.5% {
    opacity: 0;
  }
  91.8% {
    transform: rotate(36deg) translate(0px, 27px);
    opacity: 0;
  }
  93.0% {
    transform: rotate(36deg) translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes snailLeftEye {
  7.5% {
    transform: rotate(-36deg) translate(0px, 0px);
  }
  7.8% {
    transform: rotate(-60deg) translate(-8px, 1px);
  }
  9.0% {
    transform: rotate(-40deg) translate(-4px, 2px);
  }
  9.6% {
    transform: rotate(-34deg) translate(0px, 1px);
  }
  10.5% {
    transform: rotate(-48deg) translate(-1px, 1px);
  }
  11.4% {
    transform: rotate(-50deg) translate(-3px, 0px);
  }
  12.6% {
    transform: rotate(-36deg) translate(2px, 0px);
  }
  13.5% {
    transform: rotate(-36deg) translate(2px, 0px);
  }
  14.4% {
    transform: rotate(-40deg) translate(1px, 0px);
  }
  15.6% {
    transform: rotate(-40deg) translate(0px, 0px);
  }
  20.4% {
    transform: rotate(-40deg) translate(0px, 0px);
  }
  20.7% {
    transform: rotate(-40deg) translate(-1px, 3px);
  }
  21.0% {
    transform: rotate(-38deg) translate(0px, 3px);
  }
  21.3% {
    transform: rotate(-38deg) translate(0px, 3px);
  }
  21.6% {
    transform: rotate(-38deg) translate(-2px, 3px);
  }
  21.9% {
    transform: rotate(-38deg) translate(-4px, 6px);
  }
  22.2% {
    transform: rotate(-38deg) translate(-13px, 17px);
  }
  22.5% {
    transform: rotate(-38deg) translate(-22px, 28px);
  }
  22.8% {
    transform: rotate(-38deg) translate(-32px, 38px);
  }
  23.1% {
    transform: rotate(-38deg) translate(-42px, 48px);
  }
  23.4% {
    transform: rotate(-38deg) translate(-50px, 59px);
  }
  23.7% {
    transform: rotate(-38deg) translate(-59px, 69px);
  }
  24.0% {
    transform: rotate(-38deg) translate(-68px, 79px);
  }
  24.3% {
    transform: rotate(-38deg) translate(-78px, 90px);
  }
  24.6% {
    transform: rotate(-38deg) translate(-78px, 89px);
  }
  26.4% {
    transform: rotate(-38deg) translate(-78px, 89px);
    opacity: 1;
  }
  26.5% {
    opacity: 0;
  }
  91.8% {
    transform: rotate(-36deg) translate(0px, 24px);
    opacity: 0;
  }
  93.0% {
    transform: rotate(-36deg) translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes snailTail {
  12.6% {
    transform: scaleX(1);
  }
  13.5% {
    transform: scaleX(0.77) scaleY(1.2);
  }
  14.4% {
    transform: scaleX(1.05) scaleY(1);
  }
  15.6% {
    transform: scaleX(0.75) scaleY(1.2);
  }
  16.5% {
    transform: scaleX(1.03) scaleY(1);
  }
  17.7% {
    transform: scaleX(0.76) scaleY(1.15);
  }
  18.6% {
    transform: scaleX(1.05) scaleY(1);
  }
  19.8% {
    transform: scaleX(0.75) scaleY(1.15);
  }
  20.1% {
    transform: scaleX(0.78) scaleY(1.15);
  }
  20.4% {
    transform: scaleX(0.78) scaleY(1.15);
  }
  20.7% {
    transform: scaleX(0.86) scaleY(1.1);
  }
  21.0% {
    transform: scaleX(0.93) scaleY(1.1);
  }
  21.3% {
    transform: scaleX(0.99) scaleY(1);
  }
  21.6% {
    transform: scaleX(1.03) scaleY(1);
  }
  21.9% {
    transform: scaleX(1.05) scaleY(1);
  }
  22.2% {
    transform: scaleX(0.98) scaleY(1);
  }
  22.5% {
    transform: scaleX(0.85) scaleY(1);
  }
  22.8% {
    transform: scaleX(0.73) scaleY(1.3);
  }
  23.1% {
    transform: scaleX(0.6) scaleY(1.3);
  }
  23.4% {
    transform: scaleX(0.53) scaleY(1.3);
  }
  23.7% {
    transform: scaleX(0.48) scaleY(1.3);
  }
  24.0% {
    transform: scaleX(0.4) scaleY(1);
  }
  24.3% {
    transform: scaleX(0.4) scaleY(1);
    opacity: 1;
  }
  24.6% {
    transform: scaleX(0.4) scaleY(1);
    opacity: 0;
  }
  84.5% {
    opacity: 0;
  }
  84.6% {
    transform: scaleX(1) scaleY(1);
    opacity: 1;
  }
}
@keyframes snailSpots {
  20.4% {
    transform: translate(0px, 0px);
  }
  20.7% {
    transform: translate(0px, -6px);
  }
  21.0% {
    transform: translate(0px, -12px);
  }
  21.3% {
    transform: translate(0px, -17px);
  }
  21.6% {
    transform: translate(0px, -21px);
  }
  21.9% {
    transform: translate(0px, -23px);
  }
  22.2% {
    transform: translate(0px, -15px);
  }
  22.5% {
    transform: translate(0px, -1px);
  }
  22.8% {
    transform: translate(0px, 15px);
  }
  23.1% {
    transform: translate(0px, 29px);
  }
  23.4% {
    transform: translate(0px, 35px);
  }
  23.7% {
    transform: translate(0px, 35px);
  }
  24.0% {
    transform: translate(0px, 37px);
  }
  24.3% {
    transform: translate(0px, 52px);
  }
  24.6% {
    transform: translate(0px, 32px);
  }
  84.6% {
    transform: translate(0px, 0px);
  }
}
@keyframes snailTummyTop {
  20.4% {
    transform: translate(0px, 0px);
  }
  20.7% {
    transform: translate(0px, -10px);
  }
  21.9% {
    transform: translate(0px, -10px);
  }
  22.2% {
    transform: translate(0px, -5px);
  }
  22.5% {
    transform: translate(0px, 0px);
  }
  22.8% {
    transform: translate(0px, 12px) scaleY(1);
  }
  23.1% {
    transform: translate(0px, 16px) scaleY(1.8);
  }
  23.4% {
    transform: translate(0px, 20px) scaleY(1.9);
  }
  24.0% {
    transform: translate(0px, 20px) scaleY(1.9);
  }
  24.3% {
    transform: translate(0px, 7px) scaleY(1.5);
  }
  24.6% {
    transform: translate(0px, 7px) scaleY(1.5);
  }
  24.9% {
    transform: translate(0px, 7px) scaleY(2.5);
  }
  25.2% {
    transform: translate(0px, 7px) scaleY(2.8);
  }
  25.5% {
    transform: translate(0px, 7px) scaleY(3);
  }
  25.8% {
    transform: translate(0px, 7px) scaleY(3.7);
  }
  26.1% {
    transform: translate(0px, 7px) scaleY(5);
  }
  26.4% {
    transform: translate(0px, 7px) scaleY(5);
  }
  84.6% {
    transform: translate(0px, 0px);
  }
}
@keyframes snailTummyBottom {
  20.4% {
    transform: translate(0px, 0px);
  }
  20.7% {
    transform: translate(0px, -6px);
  }
  21.0% {
    transform: translate(0px, -12px);
  }
  21.3% {
    transform: translate(0px, -17px);
  }
  21.6% {
    transform: translate(0px, -21px);
  }
  21.9% {
    transform: translate(0px, -23px);
  }
  22.2% {
    transform: translate(0px, -15px);
  }
  22.5% {
    transform: translate(0px, -1px);
  }
  22.8% {
    transform: translate(0px, 15px);
  }
  23.1% {
    transform: translate(0px, 29px);
  }
  23.4% {
    transform: translate(0px, 35px) scaleY(1);
  }
  23.7% {
    transform: translate(0px, 35px) scaleY(1.45);
  }
  24.0% {
    transform: translate(0px, 37px) scaleY(1.8);
  }
  24.3% {
    transform: translate(0px, 52px) scaleY(2);
  }
  24.6% {
    transform: translate(0px, 32px) scaleY(2.7);
  }
  26.4% {
    transform: translate(0px, 32px) scaleY(2.7);
  }
  84.6% {
    transform: translate(0px, 0px) scaleY(1);
  }
}
@keyframes snailHead {
  21.9% {
    transform: translateY(0px);
  }
  22.2% {
    transform: translateY(4px);
  }
  22.5% {
    transform: translateY(26px);
  }
  22.8% {
    transform: translateY(54px);
  }
  23.1% {
    transform: translateY(68px);
  }
  23.4% {
    transform: translateY(79px);
  }
  23.7% {
    transform: translateY(93px);
  }
  24.0% {
    transform: translateY(105px);
  }
  24.3% {
    transform: translateY(119px);
  }
  24.6% {
    transform: translateY(116px);
  }
  24.9% {
    transform: translateY(100px);
  }
  26.4% {
    transform: translateY(100px);
    opacity: 1;
  }
  26.5% {
    opacity: 0;
  }
  87.6% {
    transform: translateY(10px);
    opacity: 0;
  }
  88.2% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes snailSpike1 {
  21.9% {
    transform: rotate(79deg) translateY(0px);
    opacity: 1;
  }
  22.2% {
    transform: rotate(79deg) translateY(0px);
    opacity: 0;
  }
  22.5% {
    transform: rotate(5deg) translate(-34px, -51px);
    opacity: 1;
  }
  22.8% {
    transform: rotate(0deg) translate(-32px, -58px);
    opacity: 1;
  }
  23.1% {
    transform: rotate(0deg) translate(-34px, -54px);
    opacity: 1;
  }
  23.4% {
    transform: rotate(0deg) translate(-34px, -52px);
    opacity: 1;
  }
  24.6% {
    transform: rotate(0deg) translate(-34px, -52px);
    opacity: 1;
  }
  24.9% {
    transform: rotate(41deg) translate(55px, 82px);
    opacity: 1;
  }
  26.4% {
    transform: rotate(41deg) translate(55px, 82px);
    opacity: 1;
  }
  84.6% {
    transform: rotate(79deg) translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes snailSpike2 {
  21.9% {
    transform: rotate(90deg) translateY(0px);
    opacity: 1;
  }
  22.2% {
    transform: rotate(90deg) translateY(0px);
    opacity: 0;
  }
  22.5% {
    transform: rotate(90deg) translateY(0px);
    opacity: 0;
  }
  22.8% {
    transform: rotate(19deg) translate(-53px, -84px);
    opacity: 1;
  }
  23.1% {
    transform: rotate(5deg) translate(-42px, -104px);
    opacity: 1;
  }
  23.4% {
    transform: rotate(0deg) translate(-35px, -101px);
    opacity: 1;
  }
  24.3% {
    transform: rotate(0deg) translate(-35px, -101px);
    opacity: 1;
  }
  24.6% {
    transform: rotate(0deg) translate(-35px, -96px);
    opacity: 1;
  }
  24.9% {
    transform: rotate(-38deg) translate(-68px, 74px);
    opacity: 1;
  }
  26.4% {
    transform: rotate(-38deg) translate(-68px, 74px);
    opacity: 1;
  }
  84.6% {
    transform: rotate(90deg) translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes snailTailSpike {
  0.0% {
    opacity: 1;
  }
  84.5% {
    opacity: 1;
  }
  84.6% {
    opacity: 0;
  }
  87.6% {
    opacity: 0;
  }
  88.2% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes piggy {
  0.0% {
    opacity: 0;
  }
  20.3% {
    opacity: 0;
  }
  20.4% {
    opacity: 1;
  }
  34.8% {
    transform: scaleX(1) scaleY(1) translate(0px, 0px) skew(0deg);
  }
  37.2% {
    transform: scaleX(0.75) scaleY(1.25) translate(7px, 0px) skew(0deg);
  }
  39.0% {
    transform: scaleX(0.75) scaleY(1.25) translate(7px, 0px) skew(0deg);
  }
  40.2% {
    transform: scaleX(1.1) scaleY(0.9) translate(-3px, 0px) skew(0deg);
  }
  41.1% {
    transform: scaleX(0.95) scaleY(1.05) translate(1px, 0px) skew(0deg);
  }
  41.7% {
    transform: scaleX(1.03) scaleY(0.97) translate(0px, 0px) skew(0deg);
  }
  42.3% {
    transform: scaleX(1) scaleY(1) translate(0px, 0px) skew(0deg);
  }
  47.7% {
    transform: scaleX(1) scaleY(1) translate(0px, 0px) skew(0deg);
  }
  48.6% {
    transform: scaleX(1) scaleY(1.03) translate(0px, 0px) skew(-6deg);
  }
  49.5% {
    transform: scaleX(1) scaleY(1) translate(0px, 0px) skew(7deg);
  }
  50.4% {
    transform: scaleX(1) scaleY(1) translate(0px, 0px) skew(-4deg);
  }
  51.0% {
    transform: scaleX(1) scaleY(1) translate(-13px, 0px) skew(-2deg);
  }
  51.3% {
    transform: scaleX(1) scaleY(1) translate(-21px, 0px) skew(0deg);
  }
  51.6% {
    transform: scaleX(1) scaleY(1) translate(-31px, 0px) skew(4deg);
  }
  51.9% {
    transform: scaleX(1) scaleY(1) translate(-43px, 0px) skew(0deg);
  }
  52.2% {
    transform: scaleX(1) scaleY(1) translate(-54px, 0px) skew(0deg);
  }
  52.5% {
    transform: scaleX(1) scaleY(1) translate(-64px, 0px) skew(0deg);
  }
  52.8% {
    transform: scaleX(1) scaleY(1) translate(-75px, 0px) skew(0deg);
  }
  53.1% {
    transform: scaleX(1) scaleY(1) translate(-86px, 0px) skew(0deg);
  }
  53.4% {
    transform: scaleX(1) scaleY(1) translate(-96px, 0px) skew(0deg);
  }
  53.7% {
    transform: scaleX(1) scaleY(1) translate(-104px, 0px) skew(5deg);
  }
  54.0% {
    transform: scaleX(1) scaleY(1) translate(-117px, 0px) skew(2deg);
  }
  54.3% {
    transform: scaleX(1) scaleY(1) translate(-129px, 0px) skew(0deg);
  }
  54.6% {
    transform: scaleX(1) scaleY(1) translate(-140px, 0px) skew(0deg);
  }
  54.9% {
    transform: scaleX(1) scaleY(1) translate(-150px, 0px) skew(0deg);
  }
  55.2% {
    transform: scaleX(1) scaleY(1) translate(-161px, 0px) skew(0deg);
  }
  55.5% {
    transform: scaleX(1) scaleY(1) translate(-171px, 0px) skew(0deg);
  }
  63.9% {
    transform: scaleX(1) scaleY(1) translate(-471px, 0px) skew(0deg);
    opacity: 1;
  }
  64.0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes piggyBody {
  0.0% {
    transform: translate(-210px, 18px);
  }
  20.4% {
    transform: translate(-210px, 18px);
  }
  21.3% {
    transform: translate(0px, 18px);
  }
  22.2% {
    transform: translate(0px, 18px);
  }
  23.7% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes piggyFrontLegs {
  0.0% {
    transform: translate(-210px, 0px);
  }
  20.4% {
    transform: translate(-210px, 0px);
  }
  21.3% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes piggyBackLegs {
  0.0% {
    transform: translate(-210px, 0px);
  }
  20.4% {
    transform: translate(-210px, 0px);
  }
  21.3% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes piggyRightEar {
  0.0% {
    transform: rotate(-110deg) translate(-100px, 170px);
  }
  26.1% {
    transform: rotate(-110deg) translate(-100px, 170px);
  }
  27.3% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  48.6% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  49.5% {
    transform: rotate(3deg) translate(4px, 1px);
  }
  50.4% {
    transform: rotate(3deg) translate(-3px, -1px);
  }
  51.0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes piggyLeftEar {
  0.0% {
    transform: rotate(120deg) translate(110px, 100px);
  }
  26.1% {
    transform: rotate(120deg) translate(110px, 100px);
  }
  27.3% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  30.3% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  47.7% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  48.6% {
    transform: rotate(10deg) translate(2px, -5px);
  }
  49.5% {
    transform: rotate(13deg) translate(2px, 3px);
  }
  50.4% {
    transform: rotate(3deg) translate(-3px, -5px);
  }
  51.0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes piggyHair {
  0.0% {
    transform: rotate(201deg) translate(19px, -97px);
  }
  30.3% {
    transform: rotate(201deg) translate(19px, -97px);
  }
  31.8% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes piggyTail {
  0.0% {
    transform: rotate(50deg) translate(81px, 30px);
  }
  30.3% {
    transform: rotate(50deg) translate(81px, 30px);
  }
  31.8% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes piggyRightEye {
  0.0% {
    opacity: 0;
  }
  34.8% {
    opacity: 0;
  }
  36.3% {
    opacity: 1;
  }
  48.0% {
    background: #1a2530;
  }
  49.2% {
    background: #29a58c;
  }
  53.7% {
    background: #29a58c;
  }
  54.0% {
    background: #1a2530;
  }
  100% {
    opacity: 1;
  }
}
@keyframes piggyLeftEye {
  0.0% {
    opacity: 0;
  }
  35.4% {
    opacity: 0;
  }
  36.9% {
    opacity: 1;
  }
  48.0% {
    background: #1a2530;
  }
  49.2% {
    background: #29a58c;
  }
  53.7% {
    background: #29a58c;
  }
  54.0% {
    background: #1a2530;
  }
  100% {
    opacity: 1;
  }
}
@keyframes piggyMouth {
  0.0% {
    transform: scale(0);
  }
  35.4% {
    transform: scale(0);
  }
  36.6% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes piggyCheekRight {
  0.0% {
    transform: scale(1.2);
  }
  36.6% {
    transform: scale(1.2);
  }
  37.2% {
    transform: scale(1);
  }
  38.1% {
    transform: scale(1.1);
  }
  38.7% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes piggyCheekLeft {
  0.0% {
    transform: scale(0.7);
  }
  36.6% {
    transform: scale(0.7);
  }
  37.2% {
    transform: scale(1.2);
  }
  38.1% {
    transform: scale(0.8);
  }
  38.7% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes piggyFirstLeg {
  0.0% {
    transform: rotate(0deg);
  }
  50.4% {
    transform: rotate(0deg);
  }
  51.0% {
    transform: rotate(-12deg);
  }
  51.3% {
    transform: rotate(-3deg) translateY(-4px);
  }
  51.6% {
    transform: rotate(-3deg) translateY(-7px);
  }
  51.9% {
    transform: rotate(6deg) translateY(-7px);
  }
  52.2% {
    transform: rotate(6deg) translateY(-7px);
  }
  52.5% {
    transform: rotate(12deg) translateY(-4px);
  }
  52.8% {
    transform: rotate(4deg) translateY(0px);
  }
  53.1% {
    transform: rotate(-11deg) translateY(0px);
  }
  53.4% {
    transform: rotate(0deg) translateY(0px);
  }
  54.0% {
    transform: rotate(-12deg);
  }
  54.3% {
    transform: rotate(-3deg) translateY(-4px);
  }
  54.6% {
    transform: rotate(-3deg) translateY(-7px);
  }
  54.9% {
    transform: rotate(6deg) translateY(-7px);
  }
  55.2% {
    transform: rotate(6deg) translateY(-7px);
  }
  55.5% {
    transform: rotate(12deg) translateY(-4px);
  }
  55.8% {
    transform: rotate(4deg) translateY(0px);
  }
  56.1% {
    transform: rotate(-11deg) translateY(0px);
  }
  57.4% {
    transform: rotate(0deg) translateY(0px);
  }
  58.0% {
    transform: rotate(0deg);
  }
  58.3% {
    transform: rotate(-12deg);
  }
  58.6% {
    transform: rotate(-3deg) translateY(-4px);
  }
  58.9% {
    transform: rotate(-3deg) translateY(-7px);
  }
  59.2% {
    transform: rotate(6deg) translateY(-7px);
  }
  59.5% {
    transform: rotate(6deg) translateY(-7px);
  }
  59.8% {
    transform: rotate(12deg) translateY(-4px);
  }
  60.1% {
    transform: rotate(4deg) translateY(0px);
  }
  60.4% {
    transform: rotate(-11deg) translateY(0px);
  }
  60.7% {
    transform: rotate(0deg) translateY(0px);
  }
  61.0% {
    transform: rotate(-12deg);
  }
  61.3% {
    transform: rotate(-3deg) translateY(-4px);
  }
  61.6% {
    transform: rotate(-3deg) translateY(-7px);
  }
  61.9% {
    transform: rotate(6deg) translateY(-7px);
  }
  62.2% {
    transform: rotate(6deg) translateY(-7px);
  }
  62.5% {
    transform: rotate(12deg) translateY(-4px);
  }
  62.8% {
    transform: rotate(4deg) translateY(0px);
  }
  63.1% {
    transform: rotate(-11deg) translateY(0px);
  }
  63.4% {
    transform: rotate(0deg) translateY(0px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@keyframes piggySecondLeg {
  0.0% {
    transform: rotate(-11deg) translateY(0px);
  }
  51.6% {
    transform: rotate(-11deg) translateY(0px);
  }
  51.9% {
    transform: rotate(-13deg) translateY(0px);
  }
  52.2% {
    transform: rotate(-35deg) translateY(0px);
  }
  52.5% {
    transform: rotate(-37deg) translateY(-3px);
  }
  52.8% {
    transform: rotate(-37deg) translateY(-3px);
  }
  53.1% {
    transform: rotate(-7deg) translateY(-3px);
  }
  53.4% {
    transform: rotate(2deg) translateY(-3px);
  }
  53.7% {
    transform: rotate(-8deg) translateY(-1px);
  }
  54.0% {
    transform: rotate(0deg) translateY(-1px);
  }
  54.3% {
    transform: rotate(-11deg) translateY(0px);
  }
  54.6% {
    transform: rotate(-13deg) translateY(0px);
  }
  54.9% {
    transform: rotate(-35deg) translateY(0px);
  }
  55.2% {
    transform: rotate(-37deg) translateY(-3px);
  }
  55.5% {
    transform: rotate(-37deg) translateY(-3px);
  }
  55.8% {
    transform: rotate(-7deg) translateY(-3px);
  }
  56.1% {
    transform: rotate(2deg) translateY(-3px);
  }
  56.4% {
    transform: rotate(-8deg) translateY(-1px);
  }
  56.7% {
    transform: rotate(0deg) translateY(-1px);
  }
  57.0% {
    transform: rotate(-11deg) translateY(0px);
  }
  57.3% {
    transform: rotate(-13deg) translateY(0px);
  }
  57.6% {
    transform: rotate(-35deg) translateY(0px);
  }
  57.9% {
    transform: rotate(-37deg) translateY(-3px);
  }
  58.2% {
    transform: rotate(-37deg) translateY(-3px);
  }
  58.5% {
    transform: rotate(-7deg) translateY(-3px);
  }
  58.8% {
    transform: rotate(2deg) translateY(-3px);
  }
  59.1% {
    transform: rotate(-8deg) translateY(-1px);
  }
  59.4% {
    transform: rotate(0deg) translateY(-1px);
  }
  59.7% {
    transform: rotate(-11deg) translateY(0px);
  }
  60.0% {
    transform: rotate(-13deg) translateY(0px);
  }
  60.3% {
    transform: rotate(-35deg) translateY(0px);
  }
  60.6% {
    transform: rotate(-37deg) translateY(-3px);
  }
  60.9% {
    transform: rotate(-37deg) translateY(-3px);
  }
  61.2% {
    transform: rotate(-7deg) translateY(-3px);
  }
  61.5% {
    transform: rotate(2deg) translateY(-3px);
  }
  61.8% {
    transform: rotate(-8deg) translateY(-1px);
  }
  62.1% {
    transform: rotate(0deg) translateY(-1px);
  }
  100% {
    transform: rotate(0deg) translateY(-1px);
  }
}
@keyframes piggyThirdLeg {
  0.0% {
    transform: rotate(0deg) translateY(0px);
  }
  49.9% {
    transform: rotate(0deg) translateY(0px);
  }
  51.3% {
    transform: rotate(0deg) translateY(-7px);
  }
  51.6% {
    transform: rotate(-10deg) translateY(-10px);
  }
  51.9% {
    transform: rotate(-10deg) translateY(-10px);
  }
  52.2% {
    transform: rotate(5deg) translateY(-3px);
  }
  52.5% {
    transform: rotate(2deg) translateY(0px);
  }
  52.8% {
    transform: rotate(-18deg) translateY(0px);
  }
  53.1% {
    transform: rotate(-28deg) translateY(0px);
  }
  53.7% {
    transform: rotate(-28deg) translateY(0px);
  }
  54.0% {
    transform: rotate(-18deg) translateY(0px);
  }
  54.3% {
    transform: rotate(0deg) translateY(-3px);
  }
  54.6% {
    transform: rotate(0deg) translateY(0px);
  }
  54.9% {
    transform: rotate(0deg) translateY(0px);
  }
  55.2% {
    transform: rotate(0deg) translateY(-7px);
  }
  55.5% {
    transform: rotate(-10deg) translateY(-10px);
  }
  55.8% {
    transform: rotate(-10deg) translateY(-10px);
  }
  56.1% {
    transform: rotate(5deg) translateY(-3px);
  }
  56.4% {
    transform: rotate(2deg) translateY(0px);
  }
  56.7% {
    transform: rotate(-18deg) translateY(0px);
  }
  57.0% {
    transform: rotate(-28deg) translateY(0px);
  }
  57.3% {
    transform: rotate(-28deg) translateY(0px);
  }
  57.6% {
    transform: rotate(-18deg) translateY(0px);
  }
  57.9% {
    transform: rotate(0deg) translateY(-3px);
  }
  58.2% {
    transform: rotate(0deg) translateY(0px);
  }
  58.5% {
    transform: rotate(0deg) translateY(0px);
  }
  58.8% {
    transform: rotate(0deg) translateY(-7px);
  }
  59.1% {
    transform: rotate(-10deg) translateY(-10px);
  }
  59.4% {
    transform: rotate(-10deg) translateY(-10px);
  }
  59.7% {
    transform: rotate(5deg) translateY(-3px);
  }
  60.0% {
    transform: rotate(2deg) translateY(0px);
  }
  60.3% {
    transform: rotate(-18deg) translateY(0px);
  }
  60.6% {
    transform: rotate(-28deg) translateY(0px);
  }
  60.9% {
    transform: rotate(-28deg) translateY(0px);
  }
  61.2% {
    transform: rotate(-18deg) translateY(0px);
  }
  61.5% {
    transform: rotate(0deg) translateY(-3px);
  }
  61.8% {
    transform: rotate(0deg) translateY(0px);
  }
  62.1% {
    transform: rotate(0deg) translateY(0px);
  }
  62.4% {
    transform: rotate(0deg) translateY(-7px);
  }
  62.7% {
    transform: rotate(-10deg) translateY(-10px);
  }
  63.0% {
    transform: rotate(-10deg) translateY(-10px);
  }
  63.3% {
    transform: rotate(5deg) translateY(-3px);
  }
  63.6% {
    transform: rotate(2deg) translateY(0px);
  }
  63.9% {
    transform: rotate(-18deg) translateY(0px);
  }
  64.2% {
    transform: rotate(-28deg) translateY(0px);
  }
  64.5% {
    transform: rotate(-28deg) translateY(0px);
  }
  64.8% {
    transform: rotate(-18deg) translateY(0px);
  }
  65.1% {
    transform: rotate(0deg) translateY(-3px);
  }
  65.4% {
    transform: rotate(0deg) translateY(0px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@keyframes piggyFourthLeg {
  0.0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  51.9% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  52.2% {
    transform: rotate(-10deg) translate(0px, -1px);
  }
  52.5% {
    transform: rotate(-11deg) translate(0px, 0px);
  }
  52.8% {
    transform: rotate(-5deg) translate(0px, 0px);
  }
  53.1% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  54.6% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  54.9% {
    transform: rotate(13deg) translate(0px, -7px);
  }
  55.2% {
    transform: rotate(13deg) translate(0px, -5px);
  }
  55.5% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  55.8% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  56.1% {
    transform: rotate(-10deg) translate(0px, -1px);
  }
  56.4% {
    transform: rotate(-11deg) translate(0px, 0px);
  }
  56.7% {
    transform: rotate(-5deg) translate(0px, 0px);
  }
  57.0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  57.3% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  57.6% {
    transform: rotate(13deg) translate(0px, -7px);
  }
  57.9% {
    transform: rotate(13deg) translate(0px, -5px);
  }
  58.2% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  58.5% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  58.8% {
    transform: rotate(-10deg) translate(0px, -1px);
  }
  59.1% {
    transform: rotate(-11deg) translate(0px, 0px);
  }
  59.4% {
    transform: rotate(-5deg) translate(0px, 0px);
  }
  59.7% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  60.0% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  60.3% {
    transform: rotate(13deg) translate(0px, -7px);
  }
  60.6% {
    transform: rotate(13deg) translate(0px, -5px);
  }
  60.9% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  61.2% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  61.5% {
    transform: rotate(-10deg) translate(0px, -1px);
  }
  61.8% {
    transform: rotate(-11deg) translate(0px, 0px);
  }
  62.1% {
    transform: rotate(-5deg) translate(0px, 0px);
  }
  62.4% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  62.7% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  63.0% {
    transform: rotate(13deg) translate(0px, -7px);
  }
  63.3% {
    transform: rotate(13deg) translate(0px, -5px);
  }
  63.6% {
    transform: rotate(0deg) translate(0px, 0px);
  }
  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}
@keyframes wasp {
  0.0% {
    opacity: 0;
  }
  56.1% {
    opacity: 0;
  }
  56.4% {
    opacity: 1;
  }
  81.6% {
    transform: translate(0px, 0px);
  }
  82.2% {
    transform: translate(0px, -8px);
  }
  82.8% {
    transform: translate(43px, -30px);
  }
  83.4% {
    transform: translate(65px, -32px);
  }
  84.0% {
    transform: translate(96px, -12px);
  }
  84.6% {
    transform: translate(125px, 30px);
  }
  84.9% {
    transform: translate(142px, 0px);
  }
  85.5% {
    transform: translate(193px, -29px);
  }
  87.9% {
    transform: translate(253px, 274px);
    opacity: 1;
  }
  88.2% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes waspLegs {
  56.4% {
    transform: translate(210px, -11px) rotate(-100deg);
  }
  57.9% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  76.2% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  76.5% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  76.8% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  77.1% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  77.7% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  78.9% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  80.4% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  81.6% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  82.2% {
    transform: translate(-2px, -4px) rotate(15deg);
  }
  83.4% {
    transform: translate(37px, -9px) rotate(1deg);
  }
  84.0% {
    transform: translate(44px, 0px) rotate(-10deg);
  }
  84.6% {
    transform: translate(25px, -30px) rotate(0deg);
  }
  84.9% {
    transform: translate(25px, -30px) rotate(0deg);
  }
  85.5% {
    transform: translate(25px, -30px) rotate(0deg);
  }
  87.9% {
    transform: translate(25px, -30px) rotate(0deg);
  }
}
@keyframes waspBody {
  59.7% {
    transform: translate(-230px, 33px) rotate(180deg);
  }
  61.5% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  75.9% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  76.2% {
    transform: translate(6px, 6px) rotate(4deg);
  }
  76.5% {
    transform: translate(11px, 11px) rotate(7deg);
  }
  76.8% {
    transform: translate(13px, 14px) rotate(8deg);
  }
  77.1% {
    transform: translate(13px, 15px) rotate(4deg);
  }
  77.7% {
    transform: translate(8px, 14px) rotate(-7deg);
  }
  78.9% {
    transform: translate(-3px, -6px) rotate(-7deg);
  }
  80.4% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  81.6% {
    transform: translate(-9px, 12px) rotate(6deg);
  }
  82.2% {
    transform: translate(19px, -16px) rotate(6deg);
  }
  82.8% {
    transform: translate(19px, -16px) rotate(6deg);
  }
  83.4% {
    transform: translate(19px, -16px) rotate(6deg);
  }
  84.0% {
    transform: translate(19px, -16px) rotate(6deg);
  }
  84.6% {
    transform: translate(19px, -16px) rotate(4deg);
  }
  84.9% {
    transform: translate(19px, -16px) rotate(4deg);
  }
  85.5% {
    transform: translate(19px, -16px) rotate(4deg);
  }
  87.9% {
    transform: translate(19px, -16px) rotate(4deg);
  }
}
@keyframes waspWing {
  65.1% {
    transform: rotate(-170deg) translate(-150px, 50px);
  }
  66.6% {
    transform: rotate(28deg) translate(0px, 0px);
  }
  75.9% {
    transform: rotate(28deg) translate(0px, 0px) rotateX(0deg);
  }
  76.2% {
    transform: rotate(28deg) translate(10px, 3px) rotateX(-100deg);
  }
  76.5% {
    transform: rotate(-2deg) translate(12px, 14px) rotateX(-150deg);
  }
  76.8% {
    transform: rotate(18deg) translate(20px, 12px) rotateX(-50deg);
  }
  77.1% {
    transform: rotate(30deg) translate(23px, 10px) rotateX(0deg);
  }
  77.7% {
    transform: rotate(-21deg) translate(0px, 13px) rotateX(-140deg);
  }
  78.3% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  78.9% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  79.5% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  80.1% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  80.7% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  82.2% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  82.5% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  83.1% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  83.4% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  84.0% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  85.2% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  85.5% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  86.1% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
  86.4% {
    transform: rotate(-21deg) translate(0px, 3px) rotateX(-140deg);
  }
  87.0% {
    transform: rotate(30deg) translate(3px, 0px) rotateX(0deg);
  }
}
@keyframes waspLegKnee {
  76.2% {
    transform: rotate(146deg);
  }
  76.5% {
    transform: rotate(161deg);
  }
  76.8% {
    transform: rotate(171deg);
  }
  77.1% {
    transform: rotate(171deg);
  }
  77.7% {
    transform: rotate(171deg);
  }
  78.9% {
    transform: rotate(171deg);
  }
  80.4% {
    transform: rotate(146deg);
  }
  81.6% {
    transform: rotate(86deg);
  }
  82.2% {
    transform: rotate(222deg);
  }
  82.8% {
    transform: rotate(182deg);
  }
  83.4% {
    transform: rotate(127deg);
  }
  84.0% {
    transform: rotate(147deg);
  }
  84.6% {
    transform: rotate(127deg);
  }
  84.9% {
    transform: rotate(221deg);
  }
  85.5% {
    transform: rotate(161deg);
  }
  87.9% {
    transform: rotate(201deg);
  }
}
@keyframes waspLegHip {
  75.9% {
    transform: rotate(124deg);
  }
  76.2% {
    transform: rotate(134deg);
  }
  76.5% {
    transform: rotate(134deg);
  }
  76.8% {
    transform: rotate(134deg);
  }
  77.1% {
    transform: rotate(134deg);
  }
  77.7% {
    transform: rotate(134deg);
  }
  78.9% {
    transform: rotate(94deg);
  }
  80.4% {
    transform: rotate(123deg);
  }
  81.6% {
    transform: rotate(153deg);
  }
  82.2% {
    transform: rotate(0deg);
  }
  82.8% {
    transform: rotate(50deg);
  }
  83.4% {
    transform: rotate(112deg);
  }
  84.0% {
    transform: rotate(70deg);
  }
  84.6% {
    transform: rotate(157deg);
  }
  84.9% {
    transform: rotate(120deg);
  }
  87.9% {
    transform: rotate(0deg);
  }
}
@keyframes waspEye {
  75.9% {
    background: #012135;
  }
  78.6% {
    background: #29a58c;
  }
  84.0% {
    background: #012135;
  }
}
@keyframes soul {
  0.0% {
    transform: scale(0, 0);
  }
  8.1% {
    transform: scale(0, 0);
  }
  12.0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes soulPart1 {
  0.0% {
    transform: translate(8px, 16px) rotate(0deg);
  }
  12.0% {
    transform: translate(8px, 16px) rotate(0deg);
  }
  12.9% {
    transform: translate(3px, 17px) rotate(0deg);
  }
  14.4% {
    transform: translate(-3px, 15px) rotate(0deg);
  }
  15.9% {
    transform: translate(-4px, 8px) rotate(0deg);
  }
  18.0% {
    transform: translate(-4px, 8px) rotate(0deg);
  }
  18.3% {
    transform: translate(6px, 18px) rotate(0deg);
  }
  20.7% {
    transform: translate(0px, -2px) rotate(0deg);
  }
  24.3% {
    transform: translate(-3px, -3px) rotate(0deg);
  }
  26.1% {
    transform: translate(-2px, -9px) rotate(0deg);
  }
  26.4% {
    transform: translate(-2px, -16px) rotate(0deg);
  }
  29.1% {
    transform: translate(-2px, -16px) rotate(0deg);
  }
  29.4% {
    transform: translate(18px, 34px) rotate(0deg);
  }
  31.5% {
    transform: translate(2px, 28px) rotate(0deg);
  }
  34.5% {
    transform: translate(6px, 21px) rotate(0deg);
  }
  36.3% {
    transform: translate(57px, 46px) rotate(0deg);
  }
  39.6% {
    transform: translate(56px, 23px) rotate(0deg);
  }
  42.3% {
    transform: translate(53px, 19px) rotate(0deg);
  }
  43.8% {
    transform: translate(51px, 24px) rotate(0deg);
  }
  44.1% {
    transform: translate(34px, 39px) rotate(0deg);
  }
  44.4% {
    transform: translate(34px, 35px) rotate(0deg);
  }
  44.7% {
    transform: translate(34px, 23px) rotate(0deg);
  }
  45.0% {
    transform: translate(34px, 1px) rotate(0deg);
  }
  45.3% {
    transform: translate(43px, -15px) rotate(0deg);
  }
  45.6% {
    transform: translate(36px, -47px) rotate(20deg);
  }
  45.9% {
    transform: translate(66px, -65px) rotate(90deg);
  }
  46.2% {
    transform: translate(100px, -48px) rotate(140deg);
  }
  46.5% {
    transform: translate(140px, -18px) rotate(150deg);
  }
  100% {
    transform: translate(140px, -18px) rotate(150deg);
  }
}
@keyframes soulPart1Before {
  0.0% {
    transform: scale(1, 0.7);
  }
  12.0% {
    transform: scale(1, 0.7);
  }
  12.9% {
    transform: scale(1, 0.7);
  }
  14.4% {
    transform: scale(0.9, 0.6);
  }
  15.9% {
    transform: scale(0.4, 0.6);
  }
  18.0% {
    transform: scale(0, 0);
  }
  20.7% {
    transform: scale(1, 0.7);
  }
  24.3% {
    transform: scale(1, 0.7);
  }
  26.1% {
    transform: scale(0.4, 0.3);
  }
  26.4% {
    transform: scale(0, 0);
  }
  29.1% {
    transform: scale(0, 0);
  }
  31.5% {
    transform: scale(4, 2.9);
  }
  34.5% {
    transform: scale(4, 2);
  }
  36.3% {
    transform: scale(4, 3.4);
  }
  39.6% {
    transform: scale(4, 3.8);
  }
  42.3% {
    transform: scale(4, 4);
  }
  43.8% {
    transform: scale(4, 5);
  }
  44.1% {
    transform: scale(9, 7);
  }
  44.7% {
    transform: scale(9, 7);
  }
  45.0% {
    transform: scale(8, 7);
  }
  45.3% {
    transform: scale(3, 3);
  }
  45.9% {
    transform: scale(3, 3);
  }
  46.2% {
    transform: scale(2, 3);
  }
  46.5% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart2 {
  0.0% {
    transform: translate(8px, 8px) rotate(0deg);
  }
  12.0% {
    transform: translate(8px, 8px) rotate(0deg);
  }
  12.9% {
    transform: translate(3px, 9px) rotate(0deg);
  }
  14.4% {
    transform: translate(-3px, 9px) rotate(0deg);
  }
  15.9% {
    transform: translate(-5px, 7px) rotate(0deg);
  }
  18.0% {
    transform: translate(-2px, 1px) rotate(0deg);
  }
  20.7% {
    transform: translate(-1px, 1px) rotate(0deg);
  }
  24.3% {
    transform: translate(-4px, 5px) rotate(0deg);
  }
  26.1% {
    transform: translate(-3px, 3px) rotate(0deg);
  }
  29.1% {
    transform: translate(-1px, 0px) rotate(0deg);
  }
  31.5% {
    transform: translate(-1px, 3px) rotate(0deg);
  }
  34.5% {
    transform: translate(-4px, 5px) rotate(0deg);
  }
  36.3% {
    transform: translate(-3px, 2px) rotate(0deg);
  }
  39.6% {
    transform: translate(-1px, -1px) rotate(0deg);
  }
  42.3% {
    transform: translate(-3px, 5px) rotate(0deg);
  }
  43.8% {
    transform: translate(-4px, 5px) rotate(0deg);
  }
  44.1% {
    transform: translate(-3px, 4px) rotate(0deg);
  }
  44.4% {
    transform: translate(-2px, 0px) rotate(0deg);
  }
  44.7% {
    transform: translate(2px, -12px) rotate(0deg);
  }
  45.0% {
    transform: translate(7px, -32px) rotate(0deg);
  }
  45.3% {
    transform: translate(10px, -59px) rotate(-6deg);
  }
  45.6% {
    transform: translate(16px, -93px) rotate(14deg);
  }
  45.9% {
    transform: translate(42px, -131px) rotate(51deg);
  }
  46.2% {
    transform: translate(91px, -135px) rotate(111deg);
  }
  46.5% {
    transform: translate(142px, -101px) rotate(145deg);
  }
  46.8% {
    transform: translate(166px, -47px) rotate(170deg);
  }
  47.1% {
    transform: translate(174px, 3px) rotate(177deg);
  }
  47.4% {
    transform: translate(183px, 44px) rotate(167deg);
  }
  47.7% {
    transform: translate(204px, 66px) rotate(137deg);
  }
  48.0% {
    transform: translate(224px, 75px) rotate(87deg);
  }
  48.3% {
    transform: translate(239px, 81px) rotate(87deg);
  }
  48.6% {
    transform: translate(245px, 88px) rotate(87deg);
  }
  48.9% {
    transform: translate(250px, 93px) rotate(87deg);
  }
  49.2% {
    transform: translate(250px, 93px) rotate(87deg);
  }
  100% {
    transform: translate(250px, 93px) rotate(87deg);
  }
}
@keyframes soulPart2Before {
  0.0% {
    transform: scale(1, 1);
  }
  14.4% {
    transform: scale(1, 1);
  }
  15.9% {
    transform: scale(1.4, 1);
  }
  18.0% {
    transform: scale(1.4, 1);
  }
  20.7% {
    transform: scale(1, 1);
  }
  24.3% {
    transform: scale(1.2, 1);
  }
  26.1% {
    transform: scale(1.4, 1.2);
  }
  29.1% {
    transform: scale(1.1, 1);
  }
  31.5% {
    transform: scale(1.1, 1);
  }
  34.5% {
    transform: scale(1.3, 1);
  }
  36.3% {
    transform: scale(1.3, 1.3);
  }
  39.6% {
    transform: scale(1, 1);
  }
  42.3% {
    transform: scale(1, 1);
  }
  43.8% {
    transform: scale(1.2, 1);
  }
  44.1% {
    transform: scale(1.2, 1.2);
  }
  44.4% {
    transform: scale(1.2, 1.2);
  }
  44.7% {
    transform: scale(1, 1.5);
  }
  45.0% {
    transform: scale(1, 1.8);
  }
  45.3% {
    transform: scale(0.7, 1.8);
  }
  45.6% {
    transform: scale(0.5, 2);
  }
  45.9% {
    transform: scale(0.3, 2.4);
  }
  46.2% {
    transform: scale(0.4, 2.4);
  }
  46.5% {
    transform: scale(0.4, 2.4);
  }
  46.8% {
    transform: scale(0.6, 2);
  }
  47.1% {
    transform: scale(0.6, 1.5);
  }
  47.4% {
    transform: scale(0.6, 1.5);
  }
  47.7% {
    transform: scale(0.6, 1);
  }
  48.0% {
    transform: scale(0.6, 1);
  }
  48.3% {
    transform: scale(0.4, 0.6);
  }
  48.6% {
    transform: scale(0.3, 0.3);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart3 {
  0.0% {
    transform: translate(-15px, 50px) rotate(0deg);
  }
  12.0% {
    transform: translate(-15px, 50px) rotate(0deg);
  }
  12.9% {
    transform: translate(-2px, 51px) rotate(0deg);
  }
  14.4% {
    transform: translate(3px, 39px) rotate(0deg);
  }
  15.9% {
    transform: translate(5px, 31px) rotate(0deg);
  }
  18.0% {
    transform: translate(2px, 12px) rotate(0deg);
  }
  20.7% {
    transform: translate(1px, -2px) rotate(0deg);
  }
  21.9% {
    transform: translate(-9px, 28px) rotate(0deg);
  }
  24.3% {
    transform: translate(4px, 24px) rotate(0deg);
  }
  26.1% {
    transform: translate(3px, 17px) rotate(0deg);
  }
  29.1% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  31.5% {
    transform: translate(3px, -3px) rotate(0deg);
  }
  36.3% {
    transform: translate(3px, -3px) rotate(0deg);
  }
  39.6% {
    transform: translate(-29px, 17px) rotate(0deg);
  }
  42.3% {
    transform: translate(-28px, -9px) rotate(0deg);
  }
  43.8% {
    transform: translate(-28px, -9px) rotate(0deg);
  }
  44.1% {
    transform: translate(-31px, -5px) rotate(0deg);
  }
  44.4% {
    transform: translate(-28px, -16px) rotate(50deg);
  }
  44.7% {
    transform: translate(-23px, -38px) rotate(120deg);
  }
  45.0% {
    transform: translate(7px, -53px) rotate(190deg);
  }
  45.3% {
    transform: translate(48px, -36px) rotate(220deg);
  }
  45.6% {
    transform: translate(79px, 3px) rotate(250deg);
  }
  45.9% {
    transform: translate(91px, 56px) rotate(263deg);
  }
  46.2% {
    transform: translate(97px, 95px) rotate(260deg);
  }
  46.5% {
    transform: translate(113px, 136px) rotate(240deg);
  }
  46.8% {
    transform: translate(144px, 165px) rotate(209deg);
  }
  47.1% {
    transform: translate(178px, 175px) rotate(186deg);
  }
  47.4% {
    transform: translate(202px, 180px) rotate(184deg);
  }
  47.7% {
    transform: translate(214px, 181px) rotate(178deg);
  }
  100% {
    transform: translate(214px, 181px) rotate(178deg);
  }
}
@keyframes soulPart3Before {
  0.0% {
    transform: scale(1, 1);
  }
  12.0% {
    transform: scale(1, 1);
  }
  12.9% {
    transform: scale(1, 1.3);
  }
  14.4% {
    transform: scale(1.2, 1.3);
  }
  15.9% {
    transform: scale(1.5, 1.3);
  }
  18.0% {
    transform: scale(1.3, 1.3);
  }
  20.7% {
    transform: scale(0.9, 1);
  }
  21.6% {
    transform: scale(0.9, 1);
  }
  24.3% {
    transform: scale(1.2, 1.4);
  }
  26.1% {
    transform: scale(1.2, 1.4);
  }
  29.1% {
    transform: scale(1, 1.2);
  }
  31.5% {
    transform: scale(0, 0);
  }
  39.6% {
    transform: scale(0, 0);
  }
  42.3% {
    transform: scale(1.8, 1.9);
  }
  44.1% {
    transform: scale(1.8, 1.9);
  }
  44.4% {
    transform: scale(1.7, 1.6);
  }
  44.7% {
    transform: scale(2, 1);
  }
  45.0% {
    transform: scale(2.2, 0.7);
  }
  45.3% {
    transform: scale(2.8, 0.9);
  }
  45.9% {
    transform: scale(2.8, 0.9);
  }
  46.2% {
    transform: scale(2.4, 0.7);
  }
  46.5% {
    transform: scale(2.4, 0.7);
  }
  46.8% {
    transform: scale(2, 0.5);
  }
  47.1% {
    transform: scale(2, 0.5);
  }
  47.4% {
    transform: scale(1.3, 0.7);
  }
  47.7% {
    transform: scale(1, 0.5);
  }
  48.0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart4 {
  0.0% {
    transform: translate(0px, 32px) rotate(0deg);
  }
  12.9% {
    transform: translate(0px, 32px) rotate(0deg);
  }
  14.4% {
    transform: translate(1px, 37px) rotate(0deg);
  }
  15.9% {
    transform: translate(-2px, 37px) rotate(0deg);
  }
  18.0% {
    transform: translate(-2px, 37px) rotate(0deg);
  }
  20.7% {
    transform: translate(0px, -4px) rotate(0deg);
  }
  24.3% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  26.1% {
    transform: translate(1px, 22px) rotate(0deg);
  }
  29.1% {
    transform: translate(1px, 22px) rotate(0deg);
  }
  31.5% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  34.5% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  36.3% {
    transform: translate(0px, 20px) rotate(0deg);
  }
  39.6% {
    transform: translate(0px, 20px) rotate(0deg);
  }
  42.3% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  43.8% {
    transform: translate(1px, 3px) rotate(0deg);
  }
  44.1% {
    transform: translate(0px, 3px) rotate(0deg);
  }
  44.4% {
    transform: translate(-1px, 8px) rotate(0deg);
  }
  44.7% {
    transform: translate(-5px, -14px) rotate(20deg);
  }
  45.0% {
    transform: translate(12px, -44px) rotate(25deg);
  }
  45.3% {
    transform: translate(41px, -50px) rotate(80deg);
  }
  45.6% {
    transform: translate(52px, -43px) rotate(112deg);
  }
  45.9% {
    transform: translate(52px, -43px) rotate(112deg);
  }
  46.2% {
    transform: translate(81px, -22px) rotate(138deg);
  }
  46.5% {
    transform: translate(111px, 5px) rotate(168deg);
  }
  100% {
    transform: translate(111px, 5px) rotate(168deg);
  }
}
@keyframes soulPart4Before {
  0.0% {
    transform: scale(1, 1);
  }
  12.0% {
    transform: scale(1, 1);
  }
  12.9% {
    transform: scale(0.6, 1);
  }
  14.4% {
    transform: scale(0.6, 1);
  }
  15.9% {
    transform: scale(3, 1);
  }
  18.0% {
    transform: scale(3, 1);
  }
  20.7% {
    transform: scale(1, 0.8);
  }
  24.3% {
    transform: scale(0.2, 0.8);
  }
  29.1% {
    transform: scale(0.2, 0.8);
  }
  31.5% {
    transform: scale(1, 0.8);
  }
  34.5% {
    transform: scale(1, 0.8);
  }
  36.3% {
    transform: scale(0, 0.8);
  }
  39.6% {
    transform: scale(0, 0.8);
  }
  42.3% {
    transform: scale(0.7, 0.8);
  }
  43.8% {
    transform: scale(0.3, 0.8);
  }
  44.1% {
    transform: scale(0.3, 0.8);
  }
  44.4% {
    transform: scale(0.5, 0.8);
  }
  45.0% {
    transform: scale(0.5, 0.5);
  }
  45.3% {
    transform: scale(0.7, 0.6);
  }
  45.9% {
    transform: scale(0.7, 1.3);
  }
  46.2% {
    transform: scale(0.9, 1.3);
  }
  46.5% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart5 {
  0.0% {
    transform: translate(2px, 24px) rotate(0deg);
  }
  12.0% {
    transform: translate(2px, 24px) rotate(0deg);
  }
  12.9% {
    transform: translate(2px, 26px) rotate(0deg);
  }
  14.4% {
    transform: translate(4px, 27px) rotate(0deg);
  }
  15.9% {
    transform: translate(9px, 24px) rotate(0deg);
  }
  18.0% {
    transform: translate(6px, 11px) rotate(0deg);
  }
  20.7% {
    transform: translate(4px, 3px) rotate(0deg);
  }
  24.3% {
    transform: translate(6px, 9px) rotate(0deg);
  }
  26.1% {
    transform: translate(8px, 11px) rotate(0deg);
  }
  29.1% {
    transform: translate(5px, 5px) rotate(0deg);
  }
  31.5% {
    transform: translate(5px, 5px) rotate(0deg);
  }
  34.5% {
    transform: translate(9px, 10px) rotate(0deg);
  }
  36.3% {
    transform: translate(7px, 11px) rotate(0deg);
  }
  39.6% {
    transform: translate(-30px, -11px) rotate(0deg);
  }
  42.3% {
    transform: translate(-32px, -15px) rotate(0deg);
  }
  43.8% {
    transform: translate(-32px, -15px) rotate(0deg);
  }
  44.1% {
    transform: translate(-33px, -17px) rotate(0deg);
  }
  44.4% {
    transform: translate(-32px, -27px) rotate(0deg);
  }
  44.7% {
    transform: translate(-21px, -55px) rotate(23deg);
  }
  45.0% {
    transform: translate(10px, -86px) rotate(53deg);
  }
  45.3% {
    transform: translate(59px, -88px) rotate(103deg);
  }
  45.6% {
    transform: translate(105px, -57px) rotate(143deg);
  }
  45.9% {
    transform: translate(121px, -37px) rotate(153deg);
  }
  100% {
    transform: translate(121px, -37px) rotate(153deg);
  }
}
@keyframes soulPart5Before {
  0.0% {
    transform: scale(0.9, 1);
  }
  36.3% {
    transform: scale(0.9, 1);
  }
  39.6% {
    transform: scale(0.14, 0.15);
  }
  43.8% {
    transform: scale(0.14, 0.15);
  }
  44.1% {
    transform: scale(0.1, 0.1);
  }
  44.4% {
    transform: scale(0.1, 0.1);
  }
  44.7% {
    transform: scale(0.05, 0.15);
  }
  45.0% {
    transform: scale(0.05, 0.15);
  }
  45.3% {
    transform: scale(0.05, 0.1);
  }
  45.6% {
    transform: scale(0.05, 0.1);
  }
  45.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart6 {
  0.0% {
    transform: translate(-10px, 14px) rotate(0deg);
  }
  12.0% {
    transform: translate(-10px, 14px) rotate(0deg);
  }
  12.9% {
    transform: translate(-6px, 11px) rotate(0deg);
  }
  14.4% {
    transform: translate(-5px, 18px) rotate(0deg);
  }
  15.9% {
    transform: translate(5px, 32px) rotate(0deg);
  }
  18.0% {
    transform: translate(2px, 17px) rotate(0deg);
  }
  20.7% {
    transform: translate(2px, 2px) rotate(0deg);
  }
  24.3% {
    transform: translate(-2px, 4px) rotate(0deg);
  }
  26.1% {
    transform: translate(1px, 24px) rotate(0deg);
  }
  29.1% {
    transform: translate(-1px, 7px) rotate(0deg);
  }
  31.5% {
    transform: translate(-1px, 0px) rotate(0deg);
  }
  34.5% {
    transform: translate(13px, -10px) rotate(0deg);
  }
  36.3% {
    transform: translate(12px, -18px) rotate(0deg);
  }
  39.6% {
    transform: translate(10px, -32px) rotate(0deg);
  }
  41.4% {
    transform: translate(10px, -46px) rotate(0deg);
  }
  42.3% {
    transform: translate(-20px, -6px) rotate(0deg);
  }
  43.8% {
    transform: translate(12px, -7px) rotate(0deg);
  }
  44.1% {
    transform: translate(16px, -11px) rotate(0deg);
  }
  44.4% {
    transform: translate(12px, -21px) rotate(0deg);
  }
  44.7% {
    transform: translate(6px, -43px) rotate(40deg);
  }
  45.0% {
    transform: translate(-6px, -63px) rotate(40deg);
  }
  45.3% {
    transform: translate(14px, -74px) rotate(127deg);
  }
  45.6% {
    transform: translate(48px, -60px) rotate(130deg);
  }
  45.9% {
    transform: translate(78px, -23px) rotate(160deg);
  }
  46.2% {
    transform: translate(86px, 17px) rotate(176deg);
  }
  46.5% {
    transform: translate(92px, 65px) rotate(166deg);
  }
  46.8% {
    transform: translate(110px, 110px) rotate(146deg);
  }
  47.1% {
    transform: translate(142px, 141px) rotate(118deg);
  }
  47.4% {
    transform: translate(172px, 156px) rotate(108deg);
  }
  47.7% {
    transform: translate(182px, 146px) rotate(108deg);
  }
  100% {
    transform: translate(182px, 146px) rotate(108deg);
  }
}
@keyframes soulPart6Before {
  0.0% {
    transform: scale(1, 1);
  }
  12.0% {
    transform: scale(1, 1);
  }
  12.9% {
    transform: scale(0.9, 1);
  }
  14.4% {
    transform: scale(0.9, 1.4);
  }
  15.9% {
    transform: scale(0.9, 0.75);
  }
  18.0% {
    transform: scale(0.9, 1.1);
  }
  20.7% {
    transform: scale(0.9, 1.3);
  }
  24.3% {
    transform: scale(0.9, 1.5);
  }
  26.1% {
    transform: scale(1, 1);
  }
  29.1% {
    transform: scale(1, 1.2);
  }
  31.5% {
    transform: scale(1, 1.2);
  }
  34.5% {
    transform: scale(0.3, 0.3);
  }
  36.3% {
    transform: scale(0.3, 0.3);
  }
  39.6% {
    transform: scale(0.2, 0.3);
  }
  41.4% {
    transform: scale(0, 0);
  }
  42.3% {
    transform: scale(0, 0);
  }
  43.8% {
    transform: scale(0.3, 0.4);
  }
  44.1% {
    transform: scale(0.3, 0.3);
  }
  44.4% {
    transform: scale(0.3, 0.3);
  }
  44.7% {
    transform: scale(0.3, 0.4);
  }
  45.0% {
    transform: scale(0.15, 0.3);
  }
  45.3% {
    transform: scale(0.15, 0.3);
  }
  45.6% {
    transform: scale(0.15, 0.4);
  }
  45.9% {
    transform: scale(0.1, 0.5);
  }
  46.2% {
    transform: scale(0.1, 0.4);
  }
  47.1% {
    transform: scale(0.1, 0.4);
  }
  47.4% {
    transform: scale(0.1, 0.3);
  }
  47.7% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart7 {
  0.0% {
    transform: translate(-16px, 21px) rotate(0deg);
  }
  12.0% {
    transform: translate(-16px, 21px) rotate(0deg);
  }
  12.9% {
    transform: translate(-17px, 21px) rotate(0deg);
  }
  14.4% {
    transform: translate(-14px, 21px) rotate(0deg);
  }
  15.9% {
    transform: translate(-17px, 21px) rotate(0deg);
  }
  18.0% {
    transform: translate(-17px, 19px) rotate(0deg);
  }
  20.7% {
    transform: translate(-20px, 15px) rotate(0deg);
  }
  24.3% {
    transform: translate(-19px, 18px) rotate(0deg);
  }
  26.1% {
    transform: translate(-19px, 16px) rotate(0deg);
  }
  29.1% {
    transform: translate(-19px, 16px) rotate(0deg);
  }
  31.5% {
    transform: translate(-19px, 11px) rotate(0deg);
  }
  34.5% {
    transform: translate(-19px, 9px) rotate(0deg);
  }
  36.3% {
    transform: translate(-18px, 9px) rotate(0deg);
  }
  39.6% {
    transform: translate(-19px, 8px) rotate(0deg);
  }
  42.3% {
    transform: translate(-20px, 10px) rotate(0deg);
  }
  43.8% {
    transform: translate(-20px, 10px) rotate(0deg);
  }
  44.1% {
    transform: translate(-21px, 8px) rotate(0deg);
  }
  44.4% {
    transform: translate(-20px, 3px) rotate(0deg);
  }
  44.7% {
    transform: translate(-18px, -12px) rotate(0deg);
  }
  45.0% {
    transform: translate(-20px, -24px) rotate(-6deg);
  }
  45.3% {
    transform: translate(-20px, -50px) rotate(-6deg);
  }
  45.6% {
    transform: translate(-18px, -70px) rotate(5deg);
  }
  45.9% {
    transform: translate(9px, -96px) rotate(70deg);
  }
  46.2% {
    transform: translate(46px, -88px) rotate(110deg);
  }
  46.5% {
    transform: translate(80px, -57px) rotate(150deg);
  }
  46.8% {
    transform: translate(103px, 7px) rotate(173deg);
  }
  47.1% {
    transform: translate(111px, 59px) rotate(173deg);
  }
  47.4% {
    transform: translate(149px, 107px) rotate(123deg);
  }
  47.7% {
    transform: translate(169px, 117px) rotate(93deg);
  }
  100% {
    transform: translate(169px, 117px) rotate(93deg);
  }
}
@keyframes soulPart7Before {
  0.0% {
    transform: scale(1, 1.5);
  }
  12.0% {
    transform: scale(1, 1.5);
  }
  12.9% {
    transform: scale(1.3, 1.5);
  }
  14.4% {
    transform: scale(1.3, 1.5);
  }
  15.9% {
    transform: scale(1.6, 1.5);
  }
  18.0% {
    transform: scale(1.4, 1.5);
  }
  20.7% {
    transform: scale(1.6, 1.5);
  }
  24.3% {
    transform: scale(1.6, 1.5);
  }
  26.1% {
    transform: scale(1.8, 1.5);
  }
  29.1% {
    transform: scale(1.5, 1.5);
  }
  31.5% {
    transform: scale(1.6, 1.9);
  }
  34.5% {
    transform: scale(1.8, 2.1);
  }
  36.3% {
    transform: scale(2, 2);
  }
  39.6% {
    transform: scale(1.6, 2);
  }
  42.3% {
    transform: scale(1.7, 2);
  }
  44.4% {
    transform: scale(1.7, 2);
  }
  44.7% {
    transform: scale(1.6, 2.2);
  }
  45.0% {
    transform: scale(1.3, 2);
  }
  45.3% {
    transform: scale(1.1, 1.8);
  }
  45.6% {
    transform: scale(0.5, 1.2);
  }
  45.9% {
    transform: scale(0.4, 1);
  }
  46.2% {
    transform: scale(0.37, 1);
  }
  46.5% {
    transform: scale(0.37, 1);
  }
  46.8% {
    transform: scale(0.7, 1.3);
  }
  47.4% {
    transform: scale(0.7, 1.3);
  }
  47.7% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart8 {
  0.0% {
    transform: translate(14px, 10px) rotate(0deg);
  }
  12.0% {
    transform: translate(14px, 10px) rotate(0deg);
  }
  12.9% {
    transform: translate(11px, 11px) rotate(0deg);
  }
  14.4% {
    transform: translate(10px, 10px) rotate(0deg);
  }
  15.9% {
    transform: translate(14px, 13px) rotate(0deg);
  }
  18.0% {
    transform: translate(16px, -4px) rotate(0deg);
  }
  20.7% {
    transform: translate(19px, -11px) rotate(0deg);
  }
  24.3% {
    transform: translate(15px, 0px) rotate(0deg);
  }
  26.1% {
    transform: translate(13px, 5px) rotate(0deg);
  }
  29.1% {
    transform: translate(4px, 6px) rotate(0deg);
  }
  31.5% {
    transform: translate(8px, 0px) rotate(0deg);
  }
  34.5% {
    transform: translate(14px, -1px) rotate(0deg);
  }
  36.3% {
    transform: translate(-3px, 19px) rotate(0deg);
  }
  39.6% {
    transform: translate(-3px, 5px) rotate(0deg);
  }
  42.3% {
    transform: translate(-3px, 3px) rotate(0deg);
  }
  43.8% {
    transform: translate(1px, -1px) rotate(0deg);
  }
  44.1% {
    transform: translate(3px, -3px) rotate(0deg);
  }
  44.4% {
    transform: translate(4px, -12px) rotate(0deg);
  }
  44.7% {
    transform: translate(3px, -34px) rotate(0deg);
  }
  45.0% {
    transform: translate(7px, -40px) rotate(0deg);
  }
  45.3% {
    transform: translate(26px, -76px) rotate(41deg);
  }
  45.6% {
    transform: translate(31px, -82px) rotate(41deg);
  }
  45.9% {
    transform: translate(71px, -89px) rotate(101deg);
  }
  46.2% {
    transform: translate(101px, -75px) rotate(111deg);
  }
  46.5% {
    transform: translate(132px, -37px) rotate(141deg);
  }
  46.8% {
    transform: translate(156px, 34px) rotate(171deg);
  }
  47.1% {
    transform: translate(164px, 80px) rotate(162deg);
  }
  47.4% {
    transform: translate(206px, 125px) rotate(112deg);
  }
  47.7% {
    transform: translate(218px, 126px) rotate(112deg);
  }
  48.0% {
    transform: translate(229px, 128px) rotate(82deg);
  }
  48.3% {
    transform: translate(244px, 131px) rotate(82deg);
  }
  48.6% {
    transform: translate(247px, 137px) rotate(82deg);
  }
  48.9% {
    transform: translate(239px, 140px) rotate(82deg);
  }
  100% {
    transform: translate(239px, 140px) rotate(82deg);
  }
}
@keyframes soulPart8Before {
  0.0% {
    transform: scale(1, 1);
  }
  14.4% {
    transform: scale(1, 1);
  }
  15.9% {
    transform: scale(1.6, 1.6);
  }
  24.3% {
    transform: scale(1.4, 1.6);
  }
  26.1% {
    transform: scale(1.4, 2);
  }
  29.1% {
    transform: scale(1.4, 1.4);
  }
  34.5% {
    transform: scale(1.4, 1.4);
  }
  36.3% {
    transform: scale(1, 0.8);
  }
  39.6% {
    transform: scale(1, 1.3);
  }
  42.3% {
    transform: scale(1, 0.8);
  }
  44.4% {
    transform: scale(1, 0.8);
  }
  44.7% {
    transform: scale(0.6, 0.8);
  }
  45.0% {
    transform: scale(0.6, 1.6);
  }
  45.3% {
    transform: scale(0.6, 2);
  }
  45.6% {
    transform: scale(0.6, 1.2);
  }
  45.9% {
    transform: scale(0.6, 1.5);
  }
  47.4% {
    transform: scale(0.6, 1.5);
  }
  47.7% {
    transform: scale(0.8, 1.5);
  }
  48.0% {
    transform: scale(0.8, 1);
  }
  48.3% {
    transform: scale(0.7, 0.9);
  }
  48.6% {
    transform: scale(0.6, 0.7);
  }
  48.9% {
    transform: scale(0.3, 0.2);
  }
  49.2% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart9 {
  0.0% {
    transform: translate(10px, 6px) rotate(0deg);
  }
  12.0% {
    transform: translate(10px, 6px) rotate(0deg);
  }
  12.9% {
    transform: translate(6px, 5px) rotate(0deg);
  }
  14.4% {
    transform: translate(4px, 1px) rotate(0deg);
  }
  15.9% {
    transform: translate(0px, 18px) rotate(0deg);
  }
  18.0% {
    transform: translate(-1px, 2px) rotate(0deg);
  }
  20.7% {
    transform: translate(3px, -10px) rotate(0deg);
  }
  24.3% {
    transform: translate(3px, -12px) rotate(0deg);
  }
  26.1% {
    transform: translate(0px, 10px) rotate(0deg);
  }
  29.1% {
    transform: translate(-2px, -29px) rotate(0deg);
  }
  31.5% {
    transform: translate(-4px, -38px) rotate(0deg);
  }
  34.5% {
    transform: translate(-6px, -38px) rotate(0deg);
  }
  36.3% {
    transform: translate(0px, -51px) rotate(0deg);
  }
  39.6% {
    transform: translate(20px, -21px) rotate(0deg);
  }
  42.3% {
    transform: translate(33px, -19px) rotate(0deg);
  }
  43.8% {
    transform: translate(33px, -18px) rotate(0deg);
  }
  44.1% {
    transform: translate(37px, -7px) rotate(0deg);
  }
  44.4% {
    transform: translate(36px, -15px) rotate(0deg);
  }
  44.7% {
    transform: translate(36px, -39px) rotate(0deg);
  }
  45.0% {
    transform: translate(36px, -39px) rotate(0deg);
  }
  45.3% {
    transform: translate(42px, -88px) rotate(40deg);
  }
  45.6% {
    transform: translate(52px, -93px) rotate(80deg);
  }
  45.9% {
    transform: translate(118px, -63px) rotate(141deg);
  }
  46.2% {
    transform: translate(133px, -33px) rotate(164deg);
  }
  46.5% {
    transform: translate(136px, -23px) rotate(170deg);
  }
  46.8% {
    transform: translate(144px, 39px) rotate(166deg);
  }
  47.1% {
    transform: translate(152px, 73px) rotate(166deg);
  }
  47.4% {
    transform: translate(177px, 97px) rotate(146deg);
  }
  47.7% {
    transform: translate(202px, 116px) rotate(113deg);
  }
  48.0% {
    transform: translate(224px, 131px) rotate(113deg);
  }
  48.3% {
    transform: translate(235px, 131px) rotate(113deg);
  }
  48.6% {
    transform: translate(246px, 133px) rotate(113deg);
  }
  48.9% {
    transform: translate(244px, 131px) rotate(113deg);
  }
  100% {
    transform: translate(244px, 131px) rotate(113deg);
  }
}
@keyframes soulPart9Before {
  0.0% {
    transform: scale(1, 1);
  }
  12.0% {
    transform: scale(1, 1);
  }
  12.9% {
    transform: scale(1, 0.9);
  }
  14.4% {
    transform: scale(1, 0.8);
  }
  15.9% {
    transform: scale(1, 0.8);
  }
  18.0% {
    transform: scale(1, 1.5);
  }
  20.7% {
    transform: scale(1, 1.5);
  }
  24.3% {
    transform: scale(1, 1);
  }
  26.1% {
    transform: scale(1, 1);
  }
  29.1% {
    transform: scale(0.3, 0.4);
  }
  31.5% {
    transform: scale(0.3, 0.3);
  }
  34.5% {
    transform: scale(0.3, 0.3);
  }
  36.3% {
    transform: scale(0, 0);
  }
  39.6% {
    transform: scale(0, 0);
  }
  42.3% {
    transform: scale(2, 2);
  }
  43.8% {
    transform: scale(2, 2);
  }
  44.1% {
    transform: scale(2, 2.7);
  }
  44.4% {
    transform: scale(2, 2.7);
  }
  44.7% {
    transform: scale(1.5, 2);
  }
  45.0% {
    transform: scale(0.7, 1.2);
  }
  45.3% {
    transform: scale(0.4, 1.4);
  }
  45.6% {
    transform: scale(0.4, 1.4);
  }
  45.9% {
    transform: scale(0.4, 2);
  }
  46.2% {
    transform: scale(0.4, 2);
  }
  46.5% {
    transform: scale(0.7, 3);
  }
  46.8% {
    transform: scale(0.7, 3);
  }
  47.1% {
    transform: scale(0.7, 1.5);
  }
  47.4% {
    transform: scale(1, 2);
  }
  48.0% {
    transform: scale(1, 2);
  }
  48.3% {
    transform: scale(0.8, 1);
  }
  48.6% {
    transform: scale(0.8, 1);
  }
  48.9% {
    transform: scale(0.3, 0.4);
  }
  49.2% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart10 {
  0.0% {
    transform: translate(0px, 7px) rotate(0deg);
  }
  12.0% {
    transform: translate(0px, 7px) rotate(0deg);
  }
  12.9% {
    transform: translate(1px, 8px) rotate(0deg);
  }
  14.4% {
    transform: translate(-6px, 4px) rotate(0deg);
  }
  15.9% {
    transform: translate(-6px, 4px) rotate(0deg);
  }
  18.0% {
    transform: translate(-6px, -2px) rotate(0deg);
  }
  20.7% {
    transform: translate(-14px, -11px) rotate(0deg);
  }
  24.3% {
    transform: translate(-7px, -5px) rotate(0deg);
  }
  26.1% {
    transform: translate(1px, -21px) rotate(0deg);
  }
  29.1% {
    transform: translate(-2px, -30px) rotate(0deg);
  }
  31.5% {
    transform: translate(0px, -27px) rotate(0deg);
  }
  34.5% {
    transform: translate(2px, -20px) rotate(0deg);
  }
  36.3% {
    transform: translate(-2px, -18px) rotate(0deg);
  }
  39.6% {
    transform: translate(0px, -26px) rotate(0deg);
  }
  42.3% {
    transform: translate(0px, -26px) rotate(0deg);
  }
  43.8% {
    transform: translate(0px, -16px) rotate(0deg);
  }
  44.1% {
    transform: translate(0px, -16px) rotate(0deg);
  }
  44.4% {
    transform: translate(1px, -24px) rotate(0deg);
  }
  44.7% {
    transform: translate(-3px, -44px) rotate(0deg);
  }
  45.0% {
    transform: translate(0px, -86px) rotate(45deg);
  }
  45.3% {
    transform: translate(37px, -109px) rotate(111deg);
  }
  45.6% {
    transform: translate(72px, -97px) rotate(127deg);
  }
  45.9% {
    transform: translate(107px, -61px) rotate(159deg);
  }
  46.2% {
    transform: translate(119px, -26px) rotate(172deg);
  }
  46.5% {
    transform: translate(124px, 18px) rotate(166deg);
  }
  46.8% {
    transform: translate(134px, 63px) rotate(151deg);
  }
  47.1% {
    transform: translate(162px, 101px) rotate(113deg);
  }
  47.4% {
    transform: translate(189px, 116px) rotate(88deg);
  }
  47.7% {
    transform: translate(207px, 121px) rotate(68deg);
  }
  48.0% {
    transform: translate(216px, 122px) rotate(53deg);
  }
  48.3% {
    transform: translate(228px, 123px) rotate(48deg);
  }
  48.6% {
    transform: translate(230px, 123px) rotate(48deg);
  }
  48.9% {
    transform: translate(222px, 121px) rotate(48deg);
  }
  100% {
    transform: translate(222px, 121px) rotate(48deg);
  }
}
@keyframes soulPart10Before {
  0.0% {
    transform: scale(0.7, 0.8);
  }
  12.0% {
    transform: scale(0.7, 0.8);
  }
  12.9% {
    transform: scale(0.9, 0.8);
  }
  14.4% {
    transform: scale(0.9, 0.9);
  }
  18.0% {
    transform: scale(0.9, 0.9);
  }
  20.7% {
    transform: scale(0.9, 0.6);
  }
  24.3% {
    transform: scale(0.9, 0.9);
  }
  26.1% {
    transform: scale(0.9, 0.9);
  }
  29.1% {
    transform: scale(0.8, 0.9);
  }
  31.5% {
    transform: scale(0.9, 0.9);
  }
  34.5% {
    transform: scale(0.9, 0.9);
  }
  36.3% {
    transform: scale(1, 1);
  }
  39.6% {
    transform: scale(1, 1);
  }
  42.3% {
    transform: scale(1.1, 1);
  }
  44.4% {
    transform: scale(1.1, 1);
  }
  44.7% {
    transform: scale(0.8, 1.1);
  }
  45.0% {
    transform: scale(0.4, 0.8);
  }
  45.3% {
    transform: scale(0.3, 0.6);
  }
  45.6% {
    transform: scale(0.35, 0.9);
  }
  45.9% {
    transform: scale(0.35, 0.9);
  }
  46.2% {
    transform: scale(0.4, 1.1);
  }
  46.8% {
    transform: scale(0.4, 1.1);
  }
  47.1% {
    transform: scale(0.4, 0.8);
  }
  47.4% {
    transform: scale(0.4, 0.8);
  }
  47.7% {
    transform: scale(0.45, 0.75);
  }
  48.0% {
    transform: scale(0.45, 0.7);
  }
  48.3% {
    transform: scale(0.45, 0.6);
  }
  48.6% {
    transform: scale(0.3, 0.4);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart11 {
  0.0% {
    transform: translate(2px, 0px) rotate(0deg);
  }
  12.9% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  14.4% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  44.1% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  44.4% {
    transform: translate(0px, -9px) rotate(0deg);
  }
  44.7% {
    transform: translate(0px, -18px) rotate(0deg);
  }
  45.0% {
    transform: translate(2px, -31px) rotate(3deg);
  }
  45.3% {
    transform: translate(3px, -54px) rotate(1deg);
  }
  45.6% {
    transform: translate(2px, -88px) rotate(-2deg);
  }
  45.9% {
    transform: translate(12px, -135px) rotate(43deg);
  }
  46.2% {
    transform: translate(50px, -147px) rotate(114deg);
  }
  46.5% {
    transform: translate(93px, -124px) rotate(133deg);
  }
  46.8% {
    transform: translate(123px, -65px) rotate(168deg);
  }
  47.1% {
    transform: translate(131px, -15px) rotate(175deg);
  }
  47.4% {
    transform: translate(144px, 32px) rotate(157deg);
  }
  47.7% {
    transform: translate(163px, 59px) rotate(137deg);
  }
  48.0% {
    transform: translate(183px, 69px) rotate(107deg);
  }
  48.3% {
    transform: translate(203px, 77px) rotate(102deg);
  }
  48.6% {
    transform: translate(216px, 80px) rotate(96deg);
  }
  48.9% {
    transform: translate(228px, 84px) rotate(96deg);
  }
  100% {
    transform: translate(228px, 84px) rotate(96deg);
  }
}
@keyframes soulPart11Before {
  0.0% {
    transform: scale(1.6, 1);
  }
  12.0% {
    transform: scale(1.6, 1);
  }
  12.9% {
    transform: scale(1.9, 1);
  }
  14.4% {
    transform: scale(2.1, 1);
  }
  15.9% {
    transform: scale(2.1, 1);
  }
  18.0% {
    transform: scale(1.3, 1);
  }
  20.7% {
    transform: scale(1.3, 1);
  }
  24.3% {
    transform: scale(2, 1);
  }
  26.1% {
    transform: scale(2, 1);
  }
  29.1% {
    transform: scale(1.2, 1);
  }
  31.5% {
    transform: scale(2, 1);
  }
  34.5% {
    transform: scale(2.4, 1);
  }
  36.3% {
    transform: scale(2, 1);
  }
  43.8% {
    transform: scale(2, 1);
  }
  44.1% {
    transform: scale(1.7, 1);
  }
  44.4% {
    transform: scale(1.7, 1);
  }
  44.7% {
    transform: scale(1.8, 1);
  }
  45.0% {
    transform: scale(1.8, 1);
  }
  45.3% {
    transform: scale(1.6, 1.2);
  }
  45.6% {
    transform: scale(1, 1.4);
  }
  45.9% {
    transform: scale(0.7, 0.7);
  }
  46.2% {
    transform: scale(0.4, 0.7);
  }
  46.5% {
    transform: scale(0.4, 0.7);
  }
  46.8% {
    transform: scale(0.6, 0.7);
  }
  47.1% {
    transform: scale(0.6, 0.7);
  }
  47.4% {
    transform: scale(1, 0.7);
  }
  48.6% {
    transform: scale(1, 0.7);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart12 {
  0.0% {
    transform: translate(3px, 20px) rotate(0deg);
  }
  12.0% {
    transform: translate(3px, 20px) rotate(0deg);
  }
  12.9% {
    transform: translate(1px, 24px) rotate(0deg);
  }
  14.4% {
    transform: translate(-2px, 28px) rotate(0deg);
  }
  15.9% {
    transform: translate(-3px, 25px) rotate(0deg);
  }
  18.0% {
    transform: translate(-1px, 10px) rotate(0deg);
  }
  20.7% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  24.3% {
    transform: translate(-2px, 17px) rotate(0deg);
  }
  26.1% {
    transform: translate(-2px, 15px) rotate(0deg);
  }
  29.1% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  31.5% {
    transform: translate(-1px, 3px) rotate(0deg);
  }
  34.5% {
    transform: translate(-2px, 17px) rotate(0deg);
  }
  36.3% {
    transform: translate(-2px, 14px) rotate(0deg);
  }
  39.6% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  42.3% {
    transform: translate(-1px, 9px) rotate(0deg);
  }
  43.8% {
    transform: translate(-2px, 16px) rotate(0deg);
  }
  44.1% {
    transform: translate(-1px, 16px) rotate(0deg);
  }
  44.4% {
    transform: translate(-1px, 9px) rotate(0deg);
  }
  44.7% {
    transform: translate(0px, -8px) rotate(-13deg);
  }
  45.0% {
    transform: translate(0px, -35px) rotate(2deg);
  }
  45.3% {
    transform: translate(13px, -66px) rotate(32deg);
  }
  45.6% {
    transform: translate(47px, -83px) rotate(92deg);
  }
  45.9% {
    transform: translate(92px, -65px) rotate(126deg);
  }
  46.2% {
    transform: translate(122px, -29px) rotate(156deg);
  }
  46.5% {
    transform: translate(137px, 21px) rotate(174deg);
  }
  46.8% {
    transform: translate(144px, 70px) rotate(170deg);
  }
  47.1% {
    transform: translate(162px, 112px) rotate(145deg);
  }
  47.4% {
    transform: translate(189px, 133px) rotate(115deg);
  }
  47.7% {
    transform: translate(211px, 140px) rotate(95deg);
  }
  48.0% {
    transform: translate(223px, 142px) rotate(66deg);
  }
  48.3% {
    transform: translate(237px, 145px) rotate(56deg);
  }
  48.6% {
    transform: translate(238px, 147px) rotate(56deg);
  }
  48.9% {
    transform: translate(228px, 151px) rotate(56deg);
  }
  100% {
    transform: translate(228px, 151px) rotate(56deg);
  }
}
@keyframes soulPart12Before {
  0.0% {
    transform: scale(0.9, 0.8);
  }
  12.0% {
    transform: scale(0.9, 0.8);
  }
  12.9% {
    transform: scale(1, 0.9);
  }
  14.4% {
    transform: scale(1.3, 0.9);
  }
  15.9% {
    transform: scale(1.4, 1);
  }
  18.0% {
    transform: scale(1.2, 1);
  }
  20.7% {
    transform: scale(1, 1);
  }
  24.3% {
    transform: scale(1.3, 1.1);
  }
  26.1% {
    transform: scale(1.3, 1.1);
  }
  29.1% {
    transform: scale(1.1, 1.1);
  }
  31.5% {
    transform: scale(1.1, 1.1);
  }
  34.5% {
    transform: scale(1.4, 1.1);
  }
  36.3% {
    transform: scale(1.4, 1.1);
  }
  39.6% {
    transform: scale(1, 1);
  }
  42.3% {
    transform: scale(1.2, 1.1);
  }
  43.8% {
    transform: scale(1.3, 1.1);
  }
  44.1% {
    transform: scale(1.3, 1.1);
  }
  44.4% {
    transform: scale(1.3, 1.1);
  }
  44.7% {
    transform: scale(1.1, 1.3);
  }
  45.0% {
    transform: scale(0.8, 1.5);
  }
  45.3% {
    transform: scale(0.5, 1.8);
  }
  45.6% {
    transform: scale(0.4, 1.9);
  }
  45.9% {
    transform: scale(0.4, 2.1);
  }
  46.2% {
    transform: scale(0.4, 2.1);
  }
  46.5% {
    transform: scale(0.6, 2);
  }
  46.8% {
    transform: scale(0.6, 1.6);
  }
  47.1% {
    transform: scale(0.5, 1.4);
  }
  47.4% {
    transform: scale(0.7, 1.3);
  }
  47.7% {
    transform: scale(0.7, 1);
  }
  48.0% {
    transform: scale(0.7, 0.7);
  }
  48.3% {
    transform: scale(0.6, 0.6);
  }
  48.6% {
    transform: scale(0.4, 0.5);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart13 {
  0.0% {
    transform: translate(-1px, 18px) rotate(0deg);
  }
  12.0% {
    transform: translate(-1px, 18px) rotate(0deg);
  }
  12.9% {
    transform: translate(0px, 20px) rotate(0deg);
  }
  14.4% {
    transform: translate(1px, 18px) rotate(0deg);
  }
  15.9% {
    transform: translate(2px, 13px) rotate(0deg);
  }
  18.0% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  20.7% {
    transform: translate(0px, 2px) rotate(0deg);
  }
  24.3% {
    transform: translate(2px, 5px) rotate(0deg);
  }
  26.1% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  29.1% {
    transform: translate(0px, -1px) rotate(0deg);
  }
  31.5% {
    transform: translate(1px, 4px) rotate(0deg);
  }
  34.5% {
    transform: translate(2px, 5px) rotate(0deg);
  }
  36.3% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  39.6% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  42.3% {
    transform: translate(1px, 6px) rotate(0deg);
  }
  43.8% {
    transform: translate(1px, 6px) rotate(0deg);
  }
  44.1% {
    transform: translate(2px, 5px) rotate(0deg);
  }
  44.4% {
    transform: translate(2px, -3px) rotate(0deg);
  }
  44.7% {
    transform: translate(-1px, -23px) rotate(-20deg);
  }
  45.0% {
    transform: translate(-5px, -49px) rotate(-4deg);
  }
  45.3% {
    transform: translate(8px, -76px) rotate(51deg);
  }
  45.6% {
    transform: translate(42px, -78px) rotate(111deg);
  }
  45.9% {
    transform: translate(81px, -53px) rotate(138deg);
  }
  46.2% {
    transform: translate(101px, -15px) rotate(164deg);
  }
  46.5% {
    transform: translate(110px, 33px) rotate(175deg);
  }
  46.8% {
    transform: translate(119px, 80px) rotate(165deg);
  }
  47.1% {
    transform: translate(140px, 119px) rotate(136deg);
  }
  47.4% {
    transform: translate(167px, 139px) rotate(117deg);
  }
  47.7% {
    transform: translate(188px, 146px) rotate(91deg);
  }
  48.0% {
    transform: translate(200px, 150px) rotate(71deg);
  }
  48.3% {
    transform: translate(214px, 151px) rotate(71deg);
  }
  48.6% {
    transform: translate(216px, 150px) rotate(71deg);
  }
  48.9% {
    transform: translate(206px, 147px) rotate(71deg);
  }
  100% {
    transform: translate(206px, 147px) rotate(71deg);
  }
}
@keyframes soulPart13Before {
  0.0% {
    transform: scale(0.8, 0.8);
  }
  12.0% {
    transform: scale(0.8, 0.8);
  }
  12.9% {
    transform: scale(0.9, 0.8);
  }
  14.4% {
    transform: scale(1, 0.8);
  }
  18.0% {
    transform: scale(1, 0.8);
  }
  20.7% {
    transform: scale(1, 1);
  }
  24.3% {
    transform: scale(1.1, 0.9);
  }
  26.1% {
    transform: scale(1, 0.9);
  }
  29.1% {
    transform: scale(0.9, 1);
  }
  31.5% {
    transform: scale(1.2, 1);
  }
  34.5% {
    transform: scale(1.1, 0.9);
  }
  36.3% {
    transform: scale(1.1, 0.9);
  }
  39.6% {
    transform: scale(1, 1);
  }
  42.3% {
    transform: scale(1.2, 1);
  }
  43.8% {
    transform: scale(1.1, 1);
  }
  44.4% {
    transform: scale(1.1, 1);
  }
  44.7% {
    transform: scale(0.9, 1);
  }
  45.0% {
    transform: scale(0.6, 1.1);
  }
  45.3% {
    transform: scale(0.3, 1.2);
  }
  45.6% {
    transform: scale(0.4, 1.4);
  }
  45.9% {
    transform: scale(0.3, 1.6);
  }
  46.2% {
    transform: scale(0.3, 1.5);
  }
  46.5% {
    transform: scale(0.3, 1.5);
  }
  46.8% {
    transform: scale(0.4, 1.3);
  }
  47.1% {
    transform: scale(0.4, 1.3);
  }
  47.4% {
    transform: scale(0.4, 1);
  }
  47.7% {
    transform: scale(0.4, 0.8);
  }
  48.0% {
    transform: scale(0.7, 0.7);
  }
  48.3% {
    transform: scale(0.4, 0.5);
  }
  48.6% {
    transform: scale(0.3, 0.4);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart14 {
  0.0% {
    transform: translate(0px, 26px) rotate(0deg);
  }
  12.0% {
    transform: translate(0px, 26px) rotate(0deg);
  }
  12.9% {
    transform: translate(0px, 27px) rotate(0deg);
  }
  14.4% {
    transform: translate(1px, 26px) rotate(0deg);
  }
  15.9% {
    transform: translate(1px, 20px) rotate(0deg);
  }
  18.0% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  20.7% {
    transform: translate(1px, 30px) rotate(0deg);
  }
  24.3% {
    transform: translate(1px, 5px) rotate(0deg);
  }
  26.1% {
    transform: translate(1px, 3px) rotate(0deg);
  }
  28.8% {
    transform: translate(1px, -2px) rotate(0deg);
  }
  29.1% {
    transform: translate(1px, 28px) rotate(0deg);
  }
  31.5% {
    transform: translate(0px, 4px) rotate(0deg);
  }
  34.5% {
    transform: translate(0px, 4px) rotate(0deg);
  }
  36.3% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  39.0% {
    transform: translate(1px, -18px) rotate(0deg);
  }
  42.3% {
    transform: translate(1px, -18px) rotate(0deg);
  }
  43.8% {
    transform: translate(1px, 52px) rotate(0deg);
  }
  44.1% {
    transform: translate(29px, 36px) rotate(50deg);
  }
  44.4% {
    transform: translate(29px, 36px) rotate(50deg);
  }
  44.7% {
    transform: translate(-1px, 74px) rotate(50deg);
  }
  45.0% {
    transform: translate(-1px, 44px) rotate(50deg);
  }
  45.3% {
    transform: translate(23px, -34px) rotate(68deg);
  }
  45.6% {
    transform: translate(37px, -39px) rotate(98deg);
  }
  45.9% {
    transform: translate(81px, -20px) rotate(130deg);
  }
  46.2% {
    transform: translate(102px, 5px) rotate(154deg);
  }
  46.5% {
    transform: translate(124px, 59px) rotate(177deg);
  }
  46.8% {
    transform: translate(130px, 117px) rotate(167deg);
  }
  47.1% {
    transform: translate(142px, 153px) rotate(132deg);
  }
  47.4% {
    transform: translate(155px, 172px) rotate(122deg);
  }
  47.7% {
    transform: translate(176px, 187px) rotate(122deg);
  }
  48.0% {
    transform: translate(194px, 201px) rotate(92deg);
  }
  48.3% {
    transform: translate(211px, 201px) rotate(92deg);
  }
  48.6% {
    transform: translate(218px, 194px) rotate(62deg);
  }
  100% {
    transform: translate(218px, 194px) rotate(62deg);
  }
}
@keyframes soulPart14Before {
  0.0% {
    transform: scale(0.6, 1);
  }
  12.0% {
    transform: scale(0.6, 1);
  }
  12.9% {
    transform: scale(0.7, 0.8);
  }
  14.4% {
    transform: scale(0.7, 0.8);
  }
  15.9% {
    transform: scale(0.7, 0.6);
  }
  18.0% {
    transform: scale(0.2, 0.3);
  }
  18.6% {
    transform: scale(0, 0);
  }
  20.7% {
    transform: scale(0, 0);
  }
  24.3% {
    transform: scale(0.9, 1);
  }
  26.1% {
    transform: scale(0.7, 0.8);
  }
  28.8% {
    transform: scale(0, 0);
  }
  29.1% {
    transform: scale(0, 0);
  }
  31.5% {
    transform: scale(1, 1);
  }
  34.5% {
    transform: scale(1, 1);
  }
  36.3% {
    transform: scale(0.7, 0.7);
  }
  39.0% {
    transform: scale(0, 0);
  }
  43.8% {
    transform: scale(0, 0);
  }
  44.1% {
    transform: scale(1.5, 1.5);
  }
  45.0% {
    transform: scale(1.5, 1.5);
  }
  45.3% {
    transform: scale(1, 2);
  }
  45.6% {
    transform: scale(1.6, 3.9);
  }
  45.9% {
    transform: scale(1.6, 5);
  }
  46.2% {
    transform: scale(1.8, 6);
  }
  46.5% {
    transform: scale(1.8, 7);
  }
  46.8% {
    transform: scale(1.8, 6);
  }
  47.1% {
    transform: scale(2, 5);
  }
  47.4% {
    transform: scale(2, 4);
  }
  47.7% {
    transform: scale(2, 3);
  }
  48.0% {
    transform: scale(1, 2);
  }
  48.3% {
    transform: scale(1, 2);
  }
  48.6% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart15 {
  0.0% {
    transform: translate(-6px, -3px) rotate(0deg);
  }
  12.0% {
    transform: translate(-6px, -3px) rotate(0deg);
  }
  12.9% {
    transform: translate(-5px, -2px) rotate(0deg);
  }
  14.4% {
    transform: translate(-2px, -1px) rotate(0deg);
  }
  15.9% {
    transform: translate(-2px, -2px) rotate(0deg);
  }
  18.0% {
    transform: translate(-3px, -14px) rotate(0deg);
  }
  20.7% {
    transform: translate(-4px, -12px) rotate(0deg);
  }
  24.3% {
    transform: translate(-3px, -3px) rotate(0deg);
  }
  26.1% {
    transform: translate(-2px, -5px) rotate(0deg);
  }
  28.2% {
    transform: translate(-6px, -21px) rotate(0deg);
  }
  29.1% {
    transform: translate(-6px, -21px) rotate(0deg);
  }
  31.5% {
    transform: translate(-4px, -7px) rotate(0deg);
  }
  34.5% {
    transform: translate(-3px, -3px) rotate(0deg);
  }
  36.3% {
    transform: translate(-3px, -5px) rotate(0deg);
  }
  39.6% {
    transform: translate(-9px, -35px) rotate(0deg);
  }
  42.3% {
    transform: translate(-3px, -5px) rotate(0deg);
  }
  43.8% {
    transform: translate(-3px, -3px) rotate(0deg);
  }
  44.1% {
    transform: translate(-4px, -5px) rotate(0deg);
  }
  44.4% {
    transform: translate(-3px, -8px) rotate(0deg);
  }
  44.7% {
    transform: translate(-4px, -18px) rotate(0deg);
  }
  45.0% {
    transform: translate(-5px, -35px) rotate(10deg);
  }
  45.3% {
    transform: translate(-6px, -59px) rotate(0deg);
  }
  45.6% {
    transform: translate(-10px, -90px) rotate(-10deg);
  }
  45.9% {
    transform: translate(-11px, -122px) rotate(0deg);
  }
  46.2% {
    transform: translate(25px, -144px) rotate(110deg);
  }
  46.5% {
    transform: translate(70px, -118px) rotate(133deg);
  }
  46.8% {
    transform: translate(96px, -66px) rotate(159deg);
  }
  47.1% {
    transform: translate(103px, -13px) rotate(169deg);
  }
  47.4% {
    transform: translate(116px, 34px) rotate(148deg);
  }
  47.7% {
    transform: translate(139px, 65px) rotate(128deg);
  }
  48.0% {
    transform: translate(153px, 82px) rotate(128deg);
  }
  100% {
    transform: translate(153px, 82px) rotate(128deg);
  }
}
@keyframes soulPart15Before {
  0.0% {
    transform: scale(0.8, 0.6);
  }
  12.9% {
    transform: scale(0.8, 0.6);
  }
  14.4% {
    transform: scale(1, 0.8);
  }
  15.9% {
    transform: scale(1, 0.8);
  }
  18.0% {
    transform: scale(1.4, 1);
  }
  20.7% {
    transform: scale(1, 0.8);
  }
  24.3% {
    transform: scale(1.2, 0.8);
  }
  29.1% {
    transform: scale(1.2, 0.8);
  }
  31.5% {
    transform: scale(1, 0.8);
  }
  34.5% {
    transform: scale(1.2, 0.8);
  }
  39.6% {
    transform: scale(1.2, 0.8);
  }
  42.3% {
    transform: scale(1, 0.8);
  }
  43.8% {
    transform: scale(1.2, 0.8);
  }
  44.1% {
    transform: scale(1, 0.8);
  }
  44.4% {
    transform: scale(1, 0.8);
  }
  44.7% {
    transform: scale(0.9, 1);
  }
  45.0% {
    transform: scale(0.9, 1.1);
  }
  45.3% {
    transform: scale(0.6, 1.2);
  }
  45.6% {
    transform: scale(0.5, 1.3);
  }
  45.9% {
    transform: scale(0.3, 0.6);
  }
  46.2% {
    transform: scale(0.3, 1.3);
  }
  46.5% {
    transform: scale(0.3, 1.3);
  }
  46.8% {
    transform: scale(0.4, 1);
  }
  47.7% {
    transform: scale(0.4, 1);
  }
  48.0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes soulPart16 {
  0.0% {
    transform: translate(15px, -31px) rotate(0deg);
  }
  12.0% {
    transform: translate(15px, -31px) rotate(0deg);
  }
  12.9% {
    transform: translate(20px, -30px) rotate(0deg);
  }
  14.4% {
    transform: translate(25px, -28px) rotate(0deg);
  }
  15.9% {
    transform: translate(27px, -27px) rotate(0deg);
  }
  18.0% {
    transform: translate(24px, -32px) rotate(0deg);
  }
  20.7% {
    transform: translate(23px, -38px) rotate(0deg);
  }
  24.3% {
    transform: translate(25px, -34px) rotate(0deg);
  }
  26.1% {
    transform: translate(26px, -32px) rotate(0deg);
  }
  29.1% {
    transform: translate(23px, -36px) rotate(0deg);
  }
  31.5% {
    transform: translate(23px, -38px) rotate(0deg);
  }
  34.5% {
    transform: translate(25px, -33px) rotate(0deg);
  }
  36.3% {
    transform: translate(26px, -32px) rotate(0deg);
  }
  39.6% {
    transform: translate(22px, -37px) rotate(0deg);
  }
  42.3% {
    transform: translate(24px, -36px) rotate(0deg);
  }
  43.8% {
    transform: translate(26px, -34px) rotate(0deg);
  }
  44.1% {
    transform: translate(27px, -35px) rotate(0deg);
  }
  44.4% {
    transform: translate(25px, -39px) rotate(0deg);
  }
  44.7% {
    transform: translate(23px, -52px) rotate(0deg);
  }
  45.0% {
    transform: translate(19px, -73px) rotate(0deg);
  }
  45.3% {
    transform: translate(12px, -98px) rotate(0deg);
  }
  45.6% {
    transform: translate(0px, -125px) rotate(0deg);
  }
  45.9% {
    transform: translate(14px, -149px) rotate(90deg);
  }
  46.2% {
    transform: translate(49px, -139px) rotate(117deg);
  }
  46.5% {
    transform: translate(81px, -106px) rotate(157deg);
  }
  46.8% {
    transform: translate(92px, -55px) rotate(172deg);
  }
  47.1% {
    transform: translate(99px, -5px) rotate(172deg);
  }
  47.4% {
    transform: translate(115px, 38px) rotate(152deg);
  }
  47.7% {
    transform: translate(140px, 65px) rotate(132deg);
  }
  48.0% {
    transform: translate(162px, 79px) rotate(122deg);
  }
  48.3% {
    transform: translate(183px, 83px) rotate(102deg);
  }
  48.6% {
    transform: translate(196px, 80px) rotate(82deg);
  }
  48.9% {
    transform: translate(206px, 78px) rotate(82deg);
  }
  100% {
    transform: translate(206px, 78px) rotate(82deg);
  }
}
@keyframes soulPart16Before {
  0.0% {
    transform: scale(0.7, 0.5);
  }
  12.0% {
    transform: scale(0.7, 0.5);
  }
  12.9% {
    transform: scale(0.9, 0.6);
  }
  36.3% {
    transform: scale(0.9, 0.6);
  }
  39.6% {
    transform: scale(0.9, 0.7);
  }
  44.7% {
    transform: scale(0.9, 0.7);
  }
  45.0% {
    transform: scale(0.7, 0.8);
  }
  45.6% {
    transform: scale(0.4, 0.8);
  }
  45.9% {
    transform: scale(0.3, 0.7);
  }
  47.7% {
    transform: scale(0.6, 0.7);
  }
  48.0% {
    transform: scale(0.6, 0.5);
  }
  48.3% {
    transform: scale(0.6, 0.5);
  }
  48.6% {
    transform: scale(0.3, 0.3);
  }
  48.9% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(0, 0);
  }
}
#page-sobre .quote-maior {
  font-family: Gilroy-Regular;
  color: #323232;
  font-size: 1.5em;
  line-height: 1.3em;
}
#page-sobre .destaque {
  width: 80%;
  margin: auto 10%;
}
#page-sobre .img-coluna {
  width: 100%;
  height: auto;
}
#page-sobre .blocos-mis {
  width: 80%;
  margin: auto;
  font-family: Gilroy-Light;
}
#page-sobre .mis-bloco {
  text-align: center;
  background-color: #FFFFFF;
  padding: 15px;
  margin: 15px 0;
  min-height: 240px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#page-sobre .mis-bloco h3 {
  margin: 5px 0;
  color: #3B48A8;
}
#page-sobre .mis-bloco p {
  color: #9a9a9a;
  margin: 10px 0;
}
#page-sobre .mis-bloco:hover {
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#page-sobre .equipe {
  width: 100%;
  background-color: white;
  margin: 60px 0;
}
#page-sobre .equipe-div {
  display: inline-flex;
  flex-wrap: wrap;
  width: 80%;
  margin: auto 10%;
  padding: 20px 0;
}
#page-sobre .img-equipe {
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-sobre .equipe img {
  width: 100%;
  height: auto;
  margin: auto;
}
#page-sobre .texto-equipe p {
  color: #9a9a9a;
}

@media screen and (min-width: 768px) {
  #page-sobre .texto-equipe {
    padding-left: 50px;
  }
}
/*Localization*/
.div-local {
  width: 100%;
  padding: 30px 0;
}

.cont-local {
  width: 80%;
  margin: auto 10%;
  font-family: Gilroy-Light;
  color: #464646;
}

.local-box {
  text-align: center;
  background-color: white;
  border: solid #F4F4F4 1px;
  margin: auto;
}

.local-box h3 {
  font-family: Gilroy-Regular;
  color: #3B48A8;
}

.local-box p {
  padding: 5px;
}

@media screen and (max-width: 768px) {
  .cont-local {
    width: 60%;
    margin: auto 20%;
  }

  .local-box {
    height: 96%;
    margin: 2% auto;
  }
}
@media screen and (max-width: 1280px) {
  #page-sobre .mis-bloco {
    min-height: 284px;
  }
}
@media screen and (max-width: 1024px) {
  #page-sobre .mis-bloco {
    min-height: 333px;
  }
}
@media screen and (max-width: 768px) {
  #page-sobre .main-banner {
    height: 570px;
  }

  #page-sobre .main-banner .banner-texto {
    margin-top: 20px !important;
  }

  #page-sobre .picture {
    height: 89.5%;
  }

  #page-sobre .mis-bloco {
    min-height: 310px;
  }
}
@media screen and (max-width: 600px) {
  #page-sobre .mis-bloco {
    min-height: 100px;
  }
}
@media screen and (max-width: 480px) {
  #page-sobre .picture {
    width: 127.9%;
    margin-left: -130px;
  }
}
@media screen and (max-width: 420px) {
  #page-sobre .picture {
    width: 132.5%;
  }
}
@media screen and (max-width: 375px) {
  #page-sobre .picture {
    width: 141.5%;
    margin-left: -150px;
  }
}
@media screen and (max-width: 360px) {
  #page-sobre .picture {
    width: 143.3%;
  }
}
@media screen and (max-width: 600px) {
  #page-solucoes .banner-texto h1 {
    font-size: 2em;
  }
  #page-solucoes .banner-texto p {
    font-size: 1.2em;
  }
}
#page-solucoes .quote-maior {
  font-size: 1.7em;
}

#page-sol-mkt #quote-intro {
  font-family: Gilroy-Regular;
}
#page-sol-mkt #quote-intro2 {
  margin: 1px auto;
  clear: both;
  font-family: Gilroy-Regular;
}
#page-sol-mkt .div-intro {
  width: 80%;
  margin: 0 auto;
  display: block;
}
#page-sol-mkt .intro {
  display: block;
  font-family: Gilroy-Light;
}
#page-sol-mkt #header-intro .intro {
  padding: 0;
}
#page-sol-mkt #header-intro {
  margin: 10px auto;
}
#page-sol-mkt #texto-duplo {
  display: block;
}

@media screen and (max-width: 375px) {
  #page-sol-mkt .main-banner h1 {
    font-size: 2.6em !important;
  }
}
/*COMO FUNCIONA*/
@media screen and (max-width: 440px) {
  #banner-hf-como h1 {
    font-size: 2.3em;
  }
}
.box-cont-anim {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  position: relative;
}

#texto-box-hf {
  width: 40%;
  margin: 30px 10%;
  padding: 20px 30px;
  background-color: white;
  border: #9a9a9a 1px solid;
}
#texto-box-hf .texto {
  line-height: 1.3em;
  font-size: 1.3em;
}

@media screen and (max-width: 768px) {
  .box-cont-anim {
    background: none;
  }
  .box-cont-anim canvas {
    display: none;
  }

  #texto-box-hf {
    width: 80%;
  }
}
#quote-como-funciona {
  margin-top: 30px;
  margin-bottom: 30px;
}

#cont-3niveis {
  background: linear-gradient(180deg, #587cbc 0%, #4fb9e9 100%);
}

.text-box {
  height: 335px;
  border: 1px solid white;
  border-radius: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

#div-3niveis {
  color: white;
  padding-top: 30px;
  padding-bottom: 30px;
}
#div-3niveis .quote-maior, #div-3niveis .quote-menor, #div-3niveis p, #div-3niveis h4 {
  color: white;
}
#div-3niveis h4 {
  font-size: 2.3em;
  clear: both;
  font-family: Gilroy-Regular;
  padding: 20px 0;
}
#div-3niveis .texto-3n {
  font-size: 1.3em;
  line-height: 1.5em;
}

.number-circle h3 {
  background: radial-gradient(circle, #5eade8 0%, #86cee8 100%);
  border-radius: 50%;
  color: white;
  text-align: center;
  font-family: Gilroy-Regular;
  height: 60px;
  width: 60px;
  font-size: 2.5em;
  padding: 10px;
  margin: auto;
}

.number-circle h3::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: -4em;
  width: 4em;
  height: 0.2em;
  background: #5eade8;
  z-index: -1;
}

.number-circle h3:first-child::before {
  display: none;
}

.row-3niveis {
  width: 100%;
  text-align: center;
}

#cont-car-cf {
  background-color: white;
  padding: 0;
}

#div-car-cf figure {
  width: 80%;
  margin: auto;
}
#div-car-cf figure img {
  object-fit: contain;
  max-height: 20em;
}

@media screen and (max-width: 768px) {
  #div-car-cf figure {
    width: 85%;
    margin: auto;
  }
  #div-car-cf figure img {
    width: 100%;
    object-fit: contain;
    max-height: 20em;
  }
}
.div-imgs-3n {
  display: flex;
  justify-content: center;
}
.div-imgs-3n img {
  margin: 5px;
}

#txt-final-cf {
  width: 70%;
}

#page-hf-home .main-banner {
  display: inline-flex;
  margin-top: 0;
  width: 100%;
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0;
  background-size: auto 500px;
  height: 500px;
}
#page-hf-home .main-banner .banner-texto {
  z-index: 2;
  color: white;
  width: 100%;
  clear: both;
  margin: auto 10%;
}
#page-hf-home .main-banner .banner-texto h1 {
  font-family: Gilroy-Regular, sans-serif;
  font-size: 3em;
  margin: 10px 0;
  width: 120%;
  color: white;
}
#page-hf-home .main-banner .banner-texto p {
  font-family: Gilroy-Light, sans-serif;
  font-size: 1.5em;
  color: white;
}
#page-hf-home .main-banner .container-mosaico {
  position: absolute;
  right: 0.5em !important;
  top: 25% !important;
}
#page-hf-home .main-banner .stripe {
  width: 100%;
  position: relative;
  height: 392px;
  padding: 96px 32px;
}
#page-hf-home .main-banner .container {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
#page-hf-home .main-banner #cyclops {
  background: #2196F3;
}
#page-hf-home .main-banner #cyclops .container {
  background: transparent;
  border: 2px solid #0c7cd5;
}
#page-hf-home .main-banner #cyclops .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #2196F3;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-hf-home .main-banner #cyclops .jacket {
  position: absolute;
  background: #ccc;
  width: 20px;
  left: 50%;
  height: 160px;
  top: -4px;
  transform: translateX(-50%) rotate(8deg);
  z-index: 1;
}
#page-hf-home .main-banner #cyclops .jacket:before {
  content: "";
  position: absolute;
  background: #ccc;
  width: 20px;
  left: -50%;
  height: 160px;
  top: 0;
  transform: translateX(50%) rotate(-16deg);
  z-index: 1;
}
#page-hf-home .main-banner #cyclops .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #2196F3;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-hf-home .main-banner #cyclops .skin {
  position: absolute;
  width: 50px;
  height: 59px;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  background: #F0BEAF;
  border-radius: 10px;
}
#page-hf-home .main-banner #cyclops .visor {
  position: absolute;
  height: 20px;
  width: 80px;
  border-radius: 4px;
  background: #FDD835;
  left: 0;
  top: 16px;
}
#page-hf-home .main-banner #cyclops .visor:after {
  content: "";
  height: 10px;
  width: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #c62828;
  border-radius: 4px;
  animation: lasereyes 4s infinite;
}
#page-hf-home .main-banner #cyclops .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #2196F3;
}
#page-hf-home .main-banner #cyclops .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
}
#page-hf-home .main-banner #cyclops .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 10px;
  border-radius: 0 0 100px 100px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
}
#page-hf-home .main-banner #cyclops .hair {
  position: absolute;
  width: 70px;
  height: 55px;
  background: #9b651d;
  border-radius: 50%;
  top: 36px;
  left: 62px;
}
#page-hf-home .main-banner #cyclops .pouf {
  position: absolute;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  left: 60px;
  top: 46px;
  background: #9b651d;
  transform: rotate(-53deg);
  z-index: 10;
}
#page-hf-home .main-banner #cyclops .pomp {
  position: absolute;
  width: 51px;
  height: 23px;
  border-radius: 100% 0 100% 100%;
  left: 80px;
  top: 44px;
  background: #9b651d;
  z-index: 10;
}
#page-hf-home .main-banner #cyclops .pomp:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 20px;
  border-radius: 100% 0 100% 100%;
  left: -4px;
  top: -6px;
  background: #9b651d;
  z-index: 12;
  transform: rotate(-15deg);
}
#page-hf-home .main-banner #cyclops .strap {
  position: absolute;
  top: -10px;
  height: 200px;
  background: #FDD835;
  width: 20px;
  right: 14px;
}
#page-hf-home .main-banner #cyclops .cross-strap {
  position: absolute;
  top: 10px;
  height: 20px;
  background: #FDD835;
  width: 90px;
  left: -6px;
  transform: rotate(15deg);
}
#page-hf-home .main-banner #cyclops .badge {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 12px;
  right: 10px;
  background: #2196F3;
  border-radius: 100%;
  border: 4px solid #FDD835;
}
#page-hf-home .main-banner #cyclops .badge:before,
#page-hf-home .main-banner #cyclops .badge:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  top: 50%;
  left: 50%;
  background: #FDD835;
}
#page-hf-home .main-banner #cyclops .badge:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-hf-home .main-banner #cyclops .badge:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@keyframes lasereyes {
  0% {
    background: #c62828;
  }
  25% {
    background: #c62828;
  }
  30% {
    background: #f44336;
  }
  35% {
    background: #c62828;
  }
  40% {
    background: #f44336;
  }
  45% {
    background: #c62828;
  }
  50% {
    background: #f44336;
  }
  55% {
    background: #c62828;
  }
  60% {
    background: #f44336;
  }
  65% {
    background: #c62828;
  }
  70% {
    background: #f44336;
  }
  75% {
    background: #c62828;
  }
  100% {
    background: #c62828;
  }
}
#page-hf-home .main-banner #professor {
  background: transparent;
}
#page-hf-home .main-banner #professor .container {
  background: #fff;
  border: 2px solid #cfcfcf;
}
#page-hf-home .main-banner #professor .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: #424b54;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#page-hf-home .main-banner #professor .jacket {
  position: absolute;
  background: #ccc;
  width: 20px;
  left: 50%;
  height: 160px;
  top: -4px;
  transform: translateX(-50%) rotate(8deg);
  z-index: 1;
}
#page-hf-home .main-banner #professor .jacket:before {
  content: "";
  position: absolute;
  background: #ccc;
  width: 20px;
  left: -50%;
  height: 160px;
  top: 0;
  transform: translateX(50%) rotate(-16deg);
  z-index: 1;
}
#page-hf-home .main-banner #professor .face {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #F0BEAF;
  border-radius: 100px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#page-hf-home .main-banner #professor .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #F0BEAF;
}
#page-hf-home .main-banner #professor .eyes {
  position: absolute;
  top: 34px;
  width: 10px;
  height: 10px;
  background: #424b54;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
}
#page-hf-home .main-banner #professor .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #424b54;
  top: 0;
  border-radius: 50%;
  right: -40px;
}
#page-hf-home .main-banner #professor .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #e48a6f;
  top: 36px;
  border-radius: 4px;
}
#page-hf-home .main-banner #professor .mouth {
  position: absolute;
  background: #424b54;
  width: 30px;
  height: 4px;
  border-radius: 0 0 100px 100px;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
#page-hf-home .main-banner #professor .ear {
  position: absolute;
  background: #F0BEAF;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  left: 50px;
  top: 76px;
}
#page-hf-home .main-banner #professor .ear.right {
  left: 120px;
}
#page-hf-home .main-banner #professor .ear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #e89b84;
  border-radius: 100%;
}
#page-hf-home .main-banner #professor .badge {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 10px;
  background: #2196F3;
  border-radius: 100%;
  border: 2px solid #FDD835;
}
#page-hf-home .main-banner #professor .badge:before,
#page-hf-home .main-banner #professor .badge:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #FDD835;
}
#page-hf-home .main-banner #professor .badge:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#page-hf-home .main-banner #professor .badge:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#page-hf-home .main-banner #professor .telepathy {
  position: absolute;
  width: 260px;
  height: 260px;
  border: solid 2px #9acaf9;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
}
#page-hf-home .main-banner #professor .telepathy.one {
  animation: telepath 4s 1s infinite;
}
#page-hf-home .main-banner #professor .telepathy.two {
  animation: telepath 4s 1.5s infinite;
}
#page-hf-home .main-banner #professor .telepathy.three {
  animation: telepath 4s 2s infinite;
}
@keyframes telepath {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
#page-hf-home #cont-conheca {
  background-color: white;
  padding: 60px 0;
}
#page-hf-home #img-div img {
  width: 100%;
  height: auto;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  #page-hf-home #txt-div {
    padding: 20px 30px;
  }
}
#page-hf-home #btn-saiba {
  border: none;
  background-color: #0081ef;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
}
#page-hf-home #btn-saiba i {
  padding-left: 10px;
}
#page-hf-home .btn-primario {
  border: none;
  background-color: #0081ef;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
}
#page-hf-home .btn-primario i {
  padding-left: 10px;
}
#page-hf-home .btn-primario:hover {
  color: lightgray;
}
#page-hf-home #btn-saiba:hover, #page-hf-home #btn-saiba:active, #page-hf-home #btn-saiba:visited, #page-hf-home #btn-saiba:focus {
  text-decoration: none;
}
#page-hf-home .btn-primario:hover, #page-hf-home .btn-primario:active, #page-hf-home .btn-primario:visited, #page-hf-home .btn-primario:focus {
  text-decoration: none;
}

/*HOME*/
#div-plat-peer {
  background: linear-gradient(to right, #021e50, #0541a1);
  padding: 20px 0;
}
#div-plat-peer hr {
  background-color: white;
  border: white solid 1px;
}

#first-section {
  display: block;
  padding: 20px 0;
}

#row-plat-peer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(10% - 15px);
}

#row-plat-peer p {
  color: white;
}

#page-peer-home .div-txt {
  padding: 10px 0 10px 3%;
  margin: auto;
}
#page-peer-home .div-txt .quote-maior {
  margin: 0 0 20px 0;
}
#page-peer-home .div-txt .texto {
  margin-right: 10%;
}
#page-peer-home .div-txt .texto p {
  margin: 20px auto;
}

page-peer-home .div-img {
  margin: auto;
}

#img-plat-peer {
  display: flex;
}
#img-plat-peer img {
  width: 80%;
  height: auto;
  margin: auto;
}

#saiba-mais-peer {
  color: #323232;
  font-size: 0.9em;
}

/*page INFO*/
#div-peer-info {
  background-color: white;
}

#peer-info {
  margin: 10px auto;
}
#peer-info .quote-maior, #peer-info .texto {
  margin: 10px 0;
}
#peer-info .texto p {
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  #page-peer-info .intro-info {
    width: 70%;
  }
}
#page-peer-info #section-4-hf {
  margin: 10px auto 50px auto;
}
#page-peer-info #section-4-hf .row {
  margin: 30px 0;
}
#page-peer-info #row-flex-sis {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#page-peer-info .col-sis-img {
  display: flex;
  flex-direction: column;
}
#page-peer-info .col-sis-img img {
  width: 80%;
  height: auto;
  margin: auto 10%;
}

@media screen and (max-width: 768px) {
  #page-peer-info img {
    width: 40%;
    margin: auto;
  }
}
/*Section with 4 columns*/
#page-peer-info .info-box {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  padding: 10px;
  background-color: white;
  height: 300px;
}
#page-peer-info .info-box-img {
  display: flex;
  height: 30%;
  width: 100%;
  margin: auto;
  justify-content: flex-start;
}
#page-peer-info .info-box-img img {
  height: 70%;
  margin: 15% 10px;
  width: auto;
}
#page-peer-info .info-box-text {
  height: 70%;
  margin: auto 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#page-peer-info .info-box-text h4 {
  font-family: Gilroy-Regular;
  font-size: 1.5em;
}
#page-peer-info .info-box-text p {
  color: #686868;
  font-size: 1.1em;
}

@media screen and (min-width: 450px) {
  #page-peer-info .info-box {
    height: 250px;
  }
}
@media screen and (min-width: 768px) {
  #page-peer-info .info-box {
    height: 280px;
    margin: 10px 10px;
  }
}
@media screen and (min-width: 992px) {
  #page-peer-info #titulo-info-box {
    width: 45%;
  }
  #page-peer-info #titulo-info-box p {
    margin: auto 10px;
  }

  #page-peer-info .info-box {
    height: 320px;
    margin: 10px 10px;
  }

  #page-peer-info .info-box-img {
    height: 20%;
  }
  #page-peer-info .info-box-img img {
    height: 80%;
    margin: 10% 10px;
    width: auto;
  }

  #page-peer-info .info-box-text {
    height: 80%;
  }
  #page-peer-info .info-box-text h4 {
    font-family: Gilroy-Regular;
    font-size: 1.3em;
  }
  #page-peer-info .info-box-text p {
    color: #686868;
    font-size: 1em;
  }
}
@media screen and (min-width: 1128px) {
  #page-peer-info .info-box {
    height: 350px;
  }
  #page-peer-info .info-box-text h4 {
    font-family: Gilroy-Regular;
    font-size: 1.4em;
  }
  #page-peer-info .info-box-text p {
    color: #686868;
    font-size: 1.1em;
  }
}
@media screen and (min-width: 1300px) {
  #page-peer-info #titulo-info-box {
    width: 35%;
  }
  #page-peer-info .info-box {
    height: 280px;
  }
  #page-peer-info .info-box-text h4 {
    font-family: Gilroy-Regular;
    font-size: 1.6em;
  }
  #page-peer-info .info-box-text p {
    color: #686868;
    font-size: 1.15em;
  }
}
#page-peer-info .row-info-box {
  margin: auto calc(10% - 15px);
}

#page-redes .main-banner #svgContainer {
  max-width: 100%;
  max-height: 100%;
  background-color: #272727;
  position: absolute;
  top: 0;
  right: -10vw;
  bottom: 0;
  margin: auto;
}
#page-redes .main-banner #canvas4 {
  display: flex;
  float: right;
  width: 50%;
  margin-right: 10%;
}
#page-redes .main-banner #canvas4 line {
  fill: none;
  stroke: #4682b4;
  stroke-width: 1.5;
}
#page-redes .main-banner #canvas4 circle {
  fill: #fff;
  stroke: #000;
  stroke-width: 0.5;
}

@media screen and (max-width: 768px) {
  #page-redes .main-banner .banner-texto h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 600px) {
  #page-redes .main-banner .banner-texto h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 420px) {
  #page-redes .main-banner .banner-texto h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 360px) {
  #page-redes .main-banner .banner-texto h1 {
    font-size: 1.6em;
  }
}
/*HF SOBRE*/
#page-hf-sobre #titulo-hf h2 {
  margin: 30px auto;
}

#page-hf-sobre #section-4-hf {
  background-color: white;
}

#page-hf-sobre #texto-intro-hf .quote-maior {
  margin-bottom: 30px;
}

/*CAROUSEL*/
#page-hf-sobre #HFintroCarousel .carousel-inner {
  height: 300px;
}

#page-hf-sobre .item {
  width: 100%;
  height: 100%;
}

#page-hf-sobre .txt-item-car {
  background-color: #0081ef;
  padding: 15px;
  height: 100%;
  width: 50%;
  margin: 0 25%;
  color: white;
}
#page-hf-sobre .txt-item-car p {
  color: white;
}

#page-hf-sobre #HFintroCarousel .left, #HFintroCarousel .right {
  background-image: none;
  z-index: 3;
}

#page-hf-sobre #HFintroCarousel .carousel-control {
  color: white;
  background: none;
  opacity: 1;
  height: 20%;
  margin: auto 0;
  z-index: 3;
}

#page-hf-sobre #HFintroCarousel .glyphicon, #HFintroCarousel .glyphicon-chevron-left, #HFintroCarousel .glyphicon-chevron-right {
  background-color: #0081ef;
  background-position: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  padding-top: 10px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  #page-hf-sobre #HFintroCarousel .carousel-control {
    color: white;
    background: none;
    opacity: 1;
    height: 20%;
    margin: auto 0;
  }

  #page-hf-sobre #HFintroCarousel .glyphicon, #HFintroCarousel .glyphicon-chevron-left, #HFintroCarousel .glyphicon-chevron-right {
    background-color: #0081ef;
    background-position: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding-top: 5px;
  }

  #page-hf-sobre .txt-item-car {
    width: 70%;
    margin: 0 auto;
  }
  #page-hf-sobre .txt-item-car p {
    font-size: 1em;
    line-height: 1.4em;
  }
}
/*SOBRE 2*/
.face2, .face2:before, .face2:after,
.eye2,
.hat2,
.shorthair2, .shorthair2:after,
.longhair, .longhair-2,
.nose2,
.mouth2,
.neck2,
.torso2,
.bowtie2,
.pocket2, .pocket2:before, .pocket2:after {
  position: absolute;
}

.text-box2 {
  text-align: center;
  height: 220px;
  border: 1px solid #666;
  border-radius: 10px;
  padding: 10px 15px;
}

.graphic {
  width: 100%;
  height: 100%;
  display: flex;
  margin: auto;
}

.container9 {
  width: 85%;
  padding-top: 15px;
  background: #47D9BF;
  margin-left: 15%;
}

.person1, .person2, .person3 {
  width: 120px;
  height: 270px;
  margin: auto;
  position: relative;
}

.torso2 {
  width: 100px;
  height: 145px;
  top: 125px;
  left: 10px;
}

.person1 .torso2 {
  background: #F2594B;
  border-radius: 40px 40px 0 0;
}

.person2 .torso2 {
  background: #003056;
  clip-path: polygon(25% 0, 75% 0, 100% 10%, 100% 100%, 0 100%, 0 10%);
}

.person3 .torso2 {
  background: #EFAE0F;
  border-radius: 30px 30px 0 0;
}

.face2 {
  width: 100px;
  height: 100px;
  top: 20px;
  left: 10px;
  border-radius: 50%;
}
.face2:before, .face2:after {
  content: " ";
  width: 10px;
  height: 20px;
  top: 35px;
  border-radius: 20px;
}
.face2:before {
  left: -8px;
}
.face2:after {
  right: -8px;
}

.neck2 {
  width: 30px;
  height: 30px;
  left: 35px;
  top: 95px;
  border-radius: 0 0 50% 50%;
}

.person1 .neck2, .person1 .face2, .person1 .face2:before, .person1 .face2:after {
  background: #00A1D9;
}

.hat2 {
  width: 100px;
  height: 50px;
  left: 10px;
  background: #F2EC3B;
  border-radius: 50px 50px 0 0;
  z-index: 1;
}

.eye2 {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}

.eye2.r2 {
  top: 40px;
  left: 20px;
}

.eye2.l2 {
  top: 40px;
  right: 20px;
}

.person1 .nose2 {
  width: 11px;
  height: 20px;
  top: 40px;
  right: 50px;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background: #F2D03B;
}

.mouth2 {
  width: 50px;
  height: 52px;
  top: 20px;
  left: 25px;
  border-radius: 50px;
  border-bottom: 10px solid #fff;
}

.bowtie2 {
  width: 40px;
  height: 27px;
  background: #F2D03B;
  top: 132px;
  left: 40px;
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0);
}

.pocket2 {
  width: 25px;
  height: 8px;
  top: 57px;
  left: 10px;
  background: #F2D03B;
}
.pocket2:before, .pocket2:after {
  content: "";
  width: 25px;
  height: 8px;
}
.pocket2:before {
  top: -10px;
  background: #E5901A;
}
.pocket2:after {
  top: 10px;
  background: #FFEB79;
}

/* Animation Timing */
.person1 {
  animation-delay: 2s;
}

#section-plat-hf {
  background-color: white;
  padding: 20px 0 40px;
  margin-bottom: 0;
}
#section-plat-hf .row {
  display: flex;
  flex-wrap: wrap;
}
#section-plat-hf .circle {
  margin: auto;
}
#section-plat-hf .texto {
  font-size: 1.3em;
  line-height: 1.8em;
}
#section-plat-hf .col-sis-img {
  display: flex;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #section-plat-hf .row > div {
    width: 100%;
  }
  #section-plat-hf .col-sis-img {
    min-height: 320px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.four-box-hf:hover div {
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.1);
}
.four-box-hf:hover div .right-arrow {
  transition: all 0.2s ease-in-out;
  right: 2%;
}

#page-hf-sobre2 .col-md-3 .box-direct {
  height: 28em;
  background-color: white;
  border-bottom: 2px white solid;
}
#page-hf-sobre2 .col-md-3 .box-direct img {
  margin: 5% 10% 2% 10%;
  height: 13%;
  width: auto;
}
#page-hf-sobre2 .col-md-3 .box-direct p {
  padding: 0 !important;
  margin: 1% 10% 1% 10%;
}
#page-hf-sobre2 .col-md-3 .box-direct .right-arrow {
  height: 5% !important;
  position: absolute;
  float: right;
  margin-bottom: 0;
  right: 7%;
  bottom: 7%;
}

#id-HF-HRM {
  background-color: white;
}
#id-HF-HRM .row {
  display: flex;
  flex-wrap: wrap;
}

#id-HF-HRM .col-sis-img {
  display: flex;
  height: 100%;
}
#id-HF-HRM .col-sis-img img {
  margin-left: 0;
  width: 90%;
  object-fit: contain;
}

#id-HF-peer {
  height: 700px;
  background: url("../imgs/human-factor/back-hf-globo.png") no-repeat;
  background-size: cover;
  background-position: 50% 0;
  display: flex;
  align-items: center;
}
#id-HF-peer .texto {
  font-size: 1.2em;
}
#id-HF-peer .box-HF-peer {
  width: 55%;
  padding: 20px 40px 40px;
  background-color: white;
  margin: 0 10%;
  display: flex;
  align-items: center;
}
#id-HF-peer .quote-maior, #id-HF-peer .quote-menor {
  line-height: 1.3em;
}

@media screen and (max-width: 998px) {
  #id-HF-peer {
    height: 900px;
    background-size: cover;
    background-position: 10% 0;
  }

  #id-HF-peer .box-HF-peer {
    width: 80%;
    margin: 5% 8%;
    padding: 20px 30px;
  }

  #id-HF-peer .quote-maior, #id-HF-peer .quote-menor {
    line-height: 1em;
  }
}
@media screen and (max-width: 500px) {
  #id-HF-peer .texto {
    font-size: 1em;
  }
}
@media screen and (max-width: 340px) {
  #id-HF-peer .box-HF-peer {
    width: 80%;
    margin: 5% 10%;
    padding: 20px 20px;
  }
}
#page-hf-sobre2 .div-pa {
  width: 80%;
  margin: auto 20% auto 0;
}
#page-hf-sobre2 #texto-intro-hf .quote-maior {
  margin-bottom: 30px;
}

#page-hf-sobre2 #id-HF-PA #PAgb3 {
  margin: 20px 0;
}

@media screen and (max-width: 1024px) {
  #page-hf-sobre2 #id-HF-peer {
    height: 800px;
  }
}
@media screen and (min-width: 1280px) {
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 20em;
  }
  #page-hf-sobre2 .text-box2 {
    height: 190px;
  }
}
@media screen and (min-width: 1366px) {
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 18em;
  }
  #page-hf-sobre2 .text-box2 {
    height: 190px;
  }
}
@media screen and (min-width: 1440px) {
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 18em;
  }
  #page-hf-sobre2 .text-box2 {
    height: 160px;
  }
}
@media screen and (min-width: 1680px) {
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 18em;
  }
  #page-hf-sobre2 .text-box2 {
    height: 160px;
  }
}
@media screen and (min-width: 1920px) {
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 18em;
  }
  #page-hf-sobre2 .text-box2 {
    height: 130px;
  }
}
@media screen and (max-width: 768px) {
  #page-hf-sobre2 #isthisweird {
    top: 47%;
  }
  #page-hf-sobre2 .container9 {
    margin-top: 100px;
  }
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 14em;
    margin-top: 30px;
  }
  #page-hf-sobre2 .col-md-3 .box-direct br {
    display: none;
  }
  #page-hf-sobre2 .col-md-3 .box-direct#top-box {
    margin-top: 0px;
  }
  #page-hf-sobre2 #id-HF-peer {
    height: 700px;
  }
  #page-hf-sobre2 .text-box2 {
    height: 300px;
  }
}
@media screen and (max-width: 600px) {
  #page-hf-sobre2 .main-banner h1 {
    width: 40%;
    font-size: 3em;
    margin-left: 50px;
  }
  #page-hf-sobre2 #texto-intro-hf p {
    text-align: center;
  }
  #page-hf-sobre2 #texto-intro-hf .quote-maior {
    margin-top: -20px;
    margin-bottom: -10px;
  }
  #page-hf-sobre2 .container9 {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
  }
  #page-hf-sobre2 #section-plat-hf #PHFwb1, #page-hf-sobre2 #section-plat-hf #PHFwb2, #page-hf-sobre2 #section-plat-hf #PHFwb3 {
    text-align: center;
  }
  #page-hf-sobre2 #section-plat-hf #PHFwb2, #page-hf-sobre2 #section-plat-hf #PHFwb3 {
    margin-top: -25px;
  }
  #page-hf-sobre2 #section-plat-hf #removable2 {
    display: none;
  }
  #page-hf-sobre2 #section-plat-hf .btn-peer {
    margin-left: 35%;
  }
  #page-hf-sobre2 #id-HF-peer {
    height: 700px;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer {
    width: 85%;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer #PPCwb1, #page-hf-sobre2 #id-HF-peer .box-HF-peer #PPCwb2, #page-hf-sobre2 #id-HF-peer .box-HF-peer #PPCwb3 {
    text-align: center;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer #PPCwb2, #page-hf-sobre2 #id-HF-peer .box-HF-peer #PPCwb3 {
    margin-top: -25px;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer #removable3 {
    display: none;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer .btn-peer {
    margin-left: 35%;
  }
  #page-hf-sobre2 #id-HF-PA #PAgb1, #page-hf-sobre2 #id-HF-PA #PAgb2, #page-hf-sobre2 #id-HF-PA #PAgb3 {
    text-align: center;
  }
  #page-hf-sobre2 #id-HF-PA .btn-peer {
    margin-left: 35%;
  }
  #page-hf-sobre2 .text-box2 {
    height: 110px;
    margin-top: 30px;
  }
  #page-hf-sobre2 .text-box2#top-box2 {
    margin-top: 0px;
  }
  #page-hf-sobre2 #id-HF-HRM #HRMwb1, #page-hf-sobre2 #id-HF-HRM #HRMwb2 {
    text-align: center;
    margin-top: -25px;
  }
  #page-hf-sobre2 #id-email {
    width: 103%;
  }
  #page-hf-sobre2 #id-telefone {
    width: 103%;
    margin-left: -3%;
  }
}
@media screen and (max-width: 480px) {
  #page-hf-sobre2 .main-banner h1 {
    font-size: 2.4em;
    margin-left: 10px;
  }
  #page-hf-sobre2 .col-md-3 .box-direct {
    height: 16em;
  }
  #page-hf-sobre2 .col-md-3 .box-direct br {
    display: block;
  }
  #page-hf-sobre2 #id-HF-peer {
    height: 750px;
  }
  #page-hf-sobre2 .text-box2 {
    height: 140px;
  }
}
@media screen and (max-width: 420px) {
  #page-hf-sobre2 .main-banner h1 {
    width: 35%;
    font-size: 2em;
    margin-left: 10px;
  }
  #page-hf-sobre2 #section-plat-hf .btn-peer {
    margin-left: 28%;
  }
  #page-hf-sobre2 #id-HF-peer {
    height: 900px;
  }
  #page-hf-sobre2 #id-HF-peer .box-HF-peer .btn-peer {
    margin-left: 28%;
  }
  #page-hf-sobre2 #id-HF-PA .btn-peer {
    margin-left: 28%;
  }
}
@media screen and (max-width: 375px) {
  #page-hf-sobre2 .main-banner #isthisweird {
    left: 65%;
  }
  #page-hf-sobre2 #id-HF-peer {
    height: 1000px;
  }
  #page-hf-sobre2 .text-box2 {
    height: 170px;
  }
}
#page-nt-areas #container3 {
  position: relative;
  padding-top: 3%;
  height: 88%;
}
#page-nt-areas a-scene {
  height: 528px !important;
}
#page-nt-areas .a-canvas {
  height: 74% !important;
}
#page-nt-areas .a-enter-vr {
  display: none;
}
#page-nt-areas .div-clientes {
  width: 100%;
}
#page-nt-areas .width-60 {
  width: 60%;
  margin: 0 20%;
}
#page-nt-areas hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-nt-areas .texto {
  font-size: 1.4em;
  line-height: 1.6em;
}
#page-nt-areas .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-nt-areas main h2 {
  border: none;
  font-family: Gilroy-Regular;
  color: #0081ef;
  text-transform: none;
  font-size: 1.6em;
  padding: 0;
  margin: 10px auto;
}
#page-nt-areas .centered-banner {
  background: url("../imgs/neuraltech/NeuralTechnologies-4.png") no-repeat;
  background-position: 50% 100%;
  background-size: 100% 100%;
  min-height: 35em;
}
#page-nt-areas .centered-banner .texto-banner {
  height: 24em;
  margin: 0 auto;
  margin-top: 30px;
}
#page-nt-areas .section-areas h3 {
  color: #27439D;
  width: 100%;
  font-family: Gilroy-SemiBold;
  margin: 10px auto;
  font-size: 2.2em;
  line-height: 1.4;
}
#page-nt-areas .texto-banner {
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
#page-nt-areas .texto-banner h1 {
  color: #27439D;
  width: 100%;
  font-family: Gilroy-SemiBold;
  margin: auto;
  font-size: 2.2em;
  line-height: 1.4;
}
#page-nt-areas .texto-banner h2 {
  color: white;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  #page-nt-areas .centered-banner .texto-banner {
    width: 650px;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-areas .centered-banner .texto-banner {
    width: 90%;
    padding-top: 60px;
  }
}
@media screen and (max-width: 550px) {
  #page-nt-areas .texto-banner h1 {
    font-size: 1.8em;
  }

  #page-nt-areas .centered-banner {
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-areas .section-areas h3 {
    font-size: 1.7em;
  }

  #page-nt-areas .texto {
    font-size: 1.3em;
    line-height: 1.4em;
  }
}
#page-nt-areas .container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-nt .navbar-portals .navbar-header .navbar-toggle {
  border-color: #1160aa !important;
  background-color: white;
}

.page-nt .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #1160aa !important;
}

#page-nt-home p {
  font-size: 1em;
}
#page-nt-home hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-nt-home .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}
#page-nt-home .new-p {
  font-size: 0.9em !important;
}
#page-nt-home .wpneural-p {
  font-size: 1.3em !important;
}
#page-nt-home .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-nt-home #menu-nt {
  margin-top: 60px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
  background-image: url("imgs/neuraltech/back-round-diag.svg"), url("../imgs/neuraltech/background-neuro.png");
  background-size: auto 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: 100% 0, 0 0;
}
#page-nt-home .texto-menu-nt {
  margin-top: 50px;
}
#page-nt-home .texto-menu-nt h2 {
  border: none;
  text-transform: none;
  color: white;
  text-align: start;
  padding: 0;
  font-size: 1.7em;
  margin-bottom: 20px !important;
}
#page-nt-home .texto-menu-nt h1 {
  color: #2195e8;
  text-align: start;
  width: 100%;
  margin-top: 2%;
  margin-bottom: 20px;
  margin-left: 0 !important;
  font-size: 2em;
  font-family: Gilroy-SemiBold;
  font-weight: 600;
  padding: 0;
}
#page-nt-home .menu-box {
  background-color: transparent;
  height: 1.5em;
  font-size: 1.3em;
  position: relative;
  flex-direction: column;
  padding: 5px 15px;
  justify-content: space-around;
}
#page-nt-home .menu-box p {
  width: 100%;
  flex-shrink: 0;
  padding-left: 0.8em;
  color: white;
  font-weight: 500;
  line-height: 15px;
}
#page-nt-home .menu-box span {
  width: inherit;
  color: #2195e8;
  position: absolute;
  height: 0.8em;
  top: 0;
  left: 0;
}
#page-nt-home .menu-box-a:hover span, #page-nt-home .menu-box-a:focus span {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transform: translate(0, 5px);
  /* IE 9 */
  -webkit-transform: translate(0, 5px);
  /* Safari */
  transform: translate(0, 5px);
}
#page-nt-home .menu-box-a:hover p, #page-nt-home .menu-box-a:focus p {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#page-nt-home .menu-box-a:hover .menu-box, #page-nt-home .menu-box-a:focus .menu-box {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#page-nt-home #menu-nt .row {
  margin-bottom: 50px;
}
#page-nt-home #menu-nt .menu-boxes .menu-box-a {
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: none;
}
#page-nt-home #menu-nt .menu-boxes .menu-box-a:hover, #page-nt-home #menu-nt .menu-boxes .menu-box-a:active, #page-nt-home #menu-nt .menu-boxes .menu-box-a:focus {
  text-decoration: none;
}
#page-nt-home #menu-nt #right-col, #page-nt-home #menu-nt #left-col {
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#page-nt-home #menu-nt .img-banner img {
  width: 100%;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 1200px) {
  #page-nt-home .menu-box {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 992px) {
  #page-nt-home #menu-nt .width-80 > .row {
    flex-direction: column-reverse;
  }
  #page-nt-home .texto-menu-nt {
    margin-top: 8em;
  }
}
@media screen and (max-width: 500px) {
  #page-nt-home #menu-nt .img-banner img {
    width: 90%;
    margin: 0 5% 0 5%;
  }
  #page-nt-home .img-banner {
    width: 100%;
    height: 25em;
  }
  #page-nt-home .texto-menu-nt {
    margin-top: 2em;
  }
  #page-nt-home #menu-nt {
    background-image: url("../imgs/neuraltech/back-top-onda2.png");
    background-size: cover;
  }
  #page-nt-home #menu-nt .width-80 {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  #page-nt-home .menu-box {
    font-size: 1.25em;
    padding: 5px;
  }
}
@media screen and (max-width: 300px) {
  #page-nt-home .menu-box {
    font-size: 1.2em;
    padding: 5px;
  }
  #page-nt-home .img-banner {
    width: 100%;
    height: 20em;
  }
  #page-nt-home #menu-nt {
    background-image: url("../imgs/neuraltech/back-round-diag.svg"), url("../imgs/neuraltech/back-top-onda.png");
    background-size: 90% auto, auto 22em;
  }
  #page-nt-home .texto-menu-nt {
    margin-top: 10px;
  }
  #page-nt-home .menu-boxes > div {
    padding-right: 8px;
    padding-left: 8px;
  }
}
#page-nt-home .left-side {
  background-image: url("../imgs/neuraltech/back-round-l2.png");
  background-position: 0 0;
  background-size: 60% 90%;
  background-repeat: no-repeat;
}
#page-nt-home .left-side-second {
  background-image: url("../imgs/neuraltech/back-round-l2.png");
  background-position: 0 0;
  background-size: 60% 87%;
  background-repeat: no-repeat;
}
#page-nt-home .right-side {
  background-image: url("../imgs/neuraltech/back-round-r.png");
  background-position: 100% 0;
  background-size: 60% 100%;
  background-repeat: no-repeat;
  justify-content: flex-end;
}
#page-nt-home .content-home-nt {
  display: inline-flex;
}
#page-nt-home .content-info > * {
  position: relative;
  z-index: 3;
}
#page-nt-home .content-info {
  position: relative;
  width: 40%;
  margin: 10px 0 10px 10%;
  padding-bottom: 3em;
  padding-right: 2em;
  color: white;
  font-size: 1.8em;
  z-index: 3;
}
#page-nt-home .content-info p {
  color: white;
}
#page-nt-home .content-info h3 {
  font-size: 1.5em;
  color: white;
  font-family: Gilroy-SemiBold;
}
#page-nt-home .content-info hr {
  background-color: white;
  border-color: white;
  height: 2px;
  margin: 30px 0;
}
#page-nt-home .content-info a {
  color: white;
}
#page-nt-home .content-info .goto-top {
  color: white;
}
#page-nt-home .content-info .goto-top:hover, #page-nt-home .content-info .goto-top:focus {
  color: white;
}
#page-nt-home .right-side .content-info {
  margin: auto 10% auto 0;
  padding-left: 2em;
}

@media screen and (max-width: 992px) {
  #page-nt-home .left-side, #page-nt-home .right-side, #page-nt-home .left-side-second {
    background-size: 95% 100%;
  }

  #page-nt-home .content-info {
    width: 85%;
    margin: 10px 0 10px 5%;
  }

  #page-nt-home .right-side .content-info {
    width: 85%;
    margin: auto 5% auto 0;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-home .content-info {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home .content-info {
    font-size: 1.3em;
  }
}
#page-nt-home .content-info::before {
  color: #2e2e2e;
  opacity: 0.1;
  z-index: 1;
  display: block;
  font-family: Gilroy-SemiBold;
  font-size: 5em;
  line-height: 1.1;
  position: absolute;
  text-align: center;
  top: 0;
  left: 10px;
}

@media screen and (max-width: 600px) {
  #page-nt-home .content-info::before {
    font-size: 4em;
    top: 20%;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home .content-info::before {
    font-size: 3em;
    left: 5px;
  }
}
#page-nt-home .content-noback-nt {
  display: inline-flex;
}
#page-nt-home .content-noback {
  position: relative;
  width: 50%;
  margin: 10px 5% 10px 5%;
  color: #0081ef;
  font-size: 1.8em;
  z-index: 3;
}
#page-nt-home .content-noback .text-noback {
  width: 80%;
  margin: auto 10%;
}
#page-nt-home .content-noback h3 {
  font-size: 1.5em;
  font-family: Gilroy-SemiBold;
}
#page-nt-home .content-noback hr {
  height: 2px;
  margin: 20px 0;
}
#page-nt-home #conversion-rate .theatre {
  display: flex;
  position: absolute;
  top: 60%;
  left: 25%;
  transform: translate(-50%, -50%);
}
#page-nt-home #conversion-rate .cinema-seats {
  display: flex;
}
#page-nt-home #conversion-rate .cinema-seats .seat {
  cursor: pointer;
}
#page-nt-home #conversion-rate .cinema-seats .seat:hover:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 7px;
}
#page-nt-home #conversion-rate .cinema-seats .seat.active:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 7px;
}
#page-nt-home #conversion-rate .left .cinema-row {
  transform: skew(-15deg);
  margin: 0 6px;
}
#page-nt-home #conversion-rate .left .seat {
  width: 35px;
  height: 50px;
  border-radius: 7px;
  background: linear-gradient(to top, #761818, #761818, #761818, #761818, #761818, #B54041, #F3686A);
  margin-bottom: 10px;
  transform: skew(20deg);
  margin-top: -32px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#page-nt-home #conversion-rate .left .row-2 {
  transform: skew(-13deg);
}
#page-nt-home #conversion-rate .left .row-2 .seat {
  transform: skew(18deg);
}
#page-nt-home #conversion-rate .left .row-3 {
  transform: skew(-12deg);
}
#page-nt-home #conversion-rate .left .row-3 .seat {
  transform: skew(16deg);
}
#page-nt-home #conversion-rate .left .row-4 {
  transform: skew(-11deg);
}
#page-nt-home #conversion-rate .left .row-4 .seat {
  transform: skew(15deg);
}
#page-nt-home #conversion-rate .left .row-5 {
  transform: skew(-10deg);
}
#page-nt-home #conversion-rate .left .row-5 .seat {
  transform: skew(12deg);
}
#page-nt-home #conversion-rate .left .row-6 {
  transform: skew(-9deg);
}
#page-nt-home #conversion-rate .left .row-6 .seat {
  transform: skew(10deg);
}
#page-nt-home #conversion-rate .left .row-7 {
  transform: skew(-7deg);
}
#page-nt-home #conversion-rate .left .row-7 .seat {
  transform: skew(8deg);
}
#page-nt-home #conversion-rate .right {
  margin-left: 70px;
}
#page-nt-home #conversion-rate .right .cinema-row {
  transform: skew(7deg);
  margin: 0 6px;
}
#page-nt-home #conversion-rate .right .seat {
  width: 35px;
  height: 50px;
  border-radius: 7px;
  background: linear-gradient(to top, #761818, #761818, #761818, #761818, #761818, #B54041, #F3686A);
  margin-bottom: 10px;
  transform: skew(-8deg);
  margin-top: -32px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#page-nt-home #conversion-rate .right .row-2 {
  transform: skew(9deg);
}
#page-nt-home #conversion-rate .right .row-2 .seat {
  transform: skew(-10deg);
}
#page-nt-home #conversion-rate .right .row-3 {
  transform: skew(10deg);
}
#page-nt-home #conversion-rate .right .row-3 .seat {
  transform: skew(-12deg);
}
#page-nt-home #conversion-rate .right .row-4 {
  transform: skew(11deg);
}
#page-nt-home #conversion-rate .right .row-4 .seat {
  transform: skew(-15deg);
}
#page-nt-home #conversion-rate .right .row-5 {
  transform: skew(12deg);
}
#page-nt-home #conversion-rate .right .row-5 .seat {
  transform: skew(-16deg);
}
#page-nt-home #conversion-rate .right .row-6 {
  transform: skew(13deg);
}
#page-nt-home #conversion-rate .right .row-6 .seat {
  transform: skew(-18deg);
}
#page-nt-home #conversion-rate .right .row-7 {
  transform: skew(15deg);
}
#page-nt-home #conversion-rate .right .row-7 .seat {
  transform: skew(-20deg);
}
#page-nt-home #conversion-rate {
  position: relative;
  justify-content: flex-end;
}
#page-nt-home #conversion-rate > * {
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 992px) {
  #page-nt-home .content-noback {
    width: 80%;
  }
  #page-nt-home #conversion-rate .content-noback {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-home .content-noback {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home .content-noback {
    font-size: 1.3em;
  }
}
#page-nt-home #conversion-rate::before {
  color: #2e2e2e;
  opacity: 0.1;
  z-index: 1;
  display: flex;
  font-family: Gilroy-SemiBold;
  font-size: 8em;
  line-height: 1;
  position: absolute;
  text-align: left;
  top: 0;
  width: 60%;
  height: 100%;
  left: 10%;
  align-items: center;
}

@media screen and (max-width: 600px) {
  #page-nt-home #conversion-rate::before {
    font-size: 6em;
  }
  #page-nt-home .content-noback .text-noback {
    width: 90%;
    margin: auto 5%;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home #conversion-rate::before {
    font-size: 4em;
    left: 5px;
  }
}
.page-nt #subjective-brand {
  position: relative;
}
.page-nt #subjective-brand #container {
  overflow: hidden;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 25%;
  top: 50%;
  width: 500px;
  height: 390px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  filter: sepia(30%);
  border: solid 6px #222;
}
.page-nt #subjective-brand #container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 150px 20px black;
  mix-blend-mode: multiply;
}
.page-nt #subjective-brand #pic {
  opacity: 0.7;
}
.page-nt #subjective-brand .pic {
  position: absolute;
}
.page-nt #subjective-brand .line {
  position: absolute;
  height: 100%;
  width: 1px;
  opacity: 0.1;
  background-color: #000;
}

.page-nt #subjective-brand > * {
  position: relative;
  z-index: 3;
}

.page-nt #subjective-brand::before {
  color: #2e2e2e;
  opacity: 0.1;
  z-index: 1;
  display: flex;
  font-family: Gilroy-SemiBold;
  font-size: 9em;
  line-height: 1;
  position: absolute;
  text-align: left;
  top: 0;
  width: 50%;
  height: 100%;
  right: 10%;
  align-items: center;
}

@media screen and (max-width: 600px) {
  #page-nt-home #subjective-brand::before {
    font-size: 6em;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home #subjective-brand::before {
    font-size: 5em;
    left: 5px;
  }
}
#predictive {
  background-image: url("../imgs/neuraltech/back-bottom-nt2.png");
  background-size: 100% 87%;
  background-repeat: no-repeat;
  height: 30em;
  margin-top: 40px;
  display: flex;
}

#pred-content {
  color: white;
  text-align: center;
  font-size: 1.5em;
}
#pred-content p {
  color: white;
}
#pred-content h3 {
  font-size: 1.7em;
  color: white;
  font-family: Gilroy-SemiBold;
}
#pred-content hr {
  background-color: white;
  border-color: white;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#pred-content .goto-top {
  color: white;
}
#pred-content .goto-top:hover, #pred-content .goto-top:focus {
  color: white;
}

@media screen and (max-width: 600px) {
  #page-nt-home #predictive::before {
    font-size: 6em;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-home #predictive::before {
    font-size: 5em;
    left: 5px;
  }
}
@media screen and (max-width: 768px) {
  #predictive {
    margin-top: 80px;
    height: 35em;
  }

  #page-nt-home #pred-content {
    font-size: 1.2em;
  }
  #page-nt-home #pred-content h3 {
    padding: 0 30px;
  }
}
@media screen and (max-width: 450px) {
  #predictive {
    height: 40em;
  }

  #page-nt-home #pred-content {
    font-size: 1.1em;
  }
}
#page-nt-home .download-btn {
  text-decoration: none;
  color: #0081ef;
  border: 1px solid #0081ef;
  background-color: white;
  font-family: Gilroy-Regular;
  padding: 5px 2em;
  font-size: 0.7em;
  border-radius: 5px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.1);
}
#page-nt-home .download-btn span {
  padding-left: 2em;
}
#page-nt-home .download-btn:hover, #page-nt-home .download-btn:focus, #page-nt-home .download-btn:active {
  text-decoration: none;
  color: #0081ef;
  -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}
#page-nt-home .goto-top {
  font-size: 0.8em;
  margin: 15px 0;
  display: inline-block;
}
#page-nt-home .img-banner {
  overflow: hidden;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#page-nt-home canvas {
  position: absolute;
  cursor: pointer;
  min-width: 380px;
  left: 21%;
  top: 36%;
  z-index: 10;
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
  #page-nt-home .theatre .left .row-1 {
    display: none;
  }
  #page-nt-home .theatre .right .row-7 {
    display: none;
  }
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
  #page-nt-home .theatre .left .row-2 {
    display: none;
  }
  #page-nt-home .theatre .right .row-6 {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #page-nt-home .theatre .left .row-3 {
    display: none;
  }
  #page-nt-home .theatre .right .row-5 {
    display: none;
  }
  #page-nt-home #subjective-brand #container {
    width: 475px;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-home .texto-menu-nt h1 {
    width: 45%;
  }
  #page-nt-home #conversion-rate {
    margin-top: -20px;
  }
  #page-nt-home .theatre {
    top: 30% !important;
    left: 50% !important;
  }
  #page-nt-home #crs-text {
    margin-top: 250px;
  }
  #page-nt-home #container {
    top: 25% !important;
    left: 50% !important;
  }
  #page-nt-home #sbs-text {
    margin-top: 400px;
  }
  #page-nt-home #hrnbg {
    margin-left: 140px;
  }
  #page-nt-home #txtnbg {
    text-align: center;
    margin-left: -70px;
  }
  #page-nt-home #predictive {
    margin-top: 0px;
    height: 25em;
  }
}
@media screen and (max-width: 600px) {
  #page-nt-home .theatre .left .row-1, #page-nt-home .theatre .left .row-2 {
    display: none;
  }
  #page-nt-home .theatre .right .row-7, #page-nt-home .theatre .right .row-6 {
    display: none;
  }
  #page-nt-home #hrnbg {
    margin-left: 120px;
  }
  #page-nt-home #predictive {
    height: 27em;
  }
}
@media screen and (max-width: 480px) {
  #page-nt-home .texto-menu-nt h1 {
    width: 100%;
  }
  #page-nt-home .menu-box {
    margin-bottom: -20px;
  }
  #page-nt-home .theatre {
    top: 25% !important;
  }
  #page-nt-home .theatre .left .row-3 {
    display: none;
  }
  #page-nt-home .theatre .right .row-5 {
    display: none;
  }
  #page-nt-home .theatre .cinema-row .s7 {
    display: none;
  }
  #page-nt-home .left-side {
    height: 550px;
  }
  #page-nt-home .left-side-second {
    height: 500px;
  }
  #page-nt-home #container {
    width: 475px !important;
    left: 48%;
  }
  #page-nt-home #sbs-text {
    margin-top: 425px;
  }
  #page-nt-home #hrnbg {
    margin-left: 60px;
  }
  #page-nt-home #titlenbg {
    text-align: center;
  }
  #page-nt-home #txtnbg {
    margin-left: -50px;
  }
  #page-nt-home #predictive {
    height: 33em;
  }
}
@media screen and (max-width: 420px) {
  #page-nt-home #menu-nt {
    margin-top: 50px;
  }
  #page-nt-home .texto-menu-nt h1 {
    width: 102%;
  }
  #page-nt-home .theatre {
    top: 25% !important;
  }
  #page-nt-home .theatre .left .row-4 {
    display: none;
  }
  #page-nt-home .theatre .right .row-4 {
    display: none;
  }
  #page-nt-home .left-side {
    height: 600px;
  }
  #page-nt-home .left-side-second {
    height: 550px;
  }
  #page-nt-home #container {
    width: 380px !important;
    left: 48%;
  }
  #page-nt-home #container .pic#pic {
    margin-left: -60px;
  }
  #page-nt-home #sbs-text {
    margin-top: 450px;
  }
  #page-nt-home #hrnbg {
    margin-left: 60px;
  }
  #page-nt-home #titlenbg {
    margin-left: -30px;
  }
  #page-nt-home #txtnbg {
    margin-left: -30px;
  }
  #page-nt-home #predictive {
    height: 33em;
  }
}
@media screen and (max-width: 375px) {
  #page-nt-home .theatre .right {
    margin-left: 20px !important;
  }
  #page-nt-home .theatre .s6 {
    display: none;
  }
  #page-nt-home .left-side {
    height: 500px;
  }
  #page-nt-home .left-side-second {
    height: 450px;
  }
  #page-nt-home #container {
    width: 350px !important;
  }
  #page-nt-home #container .pic#pic {
    margin-left: -90px;
  }
  #page-nt-home #sbs-text {
    margin-top: 450px;
  }
  #page-nt-home #hrnbg {
    margin-left: 50px;
  }
  #page-nt-home #titlenbg {
    margin-left: -30px;
  }
  #page-nt-home #txtnbg {
    margin-left: -30px;
  }
  #page-nt-home #predictive {
    height: 33em;
  }
}
@media screen and (max-width: 360px) {
  #page-nt-home .left-side {
    height: 525px;
  }
  #page-nt-home .left-side-second {
    height: 475px;
  }
  #page-nt-home #predictive {
    height: 33em;
  }
}
@-moz-document url-prefix() {
  #page-nt-home #container {
    left: 50%;
  }
}
#banner-NT-sobre {
  overflow: hidden;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu-box2 {
  background-color: transparent;
  background-image: url("../imgs/neuraltech/button-menu.png");
  background-position: 100% 100%;
  background-size: auto 2.2em;
  background-repeat: no-repeat;
  border: 1px #d5d5d5 solid;
  border-radius: 10px;
  height: 5.5em;
  font-size: 1.3em;
  position: relative;
  flex-direction: column;
  padding: 5px 15px;
  justify-content: space-around;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.05);
}
.menu-box2 h4 {
  padding-left: 15px;
  min-height: 2.5em;
  border-left: 1px solid #0081ef;
}
.menu-box2 p {
  width: 100%;
  flex-shrink: 0;
  padding-left: 0.8em;
  color: white;
  font-weight: 500;
}
.menu-box2 span {
  width: inherit;
  color: #ffffff;
  position: absolute;
  height: 1em;
  top: 70%;
  right: 6.5%;
}

.menu-box2:hover {
  border-color: #0081ef;
}

.menu-box2-a:hover span, .menu-box2-a:focus span {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transform: translate(0, 5px);
  /* IE 9 */
  -webkit-transform: translate(0, 5px);
  /* Safari */
  transform: translate(0, 5px);
}

.menu-box2-a:hover p, .menu-box2-a:focus p {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #0081ef;
}

.menu-box2-a:hover .menu-box2, .menu-box2-a:focus .menu-box2 {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.15);
}

#menu-nt .row {
  margin-bottom: 50px;
}

#menu-nt .menu-boxes2 .menu-box2-a {
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: none;
}
#menu-nt .menu-boxes2 .menu-box2-a:hover, #menu-nt .menu-boxes2 .menu-box2-a:active, #menu-nt .menu-boxes2 .menu-box2-a:focus {
  text-decoration: none;
}

#page-nt-sobre hr {
  background-color: #0081ef;
  border-color: #0081ef;
}

#page-nt-sobre .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

#page-nt-sobre .bold-txt {
  font-family: Gilroy-SemiBold;
}

#page-nt-sobre main h2 {
  border: none;
  font-family: Gilroy-Regular;
  color: #0081ef;
  text-transform: none;
  font-size: 1.6em;
  padding: 0;
  margin: 20px auto;
}
#page-nt-sobre .centered-banner {
  background: #FC7837;
  overflow: hidden;
  min-height: 35em;
  position: relative;
  /* Animation */
}
#page-nt-sobre .centered-banner .wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 600px;
}
#page-nt-sobre .centered-banner .cw {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 450px;
  margin-left: -180px;
  width: 350px;
  z-index: 1;
}
#page-nt-sobre .centered-banner .hat {
  background: #000;
  border-radius: 50% 50% 0 0;
  height: 80%;
  position: absolute;
  top: 0;
  width: 100%;
}
#page-nt-sobre .centered-banner .hat:before,
#page-nt-sobre .centered-banner .hat:after {
  background: #000;
  content: "";
  border-radius: 50%;
  height: 35%;
  position: absolute;
  top: 60%;
  width: 80%;
}
#page-nt-sobre .centered-banner .hat:before {
  left: -20%;
}
#page-nt-sobre .centered-banner .hat:after {
  right: -20%;
}
#page-nt-sobre .centered-banner .face {
  background: #F6A779;
  border-radius: 45% 10% 5% 5%/45% 45% 45% 45%;
  border: #000 solid 5px;
  border-bottom: 0;
  height: 45%;
  position: absolute;
  bottom: 0;
  right: -1%;
  width: 90%;
}
#page-nt-sobre .centered-banner .face:before {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  background: #F6A779;
  border-left: #000 solid 5px;
  height: 50%;
  content: "";
  position: absolute;
  bottom: 0;
  left: -5%;
  width: 20%;
}
#page-nt-sobre .centered-banner .ear {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  background: #F6A779;
  border-radius: 50%;
  border: #000 solid 5px;
  border-right: 0;
  height: 75%;
  position: absolute;
  top: 10%;
  left: -24%;
  width: 28%;
}
#page-nt-sobre .centered-banner .ear:before {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  border: #000 4px solid;
  border-left: 0;
  border-radius: 50% 50% 40% 40%/15% 25% 30% 15%;
  content: "";
  height: 60%;
  position: absolute;
  top: 15%;
  left: 30%;
  width: 20%;
}
#page-nt-sobre .centered-banner .ear:after {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  background: #000;
  content: "";
  height: 90%;
  border-radius: 20%;
  position: absolute;
  top: 0;
  right: -15%;
  width: 30%;
}
#page-nt-sobre .centered-banner .eye {
  border-radius: 50%;
  border: #000 dotted 10px;
  height: 100px;
  position: absolute;
  left: 15%;
  top: 20%;
  width: 100px;
  -webkit-animation: spin 5s linear infinite alternate;
  -moz-animation: spin 5s linear infinite alternate;
  -ms-animation: spin 5s linear infinite alternate;
  animation: spin 5s linear infinite alternate;
}
#page-nt-sobre .centered-banner .eye:after,
#page-nt-sobre .centered-banner .eye:before {
  border-radius: 50%;
  content: "";
  position: absolute;
}
#page-nt-sobre .centered-banner .eye:before {
  background: #fff;
  border: #000 solid 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#page-nt-sobre .centered-banner .eye:after {
  background: #000;
  top: 25%;
  left: 25%;
  right: 25%;
  bottom: 25%;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  100% {
    -ms-transform: rotate(360deg);
  }
}
#page-nt-sobre .centered-banner .text {
  color: #fff;
  font-size: 100px;
  line-height: 80px;
  position: relative;
  margin-top: 50px;
  text-align: center;
  text-shadow: 0px 1px 5px black, 0px 2px 5px black, 0px 3px 5px black, 0px 4px 5px black, 0px 5px 5px black, 0px 6px 5px black, 0px 7px 5px black, 0px 8px 5px black, 0px 9px 5px black, 0px 10px 5px black, 0px 11px 5px black, 0px 12px 5px black, 0px 13px 5px black, 0px 14px 5px black, 0px 15px 5px black, 0px 16px 5px black, 0px 10px 5px black, 0px 17px 5px black, 0px 18px 5px black, 0px 19px 5px black, 0px 20px 5px black, 0px 21px 5px black, 0px 22px 5px black, 0px 23px 5px black, 0px 24px 5px black, 0px 25px 5px black, 0px 26px 5px black, 0px 27px 5px black, 0px 28px 5px black, 0px 29px 5px black, 0px 20px 5px black, 0px 30px 5px black;
  z-index: 2;
}
#page-nt-sobre .centered-banner .text .big {
  display: block;
  font-size: 180px;
}
#page-nt-sobre .centered-banner .texto-banner {
  width: 700px;
  height: 30em;
  margin: auto;
  margin-top: 0;
}
#page-nt-sobre .texto-banner {
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
#page-nt-sobre .texto-banner h1 {
  color: white;
  width: 100%;
  font-family: Gilroy-SemiBold;
  margin: auto;
  font-size: 3em;
  line-height: 1.4;
}
#page-nt-sobre .texto-banner h2 {
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
  color: white;
}

@media screen and (max-width: 992px) {
  #page-nt-sobre .centered-banner .texto-banner {
    width: 650px;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-sobre .centered-banner .texto-banner {
    width: 90%;
    padding-top: 60px;
  }
}
@media screen and (max-width: 550px) {
  #page-nt-sobre .texto-banner h1 {
    font-size: 1.8em;
  }

  #page-nt-sobre .centered-banner {
    background-size: cover;
  }
}
#page-nt-sobre .section-txt-nt h3 {
  font-family: Gilroy-SemiBold;
  color: #27439D;
  font-size: 1.8em;
}
#page-nt-sobre .section-txt-nt p {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #page-nt-sobre .section-txt-nt h3 {
    font-size: 1.7em;
  }

  #page-nt-sobre .texto {
    font-size: 1.4em;
  }
}
#page-nt-sobre .right-side-box {
  background-image: url("../imgs/neuraltech/back-round-r-long.png");
  background-position: 100% 50%;
  background-size: 85% 100%;
  display: flex;
  background-repeat: no-repeat;
  justify-content: flex-end;
  min-height: 400px;
}
#page-nt-sobre .right-side-box .content-right {
  color: white;
  font-size: 1.1em;
  line-height: 1.2em;
  text-align: center;
  padding: 30px 0 30px 200px;
  margin: auto;
}
#page-nt-sobre .right-side-box .content-right p {
  color: white;
}

@media screen and (max-width: 992px) {
  #page-nt-sobre .right-side-box {
    background-size: 95% 100%;
  }
  #page-nt-sobre .right-side-box .content-right {
    padding-left: 130px;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-sobre .right-side-box {
    background-position: 0 50%;
    background-size: 100% 100%;
  }
  #page-nt-sobre .right-side-box .content-right {
    padding-left: 80px;
  }
}
@media screen and (max-width: 400px) {
  #page-nt-sobre .right-side-box {
    background-position: 0 50%;
    background-size: 100% 100%;
  }
  #page-nt-sobre .right-side-box .content-right {
    padding-left: 20px;
    font-size: 1.3em;
  }
}
#page-nt-sobre .menu-papers .row > div {
  margin-top: 15px;
  margin-bottom: 15px;
}
#page-nt-sobre .menu-papers .row > div a {
  text-decoration: none !important;
  color: inherit;
}
#page-nt-sobre .box-papers {
  background-color: white;
  border: 1px #d5d5d5 solid;
  border-radius: 5px;
  padding: 5px 10px;
  height: 7em;
}
#page-nt-sobre .box-papers h4 {
  padding-left: 15px;
  min-height: 2.5em;
  border-left: 1px solid #0081ef;
}
#page-nt-sobre .box-papers:hover {
  border-color: #0081ef;
}

#page-nt-sol hr {
  background-color: #0081ef;
  border-color: #0081ef;
}

#page-nt-sol .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

#page-nt-sol .bold-txt {
  font-family: Gilroy-SemiBold;
}

#page-nt-sol canvas {
  position: absolute;
  cursor: pointer;
  min-width: 600px;
  min-height: 300px;
  left: 21%;
  top: 36%;
  z-index: 10;
}

#page-nt-sol p {
  font-size: 1em;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#page-nt-sol main h2 {
  border: none;
  font-family: Gilroy-Regular;
  color: #0081ef;
  text-transform: none;
  font-size: 1.6em;
  padding: 0;
  margin: 20px auto;
}
#page-nt-sol .centered-banner {
  background: url("../imgs/neuraltech/background-marcas.png") no-repeat;
  background-position: 50% 100%;
  background-size: 100% 100%;
  min-height: 35em;
}
#page-nt-sol .centered-banner .texto-banner {
  width: 100%;
  margin-left: -5%;
  margin-right: 5%;
  margin-top: 30%;
}
#page-nt-sol .texto-banner {
  flex-direction: column;
  justify-content: center;
  margin-left: 3%;
}
#page-nt-sol .texto-banner h1 {
  color: #27439D;
  width: 100%;
  font-family: Gilroy-SemiBold;
  margin: auto;
  font-size: 2.2em;
  line-height: 1.4;
}
#page-nt-sol .texto-banner h2 {
  color: #2195e8;
  margin: 0;
  margin-bottom: 15px;
  text-align: right;
}

@media screen and (max-width: 992px) {
  #page-nt-sol .centered-banner .texto-banner {
    width: 650px;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-sol .centered-banner .texto-banner {
    width: 90%;
    padding-top: 60px;
  }
}
@media screen and (max-width: 550px) {
  #page-nt-sol .texto-banner h1 {
    font-size: 1.8em;
  }

  #page-nt-sol .centered-banner {
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #page-nt-sol .section-collapse h3 {
    font-size: 1.7em;
  }

  #page-nt-sol .texto {
    font-size: 1.25em;
    line-height: 1.4em;
  }
}
#page-nt-sol .collapse-texto {
  background-color: white;
  border-radius: 10px;
  margin-top: 30px;
  padding: 0px 20px;
  border: 1px solid #0081ef;
}
#page-nt-sol .collapse-texto a {
  text-decoration: underline;
  color: #0081ef;
}

#page-nt-sol .btn-collapse {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  background-color: transparent;
  color: #0081ef;
  border: none;
  font-size: 1.3em;
  padding: 5px;
  width: 3em;
}
#page-nt-sol .btn-collapse span {
  font-size: 0.6em;
}

#page-nt-sol .btn-collapse:active {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  background-color: transparent;
  color: #0081ef;
  border: none;
  font-size: 1.3em;
  padding: 5px;
  width: 3em;
}
#page-nt-sol .btn-collapse:active span {
  font-size: 0.6em;
}

#page-nt-sol .collapsed .btn-collapse {
  position: absolute;
  top: 60%;
  left: 40%;
  margin: 0 auto;
  background-color: transparent;
  color: #0081ef;
  border: none;
  font-size: 1.3em;
  padding: 5px;
  width: 9em;
}
#page-nt-sol .collapsed .btn-collapse span {
  font-size: 0.6em;
}

.collapse .collapsed {
  position: relative !important;
}

#page-sl-apps p {
  font-size: 1em;
}
#page-sl-apps .overflow-img-banner {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.png") no-repeat;
  background-size: 100% 85%;
  background-position: 0 0;
  padding: 60px 0 0 0;
  min-height: 100%;
  height: 480px;
}
#page-sl-apps .overflow-img-banner > div {
  height: 100%;
}
#page-sl-apps .overflow-img-banner .row {
  height: 100%;
}
#page-sl-apps .overflow-img-banner h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.8em;
}
#page-sl-apps .overflow-img-banner h4 {
  color: white;
  width: 90%;
  margin: 5%;
  font-size: 1.6em;
}
#page-sl-apps .overflow-img-banner .img-banner {
  height: 88%;
  @import url("https://fonts.googleapis.com/css?family=Muli");
}
#page-sl-apps .overflow-img-banner .img-banner .stage {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-left: 100px;
  margin: auto;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 6px;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line div {
  width: 1600px;
  font-size: 0;
  -moz-animation: roadLine 3s infinite linear;
  -webkit-animation: roadLine 3s infinite linear;
  animation: roadLine 3s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line span {
  height: 6px;
  display: inline-block;
  background-color: #4B1A61;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  vertical-align: bottom;
  margin-right: 20px;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line .line1 {
  width: 80px;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line .line2 {
  width: 580px;
}
#page-sl-apps .overflow-img-banner .img-banner .ground-line .line3 {
  width: 80px;
}
#page-sl-apps .overflow-img-banner .img-banner .tree-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
#page-sl-apps .overflow-img-banner .img-banner .tree {
  position: absolute;
  right: 0;
  margin-left: -30px;
  bottom: 6px;
  z-index: 8;
  -moz-animation: tree 6.2s infinite linear;
  -webkit-animation: tree 6.2s infinite linear;
  animation: tree 6.2s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .stem {
  width: 6px;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 0 0;
  height: 100px;
  background-color: #5b1f75;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .stem .branch {
  width: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #5b1f75;
  position: absolute;
  z-index: 10;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .stem .branch1 {
  bottom: 25px;
  height: 30px;
  left: 10px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#page-sl-apps .overflow-img-banner .img-banner .tree .stem .branch2 {
  bottom: 40px;
  height: 20px;
  right: 8px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#page-sl-apps .overflow-img-banner .img-banner .tree .stem .branch3 {
  bottom: 60px;
  height: 15px;
  left: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#page-sl-apps .overflow-img-banner .img-banner .tree .leef {
  z-index: -1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  background-color: #abec39;
  border: solid 4px #5b1f75;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .leef1 {
  width: 48px;
  height: 48px;
  top: -15px;
  left: -22px;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .leef2 {
  width: 68px;
  height: 68px;
  top: 18px;
  left: -32px;
}
#page-sl-apps .overflow-img-banner .img-banner .tree .leef2::after {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  background-color: #abec39;
  z-index: 9;
  left: 25%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: -18px;
}
#page-sl-apps .overflow-img-banner .img-banner .vehicle-body {
  width: 500px;
  height: 220px;
  position: absolute;
  right: 20%;
  bottom: 33px;
  z-index: 9;
  -moz-border-radius: 15px 60px 0 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 60px 0 15px;
}
#page-sl-apps .overflow-img-banner .img-banner .vehicle-body .wrap-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-animation: body 3s infinite ease;
  -webkit-animation: body 3s infinite ease;
  animation: body 3s infinite ease;
}
#page-sl-apps .overflow-img-banner .img-banner .vehicle-body .body-cover {
  position: absolute;
  border: solid 5px #4B1A61;
  width: 100%;
  background-color: #C6EDFF;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -moz-border-radius: 15px 60px 0 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px 60px 0 15px;
}
#page-sl-apps .overflow-img-banner .img-banner .top-roof {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffe400;
  border-bottom: solid 4px #4B1A61;
  width: 100%;
  height: 14px;
}
#page-sl-apps .overflow-img-banner .img-banner .rooftop {
  background-color: #FA7775;
  border: solid 4px #4B1A61;
  border-bottom: none;
  bottom: 100%;
  overflow: hidden;
  position: absolute;
}
#page-sl-apps .overflow-img-banner .img-banner .rooftop::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #f96461;
  height: 50%;
}
#page-sl-apps .overflow-img-banner .img-banner .rooftop.back {
  width: 60px;
  left: 20%;
  height: 15px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
#page-sl-apps .overflow-img-banner .img-banner .rooftop.front {
  width: 80px;
  left: 40%;
  height: 25px;
  -moz-border-radius: 4px 20px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 20px 0 0;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard {
  background-color: #FA7775;
  border-top: solid 4px #4B1A61;
  bottom: 4px;
  position: absolute;
  left: 4px;
  width: calc(100% - 8px);
  height: 50px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 0 10px;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard .shade {
  position: absolute;
  left: 0px;
  -moz-border-radius: 0 0 0 15px;
  -webkit-border-radius: 0;
  border-radius: 0 0 0 15px;
  bottom: 0px;
  width: 100%;
  background-color: #f96461;
  height: 40%;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard .bumper {
  position: absolute;
  border: solid 4px #4B1A61;
  height: 18px;
  position: absolute;
  background-color: #a6a6a6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard .bumper.front {
  right: -12px;
  width: 22px;
  height: 22px;
  bottom: -10px;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard .bumper.back {
  width: 29px;
  top: 11px;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  left: -15px;
}
#page-sl-apps .overflow-img-banner .img-banner .side-guard .front-indicator {
  width: 26px;
  height: 11px;
  -moz-box-shadow: 0 3px 0 #f96461;
  -webkit-box-shadow: 0 3px 0 #f96461;
  box-shadow: 0 3px 0 #f96461;
  position: absolute;
  border: solid 3px #4B1A61;
  right: 10px;
  background-color: #ffe400;
  top: 5px;
}
#page-sl-apps .overflow-img-banner .img-banner .indi {
  width: 24px;
  height: 10px;
  -moz-box-shadow: 0 3px 0 #a7e3ff;
  -webkit-box-shadow: 0 3px 0 #a7e3ff;
  box-shadow: 0 3px 0 #a7e3ff;
  position: absolute;
  border: solid 3px #4B1A61;
  left: 10px;
  background-color: #ffa700;
}
#page-sl-apps .overflow-img-banner .img-banner .indi.back-top-indicator {
  top: 24px;
}
#page-sl-apps .overflow-img-banner .img-banner .indi.back-bottom-indicator {
  bottom: 60px;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window {
  height: 53%;
  top: 14%;
  left: 50px;
  width: 190px;
  position: absolute;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .window-base {
  width: 100%;
  height: 12px;
  background-color: #abec39;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: solid 3px #4B1A61;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .window-base.top {
  top: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .window-base.bottom {
  bottom: 0;
  position: absolute;
  left: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .sun-shade {
  background-color: #FA7775;
  border: solid 4px #4B1A61;
  border-top: none;
  width: 90%;
  margin-left: 4.5%;
  height: 23px;
  position: relative;
  z-index: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .curtain {
  position: relative;
  width: 90%;
  margin-left: 5%;
  font-size: 0;
  z-index: 2;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .curtain span {
  width: calc(100%/8);
  height: 15px;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0;
  border-radius: 0 0 15px 15px;
  display: inline-block;
  background-color: #FA7775;
  border: solid 4px #4B1A61;
  border-top: none;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  margin-left: -4px;
  -moz-animation: curtain 0.5s infinite linear;
  -webkit-animation: curtain 0.5s infinite linear;
  animation: curtain 0.5s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .curtain span:nth-child(even) {
  background-color: #fff;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .curtain span + span {
  width: calc( (100% / 8) + 2px);
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap {
  background-color: #f5f4f1;
  border-left: solid 4px #4B1A61;
  height: 60px;
  width: 80%;
  margin-left: 9%;
  margin-top: -10px;
  border-right: solid 4px #4B1A61;
  padding: 2px 5px;
  font-size: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .glass {
  background-color: #7ad5ff;
  overflow: hidden;
  border: solid 3px #4B1A61;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 46%;
  height: 100%;
  margin-top: -3px;
  display: inline-block;
  position: relative;
  z-index: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .glass::after {
  content: "";
  position: absolute;
  background-color: rgba(71, 197, 255, 0.5);
  width: 100%;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 10px 10px;
  height: 60%;
  top: 0;
  left: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .glass + .glass {
  margin-left: 4%;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .light {
  width: 130%;
  height: 100%;
  position: absolute;
  top: -7px;
  left: -45%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  z-index: 0;
  -moz-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  -webkit-transform: rotate(115deg);
  transform: rotate(115deg);
  -moz-animation: glare 2s infinite linear;
  -webkit-animation: glare 2s infinite linear;
  animation: glare 2s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .light span {
  width: 100%;
  display: block;
  margin-bottom: 2px;
  background-color: #fff;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .light .light1 {
  height: 10px;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .light .light2 {
  height: 3px;
}
#page-sl-apps .overflow-img-banner .img-banner .back-window .windows-glass-wrap .light .light3 {
  height: 6px;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door {
  position: absolute;
  right: 120px;
  bottom: 0;
  border: solid 4px #4B1A61;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
  width: 80px;
  height: 80%;
  z-index: 9;
  background-color: #f5f4f1;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11%;
  background-color: #eae8e2;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass {
  background-color: #60cdff;
  border: solid 3px #4B1A61;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 85%;
  height: 60px;
  margin-top: 5px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass::after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  -moz-border-radius: 12px 12px 10px 10px;
  -webkit-border-radius: 12px;
  border-radius: 12px 12px 10px 10px;
  height: 60%;
  bottom: 0;
  left: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass .light {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  z-index: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass .light span {
  height: 70%;
  margin-top: 15%;
  display: inline-block;
  background-color: #14b5ff;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass .light .light1 {
  width: 15px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 0 0 10px;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .glass .light .light2 {
  width: 10px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0;
  border-radius: 0 10px 10px 0;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .door-handle {
  background-color: #FA7775;
  border: solid 0.2em #4B1A61;
  width: 10px;
  margin-left: 4.5%;
  height: 22px;
  position: absolute;
  z-index: 0;
  right: 5px;
  bottom: 40%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
#page-sl-apps .overflow-img-banner .img-banner .main-door .door-handle::before {
  content: "";
  position: absolute;
  width: 50%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  height: 100%;
  display: block;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window {
  top: 14%;
  right: 20px;
  width: 70px;
  height: 60%;
  position: absolute;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .window-base {
  width: 100%;
  height: 10px;
  background-color: #abec39;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: solid 3px #4B1A61;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
  top: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .sun-shade {
  background-color: #FA7775;
  border: solid 4px #4B1A61;
  border-top: none;
  width: 90%;
  margin-left: 4.5%;
  height: 23px;
  position: relative;
  z-index: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .curtain {
  position: relative;
  width: 90%;
  margin-left: 6%;
  font-size: 0;
  z-index: 2;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .curtain span {
  width: calc(100%/3);
  height: 15px;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0;
  border-radius: 0 0 15px 15px;
  display: inline-block;
  background-color: #FA7775;
  border: solid 4px #4B1A61;
  border-top: none;
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
  margin-left: -4px;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .curtain span:nth-child(even) {
  background-color: #fff;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .curtain span + span {
  width: calc( (100% / 3) + 2px);
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap {
  height: 40px;
  width: 80%;
  margin-left: 9%;
  margin-top: -10px;
  border: solid 4px #4B1A61;
  border-top: none;
  background-color: #7ad5ff;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 10px 10px;
  padding: 2px 5px;
  font-size: 0;
  overflow: hidden;
  position: relative;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap .light {
  width: 120%;
  height: 100%;
  position: absolute;
  top: -7px;
  left: -15%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  z-index: 0;
  -moz-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  -webkit-transform: rotate(115deg);
  transform: rotate(115deg);
  -moz-animation: glare 1.5s infinite linear;
  -webkit-animation: glare 1.5s infinite linear;
  animation: glare 1.5s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap .light span {
  width: 100%;
  display: block;
  margin-bottom: 2px;
  background-color: #fff;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap .light .light1 {
  height: 10px;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap .light .light2 {
  height: 3px;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .windows-glass-wrap .light .light3 {
  height: 6px;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .air-hole {
  position: absolute;
  width: 100%;
  bottom: 5px;
  padding-top: 5px;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .air-hole span {
  width: 30px;
  height: 5px;
  background-color: #f5f4f1;
  display: block;
  margin: auto;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: solid 0.15em #4B1A61;
}
#page-sl-apps .overflow-img-banner .img-banner .front-window .air-hole span + span {
  margin-top: 1px;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap {
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 9;
  bottom: -40px;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel-shadow {
  width: 100%;
  height: 100%;
  display: block;
  border-top: solid 40px #4B1A61;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -moz-animation: wheelShadow 3s infinite ease;
  -webkit-animation: wheelShadow 3s infinite ease;
  animation: wheelShadow 3s infinite ease;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap.back {
  left: 80px;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap.front {
  right: 70px;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel {
  width: 76%;
  height: 76%;
  left: 12%;
  top: 12%;
  position: absolute;
  text-align: center;
  font-size: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel::after {
  content: "";
  top: 1px;
  left: 2px;
  height: 100%;
  position: absolute;
  width: calc(100% - 4px);
  -moz-box-shadow: inset 0 7px 0 #747474;
  -webkit-box-shadow: inset 0 7px 0 #747474;
  box-shadow: inset 0 7px 0 #747474;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 9;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel .wheel-outer {
  position: absolute;
  width: 100%;
  background-color: #a6a6a6;
  border: solid 3px #4B1A61;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 0;
  left: 0;
  height: 100%;
  -moz-animation: wheel 0.4s infinite linear;
  -webkit-animation: wheel 0.4s infinite linear;
  animation: wheel 0.4s infinite linear;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel .wheel-outer::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 5px;
  background-color: #b8b8b8;
  top: 5px;
  left: 16px;
  z-index: 8;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel .wheel-cup {
  width: 60%;
  height: 60%;
  margin-top: 20%;
  display: inline-block;
  position: relative;
  background-color: #60cdff;
  border: solid 3px #3b154d;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 5px 4px;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel .wheel-cup::after {
  content: "";
  width: 8px;
  position: absolute;
  left: 41%;
  top: 40%;
  height: 3px;
  background-color: #00aaf9;
  display: inline-block;
}
#page-sl-apps .overflow-img-banner .img-banner .wheel-wrap .wheel .wheel-cup span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 1px;
  background-color: #a6a6a6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #3b154d;
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap {
  position: absolute;
  left: 0;
  margin-top: 0;
  top: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap .love {
  width: 34px;
  height: 34px;
  position: relative;
  display: inline-block;
  font-size: 0;
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap .love .circle {
  background-color: #fe1239;
  width: 24px;
  height: 24px;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap .love .circle1 {
  left: 0;
  bottom: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap .love .circle2 {
  right: 0;
  top: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-wrap .love .square {
  background-color: #fe1239;
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front {
  position: absolute;
  right: 24%;
  bottom: 30%;
  z-index: 8;
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(1) {
  -moz-animation: love1 5s infinite ease-in 0.5s;
  -webkit-animation: love1 5s infinite ease-in 0.5s;
  animation: love1 5s infinite ease-in 0.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(2) {
  -moz-animation: love1 5s infinite ease-in 1s;
  -webkit-animation: love1 5s infinite ease-in 1s;
  animation: love1 5s infinite ease-in 1s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(3) {
  -moz-animation: love1 5s infinite ease-in 1.5s;
  -webkit-animation: love1 5s infinite ease-in 1.5s;
  animation: love1 5s infinite ease-in 1.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(4) {
  -moz-animation: love1 5s infinite ease-in 2s;
  -webkit-animation: love1 5s infinite ease-in 2s;
  animation: love1 5s infinite ease-in 2s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(5) {
  -moz-animation: love2 6s infinite ease-in 2.5s;
  -webkit-animation: love2 6s infinite ease-in 2.5s;
  animation: love2 6s infinite ease-in 2.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(6) {
  -moz-animation: love2 6s infinite ease-in 3s;
  -webkit-animation: love2 6s infinite ease-in 3s;
  animation: love2 6s infinite ease-in 3s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(7) {
  -moz-animation: love2 6s infinite ease-in 3.5s;
  -webkit-animation: love2 6s infinite ease-in 3.5s;
  animation: love2 6s infinite ease-in 3.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(8) {
  -moz-animation: love2 6s infinite ease-in 4s;
  -webkit-animation: love2 6s infinite ease-in 4s;
  animation: love2 6s infinite ease-in 4s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(9) {
  -moz-animation: love3 4s infinite ease-in 4.5s;
  -webkit-animation: love3 4s infinite ease-in 4.5s;
  animation: love3 4s infinite ease-in 4.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(10) {
  -moz-animation: love3 4s infinite ease-in 5s;
  -webkit-animation: love3 4s infinite ease-in 5s;
  animation: love3 4s infinite ease-in 5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(11) {
  -moz-animation: love3 4s infinite ease-in 5.5s;
  -webkit-animation: love3 4s infinite ease-in 5.5s;
  animation: love3 4s infinite ease-in 5.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-front .love-wrap:nth-child(12) {
  -moz-animation: love3 4s infinite ease-in 6s;
  -webkit-animation: love3 4s infinite ease-in 6s;
  animation: love3 4s infinite ease-in 6s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back {
  position: absolute;
  left: 18%;
  bottom: 20%;
  z-index: 5;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love {
  -moz-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  -webkit-transform: rotate(100deg);
  transform: rotate(100deg);
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap {
  right: 0;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(1) {
  -moz-animation: love4 4s infinite ease-in 0.5s;
  -webkit-animation: love4 4s infinite ease-in 0.5s;
  animation: love4 4s infinite ease-in 0.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(2) {
  -moz-animation: love4 4s infinite ease-in 1s;
  -webkit-animation: love4 4s infinite ease-in 1s;
  animation: love4 4s infinite ease-in 1s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(3) {
  -moz-animation: love4 4s infinite ease-in 1.5s;
  -webkit-animation: love4 4s infinite ease-in 1.5s;
  animation: love4 4s infinite ease-in 1.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(4) {
  -moz-animation: love4 4s infinite ease-in 2s;
  -webkit-animation: love4 4s infinite ease-in 2s;
  animation: love4 4s infinite ease-in 2s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(1) {
  -moz-animation: love4 4s infinite ease-in 0s;
  -webkit-animation: love4 4s infinite ease-in 0s;
  animation: love4 4s infinite ease-in 0s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(5) {
  -moz-animation: love5 3s infinite ease-in 2.5s;
  -webkit-animation: love5 3s infinite ease-in 2.5s;
  animation: love5 3s infinite ease-in 2.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(6) {
  -moz-animation: love5 3s infinite ease-in 3s;
  -webkit-animation: love5 3s infinite ease-in 3s;
  animation: love5 3s infinite ease-in 3s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(7) {
  -moz-animation: love5 3s infinite ease-in 3.5s;
  -webkit-animation: love5 3s infinite ease-in 3.5s;
  animation: love5 3s infinite ease-in 3.5s;
}
#page-sl-apps .overflow-img-banner .img-banner .love-back .love-wrap:nth-child(8) {
  -moz-animation: love5 3s infinite ease-in 4s;
  -webkit-animation: love5 3s infinite ease-in 4s;
  animation: love5 3s infinite ease-in 4s;
}
@-moz-keyframes love1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
    transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
  }
}
@-webkit-keyframes love1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
    transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
  }
}
@keyframes love1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
    -ms-transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
    -webkit-transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.2) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
    -ms-transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
    -webkit-transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
    transform: scale(0.8) rotate(-40deg) translate3d(-50px, -400px, 0);
  }
}
@-moz-keyframes love2 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
    transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
  }
}
@-webkit-keyframes love2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
    transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
  }
}
@keyframes love2 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    -ms-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    -webkit-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
    -ms-transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
    -webkit-transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
    transform: scale(0.7) rotate(-50deg) translate3d(-80px, -450px, 0);
  }
}
@-moz-keyframes love3 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
    transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
  }
}
@-webkit-keyframes love3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
    transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
  }
}
@keyframes love3 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    -ms-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    -webkit-transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
    transform: scale(0.3) rotate(0deg) translate3d(100px, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
    -ms-transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
    -webkit-transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
    transform: scale(0.65) rotate(-60deg) translate3d(-40px, -400px, 0);
  }
}
@-moz-keyframes love4 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
    transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
  }
}
@-webkit-keyframes love4 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
    transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
  }
}
@keyframes love4 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    -ms-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
    -ms-transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
    -webkit-transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
    transform: scale(0.6) rotate(-25deg) translate3d(100px, -200px, 0);
  }
}
@-moz-keyframes love5 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
    transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
  }
}
@-webkit-keyframes love5 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
    transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
  }
}
@keyframes love5 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    -ms-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
    transform: scale(0.2) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
    -ms-transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
    -webkit-transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
    transform: scale(0.5) rotate(-20deg) translate3d(200px, -250px, 0);
  }
}
@-moz-keyframes wheel {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wheel {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wheel {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes wheelShadow {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@-webkit-keyframes wheelShadow {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@keyframes wheelShadow {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@-moz-keyframes body {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@-webkit-keyframes body {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@keyframes body {
  0%, 20%, 40%, 45%, 60%, 80%, 100% {
    top: 0;
  }
  70% {
    top: 3px;
  }
  30%, 90% {
    top: 6px;
  }
}
@-moz-keyframes glare {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}
@-webkit-keyframes glare {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}
@keyframes glare {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}
@-moz-keyframes roadLine {
  from {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -moz-transform: translate(-800px, 0);
    transform: translate(-800px, 0);
  }
}
@-webkit-keyframes roadLine {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-800px, 0);
    transform: translate(-800px, 0);
  }
}
@keyframes roadLine {
  from {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -moz-transform: translate(-800px, 0);
    -ms-transform: translate(-800px, 0);
    -webkit-transform: translate(-800px, 0);
    transform: translate(-800px, 0);
  }
}
@-moz-keyframes tree {
  from {
    -moz-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  to {
    -moz-transform: translate(-1600px, 0);
    transform: translate(-1600px, 0);
  }
}
@-webkit-keyframes tree {
  from {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  to {
    -webkit-transform: translate(-1600px, 0);
    transform: translate(-1600px, 0);
  }
}
@keyframes tree {
  from {
    -moz-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
  to {
    -moz-transform: translate(-1600px, 0);
    -ms-transform: translate(-1600px, 0);
    -webkit-transform: translate(-1600px, 0);
    transform: translate(-1600px, 0);
  }
}
#page-sl-apps .overflow-img-banner .img-banner body {
  font-family: "Muli", sans-serif;
}
#page-sl-apps .overflow-img-banner .img-banner .footer {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: #ea4c89;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 10px;
}
#page-sl-apps .overflow-img-banner .img-banner .footer span {
  font-size: 12px;
}
#page-sl-apps .overflow-img-banner .img-banner .footer a {
  font-weight: bold;
  font-size: 10px;
  color: #ea4c89;
  text-decoration: underline;
}
#page-sl-apps .overflow-img-banner .img-banner .footer a:hover {
  text-decoration: none;
}
#page-sl-apps .overflow-img-banner .img-banner .footer .dribble img {
  max-width: 100%;
  width: 26px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
#page-sl-apps .overflow-img-banner .img-banner img {
  height: 100%;
  width: auto;
  margin: auto;
}
#page-sl-apps .width-60 {
  width: 60%;
  margin: 0 20%;
}
#page-sl-apps hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-apps .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

@media screen and (max-width: 1350px) {
  #banner-SL-apps h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-apps {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.png") no-repeat;
    background-size: 100% 80%;
    background-position: 0 0;
  }
  #banner-SL-apps h1 {
    margin: 5% 0;
  }
  #banner-SL-apps .texto-banner {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-apps .width-80 {
    width: 90%;
    margin: auto 5%;
  }

  #page-sl-apps .width-60 {
    width: 80%;
    margin: 0 10%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-apps {
    margin-top: 38px;
  }
}
@media screen and (max-width: 400px) {
  #banner-SL-apps h1 {
    font-size: 2em;
  }
}
#page-sl-apps {
  /* add the background circle to the bottom right of the page*/
}
#page-sl-apps .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}
#page-sl-apps .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-apps .div-img5txt7 .row {
  margin-bottom: 50px;
}
#page-sl-apps .div-img5txt7 hr {
  margin: 40px 0;
}
#page-sl-apps .div-img5txt7 figure {
  height: 100%;
}
#page-sl-apps .div-img5txt7 figure img {
  width: 60%;
  height: auto;
  margin: auto;
}
#page-sl-apps .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-apps .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-apps .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-sl-apps #section-1-apps {
  background-image: url("../imgs/superloop/back-circles.svg");
  background-repeat: no-repeat;
  background-size: 20% auto;
  background-position: 100% 100%;
}
#page-sl-apps #section-1-apps > div {
  margin-bottom: 150px;
}
#page-sl-apps #lista-apps {
  background-image: url("../imgs/superloop/back-arco.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: -110px;
}
#page-sl-apps #lista-apps > div {
  margin-top: 60px;
}
#page-sl-apps #lista-apps hr {
  margin-top: 20px;
  margin-bottom: 40px;
}
#page-sl-apps #lista-apps ol {
  counter-reset: section;
  list-style: none;
  margin: 5px 20%;
  padding: 0 30px;
}
#page-sl-apps #lista-apps li {
  display: flex;
  align-items: center;
  height: 4em;
}
#page-sl-apps #lista-apps li span {
  display: inline-block;
  padding-left: 20px;
  line-height: 1.3em;
}

@media screen and (max-width: 992px) {
  #lista-apps {
    background-size: 100% 100%;
  }
  #lista-apps ol {
    margin: 5px;
    padding: 0;
  }
  #lista-apps li {
    height: 5em;
  }
}
@media screen and (max-width: 768px) {
  #lista-apps {
    margin-top: -150px;
  }
  #lista-apps li {
    height: 6em;
  }
}
@media screen and (max-width: 400px) {
  #lista-apps {
    background-size: auto 100%;
    background-position: center;
  }
  #lista-apps > div {
    width: 90%;
    margin: 60px 5% 30px 5%;
  }
  #lista-apps .texto {
    font-size: 1.3em;
  }
  #lista-apps ol {
    margin: 5px;
    padding: 0;
  }
  #lista-apps li {
    height: 7em;
  }
  #lista-apps li span {
    padding-left: 10px;
  }

  #lista-apps ol li::before {
    width: 44px;
    justify-content: center;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 1em;
  }
}
#page-sl-apps #section-2-apps .txt-div {
  padding-left: 30px;
}

@media screen and (width: 1024px) {
  #page-sl-apps .texto-banner {
    margin-left: -70px;
  }

  #page-sl-apps .img-banner {
    margin-left: 70px;
  }
}
@media screen and (max-width: 768px) {
  #page-sl-apps .txt-div {
    margin-top: 100px !important;
  }
  #page-sl-apps .txt-div hr {
    margin-top: -15px;
  }
  #page-sl-apps .txt-div p {
    margin-top: -35px;
  }
}
@media screen and (max-width: 600px) {
  #page-sl-apps .txt-div {
    margin-top: 415px;
  }
  #page-sl-apps .txt-div h3 {
    margin: -590px 0 30px 0px !important;
    text-align: center;
  }
  #page-sl-apps .txt-div hr {
    margin-top: -15px;
    margin-left: 120px;
  }
  #page-sl-apps .txt-div p {
    margin-top: -35px;
  }

  #tri-mobile {
    margin-top: 550px !important;
    margin-left: 245px !important;
  }

  #page-sl-apps #lista-apps li span {
    text-align: center;
    margin-left: -110px;
  }
}
@media screen and (max-width: 480px) {
  #page-sl-apps .txt-div {
    margin-top: 295px;
  }
  #page-sl-apps .txt-div h3 {
    margin: -660px 0 30px 0px !important;
  }
  #page-sl-apps .txt-div hr {
    margin-top: -15px;
    margin-left: 85px;
  }

  #tri-mobile {
    margin-top: 650px !important;
    margin-left: 197px !important;
  }

  #page-sl-apps #lista-apps li span {
    text-align: center;
    margin-left: -110px;
  }
}
@media screen and (max-width: 420px) {
  #page-sl-apps .txt-div {
    margin-top: 295px;
  }
  #page-sl-apps .txt-div h3 {
    margin: -700px 0 30px 0px !important;
  }
  #page-sl-apps .txt-div hr {
    margin-top: -15px;
    margin-left: 60px;
  }

  #tri-mobile {
    margin-top: 666px !important;
    margin-left: 166px !important;
  }

  #page-sl-apps #lista-apps li span {
    text-align: center;
    margin-left: -110px;
  }
}
@media screen and (max-width: 360px) {
  #page-sl-apps .txt-div {
    margin-top: 115px;
  }
  #page-sl-apps .txt-div h3 {
    margin: -850px 0 30px 0px !important;
  }
  #page-sl-apps .txt-div hr {
    margin-left: 42px;
  }

  #tri-mobile {
    margin-top: 850px !important;
    margin-left: 140px !important;
  }

  #page-sl-apps #lista-apps li span {
    text-align: center;
    margin-left: -110px;
  }
}
@media screen and (max-width: 320px) {
  #page-sl-apps .txt-div {
    margin-top: 80px;
  }
  #page-sl-apps .txt-div h3 {
    margin: -950px 0 30px 0px !important;
  }
  #page-sl-apps .txt-div hr {
    margin-left: 29px;
  }

  #tri-mobile {
    margin-top: 930px !important;
    margin-left: 125px !important;
  }

  #page-sl-apps #lista-apps li span {
    text-align: center;
    margin-left: -110px;
  }
}
#banner-SL-arte {
  display: block;
  background-image: url("../imgs/superloop/Superloop-img-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  padding: 60px 0;
  height: 600px;
  margin-bottom: 30px;
}
#banner-SL-arte h1 {
  width: 90%;
  margin: 5%;
  font-size: 3em;
  padding-bottom: 5em;
}
#banner-SL-arte .row {
  max-height: 528px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 992px) {
  #banner-SL-arte {
    height: 500px;
    background-position: 0 100%;
    background-size: cover;
  }
}
@media screen and (min-width: 1400px) {
  #banner-SL-arte {
    height: 588px;
    background-size: 100% 588px;
  }
}
#page-sl-arte .width-60 {
  width: 60%;
  margin-right: 20%;
  margin-left: 20%;
}
#page-sl-arte hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-arte .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

@media screen and (max-width: 1350px) {
  #banner-SL-arte h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-arte h1 {
    padding-bottom: 0;
    margin: 15% 0;
  }
  #banner-SL-arte .texto-banner {
    margin-top: 0;
  }

  #page-sl-arte #banner-img img {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-arte .width-80 {
    width: 90%;
    margin: auto 5%;
  }

  #banner-SL-arte {
    background-size: auto 420px;
  }

  #page-sl-arte .width-60 {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 992px) {
  #intro-dupla2 {
    margin-top: -650px;
  }
  #intro-dupla2 > div {
    margin-top: 600px;
    margin-bottom: 50px;
  }

  #page-sl-arte .titulo-central {
    font-size: 2em;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-arte h1 {
    font-size: 2em;
    text-align: end;
    margin: 15% 45%;
    width: 25%;
  }

  #mobile-img {
    display: none;
  }

  #intro-dupla2 {
    min-height: 800px;
    background-image: none;
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -347px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  #intro-dupla2 .txt-div {
    margin: 0;
  }

  #col-text {
    width: 100%;
  }

  #col-img2 {
    width: 100%;
  }

  #end-arte .txt-div {
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-arte h1 {
    font-size: 2em;
    text-align: end;
    margin: 15% 45%;
    width: 25%;
  }

  #mobile-img {
    display: none;
  }

  #intro-dupla2 {
    min-height: 800px;
    background-image: none;
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -347px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  #intro-dupla2 .txt-div {
    margin: 0;
  }

  #end-arte .txt-div {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-arte h1 {
    font-size: 2em;
    text-align: end;
    margin: 15% 45%;
    width: 25%;
  }

  #mobile-img {
    display: none;
  }

  #intro-dupla2 {
    min-height: 800px;
    background-image: none;
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -347px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  #intro-dupla2 .txt-div {
    margin: 0;
  }

  #end-arte .txt-div {
    margin: 0;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-arte h1 {
    font-size: 2em;
    text-align: end;
    margin: 15% 45%;
    width: 25%;
  }

  #mobile-img {
    display: none;
  }

  #intro-dupla2 {
    min-height: 800px;
    background-image: none;
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -347px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  #intro-dupla2 .txt-div {
    margin: 0;
  }

  #end-arte .txt-div {
    margin: 0;
  }
}
@media screen and (max-width: 320px) {
  #banner-SL-arte h1 {
    font-size: 2em;
    text-align: end;
    margin: 15% 45%;
    width: 25%;
  }

  #mobile-img {
    display: none;
  }

  #intro-dupla2 {
    min-height: 800px;
    background-image: none;
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -347px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  #intro-dupla2 .txt-div {
    margin: 0;
  }

  #end-arte .txt-div {
    margin: 0;
  }
}
#page-sl-arte p {
  font-size: 1em;
}
#page-sl-arte .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}

@media screen and (min-width: 769px) {
  #intro-dupla2 {
    min-height: 800px;
    background-image: url("../imgs/superloop-img-3.png");
    background-position: 100% 50%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    z-index: -1;
    margin-top: -80px;
  }
  #intro-dupla2 > div {
    margin-top: 100px;
    margin-bottom: 80px;
  }
}
#info-arte {
  background-color: white;
  margin-top: 0;
  margin-bottom: 30px;
}
#info-arte .row {
  margin: 40px 0;
}

/*tri-img*/
#tri-img-arte {
  margin-top: 20px;
  margin-bottom: 0;
  background-image: url("../imgs/superloop/back-vr-section.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 70%;
  padding: 0;
}

#cont-tri-img {
  margin-bottom: 120px;
  margin-top: -120px;
}
#cont-tri-img img {
  width: 400px;
  margin: auto;
  transform: scale(1.2, 1.2) translateY(12%);
}
#cont-tri-img iframe {
  position: absolute;
  transform: scale(0.8, 0.8) translateY(12%);
}
#cont-tri-img iframe .Device__deviceWrapper___2oPKn {
  background-color: transparent !important;
}

#page-sl-arte #tri-img {
  position: relative;
  margin: 10px 10%;
  display: flex;
  flex-wrap: nowrap;
}
#page-sl-arte #tri-img img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 992px) {
  #page-sl-arte #tri-img {
    margin: 0;
  }
}
#page-sl-arte #tri-img-left {
  z-index: 1;
  transform: rotate(-20deg) scale(1.1, 1.1) translate(10%, 10%);
  pointer-events: none;
}

#page-sl-arte #tri-img-right {
  z-index: 1;
  transform: rotate(20deg) scale(1.1, 1.1) translate(-10%, 10%);
  pointer-events: none;
}

#page-sl-arte #tri-img-center {
  z-index: 3;
  transform: scale(1.45, 1.45);
  pointer-events: none;
}

#page-sl-arte .unselectable {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-arte #end-arte .row {
  margin-bottom: 80px;
}
#page-sl-arte #end-arte hr {
  margin: 40px 0;
}
#page-sl-arte #end-arte figure {
  margin-top: 30px;
  height: 100%;
}
#page-sl-arte #end-arte figure img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  #page-sl-arte #end-arte figure img {
    margin-bottom: -100px;
  }
}
#page-sl-arte .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-arte .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-arte .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 480px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 420px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 360px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 320px) {
  #page-sl-arte .txt-div h3 {
    margin-top: -25px;
  }

  #end-arte #col-text {
    margin-top: -150px;
  }
  #end-arte .txt-div {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
  }
}
.box3d {
  width: 200px;
  height: 200px;
  margin: 100px auto;
  position: relative;
}

.box3d div {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  opacity: 0.5;
  transform-origin: 50% 50% -100px;
}

.p1 {
  background: #4cadeb;
  transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
  animation: spin1 10s infinite linear;
}

.p2 {
  background: #7ac2f0;
  animation: spin2 10s infinite linear;
}

.p3 {
  background: #a8d7f5;
  animation: spin3 10s infinite linear;
}

.p4 {
  background: #eb8a4c;
  animation: spin4 10s infinite linear;
}

.p5 {
  background: #f0a87a;
  animation: spin5 10s infinite linear;
}

.p6 {
  background: #9b9b9b;
  animation: spin6 10s infinite linear;
}

/* for Safari and Chrome */
/* for IE10 and Firefox */
@keyframes spin1 {
  to {
    transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
  }
}
@keyframes spin2 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
  }
}
@keyframes spin3 {
  0% {
    transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
  }
}
@keyframes spin4 {
  0% {
    transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
  }
}
@keyframes spin5 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
  }
}
@keyframes spin6 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
  }
}
.texto4 {
  margin: 20px 0 !important;
  font-size: 1.5em;
  line-height: 1.7em;
}

.hr-arte {
  background-color: #3B48A8;
  height: 2px;
  border: #3B48A8 solid 1px;
  border-radius: 2px;
  width: 70px;
  text-align: center;
  z-index: 3;
  margin-bottom: 20px;
}

#banner-SL-consumer {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 60px 0 0 0;
  min-height: 100%;
  height: 500px;
  position: relative;
  z-index: 3;
}
#banner-SL-consumer > div {
  height: 100%;
}
#banner-SL-consumer .row {
  height: 100%;
}
#banner-SL-consumer h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.5em;
  line-height: 1.2em;
}
#banner-SL-consumer .img-banner {
  height: 88%;
  /* Layout Stuff */
  /* Finn */
}
#banner-SL-consumer .img-banner * {
  box-sizing: border-box;
}
#banner-SL-consumer .img-banner .stripe {
  width: 100%;
  padding: 64px 32px;
  position: relative;
  height: 50vh;
  min-height: 324px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#banner-SL-consumer .img-banner #dark {
  background: #131313;
}
#banner-SL-consumer .img-banner .container2 {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  width: 300px;
  margin: 0 auto;
  background: rgba(255, 0, 0, 0.2);
  border-radius: 25%;
  border: 2px solid white;
}
#banner-SL-consumer .img-banner .person {
  width: 196px;
  height: 196px;
  position: relative;
  overflow: hidden;
}
#banner-SL-consumer .img-banner #finn .body {
  position: absolute;
  width: 100px;
  height: 150px;
  background: transparent;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  z-index: 1;
  overflow: hidden;
}
#banner-SL-consumer .img-banner #finn .body:before {
  content: "";
  position: absolute;
  background: #000102;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 100%;
}
#banner-SL-consumer .img-banner #finn .face {
  position: absolute;
  width: 80px;
  height: 75px;
  background: #965C48;
  border-radius: 50%;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#banner-SL-consumer .img-banner #finn .hair {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 43px;
  width: 80px;
  height: 80px;
  background: #33292A;
  border-radius: 50%;
}
#banner-SL-consumer .img-banner #finn .ear {
  position: absolute;
  background: #965C48;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  left: 50px;
  top: 76px;
}
#banner-SL-consumer .img-banner #finn .ear.right {
  left: 120px;
}
#banner-SL-consumer .img-banner #finn .ear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #744737;
  border-radius: 100%;
}
#banner-SL-consumer .img-banner #finn .neck {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 50px;
  border-radius: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  background: #744737;
}
#banner-SL-consumer .img-banner #finn .eyes {
  position: absolute;
  top: 30px;
  width: 10px;
  height: 10px;
  background: #2f1d16;
  border-radius: 50%;
  left: 25%;
  transform: translateX(-50%);
}
#banner-SL-consumer .img-banner #finn .eyes:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #2f1d16;
  top: 0;
  border-radius: 50%;
  right: -40px;
}
#banner-SL-consumer .img-banner #finn .nose {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 14px;
  background: #744737;
  top: 31px;
  border-radius: 4px;
}
#banner-SL-consumer .img-banner #finn .mouth {
  position: absolute;
  background: #2f1d16;
  width: 30px;
  height: 4px;
  border-radius: 0 0 5px 5px;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
#banner-SL-consumer .img-banner #finn .jacket {
  background: #ce0707;
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
}
#banner-SL-consumer .img-banner #finn .jacket-left {
  left: 0;
}
#banner-SL-consumer .img-banner #finn .jacket-right {
  right: 0;
}
#banner-SL-consumer .img-banner #finn .jacket:after {
  content: "";
  width: 6px;
  position: absolute;
  top: 0;
  height: 110%;
  background: #6b0404;
}
#banner-SL-consumer .img-banner #finn .jacket-left:after {
  left: 100%;
  transform: translateX(-2px);
}
#banner-SL-consumer .img-banner #finn .jacket-right:after {
  right: 100%;
  transform: translateX(2px);
}
#banner-SL-consumer .img-banner #finn .jacket-left:before {
  content: "";
  background: #A61C19;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
#banner-SL-consumer .img-banner #finn .jacket-right:before {
  content: "";
  background: #A61C19;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 10px;
}

#page-sl-consumer .width-60 {
  width: 60%;
  margin: 0 20%;
}
#page-sl-consumer p {
  font-size: 1em;
}
#page-sl-consumer hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-consumer .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}
#page-sl-consumer .texto p a {
  text-decoration: underline;
  background-color: #e0e0e0;
}

@media screen and (max-width: 1350px) {
  #banner-SL-consumer h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-consumer {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.png") no-repeat;
    background-size: 100% 80%;
    background-position: 0 0;
    padding-top: 40px;
  }
  #banner-SL-consumer h1 {
    margin: 10% 0;
  }
  #banner-SL-consumer .texto-banner {
    margin-top: 0;
  }
  #banner-SL-consumer .img-banner {
    margin-top: 40px;
    width: 100%;
    height: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-consumer .width-80 {
    width: 80%;
    margin: auto 10%;
  }

  #page-sl-consumer .width-60 {
    width: 80%;
    margin: 0 10%;
  }

  #col-lightbulb {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-consumer {
    margin-top: 38px;
    height: 400px;
    padding-top: 50px;
  }

  #col-lightbulb {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-consumer h1 {
    font-size: 2em;
  }

  #col-lightbulb {
    display: none;
  }

  #page-sl-consumer #intro-consumer {
    background-position: -1250px -200px !important;
  }
}
#page-sl-consumer .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}

@media screen and (max-width: 768px) {
  #page-sl-consumer .titulo-central {
    font-size: 1.8em;
    padding: 10px 0;
  }
  #page-sl-consumer .texto {
    font-size: 1.4em;
  }
}
#page-sl-consumer .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-consumer .div-img5txt7 .row {
  margin-bottom: 50px;
}
#page-sl-consumer .div-img5txt7 hr {
  margin: 40px 0;
}
#page-sl-consumer .div-img5txt7 figure {
  height: 100%;
}
#page-sl-consumer .div-img5txt7 figure img {
  width: 60%;
  height: auto;
  margin: auto;
}
#page-sl-consumer .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-consumer .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-consumer .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-sl-consumer #intro-consumer {
  background-image: url("../imgs/superloop/back-circle-white.png");
  background-repeat: no-repeat;
  background-position: 0 74%;
  background-size: 95% 68%;
  margin-top: -350px;
  position: relative;
  z-index: 1;
}
#page-sl-consumer #intro-consumer > div {
  margin-top: 330px;
  margin-bottom: 200px;
}
#page-sl-consumer #intro-consumer .texto-centro {
  text-align: center;
}

@media screen and (max-width: 1300px) {
  #page-sl-consumer #intro-consumer {
    background-size: 200% 82%;
    background-position: 90% 50%;
  }
}
@media screen and (max-width: 1024px) {
  #page-sl-consumer #intro-consumer {
    background-size: 200% 90%;
    background-position: 90% 50%;
  }
}
@media screen and (max-width: 992px) {
  #page-sl-consumer #intro-consumer {
    background-size: auto 100%;
    background-position: 90% 100%;
  }
}
#page-sl-consumer #col-half-intro {
  display: flex;
  flex-wrap: wrap;
}
#page-sl-consumer #col-half-intro > div {
  padding: 0;
}
#page-sl-consumer #col-half-intro #col-half-txt {
  margin: 80px 0;
}
#page-sl-consumer #section-2-sac {
  background-image: url("../imgs/superloop/back-onda.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-top: -115px;
}
#page-sl-consumer #section-2-sac .row {
  margin-bottom: 10px;
}
#page-sl-consumer #section-2-sac figure img {
  width: 100%;
}
#page-sl-consumer #section-2-sac > div {
  margin-top: 0;
}
#page-sl-consumer #section-2-sac .txt-div {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  align-content: flex-end;
  justify-content: flex-end;
  color: white;
}

@media screen and (max-width: 768px) {
  #page-sl-consumer #section-2-sac .col-img {
    width: 100%;
  }
}
#page-sl-consumer #final-sac {
  text-align: center;
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  #page-sl-consumer #final-sac .titulo-central {
    width: 100%;
    margin: 20px 0;
    font-size: 1.6em;
  }

  #banner-SL-consumer .img-banner .stripe {
    margin-top: -190px;
  }

  #page-sl-consumer #col-half-intro #col-half-txt {
    margin-top: 8px;
    text-align: center;
    width: 100%;
  }

  #page-sl-consumer #intro-consumer {
    z-index: 0;
  }

  #page-sl-consumer #final-sac {
    margin-top: -318px;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-consumer .img-banner .stripe {
    margin-top: -185px;
  }

  #page-sl-consumer #intro-consumer {
    margin-top: -280px;
  }

  #page-sl-consumer #col-half-intro #col-half-txt {
    margin-top: 12px;
    text-align: center;
  }

  #page-sl-consumer #final-sac {
    margin-top: -335px !important;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-consumer .img-banner .stripe {
    margin-top: -70px;
  }

  #page-sl-consumer #intro-consumer {
    margin-top: -300px;
  }

  #page-sl-consumer #col-half-intro #col-half-txt {
    margin-top: 15px;
    text-align: center;
  }

  #page-sl-consumer #final-sac {
    margin-top: -320px !important;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-consumer .img-banner .stripe {
    margin-top: -70px;
  }

  #page-sl-consumer #intro-consumer {
    margin-top: -280px;
  }

  #page-sl-consumer #col-half-intro #col-half-txt {
    margin-top: 15px;
    text-align: center;
  }

  #page-sl-consumer #final-sac {
    margin-top: -295px !important;
  }
}
@media screen and (max-width: 320px) {
  #banner-SL-consumer .img-banner .stripe {
    margin-top: -90px;
  }

  #page-sl-consumer #intro-consumer {
    margin-top: -280px;
  }

  #page-sl-consumer #col-half-intro #col-half-txt {
    margin-top: 15px;
    text-align: center;
  }

  #page-sl-consumer #final-sac {
    margin-top: -290px !important;
  }
}
#banner-SL-data {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 60px 0 0 0;
  min-height: 100%;
  height: 500px;
  position: relative;
  z-index: 3;
}
#banner-SL-data > div {
  height: 100%;
}
#banner-SL-data .row {
  height: 100%;
}
#banner-SL-data h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.5em;
  line-height: 1.2em;
}
#banner-SL-data .img-banner-data {
  height: 88%;
  /*General---------------------------------------------------------------------*/
  /*Elements---------------------------------------------------------------------*/
  /*Wheels*/
  /*Watch*/
  /*Sheets*/
  /*World*/
  /*Stars*/
  /*Graphic*/
  /*Pies*/
  /*Grid*/
  /*Tube*/
  /*Keyframes--------------------------------------------------------------------*/
}
#banner-SL-data .img-banner-data section {
  position: relative;
  transform: translateY(-55%);
  top: 30%;
}
#banner-SL-data .img-banner-data svg {
  max-width: 600px;
  display: block;
  margin: auto;
}
#banner-SL-data .img-banner-data svg path, #banner-SL-data .img-banner-data svg g {
  transform-box: fill-box;
}
#banner-SL-data .img-banner-data .wheels {
  transform-origin: 50% 50%;
}
#banner-SL-data .img-banner-data .wheels#wheel1 {
  animation: rotate_clockwise 3.5s 1 ease-in-out forwards;
  animation-delay: 0.5s;
}
#banner-SL-data .img-banner-data .wheels#wheel2 {
  animation: rotate_anticlockwise 3.5s 1 ease-in-out forwards;
  animation-delay: 0.5s;
}
#banner-SL-data .img-banner-data .wheels#wheel3 {
  animation: rotate_clockwise 3.5s 1 ease-in-out forwards;
  animation-delay: 0.5s;
}
#banner-SL-data .img-banner-data #watch {
  transform-origin: 50% 50%;
  animation: watch 0.9s 1 ease-in forwards;
}
#banner-SL-data .img-banner-data .sheets {
  transform-origin: 50% 50%;
}
#banner-SL-data .img-banner-data .sheets#sheet1 {
  animation: sheet1 0.9s 1 ease-in forwards;
  animation-delay: 0.1s;
}
#banner-SL-data .img-banner-data .sheets#sheet2 {
  animation: sheet2 0.9s 1 ease-in forwards;
  animation-delay: 0.2s;
}
#banner-SL-data .img-banner-data #world {
  transform-origin: 50% 50%;
  animation: world 0.9s 1 ease-in forwards;
  animation-delay: 0.3s;
}
#banner-SL-data .img-banner-data .stars {
  transform-origin: 50% 50%;
}
#banner-SL-data .img-banner-data .stars#star1 {
  animation: star1 0.9s 1 ease-in forwards;
  animation-delay: 0.4s;
}
#banner-SL-data .img-banner-data .stars#star2 {
  animation: star2 0.9s 1 ease-in forwards;
  animation-delay: 0.5s;
}
#banner-SL-data .img-banner-data #graphic {
  transform-origin: 50% 50%;
}
#banner-SL-data .img-banner-data #graphic #line {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 3.2s;
  stroke-dasharray: 99;
  stroke-dashoffset: 100;
}
#banner-SL-data .img-banner-data #graphic .circles {
  transform-origin: 50% 50%;
  stroke-dasharray: 99;
  stroke-dashoffset: 100;
}
#banner-SL-data .img-banner-data #graphic .circles#circle1 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 2s;
  opacity: 0;
}
#banner-SL-data .img-banner-data #graphic .circles#circle2 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 2.2s;
}
#banner-SL-data .img-banner-data #graphic .circles#circle3 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 2.4s;
}
#banner-SL-data .img-banner-data #graphic .circles#circle4 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 2.6s;
}
#banner-SL-data .img-banner-data #graphic .circles#circle5 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 2.8s;
}
#banner-SL-data .img-banner-data #graphic .circles#circle6 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 3s;
}
#banner-SL-data .img-banner-data #graphic .circles#circle7 {
  animation: graphic 1s 1 ease-in forwards;
  animation-delay: 3.2s;
  opacity: 0;
}
#banner-SL-data .img-banner-data .pies {
  transform-origin: 50% 50%;
  stroke-dasharray: 199;
  stroke-dashoffset: 200;
  animation: pies 1s 1 ease-in-out forwards;
  animation-delay: 3.2s;
}
#banner-SL-data .img-banner-data #grid {
  animation-delay: 1.2s;
}
#banner-SL-data .img-banner-data #tube #right {
  transform-origin: 0% 0%;
  transform: rotateY(0);
  animation: tube 5s 1 ease-in-out forwards;
  animation-delay: 1.4s;
}
@keyframes tube {
  0% {
    transform: rotateY(0);
  }
  10% {
    transform: rotateY(18deg);
  }
  14% {
    transform: rotateY(-12deg);
  }
  17% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes pies {
  0% {
    stroke-dashoffset: 199;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes graphic {
  0% {
    stroke-dashoffset: 100;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
@keyframes star1 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(40px, 160px) rotate(300deg) scale(0.8);
  }
}
@keyframes star2 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-20px, 120px) rotate(300deg) scale(0.8);
  }
}
@keyframes world {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(20px, 130px) rotate(340deg) scale(0.8);
  }
}
@keyframes sheet1 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-50px, 150px) rotate(-60deg) scale(0.8);
  }
}
@keyframes sheet2 {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(30px, 80px) rotate(90deg) scale(0.7);
  }
}
@keyframes watch {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-40px, 80px) rotate(-45deg) scale(0.7);
  }
}
@keyframes rotate_clockwise {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate_anticlockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

#page-sl-data p {
  font-size: 1em;
}
#page-sl-data .width-60 {
  width: 60%;
  margin: 0 20%;
}
#page-sl-data hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-data .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

@media screen and (max-width: 1350px) {
  #banner-SL-data h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-data {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.png") no-repeat;
    background-size: 100% 80%;
    background-position: 0 0;
    padding-top: 40px;
  }
  #banner-SL-data h1 {
    margin: 10% 0;
  }
  #banner-SL-data .texto-banner {
    margin-top: 0;
  }
  #banner-SL-data .img-banner-data {
    margin-top: 40px;
    width: 100%;
    height: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-data .width-80 {
    width: 80%;
    margin: auto 10%;
  }

  #page-sl-data .width-60 {
    width: 80%;
    margin: 0 10%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-data {
    margin-top: 38px;
    height: 400px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-data h1 {
    font-size: 2em;
  }
}
#page-sl-data .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}
#page-sl-data .texto-centro {
  text-align: center;
}

@media screen and (max-width: 768px) {
  #page-sl-data .titulo-central {
    font-size: 1.8em;
    padding: 10px 0;
  }
  #page-sl-data .texto {
    font-size: 1.4em;
  }
}
#page-sl-data .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-data .div-img5txt7 .row {
  margin-bottom: 50px;
}
#page-sl-data .div-img5txt7 hr {
  margin: 40px 0;
}
#page-sl-data .div-img5txt7 figure {
  height: 100%;
}
#page-sl-data .div-img5txt7 figure img {
  width: 60%;
  height: auto;
  margin: auto;
}
#page-sl-data .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-data .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-data .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-sl-data #intro-data {
  margin-top: -50px;
  padding-top: 120px;
  background-image: url("../imgs/superloop/back-onda-white.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 768px) {
  #page-sl-data #intro-data {
    margin-top: -100px;
    padding-top: 110px;
    background-position: 100% 100%;
    background-size: cover;
  }
  #page-sl-data #end-data .titulo-central {
    font-size: 1.5em;
  }
}
#page-sl-data #col-half-intro {
  margin-right: calc(10% - 15px);
  margin-left: calc(10% - 15px);
}

@media screen and (max-width: 768px) {
  #banner-SL-data .img-banner-data {
    margin-top: 160px;
  }

  #page-sl-data .texto {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-data .img-banner-data {
    margin-top: 120px;
  }

  #page-sl-data #intro-data {
    margin-top: -85px;
    padding-top: 180px;
    background-position: 100% 100%;
    background-size: cover;
  }
}
@media screen and (max-width: 480px) {
  #page-sl-data #intro-data {
    margin-top: -155px;
    padding-top: 180px;
    background-position: 100% 100%;
    background-size: cover;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-data .img-banner-data {
    margin-top: 84px;
  }

  #page-sl-data #intro-data {
    margin-top: -180px;
    padding-top: 180px;
    background-position: 100% 100%;
    background-size: cover;
  }
}
@media screen and (max-width: 320px) {
  #page-sl-data #intro-data {
    margin-top: -180px;
    padding-top: 180px;
    background-position: 100% 100%;
    background-size: cover;
  }
}
#banner-SL-consumer {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.png") no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 60px 0 0 0;
  min-height: 100%;
  height: 500px;
  position: relative;
  z-index: 3;
}
#banner-SL-consumer > div {
  height: 100%;
}
#banner-SL-consumer .row {
  height: 100%;
}
#banner-SL-consumer h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.8em;
  line-height: 1.2em;
}
#banner-SL-consumer .img-banner {
  height: 88%;
}
#banner-SL-consumer .img-banner .loader-container {
  position: relative;
  height: 200px;
  width: 200px;
}
#banner-SL-consumer .img-banner .loader-container svg {
  position: absolute;
}
#banner-SL-consumer .img-banner .spinner {
  animation: rotator 1.4s linear infinite;
}
#banner-SL-consumer .img-banner .loader-dog {
  position: relative;
  right: 0px;
  bottom: -190px;
  width: 186px;
  height: auto;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
#banner-SL-consumer .img-banner .path {
  animation: dash 1.4s ease-in-out infinite;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 622;
  }
  50% {
    stroke-dashoffset: 155.5;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 622;
    transform: rotate(450deg);
  }
}

#page-sl-fid .width-60 {
  width: 60%;
  margin: 0 20%;
}
#page-sl-fid hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-fid .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

@media screen and (max-width: 1350px) {
  #banner-SL-consumer h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-consumer {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.png") no-repeat;
    background-size: 100% 80%;
    background-position: 0 0;
    padding-top: 40px;
  }
  #banner-SL-consumer h1 {
    margin: 10% 0;
  }
  #banner-SL-consumer .texto-banner {
    margin-top: 0;
  }
  #banner-SL-consumer .img-banner {
    margin-top: 40px;
    width: 100%;
    height: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-consumer .width-80 {
    width: 80%;
    margin: auto 10%;
  }

  #page-sl-fid .width-60 {
    width: 80%;
    margin: 0 10%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-consumer {
    margin-top: 38px;
    height: 400px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-consumer h1 {
    font-size: 2em;
  }
}
#page-sl-fid .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}
#page-sl-fid .texto-centro {
  text-align: center;
}

@media screen and (max-width: 768px) {
  #page-sl-fid .titulo-central {
    font-size: 1.8em;
    padding: 10px 0;
  }
  #page-sl-fid .texto {
    font-size: 1.4em;
  }
}
#page-sl-fid .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-fid .div-img5txt7 .row {
  margin-bottom: 50px;
}
#page-sl-fid .div-img5txt7 hr {
  margin: 40px 0;
}
#page-sl-fid .div-img5txt7 figure {
  height: 100%;
}
#page-sl-fid .div-img5txt7 figure img {
  width: 60%;
  height: auto;
  margin: auto;
}
#page-sl-fid .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-fid .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-fid .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-sl-fid #end-fid {
  background-image: url("../imgs/superloop/back-bottom-flipped.png");
  background-position: 0 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-top: -110px;
}
#page-sl-fid #end-fid > div {
  margin-top: 190px;
  margin-bottom: 30px;
}
#page-sl-fid #end-fid #end-title {
  margin-top: 100px;
}

@media screen and (max-width: 1000px) {
  #end-fid {
    margin-top: -90px;
  }
  #end-fid > div {
    margin-top: 70px;
  }

  #end-fid #end-title {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #end-fid {
    background-image: url("../imgs/superloop/back-flipped-m.png");
    margin-top: -60px;
  }
  #end-fid > div {
    margin-top: 70px;
  }

  #end-fid #end-title {
    margin-top: 40px;
  }

  #intro-fid {
    padding: 0;
    margin-top: -30px;
  }

  .div-img5txt7 figure img {
    width: 100%;
    height: auto;
    margin: auto;
  }

  #col-mobile {
    width: 100%;
  }

  #col-mobile2 {
    width: 100%;
    margin-top: -146px;
  }

  #end-text {
    width: 100%;
  }

  #banner-SL-consumer .img-banner .loader-dog {
    right: -217px !important;
    bottom: 48px !important;
  }

  #page-sl-fid #end-fid #end-title {
    margin-top: -10px !important;
  }
}
#sub-title-fid {
  text-align: right;
}

@media screen and (max-width: 600px) {
  #sub-title-fid {
    text-align: center;
    margin-top: -20px;
  }

  #banner-SL-consumer .img-banner .loader-dog {
    right: -138px !important;
    bottom: 50px !important;
  }

  #intro-fid {
    margin-top: 72px;
  }

  #page-sl-fid #end-fid > div {
    margin-top: 35px !important;
  }

  #col-mobile {
    text-align: center;
  }

  #col-mobile2 {
    text-align: center;
    margin-top: 0px;
  }

  #page-sl-fid #end-fid #end-text {
    margin: -30px 0 10px !important;
  }

  #page-sl-fid #end-fid #end-title {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-consumer .img-banner .loader-dog {
    right: -93px !important;
    bottom: 20px !important;
  }

  #intro-fid {
    margin-top: 56px;
  }

  #page-sl-fid #end-fid > div {
    margin-top: 35px !important;
  }

  #page-sl-fid #end-fid #end-text {
    margin: -30px 0 10px !important;
  }

  #page-sl-fid #end-fid #end-title {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 420px) {
  #banner-SL-consumer .img-banner .loader-dog {
    right: -66px !important;
    bottom: 20px !important;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-consumer .img-banner .loader-dog {
    right: -56px !important;
    bottom: 34px !important;
  }

  #intro-fid {
    margin-top: 56px;
  }

  #page-sl-fid #end-fid > div {
    margin-top: 35px !important;
  }

  #page-sl-fid #end-fid #end-text {
    margin: -30px 0 10px !important;
  }

  #page-sl-fid #end-fid #end-title {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 320px) {
  #banner-SL-consumer .img-banner .loader-dog {
    right: -33px !important;
    bottom: 27px !important;
  }

  #intro-fid {
    margin-top: 56px;
  }

  #page-sl-fid #end-fid > div {
    margin-top: 35px !important;
  }

  #page-sl-fid #end-fid #end-text {
    margin: -30px 0 10px !important;
  }

  #page-sl-fid #end-fid #end-title {
    margin-top: 10px !important;
  }
}
#banner-SL-gestao {
  margin-top: 63px;
  background: url("../imgs/superloop/back-top.svg") no-repeat;
  background-position: 0 100%;
  background-size: 100% auto;
  padding: 60px 0;
}
#banner-SL-gestao h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.5em;
}

#page-sl-gestao p {
  font-size: 1.4em;
}

#page-sl-gestao #banner-img img {
  margin: 0 5%;
  height: 500px;
  position: relative;
}

@media screen and (max-width: 1350px) {
  #banner-SL-gestao h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-gestao {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-position: 100% 0;
    background-size: 100% auto;
  }
  #banner-SL-gestao h1 {
    margin: 5% 0;
  }
  #banner-SL-gestao .texto-banner {
    margin-top: 0;
  }

  #page-sl-gestao #banner-img img {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-gestao .width-80 {
    width: 90%;
    margin: auto 5%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-gestao {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-position: 100% 0;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 400px) {
  #banner-SL-gestaoe h1 {
    font-size: 2em;
  }
}
#page-sl-gestao .titulo-central {
  font-size: 2em;
  font-family: Gilroy-Regular;
  text-align: center;
  padding: 10px 30px;
}
#page-sl-gestao .titulo-central2 {
  font-size: 2em;
  font-family: Gilroy-Regular;
  text-align: center;
  padding: 10px 30px;
  color: #666;
}
#page-sl-gestao .img-col img {
  width: 90%;
  height: auto;
  margin: 0 5%;
}
#page-sl-gestao .div-dupla .texto {
  margin-top: 8%;
}
#page-sl-gestao .div-dupla .texto p {
  margin: 0 0 25px 0;
}
#page-sl-gestao .col-1in5 {
  width: 20%;
  margin: 15px 0;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
#page-sl-gestao .col-1in5 a {
  border-radius: 17px;
  color: #2e2e2e;
  transition: color 0.2s ease-in-out;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  background-image: url("../imgs/superloop/back-hover.png");
  background-size: 100% auto;
  background-position: 0% 0%;
}
#page-sl-gestao .col-1in5 a:hover, #page-sl-gestao .col-1in5 a:active, #page-sl-gestao .col-1in5 a:focus, #page-sl-gestao .col-1in5 a:visited {
  text-decoration: none;
}
#page-sl-gestao .col-1in5 a:hover, #page-sl-gestao .col-1in5 a:active, #page-sl-gestao .col-1in5 a:focus {
  color: white !important;
}
#page-sl-gestao .col-1in5 a:hover p, #page-sl-gestao .col-1in5 a:active p, #page-sl-gestao .col-1in5 a:focus p {
  color: white !important;
}
#page-sl-gestao .five-col-box {
  background-color: white;
  transition: background-color 0.3s ease-in-out;
  transition: border-color 0.1s linear;
  border-radius: 16px;
  border: solid #dbdbdb 2px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 30px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  text-align: center;
}
#page-sl-gestao .five-col-box .txt-box {
  font-family: Gilroy-Regular;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#page-sl-gestao .five-col-box .svg-icon {
  width: 50%;
  height: auto;
  margin: 0 auto 10% auto;
  transition: filter 0.2s ease-in-out;
}
#page-sl-gestao .col-1in5 a:hover .five-col-box {
  transition: background-color 0.3s ease-in-out;
  background-color: transparent;
  border-color: transparent;
}
#page-sl-gestao .col-1in5 a:hover {
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
}
#page-sl-gestao .txt-box p {
  margin: 0 auto;
}
#page-sl-gestao #section-2-gest {
  margin-bottom: 0 !important;
}
#page-sl-gestao #section-2-gest .width-80 > .texto {
  text-align: center;
}
#page-sl-gestao .col-1in5 a:hover .svg-icon {
  -webkit-filter: brightness(2);
  filter: brightness(2);
}

/*COLUMNS RESPONSIVITY*/
@media screen and (max-width: 992px) {
  #page-sl-gestao .col-1in5 {
    width: 100%;
  }
  #page-sl-gestao .col-1in5 a {
    text-align: left;
  }
  #page-sl-gestao .col-1in5 .txt-box {
    font-size: 2em;
  }

  #page-sl-gestao .five-col-box {
    flex-direction: row;
    justify-content: flex-start;
  }
  #page-sl-gestao .five-col-box .svg-icon {
    width: 20%;
    height: auto;
    margin: 5%;
  }
  #page-sl-gestao .five-col-box .txt-box {
    width: 60%;
    margin: 5%;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  #page-sl-gestao .col-1in5 .txt-box {
    font-size: 1.6em;
  }

  #page-sl-gestao .five-col-box {
    padding: 10px;
  }
  #page-sl-gestao .five-col-box .svg-icon {
    width: 30%;
    height: auto;
    margin: 5%;
  }
  #page-sl-gestao .five-col-box .txt-box {
    width: 50%;
    margin: 5%;
  }
}
@media screen and (max-width: 400px) {
  #page-sl-gestao .col-1in5 .txt-box {
    font-size: 1.3em;
  }
}
@media screen and (min-width: 481px) {
  #five-boxes br {
    display: none;
  }
}
#page-sl-gestao #div-background {
  background-image: url("../imgs/superloop/back-main-gestao.svg");
  background-size: 100% 100%;
  background-position: 0% 15%;
  background-repeat: no-repeat;
}
#page-sl-gestao #div-tri-img {
  background-image: url("../imgs/superloop/back-section.png");
  background-size: 100% auto;
  background-position: 100% 100%;
  margin-top: 0;
}
#page-sl-gestao #div-tri-img .texto p {
  color: white !important;
}
#page-sl-gestao #titulo-3img {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
}
#page-sl-gestao #titulo-3img h3 {
  color: white;
}
#page-sl-gestao #hr-left-white {
  background-color: white;
  border-color: white;
  text-align: left;
  float: left;
  clear: both;
  margin: 30px 0;
  height: 2px;
}
#page-sl-gestao #div-tri-img .row {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#page-sl-gestao #cont-tri-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-sl-gestao #tri-img {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
#page-sl-gestao #tri-img-left {
  z-index: 1;
  transform: rotate(-20deg) scale(0.8, 0.8) translate(55%, 20%);
  pointer-events: none;
}
#page-sl-gestao #tri-img-right {
  z-index: 1;
  transform: rotate(20deg) scale(0.8, 0.8) translate(-55%, 20%);
  pointer-events: none;
}
#page-sl-gestao #tri-img-center {
  z-index: 3;
  transform: scale(1, 1);
  pointer-events: none;
}
#page-sl-gestao .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

@media screen and (max-width: 992px) {
  #page-sl-gestao #div-background {
    background-image: none;
    background-color: #f7f7f7;
  }

  #page-sl-gestao #div-tri-img {
    background-size: auto 100%;
    background-position: 100% 100%;
  }
}
#text-main {
  margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
  .txt-box p {
    font-size: 1.2em !important;
  }
}
@media screen and (max-width: 768px) {
  #light-house {
    margin-top: 170px;
    margin-left: -70px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-gestao {
    margin-top: 25px;
    background-position: 100% 130%;
    background-size: cover;
  }

  #text-main {
    margin-top: 32px;
    margin-bottom: -20px;
  }

  #light-house {
    margin-top: 0px;
    margin-left: -20px;
    margin-bottom: 0px;
  }

  #page-sl-gestao .titulo-central {
    margin-top: -40px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-gestao {
    margin-top: 25px;
    background-position: 100% 500%;
    background-size: cover;
  }

  #text-main {
    margin-top: 11px;
    margin-bottom: -20px;
  }

  #light-house {
    margin-top: 0px;
    margin-left: -61px;
    margin-bottom: 0px;
  }

  #page-sl-gestao .titulo-central {
    margin-top: -45px;
  }
}
@media screen and (max-width: 420px) {
  #banner-SL-gestao {
    margin-top: 25px;
    background-position: 100% 500%;
    background-size: cover;
  }

  #text-main {
    margin-top: 11px;
    margin-bottom: -20px;
  }

  #light-house {
    margin-top: 0px;
    margin-left: -90px;
    margin-bottom: 0px;
  }

  .txt-box p {
    font-size: 1.1em !important;
  }

  #page-sl-gestao .titulo-central {
    margin-top: -45px;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-gestao {
    margin-top: 25px;
    background-position: 100% 0;
    background-size: auto 70%;
  }

  #displayCanvas {
    margin-top: -56px;
  }

  #text-main {
    margin-top: -80px;
    margin-bottom: -10px;
  }

  #light-house {
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
  }

  #page-sl-gestao .titulo-central {
    margin-top: -60px;
  }
}
@media screen and (max-width: 320px) {
  #banner-SL-gestao {
    margin-top: 25px;
    background-position: 100% 0;
    background-size: auto 70%;
  }

  #displayCanvas {
    width: 89% !important;
  }

  #text-main {
    margin-top: -80px;
    margin-bottom: -10px;
  }

  #light-house {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  #page-sl-gestao .titulo-central {
    margin-top: -60px;
  }

  #page-sl-gestao .col-1in5 .txt-box {
    font-size: 1.2em;
  }
}
#page-sl-home p {
  font-size: 1em;
}

#page-sl-home .titulo-central {
  font-size: 2em;
  font-family: Gilroy-Regular;
  text-align: center;
  padding: 10px 30px;
}
#page-sl-home .texto {
  font-size: 1em;
  line-height: 1.4em;
  color: #686868;
  margin: auto 0;
}

#banner-SL-home {
  margin-top: 63px;
  background: url("../imgs/superloop/back-top.svg") no-repeat;
  background-position: 0 100%;
  background-size: 100% auto;
}
#banner-SL-home h1 {
  width: 90%;
  margin: 5%;
}
#banner-SL-home h1 small {
  color: white;
}
#banner-SL-home .texto-banner {
  margin-top: 80px;
}

#banner-SL-home #banner-img #banner-anim {
  width: 90%;
  margin: 0 5%;
  height: auto;
  position: relative;
}

@media screen and (max-width: 1350px) {
  #banner-SL-home h1 {
    font-size: 2.5em;
  }

  #banner-SL-home .texto-banner {
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-home {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-position: 100% 0;
    background-size: 100% auto;
  }
  #banner-SL-home h1 {
    margin: 5% 0;
  }
  #banner-SL-home .texto-banner {
    margin-top: 0;
  }

  #banner-SL-home #banner-img #banner-anim {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-home .width-80 {
    width: 90%;
    margin: auto 5%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-home {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-position: 100% 0;
    background-size: auto 70%;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-home {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-position: 100% 0;
    background-size: auto 78%;
  }
  #banner-SL-home h1 {
    font-size: 2em;
  }

  #SLh-main-text {
    margin-top: 20px;
  }

  #on-desktop {
    display: none;
  }

  #on-mobile {
    margin-top: -30px;
  }
  #on-mobile #btn-mobile {
    margin-top: 35px;
  }

  #SL-links {
    margin-top: 30px;
  }

  #mobile-text {
    margin-top: -25px;
  }

  #page-sl-home .titulo-central {
    margin-top: -100px;
  }

  #banner-SL-home #banner-img #banner-anim {
    margin-left: 5px;
  }

  #page-sl-home .box-link {
    width: 460px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-home h1 {
    font-size: 2em;
  }

  #on-desktop {
    display: none;
  }

  #on-mobile {
    margin-top: -30px;
  }
  #on-mobile #btn-mobile {
    margin-top: 35px;
  }

  #mobile-text {
    margin-top: -25px;
  }

  #page-sl-home .titulo-central {
    margin-top: -100px;
  }

  #banner-SL-home #banner-img #banner-anim {
    margin-left: 0px;
  }

  #page-sl-home .box-link {
    width: auto;
    max-width: 368px;
  }
}
@media screen and (min-width: 601px) {
  #hard-img #hard-text {
    display: none;
  }

  #on-desktop {
    margin-top: 40px;
  }

  #on-mobile {
    display: none;
  }
}
#SL-links {
  background-image: url("../imgs/superloop/back-bottom.png");
  background-size: 95% auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
#SL-links .row > div {
  margin-bottom: 30px;
}

#page-sl-home .box-link {
  padding: 10px;
  background-color: white;
  border-radius: 15px;
  border: solid #dbdbdb 2px;
  transition: all 0.4s ease-in-out;
  font-family: Gilroy-Regular;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#page-sl-home .box-link .txt-box-links {
  height: auto;
  margin: auto;
  width: 100%;
  align-self: flex-start;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
}
#page-sl-home .box-link .txt-box-links p {
  margin: auto;
}
#page-sl-home .box-link .txt-box-links h4 {
  font-size: 1.3em;
  margin: auto;
}
#page-sl-home .box-link .img-box-links {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 10em;
  margin: auto;
  position: relative;
}
#page-sl-home .cont-visita {
  margin-top: 0;
}
#page-sl-home #SL-links a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../imgs/superloop/back-hover.png");
  border-radius: 16px;
  background-size: 100% 100%;
  background-position: 0% 0%;
}
#page-sl-home .img-box-links img {
  position: absolute;
  top: 0;
  padding: 10px;
  height: 80%;
  width: 100%;
  object-fit: contain;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#page-sl-home .img-box-links img.bottom {
  opacity: 0;
}
#page-sl-home .img-box-links img.top {
  opacity: 1;
}
#page-sl-home .box-link:hover .img-box-links img.top {
  opacity: 0;
}
#page-sl-home .box-link:hover .img-box-links img.bottom {
  opacity: 1;
}
#page-sl-home #SL-links a:hover, #page-sl-home #SL-links a:visited, #page-sl-home #SL-links a:focus, #page-sl-home #SL-links a:active {
  text-decoration: none;
}
#page-sl-home #SL-links a:hover .box-link, #page-sl-home #SL-links a:focus .box-link {
  background-color: transparent;
  border-color: transparent;
}
#page-sl-home #SL-links a:hover .box-link .texto, #page-sl-home #SL-links a:focus .box-link .texto {
  color: white !important;
}
#page-sl-home #SL-links a:hover .box-link .texto p, #page-sl-home #SL-links a:focus .box-link .texto p {
  color: white !important;
}

/*ROBOT ANIMATION*/
#page-sl-home #banner-anim img {
  width: 100%;
  height: 100%;
  z-index: 8;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
#page-sl-home canvas {
  z-index: 5;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #005ed9;
  cursor: pointer;
  border-radius: 30px;
  opacity: 1;
}

#banner-SL-portais {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.svg") no-repeat;
  background-size: cover;
  background-position: 0 100%;
  padding: 60px 0;
  min-height: 550px;
}
#banner-SL-portais h1 {
  width: 90%;
  margin: 5%;
  font-size: 3em;
}

#page-sl-portais .width-60 {
  width: 60%;
  margin-right: 20%;
  margin-left: 20%;
}

#page-sl-portais hr {
  background-color: #0081ef;
  border-color: #0081ef;
}

@media screen and (max-width: 1350px) {
  #banner-SL-portais h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-portais {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.svg") no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
  }
  #banner-SL-portais h1 {
    margin: 5% 0;
  }
  #banner-SL-portais .texto-banner {
    margin-top: 0;
  }

  #page-sl-portais #banner-img img {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-portais .width-80 {
    width: 90%;
    margin: auto 5%;
  }

  #page-sl-portais .width-60 {
    width: 80%;
    margin: 0 10%;
  }
}
@media screen and (max-width: 670px) {
  #banner-SL-portais {
    margin-top: 38px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-portais h1 {
    font-size: 2.2em;
  }

  #hide-mobile {
    display: none;
  }
}
#page-sl-portais .titulo-central {
  font-size: 2em;
  font-family: Gilroy-Regular;
  text-align: center;
  padding: 10px 30px;
}

#intro-portais {
  position: relative;
  background-image: url("../imgs/superloop/back-bottom-portais.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 95% 100%;
  margin-top: -50px;
}
#intro-portais div {
  margin: 550px 20% 50px 20%;
}

#img-banner-portais {
  height: 1100px;
  position: absolute;
  top: 50px;
  right: 10%;
  z-index: 5;
}

@media screen and (max-width: 1300px) {
  #img-banner-portais {
    top: 200px;
    height: 900px;
  }

  #intro-portais div {
    margin-top: 500px;
  }
}
@media screen and (max-width: 1080px) {
  #banner-SL-portais {
    min-height: 400px;
  }

  #img-banner-portais {
    top: 200px;
    height: 700px;
  }

  #intro-portais div {
    margin-top: 400px;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-portais {
    min-height: 350px;
  }

  #img-banner-portais {
    top: 100px;
    width: 90%;
    height: auto;
  }

  #intro-portais div {
    margin-top: 500px;
  }

  #intro-portais {
    background-image: url("../imgs/superloop/back-bottom-portais-m.png");
    background-size: 100% 80%;
    background-position: 100% 100%;
    margin-top: -150px;
  }
}
@media screen and (max-width: 768px) {
  #img-banner-portais {
    top: 200px;
  }

  #intro-portais div {
    margin: 450px 10% 50px 10%;
  }

  #intro-portais {
    margin-top: -200px;
  }
}
@media screen and (max-width: 768px) {
  #img-banner-portais {
    top: 150px;
  }

  #intro-portais div {
    margin-top: 450px;
  }

  #intro-portais {
    margin-top: -250px;
  }
}
@media screen and (max-width: 550px) {
  #banner-SL-portais {
    background-position: top;
  }

  #img-banner-portais {
    top: 250px;
  }

  #intro-portais div {
    margin-top: 450px;
  }

  #intro-portais {
    margin-top: -250px;
  }
}
@media screen and (max-width: 400px) {
  #banner-SL-portais {
    background-position: top;
  }

  #img-banner-portais {
    top: 250px;
  }

  #intro-portais div {
    margin-top: 450px;
  }

  #intro-portais {
    margin-top: -350px;
  }
}
@media screen and (max-width: 300px) {
  #banner-SL-portais {
    background-position: top;
  }

  #img-banner-portais {
    top: 250px;
  }

  #intro-portais div {
    margin-top: 450px;
  }

  #intro-portais {
    margin-top: -400px;
  }
}
#intro-portais .texto {
  text-align: center;
}
#intro-portais .titulo-central {
  color: #323232;
}

#list-portais {
  background-color: white;
  padding: 50px 0;
}
#list-portais ul {
  list-style-type: circle;
  text-align: center;
  padding: 10px;
}
#list-portais li {
  color: #0081ef;
}
#list-portais span {
  color: #686868;
}

#end-portais {
  padding: 80px 0;
}

@media screen and (max-width: 480px) {
  #intro-portais .texto {
    margin-top: 120px !important;
  }
}
#page-SL-escore p {
  font-size: 1em;
}
#page-SL-escore .overflow-img-banner {
  display: block;
  margin-top: 58px;
  background: url("../imgs/superloop/back-top.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 110%;
  padding: 60px 0 0 0;
  min-height: 100%;
  height: 480px;
  position: relative;
  z-index: 3;
}
#page-SL-escore .overflow-img-banner > div {
  height: 100%;
}
#page-SL-escore .overflow-img-banner .row {
  height: 100%;
}
#page-SL-escore .overflow-img-banner h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.8em;
}
#page-SL-escore .overflow-img-banner h4 {
  color: white;
  width: 90%;
  margin: 5%;
  font-size: 1.6em;
}
#page-SL-escore .overflow-img-banner .img-banner {
  height: 88%;
}
#page-SL-escore .overflow-img-banner .img-banner img {
  height: 100%;
  width: auto;
}
#page-SL-escore .width-60 {
  width: 60%;
  margin-right: 20%;
  margin-left: 20%;
}
#page-SL-escore hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-SL-escore .texto {
  font-size: 1.5em;
  line-height: 1.7em;
  margin: auto;
}

@media screen and (max-width: 1350px) {
  #page-SL-escore #banner-SL-apps h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #page-SL-escore #banner-SL-apps {
    margin-top: 38px;
    background: url("../imgs/superloop/back-top-m.png") no-repeat;
    background-size: 100% 80%;
    background-position: 0 0;
    padding-top: 40px;
  }
  #page-SL-escore #banner-SL-apps h1 {
    margin: 10% 0;
  }
  #page-SL-escore #banner-SL-apps .texto-banner {
    margin-top: 0;
  }
  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 40px;
    width: 100%;
    height: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  #page-SL-escore #banner-SL-apps .width-80 {
    width: 80%;
    margin: auto 10%;
  }

  #page-SL-escore .width-60 {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 670px) {
  #page-SL-escore #banner-SL-apps {
    margin-top: 38px;
    height: 400px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  #page-SL-escore #banner-SL-apps h1 {
    font-size: 2em;
  }
}
#page-SL-escore .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}

@media screen and (max-width: 768px) {
  #page-SL-escore .titulo-central {
    font-size: 1.8em;
    padding: 10px 0;
  }

  #page-SL-escore .texto {
    font-size: 1.4em;
  }
}
#page-SL-escore .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-SL-escore .div-img5txt7 .row {
  margin-bottom: 50px;
}
#page-SL-escore .div-img5txt7 hr {
  margin: 40px 0;
}
#page-SL-escore .div-img5txt7 figure {
  height: 100%;
  width: 100%;
}
#page-SL-escore .div-img5txt7 figure img {
  width: 90%;
  height: auto;
  margin: auto;
}
#page-SL-escore .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-SL-escore .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-SL-escore .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-SL-escore #intro-sac {
  background-image: url("../imgs/superloop/back-section-white.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 95% 100%;
  margin-top: -130px;
  z-index: 1;
}
#page-SL-escore #intro-sac > div {
  margin-top: 110px;
  margin-bottom: 100px;
}
#page-SL-escore #intro-sac .texto {
  text-align: center;
}

@media screen and (max-width: 992px) {
  #page-SL-escore #intro-sac {
    background-image: url("../imgs/superloop/back-section-white.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto 150%;
    margin-top: -100px;
  }
  #page-SL-escore #intro-sac > div {
    margin-top: 215px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  #page-SL-escore #intro-sac {
    margin-top: -80px;
  }
  #page-SL-escore #intro-sac > div {
    margin-top: 120px;
  }
}
/*@media screen and (max-width: 450px){
  #page-SL-escore #intro-sac{
    margin-top: -90px;
    > div{
      margin-top: 70px;
    }
  }
}

@media screen and (max-width: 400px){
  #page-SL-escore #intro-sac{
    margin-top: -160px;
    > div{
      margin-top: 100px;
    }
  }
}*/
#section-2-sac {
  background-image: url("../imgs/superloop/back-onda.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-top: -115px;
}
#section-2-sac .row {
  margin-bottom: 10px;
}
#section-2-sac figure img {
  width: 100%;
}
#section-2-sac > div {
  margin-top: 0;
}
#section-2-sac .txt-div {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  align-content: flex-end;
  justify-content: flex-end;
  color: white;
}
#section-2-sac .txt-div p {
  color: white;
}

@media screen and (max-width: 768px) {
  #section-2-sac .col-img {
    width: 100%;
  }
}
#page-SL-escore #final-sac {
  text-align: center;
  margin: 30px auto;
}

@media screen and (min-width: 769px) {
  #display-mobile {
    display: none;
  }

  #mid-txt {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #hide-mobile {
    display: none;
  }

  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 0px;
  }

  #page-SL-escore .titulo-central {
    margin-top: 0px;
  }

  #page-SL-escore #intro-sac {
    margin-top: 254px;
  }

  #section-2-sac .txt-div {
    text-align: center;
    margin-left: 39px;
    width: 150%;
    margin-top: -5px !important;
  }

  #page-SL-escore #final-sac {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 600px) {
  #hide-mobile {
    display: none;
  }

  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 0px;
  }

  #page-SL-escore .titulo-central {
    margin-top: 0px;
  }

  #page-SL-escore #intro-sac {
    margin-top: 210px;
  }

  #section-2-sac .txt-div {
    text-align: center;
    margin-left: 39px;
    width: 80%;
    margin-top: -5px !important;
  }

  #page-SL-escore #final-sac {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 480px) {
  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 0px;
  }

  #page-SL-escore .titulo-central {
    margin-top: 0px;
  }

  #page-SL-escore #intro-sac {
    margin-top: 230px;
  }

  #section-2-sac .txt-div {
    text-align: center;
    margin-left: 34px;
    margin-top: -5px !important;
  }

  #page-SL-escore #final-sac {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 360px) {
  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 0px;
  }

  #page-SL-escore .titulo-central {
    margin-top: 0px;
  }

  #page-SL-escore #intro-sac {
    margin-top: 15px;
  }

  #section-2-sac .txt-div {
    text-align: center;
    margin-left: 21px;
    margin-top: -5px !important;
  }

  #page-SL-escore #final-sac {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 320px) {
  #page-SL-escore #banner-SL-apps .img-banner {
    margin-top: 0px;
  }

  #page-SL-escore .titulo-central {
    margin-top: 0px;
  }

  #page-SL-escore #intro-sac {
    margin-top: 50px;
  }

  #section-2-sac .txt-div {
    text-align: center;
    margin-left: 16px;
    margin-top: -5px !important;
  }

  #page-SL-escore #final-sac {
    margin-top: 0px !important;
  }
}
#banner-SL-vr {
  overflow: hidden;
  background-image: url("../imgs/superloop/back-top.png");
  background-repeat: repeat-x;
  background-size: 100% 420px;
  background-position: 50% 0;
  padding: 60px 0;
  height: 460px;
  margin-bottom: 30px;
}
#banner-SL-vr h1 {
  width: 90%;
  margin: 5%;
  font-size: 2.8em;
  padding-bottom: 5em;
}
#banner-SL-vr .row {
  max-height: 528px;
  display: flex;
  align-items: center;
}
#banner-SL-vr canvas {
  filter: drop-shadow(0 0 3em black);
  width: 80% !important;
  height: 460.5px !important;
  margin-top: 3%;
  margin-left: 10%;
}
#banner-SL-vr img {
  position: absolute;
  display: none;
}
#banner-SL-vr .mode {
  height: 110px;
  position: relative;
}
#banner-SL-vr .attraction {
  height: 220px;
  position: relative;
}
#banner-SL-vr div#info {
  position: absolute;
  width: 50px;
  height: 100%;
  right: 0;
  z-index: 999;
  top: 0;
  color: #fff;
}
#banner-SL-vr div#info:after {
  content: "";
  display: block;
  clear: both;
}
#banner-SL-vr div.action {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 25px 0 0 25px;
  transition-duration: 0.25s;
  opacity: 0.75;
}
#banner-SL-vr div.action span {
  position: absolute;
  width: 150px;
  height: 2em;
  left: 50px;
  top: 0;
}
#banner-SL-vr div.action:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/61062/iconset.png);
  background-size: 100%;
}
#banner-SL-vr div.action:hover {
  width: 200px;
  opacity: 1;
}
#banner-SL-vr .action:nth-child(1) {
  top: 5px;
}
#banner-SL-vr .action:nth-child(2) {
  top: 60px;
}
#banner-SL-vr .action:nth-child(3) {
  top: 115px;
}
#banner-SL-vr .action:nth-child(4) {
  top: 170px;
}
#banner-SL-vr .action:nth-child(5) {
  top: 225px;
}
#banner-SL-vr .action:nth-child(6) {
  top: 280px;
}
#banner-SL-vr .attraction .action:nth-child(1) {
  background-color: #4285F4;
}
#banner-SL-vr .attraction .action:nth-child(2) {
  background-color: #EA4335;
}
#banner-SL-vr .attraction .action:nth-child(3) {
  background-color: #34A853;
}
#banner-SL-vr .attraction .action:nth-child(4) {
  background-color: #FBBC05;
}
#banner-SL-vr #vr_mode:before {
  background-position: 0 300px;
}
#banner-SL-vr #desktop_mode:before {
  background-position: 0 250px;
}
#banner-SL-vr #rollercoaster:before {
  background-position: 0 200px;
}
#banner-SL-vr #ferris_wheel:before {
  background-position: 0 150px;
}
#banner-SL-vr #monster:before {
  background-position: 0 100px;
}
#banner-SL-vr #explore:before {
  background-position: 0 50px;
}
#banner-SL-vr .mode .action {
  border-radius: 0;
}
#banner-SL-vr .mode #desktop_mode {
  line-height: 50px;
}
#banner-SL-vr .attraction {
  bottom: 50px;
  position: absolute;
  right: 0;
}
#banner-SL-vr .attraction span {
  text-transform: uppercase;
  line-height: 50px;
  padding-left: 5px;
}

@media screen and (min-width: 992px) {
  #banner-SL-vr {
    height: 500px;
    background-position: 0 100%;
    background-size: auto 500px;
  }
}
@media screen and (min-width: 1400px) {
  #banner-SL-vr {
    height: 588px;
    background-size: 100% 588px;
  }
}
#page-sl-vr .width-60 {
  width: 60%;
  margin-right: 20%;
  margin-left: 20%;
}
#page-sl-vr hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
#page-sl-vr .texto {
  font-size: 1.5em;
  line-height: 1.7em;
}

@media screen and (max-width: 1350px) {
  #banner-SL-vr h1 {
    font-size: 2.3em;
  }
}
@media screen and (max-width: 992px) {
  #banner-SL-vr h1 {
    padding-bottom: 0;
    margin: 15% 0;
  }
  #banner-SL-vr .texto-banner {
    margin-top: 0;
  }

  #page-sl-vr #banner-img img {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-vr .width-80 {
    width: 90%;
    margin: auto 5%;
  }

  #banner-SL-vr {
    background-size: auto 420px;
  }

  #page-sl-vr .width-60 {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 400px) {
  #banner-SL-vr h1 {
    font-size: 2em;
  }
}
#page-sl-vr p {
  font-size: 1em;
}
#page-sl-vr .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}

#intro-dupla {
  padding-bottom: 60px;
  margin-top: -30px;
}
#intro-dupla .txt-div {
  padding: 20px 0 20px 20px;
}
#intro-dupla .txt-div p {
  padding: 10px 0 10px 0;
}
#intro-dupla figure {
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  #intro-dupla {
    margin-top: -650px;
  }
  #intro-dupla > div {
    margin-top: 600px;
    margin-bottom: 50px;
  }

  #page-sl-vr .titulo-central {
    font-size: 2em;
    padding: 10px;
  }
}
#info-vr {
  background-color: white;
  margin-top: -90px;
  margin-bottom: 30px;
}
#info-vr .row {
  margin: 40px 0;
}

/*tri-img*/
#tri-img-vr {
  margin-top: 20px;
  margin-bottom: 0;
  background-image: url("../imgs/superloop/back-vr-section.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 70%;
  padding: 0;
}

#cont-tri-img {
  margin-bottom: 120px;
  margin-top: -120px;
}
#cont-tri-img img {
  width: 400px;
  margin: auto;
  transform: scale(1.2, 1.2) translateY(12%);
}
#cont-tri-img iframe {
  position: absolute;
  transform: scale(0.8, 0.8) translateY(12%);
}
#cont-tri-img iframe .Device__deviceWrapper___2oPKn {
  background-color: transparent !important;
}

#page-sl-vr #tri-img {
  position: relative;
  margin: 10px 10%;
  display: flex;
  flex-wrap: nowrap;
}
#page-sl-vr #tri-img img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 992px) {
  #page-sl-vr #tri-img {
    margin: 0;
  }
}
#page-sl-vr #tri-img-left {
  z-index: 1;
  transform: rotate(-20deg) scale(1.1, 1.1) translate(10%, 10%);
  pointer-events: none;
}

#page-sl-vr #tri-img-right {
  z-index: 1;
  transform: rotate(20deg) scale(1.1, 1.1) translate(-10%, 10%);
  pointer-events: none;
}

#page-sl-vr #tri-img-center {
  z-index: 3;
  transform: scale(1.45, 1.45);
  pointer-events: none;
}

#page-sl-vr .unselectable {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#page-sl-vr #end-vr {
  margin-top: 80px;
}
#page-sl-vr #end-vr .row {
  margin-bottom: 80px;
}
#page-sl-vr #end-vr hr {
  margin: 40px 0;
}
#page-sl-vr #end-vr figure {
  height: 100%;
}
#page-sl-vr #end-vr figure img {
  width: 93%;
  height: 72%;
  margin: auto;
}
#page-sl-vr .bold-txt {
  font-family: Gilroy-SemiBold;
}
#page-sl-vr .txt-div h3 {
  font-size: 1.4em;
  font-family: Gilroy-Regular;
  text-align: left;
  color: #323232;
  margin: 0 0 30px 0;
}
#page-sl-vr .txt-div {
  margin-top: 20px;
  margin-bottom: 20px;
}

.box3d {
  width: 200px;
  height: 200px;
  margin: 100px auto;
  position: relative;
}

.box3d div {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  opacity: 0.5;
  transform-origin: 50% 50% -100px;
}

.p1 {
  background: #4cadeb;
  transform: perspective(600px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
  animation: spin1 10s infinite linear;
}

.p2 {
  background: #7ac2f0;
  animation: spin2 10s infinite linear;
}

.p3 {
  background: #a8d7f5;
  animation: spin3 10s infinite linear;
}

.p4 {
  background: #eb8a4c;
  animation: spin4 10s infinite linear;
}

.p5 {
  background: #f0a87a;
  animation: spin5 10s infinite linear;
}

.p6 {
  background: #9b9b9b;
  animation: spin6 10s infinite linear;
}

/* for Safari and Chrome */
/* for IE10 and Firefox */
@keyframes spin1 {
  to {
    transform: perspective(600px) rotateX(360deg) rotateY(450deg) rotateZ(0deg);
  }
}
@keyframes spin2 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(270deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(630deg) rotateZ(0deg);
  }
}
@keyframes spin3 {
  0% {
    transform: perspective(600px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(450deg) rotateY(0deg) rotateZ(-360deg);
  }
}
@keyframes spin4 {
  0% {
    transform: perspective(600px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(270deg) rotateY(0deg) rotateZ(360deg);
  }
}
@keyframes spin5 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(360deg) rotateZ(0deg);
  }
}
@keyframes spin6 {
  0% {
    transform: perspective(600px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  100% {
    transform: perspective(600px) rotateX(360deg) rotateY(540deg) rotateZ(0deg);
  }
}
#park-banner {
  width: 100%;
}

#info-VR {
  margin-top: -100px !important;
  padding-top: 10px !important;
}

#hex-txt {
  color: white !important;
  text-align: center !important;
  margin-left: -30% !important;
}

@media screen and (min-width: 1920px) {
  .course img {
    width: 95% !important;
  }
}
@media screen and (min-width: 1680px) {
  .course img {
    height: 76% !important;
  }
}
@media screen and (max-width: 768px) {
  #banner-SL-vr hq {
    margin-top: 20px;
  }

  .course img {
    width: 110% !important;
    height: 49% !important;
  }
}
@media screen and (max-width: 600px) {
  #banner-SL-vr h1 {
    margin-top: 20px;
  }

  .box3d {
    margin-top: 10px;
  }

  #info-vr {
    margin-top: -145px !important;
  }
  #info-vr #info-vr-text {
    margin-top: 0px;
  }

  .course {
    margin-top: 20px;
    margin-left: 60px;
    width: 350px !important;
    height: 290px !important;
  }
  .course img {
    margin-left: 40px !important;
    width: 93% !important;
    height: 100% !important;
  }

  #txt-vgd {
    margin-top: 15px !important;
  }
  #txt-vgd h3 {
    text-align: center !important;
  }
  #txt-vgd hr {
    margin-top: -20px !important;
    margin-left: 125px !important;
  }
  #txt-vgd #p1 {
    margin-top: -30px;
  }

  #end-title {
    margin-top: -100px;
  }
}
@media screen and (max-width: 480px) {
  #banner-SL-vr h1 {
    margin-top: 20px;
  }

  .box3d {
    margin-top: 10px;
  }

  #info-vr {
    margin-top: -145px !important;
  }
  #info-vr #info-vr-text {
    margin-top: 0px;
  }

  .course {
    margin-top: 20px;
    margin-left: 15px;
    width: 350px !important;
    height: 290px !important;
  }
  .course img {
    margin-left: 15px !important;
    width: 93% !important;
    height: 100% !important;
  }

  #txt-vgd {
    margin-top: 15px !important;
  }
  #txt-vgd h3 {
    text-align: center !important;
  }
  #txt-vgd hr {
    margin-top: -20px !important;
    margin-left: 80px !important;
  }
  #txt-vgd #p1 {
    margin-top: -30px;
  }

  #end-title {
    margin-top: -100px;
  }
}
@media screen and (max-width: 420px) {
  #banner-SL-vr h1 {
    margin-top: 20px;
  }

  .box3d {
    margin-top: 10px;
  }

  #info-vr {
    margin-top: -145px !important;
  }
  #info-vr #info-vr-text {
    margin-top: 0px;
  }

  .course {
    margin-top: 20px;
    margin-left: -10px;
    width: 350px !important;
    height: 290px !important;
  }
  .course img {
    margin-left: -4px !important;
    width: 96% !important;
    height: 100% !important;
  }

  #txt-vgd {
    margin-top: 15px !important;
  }
  #txt-vgd h3 {
    text-align: center !important;
  }
  #txt-vgd hr {
    margin-top: -20px !important;
    margin-left: 60px !important;
  }
  #txt-vgd #p1 {
    margin-top: -30px;
  }

  #end-title {
    margin-top: -100px;
  }
}
@media screen and (max-width: 360px) {
  #banner-SL-vr h1 {
    margin-top: 20px;
  }

  .box3d {
    margin-top: 10px;
  }

  #info-vr {
    margin-top: -145px !important;
  }
  #info-vr #info-vr-text {
    margin-top: 0px;
  }

  .course {
    margin-top: 60px;
    margin-left: -15px;
    width: 300px !important;
    height: 200px !important;
  }
  .course img {
    margin-top: 30px !important;
    margin-left: -10px !important;
    width: 96% !important;
    height: 100% !important;
  }

  #txt-vgd {
    margin-top: 15px !important;
  }
  #txt-vgd h3 {
    text-align: center !important;
  }
  #txt-vgd hr {
    margin-top: -20px !important;
    margin-left: 40px !important;
  }
  #txt-vgd #p1 {
    margin-top: -30px;
  }

  #end-title {
    margin-top: -100px;
  }
}
@media screen and (max-width: 320px) {
  #banner-SL-vr h1 {
    margin-top: 27px;
  }

  #park-banner {
    margin-left: -10px !important;
  }

  #intro-dupla {
    margin-left: -10px !important;
  }

  .box3d {
    margin-top: -16px;
    margin-left: 38px;
  }
  .box3d div {
    width: 150px;
    height: 150px;
    transform-origin: 50% 50% -75px;
  }

  #info-vr {
    margin-top: -225px !important;
  }
  #info-vr #info-vr-text {
    margin-top: 0px;
  }

  .course {
    margin-top: 80px;
    margin-left: -5px;
    width: 250px !important;
    height: 190px !important;
  }
  .course img {
    margin-top: 70px !important;
    margin-left: 0px !important;
    width: 93% !important;
    height: 100% !important;
  }

  #txt-vgd {
    margin-top: 15px !important;
  }
  #txt-vgd h3 {
    text-align: center !important;
  }
  #txt-vgd hr {
    margin-top: -20px !important;
    margin-left: 30px !important;
  }
  #txt-vgd #p1 {
    margin-top: -30px;
  }

  #end-title {
    margin-top: -100px;
  }
}
#page-sle-home .banner-sle {
  background: url("../imgs/superledger/sle-bg-bottom.png"), url("../imgs/superledger/sle-bg-top.png");
  background-size: 55% 70%, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: 95% 100%, 50% 100%;
}

#section-menu-log {
  background-image: url("../imgs/wemind-projetos-banner.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

@media screen and (max-width: 1500px) {
  #section-menu-log {
    min-height: 380px;
    background-position: 50% 0;
  }
}
@media screen and (max-width: 1160px) {
  #section-menu-log {
    min-height: 300px;
    background-position: 100% 0;
  }
}
@media screen and (max-width: 768px) {
  #section-menu-log {
    background-image: none;
    min-height: 1px;
  }
}
.txt-menu-log {
  width: 90%;
}
.txt-menu-log h3 {
  font-family: Gilroy-Regular, sans-serif;
  line-height: 1.3;
}
.txt-menu-log h4 {
  color: #686868;
  line-height: 1.4;
  font-family: Gilroy-Regular, sans-serif;
}

.btn-log {
  background-color: transparent;
  color: #686868;
  font-size: 1.4em;
  border: none;
  border-radius: 5px;
  padding: 10px 10px;
  margin: 3px;
  text-align: left;
}
.btn-log .glyphicon {
  font-size: 60%;
}

.btn-log[disabled=disabled] {
  background-color: #666;
}

.btn-log:hover {
  background-color: rgba(103, 155, 221, 0.7);
  color: white;
}

.btn-log.selected {
  background-color: #679BDD;
  color: white;
}

#log-selectors {
  border-radius: 5px;
  display: flex;
  background-color: white;
  width: auto;
  margin: 15px 0;
}

#log-selectors[disabled=disabled] {
  background-color: #666 !important;
}

select[disabled=disabled] {
  background-color: #666 !important;
}

select:disabled {
  background-color: #666 !important;
}

#log-options {
  border-radius: 5px;
  display: flex;
  background: white;
  flex-direction: column;
  width: 100%;
  margin: 15px 0;
  min-height: 2em;
}
#log-options .options-contents {
  display: none;
}

.hr-area {
  border: 1px solid #dadada;
  border-radius: 2px;
  background-color: #dadada;
  height: 2px;
  text-align: center;
  width: 40%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.sum-executivo {
  border-radius: 5px;
  padding: 30px;
  margin: 15px auto;
  background-color: white;
}
.sum-executivo h3 {
  margin: 10px 0;
}
.sum-executivo ul {
  font-size: 1.25em;
  color: #686868;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.sum-executivo li {
  margin-bottom: 5px;
}

.content-log {
  border-radius: 5px;
  padding: 30px;
  margin: 15px auto;
  background-color: white;
}
.content-log .btn-download {
  border-radius: 5px;
  border: rgba(104, 104, 104, 0.35) solid 1px;
  background-color: white;
  margin: 5px;
  padding: 10px 20px;
  color: #686868;
  text-decoration: none;
}
.content-log .btn-download .glyphicon {
  padding-left: 10px;
}
.content-log .btn-download:hover {
  background-color: lightgray;
}
.content-log .btn-download:hover, .content-log .btn-download:active, .content-log .btn-download:visited, .content-log .btn-download:focus {
  text-decoration: none;
}
.content-log h2 {
  border-color: #679BDD;
}
.content-log h3 {
  margin: 10px 0;
}
.content-log ul {
  font-size: 1.25em;
  color: #686868;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.content-log li {
  margin-bottom: 5px;
}
.content-log a {
  color: #686868;
}

@media screen and (max-width: 768px) {
  #div-article img {
    width: 60%;
  }
}
/*THEMES*/
.page-hf {
  background: #EDEDED;
}
.page-hf main hr {
  background-color: #0081ef;
  border-color: #0081ef;
}
.page-hf .btn-peer {
  background-color: white;
  border: none;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
.page-hf .btn-peer:active {
  background-color: whitesmoke;
}
.page-hf .btn-primario {
  border: none;
  background-color: #0081ef;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
}
.page-hf .btn-primario i {
  padding-left: 10px;
}
.page-hf .btn-primario:hover {
  color: lightgray;
}
.page-hf #btn-saiba:hover, .page-hf #btn-saiba:active, .page-hf #btn-saiba:visited, .page-hf #btn-saiba:focus {
  text-decoration: none;
}
.page-hf .btn-primario:hover, .page-hf .btn-primario:active, .page-hf .btn-primario:visited, .page-hf .btn-primario:focus {
  text-decoration: none;
}

.page-hf h1 {
  width: 90%;
}

@media screen and (min-width: 600px) {
  .page-hf .main-banner {
    margin-top: 0;
    background-position: 50% 0;
  }

  .page-hf .main-banner h1 {
    width: 50%;
  }

  #banner-hf h1 {
    width: 40%;
  }
}
@media screen and (min-width: 1000px) {
  #banner-hf {
    background-size: cover;
  }
}
.page-hf .row {
  margin-right: 0px;
  margin-left: 0px;
}
.page-hf .margin-cont {
  margin-bottom: 40px;
  margin-top: 20px;
}
.page-hf .margin-30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.page-hf figure {
  float: right;
  padding: 3px;
  margin-bottom: 10px;
}
.page-hf figure img {
  width: 100%;
}
.page-hf figcaption {
  background-color: white;
  padding: 20px 30px;
  margin-top: -5px;
}
.page-hf .row-4-column {
  margin-right: -15px;
  margin-left: -15px;
}
.page-hf .row-4-column a:hover, .page-hf .row-4-column a:focus, .page-hf .row-4-column a:visited, .page-hf .row-4-column a:active {
  text-decoration: none;
}
.page-hf .row-n-margin {
  margin-right: -15px;
  margin-left: -15px;
}
.page-hf .main-banner .darken-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.05));
}
.page-hf .full-width {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 30px 0;
}

.page-nt .row {
  margin: 0;
}
.page-nt .row-n-margin {
  margin-right: -15px;
  margin-left: -15px;
}
.page-nt .main-banner {
  background-image: url("../imgs/peer/back-peer.png");
}
.page-nt .width-60 {
  width: 60%;
  margin: 0 20%;
}
.page-nt h1 {
  margin: auto 10%;
  color: white;
  width: 100%;
  clear: both;
  font-family: Gilroy-Regular;
  font-size: 3em;
}
@media screen and (min-width: 600px) {
  .page-nt .main-banner {
    margin-top: 65px;
    background-position: 50% 0;
    background-size: auto 653px;
  }
  .page-nt h1 {
    width: 50%;
  }
}
.page-nt .width-80 {
  width: 80%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .page-nt .width-half {
    width: 50%;
  }
}
.page-nt .quote-maior .quote-menor {
  font-size: 0.8em;
}
.page-nt .texto {
  margin: auto;
  margin: auto;
  width: auto;
  color: #686868;
}
.page-nt .titulo {
  margin-top: 40px;
  margin-bottom: 20px;
}
.page-nt .destaque-texto {
  margin: 10px auto;
  color: #27439D;
}

@media screen and (min-width: 768px) {
  .page-nt .first-column {
    padding-right: 20px;
  }
  .page-nt .second-column {
    padding-left: 20px;
  }
}
.page-nt .margin-cont {
  margin-bottom: 70px;
  margin-top: 70px;
}
.page-nt .margin-30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.page-nt .btn-primario {
  border: none;
  background-color: #27439D;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
}
.page-nt .btn-primario i {
  padding-left: 10px;
}
.page-nt .btn-primario:hover {
  color: lightgray;
}
.page-nt .btn-primario:hover, .page-nt .btn-primario:active, .page-nt .btn-primario:visited, .page-nt .btn-primario:focus {
  text-decoration: none;
}
.page-nt .titulo-central {
  font-size: 2.4em;
  font-family: Gilroy-Regular;
  text-align: center;
  color: #323232;
  padding: 10px 30px;
}
.page-nt .unselectable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.page-nt .div-img5txt7 .row {
  margin-bottom: 50px;
}
.page-nt .div-img5txt7 hr {
  margin: 40px 0;
}
.page-nt .div-img5txt7 figure {
  height: 100%;
}
.page-nt .div-img5txt7 figure img {
  width: 60%;
  height: auto;
  margin: auto;
}

/*NAVBAR*/
.page-nt {
  /*LOGO*/
}
.page-nt .navbar-portals {
  background-color: white;
}
.page-nt .navbar-portals .navbar-header .navbar-toggle {
  border-color: white;
}
.page-nt .navbar-portals .navbar-header .navbar-toggle span {
  color: #2195e8;
}
.page-nt .navbar-portals .navbar-header .navbar-toggle:hover, .page-nt .navbar-portals .navbar-header .navbar-toggle:active, .page-nt .navbar-portals .navbar-header .navbar-toggle:focus {
  background-color: white;
}
.page-nt .navbar-portals .navbar-header .navbar-portals .navbar-collapse {
  border-color: white;
}
.page-nt .navbar-portals .navbar-nav li > a {
  color: #323232;
}
.page-nt .navbar-portals .navbar-nav li:hover > a {
  color: #686868;
}
.page-nt .navbar-portals .navbar-collapse {
  background-color: white;
}

.page-sl .row {
  margin: 0;
}
.page-sl .row-n-margin {
  margin-right: -15px;
  margin-left: -15px;
}
.page-sl .main-banner {
  display: inline-flex;
  margin-top: 40px;
  width: 100%;
  background: url("../imgs/peer/back-peer.png") no-repeat fixed;
  margin-bottom: 30px;
  background-size: auto 588px;
  background-position: 50% 40px;
  height: 588px;
}
.page-sl h1 {
  margin: auto 10%;
  color: white;
  width: 100%;
  clear: both;
  font-family: Gilroy-Regular;
  font-size: 3em;
}
@media screen and (min-width: 600px) {
  .page-sl .main-banner {
    margin-top: 65px;
    background-position: 50% 0;
    background-size: auto 653px;
  }
  .page-sl h1 {
    width: 50%;
  }
}
.page-sl .width-80 {
  width: 80%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .page-sl .width-half {
    width: 50%;
  }
}
.page-sl .full-width {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 5px;
}
.page-sl .quote-maior {
  font-family: Gilroy-Regular;
  font-size: 1.7em;
  line-height: 1.7em;
  color: #323232;
}
.page-sl .quote-maior .quote-menor {
  font-size: 0.8em;
}
.page-sl .page-hf .quote-maior {
  font-size: 1.8em;
}
.page-sl .titulo {
  margin-top: 40px;
  margin-bottom: 20px;
}
.page-sl .texto {
  font-size: 1.4em;
  color: #686868;
}
.page-sl .destaque-texto {
  margin: 10px auto;
  color: #27439D;
}
.page-sl .btn-peer {
  background-color: white;
  border: none;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
.page-sl .btn-peer:active {
  background-color: whitesmoke;
}

@media screen and (min-width: 768px) {
  .page-sl .first-column {
    padding-right: 20px;
  }

  .page-sl .second-column {
    padding-left: 20px;
  }
}
.page-sl .margin-cont {
  margin-bottom: 70px;
  margin-top: 70px;
}
.page-sl .margin-30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.page-sl .btn-primario {
  border: none;
  background-color: #27439D;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 10px 20px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.8em;
}
.page-sl .btn-primario i {
  padding-left: 10px;
}
.page-sl .btn-primario:hover {
  color: lightgray;
}
.page-sl .btn-primario:hover, .page-sl .btn-primario:active, .page-sl .btn-primario:visited, .page-sl .btn-primario:focus {
  text-decoration: none;
}

/*NAVBAR*/
.page-sl {
  /*LOGO*/
}
.page-sl .navbar-portals {
  background-color: white;
}
.page-sl .navbar-portals .navbar-header .navbar-toggle {
  border-color: white;
}
.page-sl .navbar-portals .navbar-header .navbar-toggle .icon-bar {
  background-color: #0383ff;
}
.page-sl .navbar-portals .navbar-header .navbar-toggle:hover, .page-sl .navbar-portals .navbar-header .navbar-toggle:active, .page-sl .navbar-portals .navbar-header .navbar-toggle:focus {
  background-color: white;
}
.page-sl .navbar-portals .navbar-header .navbar-portals .navbar-collapse {
  border-color: white;
}
.page-sl .navbar-portals .navbar-nav li > a {
  color: #323232;
}
.page-sl .navbar-portals .navbar-nav li:hover > a {
  color: #686868;
}
.page-sl .navbar-portals .navbar-collapse {
  background-color: white;
}

.banner-sle {
  display: inline-flex;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 0;
  width: 100%;
  position: relative;
  background: url("../imgs/superledger/sle-bg-top.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  height: 420px;
  align-items: center;
}
.banner-sle .container {
  height: 100%;
}
.banner-sle .row {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.banner-sle .texto-banner-sle {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: white;
  margin: auto;
}
.banner-sle .texto-banner-sle h1 {
  margin: 10px 0;
  width: 100%;
  font-size: 2em;
  font-family: Gilroy-SemiBold, sans-serif;
  color: white;
}
.banner-sle .texto-banner-sle h3 {
  color: white;
}
.banner-sle #canvas {
  height: 100%;
  width: 100%;
  position: relative;
  margin: auto;
}

@media screen and (min-width: 992px) {
  .banner-sle {
    height: 500px;
  }
}
.page-sle {
  color: #798697;
}
.page-sle p {
  color: #798697;
}
.page-sle h3 {
  font-size: 1.7em;
}
.page-sle h2 {
  font-size: 1.8em;
  font-family: Gilroy-SemiBold, sans-serif;
  border: none;
  padding: 5px 0;
}
.page-sle h3, .page-sle h2 {
  color: #798697;
  margin-top: 5px;
  margin-bottom: 10px;
}

.white-section-sle {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 40px;
}
.white-section-sle > .container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-sle {
  -webkit-transition: ease 0.3s;
  -moz-transition: ease 0.3s;
  -ms-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
  color: white;
  display: inline-block;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.05);
  font-size: 1.3em;
  padding: 5px 20px;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-sle:hover, .btn-sle:focus {
  text-decoration: none;
  color: whitesmoke;
}

.col-grad {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.box-gradient-sle {
  padding: 40px 20px;
  border-radius: 8px;
}
.box-gradient-sle h2 {
  opacity: 0.6;
  color: white;
}
.box-gradient-sle h4 {
  color: white;
}

.txt-big-sle {
  font-size: 2.5em;
  font-family: Gilroy-SemiBold, sans-serif;
}

.section-sle {
  margin-top: 40px;
  margin-bottom: 40px;
}

#section-sle-3 figure {
  margin: auto;
  width: 80%;
}

#section-sle-5 {
  text-align: center;
}
#section-sle-5 h2 {
  text-align: center;
}

#section-car-sle {
  background-image: url("../imgs/superledger/back-carousel-sle.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 72% 45%;
}
#section-car-sle .txt-big-sle {
  color: #2ABAF6;
}

#div-carousel-sle {
  padding-top: 50px;
}

.page-sle .navbar-portals .navbar-nav {
  font-size: 0.9em;
}

.page-sle .navbar-portals .navbar-right {
  font-size: 1em;
}

@media screen and (max-width: 992px) {
  .txt-big-sle {
    font-size: 2.8em;
  }
}
.page-sle .cont-visita h3 {
  color: #323232;
}
.page-sle hr {
  border-color: #2ABAF6;
  background-color: #2ABAF6;
}

a.link-risknow {
  color: #616E7A;
}

/*SHAME*/
.shrink {
  height: 46px;
}
.shrink .div-content {
  top: 48px;
}

/*.shrink-login{
  margin-top: 15px!important;
  margin-bottom: 10px !important;
  //transition: margin 0.2s ease;
}*/
/*SHRINK CONFIG*/
.navbar-portals {
  /*
  .shrink-logo{
    height: 50px;
    padding: 10px 21px;
    transition: all 0.4s ease;
  }

  .shrink-button{
    height: 49px!important;
    transition: height 0.4s ease;
  }
  .shrink-login{
    margin-top: 15px!important;
    margin-bottom: 10px !important;
    transition: margin 0.4s ease;
  }*/
}
.navbar-portals .shrink {
  height: 50px;
}
.navbar-portals .shrink-anchor {
  padding: 15px 10px !important;
}

/*# sourceMappingURL=new-main.css.map */