@charset "UTF-8";

html {
  width: 100%;
  height: 100%;
  background: #000;
}
body {
  width: 100%;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
}
body {
  background: linear-gradient(
    to right,
    #C4C5C8,
    #E1E2E6 50%,
    #000 50%,
    #222
  );
}
@media screen and (max-width: 1100px) {
  body {
    background: linear-gradient(
      to right,
      #C4C5C8,
      #E1E2E6
    );
  }
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #dcdcdc;
}
.light {
  color: #333;
}
* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  border-radius: 0;
  border-spacing: 0;
  list-style-type: none;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media screen and (max-width: 1100px) {
  .for-desktop {
    display: none!important;
  }
}
@media screen and (min-width: 1101px) {
  .for-mobile {
    display: none!important;
  }
}
h1,
h2,
h3 {
  line-height: 1;
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
  color: white;
}
.light h1,
.light h2,
.light h3 {
  color: #646464;
}
h1.margin-top1,
h2.margin-top1,
h3.margin-top1 {
  margin-top: 0.5em;
}
h1.margin-bottom1,
h2.margin-bottom1,
h3.margin-bottom1 {
  margin-bottom: 0.3em;
}
h1.margin-top2,
h2.margin-top2,
h3.margin-top2 {
  margin-top: 1em;
}
h1.margin-bottom2,
h2.margin-bottom2,
h3.margin-bottom2 {
  margin-bottom: 0.8em;
}
h1.center,
h2.center,
h3.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
h1 {
  font-size: 68px;
}
h2 {
  font-size: 60px;
}
h3 {
  font-size: 40px;
}
@media screen and (max-width: 1600px) {
  h1 {
    font-size: 54px;
  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1100px) {
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 30px;
  }
}
.green-gradient-text {
  width: fit-content;
  color: #11998e;
  background: linear-gradient(
    to right,
    #11998E,
    #25C685
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.uppercase {
  text-transform: uppercase;
}
.text.center {
  text-align: center;
}
a {
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
a:link,
a:visited {
  color: white;
}
.light a:link,
.light a:visited {
  color: black;
}
a:focus,
a:hover,
a:active {
  color: #38ef7d!important;
}
.light a:focus,
.light a:hover,
.light a:active {
  /*color: #11998e;*/
  color: #25C685!important;
}
.link {
  color: #2adb92;
  font-weight: 700;
  cursor: pointer;
}






/******************************** HEADER *********************************/

#header {
  width: 100%;
}
#header.light {
  background: linear-gradient(
    to right,
    #C4C5C8,
    #E1E2E6
  );
}
#header > div {
  width: 100%;
  max-width: 1550px;
  height: 150px;
  margin: 0 auto;
  padding-top: env(safe-area-inset-top);
  padding-top: constant(safe-area-inset-top);
  padding-right: calc(20px + env(safe-area-inset-right));
  padding-right: calc(20px + constant(safe-area-inset-right));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-left: calc(20px + constant(safe-area-inset-left));
  position: relative;
  display: flex;
}
@media screen and (max-width: 1600px) {
  #header > div {
    max-width: 1250px;
    height: 115px;
  }
}
#header a.logo {
  float: left;
  display: flex;
}
#header a.logo > #logo {
  width: 110px;
  height: 110px;
  position: relative;
  margin: auto 0;
}
@media screen and (max-width: 1600px) {
  #header a.logo > #logo {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1100px) {
  #header a.logo > #logo {
    width: 60px;
    height: 60px;
  }
}
#header a.logo > #logo > img {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  opacity: 0;
}
#header a.logo > #logo > svg {
  width: auto;
  height: auto;
  position: absolute;
}
#header .button_menu {
  width: 30px;
  height: 30px;
  margin: auto 0 auto auto;
  display: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 200;
  cursor: pointer;
}
#header .close {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cg fill='%23ffffff'%3E%3Cpolygon points='60.862,416.138 84.156,437.849 438.138,83.868 414.844,62.158 '/%3E%3Cpolygon points='415.634,438.641 437.345,415.346 83.364,61.365 61.654,84.659 '/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (max-width: 1100px) {
  #header .button_menu {
    display: flex;
  }
}
#header .links {
  margin: auto 0 auto auto;
  display: flex;
  z-index: 100;
}
@media screen and (max-width: 1100px) {
  #header .links {
    width: 100%;
    position: absolute;
    top: -1000px;
    left: 0;
    flex-direction: column;
    padding: 80px 0 50px 0;
    background: linear-gradient(
      to left,
      #151515,
      #222
    );
  }
}
#header .links > span {
  padding: 0 35px;
  font-size: 18px;
  font-weight: 600;
}
#header .links > span:last-of-type {
  padding: 0 0 0 20px;
}
#header .links > span > a {
  color: #dcdcdc;
}
#header.light .links > span > a {
  color: #646464;
}
@media screen and (max-width: 1600px) {
  #header .links > span {
    padding: 0 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1100px) {
  #header .links > span {
    padding: 20px;
    font-size: 20px;
    text-align: center;
  }
  #header .links > span:last-of-type {
    padding: 20px;
  }
  #header .links > span > a,
  #header.light .links > span > a {
    color: white;
  }
}





