@charset "UTF-8";
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0F87BB;
  border-radius: 50px;
  padding: 0;
  box-shadow: none;
  outline: none;
  opacity: 1;
  color: white;
  transition: all 0.3s;
  z-index: 1;
}
.modal .close span {
  display: none;
}
.modal .close:before, .modal .close:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: white;
  transition: all 0.3s;
}
.modal .close:before {
  transform: rotate(45deg);
}
.modal .close:after {
  transform: rotate(-45deg);
}
.modal .close:hover {
  transform: rotate(180deg);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  top: 0%;
  left: 0%;
  width: 100%;
  max-width: 1680px;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(-50%, -50%);
}
.modal.show .modal-dialog {
  transform: translate(-50%, -50%);
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 100%;
  max-width: 900px;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 9px;
  overflow: hidden;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.7;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-inner {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: calc(100vh - 24px);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  display: flex;
}
.modal-body .img-block {
  width: 35%;
  position: relative;
  padding-bottom: 56%;
}
.modal-body .img-block img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-body .content-block {
  width: 65%;
  padding: 30px;
  font-size: 15px;
}
@media (max-width: 767.98px) {
  .modal-body {
    flex-direction: column;
    padding: 30px 20px 20px;
  }
  .modal-body .img-block {
    width: 100%;
    padding-bottom: 0;
    max-width: 300px;
    margin: 0 auto 20px;
  }
  .modal-body .img-block img {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
  }
  .modal-body .content-block {
    width: 100%;
    padding: 0;
    font-size: 15px;
  }
  .modal-body .close {
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
  }
  .modal-body .close:before, .modal-body .close:after {
    width: 18px;
    height: 2px;
  }
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1680px;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 1.75rem * 2);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
/* CSS Document */
/*html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; }

/* CLEAR FIX Fixes floats! */
.clearfix:after, .sub-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .sub-menu {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix, .sub-menu {
  display: block;
}

/* End hide from IE-mac */
/* Eric Meyers CSS Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background-repeat: no-repeat;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

body {
  background: #fff;
  width: 100%;
  height: 100%;
}

/*
body .row:first-child {margin-top: 0px;}
body #footer .row:first-child {margin-top: 0;}
*/
html {
  min-height: 100%;
}

/* Unit-less `line-height` for use in components like buttons. */
/* Headings */
/* Paddings - base/large/small/xs */
/* Height of the header */
/* Global "active" colours */
/* Media Queries Breakpoints and Grid setup [lines -] */
/* Media queries breakpoints */
/* Extra small */
/* Small */
/* Medium */
/* Large */
html, body {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 18px;
  line-height: 31px;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }
}

#main {
  background-color: #ffffff;
}
#main .section {
  isolation: isolate;
}
header {
  position: relative;
  z-index: 3;
}

section {
  position: relative;
}

footer {
  position: relative;
  z-index: 2;
}

/* General Styles */
a {
  color: #37C9F3;
}
a:hover {
  color: #37C9F3;
  text-decoration: none;
}

strong, b {
  font-weight: 700;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed !important;
}

.o-hidden {
  overflow: hidden !important;
}

.o-visible {
  overflow: visible !important;
}

.img-fluid {
  display: block;
}

.clear {
  clear: both;
}

