:root {
  --c-gray-darker: #31343b;
  --c-cyan: #0badd3;
  --c-primary: #557cf2;
  --c-blue: #4e99db;
  --c-blue-gray: #607D8B;
  --c-teal: #00758f;
  --c-green: #559355;
  --c-green-light: #98bf49;
  --c-yellow: #f2c94e;
  --c-yellow-dark: #bf9d36;
  --c-orange: #f79a2b;
  --c-orange-deep: #f46f3b;
  --c-red: #f2594e;
  --c-brown: #9b7a5a;
  --c-magenta: #e555a1;
  --c-magenta-dark: #a82670;
  --c-accent: #f26b7a;
  --c-purple: #7562d9;
  --c-purple-dark: #5747A6; }

/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width: 80%;
  --mm-ocd-min-width: 200px;
  --mm-ocd-max-width: 440px
; }

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none; }

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  -o-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, .3s;
  -o-transition-duration: 0s, .3s;
  transition-duration: 0s, .3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: .45s, .15s;
  -o-transition-delay: .45s, .15s;
  transition-delay: .45s, .15s; }

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: calc(100% - 80%);
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0); }

.mm-ocd--left .mm-ocd__backdrop {
  right: 0; }

.mm-ocd--right .mm-ocd__backdrop {
  left: 0; }

.mm-spn,
.mm-spn a:not(.btn),
.mm-spn li,
.mm-spn span,
.mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:root {
  --mm-spn-item-height: 50px;
  --mm-spn-item-indent: 20px;
  --mm-spn-line-height: 24px
; }

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: 24px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left .3s ease 0s;
  -o-transition: left .3s ease 0s;
  transition: left .3s ease 0s;
  cursor: default; }

.mm-spn ul:after {
  content: '';
  display: block;
  height: 50px;
  height: var(--mm-spn-item-height); }

.mm-spn > ul {
  left: 0; }

.mm-spn ul.mm-spn--open {
  left: 0; }

.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden; }

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer; }

.mm-spn li:before {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/ 2);
  right: 25px;
  right: calc(var(--mm-spn-item-height)/ 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  -ms-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: .4; }

.mm-spn li:after {
  content: '';
  display: block;
  margin-left: 20px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: .15; }

.mm-spn a:not(.btn),
.mm-spn span {
  position: relative;
  z-index: 1;
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent); }

.mm-spn a:not(.btn) {
  background: inherit;
  color: inherit;
  text-decoration: none; }

.mm-spn a:not(:last-child):not(.btn) {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-spn-item-height)); }

.mm-spn a:not(:last-child):not(.btn):after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: .15; }

.mm-spn span {
  background: 0 0; }

.mm-spn.mm-spn--navbar {
  cursor: pointer; }

.mm-spn.mm-spn--navbar:before {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/ 2);
  left: 20px;
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: .4; }

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default; }

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none; }

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  height: var(--mm-spn-item-height);
  padding: 0 40px;
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: 50px;
  line-height: var(--mm-spn-item-height);
  opacity: .4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent); }

.mm-spn.mm-spn--navbar ul {
  top: 51px;
  top: calc(var(--mm-spn-item-height) + 1px); }

.mm-spn.mm-spn--navbar ul:before {
  content: '';
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: .15; }

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3; }

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333; }

.mm-spn.mm-spn--vertical {
  overflow-y: auto; }

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static; }

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent); }

.mm-spn.mm-spn--vertical ul ul:after {
  height: 25px;
  height: calc(var(--mm-spn-item-height)/ 2); }

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block; }

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  -ms-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0); }

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none; }

/* JQUERY TWENTY20 ZURB 
-------------------------------------------------------------- */
.twentytwenty-handle:before, .twentytwenty-handle:after {
  content: " ";
  display: block;
  width: 3px;
  background: #557cf2;
  height: 9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.5px;
  z-index: 30; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px; }

.twentytwenty-container {
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }

.twentytwenty-container img {
  position: absolute;
  top: 0;
  display: block; }

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0); }

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0; }

.twentytwenty-container * {
  box-sizing: content-box; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }

.twentytwenty-overlay:hover {
  cursor: pointer; }

.twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 44px;
  width: 44px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  background: #557cf2;
  border-radius: 1000px;
  z-index: 40;
  cursor: e-resize; }

.twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px; }

.twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px; }

.twentytwenty-left-arrow {
  border-right: 8px solid white;
  left: 50%;
  margin-left: -18px; }

.twentytwenty-right-arrow {
  border-left: 8px solid white;
  right: 50%;
  margin-right: -18px; }

.usrp-fb-1 {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 100;
  max-width: 50px;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  border-radius: 2px 0 0 2px;
  transform: translate3d(0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.usrp-fb-1 i {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px; }

.usrp-fb-1 i, .usrp-fb-1 .usrp-fb-title {
  transition: all 0.2s linear; }

.usrp-fb-1 svg {
  width: 100%;
  height: 70%;
  margin-top: 6px; }

.usrp-fb-1 svg .fill {
  fill: #FFF; }

.usrp-fb-1 .usrp-fb-title {
  display: block;
  height: 50px;
  font-family: "Gordita", "Arial", "sans-serif", sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0);
  line-height: 50px;
  padding: 0 15px 0 65px;
  white-space: nowrap;
  background: #557cf2; }

.usrp-fb-1:hover, .usrp-fb-1.slide-in {
  max-width: 200px; }

.usrp-fb-1:hover i, .usrp-fb-1.slide-in i {
  background: rgba(0, 0, 0, 0.2); }

.usrp-fb-1:hover .usrp-fb-title, .usrp-fb-1.slide-in .usrp-fb-title {
  color: #FFF; }

.umbler-logotipo.logo-bg-light, .umbler-logotipo.logo-bg-primary {
  display: inline-block;
  width: 108px;
  height: 35px;
  background-image: url("//assets.umbler.com/site/about/umbler-logo-bg-light.svg");
  background-repeat: no-repeat;
  background-size: contain; }

.umbler-logotipo.logo-bg-primary {
  background-image: url("//assets.umbler.com/site/about/umbler-logo-bg-primary.svg"); }

.umbler-logotipo.logo-bg-dark {
  background-image: url("//assets.umbler.com/site/about/umbler-logo-bg-dark.svg"); }

.logo-umbler-sm, .logo-umbler {
  display: inline-block;
  width: 108px;
  height: 35px;
  background: url("//assets.umbler.com/site/tpl/logotipo.png?v=23062020") no-repeat 0 -35px;
  background-position: 0 -35px; }

.logo-umbler-sm {
  width: 66px;
  height: 18px;
  background-position: -108px 0; }

.subheading.sub-section.underline-primary:after {
  margin: .5rem 0 .5rem;
  background: #a2b8fa; }

.text-wordpress,
.text-wordpress:hover {
  color: #0badd3; }

.text-email {
  color: #D47795; }

.bg-primary-lightest {
  background-color: #f0f4ff; }

.bg-color-email-dark {
  background: #B17792 !important; }

.ul-underlined li {
  line-height: 42px;
  border-bottom: 1px solid #dee7e7; }

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

.z-i-1 {
  z-index: 100; }

.underline-dotted-primary {
  border-bottom: 1px dotted #557cf2; }

section.section-primary {
  background: #557cf2; }
  section.section-primary h1, section.section-primary h2, section.section-primary h3, section.section-primary h4, section.section-primary h5 {
    color: #fff; }
  section.section-primary p {
    color: #d9e2ff; }

.browser-tab-mac {
  background: #fff url("//assets.umbler.com/site/developers/browser-img-tab.png?v=23062020") no-repeat 0 9px;
  border-radius: 0.5rem;
  display: inline-block;
  overflow: hidden;
  padding-top: 40px;
  position: relative;
  box-shadow: 0 0 80px rgba(42, 63, 128, 0.2); }
  .browser-tab-mac video {
    margin-bottom: -3px;
    border-radius: 0 0 0 0.5rem;
    position: relative;
    z-index: 1; }

.form-control + label.error {
  position: absolute;
  left: 10px;
  top: -31px;
  z-index: 100;
  width: 370px;
  padding: 3px;
  font-weight: 300;
  color: #fff;
  border-radius: 3px;
  background: #f2594e; }
  .form-control + label.error a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }
    .form-control + label.error a:hover {
      color: #fad7d4; }

.umblerito-help {
  display: inline-block;
  width: 106px;
  height: 110px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat 0 0; }

.umblercoin-gold, .umblercoin-silver {
  display: inline-block;
  width: 47px;
  height: 47px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat -109px -12px; }

.umblercoin-silver {
  background-position: -109px -61px; }

.umblercoin-gold-md {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat -157px 0; }

.logo-hospedagem {
  display: inline-block;
  width: 171px;
  height: 41px;
  background: url("//assets.umbler.com/site/webhosting/sprite-hospedagem.png?v=23062020") no-repeat 0 0; }

.logo-wordpress-w {
  background-position: -406px 0; }

.logo-prestashop-w {
  height: 42px;
  background-position: -406px -41px; }

.logo-opencart-w {
  width: 169px;
  height: 35px;
  background-position: -406px -165px; }

.logo-node-w {
  width: 168px;
  height: 68px;
  background-position: -409px -509px; }

.logo-drupal-w {
  width: 153px;
  height: 45px;
  background-position: -414px -203px; }

.logo-mysql-w {
  height: 48px;
  background-position: -406px -100px; }

.logo-joomla-w {
  width: 169px;
  height: 39px;
  background-position: -406px -297px; }

.logo-moodle-w {
  height: 40px;
  background-position: -406px -336px; }

.logo-php-w {
  width: 119px;
  height: 56px;
  background-position: -195px -355px; }

.logo-sqlserver-w {
  height: 49px;
  background-position: -340px -376px; }

.logo-aspnet-w {
  width: 145px;
  background-position: -195px -411px; }

.logo-magento-w {
  width: 167px;
  height: 51px;
  background-position: -196px -453px; }

.logo-db-mysql {
  display: inline-block;
  width: 102px;
  height: 34px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat 0 -172px; }

.logo-db-sqlserver {
  display: inline-block;
  width: 141px;
  height: 40px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat -105px -173px; }

.logo-payment {
  display: inline-block;
  width: 50px;
  height: 31px;
  background: url("//assets.umbler.com/site/pricing/sprite-pricing.png?v=23062020") no-repeat 0 -110px; }

.logo-payment.payment-visa {
  background-position: 0 -110px; }

.logo-payment.payment-master {
  background-position: -50px -110px; }

.logo-payment.payment-paypal {
  background-position: -100px -110px; }

.logo-payment.payment-discover {
  background-position: -150px -110px; }

.logo-payment.payment-amex {
  background-position: 0 -141px; }

.logo-payment.payment-elo {
  background-position: -50px -141px; }

.logo-payment.payment-dinners {
  background-position: -100px -141px; }

.spinner-right, .spinner-left {
  text-align: center; }

.spinner-right > div, .spinner-left > div {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #c4d4d4;
  border-radius: 100%;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner-right .bounce3 {
  animation-delay: -0.16s; }

.spinner-right .bounce2 {
  animation-delay: -0.32s; }

.spinner-right .bounce1 {
  animation-delay: -0.48s; }

.spinner-left {
  text-align: center; }

.spinner-left > div {
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.spinner-left .bounce1 {
  animation-delay: -0.16s; }

.spinner-left .bounce2 {
  animation-delay: -0.32s; }

.spinner-left .bounce3 {
  animation-delay: -0.48s; }

.spinner-left .bounce4 {
  animation-delay: -0.64s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.features-videos {
  width: 350px;
  height: 250px;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: .3s all linear;
  box-shadow: 0 1px 3px #ddd; }
  .features-videos:hover {
    box-shadow: 0 2px 3px #a6bebe; }

.browserupgrade {
  background-color: #f25648;
  color: #fff;
  position: fixed;
  padding: 40px;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999; }

.browserupgrade h6 {
  color: #fff;
  margin: 30px 0 10px; }

.browserupgrade p {
  margin: 0; }

.browserupgrade .btn-browserupgrade {
  display: block;
  position: relative;
  padding: 10px 20px;
  margin: 20px auto 0;
  color: #fff;
  text-decoration: none;
  border: 2px solid #ffffff;
  cursor: pointer;
  width: 280px;
  border-radius: 3px; }

.browserupgrade .btn-browserupgrade:hover {
  background-color: #fff;
  color: #f25648; }

.browserupgrade .last {
  height: 20px;
  position: absolute;
  top: 10px;
  right: 25px;
  width: 20px; }

.browserupgrade .last[dir='rtl'] {
  right: auto !important;
  left: 25px !important; }

@media (max-width: 991px) {
  .card.card-block {
    display: block;
    margin-bottom: 0; } }

.lazy-fadein {
  animation-name: lazyfadeIn;
  animation-duration: 1.3s;
  animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
  animation-fill-mode: forwards; }

@keyframes lazyfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bg-dark:not(.bg-solid) #form-menu-sign .form-control, .bg-dark:not(.bg-solid) #form-menu-sign .input-group-btn, .bg-dark:not(.bg-solid) #form-menu-sign .form-control:focus, .bg-dark:not(.bg-solid) #form-menu-sign .input-group-btn.is-focus {
  border-color: #fff !important; }

[v-cloak] {
  display: none; }

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("PoppinsRegular"), url("//assets.umbler.com/brand/webfont/poppins/Poppins-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Poppins';
  font-style: bold;
  font-weight: bold;
  font-display: swap;
  src: local("PoppinsSemiBold"), url("//assets.umbler.com/brand/webfont/poppins/Poppins-SemiBold.woff") format("woff"); }

body {
  font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif; }

.cookie-bar {
  position: fixed;
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
  .cookie-bar .policy-container {
    width: 100%; }
    @media (min-width: 768px) {
      .cookie-bar .policy-container .policy-text {
        height: 100%; }
      .cookie-bar .policy-container .policy-btn {
        height: 100%; } }
    .cookie-bar .policy-container #btn-cookie-agree {
      color: #fff; }

.display-md-4,
.display-lg-4,
.display-xl-4 {
  letter-spacing: -.1rem; }

.display-md-3,
.display-lg-3,
.display-xl-3,
.display-xxl-3 {
  letter-spacing: -.1rem; }

.btn-lg {
  border-radius: 3rem; }

html[lang="en"] .navbar-fixed-top {
  top: 0; }

.navbar-transparent:not(.bg-solid) .main-nav > ul > li > a {
  color: #fff; }

.navbar-transparent:not(.bg-solid) .btn-login {
  background: transparent;
  color: #fff !important; }
  .navbar-transparent:not(.bg-solid) .btn-login:hover {
    background: #fff;
    color: #557cf2 !important; }

.navbar-solid {
  background: #fff !important; }

@media (min-width: 1200px) {
  #menu {
    background-color: #fff; } }

#menu.navbar-dark {
  background-color: #0a1024; }
  @media (min-width: 1200px) {
    #menu.navbar-dark {
      background-color: transparent; } }
  #menu.navbar-dark .main-nav li > a {
    color: #A2B8FA; }
  #menu.navbar-dark .btn-login,
  #menu.navbar-dark .btn-cta {
    color: #A2B8FA;
    border: none;
    background: #0d142b;
    box-shadow: none;
    font-weight: 400; }

@media (max-width: 575px) {
  .navbar-fixed-top {
    padding: 10px 1.5rem !important; } }

#hellobar {
  position: fixed;
  top: 0;
  overflow: hidden;
  width: 100%;
  z-index: 850;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  #hellobar p {
    font-size: .95rem;
    font-weight: 600;
    margin: 0; }
  #hellobar.theme-reclame-aqui {
    background-color: #0a0f20;
    background: linear-gradient(270deg, #101010 0%, #3D3F40 49%, #101010 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 0 10px rgba(9, 12, 21, 0.6); }

header,
.pt-3-menuheight {
  padding-top: 100px; }

#footer {
  background-color: #fff; }
  #footer h6 {
    color: #557cf2;
    font-size: 1.1rem;
    margin-bottom: 10px; }
  #footer .img-fluid {
    border-radius: 12px;
    width: 85%; }
  #footer .footer-copyright small p,
  #footer .footer-copyright small a {
    color: #557cf2 !important; }
  #footer .umbler-social a {
    color: #a2b8fa !important; }
    #footer .umbler-social a:hover {
      color: #557cf2 !important; }
  #footer .utalk-card {
    background: linear-gradient(45deg, #0023ff0f -40%, #22c38e26 60%, #fff 120%);
    border: 1px solid #d7ecec;
    transition: border .2s; }
    #footer .utalk-card:hover {
      border-color: #bedada; }

.prime-footer {
  background: #0D142B !important; }
  .prime-footer * {
    color: #7997F2 !important; }

.submenu h4 {
  color: #6f7380;
  font-weight: 900;
  transition: color .2s ease-out; }

.submenu.features p {
  color: #8fadad;
  line-height: 22px;
  font-size: .95em; }

.submenu a.site:hover .icon-umbler-site,
.submenu a.site.active .icon-umbler-site {
  background-position: -162px -18px; }

.submenu a.email:hover .icon-umbler-email,
.submenu a.email.active .icon-umbler-email {
  background-position: -108px -18px; }

.submenu a.domain:hover .icon-umbler-domain,
.submenu a.domain.active .icon-umbler-domain {
  background-position: -48px -70px; }

.submenu .wrap {
  width: 80px;
  float: left; }
  .submenu .wrap i {
    transition: .2s transform ease-in; }

.submenu.features .wrap {
  height: 72px; }

.plans-pricing .pl-0 .card {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.plans-pricing .pr-0.pl-0 .card {
  border-radius: 0; }

.plan-price {
  color: #4e5159; }
  .plan-price .currency {
    font-weight: bold;
    font-size: 1.4rem;
    margin-right: .25rem;
    vertical-align: super; }
  .plan-price .price {
    font-weight: bold;
    font-size: 1.4em; }
  .plan-price .period {
    display: block;
    font-size: 1.2rem;
    font-style: italic;
    top: -.5rem;
    position: relative; }
  .plan-price.small .currency {
    font-size: 1.2rem; }
  .plan-price.small .price {
    font-size: 2rem; }

#back-top {
  position: fixed;
  right: 30px;
  bottom: -300px;
  color: #6f7380;
  opacity: 0.4;
  transition: all .4s ease-in-out; }

#back-top:hover {
  font-size: 63px;
  color: #557cf2;
  opacity: 1; }

#habla_window_div.habla_window_div_base {
  z-index: 1500 !important; }

#trust-testimonials .icon-vote-heart {
  margin: 0 -5px; }

#trust-testimonials .carousel-inner {
  min-height: 330px; }

#goodbyehost-migrate {
  background: #f7faff; }
  #goodbyehost-migrate .testimonial-item {
    width: 300px;
    position: absolute;
    left: 50px;
    top: -150px;
    z-index: 200; }
    #goodbyehost-migrate .testimonial-item:after {
      position: absolute;
      content: "";
      background: #ffffff;
      width: 30px;
      height: 30px;
      bottom: -5px;
      left: 0;
      border-bottom-right-radius: 5px;
      transform: matrix(-1, 0.6, 0, 1, 0, 0); }
  @media (min-width: 1600px) {
    #goodbyehost-migrate .testimonial-item {
      left: 159px; } }

#hospedagem-otimizada li {
  float: left;
  width: 170px;
  height: 90px;
  display: flex;
  align-items: center;
  align-content: center; }

#hospedagem-otimizada li:nth-child(6n) {
  margin-right: 0; }

#hospedagem-otimizada li div,
#hospedagem-otimizada li a {
  display: block;
  margin: 0 auto; }

#hospedagem-otimizada .logo-sqlserver-w {
  position: relative;
  top: -5px; }

#signup-rewards .umblercoin-gold-md {
  top: -41px;
  left: 50%;
  transform: translateX(-50%); }

@media (max-width: 1199px) {
  section.wp-addons {
    text-align: center; }
    section.wp-addons .pr-4 {
      padding-right: 10px !important; } }

.wp-addons .subheading {
  font-size: 1rem;
  margin-bottom: 1rem; }

.wp-addons .newrelic .subheading {
  color: #7ee5e5; }

.wp-addons .cloudflare .subheading {
  color: #f2bd72; }

.wp-addons .lets-encrypt .subheading {
  color: #f2e879; }

#wp-addons-animated {
  width: 220px; }

.wp-addon-icon {
  width: 100px;
  height: 100px;
  background: #a2b8fa;
  border-radius: 50%; }

@media (min-width: 992px) {
  .wp-addons.curve-border::before,
  .wp-addons.curve-border::after {
    content: '';
    position: absolute;
    border-top-left-radius: 12% 100%; }
  .wp-addons.curve-border::before {
    width: 110%;
    height: 155px;
    background: #d9e2ff;
    top: -120px;
    left: -15px;
    border-top-right-radius: 100% 100%;
    transform: rotate(2.5deg); }
  .wp-addons.curve-border::after {
    width: 120%;
    height: 150px;
    background: #557cf2;
    top: -90px;
    border-top-right-radius: 100%;
    transform: rotate(2deg); } }

.tweet-container {
  margin: 0 auto;
  max-width: 1400px; }
  .tweet-container .tweet-item .tweet-author {
    display: block;
    font-weight: bold; }
  .tweet-container .tweet-card {
    margin: 1.5rem .5rem;
    padding: 2rem;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); }
  .tweet-container .tweet-content {
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: .5rem; }
  .tweet-container .tweet-photo {
    box-shadow: 0 1px 3px #b1b6c7;
    border: 4px solid #fff;
    height: 48px;
    width: 48px; }
  .tweet-container .tweet-time {
    color: #b1b6c7;
    font-size: .9rem; }
  .tweet-container .tweet-link,
  .tweet-container .tweet-time a {
    color: #b1b6c7;
    opacity: .8; }
  .tweet-container a.tweet-author,
  .tweet-container a.tweet-author:hover {
    color: #4e5159; }
  .tweet-container .tweet-link:hover,
  .tweet-container .tweet-time a:hover {
    color: #b1b6c7;
    opacity: 1; }
  .tweet-container .tweet-photo {
    background: url("//assets.umbler.com/site/shared/tweet-sprite-new.png?v=23062020") no-repeat; }
  .tweet-container .tweet-alan {
    background-position: -48px -0; }
  .tweet-container .tweet-bruno {
    background-position: -0 -96px; }
  .tweet-container .tweet-caio {
    background-position: -0 -48px; }
  .tweet-container .tweet-elton {
    background-position: -48px -48px; }
  .tweet-container .tweet-guilherme {
    background-position: -96px -0; }
  .tweet-container .tweet-jeliel {
    background-position: -96px -48px; }
  .tweet-container .tweet-leonardo {
    background-position: -0 -0; }
  .tweet-container .tweet-layon {
    background-position: -48px -96px; }
  .tweet-container .tweet-marcio {
    background-position: -96px -96px; }
  .tweet-container .tweet-matheus {
    background-position: -144px -0; }
  .tweet-container .tweet-rhamses {
    background-position: -144px -48px; }
  .tweet-container .tweet-sidney {
    background-position: -144px -96px; }

@media (min-width: 768px) {
  body {
    font-size: 15.66px;
    line-height: 1.5; }
  #hospedagem-otimizada li {
    width: 210px; }
  #email-basic-1,
  #email-exchange-1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #email-basic-5,
  #email-exchange-2 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  #email-basic-2,
  #email-basic-3,
  #email-basic-4 {
    border-radius: 0; } }

@media (max-width: 767px) {
  body {
    padding-bottom: 0; }
  #page-not-found {
    background-position: center top; }
  #hospedagem-otimizada li {
    width: 100%; }
  #pague-demanda .col-md-4 {
    margin-bottom: 31px; }
  #pague-demanda h3.float-xs-left {
    float: none !important;
    text-align: center; }
  #pague-demanda i.float-xs-left {
    position: relative;
    left: 90px; }
  #trust-testimonials .testimonials-arrow {
    left: 46%; }
  .prices-cloudsites::before {
    display: none; } }

@media (min-width: 992px) {
  body {
    font-size: 18px; }
  #goodbyehost-migrate {
    background: #f7faff url("//assets.umbler.com/site/shared/goodbyehost-bg.png") -300px bottom no-repeat; }
  #goodbyehost-migrate:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 160px;
    top: -160px;
    right: 0;
    background: url("//assets.umbler.com/site/shared/goodbyehost-section.png") bottom right no-repeat; }
  .page-webhosting-node .img-node-features {
    left: 0;
    position: absolute;
    top: 0; }
  .page-webhosting-node .node-umblerito-package {
    margin-bottom: -170px;
    right: 260px;
    top: -190px; }
  .page-webhosting-node #node-features .video-wrapper {
    background: url("//assets.umbler.com/site/webhosting-node/bg-node-panel.png?v=23062020") 0 -100px no-repeat;
    height: 660px;
    background-size: 310px;
    left: -320px;
    width: 800px; }
    .page-webhosting-node #node-features .video-wrapper .video-container {
      position: absolute;
      left: 130px;
      top: 50px; }
    .page-webhosting-node #node-features .video-wrapper .video {
      max-width: 640px; }
  .page-webhosting-node .testimonial-wrapper .testimonial-item-push {
    top: -130px;
    position: relative; } }

@media (min-width: 1600px) {
  #goodbyehost-migrate {
    background-position: -120px bottom; }
  #goodbyehost-migrate:after {
    background: url("//assets.umbler.com/site/shared/goodbyehost-birds.png") no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: -60px;
    right: 80px;
    width: 386px;
    height: 153px;
    opacity: .5; } }

@keyframes ssd-database-introcard {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes ssd-database-icon {
  0% {
    transform: rotate(-30deg) scale(1); }
  50% {
    transform: rotate(-30deg) scale(1.1); } }

#ssd-database .ssd-db-images {
  bottom: -400px;
  left: 270px;
  position: absolute;
  z-index: 1; }
  @media (min-width: 1200px) {
    #ssd-database .ssd-db-images {
      bottom: -380px;
      left: 40px; } }
  #ssd-database .ssd-db-images .form-check-inline.check-btn-img {
    transform: rotate(-30deg) scale(1);
    margin: 1rem;
    padding: 0;
    left: 2px;
    top: -2px; }
    #ssd-database .ssd-db-images .form-check-inline.check-btn-img .form-check-label:before {
      background-color: transparent; }
    #ssd-database .ssd-db-images .form-check-inline.check-btn-img.is-checked {
      animation: ssd-database-icon 0.15s cubic-bezier(0.39, 0.55, 0.31, 1.04); }
      #ssd-database .ssd-db-images .form-check-inline.check-btn-img.is-checked .form-check-label:before {
        background-color: #fff; }

#ssd-database .ssd-db-card {
  position: absolute;
  left: -30px;
  bottom: 100px;
  z-index: -1; }
  #ssd-database .ssd-db-card .card {
    box-shadow: 0 0 1px 0 rgba(59, 89, 178, 0.08), 0 15px 50px rgba(0, 0, 0, 0.06);
    animation: 'ssd-database-introcard' 1s ease; }
    #ssd-database .ssd-db-card .card.no-visible {
      display: none; }
    #ssd-database .ssd-db-card .card.is-visible {
      display: block; }
  #ssd-database .ssd-db-card .table th,
  #ssd-database .ssd-db-card table td {
    border: 0;
    padding-right: 2rem;
    white-space: nowrap; }
  #ssd-database .ssd-db-card .img-svg {
    position: relative;
    top: 2px; }

#ssd-database .ssd-db-items {
  transform: scale(0.9); }
  @media (min-width: 1200px) {
    #ssd-database .ssd-db-items {
      transform: scale(0.52); } }
  @media (min-width: 1600px) {
    #ssd-database .ssd-db-items {
      transform: scale(1); } }

#ssd-database .ssd-db-item {
  position: absolute;
  transition: transform .6s; }
  #ssd-database .ssd-db-item .img-svg path {
    transition: transform .3s, backgroundColor .3s; }
  #ssd-database .ssd-db-item.no-active .svg-database-shadow {
    transform: translate3d(0, 0, 0); }
  #ssd-database .ssd-db-item.is-active {
    transform: translate3d(0, 30px, 0); }
    #ssd-database .ssd-db-item.is-active .ssd-db-img > .img-svg {
      filter: drop-shadow(0 3px 3px rgba(42, 63, 128, 0.04)); }
      #ssd-database .ssd-db-item.is-active .ssd-db-img > .img-svg .svg-database-base {
        fill: #f0f4ff; }
      #ssd-database .ssd-db-item.is-active .ssd-db-img > .img-svg .svg-database-shadow {
        fill: #d9e2ff;
        transform: translate3d(0, 0, -1px); }

@media (min-width: 992px) {
  #ssd-database .ssd-db-img {
    position: absolute;
    transform: scale(2.3); }
    #ssd-database .ssd-db-img:after {
      content: '';
      background: transparent;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      display: block;
      height: 100%; }
    #ssd-database .ssd-db-img > .img-svg {
      left: 0;
      position: absolute;
      top: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      filter: drop-shadow(0 12px 4px rgba(42, 63, 128, 0.08)); }
    #ssd-database .ssd-db-img.ssd-db-img-mysql {
      transform: translate(-120px, -50px) scale(2); }
    #ssd-database .ssd-db-img.ssd-db-img-mongodb {
      transform: translate(-300px, -280px) scale(2); }
    #ssd-database .ssd-db-img.ssd-db-img-sqlserver {
      transform: translate(-400px, 0) scale(2); } }

.collapser,
.collapser-body {
  border: 0;
  box-shadow: none; }

.collapser-body {
  padding-top: 0; }

.collapser-title {
  color: #557cf2;
  font-size: 1.2rem; }

.collapser-header {
  border-bottom: 0;
  line-height: 1.6;
  padding: 10px 0;
  min-height: auto; }

.collapsed .collapser-title {
  color: #4e5159; }

.collapser-header a {
  padding: 0 0 0 2rem;
  position: relative; }
  .collapser-header a:before {
    color: #557cf2;
    float: none;
    font-size: 1rem;
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.32, 0.82, 0.07, 1.64);
    position: absolute;
    top: -8px;
    left: 8px; }

.collapser-header .collapsed:before {
  color: #dfe5f2;
  transform: rotate(-90deg); }

.list-icon-block {
  list-style: none;
  padding-left: 0; }
  .list-icon-block > li {
    padding-left: 1.5rem;
    position: relative; }
    .list-icon-block > li > .icon {
      color: #557cf2;
      position: absolute;
      left: 0;
      top: 6px; }

body[style="padding-right: 41px;"] {
  padding-right: 17px !important; }

body[style="padding-right: 41px;"] #menu {
  padding-right: 41px; }

#SitePartialViewPrice .coin {
  width: 45px;
  height: 45px;
  top: 4px; }

#SitePartialViewPrice .d-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; }

#SitePartialViewPrice .card-main {
  border: solid 4px #557cf2;
  border-radius: 5px;
  position: relative;
  top: -2px; }
  #SitePartialViewPrice .card-main .percent {
    font-size: 14px;
    width: calc(100% - 4rem);
    text-align: center; }

.database-addon p {
  font-size: 15px; }

.database-addon h4 {
  font-size: 24px; }
  .database-addon h4 svg {
    left: -3px;
    top: 6px; }

.database-addon .currency {
  font-size: 1rem !important; }

.database-addon .price {
  font-size: 24px !important; }

@media (min-width: 768px) and (max-width: 1199px) {
  .page-email .plans.en-us {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
    .page-email .plans.en-us .card {
      grid-column-end: span 2; }
    .page-email .plans.en-us .card:nth-child(2) {
      grid-column-start: 3; }
    .page-email .plans.en-us .card:nth-child(3) {
      grid-column-start: 5; }
    .page-email .plans.en-us .card:nth-child(4) {
      grid-column-start: 2; }
    .page-email .plans.en-us .card:nth-child(5) {
      grid-column-start: 4; } }

@media (min-width: 1200px) {
  .page-email .plans.en-us {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }

.page-email .card-block .price {
  font-size: 2.5rem; }

@media (min-width: 576px) {
  .section-pricing .plan__list {
    align-items: flex-start;
    flex-wrap: nowrap; }
    .section-pricing .plan__list .plan__item {
      flex: 1 1 0; } }

#partial-marketplace .subtitle {
  left: -12px; }

#partial-marketplace ul .list-item-icon {
  color: #a2b8fa; }

#partial-marketplace .logo-mktplace {
  margin-left: -39px;
  height: 138px;
  width: 140px; }

#partial-marketplace .umblerito-bolt {
  margin-left: -100px; }

#partial-marketplace .bg-hexs-right img {
  transform: scale(0.8) translate(-90px, 100px); }

@media (min-width: 1200px) {
  #partial-marketplace .bg-hexs-right::before {
    content: '';
    display: block;
    position: absolute;
    width: 544.296px;
    height: 1071px;
    top: -177px;
    left: 444px;
    background: url("//assets.umbler.com/site/marketplace/bg-hexs-right.svg");
    transform: scale(0.8) translate(-165px, 100px); }
  #partial-marketplace .umblerito-bolt {
    position: absolute; } }

@media (min-width: 1400px) {
  #partial-marketplace .bg-hexs-right img {
    transform: scale(1) translate(0, 0); }
  #partial-marketplace .bg-hexs-right::before {
    transform: scale(1) translate(0, 0); }
  #partial-marketplace .bg-hexs-left::before {
    content: '';
    display: block;
    width: 573px;
    height: 869px;
    position: absolute;
    top: -202px;
    left: -475px;
    background: url("//assets.umbler.com/site/marketplace/bg-hexs-left.svg"); } }