/******************************** MAIN SECTIONS *********************************/

#main-sections {
  width: 100%;
  overflow-x: hidden;
  margin: -50px auto 50px auto;
  padding-right: calc(20px + env(safe-area-inset-right));
  padding-right: calc(20px + constant(safe-area-inset-right));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-left: calc(20px + constant(safe-area-inset-left));
  position: relative;
}
#main-sections > div {
  width: 100%;
  max-width: 1550px;
  margin: auto;
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media screen and (max-width: 1600px) {
  #main-sections {
    max-width: 1250px;
  }
}
@media screen and (max-width: 1100px) {
  #main-sections {
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    flex-flow: column;
  }
}
#main-sections #section1,
#main-sections #section2,
#main-sections #section3 {
  margin: auto 0;
}
#main-sections #section1,
#main-sections #section3 {
  width: 500px;
}
#main-sections #section1 {
  text-align: right;
}
#main-sections #section2 {
  width: calc(100% - 1000px);
  max-width: 500px;
  display: flex;
}
@media screen and (max-width: 1600px) {
  #main-sections #section1,
  #main-sections #section3 {
    width: 389px;
  }
  #main-sections #section2 {
    width: calc(100% - 800px);
    max-width: 400px;
  }
}
#main-sections #section4 {
  flex-grow: 1;
  padding-right: calc(20px + env(safe-area-inset-right));
  padding-right: calc(20px + constant(safe-area-inset-right));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-left: calc(20px + constant(safe-area-inset-left));
  display: flex;
}
@media screen and (max-width: 1100px) {
  #main-sections #section1,
  #main-sections #section2,
  #main-sections #section3 {
    width: 100%;
    max-width: inherit;
  }
  #main-sections #section1 {
    text-align: center;
    padding: 0;
  }
  #main-sections #section3,
  #main-sections #section4 {
    padding-top: 40px;
    padding-right: calc(20px + env(safe-area-inset-right));
    padding-right: calc(20px + constant(safe-area-inset-right));
    padding-bottom: 40px;
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-left: calc(20px + constant(safe-area-inset-left));
    background: linear-gradient(
      to right,
      #000,
      #222
    );
    flex-grow: 1;
  }
}
#main-sections #section1 > h1 {
  line-height: 0.9;
  color: #646464;
}
@media screen and (max-width: 1100px) {
  #main-sections #section1 > br {
    display: none;
  }
}
#main-sections #section1 > h1 > span.word1 {
  display: block;
}
#main-sections #section1 > h1 > span.word2,
#main-sections #section1 > h1 > span.word3 {
  width: fit-content;
  color: #11998e;
  background: linear-gradient(
    to right,
    #11998E,
    #25C685
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#main-sections #section1 > h1 > span.word3 {
  letter-spacing: 0.09em;
  margin-right: -0.09em;
}
@media screen and (max-width: 1100px) {
  #main-sections #section1 > h1 > span.word3 {
    letter-spacing: inherit;
    margin-right: 0;
  }
}
#main-sections #section1 .description {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: #747474;
}
#main-sections #section1 .price {
  font-size: 25px;
  font-weight: 600;
  color: #646464;
  text-align: right;
  margin-top: 0.5em;
}
@media screen and (max-width: 1600px) {
  #main-sections #section1 .description {
    font-size: 16px;
  }
  #main-sections #section1 .price {
    font-size: 21px;
  }
}
#main-sections #section3 > div {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  font-size: 20px;
}
@media screen and (min-width: 1101px) {
  #main-sections #section3 .skills {
    font-size: 25px;
  }
}





/******************************** IPHONE *********************************/

#container_iphone {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1100px) {
  #container_iphone {
    max-width: 400px;
  }
}
#container_iphone > div {
  width: 100%;
  height: 0;
  padding-bottom: 148.75%;
  position: relative;
  box-sizing: content-box;
}
@media screen and (max-width: 1100px) {
  #container_iphone > div {
    padding-bottom: 85%;
  }
}
#container_iphone > div > div {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../img/iphone.png");
  background-repeat: no-repeat;
  background-size: cover;
}
#container_iphone .songs {
  width: 45%;
  height: 0;
  border-radius: 10%;
  padding-bottom: 45%;
  margin: 20% auto 0 auto;
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
}
#container_iphone .songs img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#container_iphone .songs span {
  display: none;
}
#container_iphone .title-artist-song,
#container_iphone .word-song {
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
}
#container_iphone .title-artist-song {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  color: #dcdcdc;
}
#container_iphone .word-song {
  font-size: 35px;
  font-weight: 700;
  color: white;
}
@media screen and (max-width: 1600px) {
  #container_iphone .word-song {
    font-size: 25px;
  }
}
@media screen and (max-width: 1100px) {
  #container_iphone .word-song {
    font-size: 20px;
  }
}