.pointer {
  cursor: pointer;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.animated-normal {
  transition: all 0.3s;
}

.o-hidden {
  overflow: hidden !important;
}

.hide {
  display: none !important;
}

.section-hide {
  display: none;
}

.hidden {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.flex {
  display: flex;
}

.justify-content-start {
  justify-content: start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.align-items-start {
  align-items: start;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.fa-phone {
  transform: scaleX(-1);
}

pre {
  color: #37C9F3;
  color: inherit;
  font-size: 16px;
}

/* Text Transformation */
.lowercase, .text-lowercase {
  text-transform: lowercase !important;
}

.capitalize, .text-capitalize {
  text-transform: capitalize !important;
}

.uppercase, .text-uppercase {
  text-transform: uppercase !important;
}

/* Text Alignment */
.text-left {
  text-align: left !important;
}

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

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* Font Weight */
.text-light {
  font-weight: 300;
}

.text-regular {
  font-weight: 400 !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-semibold {
  font-weight: 600 !important;
}

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

.text-heavy {
  font-weight: 800 !important;
}

.text-black {
  font-weight: 900 !important;
}

.italic,
.text-italic {
  font-style: italic;
}

.text-normal {
  font-style: normal !important;
}

/* Font Family */
.font-regular {
  font-family: "VisbyCF-Regular", arial, sans-serif !important;
}

.font-semibold {
  font-family: "VisbyCF-DemiBold", arial, sans-serif !important;
}

.font-medium {
  font-family: "VisbyCF-Medium", arial, sans-serif !important;
}

.font-demi {
  font-family: "VisbyCF-Regular", arial, sans-serif !important;
}

.font-bold {
  font-family: "VisbyCF-Bold", arial, sans-serif !important;
}

.font-heavy {
  font-family: "VisbyCF-Heavy", arial, sans-serif !important;
}

.font-black {
  font-family: "VisbyCF-Regular", arial, sans-serif !important;
}

.font-secondary {
  font-family: "VisbyCF-Regular", arial, sans-serif !important;
}

/* Colors */
.color-primary {
  color: #37C9F3 !important;
}

.color-text {
  color: #D3D3DD !important;
}

.color-black {
  color: #000000 !important;
}

.color-dark {
  color: #121212 !important;
}

.color-grey {
  color: #777986 !important;
}

.color-white {
  color: #ffffff !important;
}

.color-light {
  color: #FBFBFB !important;
}

/* BG Color */
.bg-black {
  background-color: #000000;
}

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

.bg-primary {
  background-color: #37C9F3;
}

.bg-secondary {
  background-color: #aac41e;
}

.no-border {
  border: none !important;
}

/* zIndex */
.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

/* Section/Container */
.section {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.panel {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container, .container-fluid {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
.container.container-lg, .container-fluid.container-lg {
  max-width: 1440px;
}
.container.container-md, .container-fluid.container-md {
  max-width: 1200px;
}
.container.container-sm, .container-fluid.container-sm {
  max-width: 1080px;
}
.container.container-full, .container.container-full-width, .container-fluid.container-full, .container-fluid.container-full-width {
  max-width: 100%;
}
.container.container-compress, .container-fluid.container-compress {
  max-width: 100%;
  padding: 0;
}
.container.container-compress .row, .container-fluid.container-compress .row {
  margin: 0;
}
.container.container-compress .row > div,
.container.container-compress .row > .col-24, .container-fluid.container-compress .row > div,
.container-fluid.container-compress .row > .col-24 {
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .container, .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.full-width {
  width: 100%;
  max-width: 100%;
}

.full-height {
  height: 100%;
  max-width: 100%;
}

.fill {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fill.fill-top {
  background-position: top center;
}

/* Alignment */
.horizontal-center, .horizontal-left, .horizontal-right {
  float: none;
}

.horizontal-center, .aligncenter {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.horizontal-left {
  margin-left: 0;
  margin-right: auto;
  left: 0;
}

.horizontal-right {
  margin-left: auto;
  margin-right: 0;
  right: 0;
}

.vertical-center {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

/* Border Box */
.box-border {
  border: solid 1px #d0d0d0;
}

.box-border:after {
  bottom: -4px;
  border-bottom: 3px solid #f2f2f2;
}

.box-shadow-1 {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.box-shadow-2 {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.box-shadow-3 {
  border: 4px solid #999999;
}

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

.img-radius {
  overflow: hidden;
  border-radius: 16px;
}
.img-radius img {
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .img-radius {
    border-radius: 12px;
  }
  .img-radius img {
    border-radius: 12px;
  }
}

.bg-absolute {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: cover !important;
}
.bg-absolute.top-right {
  background-position: top right;
}
.bg-absolute.top-center {
  background-position: top center;
}
.bg-absolute.bottom-center {
  background-position: bottom center;
}
.bg-absolute.left-center {
  background-position: left center;
}
.bg-absolute.right-center {
  background-position: right center;
}
.bg-absolute .bg-cover-top {
  height: 18vw;
  top: -11.5vw;
  transform: skewY(-7deg);
}
.bg-absolute .bg-cover-bottom {
  height: 18vw;
  top: auto;
  bottom: -11.5vw;
  transform: skewY(-7deg);
  z-index: 1;
}
.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6 {
  color: #37C9F3;
  margin-top: 40px;
  margin-bottom: 24px;
}
.content-block h1:first-child, .content-block h2:first-child, .content-block h3:first-child, .content-block h4:first-child, .content-block h5:first-child, .content-block h6:first-child {
  margin-top: 0;
}
.content-block h1:last-child, .content-block h2:last-child, .content-block h3:last-child, .content-block h4:last-child, .content-block h5:last-child, .content-block h6:last-child {
  margin-bottom: 0;
}
.content-block .btn-primary {
  margin-top: 24px;
}
.content-block img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}
.content-block p:last-child {
  margin-bottom: 0;
}
.content-block ul, .content-block ol {
  padding-left: 0;
  margin-bottom: 24px;
}
.content-block ul:last-child, .content-block ol:last-child {
  margin: 0;
}
.content-block ul li, .content-block ol li {
  list-style: none;
  position: relative;
  padding-left: 18px;
  margin-bottom: 4px;
}
.content-block ul li:last-child, .content-block ol li:last-child {
  margin: 0;
}
.content-block ul li:before, .content-block ol li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 8px;
  background: #D3D3DD;
}
.content-block ol {
  counter-reset: list-number;
}
.content-block ol li {
  list-style: none;
  position: relative;
  padding-left: 18px;
  margin-bottom: 4px;
}
.content-block ol li:before {
  counter-increment: list-number;
  content: counter(list-number);
  width: auto;
  height: auto;
  top: 0;
  background: transparent;
  font-weight: bold;
}
.content-block .wp-caption {
  max-width: 100%;
  width: 100%;
  margin-bottom: 24px;
}
.content-block blockquote {
  margin-bottom: 24px;
}
.content-block blockquote p {
  margin-bottom: 16px;
}
.content-block blockquote h4, .content-block blockquote h5 {
  margin-bottom: 0;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6 {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .content-block.p1, .content-block.text-lg, .content-block.text-p1 {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.39px;
  }
}

.jarallax-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: auto;
}

.bg-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
  z-index: -100;
}
.bg-full-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .bg-full-video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .bg-full-video {
    width: 300%;
    left: -100%;
  }
}
/* Responsive Video */
.video-fluid {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.video-fluid:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.video-fluid embed, .video-fluid iframe, .video-fluid object, .video-fluid video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* Orientation: */
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@font-face {
  font-family: "divx";
  src: url("../fonts/divx.eot?kzh085");
  src: url("../fonts/divx.eot?kzh085#iefix") format("embedded-opentype"), url("../fonts/divx.ttf?kzh085") format("truetype"), url("../fonts/divx.woff?kzh085") format("woff"), url("../fonts/divx.svg?kzh085#divx") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "divx" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-windows:before {
  content: "\e90c";
}

.icon-ad-free:before {
  content: "\e900";
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-chevron-left:before {
  content: "\e903";
}

.icon-chevron-right:before {
  content: "\e904";
}

.icon-cloud-down:before {
  content: "\e905";
}

.icon-divx-pro .path1:before {
  content: "\e906";
  color: rgb(0, 0, 0);
}

.icon-divx-pro .path2:before {
  content: "\e907";
  margin-left: -6.2392578125em;
  color: rgb(55, 201, 243);
}

.icon-divx-pro .path3:before {
  content: "\e908";
  margin-left: -6.2392578125em;
  color: rgb(255, 255, 255);
}

.icon-divx-pro .path4:before {
  content: "\e909";
  margin-left: -6.2392578125em;
  color: rgb(255, 255, 255);
}

.icon-divx-pro .path5:before {
  content: "\e90a";
  margin-left: -6.2392578125em;
  color: rgb(255, 255, 255);
}

.icon-divx:before {
  content: "\e90b";
}

.icon-divx11:before {
  content: "\e90d";
}

.icon-film:before {
  content: "\e90e";
}

.icon-no-ad:before {
  content: "\e90f";
}

.icon-pack:before {
  content: "\e910";
}

.icon-play:before {
  content: "\e911";
}

.icon-settings:before {
  content: "\e912";
}

/* BUTTONS  */
.btn-primary {
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  padding: 21px 45px 22px;
  border-radius: 100px;
  font-size: 20px;
  line-height: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
  outline: none;
}
.btn-primary:before, .btn-primary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 100px;
  background-color: #37C9F3;
  background: -moz-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: -webkit-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: linear-gradient(to right, #33bce3 0%, #3ed4eb 96%);
}
.btn-primary:after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #ffffff;
  opacity: 0;
}
.btn-primary:visited {
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
  outline: none;
  color: #37C9F3;
}
.btn-primary:hover:after, .btn-primary:focus:after {
  z-index: -1;
  opacity: 1;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
}
.btn-primary.disabled:before, .btn-primary:disabled:before {
  background: #9496A1;
  border-color: #9496A1;
}
.btn-primary.disabled:hover, .btn-primary.disabled:visited, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:visited, .btn-primary:disabled:focus {
  color: #ffffff;
}
.btn-primary.disabled:hover:before, .btn-primary.disabled:visited:before, .btn-primary.disabled:focus:before, .btn-primary:disabled:hover:before, .btn-primary:disabled:visited:before, .btn-primary:disabled:focus:before {
  opacity: 1;
  background: #9496A1;
  border-color: #9496A1;
}
@media only screen and (max-width: 767px) {
  .btn-primary {
    border-radius: 8px;
    font-size: 16px;
    line-height: 14px;
    padding: 18px 40px;
  }
}
.btn-primary-white {
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  padding: 21px 45px 22px;
  border-radius: 100px;
  font-size: 20px;
  line-height: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
  outline: none;
  color: #37C9F3;
}
.btn-primary-white:before, .btn-primary-white:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 100px;
  background-color: #37C9F3;
  background: -moz-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: -webkit-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: linear-gradient(to right, #33bce3 0%, #3ed4eb 96%);
}
.btn-primary-white:after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #ffffff;
  opacity: 0;
}
.btn-primary-white:visited {
  color: #ffffff;
}
.btn-primary-white:hover, .btn-primary-white:focus {
  outline: none;
  color: #37C9F3;
}
.btn-primary-white:hover:after, .btn-primary-white:focus:after {
  z-index: -1;
  opacity: 1;
}
.btn-primary-white.disabled, .btn-primary-white:disabled {
  color: #ffffff;
}
.btn-primary-white.disabled:before, .btn-primary-white:disabled:before {
  background: #9496A1;
  border-color: #9496A1;
}
.btn-primary-white.disabled:hover, .btn-primary-white.disabled:visited, .btn-primary-white.disabled:focus, .btn-primary-white:disabled:hover, .btn-primary-white:disabled:visited, .btn-primary-white:disabled:focus {
  color: #ffffff;
}
.btn-primary-white.disabled:hover:before, .btn-primary-white.disabled:visited:before, .btn-primary-white.disabled:focus:before, .btn-primary-white:disabled:hover:before, .btn-primary-white:disabled:visited:before, .btn-primary-white:disabled:focus:before {
  opacity: 1;
  background: #9496A1;
  border-color: #9496A1;
}
@media only screen and (max-width: 767px) {
  .btn-primary-white {
    border-radius: 8px;
    font-size: 16px;
    line-height: 14px;
    padding: 18px 40px;
  }
}
.btn-primary-white:before {
  background: #ffffff;
}
.btn-primary-white:after {
  background: #37C9F3;
}
.btn-primary-white:visited {
  color: #37C9F3;
}
.btn-primary-white:hover, .btn-primary-white:focus {
  color: #ffffff;
}
.btn-primary-white:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btn-primary-fill:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btn-gradient {
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  padding: 20px 48px 22px;
  border-radius: 100px;
  font-size: 18px;
  line-height: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  background: transparent;
  isolation: isolate;
  outline: none;
}
.btn-gradient:before, .btn-gradient:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.btn-gradient:before {
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  transform: translateY(0) scaleY(1);
  transition: all 0.4s ease;
}
.btn-gradient:after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #ffffff;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
  transition: all 0.4s ease;
}
.btn-gradient span {
  transition: all 0.4s ease;
}
.btn-gradient span:last-child:not(:first-child) {
  position: absolute;
  transform: translateY(14px);
  transition: all 0.4s ease;
  background: -webkit-linear-gradient(0deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
}
.btn-gradient:visited {
  color: #ffffff;
}
.btn-gradient:hover {
  outline: none;
  color: #37C9F3;
  background-color: #ffffff;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}
.btn-gradient:hover:after {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}
.btn-gradient:hover span:first-child:not(:last-child) {
  opacity: 0;
  transform: translateY(-14px);
}
.btn-gradient:hover span:last-child:not(:first-child) {
  opacity: 1;
  transform: translateY(0);
}
.btn-gradient:focus, .btn-gradient:active {
  outline: none;
  box-shadow: none;
  color: #ffffff;
}
.btn-gradient.disabled, .btn-gradient:disabled {
  color: #ffffff;
}
.btn-gradient.disabled:before, .btn-gradient:disabled:before {
  background: #9496A1;
  border-color: #9496A1;
}
.btn-gradient.disabled:hover, .btn-gradient.disabled:visited, .btn-gradient.disabled:focus, .btn-gradient:disabled:hover, .btn-gradient:disabled:visited, .btn-gradient:disabled:focus {
  color: #ffffff;
}
.btn-gradient.disabled:hover:before, .btn-gradient.disabled:visited:before, .btn-gradient.disabled:focus:before, .btn-gradient:disabled:hover:before, .btn-gradient:disabled:visited:before, .btn-gradient:disabled:focus:before {
  opacity: 1;
  background: #9496A1;
  border-color: #9496A1;
}
@media only screen and (max-width: 767px) {
  .btn-gradient {
    font-size: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
.btn-gradient > span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.btn-bordered-white {
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  padding: 20px 48px 22px;
  border-radius: 100px;
  font-size: 18px;
  line-height: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  background: transparent;
  isolation: isolate;
  outline: none;
  background: transparent;
  color: #ffffff;
}
.btn-bordered-white:before, .btn-bordered-white:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.btn-bordered-white:before {
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  transform: translateY(0) scaleY(1);
  transition: all 0.4s ease;
}
.btn-bordered-white:after {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #ffffff;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
  transition: all 0.4s ease;
}
.btn-bordered-white span {
  transition: all 0.4s ease;
}
.btn-bordered-white span:last-child:not(:first-child) {
  position: absolute;
  transform: translateY(14px);
  transition: all 0.4s ease;
  background: -webkit-linear-gradient(0deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
}
.btn-bordered-white:visited {
  color: #ffffff;
}
.btn-bordered-white:hover {
  outline: none;
  color: #37C9F3;
  background-color: #ffffff;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}
.btn-bordered-white:hover:after {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}
.btn-bordered-white:hover span:first-child:not(:last-child) {
  opacity: 0;
  transform: translateY(-14px);
}
.btn-bordered-white:hover span:last-child:not(:first-child) {
  opacity: 1;
  transform: translateY(0);
}
.btn-bordered-white:focus, .btn-bordered-white:active {
  outline: none;
  box-shadow: none;
  color: #ffffff;
}
.btn-bordered-white.disabled, .btn-bordered-white:disabled {
  color: #ffffff;
}
.btn-bordered-white.disabled:before, .btn-bordered-white:disabled:before {
  background: #9496A1;
  border-color: #9496A1;
}
.btn-bordered-white.disabled:hover, .btn-bordered-white.disabled:visited, .btn-bordered-white.disabled:focus, .btn-bordered-white:disabled:hover, .btn-bordered-white:disabled:visited, .btn-bordered-white:disabled:focus {
  color: #ffffff;
}
.btn-bordered-white.disabled:hover:before, .btn-bordered-white.disabled:visited:before, .btn-bordered-white.disabled:focus:before, .btn-bordered-white:disabled:hover:before, .btn-bordered-white:disabled:visited:before, .btn-bordered-white:disabled:focus:before {
  opacity: 1;
  background: #9496A1;
  border-color: #9496A1;
}
@media only screen and (max-width: 767px) {
  .btn-bordered-white {
    font-size: 18px;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
.btn-bordered-white:before {
  border: 1px solid #ffffff;
  background: transparent !important;
  border-radius: 100px !important;
}
.btn-bordered-white:after {
  background: #ffffff;
}
.btn-bordered-white:hover, .btn-bordered-white:focus {
  outline: none;
  color: #ffffff;
}
.btn-rounded {
  border-radius: 100px !important;
}
.btn-full {
  width: 100%;
  max-width: 100%;
}
.btn-shadow {
  box-shadow: 0 11px 25px 0 #000000 !important;
}
.btn.text-center {
  justify-content: center;
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

@media only screen and (max-width: 767px) {
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 20px;
  }
}

h1, .h1 {
  font-size: 92px;
  line-height: 72px;
}
h1:after, .h1:after {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 36px;
    line-height: 1.1;
  }
}

h2, .h2 {
  font-size: 56px;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 30px;
    line-height: 1.1;
  }
}

h3, .h3 {
  font-size: 36px;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  h3, .h3 {
    font-size: 24px;
    line-height: 18px;
  }
}

h4, .h4 {
  font-size: 30px;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  h4, .h4 {
    font-size: 20px;
    line-height: 1.1;
  }
}

h5, .h5 {
  font-size: 24px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  h5, .h5 {
    font-size: 18px;
    line-height: 1.1;
  }
}

h6, .h6 {
  font-size: 20px;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  h6, .h6 {
    font-size: 16px;
    line-height: 1.1;
  }
}

p {
  margin: 0 0 24px;
}
@media only screen and (max-width: 767px) {
  p {
    margin-bottom: 20px;
  }
}

.p1, .text-lg, .text-p1 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.44px;
}
.p1 ul li:before, .p1 ol li:before, .text-lg ul li:before, .text-lg ol li:before, .text-p1 ul li:before, .text-p1 ol li:before {
  top: 10px;
}
@media only screen and (max-width: 767px) {
  .p1 ul li:before, .p1 ol li:before, .text-lg ul li:before, .text-lg ol li:before, .text-p1 ul li:before, .text-p1 ol li:before {
    top: 9px;
  }
}

.p2, .text-md, .text-p2 {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.45px;
}
@media only screen and (max-width: 767px) {
  .p2, .text-md, .text-p2 {
    font-size: 18px;
    line-height: 31px;
  }
}

.p3, .text-sm, .text-p3 {
  font-size: 16px;
  line-height: 22px;
}
.p3 ul li, .p3 ol li, .text-sm ul li, .text-sm ol li, .text-p3 ul li, .text-p3 ol li {
  padding-left: 16px;
}
.p3 ul li:before, .p3 ol li:before, .text-sm ul li:before, .text-sm ol li:before, .text-p3 ul li:before, .text-p3 ol li:before {
  top: 6px;
}
@media only screen and (max-width: 767px) {
  .p3, .text-sm, .text-p3 {
    font-size: 16px;
    line-height: 22px;
  }
}

.p4, .text-xs, .text-p4 {
  font-size: 14px;
  line-height: 18px;
}
.p4 ul li, .p4 ol li, .text-xs ul li, .text-xs ol li, .text-p4 ul li, .text-p4 ol li {
  padding-left: 16px;
}
.p4 ul li:before, .p4 ol li:before, .text-xs ul li:before, .text-xs ol li:before, .text-p4 ul li:before, .text-p4 ol li:before {
  top: 6px;
}
@media only screen and (max-width: 767px) {
  .p4, .text-xs, .text-p4 {
    font-size: 14px;
    line-height: 18px;
  }
}

.text-wrap {
  white-space: pre-wrap;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 20px;
}
ul ul,
ul ol, ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 31px;
}

dt,
dd {
  line-height: 31px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #FBFBFB;
}

.initialism {
  font-size: 90%;
}

blockquote {
  position: relative;
  padding: 0;
  margin: 0 0 20px;
  font-size: inherit;
  border: none;
  quotes: "“" "”" "‘" "’";
  font-style: italic;
  letter-spacing: 0.45px;
  padding-left: 16px;
  background: #f9f9f9;
  padding: 32px 40px;
  font-size: 20px;
}
blockquote h4, blockquote h5 {
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #37C9F3;
  letter-spacing: 2.13px;
}
blockquote:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  left: 0;
  top: 0;
  background: #999;
}
blockquote:after {
  left: 3px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote p:after {
  content: "";
}
blockquote p:last-child {
  margin-bottom: 13px;
}
blockquote.no-quotes p::before, blockquote.no-quotes p::after {
  content: none !important;
}
blockquote cite {
  display: block;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.26px;
  line-height: 26px;
  text-transform: uppercase;
  font-style: normal;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 31px;
  color: #37C9F3;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}
@media only screen and (max-width: 767px) {
  blockquote {
    font-size: 16px;
    padding: 20px 32px;
  }
  blockquote:before {
    width: 6px;
  }
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #FBFBFB;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 31px;
  font-style: normal;
  line-height: 31px;
}

/* CARDS */
/* Card Feature */
.card-feature {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  color: #92929E;
  background: #101014;
  font-size: 16px;
  line-height: 1.5;
  transition: all 0.3s;
  transition: all 0.3s;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.card-feature.animation-pb.fade {
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.card-feature:hover {
  transition-delay: 0s !important;
}
@media only screen and (max-width: 767px) {
  .card-feature {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    color: #ffffff;
  }
}
.card-feature:before {
  opacity: 0;
  transition: all 0.3s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.card-feature-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 43.8095238095%);
  padding-bottom: 38.3211678832%;
  margin-bottom: -32px;
  transition: all 0.6s ease;
}
.animation-pb .card-feature-img {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.in-view .card-feature-img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 43.8095238095%);
}
@media only screen and (min-width: 768px) {
  .delay-3 .card-feature-img {
    transition-delay: 0.3s;
  }
  .delay-5 .card-feature-img {
    transition-delay: 0.5s;
  }
  .delay-7 .card-feature-img {
    transition-delay: 0.7s;
  }
}
.card-feature-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
@media only screen and (max-width: 991px) {
  .card-feature-img {
    margin-bottom: -16px;
  }
}
@media only screen and (min-width: 768px) {
  .delay-1 .card-feature-img {
    transition-delay: 0.1s;
  }
  .delay-3 .card-feature-img {
    transition-delay: 0.3s;
  }
  .delay-5 .card-feature-img {
    transition-delay: 0.5s;
  }
  .delay-7 .card-feature-img {
    transition-delay: 0.7s;
  }
  .delay-9 .card-feature-img {
    transition-delay: 0.9s;
  }
}
@media only screen and (max-width: 767px) {
  .card-feature-img {
    padding-bottom: 45.7142857143%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 58.75%);
    margin-bottom: -2px;
  }
}
.card-feature-title {
  font-size: 36px;
  line-height: 32px;
  letter-spacing: 0;
  margin-bottom: 16px;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .card-feature-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 7px;
  }
}
.card-feature-body {
  padding: 0 40px 42px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .card-feature-body {
    padding: 0 14px 22px 24px;
  }
}
.card-feature:hover {
  color: #ffffff;
}
.card-feature:hover:before {
  opacity: 1;
}
.card-feature:hover .card-feature-img img {
  transform: scale(1.1);
}

/* Card Spec */
.card-spec {
  position: relative;
  overflow: hidden;
  color: #92929E;
  font-size: 16px;
  line-height: 1.5;
  isolation: isolate;
}
.card-spec:hover {
  transition-delay: 0s !important;
}
.card-spec-header {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  margin-bottom: 9px;
}
.card-spec-icon {
  width: 64px;
  min-width: 64px;
  height: 64px;
  background: #22232D;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  transition: all 0.1s;
}
.card-spec-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 0;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .card-spec {
    background: #101014;
    border: 1px solid #252525;
    box-shadow: 0 15px 35px 0 #000000;
    border-radius: 10px;
    padding: 24px;
    height: 100%;
  }
  .card-spec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
    background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
    transform: rotate(36deg) scaleX(1.5) scaleY(0.5);
    opacity: 0;
  }
  .card-spec:hover {
    color: #ffffff;
  }
  .card-spec:hover:before {
    transform: rotate(45deg) scale(2);
    opacity: 1;
  }
  .card-spec:hover .card-spec-icon {
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px);
  }
}
@media only screen and (max-width: 767px) {
  .card-spec-header {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: "VisbyCF-Heavy", arial, sans-serif;
    margin-bottom: 6px;
  }
  .card-spec-icon {
    width: 54px;
    min-width: 54px;
    height: 54px;
    background: #22232D;
    border: 1px solid #3E3E3E;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
  }
  .card-spec-icon img {
    max-width: 32px;
    max-height: 26px;
  }
  .card-spec-title {
    font-size: 28px;
    line-height: 1;
  }
}

/* Card CTA */
.card-cta {
  isolation: isolate;
  position: relative;
  background-color: #000000;
  padding: 120px 85px;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #D3D3DD;
}
.card-cta a:not(.btn):not(.btn-primary) {
  color: #D3D3DD;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .card-cta {
    padding: 70px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .card-cta {
    padding: 42px 20px;
    min-height: 530px;
  }
}
.card-cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.card-cta.animation-pb:before {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.card-cta.in-view:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition-delay: 0.3s;
}
.card-cta-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s cubic-bezier(0.3, 0.1, 0.3, 1);
  z-index: -1;
}
.card-cta-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.72);
}
.animation-pb .card-cta-img {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.in-view .card-cta-img {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition-delay: 0.7s;
}
.card-cta img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.card-cta p {
  font-size: 20px;
  line-height: 1.5;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #D3D3DD;
}
.card-cta p:last-of-type {
  margin-bottom: 0;
}
.card-cta-body {
  transition: all 0.4s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.animation-pb .card-cta-body {
  opacity: 0;
  transform: translateY(20px);
}
.in-view .card-cta-body {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}
.card-cta-title {
  font-size: 56px;
  line-height: 48px;
  letter-spacing: 0;
  margin-bottom: 32px;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .card-cta-title {
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}
.card-cta-btn {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .card-cta-btn {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1201px) {
  .card-cta-lg {
    padding: 109px 76px 113px;
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .card-cta-lg {
    padding: 42px 18px;
    min-height: 367px;
  }
}
.card-cta-lg p {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
.card-cta-lg .card-cta-title {
  font-size: 64px;
  line-height: 48px;
  margin-bottom: 32px;
  text-shadow: 0 11px 25px #000000;
}
@media only screen and (max-width: 767px) {
  .card-cta-lg .card-cta-title {
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .card-cta-lg .card-cta-btn {
    margin-top: 34px;
  }
}

/* HEADER */
/* Header - Transparent */
#masthead.transparent-header {
  display: flex;
  align-items: center;
  position: absolute;
  padding-top: 32px;
  padding-bottom: 32px;
  left: 0;
  right: 0;
  border-bottom: none;
  max-width: 1296px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  #masthead.transparent-header {
    display: none !important;
  }
}
#masthead.transparent-header .site-branding .custom-logo-link {
  height: 34px;
}
#masthead.transparent-header .site-branding a img {
  max-width: 100%;
  width: auto;
  height: 100%;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  padding: 0;
}
#masthead.transparent-header #site-navigation {
  display: flex;
  justify-content: space-between;
  width: auto;
  flex: 1;
  margin-left: 20px;
}
#masthead.transparent-header #site-navigation .menu-primary-nav-container {
  flex: 1;
}
#masthead.transparent-header #site-navigation ul.menu {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#masthead.transparent-header #site-navigation ul.menu > li {
  font-size: 20px;
  line-height: 52px;
  margin-left: 48px;
}
#masthead.transparent-header #site-navigation ul.menu > li:first-child {
  margin-left: 0;
}
#masthead.transparent-header #site-navigation ul.menu > li > a {
  color: #ffffff;
  transition: none;
  white-space: nowrap;
}
@media screen and (max-width: 1260px) {
  #masthead.transparent-header #site-navigation ul.menu > li {
    margin-left: 36px;
  }
}
#masthead.transparent-header #site-navigation .header-right {
  margin-left: auto;
  margin-left: 48px;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover {
  position: relative;
  display: flex;
  font-size: 16px;
  line-height: normal;
  color: #aac41e !important;
  background: transparent;
  border: none;
  padding: 16px 32px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  transition: color 0.5s ease, background 0.5s ease;
  white-space: nowrap;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:after, #masthead.transparent-header #site-navigation .header-right .ow-button-hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.5s ease;
  border-radius: 100px;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:before {
  border: 2px solid #aac41e;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:after {
  background: #aac41e;
  background: -moz-linear-gradient(left, #aac41e 0%, #c3e318 96%);
  background: -webkit-linear-gradient(left, #aac41e 0%, #c3e318 96%);
  background: linear-gradient(to right, #aac41e 0%, #c3e318 96%);
  opacity: 0;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover span {
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  color: inherit !important;
  background: transparent !important;
  transition: none;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:hover {
  color: #ffffff !important;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:hover:after {
  opacity: 1;
}
#masthead.transparent-header #site-navigation .header-right .ow-button-hover:hover:before {
  opacity: 0;
}
@media screen and (max-width: 1260px) {
  #masthead.transparent-header #site-navigation .header-right .ow-button-hover {
    padding: 16px 28px;
  }
}
html[lang=es-ES] #masthead.transparent-header #site-navigation {
  margin-left: 32px;
}
html[lang=es-ES] #masthead.transparent-header #site-navigation .menu-primary-nav-container {
  margin-left: 0;
}
html[lang=es-ES] #masthead.transparent-header #site-navigation ul.menu {
  justify-content: space-between;
}
html[lang=es-ES] #masthead.transparent-header #site-navigation ul.menu > li {
  font-size: 16px;
  margin-left: 0;
}
html[lang=es-ES] #masthead.transparent-header #site-navigation .header-right {
  margin-left: 30px;
}
#masthead.dark-header .site-branding a img {
  -webkit-filter: none;
  filter: none;
}
#masthead.dark-header #site-navigation ul.menu > li > a {
  color: #000000;
}
#masthead.dark-header #site-navigation ul.menu > li > a:hover {
  color: #37C9F3;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  html[lang=es-ES] #masthead,
  html[lang=es-ES] #topbar .mast {
    width: calc(100% - 40px);
  }
}