.plan .plan__item {
  flex-basis: 50%;
  /*align-items: flex-start;*/
  color: #4e5159; }
  .plan .plan__item:hover, .plan .plan__item:visited {
    color: #4e5159; }
  .plan .plan__item--primary {
    background: #557cf2 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 389.7 546.5'%3E%3Cpath d='M0 0v542.9c.9.2 1.8.4 2.6.6 20 4.1 40.5 4.1 60.5 0 9.7-2 19.1-4.9 28.2-8.7 26.8-11.4 49.8-30.2 66.1-54.4 11-16.2 18.7-34.5 22.6-53.7 3.7-18 4-36.5 1.1-54.6-.6-4.7-1.4-9.4-2.6-14-1.2-4.6-2.6-9.1-4.3-13.5-3.5-8.9-7.7-17.5-12.6-25.7-9.9-16.7-22.5-32.7-34.7-48.3-6.1-7.8-12.5-15.9-18.3-23.9-5.8-7.8-11.1-15.9-16.1-24.2-4.7-8-8.6-16.3-11.7-25.1-1.5-4.3-2.7-8.6-3.5-13-.9-4.4-1.4-8.9-1.7-13.4-.6-4.9-.9-9.9-.9-14.8 0-20.8 5.6-41.3 16.3-59.2 32.7-55.1 104-73.3 159.1-40.6 11 6.6 20.9 14.9 29.1 24.6 26.6 34.8 65.7 59.6 110.5 67.7V0H0z' fill='%234E73E3'/%3E%3C/svg%3E");
    background-size: cover;
    border-radius: .75rem;
    box-shadow: 0 10px 40px rgba(42, 63, 128, 0.4); }
  .plan .plan__item--success {
    background: #5cb85c;
    border-radius: .75rem;
    box-shadow: 0 10px 40px rgba(49, 102, 49, 0.4); }
  .plan .plan__item--accent {
    background: #f26b7a;
    border-radius: .75rem;
    box-shadow: 0 10px 40px rgba(133, 49, 59, 0.4); }
  .plan .plan__item--dark {
    background: #31343b;
    border-radius: .75rem;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }

.plan .plan__badge {
  background: #f26b7a;
  color: #85313b;
  font-weight: 600;
  font-size: .8rem;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 12px;
  white-space: nowrap;
  border-radius: 2rem 2rem 2rem 0;
  text-transform: uppercase; }

.plan .plan__label {
  background: #222;
  color: #6f7380;
  border-radius: 2rem;
  display: inline-block;
  margin: 0 auto;
  padding: 3px 10px;
  position: relative;
  bottom: -12px; }

.plan .plan__title {
  font-size: 1.6em;
  font-weight: 600; }

.plan .plan__subtitle {
  margin: -.5rem 0 1rem; }

.plan .plan__price {
  font-size: 1.2em;
  color: #5cb85c;
  white-space: nowrap; }
  .plan .plan__price .plan__value {
    font-size: 2em;
    font-weight: bold;
    margin-right: -5px; }
  .plan .plan__price .plan__currency {
    font-size: 16px; }
  .plan .plan__price--muted {
    background-color: #f0f4ff;
    color: #a2b8fa; }

.plan .plan__features {
  font-size: .85rem;
  margin: 0;
  list-style: none;
  text-align: left;
  padding: 0; }
  .plan .plan__features li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: .5rem; }
    .plan .plan__features li:before {
      content: '';
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cpath fill='%237CC47C' d='M38 82.376c-3.07 0-6.146-1.169-8.484-3.51L7.637 56.987a8.997 8.997 0 010-12.727 8.997 8.997 0 0112.727 0L38 61.897 79.637 20.26a8.997 8.997 0 0112.727 0 8.997 8.997 0 010 12.727l-45.88 45.879A11.957 11.957 0 0138 82.376z'/%3E%3C/svg%3E") no-repeat;
      background-position: left 3px;
      left: 0;
      position: absolute;
      height: 18px;
      width: 20px; }
  .plan .plan__features dt,
  .plan .plan__features dd {
    width: 50%; }
    .plan .plan__features dt:last-child,
    .plan .plan__features dd:last-child {
      margin-bottom: 0; }
  .plan .plan__features dd {
    padding-left: 10px; }
  .plan .plan__features--primary li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cpath fill='%237997F2' d='M38 82.376c-3.07 0-6.146-1.169-8.484-3.51L7.637 56.987a8.997 8.997 0 010-12.727 8.997 8.997 0 0112.727 0L38 61.897 79.637 20.26a8.997 8.997 0 0112.727 0 8.997 8.997 0 010 12.727l-45.88 45.879A11.957 11.957 0 0138 82.376z'/%3E%3C/svg%3E"); }

.section-pricing--minify .plan__price {
  font-size: 2em;
  font-weight: 100; }
  .section-pricing--minify .plan__price .plan__currency {
    font-size: 23px; }

.social-btn-register {
  padding: .5rem 0; }
  .social-btn-register .btn {
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .social-btn-register .img-svg {
    height: 18px;
    width: 18px; }

#menu {
  /*.nav a.btn {		
		&.btn-cta {        
			margin-right: 0;
			color: #fff;
		}
		&.btn-login {
			color: $brand-primary;
		}
	}*/ }
  #menu .btn-link {
    color: #557cf2; }

.navbar-header {
  display: flex;
  align-items: center; }
  @media (max-width: 1199px) {
    .navbar-header {
      width: 100%; } }

/* menu
/*********************************************/
/* dropdown */
.nav-dropdown .main-nav,
.nav-dropdown .nav-dropdown-wrapper {
  display: none; }

:root {
  --mm-spn-item-height: 36px;
  --mm-spn-item-indent: 0;
  --mm-spn-line-height: 24px
	; }

.mm-spn.mm-spn--light {
  background: #262F3A;
  color: rgba(205, 213, 222, 0.8); }

@media (max-width: 991px) {
  .mm-spn a:not(.btn),
  .mm-spn span {
    font-size: 1.3rem; } }

.mm-spn li:after,
.mm-spn li:before,
.mm-spn a:not(:last-child):not(.btn):after, .mm-spn.mm-spn--navbar:after,
.mm-spn.mm-spn--navbar ul:before {
  display: none; }

.mm-spn.mm-spn--navbar ul {
  top: 0; }

.mm-spn a:not(:last-child):not(.btn) {
  width: auto; }

.mm-spn ul {
  width: 100%;
  padding: 2rem; }
  .mm-spn ul li {
    cursor: default; }

.dropdown .brand-line {
  position: relative; }
  .dropdown .brand-line:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 12px;
    background: #000;
    left: 0; }

/* desktop */
@media (min-width: 1200px) {
  .nav-dropdown {
    padding: 0;
    left: 0;
    top: 12px;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
    z-index: 100;
    height: 40px;
    position: absolute; }
    .nav-dropdown .content {
      transition: transform .3s;
      text-align: left; }
      .nav-dropdown .content ul {
        list-style: none;
        padding: 1.5rem; }
    .nav-dropdown .dropdown-menu-item .title {
      transition: color .25s ease-in-out; }
    .nav-dropdown .dropdown-menu-item .dropdown-link {
      border-radius: 0.5rem;
      color: #818698;
      display: block;
      padding: 1rem;
      transition: color .1s, box-shadow .3s; }
      .nav-dropdown .dropdown-menu-item .dropdown-link:hover .title {
        color: #a2b8fa; }
      .nav-dropdown .dropdown-menu-item .dropdown-link .description {
        font-size: 1rem;
        margin: 0; }
    .nav-dropdown .dropdown-menu-item:first-child {
      margin-top: 0; }
    .nav-dropdown .dropdown-entrepreneurs .content {
      width: 620px; }
    .nav-dropdown .dropdown-support .content {
      width: 500px; }
    .nav-dropdown .dropdown {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden;
      width: 100%;
      transition: opacity .3s, visibility .3s; }
      .nav-dropdown .dropdown.active {
        opacity: 1;
        visibility: visible; }
      .nav-dropdown .dropdown.move-left .content {
        transform: translateX(-100px); }
      .nav-dropdown .dropdown.move-right .content {
        transform: translateX(100px); }
    .nav-dropdown .label {
      display: none; }
    .nav-dropdown .nav-dropdown-wrapper {
      display: block;
      top: 58px;
      width: auto;
      padding: 0;
      box-shadow: none;
      background-color: transparent;
      transform: translateZ(0);
      will-change: transform;
      transform: translateY(-5px);
      transition: transform .3s; }
    .nav-dropdown .dropdown-list {
      background-color: #000;
      position: absolute;
      top: 20px;
      left: 150px;
      visibility: hidden;
      will-change: transform, width, height;
      transition: visibility .1s;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
      border-radius: 1rem;
      overflow: hidden;
      /*&:before {
				content: '';
				position: absolute;
				top: -6px;
				left: 50%;
				right: auto;
				transform: translateX(-50%) rotate(45deg);
				height: 0;
				width: 15px;
				background: linear-gradient(135deg, #fff 50%, transparent 0%);
				opacity: 0;
				transition: opacity .3s;
				border-radius: 5px 0 0 0;
				height: 15px;

			}*/ }
      .nav-dropdown .dropdown-list .subheading {
        color: #979CAD;
        display: inline-block;
        font-size: 0.75rem;
        border-radius: 20px;
        background: #171819;
        margin-top: -40px;
        padding: 1rem;
        width: max-content;
        margin-bottom: -5px; }
        .nav-dropdown .dropdown-list .subheading.divider:after {
          opacity: .1; }
      .nav-dropdown .dropdown-list .title {
        color: #fff;
        font-weight: 400; }
      .nav-dropdown .dropdown-list > ul {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
        overflow: hidden; }
    .nav-dropdown:before {
      content: 'desktop';
      display: none; }
    .nav-dropdown .main-nav {
      display: inline-block; }
      .nav-dropdown .main-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 0;
        left: 210px; }
      .nav-dropdown .main-nav > ul > li {
        display: inline-block; }
      .nav-dropdown .main-nav > ul > li > a {
        color: #6f7380;
        font-size: 1rem;
        line-height: 42px;
        padding: 20px 10px;
        margin: 0 15px; }
    .nav-dropdown.is-dropdown-visible .dropdown-list:before {
      opacity: 1; }
    .nav-dropdown.is-dropdown-visible .dropdown-list {
      visibility: visible;
      transition: transform .3s, width .3s, height .3s; }
    .nav-dropdown.is-dropdown-visible .nav-dropdown-wrapper {
      transform: translateY(0); }
    .nav-dropdown.is-dropdown-visible .main-nav {
      display: inline-block; }
      .nav-dropdown.is-dropdown-visible .main-nav > ul > li {
        display: inline-block; }
        .nav-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
          opacity: 1; }
        .nav-dropdown.is-dropdown-visible .main-nav > ul > li > a {
          opacity: .6; } }

::-webkit-scrollbar {
  width: 0.875rem;
  border-radius: 1rem; }