/******************************** SECTIONS *********************************/

.section {
  width: 100%;
  overflow-x: hidden;
  flex-grow: 1;
  padding: 60px;
  padding-right: calc(40px + env(safe-area-inset-right));
  padding-right: calc(40px + constant(safe-area-inset-right));
  padding-left: calc(40px + env(safe-area-inset-left));
  padding-left: calc(40px + constant(safe-area-inset-left));
  background: linear-gradient(
    to right,
    #000,
    #222
  );
}
@media screen and (max-width: 1100px) {
  .section {
    padding: 40px 20px;
    padding-right: calc(20px + env(safe-area-inset-right));
    padding-right: calc(20px + constant(safe-area-inset-right));
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-left: calc(20px + constant(safe-area-inset-left));
  }
}
.section.light {
  background: linear-gradient(
    to right,
    #C4C5C8,
    #E1E2E6
  );
}
.section > div {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}
.two-subsections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.two-subsections.one-column {
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 1100px) {
  .two-subsections {
    grid-template-columns: repeat(1, 1fr);
  }
}





/******************************** VIDEO *********************************/

.video-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}
@media screen and (max-width: 1100px) {
  .video-container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }
}
.video-container > :only-child {
  grid-column: 1 / -1;
  justify-self: center;
}
.video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Ratio 16:9 */
  overflow: hidden;
  border-radius: 10px;
  /*background-color: black;*/
}
.video div,
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video .thumbnail,
.video .slideshow > div {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.play-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100pt' viewBox='0 -77 512.00213 512' width='100pt'%3E%3Cpath d='m501.453125 56.09375c-5.902344-21.933594-23.195313-39.222656-45.125-45.128906-40.066406-10.964844-200.332031-10.964844-200.332031-10.964844s-160.261719 0-200.328125 10.546875c-21.507813 5.902344-39.222657 23.617187-45.125 45.546875-10.542969 40.0625-10.542969 123.148438-10.542969 123.148438s0 83.503906 10.542969 123.148437c5.90625 21.929687 23.195312 39.222656 45.128906 45.128906 40.484375 10.964844 200.328125 10.964844 200.328125 10.964844s160.261719 0 200.328125-10.546875c21.933594-5.902344 39.222656-23.195312 45.128906-45.125 10.542969-40.066406 10.542969-123.148438 10.542969-123.148438s.421875-83.507812-10.546875-123.570312zm0 0' fill='%23000' opacity='0.7'/%3E%3Cpath d='m204.96875 256 133.269531-76.757812-133.269531-76.757813zm0 0' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: center;
  position: absolute;
  cursor: pointer;
}
.play-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100pt' viewBox='0 -77 512.00213 512' width='100pt'%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2325c685' /%3E%3Cstop offset='100%25' stop-color='%2311998E' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m501.453125 56.09375c-5.902344-21.933594-23.195313-39.222656-45.125-45.128906-40.066406-10.964844-200.332031-10.964844-200.332031-10.964844s-160.261719 0-200.328125 10.546875c-21.507813 5.902344-39.222657 23.617187-45.125 45.546875-10.542969 40.0625-10.542969 123.148438-10.542969 123.148438s0 83.503906 10.542969 123.148437c5.90625 21.929687 23.195312 39.222656 45.128906 45.128906 40.484375 10.964844 200.328125 10.964844 200.328125 10.964844s160.261719 0 200.328125-10.546875c21.933594-5.902344 39.222656-23.195312 45.128906-45.125 10.542969-40.066406 10.542969-123.148438 10.542969-123.148438s.421875-83.507812-10.546875-123.570312zm0 0' fill='url(%23gradient)'/%3E%3Cpath d='m204.96875 256 133.269531-76.757812-133.269531-76.757813zm0 0' fill='%23fff'/%3E%3C/svg%3E");
}





/******************************** TESTIMONIALS *********************************/