#topbar .mast {
  max-width: 1296px;
  margin: 0 auto;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-webkit-keyframes arrowLeft {
  0% {
    -webkit-transform: translate(10px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-10px, 0px);
    opacity: 0;
  }
}
@keyframes arrowLeft {
  0% {
    transform: translate(10px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-10px, 0px);
    opacity: 0;
  }
}
@-webkit-keyframes arrowRight {
  0% {
    -webkit-transform: translate(-10px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(10px, 0px);
    opacity: 0;
  }
}
@keyframes arrowRight {
  0% {
    transform: translate(-10px, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(10px, 0px);
    opacity: 0;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.8, 1.8, 1.8);
    transform: scale3d(1.8, 1.8, 1.8);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.8, 1.8, 1.8);
    transform: scale3d(1.8, 1.8, 1.8);
  }
}
.section-title,
h2.section-title {
  font-size: 56px;
  line-height: 48px;
  color: var(--color, #000000);
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .section-title,
  h2.section-title {
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 12px;
  }
}
.section-title-light,
h2.section-title-light {
  font-size: 56px;
  line-height: 48px;
  color: var(--color, #000000);
  margin-bottom: 24px;
  color: var(--color, #ffffff);
}
@media only screen and (max-width: 767px) {
  .section-title-light,
  h2.section-title-light {
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 12px;
  }
}

.section-subtitle,
p.section-subtitle,
h3.section-subtitle {
  font-size: 24px;
  line-height: 18px;
  color: var(--color, #37C9F3);
  font-family: "VisbyCF-Medium", arial, sans-serif;
  margin-bottom: 16px;
}
.section-subtitle:after,
p.section-subtitle:after,
h3.section-subtitle:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  position: relative;
  display: block;
  width: 143px;
  height: 10px;
  margin-top: 24px;
  background: var(--color, #37C9F3);
}
@media only screen and (max-width: 767px) {
  .section-subtitle,
  p.section-subtitle,
  h3.section-subtitle {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 20px;
  }
  .section-subtitle:after,
  p.section-subtitle:after,
  h3.section-subtitle:after {
    width: 132px;
    height: 10px;
    margin-top: 18px;
  }
}
.section-subtitle-center,
p.section-subtitle-center,
h3.section-subtitle-center {
  font-size: 24px;
  line-height: 18px;
  color: var(--color, #37C9F3);
  font-family: "VisbyCF-Medium", arial, sans-serif;
  margin-bottom: 16px;
}
.section-subtitle-center:after,
p.section-subtitle-center:after,
h3.section-subtitle-center:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  position: relative;
  display: block;
  width: 143px;
  height: 10px;
  margin-top: 24px;
  background: var(--color, #37C9F3);
}
@media only screen and (max-width: 767px) {
  .section-subtitle-center,
  p.section-subtitle-center,
  h3.section-subtitle-center {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 20px;
  }
  .section-subtitle-center:after,
  p.section-subtitle-center:after,
  h3.section-subtitle-center:after {
    width: 132px;
    height: 10px;
    margin-top: 18px;
  }
}
.section-subtitle-center:after,
p.section-subtitle-center:after,
h3.section-subtitle-center:after {
  margin-left: auto;
  margin-right: auto;
}
.section-subtitle-end,
p.section-subtitle-end,
h3.section-subtitle-end {
  font-size: 24px;
  line-height: 18px;
  color: var(--color, #37C9F3);
  font-family: "VisbyCF-Medium", arial, sans-serif;
  margin-bottom: 16px;
}
.section-subtitle-end:after,
p.section-subtitle-end:after,
h3.section-subtitle-end:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  position: relative;
  display: block;
  width: 143px;
  height: 10px;
  margin-top: 24px;
  background: var(--color, #37C9F3);
}
@media only screen and (max-width: 767px) {
  .section-subtitle-end,
  p.section-subtitle-end,
  h3.section-subtitle-end {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 20px;
  }
  .section-subtitle-end:after,
  p.section-subtitle-end:after,
  h3.section-subtitle-end:after {
    width: 132px;
    height: 10px;
    margin-top: 18px;
  }
}
.section-subtitle-end:after,
p.section-subtitle-end:after,
h3.section-subtitle-end:after {
  margin-left: auto;
  margin-right: auto;
  margin-right: 0;
}

.section-text p {
  font-size: inherit;
  line-height: inherit;
}

.section-btns:not(:first-child) {
  margin-top: 24px;
}
.img-block img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-block-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  background: #F3F4F8;
}
.img-block-16-9 img {
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-block {
  background-color: #ffffff;
  padding: 30px 40px 68px;
  border-radius: 8px;
}
.form-block .title-block {
  margin-bottom: 16px;
  color: #D3D3DD;
}
.form-block .title-block .contact-form-title {
  font-size: 24px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
}
.form-block div.gform_wrapper {
  max-width: 422px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .form-block {
    padding: 20px;
    margin-top: 40px;
  }
  .form-block .title-block {
    margin-bottom: 20px !important;
  }
  .form-block .title-block .contact-form-title {
    font-size: 18px;
    line-height: 31px;
    letter-spacing: 0.45px;
  }
}

.embed-responsive-vimeo:before {
  padding-top: 62.21%;
}
.embed-responsive-youtube:before {
  padding-top: 62.21%;
  padding-top: 56.25%;
}

.animation-pb.fade {
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.animation-pb.slide {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.animation-pb.slide.in-view {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.animation-pb.delay {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.shadow-top,
.shadow-bottom {
  position: relative;
  isolation: isolate;
}
.shadow-top:not(.bg-absolute):before, .shadow-top:not(.bg-absolute):after,
.shadow-bottom:not(.bg-absolute):before,
.shadow-bottom:not(.bg-absolute):after {
  z-index: -1;
}

.shadow-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  top: -1px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .shadow-top:before {
    height: 160px;
  }
}

.shadow-bottom:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  top: auto;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .shadow-bottom:after {
    height: 160px;
  }
}

@media only screen and (min-width: 768px) {
  .animation-pb.delay-1 {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-2 {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-3 {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-4 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-5 {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-6 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-7 {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-8 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    transition-delay: 0.8s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-9 {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    -ms-transition-delay: 0.9s;
    transition-delay: 0.9s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-10 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-11 {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    transition-delay: 1.1s !important;
  }
}
@media only screen and (min-width: 768px) {
  .animation-pb.delay-12 {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    transition-delay: 1.2s !important;
  }
}

/* Bootstrap Modal */
.modal .close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  color: #ffffff;
  border-radius: 50px;
  padding: 0;
  box-shadow: none;
  outline: 0;
  opacity: 1;
  transition: all 0.3s;
  z-index: 1;
  border: none;
}
.modal .close:after, .modal .close:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.3s;
}
.modal-dialog {
  top: 50%;
  left: 50%;
}
.modal-content {
  overflow: unset;
}
@media only screen and (max-width: 1200px) {
  .modal-content {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .modal-content {
    margin-top: 20px;
  }
}
.modal-body {
  display: block;
  background-color: #000000;
  padding: 0;
}
.modal-body .embed-responsive:before {
  padding-top: 56.25%;
}

/*  ================  */
/*  Home Page Styles  */
/*  ================  */
.section-hero {
  position: relative;
  overflow: hidden;
  height: 620px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  background-color: #36BFE4;
  isolation: isolate;
  display: flex;
  position: relative;
  padding: 8% 3% 8%;
  isolation: isolate;
  align-items: center !important;
  min-height: calc(100vh - 66px) !important;
  overflow: hidden;
  font-size: 24px;
  line-height: 31px;
}
.section-hero p {
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 21px;
}
.section-hero p:last-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .section-hero {
    padding: 55px 24px 138px;
    justify-content: flex-start !important;
    min-height: auto !important;
    font-size: 18px;
    line-height: 28px;
  }
  .section-hero p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
.section-hero:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.71);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.section-hero__bg {
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  z-index: -1;
  width: 100vw;
  height: 100vh;
}
.section-hero__bg__inner,
.section-hero__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-aspect-ratio: 16/9) {
  .section-hero__bg__inner {
    width: 382%;
    left: -140%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .section-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
.section-hero__block {
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
}
.section-hero__block__title {
  text-align: center;
  font-size: 92px !important;
  line-height: 72px;
  max-width: unset;
  margin-bottom: 24px;
}
.section-hero__block__title h1 {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .section-hero__block__title {
    font-size: 70px !important;
    line-height: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__block__title {
    font-size: 52px !important;
    line-height: 56px;
    margin-bottom: 14px;
  }
}
.section-hero__block__subtitle {
  font-size: 56px;
  line-height: 48px;
  margin-bottom: 46px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .section-hero__block__subtitle {
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 24px;
  }
}
.section-hero__block__text {
  max-width: 848px;
  margin-left: auto;
  margin-right: auto;
}
.section-hero__btns {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.section-hero__btns__item:not(:last-child) {
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .section-hero__btns {
    flex-direction: column;
  }
  .section-hero__btns__item {
    text-align: center;
  }
  .section-hero__btns__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero__btns .btn {
    min-width: 252px;
  }
}
@media only screen and (max-width: 767px) {
  .section-hero__btns .btn {
    width: fit-content;
    min-width: 214px;
    margin: 0 auto;
  }
}

.section-feature {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .section-feature {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
.section-feature__container {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .section-feature__container.reverse {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__container {
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    padding-left: 7.6923076923vw;
    padding-right: 7.6923076923vw;
  }
}
.section-feature__block, .section-feature__img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-feature__block, .section-feature__img {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .no_img .section-feature__block, .no_img .section-feature__img {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.section-feature__block.animation-pb:not(.in-view) {
  transform: translateY(40px);
}
@media only screen and (min-width: 768px) {
  .section-feature__block {
    padding-right: 14px;
  }
  .section-feature__block > * {
    max-width: 568px;
  }
  .no_img .section-feature__block > * {
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__block {
    text-align: center !important;
  }
  .section-feature__block:not(:last-child) {
    margin-bottom: 40px;
  }
  .section-feature__block .section-subtitle-end:after,
  .section-feature__block h3.section-subtitle-end:after,
  .section-feature__block p.section-subtitle-end:after {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__block__subtitle:after {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .section-content__container.reverse .section-feature__block {
    padding-right: 0;
    padding-left: 14px;
  }
}
.section-feature__img__wrapper {
  position: relative;
}
.section-feature__img__wrapper__after, .section-feature__img__wrapper__before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: 2px solid #aac41e;
  transform: skewX(-38deg);
}
.section-feature__img__wrapper__before {
  top: 26px;
  left: 5px;
  right: 0;
  bottom: -13px;
  margin-right: -244px;
}
.section-feature__img__wrapper__after {
  top: 15px;
  left: 60px;
  bottom: 15px;
  border: 2px solid #37C9F3;
  margin-right: -308px;
}
.animation-pb .section-feature__img__wrapper__after, .animation-pb .section-feature__img__wrapper__before {
  transition: all 1s cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 0;
}
.animation-pb .section-feature__img__wrapper__before {
  transform: translate(70px, -35px) skewX(-38deg);
}
.animation-pb .section-feature__img__wrapper__after {
  transform: skewX(-38deg) translate(31px, -30px);
}
.in-view .section-feature__img__wrapper__after, .in-view .section-feature__img__wrapper__before {
  transform: skewX(-38deg);
  transition-delay: 0.9s;
  opacity: 1;
}
.in-view .section-feature__img__wrapper__after {
  transition-delay: 1.1s;
}
@media only screen and (max-width: 767px) {
  .section-feature__img__wrapper__before {
    top: 16px;
    left: 79px;
    bottom: -8px;
    margin-right: -140px;
    top: 4.1025641026vw;
    left: 20.2564102564vw;
    bottom: -2.0512820513vw;
    margin-right: -35.8974358974vw;
  }
  .section-feature__img__wrapper__after {
    top: 8px;
    left: 107px;
    bottom: 6px;
    margin-right: -158px;
    top: 2.0512820513vw;
    left: 27.4358974359vw;
    bottom: 1.5384615385vw;
    margin-right: -40.5128205128vw;
  }
}
.section-feature__img__logo {
  position: absolute;
  bottom: 34px;
  left: -28px;
  z-index: 1;
  height: 33px;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 0;
}
.in-view .section-feature__img__logo {
  opacity: 1;
  transition-delay: 0.6s;
}
.section-feature__img__logo img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .section-feature__img__logo {
    display: none !important;
  }
}
.section-feature__img__inner {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  height: 415px;
  margin-left: -125px;
  margin-left: 38px;
  margin-right: -285px;
  transform: skewX(-38deg);
}
.section-feature__img__inner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.animation-pb .section-feature__img__inner img {
  transform: scale(1.4);
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.in-view .section-feature__img__inner img {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform: matrix(1.002, 0, 0, 1.002, 0, 0);
  transition-delay: 0.7s;
}
@media only screen and (max-width: 767px) {
  .section-feature__img__inner {
    height: 65.641025641vw;
    margin-left: 25.1282051282vw;
    margin-right: -46.1538461538vw;
  }
}
.section-feature__img__skew {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: -162px;
  left: -162px;
  transform: skewX(38deg);
  background-color: #D2D4DA;
}
.animation-pb .section-feature__img__skew {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 0.4s cubic-bezier(0.3, 0.1, 0.3, 1);
  background: linear-gradient(to right, #33bce3 0%, #3ed4eb 96%);
}
.in-view .section-feature__img__skew {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition-delay: 0.3s;
}
@media only screen and (max-width: 767px) {
  .section-feature__img__skew {
    right: -100px;
    left: -100px;
    right: -25.641025641vw;
    left: -25.641025641vw;
  }
}
.reverse .section-feature__img__wrapper__after, .reverse .section-feature__img__wrapper__before {
  transform: skewX(38deg);
}
.reverse .section-feature__img__wrapper__before {
  top: 26px;
  left: 0;
  right: 119px;
  bottom: -13px;
  margin-right: 0;
  margin-left: -244px;
}
.reverse .section-feature__img__wrapper__after {
  left: 0;
  right: 169px;
  margin-right: 0;
  margin-left: -308px;
}
@media only screen and (max-width: 767px) {
  .reverse .section-feature__img__wrapper__before {
    top: 14px;
    right: 79px;
    bottom: -8px;
    margin-left: -194px;
    top: 3.5897435897vw;
    right: 20.2564102564vw;
    bottom: -2.0512820513vw;
    margin-left: -49.7435897436vw;
  }
  .reverse .section-feature__img__wrapper__after {
    left: 0;
    margin-right: 0;
    right: 109px;
    margin-left: -194px;
    right: 27.9487179487vw;
    margin-left: -49.7435897436vw;
  }
}
.reverse .section-feature__img__logo {
  left: auto;
  right: 84px;
}
.reverse .section-feature__img__inner {
  margin-right: 152px;
  margin-left: -285px;
  transform: skewX(38deg);
}
.reverse .section-feature__img__inner img {
  transition-delay: 0.3s;
}
@media only screen and (max-width: 767px) {
  .reverse .section-feature__img__inner {
    margin-right: 100px;
    margin-left: -175px;
    margin-right: 25.641025641vw;
    margin-left: -44.8717948718vw;
  }
}
.reverse .section-feature__img__skew {
  transform: skewX(-38deg);
  transition-delay: 0s;
}
.reverse .animation-pb .section-feature__img__wrapper__before {
  transform: translate(-70px, -35px) skewX(38deg);
}
.reverse .animation-pb .section-feature__img__wrapper__after {
  transform: skewX(38deg) translate(-31px, -30px);
}
.reverse .in-view .section-feature__img__wrapper__after, .reverse .in-view .section-feature__img__wrapper__before {
  transform: skewX(38deg);
}
.section-feature__btns {
  display: flex;
}
.section-feature__btns__item:not(:last-child) {
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .section-feature__btns {
    flex-direction: column;
  }
  .section-feature__btns__item {
    text-align: center;
  }
  .section-feature__btns__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-feature__btns .btn-primary {
    min-width: 252px;
  }
}
@media only screen and (max-width: 767px) {
  .section-feature__btns .btn-primary {
    width: fit-content;
    min-width: 214px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .section-cta__container {
    padding-left: 39px;
    padding-right: 39px;
  }
}
.section-cta .bg-absolute.animation-pb:not(.in-view) {
  transform: scale(0.8);
  transform: scale(0.92);
  transform-origin: bottom;
}
.section-cta__block {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.section-cta__img__wrapper {
  position: relative;
}
.section-cta__img__wrapper__after, .section-cta__img__wrapper__before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: 2px solid #aac41e;
  transform: skewX(-38deg);
}
.section-cta__img__wrapper__before {
  top: 26px;
  left: 5px;
  right: 0;
  bottom: -13px;
  margin-right: -244px;
}
.section-cta__img__wrapper__after {
  top: 15px;
  left: 60px;
  bottom: 15px;
  border: 2px solid #37C9F3;
  margin-right: -308px;
}
.section-cta__img__inner {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  height: 415px;
  margin-left: -125px;
  margin-left: 38px;
  margin-right: -285px;
  transform: skewX(-38deg);
}
.section-cta__img__skew {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: -162px;
  left: -162px;
  transform: skewX(38deg);
  background-color: #D2D4DA;
}
.section-cta__img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-content__container.reverse .section-cta__img__wrapper:after, .section-content__container.reverse .section-cta__img__wrapper:before {
  transform: skewX(38deg);
}
.section-content__container.reverse .section-cta__img__wrapper:before {
  top: 26px;
  left: 0;
  right: 119px;
  bottom: -13px;
  margin-right: 0;
  margin-left: -244px;
}
.section-content__container.reverse .section-cta__img__wrapper:after {
  left: 0;
  right: 169px;
  margin-right: 0;
  margin-left: -308px;
}
.section-content__container.reverse .section-cta__img__inner {
  margin-right: 152px;
  margin-left: -285px;
  transform: skewX(38deg);
}
.section-content__container.reverse .section-cta__img__skew {
  transform: skewX(-38deg);
}
.section-cta__btns {
  display: flex;
}
.section-cta__btns__item:not(:last-child) {
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .section-cta__btns {
    flex-direction: column;
  }
  .section-cta__btns__item {
    text-align: center;
  }
  .section-cta__btns__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .section-cta__btns .btn-primary {
    min-width: 252px;
  }
}
@media only screen and (max-width: 767px) {
  .section-cta__btns .btn-primary {
    width: fit-content;
    min-width: 214px;
    margin: 0 auto;
  }
}

.page-flexible .diag-wrap {
  display: none !important;
}

/*  ===================  */
/*  Landing Page Styles  */
/*  ===================  */
#primary.landing-content-area {
  padding: 0;
}

.home .diag-wrap,
.page-landing .diag-wrap {
  display: none !important;
}

#topbar {
  background-color: #000000;
  padding: 21px 0;
}
#topbar .drop-lang {
  width: 137px;
}
#topbar .drop-lang select,
#topbar .drop-lang #drop-nav {
  display: block;
  background: #191919;
  border: 1px solid #3F3F3F !important;
  border-radius: 4px;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
  cursor: pointer;
}
#topbar .drop-lang .menu-language-container:after {
  font-size: 12px;
  line-height: 22px;
  top: 1px;
  right: 0;
  bottom: 1px;
  padding: 0 8px;
  color: #FFF;
  background: transparent;
  font-weight: bold;
}

.search-overlay,
.page-flexible .search-overlay {
  margin-left: 15px;
  padding: 2px;
}
.search-overlay:before,
.page-flexible .search-overlay:before {
  font-size: 20px;
  line-height: 20px;
}

@media screen and (max-width: 650px) {
  #topbar .mast .page-flexible #topbar .mast {
    width: 100%;
    width: calc(100% - 40px);
  }
  .rmp_menu_trigger,
  #rmp_menu_trigger-6473,
  .page-flexible .rmp_menu_trigger,
  .page-flexible #rmp_menu_trigger-6473 {
    left: 20px;
  }
}
/*  ===================  */
/*  DIVX 11 Page Styles  */
/*  ===================  */
.divx11 {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 20px;
  line-height: 1.5;
  color: #D3D3DD;
  isolation: isolate;
}
@media only screen and (max-width: 767px) {
  .divx11 {
    font-size: 16px;
    line-height: 25px;
  }
}
.divx11 p {
  font-size: inherit;
  line-height: inherit;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.divx11 p:last-child {
  margin-bottom: 0;
}
.divx11-title {
  font-size: 64px;
  line-height: 48px;
  letter-spacing: 0;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  margin-bottom: 34px;
}
.divx11-title:last-child {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .divx11-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 16px;
  }
  .divx11-title:last-child {
    margin: 0;
  }
}
.divx11-text-small,
.divx11 .divx11-text-small, .divx11-text-small.p {
  font-size: 14px;
  line-height: 20px;
  color: #92929E;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  font-weight: bold;
}
.divx11-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.divx11-btns:not(:first-child) {
  margin-top: 20px;
}
.divx11-btns .btn:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .divx11-btns:not(:first-child) {
    margin-top: 16px;
  }
  .divx11-btns:not(:last-child) {
    margin-right: 8px;
  }
}
.divx11 .animation-pb.fade {
  transform: translateY(20px);
}
.divx11 .animation-pb.fade.in-view {
  transform: translateY(0);
}

.divx11-hero {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  isolation: isolate;
  padding-top: 210px;
  padding-bottom: 110px;
  /* With Ads */
}
.divx11-hero:before, .divx11-hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.divx11-hero:before {
  top: 0;
  bottom: auto;
  height: 230px;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-hero:after {
  top: auto;
  bottom: 0;
  height: 210px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-hero {
    padding-top: 58px;
    padding-bottom: 134px;
  }
  .divx11-hero:before {
    top: 0;
    height: 230px;
    opacity: 0.6;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  }
  .divx11-hero:after {
    height: 112px;
  }
}
.divx11-hero__bg {
  z-index: -2;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100vw;
  height: 100vh;
  height: 100%;
}
.divx11-hero__bg__inner,
.divx11-hero__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.divx11-hero__bg .embed-responsive {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.divx11-hero__bg .embed-responsive:before {
  display: none !important;
}
.divx11-hero__bg__inner {
  opacity: 0.35;
}
@media (max-aspect-ratio: 16/9) {
  .divx11-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .divx11-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
.divx11-hero__block {
  text-align: center;
  margin: 0 auto 56px;
}
@media only screen and (max-width: 767px) {
  .divx11-hero__block {
    margin-bottom: 52px;
  }
}
.divx11-hero__block__title {
  text-transform: uppercase;
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  max-width: unset;
  font-size: 74px;
  line-height: 54px;
  margin-bottom: 32px;
}
.divx11-hero__block__title img {
  margin-top: 4px;
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .divx11-hero__block__title {
    font-size: 46px;
    line-height: 44px;
    margin-bottom: 21px;
  }
  .divx11-hero__block__title img {
    display: block;
    height: 41px;
    width: auto;
    margin: 0 auto 14px;
  }
}
.divx11-hero__block__text {
  max-width: 872px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.divx11-hero__block__text span {
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  font-weight: 900;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .divx11-hero__block__text {
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-hero__video {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.divx11-hero__video__player {
  position: relative;
  max-width: 954px;
  margin-left: auto;
  margin-right: auto;
}
.divx11-hero__video__icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 86px;
  min-width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.61);
  border: 4px solid #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.divx11-hero__video__icon img {
  display: block;
  transform: translateX(3px);
}
.divx11-hero__video__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}
.divx11-hero__video__icon:hover:before {
  opacity: 1;
}
@media only screen and (max-width: 994px) {
  .divx11-hero__video__icon {
    width: 8.6519114688vw;
    min-width: 8.6519114688vw;
    height: 8.6519114688vw;
    border-width: 0.4024144869vw;
  }
  .divx11-hero__video__icon img {
    height: 3.722334004vw;
    transform: translateX(0.3018108652vw);
  }
}
@media only screen and (max-width: 767px) {
  .divx11-hero__video__icon {
    border-width: 2px;
  }
}
.divx11-hero__video__title {
  font-size: 56px;
  line-height: 42px;
  letter-spacing: 0;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  margin-bottom: 32px;
}
.divx11-hero__video__title img {
  display: block;
  width: auto;
  height: 43px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 994px) {
  .divx11-hero__video__title {
    font-size: 5.6338028169vw;
    line-height: 4.2253521127vw;
    margin-bottom: 3.2193158954vw;
  }
  .divx11-hero__video__title img {
    height: 4.3259557344vw;
    margin-bottom: 1.6096579477vw;
  }
}
.divx11-hero__video__text {
  position: absolute;
  color: #ffffff;
  top: 125px;
  left: 66px;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 994px) {
  .divx11-hero__video__text {
    top: 12.5754527163vw;
    left: 6.6398390342vw;
    font-size: 2.4144869215vw;
  }
}
.divx11-hero .btn {
  min-width: 252px;
}
.divx11-hero.has-ad {
  padding-top: 90px;
  padding-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .divx11-hero.has-ad {
    padding-top: 36px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-hero.has-ad .divx11-hero__block {
    margin-bottom: 46px;
  }
}
.divx11-hero.has-ad .divx11-hero__block__title {
  text-transform: initial;
  font-size: 74px;
  line-height: 81px;
}
@media only screen and (max-width: 767px) {
  .divx11-hero.has-ad .divx11-hero__block__title {
    font-size: 42px;
    line-height: 46px;
  }
  .divx11-hero.has-ad .divx11-hero__block__title img {
    margin: 0;
    display: inline-flex;
    height: 31px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-hero.has-ad .divx11-hero__block__text {
    margin-bottom: 24px;
  }
}
.divx11-hero__ad {
  margin-top: 72px;
  margin-left: 24px;
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .divx11-hero__ad {
    margin-top: 48px;
  }
}
.divx11-hero__ad__block {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 728px;
  font-size: 22px;
  line-height: 1;
  color: #D3D3DD;
  letter-spacing: 0;
  background: #18191E;
  border: 1px solid #2B2C38;
  padding: 37px;
}
@media only screen and (max-width: 767px) {
  .divx11-hero__ad__block {
    margin-top: 48px;
    padding: 26px;
  }
}

.divx11-feature {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
  background-color: #000000;
}
.divx11-feature__bg:before, .divx11-feature__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  height: 210px;
}
.divx11-feature__bg:before {
  top: 0;
  bottom: auto;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-feature__bg:after {
  top: auto;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-feature__bg:before, .divx11-feature__bg:after {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-feature {
    padding-top: 54px;
    padding-bottom: 64px;
  }
}
.divx11-feature__header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1010px;
  margin-bottom: 62px;
}
.divx11-feature__header__title {
  color: #ffffff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .divx11-feature__header {
    margin-bottom: 34px;
  }
  .divx11-feature__header__title {
    margin-bottom: 17px;
  }
}
.divx11-feature__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  max-width: 1136px;
  margin-left: auto;
  margin-right: auto;
}
.divx11-feature__cards__item {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .divx11-feature__cards {
    gap: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-feature__cards {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}

.divx11-spec {
  padding-top: 142px;
  padding-bottom: 142px;
  overflow: hidden;
  background-color: #000000;
}
@media only screen and (max-width: 767px) {
  .divx11-spec {
    padding-top: 108px;
    padding-bottom: 85px;
  }
  .divx11-spec .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.divx11-spec__bg:before, .divx11-spec__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
}
.divx11-spec__bg:before {
  top: -1px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-spec__bg:after {
  top: auto;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-spec__bg:before {
    height: 160px;
  }
  .divx11-spec__bg:after {
    height: 230px;
  }
}
.divx11-spec__header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__header {
    margin-bottom: 40px;
  }
}
.divx11-spec__intro {
  margin-left: auto;
  margin-right: auto;
  max-width: 832px;
}
.divx11-spec__intro a {
  color: #D3D3DD;
  text-decoration: underline;
}
.divx11-spec__title {
  color: #ffffff;
  margin-bottom: 30px;
}
.divx11-spec__title img {
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__title {
    margin-bottom: 8px;
  }
  .divx11-spec__title img {
    max-height: 30px;
    width: auto;
  }
}
.divx11-spec__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1148px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
@media only screen and (max-width: 991px) {
  .divx11-spec__cards {
    gap: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-spec__cards {
    gap: 24px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.divx11-spec__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__btns {
    margin-bottom: 24px;
    flex-direction: column-reverse;
  }
}
.divx11-spec__btns .btn {
  min-width: 254px;
}
.divx11-spec__btns .btn:not(:last-child) {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__btns .btn:not(:last-child) {
    margin-right: 0;
  }
  .divx11-spec__btns .btn:last-child {
    margin-bottom: 16px;
  }
}
.divx11-spec__compare {
  text-align: center;
}
.divx11-spec__compare__text {
  display: inline-flex;
  align-items: center;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.divx11-spec__compare__text .icon-arrow {
  margin-left: 5px;
}
.divx11-spec__compare__text .icon {
  margin-left: 5px;
  font-size: 16px;
}
.divx11-spec__compare__text:not(:hover) {
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.divx11-spec__compare__text:hover {
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 1s ease-in-out infinite alternate;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__compare__text {
    font-size: 16px;
  }
  .divx11-spec__compare__text .icon {
    font-size: 14px;
  }
}
.divx11-spec__ad {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 728px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__ad {
    margin-top: 56px;
  }
}
.divx11-spec__ad__inner {
  text-align: center;
  background: #18191E;
  border: 1px solid #2B2C38;
  padding: 37px;
}
@media only screen and (max-width: 767px) {
  .divx11-spec__ad__inner {
    padding: 26px;
  }
}

.divx11-panel {
  padding-top: 70px;
  padding-bottom: 128px;
  overflow: hidden;
  background-color: #000000;
  /* Alternative Version */
}
@media only screen and (max-width: 767px) {
  .divx11-panel {
    padding-top: 114px;
    padding-bottom: 52px;
  }
  .divx11-panel .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.divx11-panel__bg:before, .divx11-panel__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
}
.divx11-panel__bg:before {
  top: -1px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-panel__bg:after {
  top: auto;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-panel__bg:before {
    height: 160px;
  }
  .divx11-panel__bg:after {
    height: 230px;
  }
}
.divx11-panel__header {
  text-align: center;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .divx11-panel__header {
    margin-bottom: 32px;
  }
}
.divx11-panel__title {
  color: #ffffff;
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .divx11-panel__title {
    margin-bottom: 10px;
  }
}
.divx11-panel__video {
  max-width: 898px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
.divx11-panel__video:last-child {
  margin-bottom: 0;
}
.divx11-panel__video__player {
  box-shadow: 0 15px 75px 0 #000000;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(315deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(315deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1) !important;
  isolation: isolate;
}
.divx11-panel__video__player:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: -1;
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 0.4s ease;
  transition-delay: 1.2s;
}
.divx11-panel__video__player img, .divx11-panel__video__player iframe {
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.divx11-panel__video__player.animation-pb img, .divx11-panel__video__player.animation-pb iframe {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.divx11-panel__video__player.in-view img, .divx11-panel__video__player.in-view iframe {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition-delay: 0.7s;
}
.divx11-panel__video__player.in-view:after {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-panel__video {
    margin-bottom: 50px;
  }
}
.divx11-panel__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1148px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
@media only screen and (max-width: 991px) {
  .divx11-panel__cards {
    gap: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-panel__cards {
    gap: 24px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.divx11-panel__slider {
  max-width: 1056px;
  max-width: 1008px;
  margin-left: auto;
  margin-right: auto;
}
.divx11-panel__slider__container {
  padding-left: 116px;
  padding-right: 116px;
}
@media only screen and (max-width: 1200px) {
  .divx11-panel__slider__container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__container {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.divx11-panel__slider__header {
  text-align: center;
  margin-bottom: 28px;
}
.divx11-panel__slider__header .divx11-panel__slider__title {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .divx11-panel__slider__header {
    display: none !important;
  }
}
.divx11-panel__slider__title {
  font-size: 36px;
  line-height: 32px;
  color: #ffffff;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  letter-spacing: 0;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__title {
    text-align: center;
    font-size: 34px;
    line-height: 36px;
    min-height: 72px;
  }
}
.divx11-panel__slider .slick-slide {
  text-align: initial;
}
.divx11-panel__slider .slick-list {
  overflow: unset !important;
}
.divx11-panel__slider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  border-radius: 50%;
  background: transparent;
  font-size: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border: 2px solid #DFDFDF;
}
.divx11-panel__slider .slick-arrow:before {
  width: 100%;
  height: 100%;
  font-family: "Font Awesome 5 Free", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  border-radius: 50%;
}
.divx11-panel__slider .slick-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100%;
}
.divx11-panel__slider .slick-arrow:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.divx11-panel__slider .slick-arrow:hover:after {
  background-color: #ffffff;
  -webkit-animation: zoomIn 2.2s infinite;
  animation: zoomIn 2.2s infinite;
  box-sizing: border-box;
}
.divx11-panel__slider .slick-arrow:hover:before {
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1200px) {
  .divx11-panel__slider .slick-arrow {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  .divx11-panel__slider .slick-arrow:before {
    font-size: 20px;
  }
}
.divx11-panel__slider .slick-arrow.slick-prev {
  left: auto;
  right: 100%;
  margin-right: 32px;
}
.divx11-panel__slider .slick-arrow.slick-prev:before {
  content: "\f053";
}
.divx11-panel__slider .slick-arrow.slick-prev:hover:before {
  -webkit-animation: arrowLeft 1.2s infinite;
  animation: arrowLeft 1.2s infinite;
}
.divx11-panel__slider .slick-arrow.slick-next {
  right: auto;
  left: 100%;
  margin-left: 32px;
}
.divx11-panel__slider .slick-arrow.slick-next:before {
  content: "\f054";
}
.divx11-panel__slider .slick-arrow.slick-next:hover:before {
  -webkit-animation: arrowRight 1.5s infinite;
  animation: arrowRight 1.5s infinite;
}
@media only screen and (max-width: 1200px) {
  .divx11-panel__slider .slick-arrow.slick-prev {
    margin-right: 16px;
  }
  .divx11-panel__slider .slick-arrow.slick-next {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider .slick-arrow {
    display: none !important;
  }
}
.divx11-panel__slider .slick-dots {
  display: flex;
  margin-bottom: 0;
}
.divx11-panel__slider .slick-dots button {
  display: block;
  position: relative;
  overflow: hidden;
  width: 56px;
  height: 10px;
  border-radius: 20px;
  font-size: 0;
  border: none;
  background: #2B2C38;
  isolation: isolate;
}
.divx11-panel__slider .slick-dots button:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  z-index: -1;
  transform: translateX(-100%);
  border-radius: 20px;
}
.divx11-panel__slider .slick-dots button:hover {
  background: #575972;
}
.divx11-panel__slider .slick-dots li:not(:last-child) {
  margin-right: 12px;
}
.divx11-panel__slider .slick-dots li.slick-active button:before {
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider .slick-dots {
    margin-top: 24px;
    justify-content: center;
  }
  .divx11-panel__slider .slick-dots button {
    width: 46px;
  }
}
.divx11-panel__slider__item {
  display: flex;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0;
  color: #92929E;
}
.divx11-panel__slider__item b, .divx11-panel__slider__item strong {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__item {
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
  }
}
.divx11-panel__slider__img, .divx11-panel__slider__info {
  width: 100%;
  flex: 0 0 100%;
}
.divx11-panel__slider__info {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .divx11-panel__slider__info {
    max-width: 52.7777777778%;
    flex: 0 0 52.7777777778%;
    order: 1;
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__info {
    margin-top: -3.3333333333vw;
  }
  .divx11-panel__slider__info .divx11-panel__slider__title {
    display: none !important;
  }
}
.divx11-panel__slider__text:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__text {
    padding: 0 6px;
  }
  .divx11-panel__slider__text:not(:last-child) {
    margin-bottom: 16px;
  }
}
.divx11-panel__slider__img {
  position: relative;
}
.divx11-panel__slider__img_inner {
  position: relative;
  padding-bottom: 73.6342042755%;
}
.divx11-panel__slider__img_inner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.divx11-panel__slider__img_inner:after, .divx11-panel__slider__img_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: 100% !important;
  height: unset;
}
.divx11-panel__slider__img_inner:before {
  width: 424px;
  width: 100.7125890736%;
  padding-bottom: 83.4905660377%;
  padding-bottom: 84.490566%;
  background: url("../../images/divx11/slider-mask-1.svg") no-repeat;
  top: -16px;
  right: -27px;
  top: -5.1779935275%;
  right: -6.3679245283%;
  left: auto;
}
.divx11-panel__slider__img_inner:after {
  width: 427px;
  width: 101.4251781473%;
  padding-bottom: 81.4988290398%;
  padding-bottom: 83.498829%;
  background: url("../../images/divx11/slider-mask-2.svg") no-repeat;
  top: -27px;
  right: -15px;
  top: -8.7378640777%;
  right: -3.5128805621%;
  left: auto;
}
.divx11-panel__slider__img img {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .divx11-panel__slider__img {
    margin-right: 18px;
    max-width: 41.7658730159%;
    flex: 0 0 41.7658730159%;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-panel__slider__img {
    max-width: 74.8717948718vw;
    margin-left: -4.358974359vw;
  }
  .divx11-panel__slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 47.6923076923vw;
    opacity: 0.91;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 12%, #000000 53%, rgba(0, 0, 0, 0) 100%);
    top: auto;
    width: auto;
    left: -20vw;
    right: -20vw;
    bottom: -22.8205128205vw;
  }
  .divx11-panel__slider__img_inner:before {
    width: 75.3846153846vw;
    height: 61.7948717949vw;
    padding: 0;
    top: -1.9230769231vw;
    right: -4.8717948718vw;
  }
  .divx11-panel__slider__img_inner:after {
    width: 76.0564102564vw;
    height: 60.9435897436vw;
    padding: 0;
    top: -3.8461538462vw;
    right: -2.7435897436vw;
  }
}
.divx11-panel__slider__btns .btn {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}
.divx11-panel-alt {
  padding-top: 64px;
  padding-bottom: 64px;
}
.divx11-panel-alt .divx11-panel__header, .divx11-panel-alt .divx11-panel__video {
  max-width: 1072px;
}

.divx11-beyond {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  background-color: #000000;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}
.divx11-beyond__container {
  padding: 0;
  max-width: unset;
}
.divx11-beyond__bg {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100vw;
  height: 100vh;
  height: 100%;
}
.divx11-beyond__bg:before, .divx11-beyond__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 340px;
  z-index: 1;
}
.divx11-beyond__bg:before {
  top: -1px;
  background: linear-gradient(180deg, #000000 70%, rgba(0, 0, 0, 0) 100%);
}
.divx11-beyond__bg:after {
  top: auto;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(0deg, #000000 50%, rgba(0, 0, 0, 0) 100%);
}
.divx11-beyond__bg__inner,
.divx11-beyond__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.divx11-beyond__bg__inner {
  opacity: 1;
}
@media (max-aspect-ratio: 16/9) {
  .divx11-beyond__bg__inner {
    height: 300%;
    top: -100%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .divx11-beyond__bg__inner {
    height: 300%;
    top: -100%;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__bg:before {
    height: 160px;
  }
  .divx11-beyond__bg:after {
    height: 230px;
  }
  .divx11-beyond__bg__inner:before, .divx11-beyond__bg__inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 1;
  }
  .divx11-beyond__bg__inner:before {
    top: -1px;
    background: linear-gradient(180deg, #000000 40%, rgba(0, 0, 0, 0) 100%);
  }
  .divx11-beyond__bg__inner:after {
    top: auto;
    bottom: 0;
    height: 90px;
    background: linear-gradient(0deg, #000000 50%, rgba(0, 0, 0, 0) 100%);
  }
}
@media only screen and (max-width: 767px) and (max-aspect-ratio: 16/9) {
  .divx11-beyond__bg__inner {
    top: 0;
    margin-top: 160px;
    width: 382%;
    left: -140%;
    height: 54vh;
  }
}
.divx11-beyond__header {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
  margin-bottom: -28px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__header {
    margin-bottom: 0;
    margin-bottom: 300px;
    margin-bottom: 60vw;
  }
}
.divx11-beyond__title {
  color: #ffffff;
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__title {
    margin-bottom: 10px;
  }
}
.divx11-beyond__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.divx11-beyond__slider__item {
  display: flex;
  display: flex !important;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0;
  color: #D3D3DD;
  height: 807px;
}
.divx11-beyond__slider__item b, .divx11-beyond__slider__item strong {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider__item {
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    height: auto;
  }
}
.divx11-beyond__slider__img {
  position: absolute;
  isolation: isolate;
  width: 100%;
  height: 100%;
}
.divx11-beyond__slider__img img {
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider__img {
    position: relative;
    height: 108.4615384615vw;
  }
  .divx11-beyond__slider__img .ofit-left {
    object-position: left;
  }
}
.divx11-beyond__slider__info {
  width: 100%;
  flex: 0 0 100%;
  position: relative;
  margin-left: auto;
}
.divx11-beyond__slider__info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 50%);
  top: -212px;
  left: -242px;
  z-index: -1;
}
.divx11-beyond__slider__info p:not(:last-child) {
  margin-bottom: 4px;
}
.divx11-beyond__slider__info h5,
.divx11-beyond__slider__info .divx11-text-small {
  font-size: 14px;
  line-height: 20px;
  color: #92929E;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  font-weight: bold;
  min-height: 40px;
}
@media only screen and (min-width: 768px) {
  .divx11-beyond__slider__info {
    max-width: 532px;
    margin-right: 40px;
    margin-bottom: 90px;
    min-height: 318px;
  }
}
@media only screen and (min-width: 992px) {
  .divx11-beyond__slider__info {
    margin-right: 80px;
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1201px) {
  .divx11-beyond__slider__info {
    margin-right: 120px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider__info {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.divx11-beyond__slider__title {
  font-size: 36px;
  line-height: 32px;
  color: #ffffff;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  letter-spacing: 0;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider__title {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
  }
}
.divx11-beyond__slider .slick-slide {
  text-align: initial;
}
.divx11-beyond__slider .slick-list {
  overflow: unset !important;
}
.divx11-beyond__slider .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  border-radius: 50%;
  background: transparent;
  font-size: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border: 2px solid #DFDFDF;
  z-index: 1;
  transform: none;
  top: auto;
  bottom: 0;
}
.divx11-beyond__slider .slick-arrow:before {
  width: 100%;
  height: 100%;
  font-family: "Font Awesome 5 Free", arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  border-radius: 50%;
}
.divx11-beyond__slider .slick-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100%;
}
.divx11-beyond__slider .slick-arrow:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.divx11-beyond__slider .slick-arrow:hover:after {
  background-color: #ffffff;
  -webkit-animation: zoomIn 2.2s infinite;
  animation: zoomIn 2.2s infinite;
  box-sizing: border-box;
}
.divx11-beyond__slider .slick-arrow:hover:before {
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1200px) {
  .divx11-beyond__slider .slick-arrow {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
  .divx11-beyond__slider .slick-arrow:before {
    font-size: 20px;
  }
}
.divx11-beyond__slider .slick-arrow.slick-prev {
  right: auto;
  margin: 0;
}
.divx11-beyond__slider .slick-arrow.slick-prev:before {
  content: "\f053";
}
.divx11-beyond__slider .slick-arrow.slick-prev:hover:before {
  -webkit-animation: arrowLeft 1.2s infinite;
  animation: arrowLeft 1.2s infinite;
}
.divx11-beyond__slider .slick-arrow.slick-next {
  right: auto;
  margin-left: 88px;
}
.divx11-beyond__slider .slick-arrow.slick-next:before {
  content: "\f054";
}
.divx11-beyond__slider .slick-arrow.slick-next:hover:before {
  -webkit-animation: arrowRight 1.5s infinite;
  animation: arrowRight 1.5s infinite;
}
@media only screen and (min-width: 768px) {
  .divx11-beyond__slider .slick-arrow.slick-prev, .divx11-beyond__slider .slick-arrow.slick-next {
    left: calc(100% - 532px - 40px);
  }
}
@media only screen and (min-width: 992px) {
  .divx11-beyond__slider .slick-arrow.slick-prev, .divx11-beyond__slider .slick-arrow.slick-next {
    left: calc(100% - 532px - 80px);
  }
}
@media only screen and (min-width: 1201px) {
  .divx11-beyond__slider .slick-arrow.slick-prev, .divx11-beyond__slider .slick-arrow.slick-next {
    left: calc(100% - 532px - 120px);
  }
}
@media only screen and (max-width: 1200px) {
  .divx11-beyond__slider .slick-arrow.slick-next {
    margin-left: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider .slick-arrow {
    display: none !important;
  }
}
.divx11-beyond__slider .slick-dots {
  display: flex;
  margin-bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 28px;
}
.divx11-beyond__slider .slick-dots button {
  display: block;
  position: relative;
  overflow: hidden;
  width: 56px;
  height: 10px;
  border-radius: 20px;
  font-size: 0;
  border: none;
  background: #2B2C38;
  isolation: isolate;
}
.divx11-beyond__slider .slick-dots button:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  z-index: -1;
  transform: translateX(-100%);
  border-radius: 20px;
}
.divx11-beyond__slider .slick-dots button:hover {
  background: #575972;
}
.divx11-beyond__slider .slick-dots li:not(:last-child) {
  margin-right: 12px;
}
.divx11-beyond__slider .slick-dots li.slick-active button:before {
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider .slick-dots {
    margin-top: 24px;
    justify-content: center;
  }
  .divx11-beyond__slider .slick-dots button {
    width: 46px;
  }
}
@media only screen and (min-width: 768px) {
  .divx11-beyond__slider .slick-dots {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .divx11-beyond__slider .slick-dots {
    margin-right: 80px;
  }
}
@media only screen and (min-width: 1201px) {
  .divx11-beyond__slider .slick-dots {
    margin-right: 120px;
  }
}
@media only screen and (max-width: 1200px) {
  .divx11-beyond__slider .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-beyond__slider .slick-dots {
    bottom: unset;
    position: relative;
    margin-top: 16px;
  }
}

.divx11-banner {
  padding-top: 208px;
  padding-bottom: 370px;
  background-color: #000000;
}
@media only screen and (max-width: 991px) {
  .divx11-banner {
    padding-top: 120px;
    padding-bottom: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-banner {
    padding-top: 70px;
    padding-bottom: 120px;
  }
}
.divx11-banner__bg .animation-pb:not(.in-view) {
  transform: scale(0.8);
  transform: scale(0.92);
  transform-origin: bottom;
}
.divx11-banner__bg:before, .divx11-banner__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 378px;
}
.divx11-banner__bg:before {
  top: -1px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 300px;
}
.divx11-banner__bg:after {
  top: auto;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx11-banner__bg:before {
    height: 160px;
  }
  .divx11-banner__bg:after {
    height: 230px;
  }
}
.divx11-banner__block {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.divx11-banner__block__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 74px;
  line-height: 46px;
  margin-bottom: 28px;
}
.divx11-banner__block__title img {
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .divx11-banner__block__title {
    font-size: 46px;
    line-height: 44px;
    margin-bottom: 13px;
  }
  .divx11-banner__block__title img {
    display: block;
    height: 41px;
    width: auto;
    margin: 13px auto 10px;
  }
}
.divx11-banner__block__text {
  max-width: 666px;
  margin-left: auto;
  margin-right: auto;
}
.divx11-banner__block .section-btns {
  margin-top: 28px;
}
@media only screen and (max-width: 767px) {
  .divx11-banner__block .section-btns {
    margin-top: 20px;
  }
}

.divx11-cta {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .divx11-cta {
    padding: 0;
  }
}
.divx11-cta__bg .animation-pb:not(.in-view) {
  transform: scale(0.8);
  transform: scale(0.92);
  transform-origin: bottom;
}
.divx11-cta__cards {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.divx11-cta__cards .card {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .divx11-cta__cards {
    flex-direction: column;
  }
}

@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.page-mailchimp #content, .page-flexible #content {
  z-index: unset;
}

.page-divx11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover, .page-divx-11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover {
  color: #ffffff !important;
}
.page-divx11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover:before, .page-divx-11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover:before {
  border-color: #ffffff;
}
.page-divx11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover:after, .page-divx-11 #masthead.transparent-header #site-navigation .header-right .ow-button-hover:after {
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
}

.page-divx11 .diag-wrap {
  display: none !important;
}
.page-divx11 #content {
  position: inherit;
  z-index: 2;
}

/* Modal */
.modal-mac {
  color: #ffffff;
}
.modal-mac .modal-content {
  max-width: 642px;
  border-radius: 10px;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  padding: 1px;
}
@media only screen and (max-width: 767px) {
  .modal-mac .modal-content {
    max-width: calc(100% - 32px);
    border-radius: 8px;
  }
}
.modal-mac .modal-body {
  padding: 64px 48px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .modal-mac .modal-body {
    font-size: 16px;
    line-height: 22px;
    padding: 28px 20px;
    border-radius: 8px;
  }
}
.modal-mac .modal-body .logo, .modal-mac .modal-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 33px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .modal-mac .modal-body .logo, .modal-mac .modal-body img {
    height: 26px;
    margin-bottom: 16px;
  }
}
.modal-mac .modal-body h2, .modal-mac .modal-body .h2, .modal-mac .modal-body .modal-title {
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 44px;
  line-height: 1.1;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .modal-mac .modal-body h2, .modal-mac .modal-body .h2, .modal-mac .modal-body .modal-title {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-mac .modal-body .modal-text {
    max-width: 516px;
  }
}
.modal-mac .modal-body p {
  font-size: unset;
  line-height: unset;
}
.modal-mac .modal-body p:empty {
  margin-bottom: 0;
}
.modal-mac .modal-body .btn {
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .modal-mac .modal-body .btn {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.modal-mac .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 2px solid #ffffff;
}
.modal-mac .close:before, .modal-mac .close:after {
  width: 15px;
}
@media only screen and (max-width: 767px) {
  .modal-mac .close {
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
  }
  .modal-mac .close:before, .modal-mac .close:after {
    width: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .page-mailchimp .modal-mac .modal-body {
    padding: 46px 40px;
  }
}
.page-mailchimp .modal-mac .modal-body h2, .page-mailchimp .modal-mac .modal-body .h2, .page-mailchimp .modal-mac .modal-body .modal-title {
  font-size: 35px;
  line-height: 32px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .page-mailchimp .modal-mac .modal-body h2, .page-mailchimp .modal-mac .modal-body .h2, .page-mailchimp .modal-mac .modal-body .modal-title {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .page-mailchimp .modal-mac .modal-body .modal-text {
    max-width: unset;
  }
}
.page-mailchimp .modal-mac .modal-body p {
  margin-bottom: 16px;
}
.page-mailchimp .modal-mac .modal-body p:last-child {
  margin: 0;
}
.page-mailchimp .modal-mac .modal-body p:empty {
  margin-bottom: 0;
}
.modal-mac #mc_embed_signup form {
  margin: 0;
}
.modal-mac #mc_embed_signup #mc-embedded-subscribe-form .mc_fieldset {
  border: none;
  min-height: 0px;
  padding-bottom: 0px;
}
.modal-mac #mc_embed_signup #mc-embedded-subscribe-form input[type=checkbox] {
  display: inline;
  width: auto;
  margin-right: 10px;
}
.modal-mac #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  border: none;
  color: #ffffff;
  background: transparent;
  padding: 0;
  margin-top: 0;
}
.modal-mac #mc_embed_signup #mergeRow-gdpr {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.4;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #92929E;
}
.modal-mac #mc_embed_signup #mergeRow-gdpr fieldset label {
  font-weight: normal;
}
.modal-mac #mc_embed_signup #mergeRow-gdpr p {
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.modal-mac #mc_embed_signup #mergeRow-gdpr h4 {
  font-size: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #ffffff;
  margin-bottom: 10px;
}
.modal-mac #mc_embed_signup #mergeRow-gdpr a {
  color: #ffffff;
  text-decoration: underline;
}
.modal-mac #mc_embed_signup div#mce-responses {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #ffffff;
  width: 100%;
  margin-bottom: 0;
}
.modal-mac #mc_embed_signup div.response {
  color: #ffffff;
  float: none;
  width: 100%;
  font-size: 16px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  margin: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.modal-mac #mc_embed_signup #mce-success-response {
  color: #aac41e;
}
.modal-mac #mc_embed_signup #mce-error-response {
  color: #e85c41;
}
.modal-mac #mc_embed_signup .button, .modal-mac #mc_embed_signup input[type=submit] {
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  padding: 21px 45px 22px;
  border-radius: 100px;
  font-size: 20px;
  line-height: 18px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  isolation: isolate;
  outline: none;
  height: unset;
  color: #ffffff;
  background: linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  background: -webkit-linear-gradient(0deg, #39c8f3 0, #7b27c7 51%, #f80083 100%);
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}
.modal-mac #mc_embed_signup .button:before, .modal-mac #mc_embed_signup .button:after, .modal-mac #mc_embed_signup input[type=submit]:before, .modal-mac #mc_embed_signup input[type=submit]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 100px;
  background-color: #37C9F3;
  background: -moz-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: -webkit-linear-gradient(left, #33bce3 0%, #3ed4eb 96%);
  background: linear-gradient(to right, #33bce3 0%, #3ed4eb 96%);
}
.modal-mac #mc_embed_signup .button:after, .modal-mac #mc_embed_signup input[type=submit]:after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #ffffff;
  opacity: 0;
}
.modal-mac #mc_embed_signup .button:visited, .modal-mac #mc_embed_signup input[type=submit]:visited {
  color: #ffffff;
}
.modal-mac #mc_embed_signup .button:hover, .modal-mac #mc_embed_signup .button:focus, .modal-mac #mc_embed_signup input[type=submit]:hover, .modal-mac #mc_embed_signup input[type=submit]:focus {
  outline: none;
  color: #37C9F3;
}
.modal-mac #mc_embed_signup .button:hover:after, .modal-mac #mc_embed_signup .button:focus:after, .modal-mac #mc_embed_signup input[type=submit]:hover:after, .modal-mac #mc_embed_signup input[type=submit]:focus:after {
  z-index: -1;
  opacity: 1;
}
.modal-mac #mc_embed_signup .button.disabled, .modal-mac #mc_embed_signup .button:disabled, .modal-mac #mc_embed_signup input[type=submit].disabled, .modal-mac #mc_embed_signup input[type=submit]:disabled {
  color: #ffffff;
}
.modal-mac #mc_embed_signup .button.disabled:before, .modal-mac #mc_embed_signup .button:disabled:before, .modal-mac #mc_embed_signup input[type=submit].disabled:before, .modal-mac #mc_embed_signup input[type=submit]:disabled:before {
  background: #9496A1;
  border-color: #9496A1;
}
.modal-mac #mc_embed_signup .button.disabled:hover, .modal-mac #mc_embed_signup .button.disabled:visited, .modal-mac #mc_embed_signup .button.disabled:focus, .modal-mac #mc_embed_signup .button:disabled:hover, .modal-mac #mc_embed_signup .button:disabled:visited, .modal-mac #mc_embed_signup .button:disabled:focus, .modal-mac #mc_embed_signup input[type=submit].disabled:hover, .modal-mac #mc_embed_signup input[type=submit].disabled:visited, .modal-mac #mc_embed_signup input[type=submit].disabled:focus, .modal-mac #mc_embed_signup input[type=submit]:disabled:hover, .modal-mac #mc_embed_signup input[type=submit]:disabled:visited, .modal-mac #mc_embed_signup input[type=submit]:disabled:focus {
  color: #ffffff;
}
.modal-mac #mc_embed_signup .button.disabled:hover:before, .modal-mac #mc_embed_signup .button.disabled:visited:before, .modal-mac #mc_embed_signup .button.disabled:focus:before, .modal-mac #mc_embed_signup .button:disabled:hover:before, .modal-mac #mc_embed_signup .button:disabled:visited:before, .modal-mac #mc_embed_signup .button:disabled:focus:before, .modal-mac #mc_embed_signup input[type=submit].disabled:hover:before, .modal-mac #mc_embed_signup input[type=submit].disabled:visited:before, .modal-mac #mc_embed_signup input[type=submit].disabled:focus:before, .modal-mac #mc_embed_signup input[type=submit]:disabled:hover:before, .modal-mac #mc_embed_signup input[type=submit]:disabled:visited:before, .modal-mac #mc_embed_signup input[type=submit]:disabled:focus:before {
  opacity: 1;
  background: #9496A1;
  border-color: #9496A1;
}
@media only screen and (max-width: 767px) {
  .modal-mac #mc_embed_signup .button, .modal-mac #mc_embed_signup input[type=submit] {
    border-radius: 8px;
    font-size: 16px;
    line-height: 14px;
    padding: 18px 40px;
  }
}
.modal-mac #mc_embed_signup .button:hover, .modal-mac #mc_embed_signup input[type=submit]:hover {
  background: #ffffff;
  color: #37C9F3;
}
.modal-mac .form-group br {
  display: none;
}
.modal-mac .form-group label, .modal-mac .form-group .form-label {
  display: block;
  font-size: 18px;
  width: 100%;
  font-weight: bold;
  margin-bottom: 8px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.modal-mac .form-group input {
  padding: 10px 16px 12px;
  line-height: normal;
  font-size: 20px;
  border: 2px solid rgba(255, 255, 255, 0.24);
  color: #ffffff;
  background: transparent;
  margin-bottom: 0;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  .modal-mac .form-group input {
    font-size: 16px;
  }
}
.modal-mac .form-group input[type=email] {
  border: 2px solid rgba(255, 255, 255, 0.24) !important;
}
.modal-mac .form-check {
  width: 100%;
  margin-bottom: 20px;
}
.modal-mac .form-check label {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  max-width: unset;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
.modal-mac .form-check label:before {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #ffffff;
  content: "";
  min-width: 24px;
  width: 24px;
  height: 24px;
  border: 2px solid #9496A1;
  border-radius: 6px;
  margin-right: 12px;
  font-family: "Font Awesome 5 Free", arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
}
.modal-mac .form-check input[type=radio],
.modal-mac .form-check input[type=checkbox] {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.modal-mac .form-check input[type=radio]:checked + label:before,
.modal-mac .form-check input[type=checkbox]:checked + label:before {
  content: "\f00c";
  background: #37C9F3;
  border-color: #37C9F3;
}
.modal-mac .form-check label {
  display: flex !important;
  line-height: normal;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
}
.modal-mac .form-check label:before {
  background-color: transparent;
  border-color: #ffffff;
  min-width: 20px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  margin-top: 1px;
}
.modal-mac .form-check br {
  display: none !important;
}

/* Thank You Section */
.divx11-ty {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  isolation: isolate;
  padding-top: 156px;
  padding-bottom: 32px;
  color: #DFDFDF;
  /* Light Version */
}
.divx11-ty:before, .divx11-ty:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.divx11-ty:before {
  top: 0;
  bottom: auto;
  height: 149px;
  opacity: 0.9;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-ty:after {
  top: auto;
  bottom: 0;
  height: 210px;
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx11-ty p {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty p {
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .divx11-ty {
    padding-top: 32px;
    padding-bottom: 56px;
  }
  .divx11-ty:after {
    height: 112px;
  }
  .divx11-ty .container-fluid {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.divx11-ty__bg {
  z-index: -2;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100vw;
  height: 100vh;
  height: 100%;
}
.divx11-ty__bg__inner,
.divx11-ty__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.divx11-ty__bg__inner {
  opacity: 0.35;
}
@media (max-aspect-ratio: 16/9) {
  .divx11-ty__bg__inner {
    height: 300%;
    top: -100%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .divx11-ty__bg__inner {
    height: 300%;
    top: -100%;
  }
}
.divx11-ty__block {
  text-align: center;
  max-width: 728px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 32px;
  /* Light Version */
}
.divx11-ty__block__icon {
  text-align: center;
  height: 110px;
  margin-bottom: 24px;
}
.divx11-ty__block__icon img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__icon {
    margin-bottom: 18px;
  }
}
.divx11-ty__block__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  max-width: unset;
  font-size: 64px;
  line-height: 50px;
  margin-bottom: 20px;
  /* Light Version */
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__title {
    font-size: 46px;
    line-height: 44px;
    margin-bottom: 15px;
  }
}
.divx11-ty-light .divx11-ty__block__title {
  position: relative;
  color: #000000;
  font-size: 72px;
  line-height: 56px;
  margin-bottom: 20px;
  font-weight: normal;
  font-family: "VisbyCF-Regular", arial, sans-serif;
}
.divx11-ty-light .divx11-ty__block__title:after {
  content: "" !important;
  display: block !important;
  position: relative;
  width: 143px;
  height: 10px;
  background-color: #37C9F3;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .divx11-ty-light .divx11-ty__block__title {
    font-size: 46px;
    line-height: 44px;
    margin-bottom: 15px;
  }
  .divx11-ty-light .divx11-ty__block__title:after {
    display: none !important;
  }
}
.divx11-ty__block__text {
  margin-bottom: 24px;
  /* Light Version */
}
.divx11-ty__block__text a {
  color: #ffffff;
  color: #DFDFDF;
  text-decoration: underline;
}
.divx11-ty__block__text a:hover {
  color: #37C9F3;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__text {
    margin-bottom: 17px;
  }
}
.divx11-ty-light .divx11-ty__block__text {
  margin-bottom: 32px;
}
.divx11-ty-light .divx11-ty__block__text a {
  color: #000000;
}
.divx11-ty-light .divx11-ty__block__text a:hover {
  color: #37C9F3;
}
@media only screen and (max-width: 767px) {
  .divx11-ty-light .divx11-ty__block__text {
    margin-bottom: 24px;
  }
}
.divx11-ty__block__social {
  padding: 23px 26px;
  background: rgba(43, 44, 56, 0.56);
  border: 1px solid #3A3B4B;
  border-radius: 10px;
  max-width: fit-content;
  /* Light Version */
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__social {
    padding: 15px 24px;
  }
}
.divx11-ty__block__social p, .divx11-ty__block__social-title {
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  line-height: 18px;
  color: #D3D3DD;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__social p, .divx11-ty__block__social-title {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 15px;
  }
}
.divx11-ty-light .divx11-ty__block__social p, .divx11-ty-light .divx11-ty__block__social-title {
  color: #000000;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.divx11-ty__block__social-list {
  display: flex;
  justify-content: center;
  margin: 0;
}
.divx11-ty__block__social-list li:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__social-list li:not(:last-child) {
    margin-right: 13px;
  }
}
.divx11-ty__block__social a, .divx11-ty__block__social-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  color: #1A1B26;
  border-radius: 50%;
  font-size: 26px;
}
.divx11-ty__block__social a:hover, .divx11-ty__block__social-icon:hover {
  color: #37C9F3;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__social a, .divx11-ty__block__social-icon {
    width: 34px;
    height: 34px;
    font-size: 20px;
  }
}
.divx11-ty-light .divx11-ty__block__social a, .divx11-ty-light .divx11-ty__block__social-icon {
  background-color: #000000;
  color: #ffffff;
}
.divx11-ty-light .divx11-ty__block__social a:hover, .divx11-ty-light .divx11-ty__block__social-icon:hover {
  background-color: #37C9F3;
  color: #ffffff;
}
.divx11-ty-light .divx11-ty__block__social {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
}
.divx11-ty__block__footer {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__block__footer {
    margin-top: 20px;
    font-size: 16px;
  }
}
.divx11-ty-light .divx11-ty__block {
  max-width: 754px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty-light .divx11-ty__block {
    margin-bottom: 32px;
  }
}
.divx11-ty__ad {
  max-width: 728px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #18191E;
  border: 1px solid #2B2C38;
  font-size: 22px;
  line-height: 16px;
  color: #D3D3DD;
  letter-spacing: 0;
  /* Light Version */
}
.divx11-ty__ad__inner {
  padding: 37px;
}
@media only screen and (max-width: 767px) {
  .divx11-ty__ad__inner {
    padding: 26px;
  }
}
.divx11-ty-light .divx11-ty__ad {
  background: #80829D;
  border: none;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #ffffff;
}
.divx11-ty-light {
  padding-top: 138px;
  color: #000000;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0;
}
.divx11-ty-light:before, .divx11-ty-light:after {
  display: none !important;
}
.divx11-ty-light p {
  font-family: "VisbyCF-Regular", arial, sans-serif;
}
.divx11-ty-light p a {
  font-family: "VisbyCF-Regular", arial, sans-serif;
}
.divx11-ty-light strong {
  font-family: "VisbyCF-DemiBold", arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  .divx11-ty-light {
    padding-top: 32px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 25px;
  }
}
.divx11-ty-light .bg-absolute {
  background: #ffffff !important;
}

/* Sign Up Page */
.page-mailchimp {
  background-color: #000000;
  color: #D3D3DD;
}
.page-mailchimp .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  background-color: #ffffff;
  margin-bottom: 0;
}

:root {
  --video-width: 100vw;
  --video-height: 100vh;
}

@media (min-aspect-ratio: 16/9) {
  :root {
    --video-height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  :root {
    --video-width: 177.78vh;
  }
}
.mailchimp-hero {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  isolation: isolate;
  padding-top: 200px;
  padding-bottom: 0;
}
.mailchimp-hero:before, .mailchimp-hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.mailchimp-hero:before {
  top: 0;
  bottom: auto;
  height: 230px;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .mailchimp-hero {
    padding-top: 58px;
  }
  .mailchimp-hero:before {
    top: 0;
    height: 230px;
    opacity: 0.6;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  }
  .mailchimp-hero:after {
    height: 112px;
  }
}
.mailchimp-hero__bg {
  z-index: -2;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100vw;
  height: 100vh;
  height: 100%;
}
.mailchimp-hero__bg__inner,
.mailchimp-hero__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.mailchimp-hero__bg .embed-responsive {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mailchimp-hero__bg .embed-responsive:before {
  display: none !important;
}
.mailchimp-hero__bg__inner {
  opacity: 0.35;
}
@media (max-aspect-ratio: 16/9) {
  .mailchimp-hero__bg__inner {
    height: 300%;
    top: -100%;
    width: 178vw;
  }
}
@media only screen and (max-aspect-ratio: 16/9) and (max-width: 767px) {
  .mailchimp-hero__bg__inner {
    width: 218vw;
  }
}
@media (min-aspect-ratio: 16/9) {
  .mailchimp-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
.mailchimp-hero__block {
  text-align: center;
  margin: 0 auto 56px;
}
@media only screen and (max-width: 767px) {
  .mailchimp-hero__block {
    margin-bottom: 36px;
  }
}
.mailchimp-hero__block__logo {
  display: inline-flex;
  height: 72px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .mailchimp-hero__block__logo {
    display: block;
    height: 41px;
    width: auto;
    margin: 0 auto 14px;
  }
}
.mailchimp-hero__block__title {
  text-transform: uppercase;
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  max-width: unset;
  font-size: 80px;
  line-height: 54px;
  margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
  .mailchimp-hero__block__title {
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.mailchimp-hero__block__text {
  max-width: 872px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 44px;
  margin-bottom: 40px;
}
.mailchimp-hero__block__text p {
  margin-bottom: 20px;
}
.mailchimp-hero__block__text span {
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  font-weight: 900;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .mailchimp-hero__block__text {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 32px;
  }
  .mailchimp-hero__block__text p {
    margin-bottom: 16px;
  }
}
.mailchimp-hero__img {
  position: relative;
}
.mailchimp-hero__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: 0;
  left: 0;
  left: 0;
  right: 0;
  height: 34.5833333333vw;
  max-height: 498px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.mailchimp-hero__img__block {
  position: relative;
  max-width: 1054px;
  margin-left: auto;
  margin-right: auto;
}
.mailchimp-hero__img__block img {
  border-radius: 11px 11px 0 0;
}
.mailchimp-hero .btn {
  min-width: 252px;
}

/*  =====================  */
/*  DIVX Pro - Page Styles  */
/*  =====================  */
.divx-pro {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 20px;
  line-height: 1.5;
  color: #D3D3DD;
  isolation: isolate;
  /* Hero Styles */
  /* Comparison Table Styles */
  /* Promo Styles */
  /* Feature Styles */
}
@media only screen and (max-width: 767px) {
  .divx-pro {
    font-size: 16px;
    line-height: 25px;
  }
}
.divx-pro p {
  font-size: inherit;
  line-height: inherit;
  font-family: "VisbyCF-Bold", arial, sans-serif;
}
.divx-pro p:last-child {
  margin-bottom: 0;
}
.divx-pro-title {
  font-size: 64px;
  line-height: 48px;
  letter-spacing: 0;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  margin-bottom: 34px;
}
.divx-pro-title:last-child {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .divx-pro-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 16px;
  }
  .divx-pro-title:last-child {
    margin: 0;
  }
}
.divx-pro-text-small,
.divx-pro .divx11-text-small, .divx-pro-text-small.p {
  font-size: 14px;
  line-height: 20px;
  color: #92929E;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  font-weight: bold;
}
.divx-pro-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.divx-pro-btns:not(:first-child) {
  margin-top: 20px;
}
.divx-pro-btns .btn:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-btns:not(:first-child) {
    margin-top: 16px;
  }
  .divx-pro-btns:not(:last-child) {
    margin-right: 8px;
  }
}
.divx-pro .animation-pb.fade {
  transition: opacity 0.8s ease, transform 0.8s ease;
  transform: translateY(20px);
}
.divx-pro .animation-pb.fade.in-view {
  transform: translateY(0);
}
.divx-pro-hero {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  isolation: isolate;
  padding-top: 238px;
  padding-bottom: 248px;
}
.divx-pro-hero img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero {
    padding-top: 48px;
    padding-bottom: 120px;
  }
}
.divx-pro-hero__bg {
  z-index: -2;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  width: 100vw;
  height: 100vh;
  height: 100%;
}
.divx-pro-hero__bg:after {
  height: 120px;
}
.divx-pro-hero__bg__inner,
.divx-pro-hero__bg iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.divx-pro-hero__bg__inner {
  opacity: 0.5;
}
@media only screen and (max-aspect-ratio: 16/9) and (min-width: 1201px) {
  .divx-pro-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
@media only screen and (max-aspect-ratio: 16/9) and (max-width: 1200px) {
  .divx-pro-hero__bg__inner {
    width: 382%;
    left: -140%;
  }
}
@media (min-aspect-ratio: 16/9) {
  .divx-pro-hero__bg__inner {
    height: 300%;
    top: -100%;
  }
}
.divx-pro-hero__block {
  margin: 0 auto;
  padding: 0;
  max-width: 1024px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 100px 0 #000000;
  /* For Grid Workaround on Spanish */
  display: grid;
}
.divx-pro-hero__block__img {
  position: relative;
  z-index: -1;
  padding-bottom: 62.5%;
  min-height: 546px;
}
.divx-pro-hero__block__img:before {
  height: 434px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 11.875%;
  height: 72.8125%;
  opacity: 0.6;
  transform: scaleY(-1) rotate(-180deg);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 13%, #000000 50%, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0) 100%);
}
.divx-pro-hero__block__img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__block__img:before {
    height: 434px;
    top: 48px;
    opacity: 0.7;
  }
}
.divx-pro-hero__block__info {
  margin-left: auto;
  margin-right: auto;
  max-width: 864px;
}
.divx-pro-hero__block__info.middle {
  position: absolute;
  left: 28px;
  right: 28px;
  transform: translateY(-50%);
  top: calc(50% - 10px);
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__block__info.middle {
    top: 86px;
    transform: none;
  }
}
.divx-pro-hero__block__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  max-width: unset;
  font-size: 80px;
  line-height: 1;
  margin-bottom: 32px;
  text-shadow: 0 11px 25px #000000;
}
.divx-pro-hero__block__title img {
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__block__title {
    font-size: 46px;
    line-height: 38px;
    margin-bottom: 25px;
  }
}
.divx-pro-hero__block__logo {
  height: 70px;
  margin-bottom: 32px;
}
.divx-pro-hero__block__logo img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__block__logo {
    height: 50px;
    margin-bottom: 24px;
  }
}
.divx-pro-hero__block__text {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  text-shadow: 0 11px 25px #000000;
}
.divx-pro-hero__block__text span {
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  font-weight: 900;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__block__text {
    margin-bottom: 24px;
  }
}
.divx-pro-hero__block__img, .divx-pro-hero__block__info {
  grid-row: 1;
  grid-column: 1;
}
.divx-pro-hero__block__info {
  display: flex;
  align-items: center;
  padding: 60px 28px 78px;
  max-width: 920px;
}
.divx-pro-hero__block__info.middle {
  position: relative;
  left: auto;
  right: auto;
  transform: none;
  top: auto;
}
.divx-pro-hero__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-hero__btns {
    gap: 16px;
  }
}
.divx-pro-hero .btn {
  min-width: 252px;
}
.divx-pro-compare {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  isolation: isolate;
  padding-top: 122px;
  padding-bottom: 244px;
}
.divx-pro-compare_bg:before {
  height: 120px;
}
.divx-pro-compare img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare {
    padding-top: 68px;
    padding-bottom: 160px;
  }
  .divx-pro-compare:after {
    height: 112px;
  }
}
.divx-pro-compare__header {
  max-width: 920px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 110px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__header {
    margin-bottom: 74px;
  }
}
.divx-pro-compare__header a {
  color: #D3D3DD;
  text-decoration: underline;
}
.divx-pro-compare__header__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  max-width: unset;
  font-size: 74px;
  line-height: 54px;
  margin-bottom: 36px;
}
.divx-pro-compare__header__title img {
  display: inline-flex;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__header__title {
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .divx-pro-compare__header__title img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    margin-top: 24px;
  }
}
.divx-pro-compare__block {
  margin: 0 auto;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block {
    padding: 0 8px;
  }
}
.divx-pro-compare__block table, .divx-pro-compare__block .table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  border: none;
  background: transparent;
  border-radius: 0;
  display: block;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block table, .divx-pro-compare__block .table {
    font-size: 14px;
    line-height: 16px;
  }
}
.divx-pro-compare__block .gradient_line {
  position: absolute;
  overflow: hidden;
  width: 265px;
  right: 0;
  left: auto;
  top: 0;
  height: calc(100% + 1px);
  height: 100%;
  background-image: linear-gradient(90deg, rgba(57, 200, 243, 0.15) 0%, rgba(123, 39, 199, 0.15) 51%, rgba(248, 0, 131, 0.15) 100%);
  /* Sketch doesnt export gradient borders at this point */
  border-radius: 0 0 9px 0;
  border-left: 1px solid #39C8F3;
  border-right: 1px solid #F80083;
}
.divx-pro-compare__block .gradient_line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2B2C38;
  height: 1px;
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block .gradient_line {
    width: 100px;
  }
}
.divx-pro-compare__block th, .divx-pro-compare__block td {
  background: rgba(9, 9, 17, 0.75);
  border: 1px solid #2B2C38;
  padding: 40px 10px;
}
.divx-pro-compare__block th:first-child, .divx-pro-compare__block td:first-child {
  padding: 40px;
  flex: 1;
}
.divx-pro-compare__block th:not(:first-child), .divx-pro-compare__block td:not(:first-child) {
  text-align: center;
  justify-content: center;
}
.divx-pro-compare__block th:not(:last-child), .divx-pro-compare__block td:not(:last-child) {
  border-right: none;
}
.divx-pro-compare__block th:nth-child(2), .divx-pro-compare__block td:nth-child(2) {
  width: 168px;
}
.divx-pro-compare__block th .best, .divx-pro-compare__block th:last-child, .divx-pro-compare__block td .best, .divx-pro-compare__block td:last-child {
  width: 265px;
  max-width: 265px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block th, .divx-pro-compare__block td {
    padding: 6px 10px;
  }
  .divx-pro-compare__block th:first-child, .divx-pro-compare__block td:first-child {
    padding: 16px 12px;
  }
  .divx-pro-compare__block th:nth-child(2), .divx-pro-compare__block td:nth-child(2) {
    width: 60px;
  }
  .divx-pro-compare__block th .best, .divx-pro-compare__block th:last-child, .divx-pro-compare__block td .best, .divx-pro-compare__block td:last-child {
    width: 100px;
    max-width: 100px;
  }
}
.divx-pro-compare__block .best {
  font-size: 18px;
  line-height: 14px;
  letter-spacing: 0;
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
  border-radius: 10px 10px 0 0;
  padding: 17px 10px;
  text-align: center;
  justify-content: center;
  border: none;
  position: absolute;
  margin-left: auto;
  right: -1px;
  bottom: calc(100% + 1px);
  bottom: 100%;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block .best {
    font-size: 14px;
    line-height: 16px;
    padding: 6px 5px;
    border-radius: 5px 5px 0 0;
  }
}
.divx-pro-compare__block thead, .divx-pro-compare__block tbody {
  display: block;
  width: 100%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.39);
}
.divx-pro-compare__block thead tr, .divx-pro-compare__block tbody tr {
  display: flex;
  width: 100%;
}
.divx-pro-compare__block thead {
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
}
.divx-pro-compare__block thead th {
  font-size: 40px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  position: relative;
  border-bottom: none;
  background: #1A1C28;
  display: flex;
  align-items: center;
}
.divx-pro-compare__block thead th:first-child {
  border-top-left-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block thead th {
    font-size: 18px;
    line-height: 12px;
  }
  .divx-pro-compare__block thead th:first-child {
    border-top-left-radius: 5px;
  }
}
.divx-pro-compare__block thead img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  height: 29px;
  max-width: unset;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block thead img {
    height: 13px;
  }
}
.divx-pro-compare__block tbody td {
  padding: 8px 10px 10px;
  vertical-align: middle;
  height: 80px;
  display: flex;
  align-items: center;
}
.divx-pro-compare__block tbody td:first-child {
  padding: 8px 40px 10px;
}
.divx-pro-compare__block tbody td:not(:first-child) {
  text-align: center;
  justify-content: center;
}
.divx-pro-compare__block tbody td.tick {
  position: relative;
}
.divx-pro-compare__block tbody td.tick:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../../images/icon/icon-check.png") center no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block tbody td {
    height: auto;
  }
  .divx-pro-compare__block tbody td:first-child {
    padding: 9px 10px;
  }
  .divx-pro-compare__block tbody td:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
  }
  .divx-pro-compare__block tbody td.tick:before {
    width: 20px;
    height: 20px;
  }
}
.divx-pro-compare__block tbody tr:nth-child(even) td {
  position: relative;
}
.divx-pro-compare__block tbody tr:nth-child(even) td:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
}
.divx-pro-compare__block tbody tr:not(:nth-last-child(2)) td {
  border-bottom: none;
}
.divx-pro-compare__block tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.divx-pro-compare__block tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-compare__block tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
  }
  .divx-pro-compare__block tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
  }
}
.divx-pro-compare__block tbody tr:nth-last-child(2) td:last-child, .divx-pro-compare__block tbody tr.last td:last-child {
  border-bottom-right-radius: 10px;
}
.divx-pro-promo {
  padding-top: 186px;
  padding-bottom: 120px;
  background-color: #000000;
}
@media only screen and (max-width: 991px) {
  .divx-pro-promo {
    padding-top: 100px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo {
    padding-top: 62px;
    padding-bottom: 94px;
  }
}
.divx-pro-promo__bg .animation-pb:not(.in-view) {
  transform: scale(0.8);
  transform: scale(0.92);
  transform-origin: bottom;
}
.divx-pro-promo__block {
  max-width: 916px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.divx-pro-promo__block:not(:last-child) {
  margin-bottom: 238px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__block:not(:last-child) {
    margin-bottom: 140px;
  }
}
.divx-pro-promo__block__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 84px;
  line-height: 1;
  margin-bottom: 22px;
  text-shadow: 0 10px 25px #000000;
}
.divx-pro-promo__block__title img {
  display: inline-flex;
  max-height: 58px;
}
@media only screen and (min-width: 768px) {
  .divx-pro-promo__block__title .hidden-sm {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__block__title {
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .divx-pro-promo__block__title span {
    display: none !important;
  }
  .divx-pro-promo__block__title img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    width: auto;
    margin: 24px auto 0;
  }
}
.divx-pro-promo__block__text {
  max-width: 872px;
  font-size: 24px;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 10px 25px #000000;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__block__text {
    font-size: 16px;
    line-height: 25px;
  }
}
.divx-pro-promo__btns {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.divx-pro-promo__btns .btn {
  box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.95) !important;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__btns {
    margin-top: 24px;
    gap: 16px;
  }
}
.divx-pro-promo__header {
  max-width: 916px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__header {
    margin-bottom: 32px;
  }
}
.divx-pro-promo__header__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 74px;
  line-height: 54px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__header__title {
    font-size: 45px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
.divx-pro-promo__header__text {
  max-width: 872px;
  font-size: 24px;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__header__text {
    font-size: 16px;
    line-height: 25px;
  }
}
.divx-pro-promo__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  max-width: 1136px;
  margin-left: auto;
  margin-right: auto;
}
.divx-pro-promo__cards__item {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .divx-pro-promo__cards {
    gap: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__cards {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.divx-pro-promo__cards .card-feature-img {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .divx-pro-promo__cards .card-feature-body {
    padding-bottom: 36px;
  }
}
.divx-pro-promo__cards .in-view .card-feature-img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 75px));
}
.divx-pro-promo__footer {
  max-width: 916px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  line-height: 20px;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #92929E;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__footer {
    font-size: 12px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__footer {
    margin-top: 18px;
  }
}
.divx-pro-promo__footer__title {
  text-align: center;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #ffffff;
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-promo__footer__title {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 14px;
    color: #D3D3DD;
  }
  .divx-pro-promo__footer__title i {
    font-style: normal;
  }
}
.divx-pro-feature {
  padding-top: 120px;
  padding-bottom: 125px;
  overflow: hidden;
  background-color: #000000;
}
.divx-pro-feature.last {
  padding-bottom: 300px;
}
@media only screen and (max-width: 991px) {
  .divx-pro-feature.last {
    padding-bottom: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature.last {
    padding-bottom: 140px;
  }
}
.divx-pro-feature__bg:before, .divx-pro-feature__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  height: 210px;
}
.divx-pro-feature__bg:before {
  top: 0;
  bottom: auto;
  opacity: 0.6;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.divx-pro-feature__bg:after {
  top: auto;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__bg:before, .divx-pro-feature__bg:after {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .divx-pro-feature.dts {
    padding-bottom: 140px;
  }
}
.divx-pro-feature__header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 984px;
  margin-bottom: 70px;
}
.divx-pro-feature__header__title {
  color: #ffffff;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__header {
    margin-bottom: 24px;
  }
  .divx-pro-feature__header__title {
    margin-bottom: 22px;
  }
}
.divx-pro-feature__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  max-width: 1248px;
}
.divx-pro-feature__list, .divx-pro-feature__img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .divx-pro-feature__list, .divx-pro-feature__img {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.divx-pro-feature__list {
  margin-bottom: 75px;
}
.divx-pro-feature__list__ul {
  margin-bottom: 0;
  padding-left: 12px;
}
@media only screen and (max-width: 1200px) {
  .divx-pro-feature__list {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__list {
    margin-bottom: 0;
  }
  .divx-pro-feature__list__ul {
    padding-left: 9px;
  }
}
.divx-pro-feature__list__item {
  position: relative;
  background: #101014;
  border: 1px solid #252525;
  box-shadow: 0 15px 35px 0 #000000;
  border-radius: 10px;
  padding: 13px 15px 18px 30px;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0;
  max-width: 512px;
  width: 85.3333333333%;
}
.divx-pro-feature__list__item:not(:last-child) {
  margin-bottom: 32px;
}
.divx-pro-feature__list__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: linear-gradient(147deg, #39C8F3 0%, #7B27C7 49%, #F80083 96%);
  border: 2px solid #54566D;
  top: 50%;
  transform: translateY(-50%);
  left: -13px;
}
.divx-pro-feature__list__item:first-child {
  margin-left: 214px;
}
.divx-pro-feature__list__item:nth-child(2) {
  margin-left: 107px;
}
.divx-pro-feature__list__item:nth-child(3) {
  width: unset;
}
@media only screen and (max-width: 1200px) {
  .divx-pro-feature__list__item:not(:last-child) {
    margin-bottom: 24px;
  }
  .divx-pro-feature__list__item:first-child {
    margin-left: 160px;
  }
  .divx-pro-feature__list__item:nth-child(2) {
    margin-left: 80px;
  }
  .divx-pro-feature__list__item:nth-child(3) {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__list__item {
    padding: 10px 18px 9px 24px;
    font-size: 14px;
    line-height: 20px;
  }
  .divx-pro-feature__list__item:not(:last-child) {
    margin-bottom: 16px;
  }
  .divx-pro-feature__list__item:first-child, .divx-pro-feature__list__item:nth-child(2), .divx-pro-feature__list__item:nth-child(3) {
    width: unset;
    margin-left: 0;
  }
  .divx-pro-feature__list__item:before {
    width: 18px;
    height: 18px;
    left: -9px;
  }
}
.divx-pro-feature__img {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__img {
    margin-top: -56px;
    margin-left: -92px;
    margin-bottom: 48px;
    width: calc(100% + 92px);
    z-index: -1;
  }
}
.divx-pro-feature__img__wrapper {
  position: relative;
}
.divx-pro-feature__img__wrapper:after, .divx-pro-feature__img__wrapper:before, .divx-pro-feature__img__wrapper__after, .divx-pro-feature__img__wrapper__before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: 1px solid #aac41e;
  transform: skewX(-36deg);
  border-image: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%) 1;
}
.divx-pro-feature__img__wrapper:before, .divx-pro-feature__img__wrapper__before {
  top: -22px;
  bottom: -36px;
  left: 78px;
  right: 0;
  margin-right: -308px;
}
.divx-pro-feature__img__wrapper:after, .divx-pro-feature__img__wrapper__after {
  top: -41px;
  bottom: -18px;
  left: 118px;
  margin-right: -350px;
}
.animation-pb .divx-pro-feature__img__wrapper:after, .animation-pb .divx-pro-feature__img__wrapper:before, .animation-pb .divx-pro-feature__img__wrapper__after, .animation-pb .divx-pro-feature__img__wrapper__before {
  transition: all 1s cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 0;
}
.animation-pb .divx-pro-feature__img__wrapper:before, .animation-pb .divx-pro-feature__img__wrapper__before {
  transform: translate(78px, -33px) skewX(-36deg);
}
.animation-pb .divx-pro-feature__img__wrapper:after, .animation-pb .divx-pro-feature__img__wrapper__after {
  transform: skewX(-36deg) translate(61px, -40px);
}
.in-view .divx-pro-feature__img__wrapper:after, .in-view .divx-pro-feature__img__wrapper:before, .in-view .divx-pro-feature__img__wrapper__after, .in-view .divx-pro-feature__img__wrapper__before {
  transform: skewX(-36deg);
  transition-delay: 0.9s;
  opacity: 1;
}
.in-view .divx-pro-feature__img__wrapper:after, .in-view .divx-pro-feature__img__wrapper__after {
  transition-delay: 1.1s;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__img__wrapper:before, .divx-pro-feature__img__wrapper__before {
    top: -16px;
    left: 79px;
    bottom: -24px;
    margin-right: -140px;
    top: -4.1025641026vw;
    left: 31.0256410256vw;
    bottom: -6.1538461538vw;
    margin-right: -35.8974358974vw;
  }
  .divx-pro-feature__img__wrapper:after, .divx-pro-feature__img__wrapper__after {
    top: -28px;
    left: 146px;
    bottom: -12px;
    margin-right: -158px;
    top: -7.1794871795vw;
    left: 37.4358974359vw;
    bottom: -3.0769230769vw;
    margin-right: -38.4615384615vw;
  }
}
.divx-pro-feature__img__inner {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  height: 415px;
  margin-left: 138px;
  margin-right: -285px;
  transform: skewX(-36deg);
}
.divx-pro-feature__img__inner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
}
.animation-pb .divx-pro-feature__img__inner img {
  transform: scale(1.4);
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
.in-view .divx-pro-feature__img__inner img {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform: matrix(1.002, 0, 0, 1.002, 0, 0);
  transition-delay: 0.7s;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__img__inner {
    height: 70.5128205128vw;
    margin-left: 41.0256410256vw;
    margin-right: -46.1538461538vw;
  }
}
.divx-pro-feature__img__skew {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: -162px;
  left: -162px;
  transform: skewX(36deg);
  background-color: #D2D4DA;
}
.animation-pb .divx-pro-feature__img__skew {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 0.4s cubic-bezier(0.3, 0.1, 0.3, 1);
  background: linear-gradient(90deg, #39C8F3 0%, #7B27C7 51%, #F80083 100%);
}
.in-view .divx-pro-feature__img__skew {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition-delay: 0.3s;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__img__skew {
    right: -100px;
    left: -100px;
    right: -25.641025641vw;
    left: -25.641025641vw;
  }
}
.divx-pro-feature__img__logo {
  position: absolute;
  left: 70px;
  bottom: 30px;
  z-index: 2;
  height: 102px;
  transition: all 0.5s cubic-bezier(0.3, 0.1, 0.3, 1);
  opacity: 0;
}
.in-view .divx-pro-feature__img__logo {
  opacity: 1;
  transition-delay: 1.6s;
}
.divx-pro-feature__img__logo img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__img__logo {
    height: 70px;
    left: 116px;
    bottom: 16px;
  }
}
.divx-pro-feature__info {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #9D9D9D;
  max-width: 988px;
  margin-top: -32px;
}
@media only screen and (min-width: 768px) {
  .divx-pro-feature__info {
    font-weight: normal;
  }
  .divx-pro-feature__info a, .divx-pro-feature__info p {
    font-family: "VisbyCF-Regular", arial, sans-serif;
  }
}
@media only screen and (max-width: 1200px) {
  .divx-pro-feature__info {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__info {
    font-size: 12px;
    line-height: 21px;
    text-align: center;
  }
  .divx-pro-feature__info br {
    display: none !important;
  }
}
.divx-pro-feature__info a {
  color: #9D9D9D;
  text-decoration: underline;
}
.divx-pro-feature__info a:hover {
  color: #ffffff;
}
.divx-pro-feature__info p:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .divx-pro-feature__info p {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__info p:not(:last-child) {
    margin-bottom: 14px;
  }
}
.divx-pro-feature__info h5, .divx-pro-feature__info__title {
  font-family: "VisbyCF-Bold", arial, sans-serif;
  color: #ffffff;
  font-size: 20px;
  line-height: 33px;
  max-width: 456px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .divx-pro-feature__info h5, .divx-pro-feature__info__title {
    max-width: 37vw;
  }
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__info h5, .divx-pro-feature__info__title {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 16px;
    max-width: unset;
  }
}
.divx-pro-feature__block {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  text-shadow: 0 11px 25px #000000;
}
.divx-pro-feature__block:not(:first-child) {
  margin-top: 190px;
}
@media only screen and (max-width: 1200px) {
  .divx-pro-feature__block:not(:first-child) {
    margin-top: 128px;
  }
}
.divx-pro-feature__block__img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__block__img {
    margin-left: -20px;
    margin-right: -20px;
    height: 156.9230769231vw;
  }
  .divx-pro-feature__block__img img {
    width: auto;
    height: 100%;
    object-fit: cover;
  }
}
.divx-pro-feature__block__info {
  max-width: 954px;
  margin-left: auto;
  margin-right: auto;
}
.divx-pro-feature__block__info.has_img {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__block__info {
    max-width: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
  .divx-pro-feature__block__info.has_img {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
}
.divx-pro-feature__block__title {
  text-align: center;
  font-family: "VisbyCF-Heavy", arial, sans-serif;
  color: #ffffff;
  font-size: 74px;
  line-height: 1;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__block__title {
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}
.divx-pro-feature__btns {
  margin-top: 28px;
}
.divx-pro-feature__btns .btn {
  box-shadow: 0 16px 35px 0 rgba(0, 0, 0, 0.95) !important;
}
@media only screen and (max-width: 767px) {
  .divx-pro-feature__btns {
    margin-top: 20px;
  }
}

.section-default {
  padding: 100px 0;
}
@media only screen and (max-width: 767px) {
  .section-default {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.section-default .title-block {
  position: relative;
  margin-bottom: 48px;
}
.section-default .title-block h1 {
  margin-bottom: 40px;
}
.d-none, .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg, .visible-md, .visible-lg {
  display: none !important;
}

.d-inline-block {
  display: inline-block !important;
}

.visible-xs, .visible-sm {
  display: block !important;
}

@media (min-width: 768px) {
  .visible-sm {
    display: none !important;
  }
  .hidden-sm, .visible-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .visible-md {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .d-sm-none, .visible-xs {
    display: none !important;
  }
  .d-sm-block, .hidden-xs {
    display: block !important;
  }
}
.no-shadow {
  box-shadow: none !important;
}

/* No Margin & Padding */
.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-m {
  margin: 0 !important;
}

.no-mt {
  margin-top: 0 !important;
}

.no-mr {
  margin-right: 0 !important;
}

.no-ml {
  margin-left: 0 !important;
}

.no-mm {
  margin-bottom: 0 !important;
}

.no-p {
  padding: 0 !important;
}

.no-pt {
  padding-top: 0 !important;
}

.no-pr {
  padding-right: 0 !important;
}

.no-pl {
  padding-left: 0 !important;
}

.no-pb {
  padding-bottom: 0 !important;
}

/* Margins */
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.mt-7 {
  margin-top: 72px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.mb-7 {
  margin-bottom: 72px !important;
}

/* Paddings */
.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pt-6 {
  padding-top: 60px !important;
}

.pt-7 {
  padding-top: 72px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 10px !important;
}

.pr-2 {
  padding-right: 20px !important;
}

.pr-3 {
  padding-right: 30px !important;
}

.pr-4 {
  padding-right: 40px !important;
}

.pr-5 {
  padding-right: 50px !important;
}

.pr-6 {
  padding-right: 60px !important;
}

.pr-7 {
  padding-right: 72px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 10px !important;
}

.pl-2 {
  padding-left: 20px !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.pl-4 {
  padding-left: 40px !important;
}

.pl-5 {
  padding-left: 50px !important;
}

.pl-6 {
  padding-left: 60px !important;
}

.pl-7 {
  padding-left: 72px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.pb-6 {
  padding-bottom: 60px !important;
}

.pb-7 {
  padding-bottom: 72px !important;
}

.padding-36 {
  padding: 36px 0;
}

.padding-48 {
  padding: 48px 0;
}

.padding-40 {
  padding: 40px 0;
}

.padding-60 {
  padding: 60px 0;
}

.padding-80 {
  padding: 80px 0;
}

.padding-100 {
  padding: 100px 0;
}

.padding-106 {
  padding: 106px 0;
}

.padding-120 {
  padding: 120px 0;
}

.padding-136 {
  padding: 136px 0;
}

.margin-40 {
  margin-bottom: 40px;
}

.margin-60 {
  margin-bottom: 60px;
}

.margin-80 {
  margin-bottom: 80px;
}

.margin-100 {
  margin-bottom: 100px;
}

.margin-106 {
  margin-bottom: 106px;
}

.margin-120 {
  margin-bottom: 120px;
}

.margin-136 {
  margin-bottom: 136px;
}

.no-padding-sm,
.no-padding-md {
  padding: 0 !important;
}

.no-padding-top-md {
  padding-top: 0 !important;
}

.no-padding-bottom-md {
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 991px) {
  .padding-80 {
    padding: 60px 0;
  }
  .padding-100 {
    padding: 72px 0;
  }
  .padding-106 {
    padding: 80px 0;
  }
  .padding-120 {
    padding: 90px 0;
  }
  .padding-136 {
    padding: 90px 0;
  }
  .margin-40 {
    margin-bottom: 24px;
  }
  .margin-60 {
    margin-bottom: 40px;
  }
  .margin-80 {
    margin-bottom: 60px;
  }
  .margin-100 {
    margin-bottom: 72px;
  }
  .margin-106 {
    margin-bottom: 80px;
  }
  .margin-120 {
    margin-bottom: 90px;
  }
  .margin-136 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .no-padding-top-xs {
    padding-top: 0 !important;
  }
  .no-padding-bottom-xs {
    padding-bottom: 0 !important;
  }
  .padding-top-default-xs {
    padding-top: 48px !important;
  }
  .padding-bottom-default-xs {
    padding-top: 48px !important;
  }
  .padding-40 {
    padding: 24px 0;
  }
  .padding-48 {
    padding: 32px 0;
  }
  .padding-60 {
    padding: 40px 0;
  }
  .padding-80 {
    padding: 46px 0;
  }
  .padding-100 {
    padding: 50px 0;
  }
  .padding-106 {
    padding: 60px 0;
  }
  .padding-120 {
    padding: 68px 0;
  }
  .padding-136 {
    padding: 68px 0;
  }
  .margin-20 {
    margin-bottom: 18px;
  }
  .margin-40 {
    margin-bottom: 24px;
  }
  .margin-60 {
    margin-bottom: 40px;
  }
  .margin-80 {
    margin-bottom: 46px;
  }
  .margin-100 {
    margin-bottom: 50px;
  }
  .margin-106 {
    margin-bottom: 60px;
  }
  .margin-120 {
    margin-bottom: 68px;
  }
  .margin-136 {
    margin-bottom: 68px;
  }
}
/* FOOTER */
#divx-newsletter {
  position: relative;
  background: #121212 url("../../images/divx-home-newsletter-bg.jpg") center no-repeat;
  background-size: cover;
  padding-top: 114px;
  padding-bottom: 114px;
}
@media only screen and (max-width: 991px) {
  #divx-newsletter {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #divx-newsletter {
    padding-top: 60px;
    padding-bottom: 70px;
  }
  #divx-newsletter .mast {
    padding: 0 32px;
    width: 100%;
  }
}
#divx-newsletter h2, #divx-newsletter .widget-title {
  font-size: 64px;
  line-height: 48px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  #divx-newsletter h2, #divx-newsletter .widget-title {
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 12px;
  }
}
#divx-newsletter .section-subtitle-center {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  #divx-newsletter .section-subtitle-center {
    font-style: italic;
  }
}
#divx-newsletter form #mc_embed_signup_scroll, #divx-newsletter form .d-news-form {
  display: flex;
  flex-direction: column;
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
}
#divx-newsletter form input[type=email] {
  width: 100%;
  max-width: unset;
  font-size: 20px;
  line-height: normal;
  color: #000000;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 32px;
  padding: 13px 14px 15px 20px;
}
#divx-newsletter form input[type=email]::placeholder {
  font-size: 20px;
  line-height: normal;
  color: #000000;
  opacity: 1;
  text-transform: capitalize;
}
#divx-newsletter form input[type=submit] {
  font-size: 20px;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  padding: 18px 60px 19px;
  border-radius: 100px;
  margin: 0 auto;
  background: linear-gradient(90deg, #33BDE3 0%, #5BD8ED 100%);
  border: none;
}
#divx-newsletter form input[type=submit]:hover {
  color: #37C9F3;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  #divx-newsletter form input[type=submit] {
    font-size: 16px;
    padding: 15px 54px 16px;
  }
}

.footer-socials p {
  display: flex;
}
.footer-socials__icon {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background-color: #ffffff;
  font-size: 24px;
  border: none;
  color: #37C9F3;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #ffffff;
}
.footer-socials__icon:hover {
  color: #ffffff;
  background: transparent;
}
.footer-socials__icon:after, .footer-socials__icon img {
  display: none;
}
.footer-socials__icon:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .footer-socials__icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 20px;
  }
  .footer-socials__icon:not(:last-child) {
    margin-right: 10px;
  }
}