::-webkit-scrollbar-track {
  background: #fff; }

::-webkit-scrollbar-thumb {
  background: #557cf2;
  border-radius: 1rem;
  border: 0.125rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box; }

.tab_price_email {
  color: #5CB85C !important; }
  .tab_price_email::before {
    background-color: #5CB85C !important; }

.card_main_plans {
  width: 100% !important; }

.button_sn {
  font-size: 16px; }

.p_details {
  text-align: start !important;
  font-size: 12px; }

.p_scard {
  text-align: start !important;
  font-size: 16px; }

.p_span {
  font-size: 18px; }

.price_plan {
  height: 60px; }

.price_pc {
  font-size: 15px; }

.price_pc_exp {
  font-size: 16px; }

.sec_sc {
  padding-left: 32px !important; }

.cont_tab {
  height: 90px; }

.pt {
  padding-top: 32px; }

.cd-info {
  width: 80%; }

.f_div {
  text-align: start; }

.p_desco {
  font-size: 15px;
  text-align: start; }

@media (max-width: 991px) {
  .main_middle {
    margin: 0 !important; } }

.hidden_box {
  display: none; }

.rebrand .bg-primary {
  background-color: #20a220 !important; }

.rebrand .text-primary {
  color: #20a220 !important; }

.rebrand .bg-primary-light {
  background-color: #90d490 !important; }

.rebrand .text-primary-light {
  color: #90d490 !important; }

.rebrand .bg-primary-lighter {
  background-color: #c2d8c2 !important; }

.rebrand .text-primary-lighter {
  color: #c2d8c2 !important; }

.rebrand .bg-primary-lightest {
  background-color: #eaf3ea !important; }

.rebrand .text-primary-lightest {
  color: #eaf3ea !important; }

.rebrand .bg-primary-dark {
  background-color: #408340 !important; }

.rebrand .text-primary-dark {
  color: #408340 !important; }

.rebrand .bg-primary-darker {
  background-color: #465d46 !important; }

.rebrand .text-primary-darker {
  color: #465d46 !important; }

.rebrand .bg-primary-darkest {
  background-color: #1e251e !important; }

.rebrand .text-primary-darkest {
  color: #1e251e !important; }

.rebrand .bg-secondary {
  background-color: #6e2fff !important; }

.rebrand .text-secondary {
  color: #6e2fff !important; }

.rebrand .bg-secondary-light {
  background-color: #b595ff !important; }

.rebrand .text-secondary-light {
  color: #b595ff !important; }

.rebrand .bg-secondary-lighter {
  background-color: #eae2ff !important; }

.rebrand .text-secondary-lighter {
  color: #eae2ff !important; }

.rebrand .bg-secondary-dark {
  background-color: #4000d2 !important; }

.rebrand .text-secondary-dark {
  color: #4000d2 !important; }

.rebrand .bg-secondary-darker {
  background-color: #1e0062 !important; }

.rebrand .text-secondary-darker {
  color: #1e0062 !important; }

.rebrand .bg-accent {
  background-color: #00ff03 !important; }

.rebrand .text-accent {
  color: #00ff03 !important; }

.rebrand .bg-accent-light {
  background-color: #66ff68 !important; }

.rebrand .text-accent-light {
  color: #66ff68 !important; }

.rebrand .bg-accent-lighter {
  background-color: #b3ffb3 !important; }

.rebrand .text-accent-lighter {
  color: #b3ffb3 !important; }

.rebrand .bg-accent-dark {
  background-color: #00a302 !important; }

.rebrand .text-accent-dark {
  color: #00a302 !important; }

.rebrand .bg-accent-darker {
  background-color: #003301 !important; }

.rebrand .text-accent-darker {
  color: #003301 !important; }

.rebrand .text-highlighter {
  position: relative; }

.rebrand .text-highlighter:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  top: 40%;
  left: 0;
  background: linear-gradient(45deg, transparent 0%, #00ff03 0% 40%, transparent 100%);
  z-index: -1; }

.page-support section {
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #F0F4FF 100%) 0% 0% no-repeat padding-box; }

.page-support .support-card {
  border-radius: 2rem;
  margin-bottom: 1.5rem;
  background: #F0F4FF 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 6px #31343B0D;
  transition: background-color .2s ease-in-out; }
  .page-support .support-card:hover {
    cursor: pointer; }

@media (min-width: 768px) {
  .page-support .support-card {
    padding-bottom: 0.8rem; } }

.page-support .card-icon {
  border-radius: 50%;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1F4FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 2px 4px 6px #081E6014; }

.page-support .support-selected {
  flex: 1;
  background: #557CF2 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 6px #557CF214; }
  .page-support .support-selected * {
    color: #fff !important; }
  .page-support .support-selected .card-icon {
    background: transparent linear-gradient(39deg, #557CF2 0%, #30AEF2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 2px 4px 6px #081E6014; }

@media (min-width: 768px) {
  .page-support .support-selected {
    padding-bottom: 0.8rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0; } }

.page-support .h7 {
  width: 80%;
  font-size: 1rem; }

.page-support .input-container {
  border-radius: 2.5rem; }
  .page-support .input-container input {
    flex: 1;
    height: 100%;
    border: 0;
    border-radius: 2.5rem; }
    .page-support .input-container input:focus {
      outline: none; }
  .page-support .input-container button {
    font-size: 1rem; }

@media (min-width: 768px) {
  .page-support .input-container {
    border-top-left-radius: 0; }
  .page-support .input-centre {
    border-top-right-radius: 2.5rem !important;
    border-top-left-radius: 0 !important; }
  .page-support .input-community {
    border-top-right-radius: 2.5rem !important;
    border-top-left-radius: 2.5rem !important; }
  .page-support .input-blog {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 2.5rem !important; } }

.page-support .input-element-container {
  border-radius: 2.5rem; }

.page-support .hideLink {
  display: none; }

.page-support .showLink {
  display: block; }

.page-support .contact-card {
  border-radius: 2rem;
  box-shadow: 0px 6px 6px #557CF214; }
  .page-support .contact-card .icon-brand-whatsapp:before {
    left: 2px;
    top: -2px;
    position: relative; }

@media (min-width: 768px) {
  .page-support .contact-card {
    width: 80%; } }

@media (min-width: 1200px) {
  .page-support .contact-card {
    width: 60%; } }

.page-support .btn-signup {
  border-color: #F7F9FF;
  background: #F7F9FF;
  color: #5CB85C; }
  .page-support .btn-signup:hover {
    border-color: #557cf2;
    background-color: #557cf2;
    color: #fff; }

.page-support .custom-subheading::after {
  border-radius: 10px;
  content: "";
  display: block;
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .5rem;
  height: 6px;
  width: 30px; }

@media (min-width: 768px) {
  .page-support .custom-subheading::after {
    margin-left: 0; } }

.page-support .custom-subheading-chat::after {
  background: #9CD99C; }

.page-support .custom-subheading-form::after {
  background: #A2B8FA; }

.page-support .text-small {
  font-size: 14px; }

.page-support input, .page-support select, .page-support textarea {
  border-radius: .5rem !important; }

.page-support textarea {
  padding-top: 1rem !important; }

.page-support .erase {
  color: #A2B8FA;
  transition: all .2s ease-in-out;
  cursor: pointer; }
  .page-support .erase:hover {
    color: #557cf2; }

.page-support .umblerito-form {
  bottom: -100px !important;
  left: -295px !important; }

.page-home {
  overflow-x: hidden;
  color: #959FBF; }
  @media (min-width: 992px) {
    .page-home section .title {
      letter-spacing: -.05rem; } }
  @media (min-width: 1400px) {
    .page-home section .title {
      letter-spacing: -.1rem; } }
  .page-home #menu.bg-solid {
    background: #0a0f20;
    box-shadow: 0 3px 12px rgba(10, 15, 32, 0.4); }
    .page-home #menu.bg-solid .btn-cta {
      background-color: #557cf2;
      color: #fff;
      box-shadow: 0 6px 12px rgba(85, 124, 242, 0.4); }
  .page-home #home-header {
    background-color: #0a1024;
    padding-bottom: 80px; }
    .page-home #home-header .font-light {
      font-family: gordita light, gordita, sans-serif; }
    .page-home #home-header .input-group {
      border-radius: 2rem;
      transition: box-shadow .2s;
      box-shadow: 0 0 0 6px rgba(85, 124, 242, 0.4), 0 0 60px rgba(85, 124, 242, 0.6); }
      @media (min-width: 576px) {
        .page-home #home-header .input-group {
          box-shadow: 0 0 0 10px rgba(85, 124, 242, 0.4), 0 0 60px rgba(85, 124, 242, 0.6); } }
      .page-home #home-header .input-group .form-control, .page-home #home-header .input-group .input-group-btn {
        border: 0; }
      .page-home #home-header .input-group .input-group-btn .btn {
        padding: .6rem 1rem; }
      .page-home #home-header .input-group.is-focus {
        box-shadow: 0 0 0 15px rgba(85, 124, 242, 0.15), 0 0 60px #557cf2, 0 0 40px rgba(85, 124, 242, 0.5); }
    .page-home #home-header .text-entrepreneur {
      background: url(/assets/home/text-entrepreneur.png) no-repeat;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      text-indent: -9999rem;
      height: 85px;
      width: 426px; }
    .page-home #home-header:before {
      content: '';
      transform: translate(0px, 0px, 0px);
      background-image: linear-gradient(180deg, #198bff 10%, #557cf2 30%, transparent 100%);
      opacity: .4;
      position: absolute;
      width: 100%;
      height: 100%;
      filter: blur(100px);
      border-radius: 50%;
      transform: translateY(-70%); }
    .page-home #home-header .title {
      font-weight: 100;
      min-height: 100px; }
      @media (min-width: 768px) {
        .page-home #home-header .title {
          min-height: 116px; } }
      @media (min-width: 992px) {
        .page-home #home-header .title {
          min-height: 135px; } }
      @media (min-width: 1200px) {
        .page-home #home-header .title {
          min-height: 190px; } }
    .page-home #home-header .title-slider {
      background: -webkit-linear-gradient(#fff -20px, #4ca1ff 30%, #557cf2 70%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      letter-spacing: -.1rem;
      margin-top: -1rem; }
      @media (min-width: 1400px) {
        .page-home #home-header .title-slider {
          letter-spacing: -.2rem; } }
      @media (min-width: 1400px) {
        .page-home #home-header .title-slider {
          font-size: 6rem; } }
    .page-home #home-header:after {
      background-image: url("/assets/home/hero-home.svg");
      background-repeat: no-repeat, no-repeat;
      background-position: center 101%;
      background-size: 100vw;
      bottom: 0;
      content: '';
      position: absolute;
      left: 0;
      height: 520px;
      width: 100%; }
    @media (min-width: 992px) {
      .page-home #home-header .container {
        padding-bottom: 60px; } }
  .page-home .section-features .title {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .page-home .section-features .subtitle {
    color: #fff; }
  .page-home .section-partner .brand-logos img {
    position: relative; }
    @media (min-width: 1200px) {
      .page-home .section-partner .brand-logos img:nth-child(2), .page-home .section-partner .brand-logos img:nth-child(5) {
        top: 40px; }
      .page-home .section-partner .brand-logos img:nth-child(3), .page-home .section-partner .brand-logos img:nth-child(4) {
        top: 70px; } }
  @media (min-width: 992px) {
    .page-home .section-partner {
      background-image: url("//assets.umbler.com/site/home/2021/partner-bg-curve.svg");
      background-repeat: no-repeat;
      background-size: 100vw;
      background-position: center 101%;
      padding-bottom: 10rem; } }
  @media (max-width: 991px) {
    .page-home .section-partner .mobile-neg-m {
      margin-top: -3rem; } }
  .page-home .section-timeline {
    background-image: linear-gradient(180deg, #0a1024 0%, #131E40 55%, #273B79 100%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100vw;
    padding-top: 300px; }
    @media (min-width: 992px) {
      .page-home .section-timeline {
        padding-top: 360px; } }
    .page-home .section-timeline:before {
      background: url("/assets/home/bg-empathy.png") no-repeat;
      background-position: center -120px;
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 270px;
      top: 0; }
      @media (min-width: 992px) {
        .page-home .section-timeline:before {
          background-position: center 50px;
          top: -168px;
          height: 520px; } }
    @media (min-width: 992px) {
      .page-home .section-timeline .timeline {
        /*	@include media-breakpoint-up(xl) {
          .timeline-02 {
            &:before {
              left: 111.5%;
            }
          }
        }

        @include media-breakpoint-up(xxl) {
          .timeline-02 {
            &:before {
              left: 109.5%;
            }
          }
        }*/ }
        .page-home .section-timeline .timeline:before {
          content: "";
          width: 4px;
          height: 100%;
          background: #0a1024;
          position: absolute;
          top: 10px;
          left: 1.4em; }
        .page-home .section-timeline .timeline .timeline-text:before {
          content: "";
          display: flex;
          align-items: center;
          justify-content: center;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          position: absolute;
          background: #a2b8fa;
          background-repeat: no-repeat;
          background-size: contain;
          top: 15px;
          box-shadow: 0 0 0 8px rgba(85, 124, 242, 0.3); } }
  @media (min-width: 992px) and (min-width: 992px) {
    .page-home .section-timeline .timeline {
      display: grid;
      column-gap: 10rem;
      grid-template: 1fr 1fr 1fr / 1fr 1fr; }
      .page-home .section-timeline .timeline:before {
        left: 50%; }
      .page-home .section-timeline .timeline .timeline-01:before, .page-home .section-timeline .timeline .timeline-03:before {
        left: -86px; }
      .page-home .section-timeline .timeline .timeline-02:before, .page-home .section-timeline .timeline .timeline-04:before {
        right: -90px; } }
    @media (min-width: 992px) {
        .page-home .section-timeline .timeline .purple-img {
          grid-area: 1 / 1 / 2 /2; }
          .page-home .section-timeline .timeline .purple-img img {
            width: 300px; } }
    @media (min-width: 992px) and (min-width: 1400px) {
      .page-home .section-timeline .timeline .purple-img img {
        width: auto; } }
    @media (min-width: 992px) {
        .page-home .section-timeline .timeline .timeline-01 {
          grid-area: 1 / 2 / 2 /3; }
          .page-home .section-timeline .timeline .timeline-01 .text-purple {
            color: #AE95FC; }
        .page-home .section-timeline .timeline .green-img {
          grid-area: 2 / 2 / 3 /3; }
          .page-home .section-timeline .timeline .green-img img {
            width: 300px; } }
    @media (min-width: 992px) and (min-width: 1400px) {
      .page-home .section-timeline .timeline .green-img img {
        width: auto; } }
    @media (min-width: 992px) {
        .page-home .section-timeline .timeline .timeline-02 {
          grid-area: 2 / 1 / 3 /2; }
          .page-home .section-timeline .timeline .timeline-02 .text-green {
            color: #85E5E5; }
        .page-home .section-timeline .timeline .red-img {
          grid-area: 3 / 1 / 4 / 2; }
          .page-home .section-timeline .timeline .red-img img {
            width: 300px; } }
    @media (min-width: 992px) and (min-width: 1400px) {
      .page-home .section-timeline .timeline .red-img img {
        width: auto; } }
    @media (min-width: 992px) {
        .page-home .section-timeline .timeline .timeline-03 {
          grid-area: 3 / 2 / 4 /2; }
          .page-home .section-timeline .timeline .timeline-03 .text-red {
            color: #FF3358; }
        .page-home .section-timeline .timeline .timeline-04 {
          grid-area: 4 / 1 / 4 /2; }
          .page-home .section-timeline .timeline .timeline-04 .text-red {
            color: #FF3358; } }
  .page-home .section-manifest {
    background-image: url("/assets/home/manifest-hands-coalas.png"), linear-gradient(180deg, #273B79 0%, #3B59B2 44%, #557CF2 70%, #FFB4A5 85%, #fff 0%);
    background-repeat: no-repeat;
    background-position: center 0, bottom;
    background-size: 100vw; }
    @media (min-width: 992px) {
      .page-home .section-manifest:before {
        content: "";
        width: 4px;
        height: 250px;
        background: #131E40;
        background: linear-gradient(180deg, #0a1024 60%, rgba(19, 30, 64, 0) 100%);
        position: absolute;
        top: -80px;
        left: 50%; } }
    @media (min-width: 992px) {
      .page-home .section-manifest {
        padding-bottom: 500px; } }
    @media (min-width: 1200px) {
      .page-home .section-manifest {
        padding-bottom: 600px; } }
    @media (min-width: 1400px) {
      .page-home .section-manifest {
        padding-bottom: 775px; } }
    @media (min-width: 1400px) {
      .page-home .section-manifest {
        padding-bottom: 750px; } }
    @media (min-width: 1600px) {
      .page-home .section-manifest {
        padding-bottom: 880px; } }
    .page-home .section-manifest .stars {
      position: absolute;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      top: 80px; }
      @media (min-width: 992px) {
        .page-home .section-manifest .stars {
          background-image: url("//assets.umbler.com/site/home/2021/manifesto-stars-left.svg"), url("//assets.umbler.com/site/home/2021/manifesto-stars-right.svg");
          background-repeat: no-repeat;
          background-position: -100% 60%, 140% 100%;
          background-size: auto;
          height: 250px; } }
      @media (min-width: 1200px) {
        .page-home .section-manifest .stars {
          background-position: -50% 60%, 120% 100%; } }
      @media (min-width: 1400px) {
        .page-home .section-manifest .stars {
          background-position: -15% 60%, 100% 100%; } }
      @media (min-width: 1750px) {
        .page-home .section-manifest .stars {
          background-position: -3% 60%, 95% 100%; } }
  .page-home .section-testimonials {
    background-image: url("//assets.umbler.com/site/home/2021/domain-bg-wave.svg"), linear-gradient(180deg, #fff 0%, #d9e2ff 100%);
    background-repeat: no-repeat;
    background-position: center bottom -3px;
    background-size: 100vw; }
    .page-home .section-testimonials .card-columns {
      column-count: 1; }
    @media (min-width: 992px) {
      .page-home .section-testimonials .card-columns {
        column-count: 2; } }
    @media (min-width: 1200px) {
      .page-home .section-testimonials .card-columns {
        column-count: 3; } }
    .page-home .section-testimonials .card {
      background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.5));
      box-shadow: 0 10px 15px rgba(59, 89, 178, 0.1); }
    .page-home .section-testimonials .ub-svg {
      height: 28px;
      width: 28px; }
    @media (min-width: 992px) {
      .page-home .section-testimonials .ub-svg {
        height: 36px;
        width: 36px; }
      .page-home .section-testimonials .manifest-paragraphs {
        max-width: 900px; } }
    @media (min-width: 1200px) {
      .page-home .section-testimonials .ub-svg {
        height: 48px;
        width: 48px; } }
    .page-home .section-testimonials .card-manifest {
      background: transparent linear-gradient(180deg, #FFFFFF 0%, #F0F4FF 100%) 0% 0% no-repeat padding-box;
      border-radius: 66px; }
    .page-home .section-testimonials .h6 {
      font-size: 0.8rem !important; }
  .page-home .section-features .hand-container img {
    padding-top: 80%;
    margin-left: -10%; }
  @media (min-width: 992px) {
    .page-home .section-features {
      background-repeat: no-repeat;
      background-position: right top, top 670px left -30px, top 1210px right;
      background-size: 550px, 400px, 350px;
      padding-bottom: 0; } }
  @media (min-width: 1200px) {
    .page-home .section-features {
      background-image: url("/assets/home/bg-feature01.svg"), url("/assets/home/bg-feature02.svg"), url("/assets/home/bg-feature03.svg");
      background-size: 560px, 600px, 460px;
      background-position: right top, top 830px left -30px, top 1420px right; } }
  @media (min-width: 1400px) {
    .page-home .section-features {
      background-size: 660px, 600px, 580px;
      background-position: right top, top 830px left -30px, top 1150px right; } }
  .page-home .section-features .sec-umail .webmail-img {
    position: absolute;
    left: -60px;
    width: 700px; }
    @media (min-width: 992px) {
      .page-home .section-features .sec-umail .webmail-img {
        left: -160px;
        top: -110px; } }
    @media (min-width: 1200px) {
      .page-home .section-features .sec-umail .webmail-img {
        left: -150px;
        width: 800px; } }
    @media (min-width: 1400px) {
      .page-home .section-features .sec-umail .webmail-img {
        left: -60px; } }
  .page-home .section-features .sec-uhost {
    overflow: hidden; }
    .page-home .section-features .sec-uhost .wordpress-world-img {
      position: absolute; }
      @media (min-width: 992px) {
        .page-home .section-features .sec-uhost .wordpress-world-img {
          right: -80px;
          top: -110px;
          width: 560px; } }
      @media (min-width: 1400px) {
        .page-home .section-features .sec-uhost .wordpress-world-img {
          right: -40px;
          top: -200px;
          width: 650px; } }
  .page-home .section-jetpack {
    background-color: #0a1024; }
    @media (min-width: 992px) {
      .page-home .section-jetpack {
        padding: 60px 0 150px;
        background-image: url("//assets.umbler.com/site/home/2021/umblerito-jetpack.svg");
        background-repeat: no-repeat;
        background-position: bottom -60px left -60px;
        background-size: 900px; } }
    @media (min-width: 1400px) {
      .page-home .section-jetpack {
        padding: 60px 0 200px;
        background-position: bottom -14px left -15px;
        background-size: 1000px; } }

.sprite-contact {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("//assets.umbler.com/site/contact/sprite-contact.png?v=23062020") no-repeat 0 0; }

.sprite-contact.umblerito-form {
  background-position: 0 0;
  width: 312px;
  height: 355px;
  left: -285px;
  z-index: 1;
  bottom: 240px; }

.sprite-contact.umblerito-group-form {
  width: 735px;
  height: 690px;
  background-position: -315px 0;
  right: -630px;
  top: -7px;
  z-index: 1; }

.page-webhosting-node h1 {
  line-height: 1.2; }

.sprite-node {
  display: inline-block;
  background: url("//assets.umbler.com/site/webhosting-node/sprite-webhosting-node.png?v=23062020") 0 0 no-repeat; }

.sprite-node.img-node-mongo {
  width: 118px;
  height: 82px;
  background-position: 0 0; }

.sprite-node.img-git-code {
  width: 290px;
  height: 292px;
  background-position: -118px 0px; }

.terminal-wrapper {
  background: url("//assets.umbler.com/site/webhosting-node/umblerito_nodejs_cdm.png?v=23062020") 0 0 no-repeat;
  height: 700px;
  width: 940px;
  position: relative; }

.img-node-terminal-mongodb {
  position: absolute;
  bottom: 70px;
  right: 120px; }

.terminal-window {
  width: 347px;
  height: 173px;
  position: absolute;
  left: 314px;
  top: 226px; }

.terminal-window .terminal {
  color: #fff;
  font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
  font-size: 12px;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow: auto; }

.terminal::-webkit-scrollbar-track {
  border-radius: 15px;
  background-color: #31343b; }

.terminal::-webkit-scrollbar {
  width: 20px; }

.terminal::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: #6f7380;
  border: 7px solid #31343b; }

.terminal-window .terminal .typed-cursor {
  opacity: 1;
  animation: blink 0.7s infinite; }

.terminal-build-started,
.terminal-build-logs,
.terminal-remote-output,
.terminal-build-completed,
.terminal-finish-parent {
  display: none; }

.terminal-path-green {
  color: #51e651; }

.terminal-path-pink {
  color: #ff68ff; }

.terminal-path-yellow {
  color: #ffff66; }

.terminal-path-aqua {
  color: #36ffff; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.list-node-features > li {
  margin-bottom: 65px;
  position: relative; }

.node-umblerito-package {
  position: relative;
  right: 110px;
  left: auto; }

#node-features, #node-deploy {
  overflow: hidden; }

#node-features .video-wrapper {
  position: relative; }
  #node-features .video-wrapper .video-container {
    background: url("//assets.umbler.com/site/webhosting-node/node-browser.svg?v=23062020") 0 0 no-repeat;
    padding: 52px 20px 60px;
    border-radius: 20px; }
  #node-features .video-wrapper .video {
    max-width: 100%; }

.plans-container {
  position: relative; }

.plans-container-size {
  position: absolute;
  bottom: 170px;
  transition: transform .2s;
  opacity: 0; }

.plans-container img {
  transition: all .2s;
  margin: 0 -10px -30px -10px;
  height: 90px;
  width: 90px; }

.plans-container-size.active {
  opacity: 1; }

#node-pricing .plan-price {
  position: relative; }
  #node-pricing .plan-price .price {
    font-size: 3em; }
  #node-pricing .plan-price .currency {
    bottom: 3px;
    font-size: 2em;
    position: relative; }
  #node-pricing .plan-price .plan-database .img-svg {
    display: none;
    position: absolute;
    right: -65px;
    bottom: 28px; }

.plans-with-database-mongodb #svg-mongodb,
.plans-with-database-mysql #svg-mysql,
.plans-with-database-sqlserver #svg-sqlserver {
  display: block !important; }

.price-database .img-svg {
  margin: 0 0 -20px 0; }

.price-container {
  transition: all .2s; }
  .price-container.size-p {
    transform: scale(1.1); }
  .price-container.size-m {
    transform: scale(1.2); }
  .price-container.size-g {
    transform: scale(1.3);
    padding: 20px 0 30px 0; }

.img-git-code {
  position: relative;
  bottom: -120px;
  right: -250px; }

#node-testimonials {
  position: relative; }

#node-testimonials:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 140%;
  top: 600px;
  transform: skewY(-12deg);
  background: #f7faff; }

.page-webhosting-node .testimonial-item {
  margin-bottom: 25px; }
  .page-webhosting-node .testimonial-item .quote {
    font-style: italic;
    line-height: 1.6; }
  .page-webhosting-node .testimonial-item .author {
    position: relative; }
    .page-webhosting-node .testimonial-item .author:before {
      content: '';
      left: -49px;
      background: #557cf2;
      height: 40px;
      top: 0;
      position: absolute;
      display: block;
      width: 4px;
      border-radius: .25rem; }

@media (min-width: 1200px) {
  .page-webhosting-node .terminal-wrapper {
    margin-bottom: -200px;
    top: -200px; }
  .page-webhosting-node .node-umblerito-package {
    right: 170px; } }

@media (min-width: 1400px) {
  .page-webhosting-node .figure-node-deploy {
    margin-bottom: -30px;
    position: relative;
    top: -30px; } }

.wp-header-app-img {
  left: -480px;
  top: -380px;
  display: inline-block;
  width: 1473px;
  height: 798px;
  background: url("//assets.umbler.com/site/webhosting-wordpress/header-wordpress-umbleritos-app.png?v=23062020") no-repeat 0 0; }

.page-webhosting-wp header {
  background-image: linear-gradient(to bottom, #fff 50%, #fff 50%, #f7faff 90%);
  position: relative;
  z-index: 200; }

.wp-benefits {
  padding-bottom: 100px; }

.wp-benefits .browser-tab-mac {
  width: 900px;
  left: 60px;
  top: 0; }
  .wp-benefits .browser-tab-mac video {
    width: 900px; }
  .wp-benefits .browser-tab-mac:after {
    content: '';
    border: 50px solid #dfe5f2;
    bottom: -20px;
    border-radius: 8px;
    left: -20px;
    padding: 130px 210px;
    position: absolute; }

.wp-benefits-item-img {
  margin: -30px; }

.benefits-panel-video {
  left: 80px;
  top: 0; }

.icons-benefits-panel {
  float: left;
  margin-right: 10px; }

.wp-usage {
  background: #557cf2;
  position: relative;
  padding-top: 120px; }

.wp-usage:before {
  background: #fff;
  top: 40px;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
  transform: skewY(-8deg); }

.wp-world-img {
  left: -10px;
  top: 360px;
  position: absolute;
  width: 721px; }

@media (min-width: 576px) {
  .page-webhosting-wp header {
    padding-bottom: 350px; }
  .wp-usage {
    padding-top: 200px; }
  .wp-usage:before {
    top: 70px; }
  .icons-benefits-panel {
    margin-top: 7px;
    margin-right: 20px; } }

@media (min-width: 992px) {
  .wp-header-app-img {
    left: -180px; }
  .wp-usage {
    padding-top: 250px; }
  .wp-usage:before {
    top: 200px; }
  .wp-usage-card-list {
    bottom: 60px;
    left: -420px;
    position: absolute;
    width: 390px; }
    .wp-usage-card-list:after {
      background-color: #f26b7a;
      border-radius: 0.25rem;
      content: '';
      height: 5px;
      left: 40px;
      top: 0;
      position: absolute;
      width: 60px; } }

@media (min-width: 1200px) {
  .wp-usage-card-list {
    bottom: 10px;
    left: -470px; } }

.text-php {
  color: #7562d9; }

.page-webhosting-php header {
  position: relative; }

.page-webhosting-php header:after {
  background: url("//assets.umbler.com/site/webhosting-php/php-header-bg.png?v=23062020") no-repeat;
  content: '';
  background-size: auto;
  background-position: center 90px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

@media (min-width: 768px) {
  .page-webhosting-php header:after {
    background-size: cover; } }

.php-header-portal-img {
  background: url("//assets.umbler.com/site/webhosting-php/php-header-portal.png?v=23062020") 0 0 no-repeat;
  display: block;
  width: 560px;
  height: 400px;
  background-size: contain;
  position: absolute;
  transform: translate(-415px, 150px); }

.php-header-panel-img {
  background: url("//assets.umbler.com/site/webhosting-php/php-header-panel.png?v=23062020") 0 0 no-repeat;
  display: block;
  width: 740px;
  height: 500px;
  background-size: contain; }

.php-header-img {
  transform: scale(0.6) translate(160px, -120px);
  margin-bottom: -120px;
  position: relative; }

@media (min-width: 768px) {
  .php-header-img {
    transform: scale(0.6) translate(160px, -30px);
    margin-bottom: -30px; } }

@media (min-width: 1200px) {
  .php-header-img {
    margin: 0;
    transform: scale(0.8) translate(280px, -10px); } }

@media (min-width: 1600px) {
  .php-header-img {
    transform: scale(1) translate(330px, 20px); } }

#php-code {
  transform: rotate(14.5deg) skew(15deg, -5deg) translate(170px, 240px);
  height: 160px;
  overflow: hidden;
  width: 315px;
  position: absolute; }
  #php-code .code-highlighter {
    background: transparent;
    color: #dfe5f2;
    font-size: .8rem;
    padding: 1rem;
    margin: 0; }

#php-sun-wrapper {
  position: absolute;
  visibility: hidden;
  transform: scale(0.7) translate(120px, 120px); }
  #php-sun-wrapper.show {
    transition: transform 4s;
    visibility: visible;
    transform: translate(120px, -60px); }

#sun-inner,
#sun-outer {
  transform-origin: center;
  transform-box: fill-box;
  animation: pulse 6s ease-in-out infinite; }

#sun {
  fill: #ffebca; }

#sun-inner {
  fill: rgba(255, 235, 202, 0.5); }

#sun-outer {
  fill: rgba(255, 235, 202, 0.25); }

#sun-inner,
#sun-outer {
  animation-delay: .2s; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); } }

.php-panel {
  background-image: linear-gradient(to top, #fff 70%, #fff 60%, #fcf4e8 100%); }
  .php-panel .icon-rounded {
    background-color: rgba(238, 235, 255, 0.8);
    color: #7562d9; }

.php-panel .browser-tab-mac {
  max-width: 800px;
  left: 60px;
  top: -90px; }
  .php-panel .browser-tab-mac video {
    max-width: 800px; }

.php-version-img:after {
  content: '';
  background: #f7faff;
  width: 50%;
  height: 50%;
  position: absolute;
  left: 180px;
  border-radius: .25rem;
  z-index: -7;
  top: 120px; }

.php-version-img .card {
  height: 230px;
  width: 530px;
  right: -200px;
  position: relative;
  top: -20px;
  z-index: 3; }

.php-version-img .php-arrow-svg {
  fill: #dfe5f2;
  left: 70px;
  width: 70px;
  position: absolute; }

#php-version-animated {
  width: 500px; }

#php-dropdown-animated, #php-dropdown-animated-en-US {
  width: 220px;
  position: absolute;
  top: 140px;
  left: 30px; }

.php-umblerito-cloud-img {
  position: absolute;
  visibility: hidden; }

@media (min-width: 1600px) {
  .php-umblerito-cloud-img {
    right: 100px;
    top: -1200px;
    visibility: visible;
    z-index: 1; } }

.php-addons.section-primary {
  background-color: #7562d9; }

@media (min-width: 992px) {
  .php-addons:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 125%;
    top: -100px;
    transform: skewY(-6deg);
    background: #7562d9; } }

#php-addons-animated {
  width: 260px; }

.page-webhosting-php #ssd-database {
  background: none; }

@media (min-width: 1600px) {
  .page-webhosting-ssd .hero-description {
    padding-right: 5rem; } }

@media (min-width: 1600px) and (max-width: 1900px) {
  .page-webhosting-ssd .hero-title {
    padding-right: 5rem; } }

.page-webhosting-ssd #menu .logo-umbler-negativo {
  background-position: 0 -35px; }

@media (min-width: 768px) {
  .page-webhosting-ssd #menu:not(.bg-solid) .navbar-right .cta {
    color: #fff;
    box-shadow: none;
    border: 1px solid #fff; } }

.page-webhosting-ssd .cta-card {
  max-height: 380px; }
  .page-webhosting-ssd .cta-card .browser-tab-mac {
    background-size: 220px;
    padding-top: 24px;
    top: -20px; }
  .page-webhosting-ssd .cta-card img {
    border-radius: 0 0 .5rem .5rem; }

@media (min-width: 768px) {
  .page-webhosting-ssd .hero {
    padding-bottom: 6rem; } }

@media (min-width: 1200px) {
  .page-webhosting-ssd .hero {
    padding-bottom: 15rem; } }

@media (min-width: 1200px) {
  .page-webhosting-ssd .hero:after {
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1637.78 1679.89" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" x1="417.879" x2="1245.706" y1="621.897" y2="1089.2" gradientTransform="rotate(-3.438 1080.318 674.943)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23fff" stop-opacity="0"/><stop offset=".335" stop-color="%23f0f4ff"/></linearGradient><path fill="url(%23a)" d="M1561.32 582.15l-54.47 643.13c-5.93 70.1-48.79 131.66-112.38 161.53l-584.28 274.43c-63.58 29.87-138.39 23.52-196.01-16.54L84.33 1275.82C26.71 1235.76-5.23 1167.85.7 1097.75l54.47-643.13c5.93-70.1 48.79-131.66 112.38-161.53L751.83 18.65c63.58-29.87 138.39-23.52 196.01 16.54l529.85 368.88c57.62 40.06 89.56 107.98 83.63 178.08z"/><linearGradient id="b" x1="135.168" x2="136.729" y1="1223.81" y2="1223.81" gradientTransform="matrix(918.3813 -28.8195 -28.3274 -902.6989 -89260.36 1109576)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="%23557cf2"/><stop offset=".9" stop-color="%233b59b2"/></linearGradient><path fill="url(%23b)" d="M1631.47 832.92l-150.84 539.25c-16.43 58.78-62.96 104.29-121.99 119.42l-542.5 139.02c-59.04 15.13-121.76-2.43-164.36-45.92L260.12 1184.3c-42.6-43.49-58.8-106.56-42.36-165.34L368.6 479.71c16.43-58.78 62.96-104.29 121.99-119.42l542.5-139.02c59.04-15.13 121.76 2.43 164.36 45.92l391.66 400.39c42.6 43.5 58.8 106.56 42.36 165.34z"/></svg>') no-repeat right top;
    content: '';
    position: absolute;
    height: 1180px;
    width: 100%;
    z-index: 2;
    top: 0;
    right: 0;
    transform: translate3d(340px, -190px, 0); } }

@media (min-width: 1600px) {
  .page-webhosting-ssd .hero:after {
    height: 1480px;
    transform: translate3d(290px, -540px, 0); } }

@media (min-width: 1200px) {
  .ssd-hero-img {
    position: absolute;
    right: 0;
    top: -130px;
    height: 1180px;
    width: 990px;
    overflow: hidden;
    z-index: 3; }
    .ssd-hero-img:after {
      content: '';
      background: transparent;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      display: block;
      height: 100%; } }

.ssd-browser-wrapper {
  position: relative;
  z-index: 1; }
  @media (min-width: 1600px) {
    .ssd-browser-wrapper {
      perspective: 1950px; } }
  .ssd-browser-wrapper .ssd-browser-container {
    transform: translate(90px, 280px) scale(0.7);
    will-change: transform; }
    @media (min-width: 1600px) {
      .ssd-browser-wrapper .ssd-browser-container {
        position: absolute;
        top: 100px;
        right: -90px;
        transform: rotate3d(350, 313, -32, 54deg) rotateX(28deg) rotateY(-16deg) translate3d(0, 0, -130px) scale(1.1); } }
    .ssd-browser-wrapper .ssd-browser-container .ssd-browser-animated {
      width: 950px;
      left: 180px;
      top: 0;
      border-radius: 23px;
      overflow: hidden; }
      @media (min-width: 1200px) {
        .ssd-browser-wrapper .ssd-browser-container .ssd-browser-animated {
          box-shadow: -20px 30px 120px rgba(0, 0, 0, 0.5); } }

.ssd-board-wrapper {
  position: absolute;
  visibility: hidden;
  z-index: -1; }

@media (min-width: 1600px) {
  .ssd-board-wrapper {
    transform: translate3d(0px, 450px, 0); }
    .ssd-board-wrapper .ssd-board {
      transform: translate3d(190px, -100px, 0) scale(0.85);
      transition: transform 0.7s cubic-bezier(0.5, -0.1, 0.2, 1); }
      .ssd-board-wrapper .ssd-board.is-visible {
        visibility: visible;
        transform: translate3d(0, 0, 0) scale(1); }
    .ssd-board-wrapper .ssd-board-img {
      transform: rotateX(8deg) rotateY(-22deg) translate3d(0, -90px, 135px);
      position: relative;
      width: 1220px; } }

.ssd-browser-icons .ssd-browser-icon {
  opacity: 0;
  animation: fadeIn 1.4s 0.3s both cubic-bezier(0.87, -0.41, 0.19, 1.44); }

.ssd-browser-icons .ssd-browser-icon:nth-child(1) {
  animation-delay: .2s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(2) {
  animation-delay: .4s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(3) {
  animation-delay: .6s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(4) {
  animation-delay: .8s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(5) {
  animation-delay: 1s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(6) {
  animation-delay: 1.2s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(7) {
  animation-delay: 1.4s; }

.ssd-browser-icons .ssd-browser-icon:nth-child(8) {
  animation-delay: 1.6s; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0) scale(0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); } }

.ssd-spaceship-img {
  display: none; }

@media (min-width: 1600px) {
  .ssd-spaceship-img {
    display: block;
    z-index: 20;
    position: absolute;
    left: -280px;
    top: 290px;
    filter: drop-shadow(0 8px 20px rgba(42, 63, 128, 0.4)); }
    .ssd-spaceship-img.spaceship-floating {
      animation: spaceship-float 4s ease-in-out infinite; } }

@keyframes spaceship-float {
  0% {
    transform: translate3d(0, 0, 0); }
  50% {
    transform: translate3d(0, 30px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

#ssd-features {
  background: #f7faff linear-gradient(to bottom, #fff 0%, #f7faff 85%); }
  @media (min-width: 1200px) {
    #ssd-features {
      margin-top: -6rem; } }

.ssd-new-env-img {
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .ssd-new-env-img {
      max-width: 100%; } }
  @media (min-width: 992px) {
    .ssd-new-env-img {
      left: -120px;
      top: -90px; } }

.ssd-new-env-img-bg {
  opacity: .6;
  left: -430px;
  top: -70px;
  width: 970px; }

.ssd-scability-img {
  position: relative;
  top: -50px; }
  .ssd-scability-img .ssd-databases-img {
    bottom: -490px;
    right: 110px;
    z-index: 1; }

@media (max-width: 767px) {
  .restore-img {
    max-width: 100%; } }

#ssd-cta {
  background: #f7faff linear-gradient(to top, #fff 10%, #f7faff 100%); }

.ssd-umblerito-cta-img {
  display: none; }
  @media (min-width: 1600px) {
    .ssd-umblerito-cta-img {
      display: block;
      left: -338px;
      bottom: -70px;
      position: absolute; } }

.page-developers {
  overflow-x: hidden; }
  .page-developers #header-animated {
    height: 850px;
    width: 900px;
    position: absolute;
    display: block;
    left: -20px;
    top: -30px; }
  .page-developers .header-panel-print {
    transform: scale(0.6);
    top: -280px;
    right: -370px; }
  .page-developers .cta-tweets {
    margin-bottom: 50px; }
  @media (min-width: 768px) {
    .page-developers .cta-tweets {
      margin-bottom: 120px; } }
  @media (min-width: 1200px) {
    .page-developers .cta-tweets {
      margin-bottom: 0; } }
  .page-developers .cta-tweets:before {
    top: -1150px; }
  @media (min-width: 1500px) {
    .page-developers .features-panel:before, .page-developers .cta-tweets:before {
      content: '';
      position: absolute;
      top: -30px;
      left: 0;
      width: 211.4px;
      height: 141.3px;
      background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 211.4 141.3" xmlns="http://www.w3.org/2000/svg"><path d="M153.1,107.1a12.2,12.2,0,1,0,0-6H43.4L0,136.7l3.8,4.6,41.8-34.2Zm11.8-9.2a6.2,6.2,0,0,1,6.3,6.2,6.3,6.3,0,0,1-12.5,0A6.2,6.2,0,0,1,164.9,97.9Z" fill="%23f0f4ff"/><path d="M139.5,56.1a12.2,12.2,0,1,0-11.8-15.2H3.5v6H127.7A12.1,12.1,0,0,0,139.5,56.1Zm0-18.4a6.2,6.2,0,1,1-6.2,6.2A6.2,6.2,0,0,1,139.5,37.7Z" fill="%23f0f4ff"/><path d="M199.1,24.4A12.2,12.2,0,1,0,187.3,9.2H3.5v6H187.3A12.2,12.2,0,0,0,199.1,24.4Zm0-18.4a6.2,6.2,0,1,1-6.2,6.2A6.3,6.3,0,0,1,199.1,6Z" fill="%23f0f4ff"/></svg>') no-repeat; } }
  @media (min-width: 768px) {
    .page-developers #menu:not(.bg-solid) .btn-login {
      color: #fff !important;
      box-shadow: none;
      border: 1px solid #fff; } }
  @media (min-width: 1200px) {
    .page-developers header:before {
      content: '';
      width: 100%;
      height: 1080px;
      right: -440px;
      top: 0;
      position: absolute;
      background: url("//assets.umbler.com/site/developers/developers-header-bg.svg?v=23062020") right 0 no-repeat;
      background-size: contain; } }
  @media (min-width: 1200px) and (max-width: 1360px) {
    .page-developers header h1 {
      font-size: 3.2rem; }
    .page-developers header .col-headline {
      padding-right: 3rem !important; } }
  @media (min-width: 1580px) {
    .page-developers header:before {
      right: -30px; } }
  @media (min-width: 1580px) and (max-width: 1799px) {
    .page-developers header .col-headline {
      padding-right: 10rem !important; } }
  @media (min-width: 1800px) {
    .page-developers header h1 {
      font-size: 4.5rem; }
    .page-developers header p.hero-description {
      font-size: 1.6rem; }
    .page-developers header:before {
      right: 0; }
    .page-developers .header-panel-print {
      right: -200px; } }
  .page-developers .developer-quote {
    margin: 4rem; }
    .page-developers .developer-quote .photo img {
      width: 100px;
      margin: 0 0 20px 0;
      border-radius: 50%;
      border: 6px solid #d9e2ff; }
    .page-developers .developer-quote .author {
      display: block;
      font-size: .95rem; }
  @media (min-width: 1200px) {
    .page-developers .developer-quote {
      margin: 0 0 1rem; }
    .page-developers .quote .icon-quote-opening {
      top: -10px;
      left: -45px;
      position: absolute;
      font-size: 2.4rem;
      font-family: umbler;
      font-style: normal;
      color: #d9e2ff; }
    .page-developers .quote {
      text-indent: 2rem;
      padding-right: 5rem; } }
  @media (min-width: 1370px) {
    .page-developers .developer-quote .photo img {
      float: left;
      margin: 0 30px 80px 0; }
    .page-developers .developer-quote .quote:before {
      left: 85px; }
    .page-developers .developer-quote .quote {
      padding-right: 0; } }

.cta-card-devs {
  max-height: 360px;
  border-radius: .5rem; }
  .cta-card-devs .browser-tab-mac {
    background-size: 220px;
    padding-top: 24px;
    top: -20px; }
  .cta-card-devs img {
    border-radius: 0 0 .5rem .5rem; }

.sprite-developers {
  display: inline-block;
  width: 56px;
  height: 56px;
  background: url("//assets.umbler.com/site/developers/developers-lp-sprite.png?v=23062020") 0 0 no-repeat; }
  .sprite-developers.logo-git {
    width: 54px;
    height: 56px; }
  .sprite-developers.logo-github {
    width: 58px;
    background-position: -55px 0; }
  .sprite-developers.logo-gitlab {
    width: 61px;
    background-position: -114px 0; }
  .sprite-developers.logo-bitbucket {
    width: 63px;
    height: 54px;
    background-position: -177px 0; }
  .sprite-developers.logo-webpack {
    width: 51px;
    height: 56px;
    background-position: -241px 0; }
  .sprite-developers.logo-bower {
    background-position: -293px 0; }
  .sprite-developers.logo-grunt {
    width: 42px;
    background-position: -350px 0; }
  .sprite-developers.logo-gulp {
    width: 26px;
    height: 57px;
    background-position: -393px 0; }
  .sprite-developers.logo-yo {
    width: 58px;
    height: 55px;
    background-position: -420px 0; }
  .sprite-developers.logo-yarn {
    background-position: -479px 0; }
  .sprite-developers.logo-npm {
    width: 86px;
    height: 28px;
    background-position: -536px 0; }
  .sprite-developers.f-github {
    width: 715px;
    height: 457px;
    background-image: url("//assets.umbler.com/site/developers/devs-features-github.png?v=23062020"); }

@media (min-width: 992px) {
  .features-resize img {
    max-width: 550px;
    left: -150px; }
  .features-variables img {
    max-width: none; } }

@media (min-width: 1200px) {
  .sprite-developers.f-github {
    left: -150px;
    transform: scale(0.6); }
  .features-resize img {
    max-width: none;
    left: -180px; } }

@media (min-width: 1320px) {
  .f-github:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 360px;
    right: -320px;
    width: 317.2px;
    height: 94px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="317.2" height="94" viewBox="0 0 317.2 94"><path d="M305,69.6a12.1,12.1,0,0,0-11.8,9.2H161.7L129,51.1h59.7a12.3,12.3,0,0,0,11.9,9.2,12.2,12.2,0,1,0,0-24.4,12.3,12.3,0,0,0-11.9,9.2H57.2L3.8,0,0,4.6,55,51.1h64.7l39.8,33.7H293.2A12.2,12.2,0,1,0,305,69.6ZM200.6,41.9a6.2,6.2,0,1,1-6.3,6.2A6.2,6.2,0,0,1,200.6,41.9ZM305,88a6.2,6.2,0,1,1,0-12.4A6.2,6.2,0,0,1,305,88Z" fill="%23f0f4ff"/></svg>') no-repeat; }
  .features-panel:after {
    content: '';
    position: absolute;
    top: 315px;
    right: 0;
    width: 253.9px;
    height: 66.1px;
    background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="253.9px" height="66.1px" viewBox="0 0 253.9 66.1"><path fill="%23F0F4FF" d="M12.2,41.6C5.4,42.2,0.4,48.2,1.1,55c0.5,5.9,5.2,10.6,11.1,11.1c5.6,0,10.4-3.8,11.8-9.2h229.9v-6H24 C22.7,45.5,17.8,41.6,12.2,41.6z M12.2,60.1c-3.5,0.1-6.3-2.7-6.4-6.2s2.7-6.3,6.2-6.4s6.3,2.7,6.4,6.2c0,0.1,0,0.1,0,0.2 C18.4,57.3,15.6,60.1,12.2,60.1L12.2,60.1z"/><path fill="%23F0F4FF" d="M134.1,9.2c-1.7-6.5-8.4-10.4-14.9-8.7c-5.3,1.4-9.1,6.2-9.1,11.7c0.1,6.7,5.6,12.2,12.3,12.1 c5.5,0,10.3-3.8,11.7-9.1h119.8v-6H134.1z M122.3,18.4c-3.4,0-6.2-2.8-6.2-6.2s2.8-6.2,6.2-6.2c3.4,0,6.2,2.8,6.2,6.2c0,0,0,0,0,0 C128.5,15.6,125.7,18.4,122.3,18.4z"/></svg>') no-repeat; }
  .sprite-developers.f-github {
    transform: scale(0.8); } }

.node-modules .sprite-developers {
  transform: scale(0.7); }

@media (min-width: 1800px) {
  .sprite-developers.f-github {
    transform: scale(0.9);
    left: 0; }
  .node-modules .sprite-developers {
    transform: scale(0.9); } }

@media (min-width: 1900px) {
  .sprite-developers.f-github {
    transform: scale(1); }
  .node-modules .sprite-developers {
    transform: scale(1); } }

@media (max-width: 991px) {
  .page-developers img.devs-notify {
    max-width: 100%;
    height: auto; }
  .page-developers .features-panel .github .sprite-developers {
    transform: scale(0.8); } }

.page-agencies {
  overflow-x: hidden; }
  .page-agencies header {
    overflow-x: hidden; }
  .page-agencies header .umblerito {
    top: -24px;
    left: -25px; }
  .page-agencies span#title-loop::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 10px;
    height: 50px;
    top: 3px;
    right: -10px;
    border-radius: 3px;
    background: #a2b8fa;
    animation: blink 1s linear infinite; }

@keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
  .page-agencies img.bg-umblerito-insights {
    top: 50px;
    left: -145px;
    transform: scale(0.7);
    z-index: 1; }
  .page-agencies img.bg-umblerito-plan {
    top: 50px;
    right: -110px;
    transform: scale(0.7);
    z-index: -1; }
  @media (min-width: 1440px) {
    .page-agencies header h1 {
      font-size: 4.2rem !important; }
    .page-agencies header .container-fluid {
      margin-bottom: 5rem !important; } }
  @media (min-width: 1585px) {
    .page-agencies img.bg-umblerito-insights {
      transform: scale(0.8);
      top: 81px;
      left: -90px; }
    .page-agencies img.bg-umblerito-plan {
      top: 30px;
      right: -65px;
      transform: scale(0.8); } }
  .page-agencies .section-primary {
    background: #557cf2;
    background: linear-gradient(to bottom, #557cf2, #456CCE), no-repeat; }
    @media (max-width: 991px) {
      .page-agencies .section-primary .mobile-neg-m {
        margin-top: -5rem; } }
    @media (min-width: 1200px) {
      .page-agencies .section-primary .subheading-brands:after {
        background: #A9BEFD;
        border-radius: 10px;
        content: "";
        display: block;
        margin-top: 1rem;
        margin-right: auto;
        margin-bottom: .5rem;
        margin-left: auto;
        height: 6px;
        width: 30px;
        opacity: .3; } }
    .page-agencies .section-primary::before {
      content: '';
      position: absolute;
      width: 100vw;
      height: calc(100vw / 5.762);
      top: calc(100vw / 5.9 * -1);
      z-index: -100;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 315" enable-background="new 0 0 1815 315"><path fill="%23557cf2" d="M1815,315v-19.8c-566,60-560.2-175.7-988-103.2C222.1,294.2,0,0,0,0v315H1815z"/></svg>'); }
  @media (max-width: 991px) {
    .page-agencies .section-primary {
      background-position-y: -2px; } }
  .page-agencies .browser-tab-mac video {
    width: 1100px; }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .page-agencies p.addons {
      padding-right: 60px; } }
  @media (min-width: 768px) {
    .page-agencies section.testimonials {
      padding-top: 0;
      background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1875 525.5" xmlns="http://www.w3.org/2000/svg"><path d="M0,0V525.5C53.3,371.9,143,214.8,310.1,167.4c155.1-44,319.7,7.3,474.4,30.1,82.3,12.2,167,20.8,249.8,7.6,99.1-15.7,179.8-72.1,271.2-109.4C1478.6,25,1692.4-14.2,1875,43.2V0H0Z" fill="%23456CCE"/></svg>') no-repeat;
      background-size: 102%; } }
  @media (min-width: 992px) {
    .page-agencies section.testimonials {
      padding-top: 200px; }
    .page-agencies span#number-tasks {
      font-size: 4.1rem !important; } }
  .page-agencies .umblerito-wp {
    left: -80px;
    top: -80px; }
    @media (min-width: 1200px) {
      .page-agencies .umblerito-wp {
        left: 40px;
        top: -60px; } }
  .page-agencies .cta-agencies {
    background: #fff7f8;
    box-shadow: none;
    border: 1px solid #ffedef; }
    .page-agencies .cta-agencies .umblerito-cta-img {
      display: block;
      left: -269px;
      bottom: -30px;
      position: absolute; }

.page-webhosting-sites {
  overflow-x: hidden; }
  @media (min-width: 1200px) {
    .page-webhosting-sites header#section-umbler-site::before {
      content: url("//assets.umbler.com/site/sites/header-bg-codes.svg");
      position: absolute;
      right: 0;
      top: 84px; } }
  @media (min-width: 1800px) {
    .page-webhosting-sites header::before {
      right: 220px; }
    .page-webhosting-sites header h1 {
      font-size: 4.5rem;
      line-height: 1.1em; } }
  .page-webhosting-sites h2.subheading {
    font-size: 1rem;
    color: #557cf2; }
  @media (max-width: 991px) {
    .page-webhosting-sites .mobile-neg-m {
      margin-top: -5rem; } }
  @media (min-width: 1200px) {
    .page-webhosting-sites .subheading-brands:after {
      background: #A9BEFD;
      border-radius: 10px;
      content: "";
      display: block;
      margin-top: 1rem;
      margin-right: auto;
      margin-bottom: .5rem;
      margin-left: auto;
      height: 6px;
      width: 30px;
      opacity: .3; } }
  .page-webhosting-sites #tabs-jobs-cycle {
    position: relative;
    background: linear-gradient(to bottom, #f3f5ff, #fff); }
  .page-webhosting-sites #tabs-jobs-cycle::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: calc(100vw / 5.762);
    top: calc(100vw / 5.9 * -1);
    z-index: -100;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 315" enable-background="new 0 0 1815 315"><path fill="%23f3f5ff" d="M1815,315v-19.8c-566,60-560.2-175.7-988-103.2C222.1,294.2,0,0,0,0v315H1815z"/></svg>') no-repeat; }
  .page-webhosting-sites #tabs-jobs-cycle .flex-item {
    flex-basis: 100%;
    text-align: center; }
    .page-webhosting-sites #tabs-jobs-cycle .flex-item .img-fluid {
      width: 80%; }
    .page-webhosting-sites #tabs-jobs-cycle .flex-item .icon {
      background-color: #d9e2ff;
      border: 10px solid #fff; }
    .page-webhosting-sites #tabs-jobs-cycle .flex-item .icon::before, .page-webhosting-sites #tabs-jobs-cycle .flex-item h3 {
      color: #557cf2 !important; }
    .page-webhosting-sites #tabs-jobs-cycle .flex-item p {
      color: #6f7380 !important; }
  @media (min-width: 768px) {
    .page-webhosting-sites #tabs-jobs-cycle .flex-item {
      flex-basis: 50%;
      text-align: left; } }
  @media (min-width: 992px) {
    .page-webhosting-sites #tabs-jobs-cycle .flex-item {
      cursor: pointer; }
      .page-webhosting-sites #tabs-jobs-cycle .flex-item .icon::before, .page-webhosting-sites #tabs-jobs-cycle .flex-item h3 {
        color: #a2b8fa !important; }
      .page-webhosting-sites #tabs-jobs-cycle .flex-item p {
        color: #b1b6c7 !important; }
      .page-webhosting-sites #tabs-jobs-cycle .flex-item .icon, .page-webhosting-sites #tabs-jobs-cycle .flex-item h3, .page-webhosting-sites #tabs-jobs-cycle .flex-item p {
        transition: all .3s ease-out; }
    .page-webhosting-sites #tabs-jobs-cycle .images .img-fluid {
      animation: image-fadein 0.4s ease-out;
      display: none !important; }
    .page-webhosting-sites #tabs-jobs-cycle.a .images .img-fluid.a {
      display: block !important; }
    .page-webhosting-sites #tabs-jobs-cycle.a .flex-item.a .icon::before, .page-webhosting-sites #tabs-jobs-cycle.a .flex-item.a h3 {
      color: #557cf2 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.a .flex-item.a p {
      color: #6f7380 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.b .images .img-fluid.b {
      display: block !important; }
    .page-webhosting-sites #tabs-jobs-cycle.b .flex-item.b .icon::before, .page-webhosting-sites #tabs-jobs-cycle.b .flex-item.b h3 {
      color: #557cf2 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.b .flex-item.b p {
      color: #6f7380 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.c .images .img-fluid.c {
      display: block !important; }
    .page-webhosting-sites #tabs-jobs-cycle.c .flex-item.c .icon::before, .page-webhosting-sites #tabs-jobs-cycle.c .flex-item.c h3 {
      color: #557cf2 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.c .flex-item.c p {
      color: #6f7380 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.d .images .img-fluid.d {
      display: block !important; }
    .page-webhosting-sites #tabs-jobs-cycle.d .flex-item.d .icon::before, .page-webhosting-sites #tabs-jobs-cycle.d .flex-item.d h3 {
      color: #557cf2 !important; }
    .page-webhosting-sites #tabs-jobs-cycle.d .flex-item.d p {
      color: #6f7380 !important; }
    .page-webhosting-sites #tabs-jobs-cycle .min-height {
      min-height: 851px; } }

@keyframes image-fadein {
  from {
    opacity: .5;
    transform: scale(0.95) translateY(20px); }
  to {
    opacity: 1;
    transform: scale(1) translateY(0); } }

@keyframes image-fadein-right {
  from {
    opacity: .3;
    transform: translateX(30px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
  .page-webhosting-sites #tabs-jobs {
    overflow-x: hidden; }
    .page-webhosting-sites #tabs-jobs .fade-in-right {
      animation: image-fadein-right 0.3s ease-out; }
    .page-webhosting-sites #tabs-jobs .nav-link.active:before {
      display: none; }
    .page-webhosting-sites #tabs-jobs .icon-rounded, .page-webhosting-sites #tabs-jobs .nav-item p, .page-webhosting-sites #tabs-jobs .icon-rounded::before {
      transition: all 0.3s ease-out; }
    .page-webhosting-sites #tabs-jobs .icon-rounded {
      position: relative;
      padding: 1rem;
      border: 3px solid #a2b8fa;
      margin-bottom: 15px;
      background: #fff;
      box-shadow: 0 2px 5px rgba(85, 124, 242, 0.1); }
      .page-webhosting-sites #tabs-jobs .icon-rounded::before {
        color: #a2b8fa; }
    .page-webhosting-sites #tabs-jobs .nav-item:last-child .icon-rounded::after {
      display: none; }
    .page-webhosting-sites #tabs-jobs .nav-item p {
      color: #a2b8fa; }
    .page-webhosting-sites #tabs-jobs .nav-item .active p {
      color: #557cf2; }
    .page-webhosting-sites #tabs-jobs .active .icon-rounded {
      border-color: #557cf2;
      box-shadow: 0 10px 15px rgba(85, 124, 242, 0.25); }
      .page-webhosting-sites #tabs-jobs .active .icon-rounded::before {
        color: #557cf2; }
    @media (max-width: 404px) {
      .page-webhosting-sites #tabs-jobs ul {
        flex-wrap: wrap; } }
  .page-webhosting-sites #faq-sites {
    position: relative;
    overflow: hidden; }
    .page-webhosting-sites #faq-sites .umblerito-help {
      top: -55px; }
  @media (max-width: 991px) {
    .page-webhosting-sites #tabs-jobs .fade-in-right {
      max-width: 100%;
      height: auto; } }
  @media (min-width: 768px) {
    .page-webhosting-sites #tabs-jobs .icon-rounded {
      padding: 1.6rem;
      border-width: 7px; }
    .page-webhosting-sites #tabs-jobs .icon-rounded::after {
      content: '';
      position: absolute;
      background: #f0f4ff;
      width: 150%;
      height: 3px;
      margin: 15px 0 0 50px; }
    .page-webhosting-sites #tabs-jobs .min-height {
      min-height: 450px; } }
  @media (min-width: 1600px) {
    .page-webhosting-sites #tabs-jobs {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="293.3px" height="89px" viewBox="0 0 293.3 89" enable-background="new 0 0 293.3 89"><rect y="69.1" fill="%23f0f4ff" width="262.2" height="7"/><rect y="13.6" fill="%23f0f4ff" width="117.7" height="7"/><ellipse fill="none" cx="276.2" cy="71.9" rx="17.1" ry="17.1"/><path fill="%23f0f4ff" d="M276.2,89c-9.4,0-17.1-7.7-17.1-17.1s7.7-17.1,17.1-17.1s17.1,7.7,17.1,17.1S285.6,89,276.2,89z M276.2,61.9 c-5.6,0-10.1,4.5-10.1,10.1S270.7,82,276.2,82s10.1-4.5,10.1-10.1S281.8,61.9,276.2,61.9z"/><ellipse fill="none" cx="133.5" cy="17.1" rx="17.1" ry="17.1"/><path fill="%23f0f4ff" d="M133.5,34.1c-9.4,0-17.1-7.7-17.1-17.1S124.1,0,133.5,0s17.1,7.7,17.1,17.1S142.9,34.1,133.5,34.1z M133.5,7 c-5.6,0-10.1,4.5-10.1,10.1s4.5,10.1,10.1,10.1s10.1-4.5,10.1-10.1S139.1,7,133.5,7z"/></svg>') no-repeat top left; } }
  .page-webhosting-sites .techs {
    background: #557cf2;
    background: linear-gradient(to bottom, #3b59b2, #557cf2); }
    .page-webhosting-sites .techs::before {
      content: '';
      position: absolute;
      width: 100vw;
      height: calc(100vw / 4.47);
      top: calc(100vw / 4.6 * -1);
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 406"><path fill="%233b59b2" d="M1815,406l0-406c0,0-214.2,371.7-818.9,236.3S436.1,449.4,0,381.8V406H1815z"/><path fill="%233b59b2" d="M1887.4,70.4v89.7c246.3,105.7,425.8-98.5,669.3,17.9c389.3,199.9,772.5,141.9,1140.7-107.6H1887.4z"/></svg>') no-repeat; }
    .page-webhosting-sites .techs::after {
      content: '';
      position: absolute;
      width: 100vw;
      height: calc(100vw / 7.94);
      z-index: 100;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1810 228" enable-background="new 0 0 1810 228"><path fill="%23557cf2" d="M-72.4,335.6l0-406c0,0-214.2,371.7-818.9,236.3s-560,213.1-996.1,145.6v24.2H-72.4z"/><path fill="%23557cf2" d="M0,0v89.7c246.3,105.7,425.8-98.5,669.3,17.9C1058.5,307.5,1441.7,249.5,1810,0H0z"/></svg>') no-repeat; }
    .page-webhosting-sites .techs .subheading, .page-webhosting-sites .techs .icon {
      color: #a2b8fa; }
    .page-webhosting-sites .techs .umblerito-container {
      left: -480px;
      top: -315px;
      z-index: 200;
      transform: scale(0.7); }
  @media (min-width: 1200px) {
    .page-webhosting-sites .techs::before {
      left: -3px; }
    .page-webhosting-sites .techs .umblerito-container {
      left: -470px;
      top: -365px;
      transform: scale(0.85); } }
  .page-webhosting-sites .personas {
    background: linear-gradient(0deg, white 0%, #f7faff 50%, white 100%); }
    .page-webhosting-sites .personas .container {
      z-index: 200; }
    .page-webhosting-sites .personas .typed-cursor {
      color: #fcd7db; }
    .page-webhosting-sites .personas a .h6 {
      color: #557cf2;
      transition: all .3s ease-in-out; }
    .page-webhosting-sites .personas a:hover .h6 {
      color: #3b59b2; }
    .page-webhosting-sites .personas .card {
      position: relative;
      top: -50px;
      z-index: 100;
      border-radius: 10px;
      box-shadow: 0 15px 15px #eaeefd; }
      .page-webhosting-sites .personas .card p {
        color: #6f7380; }
    .page-webhosting-sites .personas #cta-personas .img-arrow-right {
      top: -120px;
      left: -100px;
      transform: rotate(45deg); }
  @media (min-width: 1200px) {
    .page-webhosting-sites .personas .container {
      background: url("//assets.umbler.com/site/sites/bg-personas-webapps.svg") 98% 50% no-repeat; }
    .page-webhosting-sites .personas .agencies .card {
      margin-top: 230px; }
    .page-webhosting-sites .personas .devs-entrep .card {
      right: -30px; } }
  .page-webhosting-sites .z-index-t {
    z-index: 300; }
  .page-webhosting-sites .umblerito-help {
    top: -100px;
    margin-bottom: -90px; }
  .page-webhosting-sites #trust-testimonials .container-fluid {
    padding-top: 0 !important; }

.show-redehost-section {
  overflow: hidden; }
  .show-redehost-section .container-fluid {
    transition: opacity .3s, transform .6s;
    transform: translateY(100px); }
    .show-redehost-section .container-fluid.show {
      transform: translateY(0); }
  .show-redehost-section + .section-default {
    padding-top: 9rem; }
    .show-redehost-section + .section-default:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -100;
      background: url("//assets.umbler.com/site/email/bg-header-email-rh.svg") no-repeat;
      top: 0;
      background-size: contain; }

.page-email .email-header-img {
  border-radius: 10px;
  box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.2);
  position: relative; }

@media (min-width: 992px) {
  .page-email .email-header-img-wrapper {
    perspective: 750px; }
  .page-email .email-header-img {
    border-radius: 20px;
    box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2); } }

.page-email .emoji {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .page-email .emoji.emoji-heart-img {
    background-image: url("//assets.umbler.com/site/email/emoji/heart-emoji.png?v=23062020");
    bottom: 3px; }
  .page-email .emoji.emoji-claps-img {
    background-image: url("//assets.umbler.com/site/email/emoji/claps-emoji.png?v=23062020");
    top: -4px; }
  .page-email .emoji.emoji-thinking-img {
    background-image: url("//assets.umbler.com/site/email/emoji/thinking-emoji.png?v=23062020");
    top: -4px; }

.page-email .section-features {
  position: relative; }
  .page-email .section-features .umblerito-device-img {
    position: absolute; }
  @media (min-width: 992px) {
    .page-email .section-features .inbox-feature-img {
      position: relative;
      left: 0;
      top: -50px; } }
  .page-email .section-features .feature-calendar:before {
    background: url("//assets.umbler.com/site/email/feature-calendar-bg.png?v=23062020") left center no-repeat;
    background-size: 400px;
    content: '';
    height: 600px;
    width: 600px;
    position: absolute;
    margin-top: -140px;
    right: -150px;
    z-index: -1; }
    @media (min-width: 992px) {
      .page-email .section-features .feature-calendar:before {
        background-size: auto;
        right: -200px; } }
    @media (min-width: 1400px) {
      .page-email .section-features .feature-calendar:before {
        right: 0; } }
  @media (min-width: 992px) {
    .page-email .section-features .feature-calendar .calendar-feature-img {
      position: relative;
      right: -80px;
      top: -60px; } }
  @media (min-width: 992px) {
    .page-email .section-features .filters-feature-img {
      position: relative;
      left: -50px; } }
  @media (max-width: 991px) {
    .page-email .section-features .mobile-neg-m {
      margin-top: -5rem; } }
  .page-email .section-features .section-features-device {
    position: relative; }
    @media (min-width: 992px) {
      .page-email .section-features .section-features-device {
        padding-bottom: 200px; }
        .page-email .section-features .section-features-device:before {
          background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401 569.05'%3E%3Cpath d='M401 24.92c-.14-.06-.29-.13-.43-.2C365.11 8.84 325.8 0 284.43 0 127.34 0 0 127.39 0 284.52s127.34 284.52 284.43 284.52c41.39 0 80.71-8.84 116.19-24.74.13-.06.26-.12.38-.18V24.92z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fdecef'/%3E%3C/svg%3E") center right no-repeat;
          background-size: 620px;
          overflow: visible;
          content: '';
          width: 650px;
          height: 950px;
          position: absolute;
          right: -250px;
          top: -150px; }
        .page-email .section-features .section-features-device .umblerito-device-img {
          margin-top: -100px;
          right: -60px;
          width: 800px; } }
    @media (min-width: 1200px) {
      .page-email .section-features .section-features-device:before {
        right: -60px; }
      .page-email .section-features .section-features-device .umblerito-device-img {
        right: -15px; } }
    @media (min-width: 1400px) {
      .page-email .section-features .section-features-device .umblerito-device-img {
        margin-top: -220px; } }
  @media (min-width: 1200px) {
    .page-email .section-features .subheading-brands:after {
      background: #A9BEFD;
      border-radius: 10px;
      content: "";
      display: block;
      margin-top: 1rem;
      margin-right: auto;
      margin-bottom: .5rem;
      margin-left: auto;
      height: 6px;
      width: 30px;
      opacity: .3; } }

@media (min-width: 576px) {
  .page-email .section-features-plus {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 677.85 1677.69'%3E%3Cpath d='M669.52 352.64c-5.79-29.27-14.52-57.89-26.06-85.41-61.57-146.8-198.3-248.34-356.64-264.84l-.54-.06c-43.11-4.49-86.65-2.48-129.16 5.94-14.62 2.9-29.09 6.53-43.34 10.88-34.05 10.38-66.71 24.88-97.25 43.16l-.19-.26C11 65.84 5.55 69.45 0 72.9v1604.79c24.44-3.49 48.15-11.29 69.97-23.15 11.92-6.49 23.18-14.15 33.59-22.86 30.74-25.76 53.36-59.87 65.11-98.22 7.93-25.81 10.71-52.92 8.17-79.8-1.33-13.93-4.05-27.7-8.14-41.08-10.95-36.09-31.6-68.49-59.71-93.64-55.34-55.83-82.71-133.56-74.55-211.75 5.35-50.63 25.23-98.64 57.25-138.22 21.51-26.65 48.06-48.8 78.12-65.2 33.27-18.08 70.04-28.8 107.81-31.43l-.08-.3c15.28-1.3 30.48-3.4 45.54-6.3 30.02-5.79 59.35-14.67 87.54-26.5 190.89-80.17 299.07-283.51 258.9-486.6z' fill='%23f0f4ff'/%3E%3C/svg%3E") no-repeat;
    background-size: 300px; } }

@media (min-width: 1400px) {
  .page-email .section-features-plus {
    background-size: 720px; } }

@media (min-width: 992px) {
  .page-email .section-features-plus .section-features-list .title {
    color: #dfe5f2;
    margin-bottom: -65px;
    line-height: 1;
    position: relative;
    top: -55px; } }

.page-email .section-features-plus .section-features-list .card {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); }

.page-email .section-why {
  background: linear-gradient(to top, #f0f4ff, #fff);
  text-align: center; }
  .page-email .section-why .card-why {
    border-radius: 4rem;
    overflow: hidden;
    padding: 3rem 1.5rem;
    position: relative; }
    @media (min-width: 992px) {
      .page-email .section-why .card-why {
        padding: 5rem;
        padding-bottom: 430px; }
        .page-email .section-why .card-why:before {
          background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 789.11 314.25'%3E%3Cpath d='M67.53 313.84l.07.41h721.51V66.21c-36.34-6.51-75.32 3.26-103.65 24.77-46.73 31.7-116.44 9.18-135.79-44.2l-.04.03c-12.86-41.57-66.64-60.4-102.52-35.71-39.46 23.93-42.81 85.63-5.86 113.41l-.13.09c45.32 42.65 28.92 123.72-29.3 145.6-55.77 23.69-120.41-20.5-119.79-80.82l-.04-.01C293.35 74.21 164.32 2.31 67.64 65.58c-89.29 56.4-89.96 192.09-.11 248.26z' fill='%23557cf2'/%3E%3C/svg%3E") no-repeat;
          content: '';
          bottom: -5px;
          height: 280px;
          width: 690px;
          display: inline-block;
          position: absolute;
          right: -54px;
          opacity: .5; } }
  @media (min-width: 992px) {
    .page-email .section-why .umblerito-brand-img {
      position: relative;
      top: -470px;
      z-index: 1;
      margin-bottom: -480px;
      margin-right: auto; } }
  .page-email .section-why .btn {
    position: relative;
    z-index: 10; }
    .page-email .section-why .btn:before {
      background: url("//design.umbler.com/assets/svg/sprite-umbler/img-umbler-favicon-i.svg") center center no-repeat;
      content: '';
      height: 22px;
      width: 22px;
      display: inline-block;
      margin-right: 10px;
      vertical-align: text-bottom; }

.page-email .card-why {
  background: #0A1024; }

.page-email .section-social {
  background: linear-gradient(to top, #fff, #f0f4ff); }
  .page-email .section-social .avatar {
    box-shadow: 0 0 0 6px #fafcff, 0 8px 12px rgba(0, 0, 0, 0.1); }

.page-email .section-pricing {
  position: relative; }
  .page-email .section-pricing:before {
    background: url("//assets.umbler.com/site/email/rocket-email.png?v=23062020") no-repeat;
    background-size: 200px;
    content: '';
    display: block;
    margin-left: -80px;
    height: 189px;
    width: 221px;
    position: absolute;
    left: 50%;
    top: -80px; }
    @media (min-width: 992px) {
      .page-email .section-pricing:before {
        background-size: auto;
        margin-left: -100px;
        top: -86px; } }

.page-email .section-pricing-email {
  position: relative; }
  .page-email .section-pricing-email:after {
    background: #fffaeb;
    border-radius: 2rem;
    content: '';
    height: 90%;
    left: 50%;
    top: -80px;
    position: absolute;
    width: 100%;
    z-index: -1;
    transform: translateX(-50%); }
    @media (min-width: 1200px) {
      .page-email .section-pricing-email:after {
        border-radius: 10rem;
        max-height: 800px;
        width: 85%; } }

.page-email .section-testimonial {
  background: linear-gradient(to top, #ffedef, #fff); }

.page-email .section-umbler {
  background: #ffedef; }
  @media (min-width: 992px) {
    .page-email .section-umbler .faq {
      margin-bottom: -150px; } }

.page-domain {
  /*.www {
        left: -65px;
        top: 8px;
    }*/ }
  .page-domain #background-gradient {
    background: linear-gradient(0deg, white 0%, #f7faff 20%, #f7faff 80%, white 100%); }
  .page-domain #selectCategory {
    min-height: 36px; }
  .page-domain .logo-domain-radix {
    display: inline-block;
    width: 120px;
    height: 70px;
    background: url("//assets.umbler.com/site/domain/sprite-registro-radix.png?v=23062020") no-repeat 0px 0px; }
  .page-domain .logo-domain-radix.online {
    background-position: 0 0; }
  .page-domain .logo-domain-radix.tech {
    background-position: -120px 0; }
  .page-domain .logo-domain-radix.site {
    background-position: -240px 0; }
  .page-domain .logo-domain-radix.website {
    background-position: -360px 0; }
  .page-domain .logo-domain-radix.store {
    background-position: 0 -70px; }
  .page-domain .logo-domain-radix.fun {
    background-position: -120px -70px; }
  .page-domain .logo-domain {
    display: inline-block;
    width: 120px;
    height: 70px;
    background: url("//assets.umbler.com/site/domain/sprite-registro.png?v=23062020") no-repeat 0px -30px; }
  .page-domain .logo-domain.com {
    background-position: -128px -30px; }
  .page-domain .logo-domain.net {
    background-position: -248px -30px; }
  .page-domain .logo-domain.org {
    background-position: -360px -30px; }
  .page-domain .tag-domain {
    font-size: .9rem;
    left: 50%;
    top: -15px;
    transform: translateX(-50%); }
  .page-domain .umblerito-help {
    margin-bottom: -80px;
    top: -70px; }
  .page-domain .umblerito-coin-img {
    margin-bottom: -30px;
    padding: .75rem;
    top: -30px;
    position: relative; }
  .page-domain #domain-search .input-group {
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.03);
    border-radius: 2rem; }
  @media (max-width: 767px) {
    .page-domain .page-domain header {
      overflow: hidden; }
    .page-domain .page-domain #domain-search-name {
      margin-bottom: 10px; } }

.input-group.rounded .input-group-addon {
  border-radius: 2rem 0 0 2rem; }

.btn-xl {
  font-size: 1.5rem;
  padding: .65rem 1.25rem; }

.form-control-xl {
  font-size: 1.25rem; }

.input-group-xl.rounded > .input-group-addon {
  border-width: 3px; }
  .input-group-xl.rounded > .input-group-addon + .form-control {
    border-width: 3px; }

.input-group-xl.rounded > .input-group-btn {
  border-width: 3px; }

.input-group-xl > .input-group-addon {
  font-size: 1.5rem;
  padding: 1rem 1.25rem; }
  .input-group-xl > .input-group-addon + .form-control {
    padding-left: 0; }

.input-group-xl > .input-group-btn .btn {
  padding: .65rem 1.25rem; }

.input-group-xl > .form-control {
  font-size: 1.5rem;
  padding: 1rem 1.25rem; }

.bar-redirect {
  background: #fff;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 120px;
  left: 0;
  border: 0;
  z-index: 900;
  width: 100%;
  position: fixed;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
  transform: translate3d(0, 100%, 0);
  transition: transform .3s;
  /*.container {
    opacity: 0;
    transform: translate3d(0,-50px,0);
    transition: transform .3s, opacity .3s;
  }*/ }
  @media (min-width: 768px) {
    .bar-redirect {
      height: 150px; } }
  .bar-redirect.is-show {
    transform: translate3d(0, 0, 0); }
  .bar-redirect p {
    max-width: 550px; }
  .bar-redirect .btn-close {
    background: #f0f4ff;
    position: absolute;
    right: 0;
    top: -5px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center; }

.domain-list .domain-name__extension {
  margin-left: -5px; }

.domain-list .domain-tag {
  background: #ffe495;
  border-radius: 2rem;
  color: #b89a41;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 8px 2px;
  left: -15px;
  bottom: -24px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 10;
  transform: scale(0.8); }
  .domain-list .domain-tag:after {
    content: '';
    background: #ffe495;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    top: -4px; }

.domain-list .emoji-check {
  background: url("//assets.umbler.com/site/domain/emoji-check.png?v=23062020") no-repeat; }
  .domain-list .emoji-check.emoji--md {
    background-image: url("//assets.umbler.com/site/domain/emoji-check-md.png?v=23062020"); }

.domain-list .emoji-negative.emoji--md {
  background-image: url("//assets.umbler.com/site/domain/emoji-negative-md.png?v=23062020"); }

.domain-list .emoji {
  background-size: contain;
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  vertical-align: -3px; }
  .domain-list .emoji--md {
    height: 26px;
    width: 26px;
    margin-right: 8px; }

.domain-highlighted {
  overflow: hidden;
  box-shadow: 0 0 0 5px #5cb85c; }
  .domain-highlighted .domain-tag {
    left: -16px;
    bottom: -28px;
    transform: scale(1); }
  .domain-highlighted__bonus {
    background: #d0f5d0;
    font-size: 1rem;
    padding: 10px;
    text-align: center;
    color: #5cb85c;
    font-weight: 600; }

.page-domain .domain-features .flex-item {
  padding-left: 110px; }

.page-domain .domain-features .tag-bonus {
  background-color: #5cb85c;
  color: #d0f5d0;
  top: -20px;
  left: 0;
  border-radius: 1rem 1rem 1rem .0;
  font-size: 1.2rem;
  padding: 0 12px;
  position: absolute; }

.page-about {
  overflow-x: hidden;
  background: url("//assets.umbler.com/site/about/about-header-06-2021.jpg?v=23062020") 0 0 no-repeat fixed;
  background-size: cover; }
  .page-about header {
    padding-top: 100px; }
    .page-about header .container {
      padding-bottom: 42px; }
    .page-about header p {
      text-shadow: 0 0 7px rgba(37, 19, 41, 0.7); }
    .page-about header .umbler-logotipo {
      text-indent: -200em;
      position: relative;
      top: -6px;
      left: 20px;
      width: 240px;
      height: 55px; }
  .page-about .manifesto {
    background: linear-gradient(180deg, #fff 0%, #f0f4ff 50%, #fff 100%); }
    .page-about .manifesto .subheading.sub-section.underline-primary {
      text-shadow: 0 0 7px rgba(37, 19, 41, 0.6); }
      .page-about .manifesto .subheading.sub-section.underline-primary:after {
        background: #fff;
        opacity: 1; }
    .page-about .manifesto .card-block {
      border-radius: 2.5rem;
      box-shadow: 0px 8px 10px rgba(85, 124, 242, 0.15); }
      .page-about .manifesto .card-block figure {
        height: 156px;
        width: 156px;
        margin: 0 auto; }
        .page-about .manifesto .card-block figure.livres img {
          transform: translateY(-23px); }
  .page-about .join-us {
    background-color: #fff; }
  @media (max-width: 1199px) {
    .page-about #menu .umbler-logotipo.logo-bg-primary {
      background-image: url("//assets.umbler.com/site/about/umbler-logo-bg-light.svg"); } }
  @media (min-width: 1200px) {
    .page-about header {
      padding-top: 120px; }
      .page-about header .container {
        padding-bottom: 250px; }
      .page-about header .bg-curve {
        bottom: -2.3vw;
        opacity: .2; }
      .page-about header .umbler-logotipo {
        width: 380px;
        height: 105px; }
    .page-about .manifesto {
      background: linear-gradient(0deg, #fff 0%, #f0f4ff 30%, #fff 80%, rgba(255, 255, 255, 0.2) 100%); }
      .page-about .manifesto h2 {
        color: #281528;
        text-shadow: 0 0 3px rgba(255, 255, 255, 0.9); }
      .page-about .manifesto .umblerito-mochila {
        width: 450px;
        right: 100px; }
      .page-about .manifesto .card-block {
        border-radius: 2.5rem;
        box-shadow: 0px 13px 22px rgba(85, 124, 242, 0.15); }
    .page-about .teams {
      background: #fff linear-gradient(180deg, #fff 0%, #f7f9ff 40%); }
      .page-about .teams .card {
        box-shadow: 0px 5px 10px #557cf21c; }
      .page-about .teams #filters .check-btn-outline {
        background-color: #fff; }
      .page-about .teams #filters .strategy .form-check-label {
        color: #557cf2 !important; }
      .page-about .teams #filters .strategy.is-checked .form-check-label,
      .page-about .teams #filters .strategy.is-checked:hover .form-check-label,
      .page-about .teams #filters .strategy input[type=radio]:checked ~ .form-check-label:before {
        border-color: #557cf2 !important; }
      .page-about .teams #filters .strategy input[type=radio] + .form-check-label:after {
        background-color: #557cf2 !important; }
      .page-about .teams #filters .strategy:hover .form-check-label {
        border-color: rgba(85, 124, 242, 0.4) !important; }
      .page-about .teams #filters .eng .form-check-label {
        color: #22c38e !important; }
      .page-about .teams #filters .eng.is-checked .form-check-label,
      .page-about .teams #filters .eng.is-checked:hover .form-check-label,
      .page-about .teams #filters .eng input[type=radio]:checked ~ .form-check-label:before {
        border-color: #22c38e !important; }
      .page-about .teams #filters .eng input[type=radio] + .form-check-label:after {
        background-color: #22c38e !important; }
      .page-about .teams #filters .eng:hover .form-check-label {
        border-color: rgba(34, 195, 142, 0.4) !important; }
      .page-about .teams #filters .cs .form-check-label {
        color: #f2ae4e !important; }
      .page-about .teams #filters .cs.is-checked .form-check-label,
      .page-about .teams #filters .cs.is-checked:hover .form-check-label,
      .page-about .teams #filters .cs input[type=radio]:checked ~ .form-check-label:before {
        border-color: #f2ae4e !important; }
      .page-about .teams #filters .cs input[type=radio] + .form-check-label:after {
        background-color: #f2ae4e !important; }
      .page-about .teams #filters .cs:hover .form-check-label {
        border-color: rgba(242, 174, 78, 0.4) !important; }
      .page-about .teams #filters .sales .form-check-label {
        color: #f2774e !important; }
      .page-about .teams #filters .sales.is-checked .form-check-label,
      .page-about .teams #filters .sales.is-checked:hover .form-check-label,
      .page-about .teams #filters .sales input[type=radio]:checked ~ .form-check-label:before {
        border-color: #f2774e !important; }
      .page-about .teams #filters .sales input[type=radio] + .form-check-label:after {
        background-color: #f2774e !important; }
      .page-about .teams #filters .sales:hover .form-check-label {
        border-color: rgba(242, 119, 78, 0.4) !important; }
      .page-about .teams #filters .design .form-check-label {
        color: #f279b6 !important; }
      .page-about .teams #filters .design.is-checked .form-check-label,
      .page-about .teams #filters .design.is-checked:hover .form-check-label,
      .page-about .teams #filters .design input[type=radio]:checked ~ .form-check-label:before {
        border-color: #f279b6 !important; }
      .page-about .teams #filters .design input[type=radio] + .form-check-label:after {
        background-color: #f279b6 !important; }
      .page-about .teams #filters .design:hover .form-check-label {
        border-color: rgba(242, 121, 182, 0.4) !important; }
      .page-about .teams #filters .adm .form-check-label {
        color: #b167e5 !important; }
      .page-about .teams #filters .adm.is-checked .form-check-label,
      .page-about .teams #filters .adm.is-checked:hover .form-check-label,
      .page-about .teams #filters .adm input[type=radio]:checked ~ .form-check-label:before {
        border-color: #b167e5 !important; }
      .page-about .teams #filters .adm input[type=radio] + .form-check-label:after {
        background-color: #b167e5 !important; }
      .page-about .teams #filters .adm:hover .form-check-label {
        border-color: rgba(177, 103, 229, 0.4) !important; }
      .page-about .teams #filters .mkt .form-check-label {
        color: #30aef2 !important; }
      .page-about .teams #filters .mkt.is-checked .form-check-label,
      .page-about .teams #filters .mkt.is-checked:hover .form-check-label,
      .page-about .teams #filters .mkt input[type=radio]:checked ~ .form-check-label:before {
        border-color: #30aef2 !important; }
      .page-about .teams #filters .mkt input[type=radio] + .form-check-label:after {
        background-color: #30aef2 !important; }
      .page-about .teams #filters .mkt:hover .form-check-label {
        border-color: rgba(48, 174, 242, 0.4) !important; }
      .page-about .teams figure {
        overflow: hidden;
        width: 125px;
        height: 125px;
        margin: 0 auto 15px;
        border: 6px solid #557cf2;
        background: #d9e2ff; }
      .page-about .teams .name {
        font-size: 1rem; }
      .page-about .teams .role {
        font-size: 14px;
        color: #557cf2 !important;
        background: #f0f4ff !important; }
      .page-about .teams #employees {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 20px;
        row-gap: 20px; }
        .page-about .teams #employees .eng figure {
          border-color: #22c38e;
          background: #effffa; }
        .page-about .teams #employees .eng .role {
          color: #22c38e !important;
          background: #effffa !important; }
        .page-about .teams #employees .cs figure {
          border-color: #f2ae4e;
          background: #fff6eb; }
        .page-about .teams #employees .cs .role {
          color: #f2ae4e !important;
          background: #fff6eb !important; }
        .page-about .teams #employees .sales figure {
          border-color: #f2774e;
          background: #fff6eb; }
        .page-about .teams #employees .sales .role {
          color: #f2774e !important;
          background: #fff6eb !important; }
        .page-about .teams #employees .design figure {
          border-color: #f279b6;
          background: #ffebf5; }
        .page-about .teams #employees .design .role {
          color: #f279b6 !important;
          background: #ffebf5 !important; }
        .page-about .teams #employees .mkt figure {
          border-color: #30aef2;
          background: #e5f6ff; }
        .page-about .teams #employees .mkt .role {
          color: #30aef2 !important;
          background: #e5f6ff !important; }
        .page-about .teams #employees .adm figure {
          border-color: #b167e5;
          background: #f6ebff; }
        .page-about .teams #employees .adm .role {
          color: #b167e5 !important;
          background: #f6ebff !important; } }
  @media (min-width: 1550px) {
    .page-about header {
      padding-top: 200px; }
    .page-about .manifesto {
      background: url("//assets.umbler.com/site/about/manifesto-curve-footer.svg") 0 bottom no-repeat, linear-gradient(0deg, #f0f4ff 0%, #fff 80%, rgba(255, 255, 255, 0.2) 100%); }
    .page-about .join-us .img-fluid {
      max-width: 85%; } }

.page-battle {
  overflow-x: hidden; }
  .page-battle #battle li {
    line-height: 1.6; }
  .page-battle #menu.hide {
    transform: translateY(-100%); }
  .page-battle #header .row {
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%); }
  .page-battle #footer {
    background: #fff;
    position: relative;
    z-index: 100; }
  .page-battle #back-top {
    z-index: 1000; }
  .page-battle #goodbyehost-migrate {
    z-index: 900; }
  .page-battle .scroll-page {
    display: block;
    text-align: center;
    z-index: 800;
    will-change: transform; }
    .page-battle .scroll-page .icon {
      animation: scrollDownPage 1500ms infinite;
      color: #a2b8fa;
      opacity: .6; }

.battle-title .title {
  flex: 1; }
  .battle-title .title .subtitle {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: -.2rem; }

@media (min-width: 1200px) {
  .page-battle #header {
    background: url("//assets.umbler.com/site/battle/bg-header.svg?v=23062020") center 395px no-repeat;
    min-height: 700px;
    height: 100vh; } }

@media (min-width: 1400px) {
  .page-battle #header {
    background-position: center bottom; } }

.battle-players {
  bottom: 0;
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  transition: opacity .6s; }
  .battle-players.show {
    opacity: 1; }

@media (min-width: 1200px) {
  #about-player .browser-tab-mac {
    margin-right: -20rem;
    margin-top: -10rem; } }

.battle-p1,
.battle-p2 {
  position: absolute; }

.battle-p2 {
  right: 0; }

.page-battle header {
  position: relative; }

.battle-versus-img {
  top: 10px;
  transform: translateX(-50%);
  position: absolute;
  padding-right: 7px; }

#header .battle-versus-img {
  left: 50%; }

#about-player .browser-tab-mac {
  overflow: hidden;
  z-index: 100; }

#about-player img {
  display: block; }

#about-player .battle-card {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 100; }
  #about-player .battle-card:after {
    background-color: #557cf2;
    content: '';
    border-radius: 0.25rem;
    height: 75px;
    top: 80px;
    width: 8px;
    position: absolute;
    left: 0; }

#about-player .battle-card .battle-card-icon {
  top: 3rem;
  right: 4rem; }

#about-player .browser-tab-mac .battle-panel-print-img {
  width: 800px; }

#battle {
  z-index: 900;
  box-shadow: 0 -80px 160px rgba(0, 0, 0, 0.04); }

.battle-bar {
  background-color: #fff;
  position: relative;
  z-index: 20; }
  .battle-bar.stick {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .battle-bar .battle-status {
    padding-top: 3rem; }
  .battle-bar .progress {
    background: #f2584e;
    border-radius: .25rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    height: .5rem; }
  .battle-bar .progress-bar {
    background-color: #f2d272;
    height: .5rem;
    transition: 0.3s linear;
    transition-property: width, background-color; }
  .battle-bar .battle-status-p2 {
    transition: opacity .3s, filter .3s; }
  .battle-bar.battle-end .battle-status-p2 {
    opacity: .4;
    filter: grayscale(1); }
  .battle-bar.battle-end .battle-nav {
    opacity: 0; }

.battle-player-thumb {
  background: #557cf2;
  border-radius: 50%;
  height: 80px;
  margin-top: -.75rem;
  position: relative;
  width: 80px;
  box-shadow: 0 0 0 6px #557cf2, 0 0 0 15px #fff, 0 8px 24px black; }
  .battle-player-thumb .sprite-battle {
    display: block;
    height: 100px;
    width: 100px;
    position: relative;
    left: -10px;
    top: -10px; }
  .battle-player-thumb.battle-p2-thumb .sprite-battle {
    background-position: -100px 0; }

#nav-battle .nav-item {
  position: relative;
  text-align: center; }
  #nav-battle .nav-item .icon-collapse-arrow-up {
    color: #dfe5f2;
    font-size: 85%;
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); }

#nav-battle .nav-link {
  color: #b1b6c7;
  font-weight: bold;
  padding: .75rem 1rem; }
  #nav-battle .nav-link span {
    color: #b1b6c7;
    font-weight: bold;
    font-size: 1rem; }
  #nav-battle .nav-link.active {
    color: #f26b7a; }
    #nav-battle .nav-link.active:before {
      height: 0; }
    #nav-battle .nav-link.active span {
      color: #6f7380; }

@media (min-width: 576px) {
  #nav-battle .nav-link {
    font-size: 1.1rem; } }

.round-wrapper {
  overflow: hidden;
  padding-top: 5rem;
  position: relative; }
  .round-wrapper .round-p1, .round-wrapper .round-p2 {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 10;
    background-attachment: fixed; }
  .round-wrapper .round-p1 {
    background-position: left bottom; }
  .round-wrapper .round-p2 {
    background-position: right bottom;
    left: auto;
    right: 0;
    z-index: 10; }

.round-battle {
  position: relative;
  overflow: hidden; }
  .round-battle .battle-divider {
    position: relative;
    z-index: 20; }
    .round-battle .battle-divider .battle-title {
      background: #fff;
      border: 10px solid #f0f4ff;
      position: absolute;
      transform: translate(-50%);
      left: 50%;
      border-radius: 2rem;
      top: 0;
      padding: 1rem 1.5rem 1rem;
      color: #6f7380;
      min-width: 12rem;
      text-align: center;
      transition: padding .3s;
      white-space: nowrap; }
      .round-battle .battle-divider .battle-title:after {
        background: transparent;
        content: '';
        position: absolute;
        border-radius: 0.25rem;
        width: 8rem;
        left: -50%;
        height: 6px;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        transition: height .3s, width .2s; }
    .round-battle .battle-divider.stick .battle-title {
      background: #f26b7a;
      border: 0;
      color: #fff;
      padding: 1rem 1.5rem 1rem;
      border-radius: 0 0 2rem 2rem;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
      .round-battle .battle-divider.stick .battle-title:after {
        background: #f26b7a;
        width: 24rem; }
  @media (min-width: 992px) {
    .round-battle .battle-card-wrapper {
      padding: 3rem 0; } }

@media (min-width: 992px) {
  .round-divider {
    left: 50%;
    margin-top: -104px;
    position: absolute;
    transform: translatex(-50%);
    width: 100%;
    z-index: 200; }
    .round-divider .scroll-page {
      background-color: #f0f4ff;
      border-radius: 50%;
      margin: 0 auto;
      width: 50px;
      height: 50px;
      display: flex;
      text-align: center;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 30px #dfe5f2; }
  .round-ko {
    background: #f0f4ff;
    background: linear-gradient(0deg, #f0f4ff 92%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -32rem;
    padding: 8rem 0 30rem;
    position: relative;
    top: -8rem;
    z-index: 200; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .round-ko:after {
      background-attachment: fixed;
      background-position: left bottom;
      background-repeat: no-repeat;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 50%; } }

@media (min-width: 992px) {
  #round-win {
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: -14rem;
    padding: 12rem 0 16rem;
    position: relative;
    top: -14rem;
    z-index: 910;
    background: white;
    background: linear-gradient(0deg, white 88%, rgba(255, 255, 255, 0) 100%); } }

@media (min-width: 1200px) {
  .round-battle .battle-container {
    background: #f7faff; } }

.battle-win {
  padding: 0;
  position: absolute; }
  .battle-win > li {
    background-color: #dfe5f2;
    display: inline-block;
    margin: 0 .1rem;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    vertical-align: middle;
    position: relative; }
    .battle-win > li .icon-checked {
      color: #5cb85c;
      font-size: 1.6rem;
      position: absolute;
      left: -2px;
      bottom: 0;
      visibility: hidden; }
  .battle-win.round1-end li:nth-child(1),
  .battle-win.round2-end li:nth-child(2),
  .battle-win.round3-end li:nth-child(3) {
    background-color: #d0f5d0;
    padding: 9px; }
    .battle-win.round1-end li:nth-child(1) .icon-checked,
    .battle-win.round2-end li:nth-child(2) .icon-checked,
    .battle-win.round3-end li:nth-child(3) .icon-checked {
      visibility: visible; }

@media (min-width: 768px) {
  .battle-win > li {
    margin: 0 .2rem;
    height: 10px;
    width: 10px; }
    .battle-win > li:after {
      font-size: 2rem;
      left: -3px;
      bottom: -10px; } }

.battle-card {
  background: #fff;
  border-radius: 0.25rem;
  will-change: transform, opacity; }

.battle-card-icon {
  background: #fff;
  position: absolute;
  z-index: 1; }

.battle-container .battle-card {
  border-radius: 1rem;
  flex-grow: 1;
  flex-basis: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  z-index: 100;
  text-align: center; }
  .battle-container .battle-card > .icon, .battle-container .battle-card > .img-svg {
    transform: scale(1.4);
    opacity: .8; }
  .battle-container .battle-card .card-block {
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    text-align: left; }
  .battle-container .battle-card .battle-card-icon {
    left: 50%;
    top: -25px;
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    padding-top: 1px;
    transform: translateX(-50%); }
    .battle-container .battle-card .battle-card-icon.icon-primary {
      background-color: #557cf2; }
  .battle-container .battle-card .battle-card-img {
    background: #f7faff url("//design.umbler.com/assets/img/loader/umbler-loader.gif") center center no-repeat;
    background-size: contain;
    background-size: 48px;
    display: block;
    height: 250px;
    overflow: hidden; }

@media (max-width: 1199px) {
  .battle-container {
    padding-top: 5rem; } }

#header .scroll-page {
  bottom: 40px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%; }

@keyframes scrollDownPage {
  0% {
    transform: translate(0, -2px); }
  50% {
    transform: translate(0, 4px); }
  100% {
    transform: translate(0, -2px); } }

.konami-example {
  opacity: .5;
  text-align: right;
  position: absolute; }
  .konami-example span {
    border: 1px solid #a2b8fa;
    border-radius: 0.25rem;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    color: #a2b8fa;
    vertical-align: middle; }

.toasty {
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
  transition: transform .2s;
  will-change: transform; }
  .toasty.hide {
    transform: translateX(100%); }
  .toasty span {
    background: url("//assets.umbler.com/site/battle/toasty-sprite.png?v=23062020") no-repeat;
    display: block;
    height: 280px;
    width: 260px; }
    .toasty span.toasty-fontella {
      background-position: 0 0; }
    .toasty span.toasty-adriano {
      background-position: -260px 0; }
    .toasty span.toasty-sartori {
      background-position: -520px 0; }

.text-cpanel {
  color: #f29272 !important; }

.page-battle-cpanel .battle-umbler-img {
  width: 400px;
  height: 540px; }

.battle-cpanel-img {
  width: 300px;
  height: 600px; }

@media (min-width: 1400px) {
  .page-battle-cpanel .battle-umbler-img {
    width: 400px;
    height: 540px; }
  .battle-cpanel-img {
    width: 300px;
    height: 600px; } }

#about-player .battle-cpanel-img {
  width: 170px;
  height: 340px; }

#about-player .battle-card-cpanel:after {
  background-color: #f29272; }

.page-battle-cpanel #about-player .battle-umbler-img {
  width: 220px;
  height: 300px; }

.page-battle-cpanel .battle-player-thumb .sprite-battle {
  background-image: url("//assets.umbler.com/site/battle-cpanel/sprite-battle.png?v=23062020"); }

.page-battle-cpanel .battle-player-thumb.battle-cpanel-thumb {
  background-color: #f29272;
  box-shadow: 0 0 0 6px #f29272, 0 0 0 15px #fff, 0 8px 24px black; }

.page-battle-cpanel .round-ko#round1-final:after {
  background-image: url("//assets.umbler.com/site/battle-cpanel/p1-round1.png?v=23062020"); }

.page-battle-cpanel .round-ko#round2-final:after {
  background-image: url("//assets.umbler.com/site/battle-cpanel/p1-round2.png?v=23062020"); }

@media (min-width: 992px) {
  .page-battle-cpanel .round-wrapper .round-p1 {
    background-color: #f0f4ff; }
  .page-battle-cpanel .round-wrapper .round-p2 {
    background-color: #fff2ed; }
  .page-battle-cpanel .round-battle .battle-divider .battle-title {
    border-color: #fff2ed; } }

@media (min-width: 1200px) {
  .round-battle .battle-divider .battle-title {
    border-color: #fff2ed; } }

.battle-card.battle-card-cpanel:after {
  border-top-color: #f29272; }

.page-battle-cpanel .konami-example {
  bottom: 230px;
  right: 0;
  transform: translateX(104%); }

.text-vps {
  color: #f2584e !important; }

/*.icon-vps {
	background-color: $vps-lightest;
	color: $vps;
}*/
.page-battle-vps .battle-umbler-img {
  width: 410px;
  height: 390px; }

.battle-vps-img {
  width: 300px;
  height: 600px; }

@media (min-width: 1400px) {
  .page-battle-vps .battle-umbler-img {
    width: 500px;
    height: 480px; }
  .battle-vps-img {
    width: 320px;
    height: 610px; } }

#about-player .battle-vps-img {
  display: block;
  width: 200px;
  height: 390px; }

#about-player .battle-card-vps:after {
  background-color: #f2584e; }

.vm-img {
  margin: 0;
  position: relative;
  top: -200px;
  animation-name: vm-floating;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }
  .vm-img.vm-img-vps {
    left: -80px;
    width: 230px;
    height: 570px;
    top: -180px; }
  .vm-img.vm-img-umbler {
    width: 580px;
    height: 660px;
    right: 130px; }
  .vm-img img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
  .vm-img:after {
    content: '';
    background: #fff;
    box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.03);
    padding: 7rem;
    position: absolute;
    bottom: -134px;
    left: 50%;
    border-radius: 1rem;
    transform: rotateX(62deg) rotateZ(45deg) translateX(-75%);
    animation-name: vm-floating-shadow;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out; }

.vm-trail {
  bottom: 200px;
  left: 120px;
  position: absolute; }
  .vm-trail .vm-step:nth-child(1):before {
    transform: translate(10px) rotate(-120deg); }
  .vm-trail .vm-step:nth-child(2):before, .vm-trail .vm-step:only-child:before {
    transform: translate(120px, -20px) rotate(-90deg);
    width: 90px; }
  .vm-trail .vm-step:nth-child(3):before {
    transform: translate(200px) rotate(-70deg); }
  .vm-trail .vm-step:only-child:before {
    transform: translate(-87px, -60px) rotate(-90deg);
    width: 150px; }

.vm-img-umbler .vm-step:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path style="fill:#7997F2;" d="M1.2,7.1l3.3-2.4c0.4-0.3,0.4-1.1,0-1.4L1.2,0.9c-0.5-0.4-1.2,0-1.2,0.7v4.9C0.1,7.1,0.7,7.5,1.2,7.1z"/></svg>'); }

.vm-img-vps .vm-step:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path style="fill:#fca4ae;" d="M1.2,7.1l3.3-2.4c0.4-0.3,0.4-1.1,0-1.4L1.2,0.9c-0.5-0.4-1.2,0-1.2,0.7v4.9C0.1,7.1,0.7,7.5,1.2,7.1z"/></svg>'); }

.vm-step:before {
  content: '';
  animation: vm-step .6s linear infinite;
  height: 8px;
  position: absolute;
  width: 110px;
  will-change: opacity,transform; }

.page-battle-vps #about-player .battle-umbler-img {
  width: 340px;
  height: 320px; }

@keyframes vm-step {
  to {
    background-position: 14px 0; } }

@keyframes vm-floating {
  from {
    transform: translate(0, 0px); }
  65% {
    transform: translate(0, 20px); }
  to {
    transform: translate(0, 0px); } }

@keyframes vm-floating-shadow {
  from {
    box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.08); }
  65% {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.03); }
  to {
    box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.08); } }

.page-battle-vps .battle-player-thumb .sprite-battle {
  background-image: url("//assets.umbler.com/site/battle-vps/sprite-battle.png?v=23062020"); }

.page-battle-vps .battle-player-thumb.battle-vps-thumb {
  background-color: #f2584e;
  box-shadow: 0 0 0 6px #f2584e, 0 0 0 15px #fff, 0 8px 24px black; }

.page-battle-vps .round-ko#round1-final:after, .page-battle-vps .round-ko#round2-final:after {
  background-image: url("//assets.umbler.com/site/battle-vps/p1-round.png?v=23062020"); }

@media (min-width: 992px) {
  .page-battle-vps .round-wrapper .round-p1 {
    background-color: #f0f4ff; }
  .page-battle-vps .round-wrapper .round-p2 {
    background-color: #fff1f0; }
  .page-battle-vps .round-battle .battle-divider .battle-title {
    border-color: #fff1f0; } }

.battle-card.battle-card-vps:after {
  border-top-color: #f2584e; }

.page-battle-vps .battle-card .icon, .page-battle-vps .battle-card .img-svg {
  opacity: .8; }

.round-wrapper .battle-card-umbler {
  background-color: #a2b8fa; }

.round-wrapper .battle-card-vps {
  background-color: #f29c96; }

.page-battle-vps .konami-example {
  bottom: -40px;
  right: 0; }

.text-ftp {
  color: #4e5159 !important; }

/*.text-git {
	color: $git !important;
}*/
.page-battle-git .battle-git-img {
  width: 460px;
  height: 450px; }

.battle-ftp-img {
  width: 370px;
  height: 500px; }

@media (min-width: 1400px) {
  .page-battle-git .battle-git-img {
    width: 660px;
    height: 650px; }
  .battle-ftp-img {
    width: 560px;
    height: 780px; } }

#about-player .battle-ftp-img {
  width: 170px;
  height: 340px; }

#about-player .battle-card-ftp:after {
  background-color: #4e5159; }

.page-battle-git #about-player .battle-ftp-img {
  width: 350px;
  height: 490px; }

.page-battle-git .round-wrapper .battle-card-icon {
  left: 70px; }

.page-battle-git .battle-player-thumb .sprite-battle {
  background-image: url("//assets.umbler.com/site/battle-git/sprite-battle.png?v=23062020"); }

.page-battle-git .battle-player-thumb.battle-ftp-thumb {
  background-color: #4e5159;
  box-shadow: 0 0 0 6px #4e5159, 0 0 0 15px #fff, 0 8px 24px black; }

.page-battle-git .round-ko#round1-final:after, .page-battle-git .round-ko#round2-final:after {
  background-image: url("//assets.umbler.com/site/battle-git/p1-round.png?v=23062020"); }

@media (min-width: 992px) {
  .page-battle-git .round-wrapper .round-p1 {
    background-color: #f0f4ff; }
  .page-battle-git .round-wrapper .round-p2 {
    background-color: #dfe5f2; }
  .page-battle-git .round-battle .battle-divider .battle-title {
    border-color: #dfe5f2; } }

@media (min-width: 1200px) {
  .round-battle .battle-divider .battle-title {
    border-color: #dfe5f2; }
  .page-battle-git #round-win {
    margin-bottom: -25rem; }
  .page-battle-git .section-panel .browser {
    perspective: 1450px; }
  .page-battle-git .section-panel .browser-tab-mac {
    left: 30px;
    top: -150px;
    transform: rotate3d(14, -60, -1, 32deg) rotate(2deg); } }

.battle-card.battle-card-ftp:after {
  border-top-color: #4e5159; }

.round-wrapper .battle-card-git {
  background-color: #a2b8fa; }

.round-wrapper .battle-card-ftp {
  background-color: #4e5159; }

.page-battle-git .konami-example {
  bottom: 290px;
  right: 0;
  transform: translateX(104%); }

.text-sharedhosting {
  color: #f16b7a; }

.page-battle-hosting .battle-umbler-img {
  width: 350px;
  height: 360px; }

.battle-sharedhosting-img {
  width: 390px;
  height: 320px; }

@media (min-width: 1400px) {
  .page-battle-hosting .battle-umbler-img {
    width: 560px;
    height: 580px; }
  .battle-sharedhosting-img {
    width: 640px;
    height: 510px; } }

#about-player .battle-sharedhosting-img {
  width: 170px;
  height: 340px; }

#about-player .battle-card-sharedhosting:after {
  background-color: #f16b7a; }

.page-battle-hosting #about-player .battle-sharedhosting-img {
  width: 350px;
  height: 490px; }

.page-battle-hosting .round-wrapper .battle-card-icon {
  left: 70px; }

.page-battle-hosting .battle-player-thumb .sprite-battle {
  background-image: url("//assets.umbler.com/site/battle-hosting/battle-thumb.png?v=23062020"); }

.page-battle-hosting .battle-player-thumb.battle-sharedhosting-thumb {
  background-color: #f16b7a;
  box-shadow: 0 0 0 6px #f16b7a, 0 0 0 15px #fff, 0 8px 24px black; }

.page-battle-hosting .round-ko#round1-final:after, .page-battle-hosting .round-ko#round2-final:after {
  background-image: url("//assets.umbler.com/site/battle-hosting/p1-round.png?v=23062020"); }

@media (min-width: 992px) {
  .page-battle-hosting .round-wrapper .round-p1 {
    background-color: #f0f4ff; }
  .page-battle-hosting .round-wrapper .round-p2 {
    background-color: #ffe4e8; }
  .page-battle-hosting .round-battle .battle-divider .battle-title {
    border-color: #ffe4e8; } }

@media (min-width: 1200px) {
  .round-battle .battle-divider .battle-title {
    border-color: #ffe4e8; }
  .page-battle-hosting #round-win {
    margin-bottom: -25rem; }
  .page-battle-hosting .section-panel .browser {
    perspective: 1450px; }
  .page-battle-hosting .section-panel .browser-tab-mac {
    left: 30px;
    top: -150px;
    transform: rotate3d(14, -60, -1, 32deg) rotate(2deg); }
  .page-battle-hosting .battle-title .title ~ .title {
    position: relative;
    right: -40px; } }

.battle-card.battle-card-sharedhosting:after {
  border-top-color: #f16b7a; }

.round-wrapper .battle-card-git {
  background-color: #a2b8fa; }

.round-wrapper .battle-card-sharedhosting {
  background-color: #f16b7a; }

.page-battle-hosting .konami-example {
  bottom: 210px;
  right: 0;
  transform: translateX(104%); }

@media (min-width: 1200px) {
  .img-cloudsites-win {
    margin-bottom: -50px;
    top: -190px; } }

@media (min-width: 1200px) {
  .page-battle-hosting #header {
    background: url("//assets.umbler.com/site/battle-hosting/bg-header.svg") center 395px no-repeat; } }

.testimonial-item {
  margin-bottom: 25px; }
  .testimonial-item .quote {
    line-height: 1.6;
    text-indent: 2rem;
    position: relative; }
    .testimonial-item .quote .icon-quote-opening {
      font-size: 2.4rem;
      left: -45px;
      position: absolute;
      top: -12px;
      color: #d9e2ff; }

.page-api {
  overflow-x: hidden; }
  .page-api header {
    padding-bottom: 10rem !important; }
  .page-api .sec-summary {
    background: #557cf2;
    background: linear-gradient(to bottom, #3b59b2, #557cf2); }
    .page-api .sec-summary ul {
      list-style-type: none;
      padding-left: 0; }
    .page-api .sec-summary .subheading {
      color: #d9e2ff; }
      .page-api .sec-summary .subheading::after {
        background: #d9e2ff; }
    .page-api .sec-summary .summary-list {
      display: block;
      padding-bottom: 2rem !important; }
      .page-api .sec-summary .summary-list span {
        float: left;
        margin-right: 1.5rem; }
    .page-api .sec-summary .umblerito-coffee {
      position: absolute;
      z-index: 101;
      max-width: 70%;
      height: auto;
      margin: 0 auto;
      display: block; }
    .page-api .sec-summary::before {
      content: '';
      position: absolute;
      width: 100vw;
      height: calc(100vw / 4.47);
      top: calc(100vw / 4.6 * -1);
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 406"><path fill="%233b59b2" d="M1815,406l0-406c0,0-214.2,371.7-818.9,236.3S436.1,449.4,0,381.8V406H1815z"/><path fill="%233b59b2" d="M1887.4,70.4v89.7c246.3,105.7,425.8-98.5,669.3,17.9c389.3,199.9,772.5,141.9,1140.7-107.6H1887.4z"/></svg>') no-repeat;
      z-index: -1; }
    .page-api .sec-summary::after {
      content: '';
      position: absolute;
      width: 100vw;
      height: calc(100vw / 7.94);
      z-index: 100;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1810 228" enable-background="new 0 0 1810 228"><path fill="%23557cf2" d="M-72.4,335.6l0-406c0,0-214.2,371.7-818.9,236.3s-560,213.1-996.1,145.6v24.2H-72.4z"/><path fill="%23557cf2" d="M0,0v89.7c246.3,105.7,425.8-98.5,669.3,17.9C1058.5,307.5,1441.7,249.5,1810,0H0z"/></svg>') no-repeat; }
  @media (max-width: 991px) {
    .page-api .api-application .bar-icon {
      padding: 8px !important;
      font-size: 1.5rem !important; }
    .page-api .api-application .bar-text {
      font-size: 0.8rem !important; }
    .page-api .sec-summary .summary-list {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .page-api .sec-paragraph {
      padding-top: 150px !important; }
    .page-api .nav-tabs .nav-link {
      padding: 0 !important; } }
  @media (min-width: 992px) {
    .page-api .sec-paragraph {
      padding-top: 400px !important; } }
  .page-api .hero .container-fluid:after {
    content: '';
    background: url("//assets.umbler.com/site/umbler-api/sub-header.png") no-repeat;
    width: 560px;
    height: 110px;
    position: absolute;
    left: -110px;
    display: block;
    bottom: 0;
    z-index: -1; }
  .page-api .hero .api-header-img {
    position: relative;
    right: -40px; }
  .page-api #api-application .browser-tab-mac {
    overflow: visible;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
    padding: 50px 22px 15px 22px; }
    @media (min-width: 992px) {
      .page-api #api-application .browser-tab-mac:before {
        content: '';
        background: url("//assets.umbler.com/site/umbler-api/background-l.png") no-repeat;
        width: 60px;
        height: 210px;
        position: absolute;
        display: block;
        left: -50px;
        top: 110px;
        z-index: -1; }
      .page-api #api-application .browser-tab-mac:after {
        content: '';
        background: url("//assets.umbler.com/site/umbler-api/git.png") no-repeat;
        width: 524px;
        height: 210px;
        position: absolute;
        display: block;
        left: 83px;
        bottom: -190px;
        z-index: -1; } }
    .page-api #api-application .browser-tab-mac:before .page-api #api-application .browser-tab-mac:after {
      display: none; }
  .page-api #api-application svg {
    cursor: pointer !important; }
  .page-api #api-application svg:not(.img-muted) {
    transform: scale(1.1);
    transition: all .2s;
    cursor: pointer !important; }
  .page-api #api-application:after {
    content: '';
    background: url("//assets.umbler.com/site/umbler-api/git-bg.png");
    background-repeat: no-repeat;
    width: 243px;
    height: 170px;
    position: absolute;
    right: 0;
    display: block;
    bottom: -110px;
    z-index: -1; }
  .page-api #api-prices h3 {
    color: #4e5159;
    font-size: 38.4px; }
    .page-api #api-prices h3 span {
      color: #5cb85c; }
  @media (min-width: 992px) {
    .page-api #faq-api #accordion-default {
      margin: 0 25% 0 25%; } }
  .page-api #faq-api .gray-dark {
    color: #4e5159 !important; }

.section-panel .browser {
  perspective: 2200px; }

.section-panel .app-logos-img {
  display: none; }

.section-panel .list-icon .no-select:after {
  content: '';
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  border-radius: 2rem;
  position: absolute; }

.section-panel .browser-tab-mac {
  width: 900px;
  left: 60px;
  top: -80px;
  transform: rotate3d(4, -60, -2, 22deg) rotate(2deg);
  box-shadow: 10px 50px 150px -70px rgba(50, 50, 93, 0.5), 25px 18px 125px 5px rgba(0, 0, 0, 0.1); }
  .section-panel .browser-tab-mac video {
    width: 900px; }

@media (min-width: 1680px) {
  .section-panel .app-logos-img {
    display: block;
    position: absolute;
    visibility: hidden; }
  @supports (filter: blur(2px)) {
    .section-panel .app-logos-img {
      visibility: visible;
      left: -240px;
      bottom: -100px;
      opacity: .2; }
      .section-panel .app-logos-img .app-logo-php-img {
        transform: scale(2.5) translateX(-20px) rotateY(27deg) rotateX(10deg) rotate(-9deg);
        filter: blur(2px); }
      .section-panel .app-logos-img .app-logo-node-img {
        transform: scale(1.2) translate(30px, 140px) rotateY(32deg) rotateX(-25deg) rotate(5deg);
        filter: blur(2px); }
      .section-panel .app-logos-img .app-logo-wp-img {
        transform: scale(1) translate(-60px, 10px) rotateY(30deg) rotateX(-20deg) rotate(-15deg);
        filter: blur(2px); } } }

.page-referral .hero {
  background: linear-gradient(to bottom, #f7faff 10%, #fff 100%);
  overflow-x: hidden;
  position: relative;
  padding-bottom: 5rem; }
  @media (min-width: 992px) {
    .page-referral .hero {
      background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 290 49.3' style='enable-background:new 0 0 290 49.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M290,49.3V20.6c-10.5,1.1-21,5-29.7,12.2c-25.9,21.2-90.3,25.8-108.8-15c-12.2-26.8-41-19.8-51.4-1.1 c-16.9,30.7-48.5,27.6-64.4,9.9C24.4,13.9,10.1,13.5,0,18.2v31.1H290z'/%3E%3C/svg%3E") center 101% no-repeat, radial-gradient(circle 750px at 0% 120%, rgba(0, 0, 0, 0.3) 0%, transparent 60%), linear-gradient(-75deg, transparent 20%, #f0f4ff 100%), linear-gradient(to bottom, #ffedef 40%, rgba(255, 255, 255, 0.9) 100%);
      padding-bottom: 15rem; } }
  .page-referral .hero .title {
    line-height: 1; }
  .page-referral .hero .list li {
    counter-increment: steps;
    list-style-type: none;
    margin-bottom: 1.5rem;
    padding-left: 20px; }
    @media (max-width: 991px) {
      .page-referral .hero .list li {
        font-size: 16px; } }
    .page-referral .hero .list li:before {
      background-color: #fff;
      color: #4e5159;
      content: counter(steps);
      font-weight: bold;
      line-height: 20px;
      position: absolute;
      padding: 10px;
      height: 40px;
      left: 15px;
      border-radius: 50%;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      width: 40px;
      text-align: center; }

.page-referral .umblerito-header-img {
  margin-left: 120px;
  top: -170px;
  z-index: -1; }

@media (min-width: 1200px) {
  .page-referral .umblerito-sofa-img {
    left: -240px;
    max-width: none; }
  .page-referral .referral-discount {
    background-color: #9cd99c;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    color: #4e5159;
    line-height: 45px;
    position: absolute;
    left: 30px;
    top: 38px; }
  .page-referral .referral-discount-wrapper {
    display: inline-block;
    transform: scale(1.4);
    position: relative;
    left: 40px; }
    .page-referral .referral-discount-wrapper .referral-discount {
      position: absolute;
      left: 0;
      top: 0; }
  .page-referral .referral-discount-wrapper-us {
    left: 20px !important; } }

#section-referral-rewards {
  background: linear-gradient(to bottom, #fff 60%, #f7faff 100%, #fff); }
  #section-referral-rewards .link-zoom {
    display: inline-block;
    position: absolute;
    top: -50px; }
    #section-referral-rewards .link-zoom img {
      transform: scale(1);
      transition: transform .3s; }
    #section-referral-rewards .link-zoom:hover img {
      transform: scale(0.9); }

#section-referral-faq {
  background: linear-gradient(to bottom, #f7faff 40%, #fff 100%); }
  #section-referral-faq .umblerito-help {
    top: -80px;
    margin-bottom: -60px; }
  #section-referral-faq .card {
    border-radius: 1rem; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset; }
  input:-webkit-autofill + .input-group-btn,
  input:-webkit-autofill:hover + .input-group-btn,
  input:-webkit-autofill:focus input:-webkit-autofill + .input-group-btn {
    box-shadow: 0 0 0px 1000px #fff inset; }

.page-welcome header {
  background-image: linear-gradient(to bottom, #fff 10%, #f0f4ff 100%); }
  .page-welcome header .form-control-lg {
    padding: 1rem 1rem; }

.page-welcome .page-agency-partner .testimonials {
  background: linear-gradient(180deg, #f0f4ff 0%, #fff 100%); }

@media (min-width: 1400px) {
  .page-welcome .utalk-bg .umb-app-img {
    position: relative;
    left: -120px;
    top: -20px; }
  .page-welcome .page-home .section-features .sec-utalk {
    padding-bottom: 5rem; } }

.page-affiliate header {
  background-image: radial-gradient(closest-side at 34% 25%, #121C41 0%, #0A1026 100%);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 1200px) {
    .page-affiliate header {
      background-image: url("//assets.umbler.com/site/affiliate/2021/header-blob-stripes.svg"), radial-gradient(closest-side at 34% 25%, #121C41 0%, #0A1026 100%);
      background-size: 700px, 100%;
      background-repeat: no-repeat;
      background-position: right -10% bottom 50%, center; } }
  @media (min-width: 1400px) {
    .page-affiliate header {
      background-position: right 0px bottom 50%, center; } }
  @media (min-width: 1680px) {
    .page-affiliate header {
      background-position: right 20% bottom 50%, center; } }
  .page-affiliate header .text-blue-gray {
    color: #959FBF; }
  .page-affiliate header h2 {
    background: -webkit-linear-gradient(-90deg, #F26B7A 1%, #557CF1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .page-affiliate header .img-programadorbr {
    top: 285px;
    left: -100px;
    width: 420px; }
  .page-affiliate header .img-pontocanal {
    top: 200px;
    right: -235px;
    width: 280px; }
  .page-affiliate header .img-tekzoom {
    top: 0;
    right: -120px;
    width: 270px; }
  .page-affiliate header .img-tablet-header {
    top: 120px;
    right: 95px;
    width: 120px; }
  .page-affiliate header .img-cellphone-header {
    top: 450px;
    right: -200px;
    width: 120px; }
  @media (min-width: 1400px) {
    .page-affiliate header .img-programadorbr {
      top: 285px;
      left: -140px; }
    .page-affiliate header .img-pontocanal {
      top: 200px;
      right: -165px; }
    .page-affiliate header .img-tekzoom {
      top: 15px;
      right: -5px; }
    .page-affiliate header .img-tablet-header {
      top: 150px;
      right: 230px;
      width: 120px; }
    .page-affiliate header .img-cellphone-header {
      top: 450px;
      right: -100px;
      width: 120px; } }

.page-affiliate .sec-dashboard {
  background: url("//assets.umbler.com/site/affiliate/2021/sec-dashboard-bg-wave.svg") no-repeat right top -0.2%;
  background-size: 100%; }
  @media (min-width: 1200px) {
    .page-affiliate .sec-dashboard {
      background: url("//assets.umbler.com/site/affiliate/2021/sec-dashboard-bg-wave.svg"), url("//assets.umbler.com/site/affiliate/2021/sec-dashboard-stripes.svg");
      background-repeat: no-repeat;
      background-size: 100%, 350px;
      background-position: right top -1%, 50% 110%; } }
  .page-affiliate .sec-dashboard .dashboard-card {
    border-radius: 2rem;
    background: transparent linear-gradient(180deg, #F28592 0%, #7997F2 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #557CF233; }
    .page-affiliate .sec-dashboard .dashboard-card .img-dashboard {
      top: -40px;
      left: -100px;
      width: 100%; }
    @media (min-width: 1200px) {
      .page-affiliate .sec-dashboard .dashboard-card .paragraph {
        width: 70%; } }

.page-affiliate #afilliate-share-influencer {
  background: linear-gradient(to bottom, #fff 50%, #FFEDEF);
  overflow-x: hidden; }
  @media (min-width: 1200px) {
    .page-affiliate #afilliate-share-influencer {
      background: #fff url("//assets.umbler.com/site/affiliate/2021/share-bg-wave.svg") left 100% no-repeat;
      background-size: 101%;
      padding-top: 15rem;
      padding-bottom: 5rem; } }
  .page-affiliate #afilliate-share-influencer .list-unstyled li {
    margin-bottom: 2rem;
    padding-left: 60px;
    position: relative; }
  .page-affiliate #afilliate-share-influencer .list-unstyled li span {
    position: absolute;
    left: 0;
    top: 0; }
  .page-affiliate #afilliate-share-influencer .affiliate-percent-influencer .img-circle {
    width: 70%; }
  @media (min-width: 992px) {
    .page-affiliate #afilliate-share-influencer .affiliate-percent-influencer .img-circle {
      width: 150%; } }
  .page-affiliate #afilliate-share-influencer .affiliate-percent-influencer .title {
    font-size: 7rem;
    font-weight: bold;
    margin: -30px 0; }
    .page-affiliate #afilliate-share-influencer .affiliate-percent-influencer .title small {
      font-size: 4rem;
      font-weight: bold; }

.page-affiliate #affiliate-steps-influencer {
  background-image: linear-gradient(181deg, #FFEDEF 0%, #FFFFFF 100%); }
  .page-affiliate #affiliate-steps-influencer .content-card {
    border-radius: 2.5rem;
    box-shadow: 0px 6px 10px #557CF212; }
  @media (min-width: 992px) {
    .page-affiliate #affiliate-steps-influencer .card-data {
      width: 90%; } }
  @media (min-width: 1200px) {
    .page-affiliate #affiliate-steps-influencer {
      background-image: url("//assets.umbler.com/site/affiliate/2021/sec-info-blob-stripes.svg"), linear-gradient(181deg, #FFEDEF 0%, #FFFFFF 100%);
      background-position: left bottom 10%, 100%;
      background-repeat: no-repeat; }
      .page-affiliate #affiliate-steps-influencer .profit > p {
        width: 70%; } }
  .page-affiliate #affiliate-steps-influencer .price-data {
    width: 95%; }
  .page-affiliate #affiliate-steps-influencer .umbler-label {
    width: 95%;
    border: 2px solid #557CF2;
    border-radius: 2rem;
    box-shadow: 0px 3px 6px #00000029; }
    @media (min-width: 1200px) {
      .page-affiliate #affiliate-steps-influencer .umbler-label {
        border-radius: 5rem; } }
    .page-affiliate #affiliate-steps-influencer .umbler-label .logo-round {
      border-radius: 50%; }
    .page-affiliate #affiliate-steps-influencer .umbler-label label {
      border-radius: 2rem; }
  .page-affiliate #affiliate-steps-influencer .talk-card {
    border-radius: 2rem;
    background: transparent linear-gradient(90deg, #F18592 0%, #7996F1 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #557CF233; }
    @media (min-width: 992px) {
      .page-affiliate #affiliate-steps-influencer .talk-card {
        width: 80%; } }
    .page-affiliate #affiliate-steps-influencer .talk-card .img-coalas {
      top: 100px;
      left: -195px;
      width: 160%; }
    @media (min-width: 1400px) {
      .page-affiliate #affiliate-steps-influencer .talk-card .img-coalas {
        top: -5px;
        left: -195px;
        width: 160%; } }
    .page-affiliate #affiliate-steps-influencer .talk-card .btn-white {
      border-color: #fff;
      background: #fff;
      color: #557cf2; }
      .page-affiliate #affiliate-steps-influencer .talk-card .btn-white:hover {
        border-color: #7996F1;
        background-color: #7996F1;
        color: #fff; }

.page-marketplace {
  overflow-x: hidden; }
  .page-marketplace header {
    background: linear-gradient(180deg, #fff 0%, #fff 40%, #f7faff 100%); }
  .page-marketplace header h1 {
    font-size: 3rem; }
  .page-marketplace .header-img {
    display: block;
    width: 100%;
    max-width: 815px;
    margin: 0 auto;
    transition: all .2s ease-in; }
  @media (min-width: 1200px) {
    .page-marketplace .header-img {
      position: absolute;
      z-index: 100;
      top: 0px;
      width: 620px; } }
  @media (min-width: 1420px) {
    .page-marketplace .header-img {
      top: -30px;
      width: 815px; }
    .page-marketplace header h1 {
      font-size: 3.5rem;
      line-height: 1.1em; } }
  @media (min-width: 1800px) {
    .page-marketplace header h1 {
      font-size: 4rem; } }
  .page-marketplace h2.subheading {
    font-size: 1rem;
    color: #a2b8fa; }
  .page-marketplace #marketplace-box {
    background: linear-gradient(0deg, #fff 0%, #fff 20%, #f7faff 100%); }
  .page-marketplace #templates-categories .input-group > .form-control {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px; }
  .page-marketplace #templates-categories .input-group > .input-group-addon:nth-child(1) {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; }
  .page-marketplace #templates-categories .form-check-input:checked + label {
    color: #557cf2;
    font-weight: bold; }
  .page-marketplace #templates-categories .form-check-input + label {
    margin-bottom: .25rem; }
  .page-marketplace #templates-list .divider a {
    right: 0;
    z-index: 100;
    background: #f7faff; }
  .page-marketplace #templates-list .cards-box {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px; }
    .page-marketplace #templates-list .cards-box .card {
      display: grid;
      grid-template-columns: 104px auto;
      height: 100%; }
      .page-marketplace #templates-list .cards-box .card .icon-by-umbler {
        right: 12px;
        top: 12px; }
    .page-marketplace #templates-list .cards-box a {
      transition: all .400ms ease-in-out; }
      .page-marketplace #templates-list .cards-box a:hover .title {
        color: #557cf2; }
  @media (min-width: 768px) {
    .page-marketplace #templates-list .cards-box {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1420px) {
    .page-marketplace #templates-list .cards-box {
      grid-template-columns: 1fr 1fr 1fr; } }

.page-marketplace-tpl header {
  background: linear-gradient(180deg, #fff 0%, #fff 40%, #f7faff 100%); }
  .page-marketplace-tpl header h2.subheading {
    font-size: 1rem; }
  .page-marketplace-tpl header span.icon {
    right: 2px;
    top: 7px; }

.page-marketplace-tpl .tag-primary.selectable {
  padding: 10px 15px;
  font-size: .9rem;
  font-weight: bold;
  color: #557cf2;
  background: #f0f4ff;
  transition: all .3s ease; }
  .page-marketplace-tpl .tag-primary.selectable:hover {
    color: #fff;
    background: #557cf2; }

.page-marketplace-tpl .template-resume {
  background: linear-gradient(0deg, #fff 0%, #fff 20%, #f7faff 100%); }

picture.item-template {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 67.5'%3E%3Cpath fill='%23dfe5f2' d='M73.84,38,61,60.28a2.88,2.88,0,0,1-3.9,1.09h0l0,0A2.9,2.9,0,0,1,56,57.39L68.9,35.05a2.84,2.84,0,0,0,0-2.89l-14.44-25A2.89,2.89,0,0,0,52,5.79H23.09a2.89,2.89,0,0,0-2.5,1.43l-14.44,25a3,3,0,0,0,0,2.89L20.59,60.15a3,3,0,0,0,2.5,1.56H48.68a2.89,2.89,0,0,1,2.89,2.89h0a2.89,2.89,0,0,1-2.89,2.89H23.09a8.76,8.76,0,0,1-7.5-4.43L1.16,37.94a8.69,8.69,0,0,1,0-8.68l14.44-25A8.6,8.6,0,0,1,23.09,0H52a8.6,8.6,0,0,1,7.44,4.28l14.44,25A8.8,8.8,0,0,1,73.84,38Z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
  display: block;
  padding: 1.1rem; }

.skeleton-loading:empty {
  width: 401px;
  height: 167px !important;
  background-image: radial-gradient(circle 40px at 40px 40px, #f7faff 99%, transparent 0), linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 80%), linear-gradient(#f7faff 20px, transparent 0), linear-gradient(#f7faff 20px, transparent 0), linear-gradient(#f7faff 20px, transparent 0);
  background-repeat: no-repeat;
  background-size: 100px 200px, 50px 200px, 100px 200px, 250px 200px, 250px 200px;
  background-position: 30px 30px, 0 0, 130px 30px, 130px 80px, 130px 110px;
  animation: shine 1s infinite; }

@keyframes shine {
  to {
    background-position: 30px 30px, 100% 0, 130px 30px, 130px 80px, 130px 110px; } }

.page-legal header {
  background: #262F3A; }

.page-legal #legal-menu-mobile li {
  width: 100%;
  background: #f7faff;
  text-align: center;
  margin: 0 0 2px;
  font-size: 1.2em; }
  .page-legal #legal-menu-mobile li.active {
    background: #557cf2; }
  .page-legal #legal-menu-mobile li.active a {
    color: #fff; }

.page-legal #legal-menu-mobile a {
  display: block;
  padding: 10px; }

.page-legal #legal-menu ul li {
  line-height: 50px; }

.page-legal #legal-content h4 {
  padding-top: 2rem; }

.page-legal #legal-content li, .page-legal #legal-content p {
  list-style-position: inside; }

.page-legal #legal-content ol li, .page-legal #legal-content .list-unstyled li, .page-legal #legal-content p.small {
  font-size: .95rem;
  margin-bottom: 15px; }

.page-pricing .nav-tabs .nav-link.active .nav-title {
  color: #557cf2; }

@media (max-width: 1199px) {
  .page-pricing .tab-pane {
    display: block; } }

.page-pricing header .coin {
  width: 45px;
  height: 45px;
  top: 4px; }

@media (min-width: 1200px) {
  .page-pricing header .coin {
    width: 65px;
    height: 65px;
    top: 7px; } }

.page-pricing .plans-section {
  background: linear-gradient(0deg, white 0%, #f7faff 20%, #f7faff 80%, white 100%); }
  .page-pricing .plans-section .nav-tabs p {
    font-size: 1.2rem; }
    .page-pricing .plans-section .nav-tabs p svg {
      left: -35px;
      top: -2px;
      width: 28px;
      height: 28px; }
  @media (min-width: 1200px) {
    .page-pricing .plans-section .nav-tabs p {
      font-size: 1.7rem; }
      .page-pricing .plans-section .nav-tabs p svg {
        left: -51px;
        top: -2px;
        width: 40px;
        height: 40px; } }
  .page-pricing .plans-section .nav-underline .nav-link {
    border: 0;
    white-space: nowrap; }
  .page-pricing .plans-section .nav-underline .nav-item:first-child .nav-link:before {
    border-radius: 2rem 0 0 2rem; }
  .page-pricing .plans-section .nav-underline .nav-item:last-child .nav-link:before {
    border-radius: 0 2rem 2rem 0; }
  .page-pricing .plans-section .nav-underline .nav-link:before {
    width: 100%;
    height: 8px;
    opacity: 1;
    background: #dfe5f2;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0; }
  .page-pricing .plans-section .nav-underline .nav-link.active:before {
    background: #557cf2;
    box-shadow: 0 0 8px rgba(85, 124, 242, 0.4); }
  .page-pricing .plans-section ul#tabs-products.stick {
    background: #fff;
    width: 100% !important;
    left: 0 !important;
    z-index: 20;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

.page-pricing .database-addon {
  /*.card {
			border-top: solid 4px $brand-primary-light;
		}*/ }
  .page-pricing .database-addon p {
    font-size: 15px; }
  .page-pricing .database-addon h4 {
    font-size: 24px; }
    .page-pricing .database-addon h4 svg {
      left: -3px;
      top: 6px; }
  .page-pricing .database-addon .currency {
    font-size: 1rem !important; }
  .page-pricing .database-addon .price {
    font-size: 24px !important; }

.page-pricing #selectCategory {
  height: auto; }

.page-pricing #categories {
  background: #fff;
  z-index: 30; }

.page-pricing #categories.stick {
  width: 100% !important;
  left: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

.page-pricing #bonus {
  background: linear-gradient(0deg, white 0%, #f7faff 20%, #f7faff 80%, white 100%); }
  .page-pricing #bonus .bonus-value {
    background-color: #fffaeb;
    border-radius: 2rem;
    color: #bf9d36;
    display: inline-block;
    font-weight: 700;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    white-space: nowrap;
    bottom: 40px; }
  .page-pricing #bonus .img-rewards-bag {
    position: absolute;
    top: -7px;
    left: 8px; }
  .page-pricing #bonus .cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px; }
  @media (min-width: 992px) {
    .page-pricing #bonus .cards {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1200px) {
    .page-pricing #bonus .cards {
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 20px; } }

.page-pricing #faq-pricing {
  position: relative;
  overflow: hidden; }
  .page-pricing #faq-pricing::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: calc(100vw / 5.762);
    bottom: -3px;
    z-index: -100;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 315" enable-background="new 0 0 1815 315"><path fill="%23f3f5ff" d="M1815,315v-19.8c-566,60-560.2-175.7-988-103.2C222.1,294.2,0,0,0,0v315H1815z"/></svg>') no-repeat; }
  @media (min-width: 768px) {
    .page-pricing #faq-pricing .umblerito-help {
      top: 35px; } }

@media (min-width: 1200px) {
  .page-pricing #faq-pricing h2 svg {
    left: -54px; } }

.page-pricing .panel-animated {
  position: relative;
  overflow-x: hidden;
  background: linear-gradient(0deg, white 0%, #f3f5ff 100%); }
  @media (min-width: 992px) {
    .page-pricing .panel-animated {
      min-height: 700px; } }
  .page-pricing .panel-animated #pricing-panel-img {
    background: url("//assets.umbler.com/site/pricing/umbler-panel.svg") no-repeat;
    height: 470px;
    width: 550px;
    position: relative;
    right: -40px; }
  .page-pricing .panel-animated #pricing-panel-animated {
    width: 330px;
    height: 100px;
    position: absolute;
    z-index: 1;
    top: 98px;
    right: 118px; }
  .page-pricing .panel-animated #pricing-coin-animated {
    width: 400px;
    height: 440px;
    position: absolute;
    z-index: 1;
    top: 240px;
    right: -50px; }
    @media (min-width: 1400px) {
      .page-pricing .panel-animated #pricing-coin-animated {
        width: 520px;
        height: 570px;
        right: 0;
        top: 120px; } }

.page-migration {
  overflow-x: hidden; }
  .page-migration .hero {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 925 163.9'%3E %3Cpath style='fill:%23FFFFFF%3B' d='M925%2C0c-29.3%2C6.8-66.9%2C15.8-115%2C27.9c-90.2%2C22.7-130%2C4-152-2c-70-19-85.9-58.7-297.4%2C75.1 c-112.4%2C71.1-270.2-3.1-360-89L0%2C163.9h925V0z'/%3E %3C/svg%3E") no-repeat, linear-gradient(to bottom, #fff 10%, #f7faff 70%);
    background-position: 0 bottom;
    background-size: 102%;
    margin-bottom: -150px;
    padding-bottom: 350px; }
    @media (min-width: 768px) {
      .page-migration .hero {
        padding-bottom: 400px; } }
    .page-migration .hero .subtitle {
      line-height: 1.5; }

.migration-umblerito-header-img {
  top: -340px;
  right: -500px;
  position: absolute;
  width: 900px; }
  @media (min-width: 1200px) {
    .migration-umblerito-header-img {
      right: -310px;
      top: -300px;
      width: 1000px; } }
  @media (min-width: 1600px) {
    .migration-umblerito-header-img {
      right: -200px;
      top: -410px;
      width: 1150px; } }

.migration-testimonial {
  position: absolute;
  font-style: italic;
  opacity: .6; }
  @media (min-width: 768px) {
    .migration-testimonial {
      width: 380px; } }
  @media (min-width: 992px) {
    .migration-testimonial {
      width: 440px; } }
  .migration-testimonial .icon-quote-opening {
    left: -40px; }

#migration-overview:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 904 345'%3E %3Cpath style='fill:%23FFEDEF%3B' d='M904%2C84.6c-15.3-22.8-39.4-37-79.4-11.6C770.8%2C106.8%2C708%2C85%2C711.7%2C36.4C713%2C20%2C714.7%2C7%2C698%2C1 c-11-4-29%2C4-29%2C26c1.3%2C117.4-234.1%2C248-403.6%2C291.1c-96.9%2C24.6-155-32.8-169.4-91.7C74.5%2C138.6%2C44.6%2C125.9%2C0%2C139v206h904V84.6z'/%3E %3C/svg%3E") -36px bottom no-repeat;
  background-size: 120%;
  bottom: -15px;
  content: '';
  height: 850px;
  left: 0;
  position: absolute;
  width: 100%; }
  @media (min-width: 1400px) {
    #migration-overview:after {
      background-position: -8px bottom;
      background-size: 102%; } }

.migration-steps {
  max-width: 600px; }
  .migration-steps .number {
    color: #a2b8fa;
    border-radius: 2rem;
    display: inline-block;
    font-weight: bold;
    width: 28px;
    height: 28px;
    margin-right: .5rem;
    line-height: 28px;
    text-align: center; }
  .migration-steps li {
    cursor: pointer;
    margin: 0;
    border-radius: 2rem;
    padding: .75rem;
    position: relative;
    transition: background .3s;
    /*&:hover {
			color: $gray-dark;
			.number {
				color: $brand-primary;
			}*/ }
    .migration-steps li .btn {
      display: none; }
    .migration-steps li:after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50'%3E%3Ccircle style='fill:%23F0F4FF%3B' cx='25' cy='25' r='25'/%3E%3C/svg%3E");
      content: '';
      height: 80px;
      width: 80px;
      position: absolute;
      left: -14px;
      background-size: 80px;
      z-index: -1;
      top: -14px;
      transition: transform .2s;
      transition-delay: .1s;
      transform: scale(0.1); }
    .migration-steps li.active, .migration-steps li.active:hover {
      background-color: #557cf2;
      color: #fff; }
      .migration-steps li.active .number, .migration-steps li.active:hover .number {
        background-color: #3b59b2;
        color: #fff; }
      .migration-steps li.active .btn, .migration-steps li.active:hover .btn {
        display: block; }
      .migration-steps li.active:after, .migration-steps li.active:hover:after {
        transform: scale(0.9); }

.migration-wrap-slide {
  min-height: 350px; }

.migration-slide {
  z-index: 100;
  top: -20px;
  left: -20px;
  position: absolute;
  transition: opacity .5s ease; }
  .migration-slide.animate-fadeout {
    opacity: 0; }
  .migration-slide.animate-fadein {
    opacity: 1; }

.migration-wordpress {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128.9 246.3'%3E%3Cpath id='Caminho_1976' style='fill:%23E5F6FF%3B' d='M78.5%2C15.2c-0.8-29.3%2C29.3-16.6%2C44.2%2C41.7c7.8%2C30.5%2C9%2C100-1%2C129C109%2C222.8%2C79.8%2C258.4%2C46%2C242.3C22.3%2C231-13.3%2C191.9%2C5.1%2C146.9C21.4%2C107.8%2C77%2C119.3%2C78.5%2C15.2z'/%3E%3C/svg%3E") 300px -260px no-repeat;
  background-size: 450px; }
  @media (min-width: 992px) {
    .migration-wordpress {
      background-position: 110px -30px; } }
  .migration-wordpress .wp-logo-img {
    position: relative;
    bottom: -105px;
    margin-top: -90px;
    right: -170px;
    width: 220px; }
    @media (min-width: 1200px) {
      .migration-wordpress .wp-logo-img {
        right: -165px;
        width: 260px; } }

#migration-clients {
  background-color: #ffedef; }
  #migration-clients .umblerito-migration-img {
    top: -300px; }

#migration-faq {
  background-image: linear-gradient(to bottom, #ffedef 10%, #fff 100%); }
  #migration-faq .umblerito-help {
    margin-bottom: -80px;
    top: -105px; }
  #migration-faq .umblerito-coin-img {
    margin-bottom: -30px;
    padding: .75rem;
    top: -30px;
    position: relative; }

@media (min-width: 992px) {
  .page-promo header .header-d1, .page-promo .header-d2 {
    width: 50%; } }

.page-promo .section-redirect .content, .page-promo .header-d2 {
  justify-content: center; }

.page-promo .player {
  box-shadow: 0 0 0 15px #fff, 0 10px 30px rgba(0, 0, 0, 0.25);
  border-radius: .25rem;
  max-width: 100%; }

.page-promo .countdown {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0; }
  .page-promo .countdown li {
    margin: 0 .5rem;
    flex-basis: 25%; }
  .page-promo .countdown .countdown__title {
    display: block;
    font-weight: bold;
    font-size: 1.6em; }
  .page-promo .countdown .countdown__subtitle {
    font-weight: 400;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: 1px; }

.page-promo .sprite-midia li span {
  background: url("//assets.umbler.com/site/promo/whats/umbler-midia.png") no-repeat;
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 150px; }

.page-promo .sprite-midia .img-canal-tech {
  background-position: -10px -10px; }

.page-promo .sprite-midia .img-devpleno {
  background-position: -330px -10px; }

.page-promo .sprite-midia .img-imasters {
  background-position: -10px -180px; }

.page-promo .sprite-midia .img-mestre-hospeda-site {
  background-position: -330px -180px; }

.page-promo .sprite-midia .img-programador-br {
  background-position: -10px -350px; }

.page-promo .sprite-midia .img-tudo-hospedagem-sites {
  background-position: -330px -350px; }

@media (min-width: 992px) {
  .page-promo .section-hero {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1480 734'%3E%3Cpath style='fill:%23f7faff%3B' d='M1480%2C734V0c-396.5%2C228.6-402.9%2C457-760.7%2C634.3C395%2C795%2C149%2C718.1%2C0%2C625.8V734H1480z'/%3E%3C/svg%3E") left 100% no-repeat;
    background-size: 100%; } }

@media (min-width: 576px) {
  .page-promo .section-hero .card-primary:after {
    content: '';
    background: url("//assets.umbler.com/site/promo/whats/coin.svg") no-repeat;
    position: absolute;
    width: 85px;
    bottom: -15px;
    left: -50px;
    z-index: 1;
    display: block;
    height: 105px; } }

.page-promo .section-features, .page-promo .section-waiting-list {
  background-image: linear-gradient(to bottom, #f7faff 10%, #fff 100%); }

.page-promo .section-review {
  background-image: linear-gradient(to bottom, #fff 10%, #ffedef 100%); }
  @media (min-width: 992px) {
    .page-promo .section-review {
      padding-bottom: 260px; }
      .page-promo .section-review + .section-cta .card {
        top: -307px;
        margin-bottom: -250px; } }

.page-promo .section-cta .card {
  background-image: linear-gradient(to bottom, #fcd7db 40%, #fff 40%);
  position: relative;
  box-shadow: 0 0 1px 0 rgba(59, 89, 178, 0.08), 0 8px 30px rgba(0, 0, 0, 0.08); }

.page-promo .section-cta .countdown li {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: .5rem;
  padding: .5rem; }
  @media (min-width: 992px) {
    .page-promo .section-cta .countdown li {
      padding: 1.5rem; } }

.page-promo .section-cta .countdown .countdown__title {
  color: #f26b7a;
  font-size: 2.4em;
  font-weight: 900;
  line-height: 1.2; }

.page-promo .section-cta .countdown .countdown__subtitle {
  color: #f26b7a; }

.page-promo .flexbox .col-xs-6 {
  flex-basis: 50%;
  max-width: 50%; }

@media (min-width: 576px) {
  .page-promo .flexbox .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%; } }

@media (min-width: 768px) {
  .page-promo .flexbox .col-md-4 {
    flex-basis: 33.3%;
    flex-basis: 33.3%; }
  .page-promo .flexbox .col-md-6 {
    flex-basis: 50%;
    max-width: 50%; } }

@media (min-width: 992px) {
  .page-promo .flexbox .col-lg-4 {
    flex-basis: 33.3%;
    flex-basis: 33.3%; }
  .page-promo .flexbox .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%; } }

@media (min-width: 1200px) {
  .page-promo .flexbox .col-xl-4 {
    flex-basis: 33.3%;
    max-width: 33.3%; }
  .page-promo .flexbox .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%; } }

.page-digital-contribution .covid-alert {
  background: #ffedef;
  padding: 70px 40px 40px;
  border-radius: 10px; }
  .page-digital-contribution .covid-alert .covid-icon {
    width: 200px;
    height: 200px;
    top: -95px;
    left: -20px;
    transform: scale(0.4);
    background: url(//assets.umbler.com/site/promo/contribuicao-digital/exclamation-mark-alert.png) no-repeat; }

.page-digital-contribution .umblerito-covid-mobile {
  width: 260px;
  height: auto;
  right: 0;
  top: -230px; }

.page-digital-contribution .umblerito-covid {
  width: 635px;
  height: auto;
  right: -10px;
  top: -90px;
  position: absolute; }

.page-digital-contribution .section-sell-more {
  background-repeat: no-repeat;
  background: linear-gradient(to bottom, #3b59b2, #557cf2);
  margin-bottom: 5rem !important;
  background-size: cover; }

.page-digital-contribution .section-sell-more::before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100vw / 5.762);
  top: calc(100vw / 6 * -1);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1815 315" enable-background="new 0 0 1815 315"><path fill="%233b59b2" d="M1815,315v-19.8c-566,60-560.2-175.7-988-103.2C222.1,294.2,0,0,0,0v315H1815z"/></svg>') no-repeat;
  background-size: contain; }

.page-digital-contribution .section-sell-more::after {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100vw/7.94);
  margin-top: -1px;
  z-index: 100;
  background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTgxMCAyMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4MTAgMjI4Ij48cGF0aCBmaWxsPSIjNTU3Y2YyIiBkPSJNLTcyLjQsMzM1LjZsMC00MDZjMCwwLTIxNC4yLDM3MS43LTgxOC45LDIzNi4zcy01NjAsMjEzLjEtOTk2LjEsMTQ1LjZ2MjQuMkgtNzIuNHoiLz48cGF0aCBmaWxsPSIjNTU3Y2YyIiBkPSJNMCwwdjg5LjdjMjQ2LjMsMTA1LjcsNDI1LjgtOTguNSw2NjkuMywxNy45QzEwNTguNSwzMDcuNSwxNDQxLjcsMjQ5LjUsMTgxMCwwSDB6Ii8+PC9zdmc+) no-repeat; }

.page-digital-contribution .font-regular {
  font-weight: 500; }

.page-digital-contribution .card-outline-success {
  border-color: #5cb85c; }

.page-digital-contribution .logo-connect-img {
  height: auto;
  width: 100%; }

.page-digital-contribution .umblerito-contribuicao-img {
  position: absolute;
  left: -215px;
  bottom: -8px;
  width: 630px;
  height: auto;
  overflow-x: hidden; }

.page-digital-contribution .faq {
  background: linear-gradient(0deg, #F7F9FF 0%, #F7F9FF 20%, #F7F9FF 80%, white 100%); }

.page-digital-contribution .connect-sc {
  background-color: #F7F9FF; }

.page-digital-contribution .connect-sc img {
  position: relative;
  max-width: 100%;
  height: auto; }

.page-digital-contribution .connect-sc p {
  max-width: 500px; }

.page-digital-contribution .cta-sc {
  background: linear-gradient(0deg, white 0%, #F7F9FF 20%, #F7F9FF 80%, #F7F9FF 100%); }

.page-digital-contribution .cta-sc .content {
  box-shadow: none; }

@media (min-width: 992px) {
  .page-digital-contribution .main-cta {
    max-width: 25vw; }
  .page-digital-contribution .logo-connect-img {
    height: auto;
    width: 600px; }
  .page-digital-contribution .section-sell-more {
    margin-bottom: 10rem !important; } }

@media (min-width: 1400px) {
  .page-digital-contribution .umblerito-covid {
    width: 660px; } }

@media (min-width: 1600px) {
  .page-digital-contribution header h2 {
    font-size: 4.5rem !important;
    line-height: 1.2; }
  .page-digital-contribution .umblerito-covid {
    width: 730px; } }

@media (max-width: 767px) {
  .page-digital-contribution .connect-sc p {
    position: relative !important; } }

@font-face {
  font-family: 'Gordita Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Gordita Light"), url("//assets.umbler.com/site/prime/GorditaLight.woff") format("woff"); }

.page-prime {
  background: #0a0f20 !important;
  color: #959FBF;
  overflow-x: hidden; }
  .page-prime #menu.navbar-dark {
    background: #0a0f20; }
  .page-prime h1, .page-prime h2, .page-prime h3, .page-prime h5 {
    font-family: 'Gordita Light', 'Gordita', -apple-system, Roboto, sans-serif;
    font-weight: 300; }
  .page-prime .wrapper {
    padding-top: 0 !important; }
  .page-prime .navbar-fixed-top {
    border-bottom: 1px solid #162246; }
  .page-prime .font-blue-light {
    color: #959FBF; }
  .page-prime .text-primary-tint {
    color: #7997F2; }
  .page-prime .btn-glow {
    box-shadow: 0px 7px 20px #2057FF80; }
  .page-prime .display-35 {
    font-size: 4rem; }
  .page-prime #prime-header {
    padding-top: 200px; }
    @media (min-width: 1800px) {
      .page-prime #prime-header {
        padding-bottom: 5rem; } }
    @media (max-width: 991px) {
      .page-prime #prime-header {
        padding-top: 100px; } }
    .page-prime #prime-header .bg-gradient {
      position: absolute;
      top: -614px;
      left: -16px;
      width: 1425px;
      height: 1425px;
      background: transparent radial-gradient(closest-side at 50% 50%, #2a3f80 0%, #0d142b 62%, #000 100%) 0% 0% no-repeat padding-box;
      mix-blend-mode: lighten;
      opacity: 0.2;
      z-index: -100 !important; }
    .page-prime #prime-header .row {
      flex-direction: column; }
    .page-prime #prime-header a {
      margin-bottom: 5rem; }
    @media (min-width: 768px) {
      .page-prime #prime-header a {
        margin-bottom: 250px; } }
    .page-prime #prime-header .btn-line-div {
      position: relative; }
    .page-prime #prime-header .btn-line {
      position: absolute;
      top: 0;
      left: 350px;
      transform: scale(1.15);
      z-index: -100; }
    .page-prime #prime-header .arrow-down-div {
      position: relative; }
    .page-prime #prime-header .arrow-down {
      position: absolute;
      bottom: -205px;
      right: 65px;
      transform: scale(1.1);
      z-index: -100; }
  @media (min-width: 992px) {
    .page-prime .section-vip {
      padding-bottom: 170px; } }
  @media (min-width: 992px) {
    .page-prime .section-vip .h6 {
      width: 500px;
      max-width: 100%; } }
  .page-prime .section-vip .umblerito-vip-mobile {
    max-width: 90%; }
  .page-prime .section-vip .umblerito-vip {
    top: -400px;
    right: -50px;
    max-width: 100%;
    overflow-x: hidden;
    z-index: -100; }
  @media (max-width: 1500px) {
    .page-prime .section-vip .umblerito-vip {
      top: -100px; } }
  @media (max-width: 920px) {
    .page-prime .section-vip .umblerito-vip {
      top: 0; } }
  @media (min-width: 1600px) {
    .page-prime .section-features::after {
      content: '';
      position: absolute;
      top: -50px;
      left: 0;
      width: 342px;
      height: 861px;
      z-index: -100;
      background: transparent url("//assets.umbler.com/site/prime/features-bg-arcs.svg") 0% 0% no-repeat padding-box; } }
  .page-prime .section-features .sub-font {
    font-size: 1rem; }
  .page-prime .section-features .cellphone-div {
    position: relative;
    transform: scale(0.9); }
    .page-prime .section-features .cellphone-div img {
      max-width: 100%; }
    .page-prime .section-features .cellphone-div .shadow {
      position: absolute;
      bottom: -40px;
      z-index: -100; }
  @media (max-width: 1000px) {
    .page-prime .section-features .list-icon {
      flex-direction: column; }
    .page-prime .section-features .flex-xs-grid > .flex-item:last-child {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 100%; } }
  .page-prime .section-features .icon-prime {
    padding: 1rem;
    border: 1px solid #557CF280;
    border-radius: 1rem;
    background: transparent linear-gradient(180deg, #557cf2 0%, #2a3f80 100%) 0% 0% no-repeat padding-box; }
    .page-prime .section-features .icon-prime img {
      width: 30px;
      height: 30px; }
  .page-prime .section-features .icon-prime-whatsapp {
    border: 1px solid #22C38E;
    background: transparent linear-gradient(180deg, #053D46 0%, #002C33 100%) 0% 0% no-repeat padding-box; }
  .page-prime .section-features:before {
    content: "";
    background: transparent radial-gradient(closest-side at 50% 50%, #2a3f80 0%, #0d142b 62%, #0a0f20 100%) 0% 0% no-repeat padding-box;
    background-size: 2358px 2358px;
    background-position-x: 500px;
    opacity: 0.25;
    top: -900px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1000; }
  .page-prime .section-testimonials span {
    text-transform: none; }
  .page-prime .section-testimonials h5.sub-heading::after {
    background: #557cf2;
    border-radius: 10px;
    content: "";
    display: block;
    margin: 1rem auto .5rem;
    height: 4px;
    width: 40px;
    opacity: 1; }
  @media (min-width: 768px) {
    .page-prime .section-testimonials h5.sub-heading::after {
      margin: 1rem 0 .5rem; } }
  .page-prime .section-testimonials .cards {
    margin-bottom: 5rem; }
    @media (min-width: 768px) {
      .page-prime .section-testimonials .cards {
        margin-bottom: 16rem; } }
    @media (max-width: 1399px) {
      .page-prime .section-testimonials .cards div {
        margin-bottom: 1rem; } }
  .page-prime .section-testimonials .wrapper {
    position: relative; }
  .page-prime .section-testimonials .background-blur {
    filter: blur(100px);
    position: absolute;
    width: 100%;
    height: 100%; }
  .page-prime .section-testimonials .blur-card {
    align-content: space-between;
    max-width: 100vw;
    height: 100%;
    border-radius: 3rem;
    background: linear-gradient(180deg, #0d142b, #0a0f20) 0% 0% no-repeat padding-box;
    border: 1px solid #162246;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); }
    @media (min-width: 992px) {
      .page-prime .section-testimonials .blur-card {
        width: 550px; } }
    .page-prime .section-testimonials .blur-card .detail {
      position: absolute;
      top: 80px;
      left: -2px;
      width: 0px;
      height: 44px;
      border-radius: 0.5rem; }
    .page-prime .section-testimonials .blur-card .b-cyan {
      border: 2px solid #57D9D9;
      background-color: #57D9D9; }
    .page-prime .section-testimonials .blur-card .b-azure {
      border: 2px solid #30AEF2;
      background-color: #30AEF2; }
    .page-prime .section-testimonials .blur-card .b-purple {
      border: 2px solid #7562D9;
      background-color: #7562D9; }
  .page-prime .section-testimonials .testimonial-bg {
    position: absolute;
    top: -400px;
    left: 0;
    z-index: -100; }
    .page-prime .section-testimonials .testimonial-bg img {
      max-width: 100%;
      transform: scale(1.15); }
  .page-prime .section-cta .card-cta {
    border-radius: 2rem;
    border-top: 1px solid;
    border-image: linear-gradient(90deg, #0a0f20 0%, #2a3f80 51%, #0a0f20 100%) 1;
    background: transparent linear-gradient(180deg, #0d142b 0%, #0a0f20 100%) 0% 0% no-repeat padding-box; }
    @media (min-width: 1200px) {
      .page-prime .section-cta .card-cta {
        margin-bottom: 140px; } }
    .page-prime .section-cta .card-cta .card-inner {
      border-right: 1px solid;
      border-image: linear-gradient(180deg, #0a0f20 0%, #2a3f80 51%, #0a0f20 100%) 1; }
  .page-prime .section-cta .umblerito-heart {
    width: 520px;
    bottom: -262px;
    left: -100px;
    z-index: 100; }
  @media (min-width: 1400px) {
    .page-prime .section-cta .umblerito-heart {
      width: 600px; } }

.page-investment {
  scroll-behavior: smooth; }
  .page-investment .btn-whatsapp {
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 1000; }
  .page-investment header .img-header {
    width: 100%;
    height: auto;
    outline: none; }
  .page-investment header #myModal {
    padding-right: 0 !important; }
  .page-investment header .close {
    top: 20px !important;
    right: 30px !important;
    position: absolute !important;
    z-index: 10000; }
    .page-investment header .close .icon {
      color: #000 !important; }
  .page-investment header .modal-dialog {
    display: flex;
    height: 100%;
    margin: 0 auto;
    align-items: center; }
  @media (max-width: 991px) {
    .page-investment header .modal-dialog {
      margin: 0 20px; } }
  .page-investment header .modal-body {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
  .page-investment header .modal-body iframe, .page-investment header .modal-body object, .page-investment header .modal-body embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .page-investment header .video-trig:hover {
    cursor: pointer; }
  .page-investment header .video-header {
    border-radius: 25px; }
  @media (min-width: 1200px) {
    .page-investment header {
      padding-bottom: 150px !important; }
      .page-investment header .img-header {
        top: 90px !important; } }
  @media screen and (min-width: 1300px) and (max-width: 1399px) {
    .page-investment header {
      padding-bottom: 250px !important; } }
  @media screen and (min-width: 1760px) {
    .page-investment header {
      padding-bottom: 250px !important; }
      .page-investment header .img-header {
        top: 0 !important; } }
  @media (min-width: 992px) {
    .page-investment header {
      padding-bottom: 250px;
      background: url("//assets.umbler.com/site/promo/investment/bg-header.svg") no-repeat bottom;
      background-size: 100% auto; }
      .page-investment header .img-header {
        width: 100%;
        height: auto; }
    .page-investment .section-graph {
      background: url("//assets.umbler.com/site/promo/investment/bg-graphic.svg") no-repeat left top;
      background-size: 10% auto; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-investment header .container-fluid {
    width: 720px !important;
    max-width: 100% !important; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-investment header {
      background: none !important; }
      .page-investment header .div-scroll-down {
        flex-direction: column;
        align-items: center !important;
        padding-bottom: 2rem; } }
  .page-investment .section-graph .rm-pl {
    padding-left: 20px; }
  .page-investment .section-graph .col {
    flex-direction: column; }
  .page-investment .section-graph .m-auto {
    margin: auto; }
  .page-investment .section-graph .graph {
    flex-direction: column; }
  .page-investment .section-graph .cta-btn {
    align-self: center; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-investment .section-graph .graph {
      display: none !important; }
    .page-investment .section-graph .graph-mobile {
      display: block !important; } }
  .page-investment .section-graph .btn-graph {
    align-self: center;
    justify-self: center; }
  .page-investment .section-graph .graph .row .col-md-7 {
    right: -55px; }
  .page-investment .section-graph .year-data .data {
    flex-direction: column; }
  .page-investment .section-graph .year-data div p:nth-child(2) {
    font-size: 1rem; }
  .page-investment .section-graph .year-data .clients {
    font-size: 1rem; }
  .page-investment .section-graph .border-icon .icon {
    box-shadow: 0 0 0 8px #5cb85c; }
  .page-investment .section-graph .border-icon img {
    max-width: 62px;
    max-height: 62px;
    box-shadow: 0 0 0 8px #5cb85c; }
  .page-investment .section-graph .adjust-1 {
    height: 250px; }
  .page-investment .section-graph .adjust-2 {
    height: 350px; }
  .page-investment .section-graph .progress-bar {
    width: 90%;
    height: 20px;
    background-color: #9cd99c; }
  .page-investment .section-graph .progress-bar-2015 .bar {
    width: 3%;
    height: 20px;
    background-color: #5cb85c; }
  .page-investment .section-graph .progress-bar-2016 .bar {
    width: 8%;
    height: 20px;
    background-color: #5cb85c; }
  .page-investment .section-graph .progress-bar-2017 .bar {
    width: 15%;
    height: 20px;
    background-color: #5cb85c; }
  .page-investment .section-graph .progress-bar-2018 .bar {
    width: 30%;
    height: 20px;
    background-color: #5cb85c; }
  .page-investment .section-graph .progress-bar-2019 .bar {
    width: 50%;
    height: 20px;
    background-color: #5cb85c; }
  .page-investment .section-graph .vl {
    height: 100%;
    border-left: 3px dashed #5cb85c;
    opacity: 0.2;
    left: 30px; }
  .page-investment .section-graph .graph-mobile .data {
    flex-direction: column; }
  @media (max-width: 991px) {
    .page-investment header .div-scroll-down {
      flex-direction: column;
      align-items: center !important; }
    .page-investment header .scroll-down-icon {
      transform: scale(0.6); }
    .page-investment .section-social .col-lg-4 {
      width: 100%; }
    .page-investment .section-social {
      background: linear-gradient(0deg, #FFEDEF 0%, #FFEDEF 10%, #FFEDEF 50%, white 100%); }
    .page-investment .section-social::after {
      content: '';
      position: absolute;
      width: 100%;
      height: calc(100vw/3.58);
      background: url("//assets.umbler.com/site/promo/investment/bg-social-mobile.svg") no-repeat;
      transform: translateY(-1px); } }
  .page-investment .section-social .bg-social {
    z-index: -1;
    bottom: calc(100vw/4 * -1); }
  .page-investment .section-social .container {
    z-index: 2; }
  .page-investment .section-social .tweet-card {
    height: 90%;
    max-height: 90%;
    box-shadow: 0 0.2rem 1 rem rgba(0, 0, 0, 0.075) !important; }
    .page-investment .section-social .tweet-card .content {
      align-content: space-between; }
    .page-investment .section-social .tweet-card .content .text {
      font-size: 15px; }
    .page-investment .section-social .tweet-card .user {
      flex-direction: column; }
    .page-investment .section-social .tweet-card .content a {
      align-self: flex-end; }
  .page-investment .section-social .social-photo {
    width: 48px;
    height: 48px;
    background: url("//assets.umbler.com/site/promo/investment/social-sprite.png") no-repeat; }
  .page-investment .section-social .first-social {
    background-position: 0 0; }
  .page-investment .section-social .second-social {
    background-position: -96px 0; }
  .page-investment .section-social .third-social {
    background-position: 0 -48px; }
  .page-investment .section-social .fourth-social {
    background-position: -48px -48px; }
  .page-investment .section-social .fifth-social {
    background-position: -96px -48px; }
  .page-investment .section-social .sixth-social {
    background-position: 0 -96px; }
  .page-investment .section-social .seventh-social {
    background-position: -48px -96px; }
  .page-investment .section-social .eighth-social {
    background-position: -96px -96px; }
  .page-investment .section-social .heart-logo {
    right: 5%;
    bottom: -55%;
    padding-bottom: 10rem; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-investment .section-social .heart-logo {
      transform: scale(0.7) translateY(-400px); } }

@media (min-width: 768px) and (max-width: 991px) {
  .page-investment .section-about .container-fluid {
    width: 720px !important;
    max-width: 100% !important; } }
  .page-investment .section-about .umblerito-backpack {
    width: 280px;
    height: auto; }
  @media (min-width: 992px) {
    .page-investment .section-about .umblerito-backpack {
      width: 400px; } }
  @media (min-width: 992px) {
    .page-investment .section-about .app-video {
      position: relative;
      left: -20px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-investment .section-about .separated-col {
      width: 90% !important;
      padding-bottom: 10rem !important;
      padding-left: 2rem; }
    .page-investment .section-about .app-video {
      display: none; } }
  @media (min-width: 992px) {
    .page-investment .section-captable .logos {
      flex-direction: row; } }
  @media (max-width: 767px) {
    .page-investment .section-captable .logos {
      flex-direction: column; }
    .page-investment .section-captable .logo-captable {
      width: 300px;
      height: auto; } }
  .page-investment .section-captable .first-logos {
    flex-direction: column; }
  .page-investment .section-captable .logo-cvm {
    width: 200px;
    align-items: center !important; }
  .page-investment .section-captable .div-number {
    flex-direction: column;
    padding: 0 !important; }
    .page-investment .section-captable .div-number hr {
      width: 100%;
      border-top: 3px dashed #d9e2ff;
      opacity: 0.2; }

@media (min-width: 768px) and (max-width: 991px) {
  .page-investment .section-captable .number {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    line-height: 33px !important; } }
  .page-investment .section-captable .number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px; }
  .page-investment .section-captable::before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100vw/6.66);
    top: calc(100vw/6.8 * -1);
    background: url("//assets.umbler.com/site/promo/investment/bg-captable.svg") no-repeat; }
  .page-investment .section-goal {
    background: url("//assets.umbler.com/site/promo/investment/bg-goal.svg") no-repeat top;
    background-size: 100% auto;
    transform: translateY(-1px); }
    .page-investment .section-goal .umblerito-bolt {
      left: -120px;
      bottom: -100px;
      height: auto;
      width: 350px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .page-investment .section-goal .umblerito-bolt {
        transform: scale(0.8); } }
  .page-investment .section-media .container-fluid {
    flex-direction: column; }
  .page-investment .section-media .subheading::after {
    background: #b1b6c7; }
  @media (min-width: 992px) {
    .page-investment .section-media .midia-img {
      display: block !important; }
    .page-investment .section-media .md-img {
      max-width: 1300px;
      margin-right: auto;
      margin-left: auto; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-investment .section-media .midia-img {
      display: flex !important;
      flex-direction: column !important; }
    .page-investment .section-media img {
      padding-bottom: 2rem !important; } }
  .page-investment .section-faq .faq-card {
    border-radius: 3rem;
    background: #F7F9FF; }
  .page-investment .section-faq .faq-card-main {
    border-radius: 3rem;
    background: #FFEDEF; }
  .page-investment .section-faq .paf-pr {
    font-size: 18px; }
  @media (max-width: 991px) {
    .page-investment .section-goetz .col-lg-3 {
      height: 30vh;
      border-top-left-radius: 3rem;
      border-top-right-radius: 3rem; } }
  @media (min-width: 992px) {
    .page-investment .section-goetz .col-lg-3 {
      height: 100% !important;
      border-top-left-radius: 3rem;
      border-bottom-left-radius: 3rem; } }
  .page-investment .section-goetz .col-lg-9 {
    background-color: #FFEDEF; }
  @media (max-width: 991px) {
    .page-investment .section-goetz .col-lg-9 {
      border-bottom-left-radius: 3rem;
      border-bottom-right-radius: 3rem; } }
  @media (min-width: 992px) {
    .page-investment .section-goetz .col-lg-9 {
      border-top-right-radius: 3rem;
      border-bottom-right-radius: 3rem; } }
  .page-investment .section-goetz .bg-img {
    background-color: #FFEDEF;
    background-image: url("//assets.umbler.com/site/promo/investment/jim-goetz-partner-profile.jpg");
    background-size: cover;
    background-position: center center; }

@media (min-width: 768px) and (max-width: 991px) {
  .page-investment .section-goetz .bg-img {
    transform: translateY(1px);
    border-bottom-left-radius: 0 !important;
    background-color: #eebabd;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center; } }
  .page-investment .section-cta .container {
    flex-direction: column; }
  .page-investment .section-people .people-img {
    width: 100vw;
    max-width: 100%;
    height: auto;
    overflow-x: hidden; }

.page-invite-partner strong, .page-invite-partner b {
  font-weight: 900 !important; }

.page-invite-partner p b, .page-invite-partner p strong {
  font-weight: bold !important; }

.page-invite-partner .bg-asphalt {
  background-color: #0a0f20; }
  .page-invite-partner .bg-asphalt h1, .page-invite-partner .bg-asphalt h2 {
    color: #7997f2; }
  .page-invite-partner .bg-asphalt p {
    color: #d9e2ff; }

.page-invite-partner header {
  overflow: hidden;
  background: #0a0f20;
  background-size: 790px; }

.page-invite-partner .coala-unicorn-invite-sm {
  position: relative;
  bottom: -6px;
  right: -10px; }

.page-invite-partner .text-replace-logo {
  color: #7997f2; }
  .page-invite-partner .text-replace-logo img {
    display: none; }

.page-invite-partner .objection {
  overflow: hidden; }
  .page-invite-partner .objection .card {
    padding: 3rem;
    border-radius: 3rem; }
  .page-invite-partner .objection .underline-effect {
    color: #fcd7db;
    font-weight: bold; }
    .page-invite-partner .objection .underline-effect:hover {
      color: #fca4ae; }
  .page-invite-partner .objection .list-timeline > li:before {
    background: #7997f2; }
  .page-invite-partner .objection .list-timeline-bullets > li:after {
    background: #557cf2;
    border-color: #fcd7db; }
  .page-invite-partner .objection .telegram-path {
    width: 445px;
    height: 199px;
    top: 54px;
    left: -121px;
    z-index: 100;
    opacity: .6;
    background: url("//assets.umbler.com/site/promo/invite-partner/bg-telegram-path.svg") 100% 100% no-repeat; }
  .page-invite-partner .objection .card-nubank {
    padding: 3.5rem;
    border-radius: 4rem;
    background: #FBF6FF; }
    .page-invite-partner .objection .card-nubank p, .page-invite-partner .objection .card-nubank h3 {
      color: #9A27C7 !important; }

.page-invite-partner .cvm {
  overflow-x: hidden; }
  .page-invite-partner .cvm svg {
    display: block;
    bottom: 0; }

.page-invite-partner .umbleritos-telegram-channel {
  max-width: 85%;
  height: auto; }

.page-invite-partner .team-umbler-grid {
  width: 100vw;
  max-width: 100%;
  height: auto;
  overflow-x: hidden; }

@media (min-width: 992px) {
  .page-invite-partner header {
    background: #0a0f20 url("//assets.umbler.com/site/promo/invite-partner/coala-unicorn-invite.svg") 150% 115% no-repeat;
    background-size: 790px; }
  .page-invite-partner .text-replace-logo {
    position: relative;
    color: #0a0f20; }
    .page-invite-partner .text-replace-logo img {
      display: inline-block;
      width: 183px;
      height: auto; }
  .page-invite-partner .umblerito-unicorn-sleep {
    width: 500px;
    top: -10px; }
  .page-invite-partner .objection .card-nubank {
    padding: 5rem 8rem;
    border-radius: 6rem; } }

@media (min-width: 1200px) {
  .page-invite-partner header {
    background-position: 125% 106%;
    background-size: 808px; }
  .page-invite-partner .text-replace-logo img {
    width: 209px; }
  .page-invite-partner .objection {
    background: url("//assets.umbler.com/site/promo/invite-partner/header-curve-bg.svg") left -33px no-repeat; }
    .page-invite-partner .objection .card {
      padding-bottom: 3rem;
      padding: 5rem 5rem 3rem;
      border-radius: 6rem; }
    .page-invite-partner .objection .icon-money-bag {
      position: relative;
      left: -20px;
      top: -20px; }
  .page-invite-partner .umblerito-unicorn-sleep {
    width: 540px;
    top: -60px;
    left: 50px; }
  .page-invite-partner .moment {
    overflow: hidden;
    background: #0a0f20 url("//assets.umbler.com/site/promo/invite-partner/umblerito-jetpack.svg") -14px 265px no-repeat;
    background-size: 860px; } }

@media (min-width: 1400px) {
  .page-invite-partner header {
    background-size: 950px;
    background-position: 120% 108%; }
    .page-invite-partner header h1 {
      font-size: 4.5rem; }
  .page-invite-partner .text-replace-logo img {
    width: 266px; }
  .page-invite-partner .moment {
    background: #0a0f20 url("//assets.umbler.com/site/promo/invite-partner/umblerito-jetpack.svg") -14px 305px no-repeat;
    background-size: 940px; }
  .page-invite-partner .umbleritos-telegram-channel {
    max-width: none;
    width: 540px; }
  .page-invite-partner .row.unicorn-sad {
    padding-top: 230px !important; } }

@media (min-width: 1680px) {
  .page-invite-partner header {
    background-size: 1040px;
    background-position: 110% 108%; }
    .page-invite-partner header h1 {
      font-size: 5.5rem;
      line-height: 1.2; }
    .page-invite-partner header p {
      font-size: 20px; }
  .page-invite-partner .text-replace-logo img {
    width: 328px; }
  .page-invite-partner .objection {
    background: url("//assets.umbler.com/site/promo/invite-partner/header-curve-bg.svg") left -33px no-repeat, url("//assets.umbler.com/site/promo/invite-partner/bg-telegram-curve.svg") 40px 140px no-repeat; }
  .page-invite-partner .moment {
    background: #0a0f20 url("//assets.umbler.com/site/promo/invite-partner/umblerito-jetpack.svg") -14px 270px no-repeat;
    background-size: 980px; } }

.bg-asphalt {
  background-color: #0a0f20; }

.btn-primary.btn-glow {
  box-shadow: 0 5px 15px rgba(85, 124, 242, 0.4); }

.page-academy {
  /*.section-blog {
    background: $c-asphalt-dark url('//assets.umbler.com/site/academy/bg-section-rounded.svg') center bottom no-repeat;
    background-size: contain;
    width: 100%;
  }*/ }
  .page-academy .title {
    font-weight: 100; }
    .page-academy .title__emoji {
      left: -15px;
      position: relative; }
    .page-academy .title .highlighted {
      font-weight: 900; }
      @media (min-width: 992px) {
        .page-academy .title .highlighted {
          letter-spacing: -.2rem; } }
  .page-academy #hero {
    background: linear-gradient(to top, #d9e2ff 0%, #fff 90%);
    overflow-x: hidden; }
    .page-academy #hero:before {
      background: transparent radial-gradient(closest-side at 50% 50%, #2a3f80 0%, #0a0f20 100%) 0% 0% no-repeat padding-box;
      content: '';
      left: 50%;
      position: absolute;
      width: 1200px;
      height: 1200px;
      mix-blend-mode: lighten;
      transform: translate3d(-50%, -70%, 0); }
    .page-academy #hero .list-card__item .card {
      padding-right: 60px; }
    .page-academy #hero .header .img-header {
      left: -50px;
      top: -200px;
      width: 1000px; }
      @media (min-width: 1400px) {
        .page-academy #hero .header .img-header {
          left: -110px;
          top: -460px;
          width: 1300px; } }
    .page-academy #hero .header .title {
      line-height: 3rem; }
      .page-academy #hero .header .title .highlighted {
        letter-spacing: -.1rem; }
        @media (min-width: 992px) {
          .page-academy #hero .header .title .highlighted {
            letter-spacing: -.2rem; } }
  @media (min-width: 992px) {
    .page-academy .list-card {
      flex-flow: row wrap; } }
  .page-academy .list-card__item {
    align-self: flex-start;
    flex-basis: 20%;
    padding: .8rem; }
    .page-academy .list-card__item .card {
      justify-content: center;
      margin: 0;
      padding: 1.5rem;
      position: relative;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      overflow: hidden; }
      @media (min-width: 1400px) {
        .page-academy .list-card__item .card {
          width: 215px; } }
  .page-academy .list-card__logo {
    object-fit: contain;
    margin-bottom: 1rem; }
  .page-academy .list-card__title {
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    position: relative; }
  .page-academy .list-card__image {
    position: absolute;
    top: 50%;
    transform: translate(40%, -50%);
    right: 0; }
  .page-academy .section-free .title {
    line-height: 1.5rem; }
  .page-academy .section-free .list-card__item {
    flex-basis: 33.3%; }
    @media (min-width: 1400px) {
      .page-academy .section-free .list-card__item {
        flex-basis: 18%; }
        .page-academy .section-free .list-card__item .card {
          width: 230px; } }
    .page-academy .section-free .list-card__item .card {
      justify-content: left;
      text-align: left; }
  @media (min-width: 768px) {
    .page-academy .section-free .list-card__title:before {
      content: '';
      height: 40px;
      width: 8px;
      position: absolute;
      background: #a2b8fa;
      top: -10px;
      left: -24px;
      border-radius: 2rem; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .page-academy .section-free .list-card__title:before {
      left: -26px;
      top: 0; } }
  .page-academy .section-telegram {
    background-color: #f0f4ff; }
    @media (min-width: 1200px) {
      .page-academy .section-telegram {
        padding-left: 420px; }
        .page-academy .section-telegram:after {
          background: url("//assets.umbler.com/site/academy/telegram-mockup.png");
          bottom: 0;
          content: '';
          left: -70px;
          position: absolute;
          width: 470px;
          height: 510px; } }
  .page-academy .section-courses {
    background-image: linear-gradient(to top, #fff, #d9e2ff);
    background-repeat: no-repeat;
    background-size: contain; }
    @media (min-width: 1200px) {
      .page-academy .section-courses {
        background-image: url("//assets.umbler.com/site/academy/umblerito-rocket.png"), linear-gradient(to top, #fff, #d9e2ff);
        background-position: -150px bottom, center center; } }
    .page-academy .section-courses .list-card__item {
      flex-basis: 50%; }
      @media (min-width: 1400px) {
        .page-academy .section-courses .list-card__item {
          flex-basis: 18%; }
          .page-academy .section-courses .list-card__item .card {
            width: 230px; } }
  .page-academy .course {
    display: flex; }
    .page-academy .course__item {
      flex: 1;
      margin: 0 12px;
      text-align: center;
      padding: 1.5rem; }
    .page-academy .course__logo {
      margin-bottom: 10px; }
  .page-academy .section-yt {
    background-image: linear-gradient(to top, #fff, #d9e2ff);
    background-size: contain;
    width: 100%; }
  .page-academy .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .page-academy .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.page-agency-partner header .subheading {
  font-size: 1rem; }

.page-agency-partner header .btn-primary {
  box-shadow: 0px 8px 12px rgba(85, 124, 242, 0.2); }

.page-agency-partner .rules .icon-custom {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  border: 6px solid #d9e2ff;
  box-shadow: 0px 14px 14px rgba(34, 86, 246, 0.15);
  background: #fff 0% 0% no-repeat padding-box;
  background-size: 50%; }

.page-agency-partner .rules .agencie-admin {
  background-image: url("//assets.umbler.com/site/agencies/icon-agencie-admin.svg");
  background-position: 50% 45%; }

.page-agency-partner .rules .agencie-share {
  background-image: url("//assets.umbler.com/site/agencies/icon-agencie-share.svg");
  background-position: 50% 50%; }

.page-agency-partner .rules .tag-simple {
  vertical-align: 60%;
  background: #efffef !important; }

.page-agency-partner .benefits .app-dashboard-partner {
  max-width: 90%; }

.page-agency-partner .solutions .card-block {
  border-radius: 2.5rem;
  box-shadow: 0px 13px 22px #557CF21C; }

.page-agency-partner .solutions .birds {
  top: -149px;
  left: -20px;
  transform: scale(0.7); }

.page-agency-partner .testimonials {
  background: linear-gradient(180deg, #FFFFFF 0%, #f0f4ff 100%); }
  .page-agency-partner .testimonials .icon-blue-heart {
    transform: translateY(-4px) scale(0.8); }
  .page-agency-partner .testimonials .card-columns {
    column-count: 1; }
    .page-agency-partner .testimonials .card-columns .card {
      margin-bottom: 1.25rem;
      box-shadow: none; }
      .page-agency-partner .testimonials .card-columns .card > a {
        display: block;
        position: relative; }
    .page-agency-partner .testimonials .card-columns .card.card-block {
      box-shadow: -1px 2px 2px rgba(217, 226, 255, 0.4); }
    .page-agency-partner .testimonials .card-columns .avatar {
      float: left;
      margin-bottom: 2px; }
    .page-agency-partner .testimonials .card-columns .icon {
      bottom: 10px;
      right: 0; }

.page-agency-partner .telegram {
  background: url("//assets.umbler.com/site/agencies/testimonials-bg-curve.svg") top center no-repeat;
  background-size: contain, 640px; }
  .page-agency-partner .telegram .img-telegram-academy {
    width: 85%;
    transform: translateY(20px); }

.page-agency-partner .faq {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 15px; }
  .page-agency-partner .faq .card {
    margin-bottom: 0; }
  .page-agency-partner .faq .shadow-0 {
    box-shadow: none !important; }
  .page-agency-partner .faq .card.prime {
    background: #0a0f20 linear-gradient(175deg, #0a0f20 70%, #2A3F8041 100%); }
    .page-agency-partner .faq .card.prime h5 {
      color: #fff; }
    .page-agency-partner .faq .card.prime p {
      color: #959FBF; }
  .page-agency-partner .faq .btn-glow {
    box-shadow: 0 5px 15px rgba(85, 124, 242, 0.4); }
  .page-agency-partner .faq .card.primary {
    background: #f0f4ff; }
    .page-agency-partner .faq .card.primary h5 {
      transition: 300ms all ease-in-out; }
    .page-agency-partner .faq .card.primary:hover h5 {
      color: #3b59b2 !important; }

@media (max-width: 991px) {
  .page-agency-partner .emoji-sunglasses {
    display: block;
    margin: 10px auto 0; } }

@media (min-width: 992px) {
  .page-agency-partner .rules {
    background: url("//assets.umbler.com/site/agencies/bg-curve-email-hand.svg") left 0 no-repeat;
    background-size: 180px; }
    .page-agency-partner .rules .models {
      background: url("//assets.umbler.com/site/agencies/agencie-div-and.png") center 0 no-repeat; }
  .page-agency-partner .testimonials .card-columns {
    column-count: 2; }
  .page-agency-partner .faq {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px; }
    .page-agency-partner .faq .card.primary {
      grid-column: 1 / span 2; } }

@media (min-width: 1200px) {
  .page-agency-partner header .col-xl-7 {
    width: 56%; }
  .page-agency-partner header .col-spot {
    height: 600px; }
  .page-agency-partner .header-card-partner {
    width: 780px;
    height: 688px;
    right: 180px;
    background-image: url("//assets.umbler.com/site/agencies/header-card-partner-nocash.png");
    background-repeat: no-repeat;
    transform: scale(0.8) translateY(-80px); }
    .page-agency-partner .header-card-partner #cash-counter {
      width: 194px;
      text-align: left;
      top: 175px;
      right: 205px;
      padding: 3px;
      font-size: 2.7rem; }
    .page-agency-partner .header-card-partner img {
      opacity: 0;
      animation: fadeInDown 500ms ease-in-out both; }
    .page-agency-partner .header-card-partner .header-tag-julia {
      top: 376px;
      left: -90px;
      animation-delay: 600ms; }
    .page-agency-partner .header-card-partner .header-tag-dan {
      top: 509px;
      left: -145px;
      animation-delay: 1600ms; }
    .page-agency-partner .header-card-partner .header-tag-drico {
      top: 557px;
      right: 0;
      animation-delay: 2600ms; }
  @keyframes fadeInDown {
    from {
      opacity: 0;
      filter: blur(10px);
      transform: translateY(-30px); }
    80% {
      opacity: 1;
      filter: blur(0);
      transform: translateY(5px); }
    100% {
      opacity: 1;
      filter: blur(0);
      transform: translateY(0); } }
  .page-agency-partner .rules {
    background-size: 190px; }
    .page-agency-partner .rules .icon-custom {
      width: 114px;
      height: 114px;
      background-size: auto; }
  .page-agency-partner .benefits {
    background: url("//assets.umbler.com/site/agencies/bg-section-dashboard.svg") right 0 no-repeat, linear-gradient(180deg, #fff 0%, #f0f4ff 100%);
    background-size: 620px; }
    .page-agency-partner .benefits .photo-managers {
      max-width: 90%;
      transform: translateX(-20px) translateY(-60px); }
  .page-agency-partner .solutions {
    background: #fff url("//assets.umbler.com/site/agencies/bg-curve-account-manager.svg") no-repeat;
    background-size: contain; }
    .page-agency-partner .solutions .card-block {
      transform: translateY(-40px); }
  .page-agency-partner .testimonials .icon-blue-heart {
    transform: translateY(-8px); }
  .page-agency-partner .testimonials .card-columns {
    column-count: 3; }
  .page-agency-partner .telegram {
    background: url("//assets.umbler.com/site/agencies/testimonials-bg-curve.svg") top center no-repeat, url("//assets.umbler.com/site/agencies/curve-section-academy.svg") left 350px no-repeat;
    background-size: contain, 640px; }
    .page-agency-partner .telegram .img-telegram-academy {
      transform: translateY(-35px); }
  .page-agency-partner .faq {
    grid-template-columns: 1fr 1fr;
    transform: translateY(-80px); }
    .page-agency-partner .faq .card.prime {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 2; }
      .page-agency-partner .faq .card.prime p {
        width: 70%; }
      .page-agency-partner .faq .card.prime .umblerito-prime {
        position: absolute;
        right: -11px;
        bottom: -1px; }
    .page-agency-partner .faq .card.primary {
      grid-column: auto; } }

@media (min-width: 1400px) {
  .page-agency-partner .display-xxl-3 {
    font-size: 3.8rem !important; }
  .page-agency-partner .rules {
    background-size: 260px; }
  .page-agency-partner .benefits {
    background-size: 780px; } }

@media (min-width: 1600px) {
  .page-agency-partner .display-xxl-3 {
    font-size: 4.5rem !important; }
  .page-agency-partner header .col-xl-7 {
    width: 58.333333%; }
  .page-agency-partner header .col-spot {
    height: auto; }
  .page-agency-partner .header-card-partner {
    right: 160px;
    transform: scale(1) translateY(0); }
  .page-agency-partner .benefits {
    background-size: 950px; }
    .page-agency-partner .benefits .photo-managers {
      transform: translateX(-20px) translateY(-150px); }
    .page-agency-partner .benefits .col-xxl-6 {
      width: 41.666667%; }
  .page-agency-partner .solutions {
    height: 430px; }
    .page-agency-partner .solutions .birds {
      top: -170px;
      left: 10px; }
    .page-agency-partner .solutions .card-block {
      transform: translateY(-220px); }
  .page-agency-partner .rules {
    background-size: 340px; } }

.page-uconnect .hero {
  background: linear-gradient(to bottom, #f7faff 10%, #fff 100%);
  overflow-x: hidden;
  position: relative;
  padding-bottom: 5rem; }
  @media (min-width: 992px) {
    .page-uconnect .hero {
      background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 290 49.3' style='enable-background:new 0 0 290 49.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M290,49.3V20.6c-10.5,1.1-21,5-29.7,12.2c-25.9,21.2-90.3,25.8-108.8-15c-12.2-26.8-41-19.8-51.4-1.1 c-16.9,30.7-48.5,27.6-64.4,9.9C24.4,13.9,10.1,13.5,0,18.2v31.1H290z'/%3E%3C/svg%3E") center 101% no-repeat, radial-gradient(circle 750px at 0% 120%, rgba(0, 0, 0, 0.3) 0%, transparent 60%), linear-gradient(-75deg, transparent 20%, #f0f4ff 100%), linear-gradient(to bottom, #ffedef 40%, rgba(255, 255, 255, 0.9) 100%);
      padding-bottom: 15rem; } }
  .page-uconnect .hero .title {
    line-height: 1; }
  .page-uconnect .hero .list li {
    counter-increment: steps;
    list-style-type: none;
    margin-bottom: 1.5rem;
    padding-left: 20px; }
    @media (max-width: 991px) {
      .page-uconnect .hero .list li {
        font-size: 16px; } }
    .page-uconnect .hero .list li:before {
      background-color: #fff;
      color: #4e5159;
      content: counter(steps);
      font-weight: bold;
      line-height: 20px;
      position: absolute;
      padding: 10px;
      height: 40px;
      left: 15px;
      border-radius: 50%;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      width: 40px;
      text-align: center; }

.page-uconnect .cta-uconnect {
  background: #fff7f8;
  box-shadow: none;
  border: 1px solid #ffedef; }
  .page-uconnect .cta-uconnect .umblerito-cta-img {
    display: block;
    left: -269px;
    bottom: -30px;
    position: absolute; }

/*.page-utalk {

  overflow-x: hidden;
    
  .cards-container{
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem 0.5rem;
  }
  .card-utalk{
    border-radius: 64px;
  }
  .c-bege-lighter{
    color: #fffaf5;
  }
  .bg-bege{
    background-color: #F6E9DC!important;
  }
  .c-emerald-dark{
    color: #0C8E63;
  }
  .bg-emerald-lighter{
    background-color: #C2FBE8;
  }
  .c-emerald-lighter{
    color: #C2FBE8;
  }
  .c-blue-primary-lighter{
    color: #D9E2FF;
  }
  .c-orange{
    color: orange;
  }
  .c-blue-primary-light{
    color: #A2B8FA;
  }
  .c-emerald-tint{
    color: #4FE5B3;
  }

  .list-timeline>li{
    padding: 0 0 1.2rem 35px;
  }
  .c-amber-warning{
    color:#F2C94E;
  }
  .c-bege-dark{
    color: #9B856F;
  }

  .dashboard{
    display: flex;
    flex-direction: column;
  }

  .sync-card{
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    overflow: hidden;
    gap: 1rem;

  }

  @media(max-width: 765px){
    .sync-card{
        display: grid;
        grid-template-columns: 1fr;
        overflow: hidden !important;
        gap: 1rem;

    }
    
    #umbleritos-invite{
        width: 100%;
    }
    #pricing-bg-top{
        right: 0 !important;
    }
    #umblerito-chat-home{
        width: 100%;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .cards-container{
        grid-template-columns: 1fr;
        padding: 0 2rem !important;
    }
    #sec-cards{
        padding-bottom: 10rem !important;
    }
    #screen-ipad{
        width: 100%;
        top: 0;
        left: 0;
    }
    #screen-mobile{
        width: 100%;
        height: auto !important;
        top: 0;
        left: 0;
        right: 0;
    }
    .min-h-0{
        min-height: 0 !important;
    }
    #bg-scheduling-line{
        right: 0 !important;
        z-index: -10;
    }
    .br-xs-0{
        border-radius: 0 !important;
    }
    .p-sm-down-0{
        padding: 0 !important;
    }
    .w-sm-down-100{
        width: 100% !important;
    }
    .menu-footer-mobile{
        display: flex;
        flex-direction: column !important;
        align-items: center;
    }
    .connect-bg-wave {
        width: 100% !important;
    }
  }

  #umblerito-chat-home {
    position: relative;
  }

  #myModal {
    padding-right: 0 !important;
  }

  .close {
    top: 20px !important;
    right: 30px !important;
    position: absolute !important;
    z-index: 10000;
  }

  .close .icon {
    color: #000 !important;
  }

  .modal-dialog-video {
    display: flex;
    height: 100%;
    margin: 0 auto;
    align-items: center;
  }

  @media(max-width: 768px){
    .modal-dialog-video {
        margin: 0 20px;
    }
  }

  .modal-body-video-home {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

  .modal-body-video-home iframe, .modal-body-video-home object, .modal-body-video-home embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .video-trig:hover {
    cursor: pointer;
  }

  .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  }

  .video-header {
  width: 830px;
  height: 470px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  @media(min-width: 1200px){

  .video-wrapper {
    padding-bottom: 450px;
  }

  .video-header {
    width: 830px;
    height: 467px;
    left: 50%;
    transform: translateX(-50%);
  }

    .brands-container .subheading-brands:after{
        background: #A9BEFD;
        border-radius: 10px;
        content: "";
        display: block;
        margin-top: 1rem;
        margin-right: auto;
        margin-bottom: .5rem;
        margin-left: auto;
        height: 6px;
        width: 30px;
        opacity: .3;
    }
  }

  .bg-banner-login {
    height: 100%;
    background-size: cover;
    background-position: center center;

    opacity: 1;
  }

  .zero-txt  {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

  }

  .login-banner .btn {
    box-shadow: none !important;

    background-color: transparent;

    border: 1px solid;
  }

  .login-banner .btn-outline-ligher {
    color: #D9E2FF;
  }

  .login-banner .btn-outline-ligher:hover {
    border-color: #3b59b2;

    background-color: #3b59b2;

    color: #fff;
  }

  .login-banner .btn-danger {
    color: #FF1C1C;
  }

  .login-banner .btn-danger:hover {
    border-color: #ee2415;

    background-color: #ef2c1e;

    color: #fff;
  }

  @media(min-width: 1000px){
    .login-banner .btn {
        border: 4px solid;
    }

    .login-container .content {
        padding: 8%;
    }
  }


  @media(max-width: 1000px) {
    .login-container .content {
        margin: auto;
    }

    .btn-action-fixed {
        bottom: 20px;
        right: 20px;
    }

    .login-container {
        min-height: 100vh;
        max-height: 100vh;
        padding: 0;
    }

    .login-container .content {
        flex: 1;

        min-width: 80%;
    }

    .zero-svg {
        height: 2rem;
    }

    .zero-txt  {
        z-index: 0;
    }
  }

  @media(min-width: 1800px) {
    .h2-gxl {
        font-size: 2.4rem;
    }

    .img-3-5x-gxl {
        height: 60px;
        width: 60px;
    }

    .bg-banner-login .col-xxl-8 {
        margin-bottom: 8rem !important;
    }
  }

  #footer ul {
    padding: 0 10px
  }

  #footer li {
    list-style: none
  }

  #footer li>a {
    color: #6f7380;
    display: block;
    font-size: .95rem;
    padding: 5px 0
  }

  #footer li>a:hover {
    color: #557cf2
  }

  #footer .subheading {
    font-size: 13px
  }

  #footer dd {
    margin-bottom: .5rem
  }

  #footer .desc {
    font-size: .85rem;
    display: block;
    color: #a2b8fa;
    font-weight: 400;
    top: -22px
  }

  @media (min-width: 992px) {
    #footer .desc {
      position:absolute;
      top: -22px
    }
  }

}*/
.dropdown-login {
  width: 270px;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 20px 40px #000000b3;
  border: 0px;
  overflow: hidden;
  margin-top: 25px;
  background: #000;
  backdrop-filter: blur(5px) contrast(100%);
  position: absolute !important; }
  .dropdown-login .dropdown-item {
    padding: 1rem;
    white-space: normal;
    transition: all .3s; }
    .dropdown-login .dropdown-item:hover {
      background: rgba(0, 0, 0, 0.01); }
  .dropdown-login .dropdown-item:first-child {
    border-bottom: 1px solid #12161212; }
  .dropdown-login .dropdown-item .title {
    color: #fff !important;
    font-weight: normal; }
  .dropdown-login .dropdown-item .title-talk {
    color: #2fbc2f;
    font-size: .95rem; }

/**********************************************************************/
/* rebrand */
:root {
  --color-primary-talk: #20a220;
  /* #00ff4e */
  --color-primary-dark-talk: #408340;
  --color-primary-darkest-talk: #1e251e;
  --color-accent-talk: #00ff03;
  --color-secondary-talk: #6450ff;
  /* #7a6bf5  #4c2fff */
  /*--color-secondary-light-talk: #94a0c7;
  --color-secondary-lighter-talk: #eff3ff;
  --color-secondary-dark-talk: #13a33f;*/
  --color-gray-talk: #1e251e;
  --color-gray-light-talk: #b7c8b7; }

.page-talk {
  background-color: #1e251e;
  overflow-x: hidden;
  color: #1e251e;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
  /* umbootstrap */
  /*.bg-secondary-lighter {
  background-color: $brand-secondary-lighter--rb !important;
}*/
  /* nav */
  /* hero */
  /*.hero .btn-play {
  display: inline-block;
  transition: transform .3s;
  transform: scale(.9);
}*/
  /* list */
  /********************************************************/
  /* section: compare */
  /* section-who */
  /* section: features */
  /* section: plans */
  /*.plan .plan__label {
  background: #222;
  color: #6f7380;
  border-radius: 2rem;
  display: inline-block;
  margin: 0 auto;
  padding: 3px 10px;
  position: absolute;
  bottom: -12px; 
}*/
  /* section: cta final */ }
  .page-talk .display-xl-4, .page-talk .display-xxl-4 {
    letter-spacing: -.08rem; }
  .page-talk .form-control-lg, .page-talk .input-group-lg > .form-control, .page-talk .input-group-lg > .input-group-addon, .page-talk .input-group-lg > .input-group-btn > .btn {
    padding-top: .95rem; }
  .page-talk h2 {
    letter-spacing: -.04rem; }
  .page-talk .h1, .page-talk .h2, .page-talk .h3, .page-talk .h4:not(p), .page-talk .h5:not(p), .page-talk .h6:not(p),
  .page-talk h1, .page-talk h2, .page-talk h3, .page-talk h4, .page-talk h5, .page-talk h6 {
    color: #1e251e; }
  .page-talk .h1, .page-talk .h2, .page-talk .h3, .page-talk .h4:not(p),
  .page-talk h1, .page-talk h2, .page-talk h3, .page-talk h4 {
    line-height: 1.2; }
  .page-talk .card {
    box-shadow: 0 8px 25px #16231630; }
  .page-talk .fullsize-modal-dark {
    background-color: #080c1ad6;
    backdrop-filter: blur(3px) contrast(100%);
    -webkit-backdrop-filter: blur(3px) contrast(100%); }
  .page-talk .fullsize-modal .btn-close {
    transition: color .3s; }
  .page-talk .fullsize-modal-dark .btn-close:hover {
    color: #fff; }
  .page-talk .display-xl-3 {
    line-height: 1.1; }
  .page-talk .font-light {
    font-weight: 300 !important; }
  .page-talk .bg-primary {
    background-color: #20a220 !important; }
  .page-talk .bg-secondary {
    background-color: #6e2fff; }
  .page-talk .bg-asphalt-dark {
    background-color: #1e251e !important; }
  .page-talk .text-primary {
    color: #20a220 !important; }
  .page-talk .text-primary-dark {
    color: #408340 !important; }
  .page-talk .text-accent {
    background-color: #00ff03;
    background-image: linear-gradient(90deg, #00ff03, #00dc03) !important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .page-talk .text-primary-lighter {
    color: #c2d8c2 !important; }
  .page-talk .text-secondary {
    color: #6e2fff !important; }
  .page-talk .text-secondary-dark {
    color: #4000d2 !important; }
  .page-talk .rounded {
    border-radius: 1.25rem; }
  .page-talk .btn {
    font-weight: 600 !important; }
  .page-talk .btn:not(.btn-link) {
    border-width: 2px; }
  .page-talk .btn-link {
    color: #408340 !important;
    border-color: #408340; }
  .page-talk .btn-link:focus, .page-talk .btn-link:hover {
    background: none !important;
    color: #20a220 !important;
    border-color: #20a220; }
  .page-talk .btn-primary {
    background: linear-gradient(180deg, #15e015, #20a220);
    box-shadow: 0 10px 30px #35cc3599 !important;
    border-color: #20ae20;
    text-shadow: 0 1px 1px #00000021; }
  .page-talk .btn-primary:hover {
    background: linear-gradient(180deg, #15e015, #20a220);
    box-shadow: 0 10px 30px #35cc3599 !important;
    border-color: #20a220; }
  .page-talk .btn-secondary {
    border-color: #20a220;
    color: #20a220 !important;
    box-shadow: 0 6px 16px #29892940 !important;
    background: linear-gradient(180deg, #fff, #d6ffd6); }
  .page-talk .btn-secondary:hover {
    background: linear-gradient(180deg, #edffed, #cfffcf);
    box-shadow: 0 6px 16px #29892940 !important;
    border-color: #20a220;
    color: #2e992e !important; }
  .page-talk .btn-accent,
  .page-talk .btn-accent.focus, .page-talk .btn-accent:focus, .page-talk .btn-accent:hover, .page-talk .btn-accent:active:hover {
    color: #1e251e;
    background: #00ff03 linear-gradient(#00ff03, #00e803);
    border-color: #00ff03;
    box-shadow: 0 10px 30px #00ff03ad !important; }
  .page-talk .btn-accent.focus, .page-talk .btn-accent:focus, .page-talk .btn-accent:hover {
    color: #1e251e;
    /*background: $brand-accent--rb;
  border-color: $brand-accent--rb;*/ }
  .page-talk .btn-accent.disabled.focus, .page-talk .btn-accent.disabled:focus, .page-talk .btn-accent.disabled:hover, .page-talk .btn-accent:disabled.focus, .page-talk .btn-accent:disabled:focus, .page-talk .btn-accent:disabled:hover {
    background-color: #00ff03;
    border-color: #00ff03; }
  .page-talk .btn-outline-accent {
    color: #00ff03;
    background-image: none;
    background-color: transparent;
    border-color: #00ff03; }
  .page-talk .btn-outline-accent.active, .page-talk .btn-outline-accent.focus, .page-talk .btn-outline-accent:active, .page-talk .btn-outline-accent:focus, .page-talk .btn-outline-accent:hover, .page-talk .open > .btn-outline-accent.dropdown-toggle {
    color: #fff;
    background-color: #00ff03;
    border-color: #00ff03; }
  .page-talk .btn-outline-accent.active.focus, .page-talk .btn-outline-accent.active:focus, .page-talk .btn-outline-accent.active:hover, .page-talk .btn-outline-accent:active.focus, .page-talk .btn-outline-accent:active:focus, .page-talk .btn-outline-accent:active:hover, .page-talk .open > .btn-outline-accent.dropdown-toggle.focus, .page-talk .open > .btn-outline-accent.dropdown-toggle:focus, .page-talk .open > .btn-outline-accent.dropdown-toggle:hover {
    color: #fff;
    background-color: #157958;
    border-color: #0f563f; }
  .page-talk .btn-outline-accent.disabled.focus, .page-talk .btn-outline-accent.disabled:focus, .page-talk .btn-outline-accent.disabled:hover, .page-talk .btn-outline-accent:disabled.focus, .page-talk .btn-outline-accent:disabled:focus, .page-talk .btn-outline-accent:disabled:hover {
    border-color: #67e4bb; }
  .page-talk .btn-outline-secondary {
    color: #20a220;
    border-color: #dfe5f2;
    -webkit-box-shadow: 0 2px 1px rgba(122, 128, 140, 0.1) !important;
    box-shadow: 0 2px 1px rgba(122, 128, 140, 0.1) !important; }
  .page-talk .dropdown .dropdown-item {
    white-space: normal; }
  .page-talk #menu.navbar-dark.bg-solid {
    background-color: #1e251edb;
    box-shadow: 0 10px 30px #101310d4, 0 1px 0px #566556;
    backdrop-filter: blur(5px) contrast(100%);
    -webkit-backdrop-filter: blur(5px) contrast(100%); }
  .page-talk #menu.navbar-dark .main-nav li > a {
    color: #00ff03; }
  .page-talk #menu.navbar-dark .main-nav li > .dropdown-toggle:after {
    color: #408340; }
  .page-talk #menu.navbar-dark {
    background: #0000006e; }
  .page-talk #toogle-menu-mobile {
    color: #00ff03; }
  .page-talk .hero {
    overflow: hidden;
    position: relative;
    z-index: 1; }
  .page-talk .hero:before {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100%);
    border-radius: 0 0 60px 0; }
  .page-talk .hero .title-talk {
    background: url("//assets.umbler.com/site/shared/umblertalk-light.svg?v=23062020") no-repeat;
    margin: 0 auto;
    text-indent: -9999rem;
    width: 180px;
    display: block;
    margin-bottom: .5rem;
    position: relative;
    transform: scale(0.75); }
    .page-talk .hero .title-talk:after {
      content: '';
      background: url("//assets.umbler.com/site/talk/new-talk-name.png?v=23062020") no-repeat;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      top: -80px;
      width: 245px;
      height: 75px; }
    @media (min-width: 992px) {
      .page-talk .hero .title-talk:after {
        content: '';
        margin-left: -60px;
        top: -75px; } }
    @media (min-width: 992px) {
      .page-talk .hero .title-talk {
        margin-left: 0;
        margin-bottom: 1rem;
        transform: scale(1); } }
  .page-talk .hero .input-group.rounded.input-group-lg .btn {
    padding-top: .6rem;
    padding-bottom: .65rem; }
  .page-talk .form-control:focus,
  .page-talk .input-group-btn.is-focus {
    border-color: #20a220 !important; }
  .page-talk .hero .input-group {
    border-radius: 2rem;
    transition: box-shadow .2s;
    box-shadow: 0 0 0 6px #00ff0329, 0 0 60px #00ff0357; }
  .page-talk .hero .input-group-btn {
    z-index: 100; }
  .page-talk .hero .input-group.is-focus {
    box-shadow: 0 0 0 12px #00ff0314, 0 0 60px #00ff03b8; }
  .page-talk .hero .video-mobile a {
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
    z-index: 1; }
  .page-talk .hero .video-mobile img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: -110px;
    margin-bottom: -390px;
    max-width: 920px; }
  .page-talk .hero .btn-play:after {
    content: '';
    height: 300px;
    width: 300px;
    position: absolute;
    display: block;
    filter: blur(100px);
    top: 190px;
    left: 0;
    background: #1e251ea6;
    transition: background .3s; }
  .page-talk .hero .btn-play:before {
    background: url("//assets.umbler.com/site/talk/play-icon.png?v=23062020") no-repeat;
    content: '';
    height: 392px;
    opacity: .8;
    width: 392px;
    position: absolute;
    display: block;
    top: 182px;
    left: -50px;
    z-index: 1;
    transition: opacity .3s, transform .3s;
    transform: scale(0.9); }
  .page-talk .hero .btn-play:hover:before {
    opacity: 1;
    transform: scale(1); }
  .page-talk .hero .btn-play:hover:after {
    background-image: radial-gradient(#2fbc2fb8, transparent 70%), radial-gradient(#2fbc2f54, transparent 60%), radial-gradient(#2fbc2fad, transparent 20%), radial-gradient(#2fbc2f24, transparent 50%), radial-gradient(#0000, transparent 25%); }
  .page-talk #popupVideoHero .video {
    border-radius: 10px;
    border: 0;
    box-shadow: 0 50px 70px -30px #000000, 0 0px 140px -70px #ffffff; }
  .page-talk .subtitle {
    background: linear-gradient(#fff 0%, #1e251e 130%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .page-talk .brand-img {
    background: url("//assets.umbler.com/site/talk/customers-logo.png?v=23062020") no-repeat;
    display: block;
    height: 100px;
    width: 220px; }
  .page-talk .brand-img.logo-carol {
    background-position: 0 0; }
  .page-talk #sec-compare .nav-pills .nav-link {
    color: #fff;
    font-size: 1.2rem; }
  .page-talk #sec-compare .nav-pills .nav-link.active {
    background-color: #00ff0312;
    color: #00ff03; }
  .page-talk .table-compare {
    background-color: #293129;
    border: 1px solid #313d31;
    box-shadow: 0 40px 100px #00000063; }
  .page-talk .table-list {
    /*overflow: hidden;*/
    border-radius: 10px;
    margin-top: -8px; }
    .page-talk .table-list th {
      background: #1b1f1b;
      position: sticky;
      top: 65px;
      z-index: 1;
      border-radius: 10px; }
  .page-talk .table-list:after {
    background-color: rgba(0, 0, 0, 0.1);
    content: '';
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0.75rem; }
  .page-talk .table-list:before {
    border: 5px solid #00ff03;
    content: '';
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 0.75rem;
    z-index: 100; }
  .page-talk .table-list td {
    font-size: 1rem;
    padding: 15px;
    width: 50%;
    vertical-align: text-top;
    color: #fff;
    padding: 20px;
    width: 50%;
    position: relative; }
  .page-talk .table-list tr:nth-child(even) td {
    background-color: #1e251eb3; }
  .page-talk #section-who {
    /*background-image: linear-gradient(180deg, #ffffff 0%, #e9ffea 100%);*/
    background: #fff url("//assets.umbler.com/site/talk/bg-who.webp?v=23062020") -20px bottom no-repeat;
    background-size: 510px; }
    @media (min-width: 768px) {
      .page-talk #section-who {
        background-position: -20px bottom;
        background-size: 650px; } }
    @media (min-width: 992px) {
      .page-talk #section-who {
        background-position: -20px bottom;
        background-size: 1000px; } }
    .page-talk #section-who .box {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 30px 80px #1f243040;
      margin-bottom: 340px; }
      @media (min-width: 768px) {
        .page-talk #section-who .box {
          margin-bottom: 420px; } }
      @media (min-width: 992px) {
        .page-talk #section-who .box {
          margin-bottom: 100px; } }
  .page-talk #section-who svg {
    fill: #66ff68; }
  .page-talk section#plans {
    background: linear-gradient(180deg, #ffffff 0%, #e9ffea 100%); }
  .page-talk .plan .plan__item .card {
    position: relative; }
    .page-talk .plan .plan__item .card:after {
      content: '';
      background: #3bd85552;
      height: 15px;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      overflow: hidden;
      border-radius: 15px 15px 0 0; }
  .page-talk .plan .plan__item--basic {
    flex-basis: 100%; }
    .page-talk .plan .plan__item--basic .card {
      background-color: #dbf3dc !important;
      box-shadow: none; }
  .page-talk .plan .plan__item--basic .card:after {
    background: #dbf3dc; }
  .page-talk .plan .plan__item--professional .card:after {
    background: #4e3bd852; }
  .page-talk .plan .plan__item--enterprise .card:after {
    background: #33333391; }
  .page-talk .tooltipTalk-link,
  .page-talk .tooltipTalk-link:hover,
  .page-talk .tooltipTalk-link:active,
  .page-talk .tooltipTalk-link:focus {
    border-color: #6E2FFF;
    color: #6E2FFF !important;
    background: transparent; }
  .page-talk .tooltipTalk-card {
    opacity: 0;
    position: absolute;
    width: 240px;
    padding: 20px;
    background: #1e251e;
    color: #fff;
    white-space: normal;
    text-align: left;
    border-radius: 10px;
    bottom: -16px;
    left: calc(100% + -12px);
    font-weight: normal;
    z-index: 1;
    text-transform: none;
    box-shadow: 0 10px 30px #1e251e7d;
    transition: all .3s;
    visibility: hidden;
    transform: translateX(-10px); }
    .page-talk .tooltipTalk-card:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      left: -24px;
      bottom: 18px;
      border: 12px solid transparent;
      border-top-color: #1e251e;
      transform: rotate(90deg); }
    .page-talk .tooltipTalk-card.is-visible {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .page-talk .plan .plan__title {
    font-weight: 600;
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
    margin-bottom: 1rem;
    text-transform: uppercase; }
  .page-talk .plan .plan__subtitle {
    font-size: 1.2rem;
    margin-bottom: 0;
    text-transform: uppercase; }
  .page-talk .plan .plan__price {
    font-size: 1.8rem;
    color: #1e251e;
    white-space: nowrap; }
  .page-talk .plan .plan__price .plan__value {
    font-size: 4rem;
    letter-spacing: -.1rem;
    margin-right: -5px; }
  .page-talk .plan .plan__price .plan__currency {
    font-size: 24px; }
  .page-talk .plan .plan__price--muted {
    background-color: #f0f4ff;
    color: #a2b8fa; }
  .page-talk .plan .plan__item--dark .plan__price {
    color: #00ff03; }
  .page-talk .plan .plan__features li.icon-plus:before {
    background: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 261.3 261.3' style='enable-background:new 0 0 261.3 261.3%3B' xml:space='preserve'%3E %3Cpath fill='%234e5159' style='fill-rule:evenodd%3Bclip-rule:evenodd%3B' d='M247.3%2C116.7H144.7V14c0-7.7-6.3-14-14-14v0c-7.7%2C0-14%2C6.3-14%2C14v102.7H14 c-7.7%2C0-14%2C6.3-14%2C14c0%2C7.7%2C6.3%2C14%2C14%2C14h102.7v102.7c0%2C7.7%2C6.3%2C14%2C14%2C14c7.7%2C0%2C14-6.3%2C14-14V144.7h102.7c7.7%2C0%2C14-6.3%2C14-14 C261.3%2C122.9%2C255.1%2C116.7%2C247.3%2C116.7z'/%3E %3C/svg%3E ") no-repeat;
    height: 14px;
    width: 14px;
    top: 4px; }
  .page-talk .price-new {
    display: none;
    color: #aeae53; }
  .page-talk .price-yearly:after {
    content: '';
    position: absolute;
    display: block;
    width: 150px;
    height: 6px;
    margin-top: -50px;
    background: red;
    transform-origin: center left;
    animation: strikethrough 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1) 1;
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transform: rotate(-15deg) translateX(-50%);
    border-radius: 20px;
    left: 50%; }
  .page-talk .price-yearly ~ .price-new {
    display: block; }

@keyframes strikethrough {
  from {
    width: 0; }
  to {
    width: 150px; } }
  .page-talk .plan .plan__label {
    padding: 5px;
    border-radius: 50px;
    max-width: 160px;
    margin: 0 auto;
    background: transparent;
    font-size: .8rem;
    margin-top: -4px;
    letter-spacing: 1px;
    color: #1e251e9e;
    border: 2px solid #1e251e1c;
    bottom: 0; }
  .page-talk .plan .plan__item--dark .plan__label {
    color: #03eb069e;
    border: 2px solid #03eb064f; }
  .page-talk .plan .plan__features {
    font-size: 1rem;
    margin: 0;
    list-style: none;
    text-align: left;
    padding: 0; }
  .page-talk .plan .plan__features li {
    font-size: .95rem;
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: .5rem; }
  .page-talk .plan .plan__features li:before {
    content: '';
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cpath fill='%237CC47C' d='M38 82.376c-3.07 0-6.146-1.169-8.484-3.51L7.637 56.987a8.997 8.997 0 010-12.727 8.997 8.997 0 0112.727 0L38 61.897 79.637 20.26a8.997 8.997 0 0112.727 0 8.997 8.997 0 010 12.727l-45.88 45.879A11.957 11.957 0 0138 82.376z'/%3E%3C/svg%3E") no-repeat;
    background-position: left 3px;
    left: 0;
    position: absolute;
    height: 18px;
    width: 20px; }
  .page-talk .plan .plan__features--primary li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cpath fill='%237997F2' d='M38 82.376c-3.07 0-6.146-1.169-8.484-3.51L7.637 56.987a8.997 8.997 0 010-12.727 8.997 8.997 0 0112.727 0L38 61.897 79.637 20.26a8.997 8.997 0 0112.727 0 8.997 8.997 0 010 12.727l-45.88 45.879A11.957 11.957 0 0138 82.376z'/%3E%3C/svg%3E"); }
  .page-talk .plan .plan__item--dark {
    background: #1e251e;
    color: #6e2fff;
    border-radius: 0.75rem;
    padding: 2rem; }
  .page-talk .switch-label {
    color: #408340;
    cursor: pointer;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    position: relative; }
  .page-talk .switch-label .save-money {
    color: #20a220;
    position: absolute;
    white-space: nowrap;
    left: 100%; }
  .page-talk .save-money--mobile {
    color: #20a220;
    width: 100%; }
  .page-talk .switch-label.active {
    opacity: 1; }
  .page-talk .switch {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 2.15rem;
    vertical-align: -50%;
    margin: 0; }
  .page-talk .switch input {
    display: none; }
  .page-talk .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #20a220;
    border-radius: 34px;
    -webkit-transition: 0.1s;
    transition: 0.1s; }
  .page-talk .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: 0.1s;
    transition: 0.1s; }
    @media (min-width: 992px) {
      .page-talk .slider:before {
        left: 4px;
        bottom: 4px; } }
  .page-talk #js-pricing-switch input:focus + .slider {
    box-shadow: 0 0 1px #2196f3; }
  .page-talk #js-pricing-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  @media (max-width: 980px) {
    .page-talk {
      /* Pricing Switch */ }
      .page-talk .switch-label {
        display: inline-block;
        width: auto; } }
  .page-talk #sec-ctafinal .img-background {
    background: url("//assets.umbler.com/site/talk/bg-freedom.webp?v=23062020") center center no-repeat;
    background-size: cover; }
  @media (min-width: 992px) {
    .page-talk .hero:before {
      width: 90%; } }
  @media (min-width: 1200px) {
    .page-talk .table-list td {
      font-size: 1.1rem;
      padding: 20px 40px;
      padding-left: 75px; }
    .page-talk .table-list td:before {
      content: '';
      background: url("//assets.umbler.com/site/talk/icon-close.svg?v=23062020") no-repeat;
      background-size: 18px;
      display: inline-block;
      left: 40px;
      height: 18px;
      width: 18px;
      position: absolute;
      margin-top: 3px; }
    .page-talk .table-list td:first-child:before {
      background: url("//assets.umbler.com/site/talk/icon-check.svg?v=23062020") no-repeat; }
    .page-talk .hero:before {
      width: 68%; } }
  .page-talk #footer h6 {
    color: #20a220; }
  .page-talk #footer .desc {
    color: #408340; }