.testimonial-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}
@media screen and (max-width: 1100px) {
  .testimonial-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.testimonial {
  width: 100%;
  position: relative;
  text-align: center;
  font-size: 20px;
}
.testimonial-picture {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 14px auto;
}
.testimonial-picture > div {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 100%;
  background-size: cover;
}
.testimonial-quote {
  width: 100%;
  margin-bottom: 8px;
  font-style: italic;
  color: #dcdcdc;
}
.testimonial-name {
  font-weight: bold;
  color: #25C685;
}





/******************************** APP INTEGRATIONS *********************************/

.integration-container {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.integration-container > div {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.elips-integration,
.apps-integration {
  width: 100%;
  height: 100%;
  position: absolute;
}
.elips-integration > div {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}
.elips-integration > div > div {
  width: 30%;
  height: 30%;
  margin: auto;
  border-radius: 100%;
  overflow: hidden;
  background-size: cover;
}
.apps-integration {
  animation: rotateAppsIntegrationContainer 120s linear infinite;
}
.apps-integration > div {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}
.apps-integration > div > div {
  width: 20%;
  height: 20%;
  margin: auto auto auto 0;
  animation: rotateAppsIntegrationLogo 120s linear infinite;
}
.apps-integration > div > div > div {
  width: 100%;
  height: 100%;
  border-radius: 22%;
  overflow: hidden;
  background-size: cover;
  /*box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);*/
}
.apps-integration > div:last-child {
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}
.apps-integration > div:last-child > div > div {
  box-shadow: none;
}
.apps-integration > div:nth-child(1),
.apps-integration > div:last-child {
  transform: rotate(0deg);
}
.apps-integration > div:nth-child(1) > div > div,
.apps-integration > div:last-child > div > div {
  transform: rotate(0deg);
}
.apps-integration > div:nth-child(2) {
  transform: rotate(24deg);
}
.apps-integration > div:nth-child(2) > div > div {
  transform: rotate(-24deg);
}
.apps-integration > div:nth-child(3) {
  transform: rotate(48deg);
}
.apps-integration > div:nth-child(3) > div > div {
  transform: rotate(-48deg);
}
.apps-integration > div:nth-child(4) {
  transform: rotate(72deg);
}
.apps-integration > div:nth-child(4) > div > div {
  transform: rotate(-72deg);
}
.apps-integration > div:nth-child(5) {
  transform: rotate(96deg);
}
.apps-integration > div:nth-child(5) > div > div {
  transform: rotate(-96deg);
}
.apps-integration > div:nth-child(6) {
  transform: rotate(120deg);
}
.apps-integration > div:nth-child(6) > div > div {
  transform: rotate(-120deg);
}
.apps-integration > div:nth-child(7) {
  transform: rotate(144deg);
}
.apps-integration > div:nth-child(7) > div > div {
  transform: rotate(-144deg);
}
.apps-integration > div:nth-child(8) {
  transform: rotate(168deg);
}
.apps-integration > div:nth-child(8) > div > div {
  transform: rotate(-168deg);
}
.apps-integration > div:nth-child(9) {
  transform: rotate(192deg);
}
.apps-integration > div:nth-child(9) > div > div {
  transform: rotate(-192deg);
}
.apps-integration > div:nth-child(10) {
  transform: rotate(216deg);
}
.apps-integration > div:nth-child(10) > div > div {
  transform: rotate(-216deg);
}
.apps-integration > div:nth-child(11) {
  transform: rotate(240deg);
}
.apps-integration > div:nth-child(11) > div > div {
  transform: rotate(-240deg);
}
.apps-integration > div:nth-child(12) {
  transform: rotate(264deg);
}
.apps-integration > div:nth-child(12) > div > div {
  transform: rotate(-264deg);
}
.apps-integration > div:nth-child(13) {
  transform: rotate(288deg);
}
.apps-integration > div:nth-child(13) > div > div {
  transform: rotate(-288deg);
}
.apps-integration > div:nth-child(14) {
  transform: rotate(312deg);
}
.apps-integration > div:nth-child(14) > div > div {
  transform: rotate(-312deg);
}
.apps-integration > div:nth-child(15) {
  transform: rotate(336deg);
}
.apps-integration > div:nth-child(15) > div > div {
  transform: rotate(-336deg);
}
@keyframes rotateAppsIntegrationContainer {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateAppsIntegrationLogo {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}





/******************************** FOOTER *********************************/

#footer {
  width: 100%;
  padding-right: calc(20px + env(safe-area-inset-right));
  padding-right: calc(20px + constant(safe-area-inset-right));
  padding-left: calc(20px + env(safe-area-inset-left));
  padding-left: calc(20px + constant(safe-area-inset-left));
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
  color: #9a9a9a;
  background: linear-gradient(
    to right,
    #000,
    #222
  );
}
#footer > div {
  width: 100%;
  max-width: 1550px;
  height: 200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1600px) {
  #footer > div {
    max-width: 1250px;
  }
}
@media screen and (max-width: 1100px) {
  #footer > div {
    justify-content: center;
    flex-direction: column-reverse;
  }
}
#footer > div > div {
  margin: auto 0;
  display: flex;
}
@media screen and (max-width: 1100px) {
  #footer > div > div {
    margin: 10px 0;
  }
}
#footer > div > div > span,
#footer > div > div > ul {
  margin: auto;
}
#footer > div > div > span {
  font-size: 19px;
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  #footer > div > div > span {
    font-size: 15px;
  }
}
.social-links {
  display: inline-flex;
}
.social-links li {
  display: inline-flex;
}
.social-links li+li {
  margin-left: 33px;
}
@media screen and (max-width: 1600px) {
  .social-links li+li {
    margin-left: 29px;
  }
}
.social-links li a div {
  width: 22px;
  height: 22px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1600px) {
  .social-links li a div {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .social-links li a div {
    width: 22px;
    height: 22px;
  }
}
.social-links li a div.vimeo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath display='inline' d='M1.245,5.314l0.548,0.719c0,0,1.132-0.892,1.51-0.446c0.377,0.446,1.816,5.83,2.297,6.824 c0.419,0.871,1.577,2.023,2.847,1.2c1.268-0.822,5.487-4.424,6.241-8.676c0.755-4.25-5.075-3.361-5.692,0.344 c1.544-0.927,2.366,0.376,1.577,1.852C9.784,8.604,9.063,9.565,8.686,9.565c-0.375,0-0.665-0.986-1.096-2.71 C7.142,5.073,7.146,1.863,5.291,2.227C3.543,2.569,1.245,5.314,1.245,5.314z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.vimeo:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%2338ef7d'%3E%3Cpath display='inline' d='M1.245,5.314l0.548,0.719c0,0,1.132-0.892,1.51-0.446c0.377,0.446,1.816,5.83,2.297,6.824 c0.419,0.871,1.577,2.023,2.847,1.2c1.268-0.822,5.487-4.424,6.241-8.676c0.755-4.25-5.075-3.361-5.692,0.344 c1.544-0.927,2.366,0.376,1.577,1.852C9.784,8.604,9.063,9.565,8.686,9.565c-0.375,0-0.665-0.986-1.096-2.71 C7.142,5.073,7.146,1.863,5.291,2.227C3.543,2.569,1.245,5.314,1.245,5.314z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath display='inline' d='M6.023,16L6,9H3V6h3V4c0-2.7,1.672-4,4.08-4c1.152,0,2.145,0.086,2.434,0.124v2.821h-1.671 c-1.31,0-1.563,0.623-1.563,1.536V6H13l-1,3H9.279v7H6.023z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%2338ef7d'%3E%3Cpath display='inline' d='M6.023,16L6,9H3V6h3V4c0-2.7,1.672-4,4.08-4c1.152,0,2.145,0.086,2.434,0.124v2.821h-1.671 c-1.31,0-1.563,0.623-1.563,1.536V6H13l-1,3H9.279v7H6.023z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath display='inline' d='M15.631,4.167c-0.184-0.687-0.723-1.226-1.408-1.409C12.979,2.426,8,2.426,8,2.426s-4.98,0-6.222,0.332 C1.093,2.941,0.553,3.48,0.37,4.167C0.037,5.408,0.037,8,0.037,8s0,2.592,0.333,3.834c0.183,0.686,0.723,1.225,1.408,1.407 C3.02,13.573,8,13.573,8,13.573s4.979,0,6.223-0.332c0.686-0.183,1.225-0.722,1.408-1.407C15.963,10.592,15.963,8,15.963,8 S15.963,5.408,15.631,4.167L15.631,4.167z M6.408,10.39V5.611L10.545,8L6.408,10.39L6.408,10.39z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.youtube:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%2338ef7d'%3E%3Cpath display='inline' d='M15.631,4.167c-0.184-0.687-0.723-1.226-1.408-1.409C12.979,2.426,8,2.426,8,2.426s-4.98,0-6.222,0.332 C1.093,2.941,0.553,3.48,0.37,4.167C0.037,5.408,0.037,8,0.037,8s0,2.592,0.333,3.834c0.183,0.686,0.723,1.225,1.408,1.407 C3.02,13.573,8,13.573,8,13.573s4.979,0,6.223-0.332c0.686-0.183,1.225-0.722,1.408-1.407C15.963,10.592,15.963,8,15.963,8 S15.963,5.408,15.631,4.167L15.631,4.167z M6.408,10.39V5.611L10.545,8L6.408,10.39L6.408,10.39z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath display='inline' d='M8,2.192c1.892,0,2.115,0.008,2.862,0.042c1.92,0.088,2.817,0.999,2.904,2.904C13.802,5.885,13.808,6.109,13.808,8 c0,1.892-0.007,2.117-0.041,2.862c-0.087,1.905-0.98,2.817-2.904,2.904c-0.747,0.035-0.97,0.042-2.862,0.042 c-1.892,0-2.116-0.007-2.863-0.042c-1.923-0.087-2.816-1.002-2.903-2.904C2.199,10.115,2.192,9.893,2.192,8 c0-1.892,0.008-2.115,0.042-2.863c0.088-1.905,0.983-2.816,2.903-2.904C5.885,2.2,6.108,2.192,8,2.192z M8,0.916 c-1.924,0-2.165,0.008-2.921,0.042c-2.573,0.119-4.001,1.545-4.12,4.12C0.924,5.835,0.916,6.076,0.916,8s0.008,2.165,0.042,2.921 c0.119,2.573,1.545,4.003,4.12,4.12C5.835,15.076,6.076,15.084,8,15.084s2.165-0.008,2.921-0.043c2.57-0.117,4.004-1.544,4.12-4.12 c0.035-0.756,0.043-0.997,0.043-2.921s-0.008-2.165-0.043-2.921c-0.115-2.569-1.544-4.001-4.119-4.12 C10.165,0.924,9.924,0.916,8,0.916z M8,4.362C5.991,4.362,4.362,5.991,4.362,8S5.991,11.638,8,11.638S11.638,10.009,11.638,8 S10.009,4.362,8,4.362z M8,10.361c-1.304,0-2.361-1.057-2.361-2.361c0-1.304,1.057-2.361,2.361-2.361 c1.305,0,2.361,1.057,2.361,2.361C10.361,9.305,9.305,10.361,8,10.361z M11.781,3.369c-0.47,0-0.851,0.38-0.851,0.85 c0,0.47,0.381,0.851,0.851,0.851c0.471,0,0.851-0.381,0.851-0.851C12.632,3.75,12.252,3.369,11.781,3.369z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-links li a div.instagram:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cg fill='%2338ef7d'%3E%3Cpath display='inline' d='M8,2.192c1.892,0,2.115,0.008,2.862,0.042c1.92,0.088,2.817,0.999,2.904,2.904C13.802,5.885,13.808,6.109,13.808,8 c0,1.892-0.007,2.117-0.041,2.862c-0.087,1.905-0.98,2.817-2.904,2.904c-0.747,0.035-0.97,0.042-2.862,0.042 c-1.892,0-2.116-0.007-2.863-0.042c-1.923-0.087-2.816-1.002-2.903-2.904C2.199,10.115,2.192,9.893,2.192,8 c0-1.892,0.008-2.115,0.042-2.863c0.088-1.905,0.983-2.816,2.903-2.904C5.885,2.2,6.108,2.192,8,2.192z M8,0.916 c-1.924,0-2.165,0.008-2.921,0.042c-2.573,0.119-4.001,1.545-4.12,4.12C0.924,5.835,0.916,6.076,0.916,8s0.008,2.165,0.042,2.921 c0.119,2.573,1.545,4.003,4.12,4.12C5.835,15.076,6.076,15.084,8,15.084s2.165-0.008,2.921-0.043c2.57-0.117,4.004-1.544,4.12-4.12 c0.035-0.756,0.043-0.997,0.043-2.921s-0.008-2.165-0.043-2.921c-0.115-2.569-1.544-4.001-4.119-4.12 C10.165,0.924,9.924,0.916,8,0.916z M8,4.362C5.991,4.362,4.362,5.991,4.362,8S5.991,11.638,8,11.638S11.638,10.009,11.638,8 S10.009,4.362,8,4.362z M8,10.361c-1.304,0-2.361-1.057-2.361-2.361c0-1.304,1.057-2.361,2.361-2.361 c1.305,0,2.361,1.057,2.361,2.361C10.361,9.305,9.305,10.361,8,10.361z M11.781,3.369c-0.47,0-0.851,0.38-0.851,0.85 c0,0.47,0.381,0.851,0.851,0.851c0.471,0,0.851-0.381,0.851-0.851C12.632,3.75,12.252,3.369,11.781,3.369z'/%3E%3C/g%3E%3C/svg%3E");
}