footer.site-footer,
#colophon {
  padding: 72px 0;
  background-color: #37C9F3;
  position: relative;
  isolation: isolate;
}
footer.site-footer:before,
#colophon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 50%;
  left: 40px;
  top: 0;
  bottom: 0;
  background: url("../../images/divx-footer-bg.svg") center left no-repeat;
  background-size: auto 100%;
  opacity: 0.15;
}
footer.site-footer .mast,
#colophon .mast {
  position: relative;
  max-width: 1296px;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  footer.site-footer .mast,
  #colophon .mast {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px) {
  footer.site-footer,
  #colophon {
    padding: 48px 0;
  }
}
@media only screen and (max-width: 991px) {
  footer.site-footer,
  #colophon {
    padding: 32px 0;
  }
}
@media only screen and (min-width: 768px) {
  footer.site-footer .site-info,
  footer.site-footer .widget:not(.widget-1),
  #colophon .site-info,
  #colophon .widget:not(.widget-1) {
    padding-left: 180px;
  }
}
footer.site-footer .footer-logo,
#colophon .footer-logo {
  margin-bottom: 24px;
  display: block !important;
}
footer.site-footer .footer-logo__link,
#colophon .footer-logo__link {
  content: "";
  display: block;
  width: 161px;
  height: auto;
}
footer.site-footer .footer-logo__link img,
#colophon .footer-logo__link img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-logo,
  #colophon .footer-logo {
    margin-bottom: 12px;
  }
  footer.site-footer .footer-logo__link,
  #colophon .footer-logo__link {
    width: 116px;
    margin-left: auto;
    margin-right: auto;
  }
}
footer.site-footer .footer-socials p,
#colophon .footer-socials p {
  display: flex;
}
footer.site-footer .footer-socials a, footer.site-footer .footer-socials p a,
#colophon .footer-socials a,
#colophon .footer-socials p a {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background-color: #ffffff;
  font-size: 24px;
  border: none;
  color: #37C9F3;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #ffffff;
}
footer.site-footer .footer-socials a:hover, footer.site-footer .footer-socials p a:hover,
#colophon .footer-socials a:hover,
#colophon .footer-socials p a:hover {
  color: #ffffff;
  background: transparent;
}
footer.site-footer .footer-socials a:after, footer.site-footer .footer-socials a img, footer.site-footer .footer-socials p a:after, footer.site-footer .footer-socials p a img,
#colophon .footer-socials a:after,
#colophon .footer-socials a img,
#colophon .footer-socials p a:after,
#colophon .footer-socials p a img {
  display: none;
}
footer.site-footer .footer-socials a:not(:last-child), footer.site-footer .footer-socials p a:not(:last-child),
#colophon .footer-socials a:not(:last-child),
#colophon .footer-socials p a:not(:last-child) {
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-socials a, footer.site-footer .footer-socials p a,
  #colophon .footer-socials a,
  #colophon .footer-socials p a {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 20px;
  }
  footer.site-footer .footer-socials a:not(:last-child), footer.site-footer .footer-socials p a:not(:last-child),
  #colophon .footer-socials a:not(:last-child),
  #colophon .footer-socials p a:not(:last-child) {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-socials p,
  #colophon .footer-socials p {
    justify-content: center;
  }
}
footer.site-footer .footer-nav,
footer.site-footer .footer-subnav,
#colophon .footer-nav,
#colophon .footer-subnav {
  padding-top: 0;
}
footer.site-footer .footer-nav ul.menu,
footer.site-footer .footer-subnav ul.menu,
#colophon .footer-nav ul.menu,
#colophon .footer-subnav ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  footer.site-footer .footer-nav ul.menu li:last-child,
  footer.site-footer .footer-subnav ul.menu li:last-child,
  #colophon .footer-nav ul.menu li:last-child,
  #colophon .footer-subnav ul.menu li:last-child {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-nav ul.menu,
  footer.site-footer .footer-subnav ul.menu,
  #colophon .footer-nav ul.menu,
  #colophon .footer-subnav ul.menu {
    justify-content: center;
  }
}
footer.site-footer .footer-nav ul.menu li,
#colophon .footer-nav ul.menu li {
  font-size: inherit;
  line-height: inherit;
  margin: 0 20px;
}
footer.site-footer .footer-nav ul.menu li a,
#colophon .footer-nav ul.menu li a {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
  font-family: "VisbyCF-Bold", arial, sans-serif;
  letter-spacing: 0;
}
footer.site-footer .footer-nav ul.menu li a:hover,
#colophon .footer-nav ul.menu li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-nav ul.menu,
  #colophon .footer-nav ul.menu {
    justify-content: space-evenly;
    margin-bottom: 8px;
  }
  footer.site-footer .footer-nav ul.menu li,
  #colophon .footer-nav ul.menu li {
    margin: 0 20px 24px;
  }
  footer.site-footer .footer-nav ul.menu li a,
  #colophon .footer-nav ul.menu li a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
    color: #ffffff;
    font-family: "VisbyCF-Bold", arial, sans-serif;
    letter-spacing: 0;
  }
  footer.site-footer .footer-nav ul.menu li a:hover,
  #colophon .footer-nav ul.menu li a:hover {
    color: rgba(255, 255, 255, 0.6);
  }
}
footer.site-footer .footer-subnav,
#colophon .footer-subnav {
  padding-top: 24px;
}
footer.site-footer .footer-subnav ul.menu li,
#colophon .footer-subnav ul.menu li {
  font-size: inherit;
  margin: 0 16px;
}
footer.site-footer .footer-subnav ul.menu li:after,
#colophon .footer-subnav ul.menu li:after {
  display: none !important;
}
footer.site-footer .footer-subnav ul.menu li a,
#colophon .footer-subnav ul.menu li a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  color: #ffffff;
  font-family: "VisbyCF-Medium", arial, sans-serif;
  letter-spacing: 0;
}
footer.site-footer .footer-subnav ul.menu li a:hover,
#colophon .footer-subnav ul.menu li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  footer.site-footer .footer-subnav ul.menu li,
  #colophon .footer-subnav ul.menu li {
    margin: 0 12px;
  }
}
@media only screen and (min-width: 768px) {
  footer.site-footer .widget-1,
  #colophon .widget-1 {
    z-index: 1;
  }
  footer.site-footer .widget-1 > div,
  #colophon .widget-1 > div {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  footer.site-footer .widget-2,
  #colophon .widget-2 {
    order: -1;
  }
}
footer.site-footer .site-info,
#colophon .site-info {
  padding-top: 24px;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
}
footer.site-footer .site-info p,
#colophon .site-info p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  footer.site-footer .site-info,
  #colophon .site-info {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  footer.site-footer .site-info,
  #colophon .site-info {
    font-size: 12px;
    line-height: 20px;
  }
}

.social-icons {
  margin-bottom: 28px;
}
.social-icons ul {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  gap: 16px;
  list-style: none;
}
.social-icons li {
  margin-bottom: 0px;
  list-style: none;
}
.social-icons a {
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
  color: #37C9F3 !important;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  border: none;
  transition: all 0.3s;
}
.social-icons a .icon, .social-icons a .fa {
  display: flex;
}
.social-icons a:hover {
  text-decoration: none !important;
  color: #ffffff !important;
  background: #999;
}
.social-icons.center ul {
  justify-content: center;
}
.social-icons.right ul {
  justify-content: flex-end;
}
.social-icons-light li a {
  color: #ffffff;
  border-color: #ffffff;
}
.social-icons-light li a:hover {
  color: #3a8cce;
  background: #ffffff;
}

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