/******************************** POPUP *********************************/

.container_popup {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  z-index: 300;
}
.container_popup > div {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  overflow: hidden;
  padding: 0 20px;
}
.container_popup > div:first-of-type {
  background: #111;
  opacity: 0.8;
}
.popup {
  width: 100%;
  max-width: 430px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 12px;
  margin: auto;
  color: #333;
  background: white;
  position: relative;
}
.popup_anim {
  transform: scale(0.8, 0.8);
  transition: transform 200ms ease;
}
.height_popup {
  width: 100%;
  display: flex;
  overflow: hidden;
  transition: height 300ms ease;
}
.height_popup > div {
  margin: auto;
}
.popup_message {
  width: 100%;
  padding: 15px;
  position: relative;
  font-size: 15px;
}
.popup_message h {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.popup_icon {
  width: 60px;
  height: 60px;
  margin: 0px auto 20px auto;
  background-size: cover;
}
.popup_button {
  width: 100%;
  height: 60px;
  background: linear-gradient(
    to right,
    #11998e,
    #38ef7d
  );
  font-family: inherit;
  color: white;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.popup_button:active {
  background: linear-gradient(
    to right,
    #16ccbd,
    #4aff8f
  );
}
.popup_button > span {
  margin: auto;
}





/******************************** FORM *********************************/

.inputs_form {
  width: 100%;
  padding: 15px;
  overflow: hidden;
  transition: height 300ms ease;
}
.inputs_form > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.input_form {
  width: 100%;
  height: 60px;
  padding: 0 15px;
  background-color: white;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  color: black;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
}
.input_form::placeholder {
  color: #777;
  font-weight: 400;
}
input[name="code"] {
  width: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.select {
  padding: 0 41px 0 15px;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      gray 50%
    ),
    linear-gradient(135deg,
      gray 50%,
      transparent 50%
    ),
    linear-gradient(to right,
      #ccc,
      #ccc
    );
  background-position:
    calc(100% - 20px) calc(30px - 5px/2),
    calc(100% - 15px) calc(30px - 5px/2),
    calc(100% - 2.5em) calc(30px - 1.5em/2);
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  color: #777;
  font-weight: 400;
}
.success_message, .error_message {
  width: 100%;
  text-align: center;
  background-color: white;
  font-size: 15px;
}
.success_message {
  color: #25c685;
}
.error_message {
  color: #ff2000;
}
.input_error {
  border: 1px solid red!important;
}
.input_submit {
  width: 100%;
  border-radius: 0;
}
#loader_form {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(255,255,255,.75);
}
#loader_form  > div {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='30px' height='30px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z' fill='%23ffffff'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='300ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E"),
              linear-gradient(
                to right,
                #11998e,
                #38ef7d
              );
  background-repeat: no-repeat;
  background-position: center;
}
#prevent_submit {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  z-index:1000;
}
.verification_code {
  width: 300px;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
}
.verification_code input {
  width: 50px;
  height: 60px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 25px;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.32);
  transition: border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background: transparent;
  color: white;
  text-align: center;
}
.verification_code input:focus {
  border: 1px solid white;
}
.verification_code input::placeholder {
  color: #777;
  font-weight: 400;
}
.verification_code input.error {
  border: 1px solid red;
  transition: none;
}





/******************************** BUTTONS *********************************/

.button {
  height: 60px;
  background: linear-gradient(
    to right,
    #11998e,
    #38ef7d
  );
  font-family: inherit;
  font-size: 15px!important;
  font-weight: 600!important;
  text-transform: uppercase;
  color: white;
  display: flex;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.button:hover,
.button:active {
  background: linear-gradient(
    to right,
    #16ccbd,
    #4aff8f
  );
}
.button a {
  width: 100%;
  height: 100%;
  display: flex;
  color: inherit;
}
.button span {
  margin: auto;
}
.getItNow {
  width: 250px;
  border-radius: 100px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='M246,0C110.356,0,0,110.352,0,246s110.356,246,246,246c135.648,0,246-110.352,246-246S381.648,0,246,0z M353.78,296.076 l-94.376,94.376c-3.604,3.604-8.432,5.592-13.592,5.592l-0.064,3.844l0.012-3.844c-0.004,0.004-0.064,0.004-0.068,0.004 c-5.16,0-9.988-1.988-13.596-5.592l-94.344-94.348c-7.496-7.496-7.496-19.692,0-27.184l16.12-16.128 c3.608-3.608,8.4-5.6,13.476-5.6c5.076,0,9.868,1.992,13.468,5.592l27.852,28.084c1.092,1.108,2.752,1.44,4.192,0.848 c1.44-0.592,2.38-1.996,2.38-3.556v-159.04c0-10.42,9.016-19.224,19.688-19.224h22.804c10.488,0,19.024,8.62,19.024,19.224v157.88 c0,1.556,0.932,2.956,2.368,3.552c1.436,0.588,3.088,0.264,4.192-0.828l27.06-26.96c3.612-3.612,8.448-5.604,13.616-5.604 c5.168,0,10.004,1.992,13.616,5.608l16.148,16.12c3.616,3.616,5.608,8.444,5.612,13.592 C359.372,287.64,357.388,292.464,353.78,296.076z'/%3E%3C/g%3E%3C/svg%3E%0A"),
              linear-gradient(
                to right,
                #11998e,
                #38ef7d
              );
  background-repeat: no-repeat;
  background-size: 30px, cover;
  background-position: center left 16px, center;
}
.getItNow.center {
  margin: 0 auto;
}
.getItNow:hover,
.getItNow:active {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='M246,0C110.356,0,0,110.352,0,246s110.356,246,246,246c135.648,0,246-110.352,246-246S381.648,0,246,0z M353.78,296.076 l-94.376,94.376c-3.604,3.604-8.432,5.592-13.592,5.592l-0.064,3.844l0.012-3.844c-0.004,0.004-0.064,0.004-0.068,0.004 c-5.16,0-9.988-1.988-13.596-5.592l-94.344-94.348c-7.496-7.496-7.496-19.692,0-27.184l16.12-16.128 c3.608-3.608,8.4-5.6,13.476-5.6c5.076,0,9.868,1.992,13.468,5.592l27.852,28.084c1.092,1.108,2.752,1.44,4.192,0.848 c1.44-0.592,2.38-1.996,2.38-3.556v-159.04c0-10.42,9.016-19.224,19.688-19.224h22.804c10.488,0,19.024,8.62,19.024,19.224v157.88 c0,1.556,0.932,2.956,2.368,3.552c1.436,0.588,3.088,0.264,4.192-0.828l27.06-26.96c3.612-3.612,8.448-5.604,13.616-5.604 c5.168,0,10.004,1.992,13.616,5.608l16.148,16.12c3.616,3.616,5.608,8.444,5.612,13.592 C359.372,287.64,357.388,292.464,353.78,296.076z'/%3E%3C/g%3E%3C/svg%3E%0A"),
              linear-gradient(
                to right,
                #16ccbd,
                #4aff8f
              );
  background-repeat: no-repeat;
  background-size: 30px, cover;
  background-position: center left 16px, center;
}
@media screen and (max-width: 1100px) {
  .getItNow {
    width: 100%;
  }
}
#paypal_button {
  margin-top: 20px;
  border-radius: 100px;
  overflow: hidden;
  filter:hue-rotate(-35deg);
}





/******************************** LOADING *********************************/

#loading {
  width: 100%;
  height: 100%;
  position: absolute;
}
#loading > div:first-child {
  width: 100%;
  height: 100%;
  position: absolute;
  background: black;
  opacity: 0.8;
}
#loading > div:last-child {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
}
.loading {
  /*
  background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='30px' height='30px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z' fill='%23ffffff' fill-opacity='1'/%3E%3Cpath d='M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z' fill='%23ffffff' fill-opacity='0.3'/%3E%3Cpath d='M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z' fill='%23ffffff' fill-opacity='0.3'/%3E%3Cpath d='M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z' fill='%23ffffff' fill-opacity='0.3'/%3E%3Cpath d='M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z' fill='%23ffffff' fill-opacity='0.3'/%3E%3Cpath d='M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z' fill='%23ffffff' fill-opacity='0.3'/%3E%3Cpath d='M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z' fill='%23ffffff' fill-opacity='0.4'/%3E%3Cpath d='M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z' fill='%23ffffff' fill-opacity='0.5'/%3E%3Cpath d='M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z' fill='%23ffffff' fill-opacity='0.6'/%3E%3Cpath d='M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z' fill='%23ffffff' fill-opacity='0.7'/%3E%3Cpath d='M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z' fill='%23ffffff' fill-opacity='0.8'/%3E%3Cpath d='M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z' fill='%23ffffff' fill-opacity='0.9'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64' calcMode='discrete' dur='1080ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");
  */
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='55px' height='15px' viewBox='0 0 128 35' xml:space='preserve'%3E%3Cg fill='%2311998E'%3E%3Ccircle cx='17.5' cy='16.5' r='16.5' /%3E%3Canimate attributeName='fill' values='%2311998E;%2338ef7d;%2311998E;%2311998E;%2311998E;%2311998E' dur='400ms' begin='0ms' repeatCount='indefinite'/%3E%3C/g%3E%3Cg fill='%2338ef7d'%3E%3Ccircle cx='64' cy='16.5' r='16.5'/%3E%3Canimate attributeName='fill' values='%2311998E;%2338ef7d;%2311998E;%2311998E;%2311998E;%2311998E' dur='400ms' begin='100ms' repeatCount='indefinite'/%3E%3C/g%3E%3Cg fill='%2311998E'%3E%3Ccircle cx='110.5' cy='16.5' r='16.5'/%3E%3Canimate attributeName='fill' values='%2311998E;%2338ef7d;%2311998E;%2311998E;%2311998E;%2311998E' dur='400ms' begin='200ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}