/* Variables - Define variables in here for reusable colors, sizes, etc */
/* Base Elements & Resets - Put info for base HTML elements here (no classes) */
/* Base HTML Elements / Resets */
html {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-size: 100%;
  padding: 0;
  margin: 0; }

body,
button,
input,
select,
textarea {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding: 0;
  margin: 0; }

a {
  color: #9B2AFF; }

a:hover,
a:focus {
  color: #9394FF; }

blockquote {
  color: #2a2d3d; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-weight: 400;
  text-transform: none; }

h1 {
  font-size: 52px;
  line-height: 1.1em;
  margin-bottom: 15px; }

h2 {
  font-size: 2.5rem;
  line-height: 1.25em;
  margin-bottom: 15px; }

h3 {
  font-size: 28px;
  line-height: 1.3em;
  margin-bottom: 15px; }

h4 {
  line-height: 1.2em;
  font-size: 1.2rem;
  color: #020a47;
  font-weight: 700; }

h5 {
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 15px;
  font-weight: 700; }

p {
  margin-bottom: 15px; }

a {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif; }

nav.nav-primary {
  z-index: 31;
  background: transparent; }

nav.navbar {
  padding: 0 20px;
  /*.navbar-item.has-dropdown.navbar-delux {
    @include mobile {
    padding-left: 10px;
    }
    @include desktop {
    padding-left: 0px;
    }
    
    .navbar-dropdown {
      overflow: hidden;
      border-top: none;

      // nav-delux is the extra content at the left of the 'delux' dropdowns
      .nav-delux {
        @include mobile {
          padding: 10px 20px; 
        }
        
        @include desktop {
        padding: 20px 20px 20px 0px;
        border-right: 1px solid #ddd;
        }
        

        h2 a {
          font-weight: 600;
          font-size: 24px;
          color: #171717 !important;
        }

        a.navbar-link {
          font-weight: 500;
          font-size: 18px;
          text-decoration: none;
          
        }
      }
      .delux-right {
        overflow: hidden;
        width: auto;
      }

      // these are the floated blocks with a link and text under.
      .navbar-item {
        min-width: 200px;
        margin: 0;
        white-space: normal;
        color: $influx_navy;
        @include mobile {
          padding: 10px 20px;
        }
        @include desktop {
          padding: 20px 0px 20px 40px;
        }

        a.navbar-link {
          color: $link_text_color!important;
          display: block;
          background: inherit;
          font-weight: 600;
          font-size: 18px;
          padding: 0 0 10px 0;
          line-height: 1.2em;
        }
        
      }
    }
  } */
  /*.navbar-dropdown.is-boxed.products {
  width: 1100px;
  left: -120px;
  }
  
  .navbar-dropdown.is-boxed.developers {
    width: 1100px;
    left: -350px;
  }

  .navbar-dropdown.is-boxed.solutions {
    min-width: 1300px;
    left: -345px;
  }
*/ }
  @media (min-width: 1024px) {
    nav.navbar {
      flex-wrap: wrap; } }
  nav.navbar a.navbar-link {
    color: #020A47; }
  nav.navbar a.navbar-link:hover {
    color: #9B2AFF; }
  nav.navbar a.navbar-link:not(.is-arrowless)::after {
    border-color: #020A47;
    border-width: 1px;
    border-radius: 0;
    height: 0.45em;
    width: 0.45em;
    background: none; }
  nav.navbar .button.is-primary {
    background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
    background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%);
    border-radius: 10px;
    border: none; }
  nav.navbar .button.is-primary.mobile {
    margin-left: auto;
    margin-right: 5px; }
    @media (min-width: 1024px) {
      nav.navbar .button.is-primary.mobile {
        display: none; } }
  nav.navbar .navbar-end .navbar-dropdown {
    left: auto;
    right: 0;
    /*margin-top: 0px;*/
    border-radius: 10px; }
  nav.navbar .navbar-end .navbar-item {
    padding-top: 15px;
    padding-bottom: 15px; }
  @media (min-width: 0) {
    nav.navbar .navbar-end .nav-right {
      padding-left: 10px; } }
  @media (min-width: 1024px) {
    nav.navbar .navbar-end .nav-right {
      background-color: #fff;
      padding: 0px 20px;
      border-radius: 16px; } }
  @media (min-width: 0) {
    nav.navbar .navbar-menu.desktop {
      display: none; } }
  @media (min-width: 1024px) {
    nav.navbar .navbar-menu.desktop {
      display: flex; } }
  nav.navbar .navbar-menu.desktop .navbar-item.is-mega {
    position: static; }
    nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown {
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      padding: 2px 10px; }
      nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .container.is-fluid {
        background: #fff;
        padding: 40px;
        border-radius: 30px;
        border-top: none;
        -webkit-box-shadow: 0px 0px 10px rgba(10, 10, 10, 0.1);
                box-shadow: 0px 0px 10px rgba(10, 10, 10, 0.1); }
      nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown {
        display: flex;
        gap: 35px; }
        nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block.sol {
          width: 25%;
          display: flex;
          flex-direction: column;
          gap: 35px;
          padding: 30px 10px; }
          nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block.sol .sm-block:first-of-type {
            min-height: 110px; }
        nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block {
          width: 33%;
          display: flex;
          flex-direction: column;
          gap: 35px;
          padding: 30px; }
          nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block h4 {
            font-size: 22px;
            font-weight: bold;
            color: #020A47; }
            nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block h4 a {
              color: #020A47; }
          nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block .sm-block .nav-link {
            font-size: 17px;
            display: block;
            padding-bottom: 10px; }
        nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .flex-dropdown .flex-block.main {
          background: #F1F4F6;
          border-radius: 20px; }
      nav.navbar .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .icon-text {
        font-size: 15px;
        font-weight: bold; }
    nav.navbar .navbar-menu.desktop .navbar-item.is-mega .products .container.is-fluid {
      max-width: 1100px !important; }
  nav.navbar .navbar-menu.mobile {
    padding: 15px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
    @media (min-width: 1024px) {
      nav.navbar .navbar-menu.mobile {
        display: none; } }
    nav.navbar .navbar-menu.mobile .navbar-start hr {
      border-bottom: 1px solid #E8E8E8;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px; }
    nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown {
      background: #fff;
      padding: 0px; }
      nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container {
        padding: 0 13px; }
        nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container .m-block.main {
          background: #F1F4F6;
          border-radius: 10px;
          padding: 5px 10px;
          font-size: 18px;
          margin-bottom: 10px; }
        nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container .m-block {
          padding: 3px 0px 10px 0px; }
          nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container .m-block p {
            margin-bottom: 5px; }
          nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container .m-block a {
            display: block;
            font-size: 17px; }
          nav.navbar .navbar-menu.mobile .navbar-start .navbar-dropdown .container .m-block h4 {
            font-size: 22px;
            display: block;
            padding: 10px 0px; }
    nav.navbar .navbar-menu.mobile .navbar-bottom {
      padding: 0px; }
      nav.navbar .navbar-menu.mobile .navbar-bottom .navbar-item {
        padding: 0px; }
        nav.navbar .navbar-menu.mobile .navbar-bottom .navbar-item a {
          color: #9B2AFF; }
          nav.navbar .navbar-menu.mobile .navbar-bottom .navbar-item a:hover {
            color: #9394FF; }
        nav.navbar .navbar-menu.mobile .navbar-bottom .navbar-item .navbar-link.has-dropdown .navbar-dropdown .navbar-item {
          padding: 5px 17px;
          font-size: 16px; }

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
  background-color: #fff !important; }

a.navbar-item {
  color: #020A47; }

a.navbar-item:hover {
  color: #9B2AFF; }

@media (min-width: 0) {
  .navbar-item img {
    max-height: 30px;
    margin-right: 10px;
    margin-top: -10px; } }

@media (min-width: 1024px) {
  .navbar-item img {
    max-height: 2.2rem;
    margin-right: 20px;
    margin-top: 5px; } }

@media (min-width: 0) {
  .navbar-brand .desktop-logo {
    display: none; } }

@media (min-width: 1024px) {
  .navbar-brand .desktop-logo {
    display: inline-block;
    margin-top: 4px; } }

@media (min-width: 1024px) {
  .navbar-brand .mobile-logo {
    display: none; } }

.navbar-brand .navbar-burger {
  margin-left: -10px;
  margin-top: -3px;
  color: #020A47; }
  .navbar-brand .navbar-burger:hover {
    background-color: rgba(0, 0, 0, 0); }
  .navbar-brand .navbar-burger span {
    height: 3px;
    width: 28px; }
  .navbar-brand .navbar-burger span:nth-child(1) {
    top: calc(50% - 11px); }
  .navbar-brand .navbar-burger span:nth-child(2) {
    top: calc(50% - 3.5px); }
  .navbar-brand .navbar-burger span:nth-child(3) {
    top: calc(50% + 4px); }

.navbar-burger.is-active span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }

/*.navbar-item .nav-delux {
    @include mobile {
        float: left;
        width: 100%;
    } 
    @include desktop {
       float: left;
        max-width: 350px;
    }
}*/
/*.navbar-item:last-child .nav-delux {
    @include mobile {
        float: left;
        width: 100%;
    } 
    @include desktop {
        float: left;
        max-width: 480px;
    } 
}*/
/*.navbar-start .navbar-item .navbar-item {
  @include mobile {
        display: block;
        float: left;
        width: 100%;
        }
  @include desktop {
        display: block;
        float: left;
        width: 25%;
        }
}  */
/*.navbar-start .navbar-item:last-child .navbar-item {
   
   @include mobile {
        display: block;
        float: left;
        width: 100%;
        }
  @include desktop {
        display: block;
        float: left;
        width: 50%;
        }
  }*/
/* .navbar-start {
    .navbar-delux.navbar-item:nth-last-child(2) {
      .navbar-item {
        display: block;
        float: left;
        
        @include mobile {
         width: 100%;
        }
        @include desktop {
         width: 25%;
        }
      }
    }
  } 
  */
@media screen and (min-width: 1385px) {
  a.navbar-item.header-logo.desktop-logo {
    margin-left: -1.1rem; } }

.navbar-start {
  background-color: #fff;
  border-radius: 16px; }

footer {
  background-color: #020A47;
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: left;
  padding: 50px;
  font-size: 15px; }
  footer a {
    color: #ffffff;
    text-decoration: none; }
  footer .teal-link {
    color: #5EE4E4; }
  footer .social-icons a {
    display: inline-block;
    margin: 0 6px 6px 0; }
    footer .social-icons a i {
      color: #fff;
      font-size: 23px;
      background: #020A47;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      line-height: 36px;
      height: 36px;
      width: 36px;
      text-align: center; }

/* end footer */
/*Marekto form styling*/
form.mktoForm label.mktoLabel[for='Privacy_Policy_Consent__c'] {
  display: none !important; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  clear: none; }

form.mktoForm {
  display: inline-block;
  width: 100%; }

form.mktoForm .mktoFieldWrap {
  position: relative;
  padding: 10px 0; }

form.mktoForm input[type=text],
form.mktoForm input[type=url],
form.mktoForm input[type=email],
form.mktoForm input[type=tel],
form.mktoForm input[type=number],
form.mktoForm input[type=date],
form.mktoForm textarea.mktoField,
form.mktoForm select.mktoField {
  border-radius: 5px 5px 0 0px;
  background-color: #eeeff2;
  font-weight: 500;
  border: 1px solid #eeeff2;
  border-bottom: 2px solid #757888;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 52px;
  padding: 17px 0px 0 9px;
  font-size: 14px;
  line-height: normal;
  margin: 0; }

form.mktoForm input[type=text]:focus, form.mktoForm input[type=tel]:focus, form.mktoForm input[type=email]:focus {
  outline: none;
  border-bottom: 2px solid #9B2AFF !important; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 26px; }

form.mktoForm button.mktoButton {
  color: #fff !important;
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF)) !important;
  background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%) !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 17px;
  line-height: 1.5;
  white-space: nowrap;
  width: 100% !important;
  float: none;
  left: 0px !important;
  position: relative; }

form.mktoForm button.mktoButton:hover {
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#D30971)) !important;
  background: linear-gradient(90deg, #9B2AFF 0%, #D30971 100%) !important;
  border: none !important;
  border-radius: 5px !important; }

form.mktoForm label.mktoLabel {
  font-weight: 400;
  display: inline-block;
  float: none;
  color: #757888 !important;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 6px;
  position: absolute;
  top: 16px;
  left: 20px; }

form.mktoForm .mktoRequiredField label.mktoLabel[for=prospectCountry] {
  /* display: none;*/
  font-size: 12px;
  top: 12px;
  left: 5px; }

form.mktoForm label.mktoLabel.for_select {
  font-size: 12px;
  top: 12px;
  left: 5px; }

form.mktoForm label.mktoLabel.triggered {
  font-size: 12px;
  top: 12px;
  left: 5px;
  color: #22ADF6; }

form.mktoForm select.mktoField {
  font-weight: normal;
  color: #757888; }

form.mktoForm select.mktoField.triggered {
  font-weight: bold;
  color: #4e4e4e; }

form.mktoForm label.radio_label {
  margin-top: 0px;
  padding: 0 10px 0 0;
  left: 0; }

form.mktoForm .mktoAsterix {
  display: inline-block;
  color: #757888;
  margin-right: 5px !important;
  float: right; }

form.mktoForm .mktoCheckboxList {
  margin-top: 10px; }

form.mktoForm input.mktoField[type="checkbox"] {
  margin: 0 5px 0 5px; }

form.mktoForm .mktoRadioList {
  margin-top: 30px; }

.minvalInvalid, .minvalInvalid:focus, .mktoInvalid:focus .mktoInvalid {
  border-color: red !important;
  outline: none; }

.mktoErrorMsg {
  color: red; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  overflow: hidden; }

.mktoForm.mktoLayoutAbove input.mktoField[type="checkbox"] {
  float: left;
  clear: left;
  margin-top: 6px;
  margin-left: 8px; }

label.checkboxLabel {
  float: left;
  clear: right; }

.mktoForm .mktoFieldWrap label.mktoLabel.checkboxLabel {
  left: -5px;
  top: 0;
  font-weight: bold;
  float: none; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 40px; }

#mktoForm_1212 .mktoCheckboxList {
  font-size: 13px !important;
  margin-top: 0px !important; }

/* Other Stuff... */
@font-face {
  font-family: ultimate-icons;
  src: url(fonts/Ultimate-Icons-a6367a5d.ttf?1ddi1j) format("truetype"), url(fonts/Ultimate-Icons.woff?1ddi1j) format("woff"), url(fonts/Ultimate-Icons.svg?1ddi1j#Ultimate-Icons) format("svg");
  font-weight: 400;
  font-style: normal; }

.ua-icon {
  font-family: ultimate-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ua-icon-google-plus:before {
  content: "\ea82"; }

.ua-icon-facebook22:before {
  content: "\ea81"; }

.ua-icon-basket:before {
  content: "\e900"; }

.ua-icon-briefcase:before {
  content: "\e901"; }

.ua-icon-calendar:before {
  content: "\e902"; }

.ua-icon-chat:before {
  content: "\e903"; }

.ua-icon-clock:before {
  content: "\e904"; }

.ua-icon-desktop:before {
  content: "\e905"; }

.ua-icon-dribbble:before {
  content: "\e906"; }

.ua-icon-edit:before {
  content: "\e907"; }

.ua-icon-envelope:before {
  content: "\e908"; }

.ua-icon-facebook:before {
  content: "\e909"; }

.ua-icon-gears:before {
  content: "\e90a"; }

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

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

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

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

.ua-icon-key:before {
  content: "\e90f"; }

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

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

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

.ua-icon-magnifying-glass:before {
  content: "\e913"; }

.ua-icon-map-pin:before {
  content: "\e914"; }

.ua-icon-map:before {
  content: "\e915"; }

.ua-icon-mobile:before {
  content: "\e916"; }

.ua-icon-newspaper:before {
  content: "\e917"; }

.ua-icon-paperclip:before {
  content: "\e918"; }

.ua-icon-pencil:before {
  content: "\e919"; }

.ua-icon-phone:before {
  content: "\e91a"; }

.ua-icon-picture:before {
  content: "\e91b"; }

.ua-icon-presentation:before {
  content: "\e91c"; }

.ua-icon-printer:before {
  content: "\e91d"; }

.ua-icon-profile-female:before {
  content: "\e91e"; }

.ua-icon-profile-male:before {
  content: "\e91f"; }

.ua-icon-quote:before {
  content: "\e920"; }

.ua-icon-streetsign:before {
  content: "\e921"; }

.ua-icon-tablet:before {
  content: "\e922"; }

.ua-icon-tools-2:before {
  content: "\e923"; }

.ua-icon-tools:before {
  content: "\e924"; }

.ua-icon-tumblr:before {
  content: "\e925"; }

.ua-icon-twitter:before {
  content: "\e926"; }

.ua-icon-video:before {
  content: "\e927"; }

.ua-icon-icon-3-mail-envelope-closed:before {
  content: "\e928"; }

.ua-icon-icon-6-mail-envelope-closed:before {
  content: "\e929"; }

.ua-icon-icon-24-key:before {
  content: "\e92a"; }

.ua-icon-icon-29-information:before {
  content: "\e92b"; }

.ua-icon-icon-111-search:before {
  content: "\e92c"; }

.ua-icon-icon-112-search-plus:before {
  content: "\e92d"; }

.ua-icon-icon-113-search-minus:before {
  content: "\e92e"; }

.ua-icon-icon-114-lock:before {
  content: "\e92f"; }

.ua-icon-icon-116-lock-open:before {
  content: "\e930"; }

.ua-icon-icon-118-lock-rounded:before {
  content: "\e931"; }

.ua-icon-icon-120-lock-rounded-open:before {
  content: "\e932"; }

.ua-icon-icon-121-combination-lock:before {
  content: "\e933"; }

.ua-icon-icon-122-printer:before {
  content: "\e934"; }

.ua-icon-icon-123-printer:before {
  content: "\e935"; }

.ua-icon-icon-124-printer-text:before {
  content: "\e936"; }

.ua-icon-icon-125-printer-text:before {
  content: "\e937"; }

.ua-icon-icon-134-pen:before {
  content: "\e938"; }

.ua-icon-icon-135-pen-angled:before {
  content: "\e939"; }

.ua-icon-icon-145-tag-cord:before {
  content: "\e93a"; }

.ua-icon-icon-146-tag:before {
  content: "\e93b"; }

.ua-icon-icon-3-mail-envelope-closed2:before {
  content: "\e93c"; }

.ua-icon-icon-6-mail-envelope-closed2:before {
  content: "\e93d"; }

.ua-icon-icon-24-key2:before {
  content: "\e93e"; }

.ua-icon-icon-29-information2:before {
  content: "\e93f"; }

.ua-icon-icon-111-search2:before {
  content: "\e940"; }

.ua-icon-icon-112-search-plus2:before {
  content: "\e941"; }

.ua-icon-icon-113-search-minus2:before {
  content: "\e942"; }

.ua-icon-icon-114-lock2:before {
  content: "\e943"; }

.ua-icon-icon-116-lock-open2:before {
  content: "\e944"; }

.ua-icon-icon-118-lock-rounded2:before {
  content: "\e945"; }

.ua-icon-icon-120-lock-rounded-open2:before {
  content: "\e946"; }

.ua-icon-icon-121-combination-lock2:before {
  content: "\e947"; }

.ua-icon-icon-122-printer2:before {
  content: "\e948"; }

.ua-icon-icon-123-printer2:before {
  content: "\e949"; }

.ua-icon-icon-124-printer-text2:before {
  content: "\e94a"; }

.ua-icon-icon-125-printer-text2:before {
  content: "\e94b"; }

.ua-icon-icon-134-pen2:before {
  content: "\e94c"; }

.ua-icon-icon-135-pen-angled2:before {
  content: "\e94d"; }

.ua-icon-icon-145-tag-cord2:before {
  content: "\e94e"; }

.ua-icon-icon-146-tag2:before {
  content: "\e94f"; }

.ua-icon-arrow-down:before {
  content: "\e950"; }

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

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

.ua-icon-arrow-up:before {
  content: "\e953"; }

.ua-icon-briefcase2:before {
  content: "\e954"; }

.ua-icon-check:before {
  content: "\e955"; }

.ua-icon-circle-add:before {
  content: "\e956"; }

.ua-icon-circle-check:before {
  content: "\e957"; }

.ua-icon-circle-cross:before {
  content: "\e958"; }

.ua-icon-circle-minus:before {
  content: "\e959"; }

.ua-icon-clock2:before {
  content: "\e95a"; }

.ua-icon-cog:before {
  content: "\e95b"; }

.ua-icon-cross:before {
  content: "\e95c"; }

.ua-icon-disc:before {
  content: "\e95d"; }

.ua-icon-fast-forward:before {
  content: "\e95e"; }

.ua-icon-globe2:before {
  content: "\e95f"; }

.ua-icon-head:before {
  content: "\e960"; }

.ua-icon-heart2:before {
  content: "\e961"; }

.ua-icon-help:before {
  content: "\e962"; }

.ua-icon-lock2:before {
  content: "\e963"; }

.ua-icon-mail:before {
  content: "\e964"; }

.ua-icon-map2:before {
  content: "\e965"; }

.ua-icon-minus:before {
  content: "\e966"; }

.ua-icon-monitor:before {
  content: "\e967"; }

.ua-icon-paper-clip:before {
  content: "\e968"; }

.ua-icon-pause:before {
  content: "\e969"; }

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

.ua-icon-plus:before {
  content: "\e96b"; }

.ua-icon-printer2:before {
  content: "\e96c"; }

.ua-icon-record:before {
  content: "\e96d"; }

.ua-icon-rewind:before {
  content: "\e96e"; }

.ua-icon-search:before {
  content: "\e96f"; }

.ua-icon-speech-bubble:before {
  content: "\e970"; }

.ua-icon-square-add:before {
  content: "\e971"; }

.ua-icon-square-check:before {
  content: "\e972"; }

.ua-icon-square-cross:before {
  content: "\e973"; }

.ua-icon-square-minus:before {
  content: "\e974"; }

.ua-icon-unlock:before {
  content: "\e975"; }

.ua-icon-zoom-in:before {
  content: "\e976"; }

.ua-icon-zoom-out:before {
  content: "\e977"; }

.ua-icon-alarm:before {
  content: "\e978"; }

.ua-icon-arrow-down-circle:before {
  content: "\e979"; }

.ua-icon-arrow-down2:before {
  content: "\e97a"; }

.ua-icon-arrow-left-circle:before {
  content: "\e97b"; }

.ua-icon-arrow-left2:before {
  content: "\e97c"; }

.ua-icon-arrow-right-circle:before {
  content: "\e97d"; }

.ua-icon-arrow-right2:before {
  content: "\e97e"; }

.ua-icon-arrow-up-circle:before {
  content: "\e97f"; }

.ua-icon-arrow-up2:before {
  content: "\e980"; }

.ua-icon-briefcase3:before {
  content: "\e981"; }

.ua-icon-bubble:before {
  content: "\e982"; }

.ua-icon-calendar-full:before {
  content: "\e983"; }

.ua-icon-camera-video:before {
  content: "\e984"; }

.ua-icon-camera:before {
  content: "\e985"; }

.ua-icon-cart:before {
  content: "\e986"; }

.ua-icon-chart-bars:before {
  content: "\e987"; }

.ua-icon-checkmark-circle:before {
  content: "\e988"; }

.ua-icon-chevron-down-circle:before {
  content: "\e989"; }

.ua-icon-chevron-down:before {
  content: "\e98a"; }

.ua-icon-chevron-left-circle:before {
  content: "\e98b"; }

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

.ua-icon-chevron-right-circle:before {
  content: "\e98d"; }

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

.ua-icon-chevron-up-circle:before {
  content: "\e98f"; }

.ua-icon-chevron-up:before {
  content: "\e990"; }

.ua-icon-circle-minus2:before {
  content: "\e991"; }

.ua-icon-clock3:before {
  content: "\e992"; }

.ua-icon-cog2:before {
  content: "\e993"; }

.ua-icon-cross-circle:before {
  content: "\e994"; }

.ua-icon-cross2:before {
  content: "\e995"; }

.ua-icon-earth:before {
  content: "\e996"; }

.ua-icon-envelope2:before {
  content: "\e997"; }

.ua-icon-eye:before {
  content: "\e998"; }

.ua-icon-film-play:before {
  content: "\e999"; }

.ua-icon-gift:before {
  content: "\e99a"; }

.ua-icon-heart3:before {
  content: "\e99b"; }

.ua-icon-history:before {
  content: "\e99c"; }

.ua-icon-home:before {
  content: "\e99d"; }

.ua-icon-keyboard:before {
  content: "\e99e"; }

.ua-icon-laptop-phone:before {
  content: "\e99f"; }

.ua-icon-laptop2:before {
  content: "\e9a0"; }

.ua-icon-leaf:before {
  content: "\e9a1"; }

.ua-icon-license:before {
  content: "\e9a2"; }

.ua-icon-location:before {
  content: "\e9a3"; }

.ua-icon-lock3:before {
  content: "\e9a4"; }

.ua-icon-magnifier:before {
  content: "\e9a5"; }

.ua-icon-map-marker:before {
  content: "\e9a6"; }

.ua-icon-map3:before {
  content: "\e9a7"; }

.ua-icon-menu-circle:before {
  content: "\e9a8"; }

.ua-icon-menu:before {
  content: "\e9a9"; }

.ua-icon-mic:before {
  content: "\e9aa"; }

.ua-icon-moon:before {
  content: "\e9ab"; }

.ua-icon-move:before {
  content: "\e9ac"; }

.ua-icon-mustache:before {
  content: "\e9ad"; }

.ua-icon-neutral:before {
  content: "\e9ae"; }

.ua-icon-paperclip2:before {
  content: "\e9af"; }

.ua-icon-paw:before {
  content: "\e9b0"; }

.ua-icon-pencil2:before {
  content: "\e9b1"; }

.ua-icon-phone-handset:before {
  content: "\e9b2"; }

.ua-icon-phone2:before {
  content: "\e9b3"; }

.ua-icon-picture2:before {
  content: "\e9b4"; }

.ua-icon-pie-chart:before {
  content: "\e9b5"; }

.ua-icon-plus-circle:before {
  content: "\e9b6"; }

.ua-icon-printer3:before {
  content: "\e9b7"; }

.ua-icon-question-circle:before {
  content: "\e9b8"; }

.ua-icon-rocket:before {
  content: "\e9b9"; }

.ua-icon-sad:before {
  content: "\e9ba"; }

.ua-icon-screen:before {
  content: "\e9bb"; }

.ua-icon-shirt:before {
  content: "\e9bc"; }

.ua-icon-smartphone:before {
  content: "\e9bd"; }

.ua-icon-smile:before {
  content: "\e9be"; }

.ua-icon-star:before {
  content: "\e9bf"; }

.ua-icon-store:before {
  content: "\e9c0"; }

.ua-icon-sync:before {
  content: "\e9c1"; }

.ua-icon-tablet2:before {
  content: "\e9c2"; }

.ua-icon-tag:before {
  content: "\e9c3"; }

.ua-icon-trash:before {
  content: "\e9c4"; }

.ua-icon-unlink:before {
  content: "\e9c5"; }

.ua-icon-user:before {
  content: "\e9c6"; }

.ua-icon-users:before {
  content: "\e9c7"; }

.ua-icon-px-with-circle:before {
  content: "\e9c8"; }

.ua-icon-px:before {
  content: "\e9c9"; }

.ua-icon-app-store:before {
  content: "\e9ca"; }

.ua-icon-dribbble-with-circle:before {
  content: "\e9cb"; }

.ua-icon-dribbble2:before {
  content: "\e9cc"; }

.ua-icon-facebook-with-circle:before {
  content: "\e9cd"; }

.ua-icon-facebook2:before {
  content: "\e9ce"; }

.ua-icon-flickr-with-circle:before {
  content: "\e9cf"; }

.ua-icon-flickr:before {
  content: "\e9d0"; }

.ua-icon-github-with-circle:before {
  content: "\e9d1"; }

.ua-icon-github:before {
  content: "\e9d2"; }

.ua-icon-google-with-circle:before {
  content: "\e9d3"; }

.ua-icon-google:before {
  content: "\e9d4"; }

.ua-icon-instagram-with-circle:before {
  content: "\e9d5"; }

.ua-icon-instagram:before {
  content: "\e9d6"; }

.ua-icon-linkedin-with-circle:before {
  content: "\e9d7"; }

.ua-icon-linkedin2:before {
  content: "\e9d8"; }

.ua-icon-pinterest-with-circle:before {
  content: "\e9d9"; }

.ua-icon-pinterest:before {
  content: "\e9da"; }

.ua-icon-tripadvisor:before {
  content: "\e9db"; }

.ua-icon-tumblr-with-circle:before {
  content: "\e9dc"; }

.ua-icon-tumblr2:before {
  content: "\e9dd"; }

.ua-icon-twitter-with-circle:before {
  content: "\e9de"; }

.ua-icon-twitter2:before {
  content: "\e9df"; }

.ua-icon-vimeo-with-circle:before {
  content: "\e9e0"; }

.ua-icon-vimeo:before {
  content: "\e9e1"; }

.ua-icon-windows-store:before {
  content: "\e9e2"; }

.ua-icon-yelp:before {
  content: "\e9e3"; }

.ua-icon-youtube-with-circle:before {
  content: "\e9e4"; }

.ua-icon-youtube:before {
  content: "\e9e5"; }

.ua-icon-air:before {
  content: "\e9e6"; }

.ua-icon-arrow-long-down:before {
  content: "\e9e7"; }

.ua-icon-arrow-long-left:before {
  content: "\e9e8"; }

.ua-icon-arrow-long-right:before {
  content: "\e9e9"; }

.ua-icon-arrow-long-up:before {
  content: "\e9ea"; }

.ua-icon-arrow-with-circle-down:before {
  content: "\e9eb"; }

.ua-icon-arrow-with-circle-left:before {
  content: "\e9ec"; }

.ua-icon-arrow-with-circle-right:before {
  content: "\e9ed"; }

.ua-icon-arrow-with-circle-up:before {
  content: "\e9ee"; }

.ua-icon-attachment:before {
  content: "\e9ef"; }

.ua-icon-bar-graph:before {
  content: "\e9f0"; }

.ua-icon-briefcase4:before {
  content: "\e9f1"; }

.ua-icon-browser:before {
  content: "\e9f2"; }

.ua-icon-calculator:before {
  content: "\e9f3"; }

.ua-icon-calendar2:before {
  content: "\e9f4"; }

.ua-icon-camera2:before {
  content: "\e9f5"; }

.ua-icon-chat2:before {
  content: "\e9f6"; }

.ua-icon-check2:before {
  content: "\e9f7"; }

.ua-icon-chevron-down2:before {
  content: "\e9f8"; }

.ua-icon-chevron-left2:before {
  content: "\e9f9"; }

.ua-icon-chevron-right2:before {
  content: "\e9fa"; }

.ua-icon-chevron-small-down:before {
  content: "\e9fb"; }

.ua-icon-chevron-small-left:before {
  content: "\e9fc"; }

.ua-icon-chevron-small-right:before {
  content: "\e9fd"; }

.ua-icon-chevron-small-up:before {
  content: "\e9fe"; }

.ua-icon-chevron-thin-down:before {
  content: "\e9ff"; }

.ua-icon-chevron-thin-left:before {
  content: "\ea00"; }

.ua-icon-chevron-thin-right:before {
  content: "\ea01"; }

.ua-icon-chevron-thin-up:before {
  content: "\ea02"; }

.ua-icon-chevron-up2:before {
  content: "\ea03"; }

.ua-icon-chevron-with-circle-down:before {
  content: "\ea04"; }

.ua-icon-chevron-with-circle-left:before {
  content: "\ea05"; }

.ua-icon-chevron-with-circle-right:before {
  content: "\ea06"; }

.ua-icon-chevron-with-circle-up:before {
  content: "\ea07"; }

.ua-icon-circle-with-cross:before {
  content: "\ea08"; }

.ua-icon-circle-with-minus:before {
  content: "\ea09"; }

.ua-icon-circle-with-plus:before {
  content: "\ea0a"; }

.ua-icon-clock4:before {
  content: "\ea0b"; }

.ua-icon-cog3:before {
  content: "\ea0c"; }

.ua-icon-compass:before {
  content: "\ea0d"; }

.ua-icon-controller-play:before {
  content: "\ea0e"; }

.ua-icon-controller-record:before {
  content: "\ea0f"; }

.ua-icon-controller-stop:before {
  content: "\ea10"; }

.ua-icon-creative-commons-noderivs:before {
  content: "\ea11"; }

.ua-icon-credit-card:before {
  content: "\ea12"; }

.ua-icon-credit:before {
  content: "\ea13"; }

.ua-icon-cross3:before {
  content: "\ea14"; }

.ua-icon-direction:before {
  content: "\ea15"; }

.ua-icon-dot-single:before {
  content: "\ea16"; }

.ua-icon-edit2:before {
  content: "\ea17"; }

.ua-icon-email:before {
  content: "\ea18"; }

.ua-icon-emoji-flirt:before {
  content: "\ea19"; }

.ua-icon-emoji-happy:before {
  content: "\ea1a"; }

.ua-icon-emoji-neutral:before {
  content: "\ea1b"; }

.ua-icon-emoji-sad:before {
  content: "\ea1c"; }

.ua-icon-eye2:before {
  content: "\ea1d"; }

.ua-icon-fingerprint:before {
  content: "\ea1e"; }

.ua-icon-flow-tree:before {
  content: "\ea1f"; }

.ua-icon-gauge:before {
  content: "\ea20"; }

.ua-icon-globe3:before {
  content: "\ea21"; }

.ua-icon-grid:before {
  content: "\ea22"; }

.ua-icon-hair-cross:before {
  content: "\ea23"; }

.ua-icon-heart-outlined:before {
  content: "\ea24"; }

.ua-icon-heart4:before {
  content: "\ea25"; }

.ua-icon-help-with-circle:before {
  content: "\ea26"; }

.ua-icon-help2:before {
  content: "\ea27"; }

.ua-icon-home2:before {
  content: "\ea28"; }

.ua-icon-infinity:before {
  content: "\ea29"; }

.ua-icon-info-with-circle:before {
  content: "\ea2a"; }

.ua-icon-info:before {
  content: "\ea2b"; }

.ua-icon-key2:before {
  content: "\ea2c"; }

.ua-icon-keyboard2:before {
  content: "\ea2d"; }

.ua-icon-landline:before {
  content: "\ea2e"; }

.ua-icon-laptop3:before {
  content: "\ea2f"; }

.ua-icon-lifebuoy:before {
  content: "\ea30"; }

.ua-icon-light-bulb:before {
  content: "\ea31"; }

.ua-icon-location-pin:before {
  content: "\ea32"; }

.ua-icon-lock-open:before {
  content: "\ea33"; }

.ua-icon-lock4:before {
  content: "\ea34"; }

.ua-icon-magnifying-glass2:before {
  content: "\ea35"; }

.ua-icon-mail2:before {
  content: "\ea36"; }

.ua-icon-map4:before {
  content: "\ea37"; }

.ua-icon-medal:before {
  content: "\ea38"; }

.ua-icon-menu2:before {
  content: "\ea39"; }

.ua-icon-message:before {
  content: "\ea3a"; }

.ua-icon-minus2:before {
  content: "\ea3b"; }

.ua-icon-mobile2:before {
  content: "\ea3c"; }

.ua-icon-news:before {
  content: "\ea3d"; }

.ua-icon-phone3:before {
  content: "\ea3e"; }

.ua-icon-plus2:before {
  content: "\ea3f"; }

.ua-icon-quote2:before {
  content: "\ea40"; }

.ua-icon-shopping-basket:before {
  content: "\ea41"; }

.ua-icon-shopping-cart:before {
  content: "\ea42"; }

.ua-icon-squared-minus:before {
  content: "\ea43"; }

.ua-icon-squared-plus:before {
  content: "\ea44"; }

.ua-icon-tablet-mobile-combo:before {
  content: "\ea45"; }

.ua-icon-tablet3:before {
  content: "\ea46"; }

.ua-icon-tools2:before {
  content: "\ea47"; }

.ua-icon-tv:before {
  content: "\ea48"; }

.ua-icon-typing:before {
  content: "\ea49"; }

.ua-icon-user2:before {
  content: "\ea4a"; }

.ua-icon-users2:before {
  content: "\ea4b"; }

.ua-icon-video-camera:before {
  content: "\ea4c"; }

.ua-icon-video2:before {
  content: "\ea4d"; }

.ua-icon-vinyl:before {
  content: "\ea4e"; }

.ua-icon-Home:before {
  content: "\ea4f"; }

.ua-icon-LightBulb:before {
  content: "\ea50"; }

.ua-icon-Anchor:before {
  content: "\ea51"; }

.ua-icon-Feather:before {
  content: "\ea52"; }

.ua-icon-Expand:before {
  content: "\ea53"; }

.ua-icon-Maximize:before {
  content: "\ea54"; }

.ua-icon-Search:before {
  content: "\ea55"; }

.ua-icon-Zoomin:before {
  content: "\ea56"; }

.ua-icon-Zoomout:before {
  content: "\ea57"; }

.ua-icon-Add:before {
  content: "\ea58"; }

.ua-icon-Subtract:before {
  content: "\ea59"; }

.ua-icon-Exclamation:before {
  content: "\ea5a"; }

.ua-icon-Question:before {
  content: "\ea5b"; }

.ua-icon-Close:before {
  content: "\ea5c"; }

.ua-icon-Pause:before {
  content: "\ea5d"; }

.ua-icon-Envelope:before {
  content: "\ea5e"; }

.ua-icon-Compose:before {
  content: "\ea5f"; }

.ua-icon-Newspaper:before {
  content: "\ea60"; }

.ua-icon-Newspaperalt:before {
  content: "\ea61"; }

.ua-icon-Calendar:before {
  content: "\ea62"; }

.ua-icon-Hyperlink:before {
  content: "\ea63"; }

.ua-icon-Trash:before {
  content: "\ea64"; }

.ua-icon-Trashalt:before {
  content: "\ea65"; }

.ua-icon-Grid:before {
  content: "\ea66"; }

.ua-icon-Gridalt:before {
  content: "\ea67"; }

.ua-icon-List:before {
  content: "\ea68"; }

.ua-icon-Calculator:before {
  content: "\ea69"; }

.ua-icon-Windows:before {
  content: "\ea6a"; }

.ua-icon-Browser:before {
  content: "\ea6b"; }

.ua-icon-Alarm:before {
  content: "\ea6c"; }

.ua-icon-Clock:before {
  content: "\ea6d"; }

.ua-icon-Attachment:before {
  content: "\ea6e"; }

.ua-icon-Settings:before {
  content: "\ea6f"; }

.ua-icon-Portfolio:before {
  content: "\ea70"; }

.ua-icon-User:before {
  content: "\ea71"; }

.ua-icon-Users:before {
  content: "\ea72"; }

.ua-icon-Heart:before {
  content: "\ea73"; }

.ua-icon-Chat:before {
  content: "\ea74"; }

.ua-icon-Comments:before {
  content: "\ea75"; }

.ua-icon-Screen:before {
  content: "\ea76"; }

.ua-icon-iPhone:before {
  content: "\ea77"; }

.ua-icon-Instagram:before {
  content: "\ea78"; }

.ua-icon-facebook3:before {
  content: "\ea79"; }

.ua-icon-Delicious:before {
  content: "\ea7a"; }

.ua-icon-GooglePlus:before {
  content: "\ea7b"; }

.ua-icon-Dribbble:before {
  content: "\ea7c"; }

.ua-icon-Pin:before {
  content: "\ea7d"; }

.ua-icon-Pinalt:before {
  content: "\ea7e"; }

.ua-icon-Cloud:before {
  content: "\ea7f"; }

.ua-icon-Circle-Full:before {
  content: "\ea80"; }

/*
 * Copied from old site for social icons in footer
 */
.uabb-icon-wrap {
  display: inline-block; }

.uabb-icon a {
  text-decoration: none; }

.uabb-icon i {
  display: block; }

.uabb-icon i:before {
  border: none !important;
  background: 0 0 !important; }

.uabb-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle; }

.uabb-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important; }

.uabb-icon-text a {
  text-decoration: none; }

.uabb-imgicon-wrap .uabb-icon {
  display: block; }

.uabb-imgicon-wrap .uabb-icon i {
  float: none; }

.uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative; }

.uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left; }

.uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center; }

.uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right; }

.uabb-imgicon-wrap .uabb-image-content {
  display: inline-block;
  border-radius: 0;
  line-height: 0;
  position: relative;
  max-width: 100%; }

.uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYiFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-2Y-FV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-FV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-h4-FV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: "Proxima-Nova";
  src: url(fonts/Proxima_Nova-bd03ad80.otf) format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Proxima-Nova";
  src: url(fonts/Proxima_Nova_Medium-21f676f4.otf) format("opentype");
  font-weight: medium;
  font-style: normal; }

@font-face {
  font-family: "Proxima-Nova";
  src: url(fonts/Proxima_Nova_Bold-07b2ff04.otf) format("opentype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Proxima-Nova";
  src: url(fonts/Proxima_Nova_Semibold-d5ec4b37.otf) format("opentype");
  font-weight: 600;
  font-style: normal; }

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.slider {
  position: relative;
  width: 100%; }

.slider-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  min-height: 100%; }

.slider-container.is-vertical {
  flex-direction: column; }

.slider-container .slider-item {
  flex: none; }

.slider-container .slider-item .image.is-covered img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  height: 100%;
  width: 100%; }

.slider-container .slider-item .video-container {
  height: 0;
  padding-bottom: 0;
  padding-top: 56.25%;
  margin: 0;
  position: relative; }

.slider-container .slider-item .video-container.is-1by1, .slider-container .slider-item .video-container.is-square {
  padding-top: 100%; }

.slider-container .slider-item .video-container.is-4by3 {
  padding-top: 75%; }

.slider-container .slider-item .video-container.is-21by9 {
  padding-top: 42.857143%; }

.slider-container .slider-item .video-container embed, .slider-container .slider-item .video-container iframe, .slider-container .slider-item .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.slider-navigation-next, .slider-navigation-previous {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff center center no-repeat;
  background-size: 20px 20px;
  border: 1px solid #fff;
  border-radius: 25091983px;
  -webkit-box-shadow: 0 2px 5px #3232321a;
          box-shadow: 0 2px 5px #3232321a;
  top: 50%;
  margin-top: -20px;
  left: 0;
  cursor: pointer;
  transition: opacity .3s,-webkit-transform .3s;
  -webkit-transition: opacity .3s,-webkit-transform .3s;
  transition: transform .3s,opacity .3s;
  transition: transform .3s,opacity .3s,-webkit-transform .3s; }

.slider-navigation-next:hover, .slider-navigation-previous:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.slider-navigation-next.is-hidden, .slider-navigation-previous.is-hidden {
  display: none;
  opacity: 0; }

.slider-navigation-next svg, .slider-navigation-previous svg {
  width: 25%; }

.slider-navigation-next {
  left: auto;
  right: 0;
  background: #fff center center no-repeat;
  background-size: 20px 20px; }

.slider-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .5rem 1rem;
  text-align: center; }

.slider-pagination .slider-page {
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 25091983px;
  display: inline-block;
  margin: 0 3px;
  -webkit-box-shadow: 0 2px 5px #3232321a;
          box-shadow: 0 2px 5px #3232321a;
  transition: -webkit-transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  cursor: pointer; }

.slider-pagination .slider-page.is-active, .slider-pagination .slider-page:hover {
  -webkit-transform: scale(1.4);
  transform: scale(1.4); }

@media screen and (min-width: 800px) {
  .slider-pagination {
    display: flex; } }

.hero.has-carousel {
  position: relative; }

.hero.has-carousel + .hero-body, .hero.has-carousel + .hero-footer, .hero.has-carousel + .hero-head {
  z-index: 10;
  overflow: hidden; }

.hero.has-carousel .hero-carousel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  border: none;
  margin: auto;
  padding: 0;
  z-index: 0; }

.hero.has-carousel .hero-carousel .slider {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 100% !important;
  max-height: 100%;
  z-index: 0; }

.hero.has-carousel .hero-carousel .slider .has-background {
  max-height: 100%; }

.hero.has-carousel .hero-carousel .slider .has-background .is-background {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  height: 100%;
  width: 100%; }

.hero.has-carousel .hero-body {
  margin: 0 3rem;
  z-index: 10; }

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.is-collapsible {
  height: 0;
  overflow-y: hidden;
  -webkit-transition: height .2s ease;
  transition: height .2s ease; }

.is-collapsible.is-active {
  -webkit-transition: height .2s ease;
  transition: height .2s ease; }

.is-collapsible.message-body {
  padding: 0 !important; }

.is-collapsible.message-body .message-body-content {
  padding: 1.25em 1.5em; }

@media (min-width: 0) {
  main {
    padding: 20px; } }

@media (min-width: 769px) {
  main {
    padding: 20px; } }

@media (min-width: 1024px) {
  main {
    padding: 0px; } }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.spinner {
  display: inline-block;
  width: 80px;
  height: 80px; }

.spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #e0e0e0;
  border-color: #e0e0e0 transparent #e0e0e0 transparent;
  -webkit-animation: spinner 2.2s linear infinite;
          animation: spinner 2.2s linear infinite; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

#cntfl_preview {
  display: block;
  position: fixed;
  top: 2px;
  left: 53%;
  font-weight: bold;
  padding: 0 40px 0px 40px;
  outline: 1px solid #d7a204;
  z-index: 99999;
  background-color: rgba(255, 180, 4, 0.39);
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  letter-spacing: 0.15em; }

.is-navy {
  color: #020A47 !important; }

.has-text-teal {
  color: #5EE4E4 !important; }

h3 {
  font-weight: 600;
  color: #020A47; }

.sidebar .share-links {
  margin-bottom: 40px; }
  @media (min-width: 1024px) {
    .sidebar .share-links {
      position: fixed;
      max-width: 50px;
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      gap: 12px;
      margin-left: -60px;
      margin-top: 10px; } }
@media (min-width: 1024px) {
  .post-content {
    padding-right: 60px; } }

.h5-heading {
  color: #020A47;
  font-size: 20px;
  font-weight: 500; }

.share-links a {
  background-color: #141445;
  border-radius: 2px;
  padding: 6px 22px 0 8px;
  display: inline-block;
  width: 15px;
  margin-right: 14px; }

.blog_post {
  color: #171717;
  overflow: hidden;
  display: block; }
  @media (min-width: 1024px) {
    .blog_post {
      padding-top: 1.5em;
      padding-bottom: 1.5em; } }
  @media (min-width: 1024px) {
    .blog_post header {
      padding-top: 1rem;
      padding-bottom: 5rem; } }
  .blog_post .blog-title {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .blog-title {
        font-size: 2.5rem; } }
    @media (min-width: 769px) {
      .blog_post .blog-title {
        font-size: 3.5rem; } }
    @media (min-width: 1024px) {
      .blog_post .blog-title {
        font-size: 4.5rem; } }
  .blog_post figcaption {
    text-align: center;
    font-size: 14px;
    padding-bottom: 20px;
    margin-top: -10px; }
  .blog_post img {
    display: block;
    margin: 0 auto; }
  .blog_post img.aligncenter {
    display: block;
    margin: 0 auto; }
  .blog_post hr.dark {
    border-top: 1px solid #171717 !important; }
  .blog_post table, .blog_post td, .blog_post th {
    border: 1px solid rgba(0, 0, 0, 0.1) !important; }
  .blog_post .author-img {
    float: left; }
    @media (min-width: 0) {
      .blog_post .author-img {
        display: none; } }
    @media (min-width: 1024px) {
      .blog_post .author-img {
        display: block; } }
  .blog_post .author-img img {
    width: 100px;
    border-radius: 50%; }
  .blog_post .author-info .author-img img {
    width: 120px;
    /* a little bigger for author's page */ }
  .blog_post .author-bio {
    overflow: hidden; }
    @media (min-width: 0) {
      .blog_post .author-bio {
        width: 100%;
        padding-left: 0px; } }
    @media (min-width: 1024px) {
      .blog_post .author-bio {
        width: 75%;
        padding-left: 30px; } }
  .blog_post .content h1 {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h1 {
        font-size: 2rem; } }
    @media (min-width: 769px) {
      .blog_post .content h1 {
        font-size: 3rem; } }
  .blog_post .content h2 {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h2 {
        font-size: 1.8rem; } }
    @media (min-width: 769px) {
      .blog_post .content h2 {
        font-size: 2.5rem; } }
  .blog_post .content h2:not(:first-child) {
    margin-top: 1.1428em; }
  .blog_post .content h3 {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h3 {
        font-size: 1.4rem; } }
    @media (min-width: 769px) {
      .blog_post .content h3 {
        font-size: 2rem; } }
  .blog_post .content h4 {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h4 {
        font-size: 1.2rem; } }
    @media (min-width: 769px) {
      .blog_post .content h4 {
        font-size: 1.7rem; } }
  .blog_post .content h5 {
    font-weight: 700;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h5 {
        font-size: 1.1rem; } }
    @media (min-width: 769px) {
      .blog_post .content h5 {
        font-size: 1.4rem; } }
  .blog_post .subheading {
    font-weight: 500;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    line-height: 1.3;
    text-transform: none;
    font-size: 30px;
    color: #020A47; }
  .blog_post .post-title {
    font-weight: bold;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    text-transform: none;
    padding-bottom: 15px;
    margin-bottom: .2em;
    color: #171717; }
    @media (min-width: 0) {
      .blog_post .post-title {
        font-size: 2rem;
        line-height: 1.1; } }
    @media (min-width: 769px) {
      .blog_post .post-title {
        font-size: 2.5rem;
        line-height: 1.2; } }
    @media (min-width: 1024px) {
      .blog_post .post-title {
        font-size: 3rem;
        line-height: 1.2; } }
  .blog_post h3.byline {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    word-wrap: break-word;
    font-family: 'Proxima-Nova',proxima-nova,sans-serif;
    font-weight: normal;
    color: #171717; }
  .blog_post a {
    color: #9B2AFF; }
  .blog_post a:hover {
    color: #9394FF; }
  .blog_post code {
    font: 15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    background: transparent;
    color: inherit; }
  .blog_post .post {
    float: left;
    width: 100%; }
  .blog_post .categories {
    font-size: 20px; }
    .blog_post .categories ul.cat_2 li {
      padding-left: 15px; }
    .blog_post .categories a {
      color: #020A47; }
    .blog_post .categories .active a {
      font-weight: bold; }
  .blog_post .down_arrow::after {
    content: url("https://w2.influxdata.com/wp-content/uploads/cheveron-down.svg");
    position: absolute;
    margin-top: 3px;
    margin-left: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .blog_post td.blob-code.blob-code-inner, .blog_post td.blob-num, .blog_post .highlight.tab-size {
    border: #fff !important; }

.post-summary {
  display: block;
  overflow: hidden;
  margin: 25px 0 60px 0px; }
  .post-summary .author-img img:nth-child(2) {
    display: none; }
  .post-summary .post-details {
    float: left;
    display: block;
    overflow: hidden; }
    @media (min-width: 0) {
      .post-summary .post-details {
        padding-left: 0px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .post-summary .post-details {
        padding-left: 20px;
        width: 85%; } }
  @media (min-width: 0) {
    .post-summary .post-details h2 {
      font-size: 1.4em; } }
  @media (min-width: 769px) {
    .post-summary .post-details h2 {
      font-size: 1.8em; } }
  .post-summary .post-details .byline {
    font-size: 14px; }

.pagination {
  text-align: left;
  justify-content: left; }
  .pagination a {
    display: inline-block;
    padding: 0 20px;
    font-weight: bold; }
  .pagination a.active {
    text-decoration: underline; }

.gradient-outline {
  padding: 10px 45px;
  line-height: 1.2;
  display: inline-block;
  border-radius: 10px;
  font-size: 18px;
  color: #020A47 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fff inset;
          box-shadow: 3px 1000px 1px #fff inset; }

.gradient-outline:hover {
  border: solid 3px transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff !important; }

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 73%;
  /* 4:3 Aspect Ratio */
  margin-bottom: 20px; }

.youtube-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 60%;
  /* 4:3 Aspect Ratio */
  margin-bottom: 20px; }

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

span.token.number {
  font-size: 15px;
  height: 1.5em; }

.post pre.code-toolbar {
  background-color: #eeeff2 !important;
  max-height: 41em; }

.post :not(pre) > code[class*="language-"] {
  background-color: #eeeff2 !important; }

code.h2-code.language-markup {
  color: #020A47;
  white-space: nowrap; }
  @media (min-width: 0) {
    code.h2-code.language-markup {
      font-size: 1.5rem; } }
  @media (min-width: 0) {
    code.h2-code.language-markup {
      font-size: 1.8rem; } }
  @media (min-width: 769px) {
    code.h2-code.language-markup {
      font-size: 2.7; } }
.code-link {
  color: #9B2AFF !important; }

.code-link:hover {
  color: #9394ff !important; }

@media (min-width: 0) {
  img.is-half-screen {
    display: block;
    width: 100%;
    padding: 20px 0px;
    float: none; } }

@media (min-width: 1024px) {
  img.is-half-screen {
    display: inline-block;
    width: 46%;
    float: right;
    padding: 0px 0px 10px 25px; } }

.recorded-webinar .content.is-content {
  display: block;
  max-width: 1200px;
  margin: auto; }

.recorded-webinar .is-content h4 {
  margin-top: 0px; }

#webinar_reg h3 {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  line-height: 1.25;
  text-transform: none;
  padding-top: 10px; }

.speakers {
  padding-top: 20px; }
  .speakers img.technical-paper-thumb2 {
    display: block;
    margin-top: 40px;
    padding-top: 20px; }
  .speakers .speaker {
    margin: 20px 0 40px 0;
    min-height: 155px; }
    .speakers .speaker .thumbnail {
      display: block;
      float: left;
      padding-top: 5px;
      margin-bottom: 20px; }
    .speakers .speaker .thumbnail img {
      width: 150px;
      height: auto;
      border-radius: 16px;
      border: 1px solid #dddddd; }
    .speakers .speaker .info {
      display: block;
      width: 100%;
      overflow: hidden; }
    .speakers .speaker .info h3 {
      margin-bottom: 5px; }
    .speakers .speaker .info h4 {
      color: #020A47 !important;
      font-weight: 400 !important; }

@media screen and (min-width: 700px) {
  .speaker {
    display: flex;
    gap: 30px; } }

/*Marekto form styling*/
form.mktoForm label.mktoLabel[for='Privacy_Policy_Consent__c'] {
  display: none !important; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  clear: none; }

form.mktoForm {
  display: inline-block;
  width: 100%; }

form.mktoForm .mktoFieldWrap {
  position: relative;
  padding: 10px 0; }

form.mktoForm input[type=text],
form.mktoForm input[type=url],
form.mktoForm input[type=email],
form.mktoForm input[type=tel],
form.mktoForm input[type=number],
form.mktoForm input[type=date],
form.mktoForm textarea.mktoField,
form.mktoForm select.mktoField {
  border-radius: 5px 5px 0 0px;
  background-color: #eeeff2;
  font-weight: 500;
  border: 1px solid #eeeff2;
  border-bottom: 2px solid #757888;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 52px;
  padding: 17px 0px 0 9px;
  font-size: 14px;
  line-height: normal;
  margin: 0; }

form.mktoForm input[type=text]:focus, form.mktoForm input[type=tel]:focus, form.mktoForm input[type=email]:focus {
  outline: none;
  border-bottom: 2px solid #9B2AFF !important; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 26px; }

form.mktoForm button.mktoButton {
  color: #fff !important;
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF)) !important;
  background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%) !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 17px;
  line-height: 1.5;
  white-space: nowrap;
  width: 100% !important;
  float: none;
  left: 0px !important;
  position: relative; }

form.mktoForm button.mktoButton:hover {
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#D30971)) !important;
  background: linear-gradient(90deg, #9B2AFF 0%, #D30971 100%) !important;
  border: none !important;
  border-radius: 5px !important; }

form.mktoForm label.mktoLabel {
  font-weight: 400;
  display: inline-block;
  float: none;
  color: #757888 !important;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 6px;
  position: absolute;
  top: 16px;
  left: 20px; }

form.mktoForm .mktoRequiredField label.mktoLabel[for=prospectCountry] {
  /* display: none;*/
  font-size: 12px;
  top: 12px;
  left: 5px; }

form.mktoForm label.mktoLabel.for_select {
  font-size: 12px;
  top: 12px;
  left: 5px; }

form.mktoForm label.mktoLabel.triggered {
  font-size: 12px;
  top: 12px;
  left: 5px;
  color: #22ADF6; }

form.mktoForm select.mktoField {
  font-weight: normal;
  color: #757888; }

form.mktoForm select.mktoField.triggered {
  font-weight: bold;
  color: #4e4e4e; }

form.mktoForm label.radio_label {
  margin-top: 0px;
  padding: 0 10px 0 0;
  left: 0; }

form.mktoForm .mktoAsterix {
  display: inline-block;
  color: #757888;
  margin-right: 5px !important;
  float: right; }

form.mktoForm .mktoCheckboxList {
  margin-top: 10px; }

form.mktoForm input.mktoField[type="checkbox"] {
  margin: 0 5px 0 5px; }

form.mktoForm .mktoRadioList {
  margin-top: 30px; }

.minvalInvalid, .minvalInvalid:focus, .mktoInvalid:focus .mktoInvalid {
  border-color: red !important;
  outline: none; }

.mktoErrorMsg {
  color: red; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  overflow: hidden; }

.mktoForm.mktoLayoutAbove input.mktoField[type="checkbox"] {
  float: left;
  clear: left;
  margin-top: 6px;
  margin-left: 8px; }

label.checkboxLabel {
  float: left;
  clear: right; }

.mktoForm .mktoFieldWrap label.mktoLabel.checkboxLabel {
  left: -5px;
  top: 0;
  font-weight: bold;
  float: none; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 40px; }

#mktoForm_1212 .mktoCheckboxList {
  font-size: 13px !important;
  margin-top: 0px !important; }

/*----Styling for Webinar Grid page ----*/
.webinars {
  /*--styling search bar--*/ }
  .webinars h1 {
    margin-top: 0.5em !important; }
  .webinars button.button.is-gradient.is-normal {
    font-weight: 700;
    padding: 25px 40px; }
  .webinars input.input {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px; }
    @media (min-width: 0) {
      .webinars input.input {
        width: 99%; } }
    @media (min-width: 1024px) {
      .webinars input.input {
        width: 32%;
        margin-right: 15px; } }
  .webinars .webinar-results {
    width: 100%;
    max-width: 1344px;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 0) {
      .webinars .webinar-results {
        margin: 0px; } }
    @media (min-width: 1239px) {
      .webinars .webinar-results {
        margin-left: -1.6%;
        margin-right: -1.6%; } }
    .webinars .webinar-results .card {
      display: block;
      -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
      padding: 30px;
      border-radius: 10px; }
      .webinars .webinar-results .card:hover {
        -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
                box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
      @media (min-width: 0) {
        .webinars .webinar-results .card {
          width: 100%;
          margin-bottom: 20px; } }
      @media (min-width: 769px) {
        .webinars .webinar-results .card {
          width: 47%;
          margin: 1.5%; } }
      @media (min-width: 1239px) {
        .webinars .webinar-results .card {
          width: 30%;
          margin: 1.6%; } }
      .webinars .webinar-results .card span.webinar-date {
        display: block;
        font-size: 14px;
        color: #171717;
        padding-bottom: 10px; }
        .webinars .webinar-results .card span.webinar-date:hover {
          color: #171717; }
      .webinars .webinar-results .card h5 {
        display: block;
        font-size: 20px;
        line-height: 1.3; }
        .webinars .webinar-results .card h5:hover {
          color: #9B2AFF; }
        @media (min-width: 0) {
          .webinars .webinar-results .card h5 {
            min-height: 50px; } }
        @media (min-width: 769px) {
          .webinars .webinar-results .card h5 {
            min-height: 100px; } }
        @media (min-width: 1024px) {
          .webinars .webinar-results .card h5 {
            min-height: 110px; } }
      .webinars .webinar-results .card .description {
        display: block;
        min-height: 110px;
        color: #171717; }
        .webinars .webinar-results .card .description:hover {
          color: #171717; }
      .webinars .webinar-results .card .icon-text {
        display: block;
        color: #d30971;
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 20px; }
        .webinars .webinar-results .card .icon-text:hover {
          color: #d30971; }
        .webinars .webinar-results .card .icon-text i.fa.fa-laptop {
          font-size: 18px;
          line-height: 1.2; }
          .webinars .webinar-results .card .icon-text i.fa.fa-laptop:before {
            display: block;
            color: #fff;
            background-color: #d30971;
            width: 38px;
            height: 38px;
            padding: 8px;
            border-radius: 100px;
            margin-right: 20px; }
      .webinars .webinar-results .card .watch-webinar .icon-text {
        display: block;
        color: #d30971;
        font-size: 18px;
        letter-spacing: 0px; }
        .webinars .webinar-results .card .watch-webinar .icon-text:hover {
          color: #9B2AFF; }
        .webinars .webinar-results .card .watch-webinar .icon-text i.fa.fa-arrow-right {
          font-size: 15px; }

.integration h1.page-title {
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  text-transform: none;
  color: #020A47;
  padding-bottom: 10px; }
  @media (min-width: 0) {
    .integration h1.page-title {
      font-size: 2.5rem; } }
  @media (min-width: 769px) {
    .integration h1.page-title {
      font-size: 3.5rem; } }
  @media (min-width: 1024px) {
    .integration h1.page-title {
      font-size: 4rem; } }
.integration h2 {
  line-height: 1.2em;
  margin-top: 30px;
  color: #020a47;
  font-weight: 700;
  text-transform: none; }
  @media (min-width: 0) {
    .integration h2 {
      font-size: 1.5rem; } }
  @media (min-width: 769px) {
    .integration h2 {
      font-size: 2rem; } }
  @media (min-width: 1024px) {
    .integration h2 {
      font-size: 2.4rem; } }
.integration h3 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .integration h3 {
      font-size: 1.3rem; } }
  @media (min-width: 769px) {
    .integration h3 {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) {
    .integration h3 {
      font-size: 1.75rem; } }
.integration .content h2:not(:first-child) {
  margin-top: 1.1428em; }

.integration .more-info {
  margin-top: 40px;
  margin-bottom: 25px; }

.integration figcaption {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
  margin-top: -10px; }

.integration .button.is-gradient.is-normal {
  margin-bottom: 45px; }

.text-15 {
  font-size: 15px;
  line-height: 1.2em; }

.text-18 {
  font-size: 18px; }

@media (min-width: 0) {
  .text-20 {
    font-size: 18px; } }

@media (min-width: 1024px) {
  .text-20 {
    font-size: 20px; } }

@media (min-width: 0) {
  .text-22 {
    font-size: 20px; } }

@media (min-width: 1024px) {
  .text-22 {
    font-size: 22px; } }

@media (min-width: 0) {
  .text-24 {
    font-size: 20px; } }

@media (min-width: 1024px) {
  .text-24 {
    font-size: 24px;
    line-height: 1.5; } }

@media (min-width: 0) {
  .text-30 {
    font-size: 22px;
    line-height: 1.4em; } }

@media (min-width: 1024px) {
  .text-30 {
    font-size: 30px;
    line-height: 1.4em; } }

@media (min-width: 0) {
  .text-36 {
    font-size: 22px;
    line-height: 1.4em; } }

@media (min-width: 1024px) {
  .text-36 {
    font-size: 36px;
    line-height: 1.3em; } }

.overline {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #757888; }

h1.page-title {
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  text-transform: none;
  color: #020A47;
  padding-bottom: 30px; }
  @media (min-width: 0) {
    h1.page-title {
      font-size: 2.5rem; } }
  @media (min-width: 769px) {
    h1.page-title {
      font-size: 3.5rem; } }
  @media (min-width: 1024px) {
    h1.page-title {
      font-size: 4rem; } }
@media (min-width: 1024px) {
  .video-flex {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    gap: 10px; } }

@media (min-width: 1024px) {
  .video-flex .video {
    width: 30%; } }

.is-content h2 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none; }
  @media (min-width: 0) {
    .is-content h2 {
      font-size: 1.7rem; } }
  @media (min-width: 769px) {
    .is-content h2 {
      font-size: 2rem; } }
  @media (min-width: 1024px) {
    .is-content h2 {
      font-size: 2.4rem; } }
.is-content h3 {
  font-weight: 700;
  line-height: 1.4em;
  color: #020A47;
  text-transform: none; }
  @media (min-width: 0) {
    .is-content h3 {
      font-size: 1.5rem; } }
  @media (min-width: 769px) {
    .is-content h3 {
      font-size: 1.65rem; } }
  @media (min-width: 1024px) {
    .is-content h3 {
      font-size: 1.9rem; } }
.is-content h4 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .is-content h4 {
      font-size: 1.3rem; } }
  @media (min-width: 769px) {
    .is-content h4 {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) {
    .is-content h4 {
      font-size: 1.7rem; } }
.is-content h5 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .is-content h5 {
      font-size: 1.2rem; } }
  @media (min-width: 769px) {
    .is-content h5 {
      font-size: 1.4rem; } }
  @media (min-width: 1024px) {
    .is-content h5 {
      font-size: 1.5rem; } }
.left-section h2:after {
  content: ' ';
  display: block;
  border: 2px solid #5EE4E4;
  width: 80px;
  margin-top: 20px;
  margin-bottom: 25px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.next-buttons .button {
  margin-bottom: 15px;
  min-width: 220px; }

@media (min-width: 0) {
  .home .section.top-page {
    padding-top: 0px;
    padding-bottom: 0px; } }

@media (min-width: 1024px) {
  .home .section.top-page {
    padding-top: 30px;
    padding-bottom: 10px; } }

@media (min-width: 0) {
  .home .section.top-page .reverse-columns {
    display: flex;
    flex-direction: column-reverse; } }

@media (min-width: 1024px) {
  .home .section.top-page .reverse-columns {
    flex-direction: row; } }

.home .section.top-page .reverse-columns h1.page-title {
  padding-bottom: 0px !important; }
  @media (min-width: 0) {
    .home .section.top-page .reverse-columns h1.page-title {
      font-size: 2.4rem;
      line-height: 1.1;
      margin-bottom: 20px; } }
  @media (min-width: 769px) {
    .home .section.top-page .reverse-columns h1.page-title {
      font-size: 4REM;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .home .section.top-page .reverse-columns h1.page-title {
      font-size: 4REM;
      margin-bottom: 35px; } }
  @media (min-width: 1239px) {
    .home .section.top-page .reverse-columns h1.page-title {
      font-size: 5REM;
      margin-bottom: 40px; } }
.home .section.top-page .reverse-columns .home-heading {
  padding-bottom: 70px; }
  .home .section.top-page .reverse-columns .home-heading .subheading {
    padding-bottom: 15px; }
  .home .section.top-page .reverse-columns .home-heading .header-buttons .button.is-gradient {
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 18px; }
  .home .section.top-page .reverse-columns .home-heading .header-buttons .link-icon {
    font-size: 18px;
    margin-top: 9px;
    color: #020A47; }
    .home .section.top-page .reverse-columns .home-heading .header-buttons .link-icon:hover {
      color: #9B2AFF; }

@media (min-width: 0) {
  .home .section.top-page .reverse-columns .pl-6 {
    display: none; } }

@media (min-width: 1024px) {
  .home .section.top-page .reverse-columns .pl-6 {
    display: block;
    padding-left: 3rem; } }

@media (min-width: 0) {
  .home .section.top-page .reverse-columns .pl-6 .hero-img img {
    max-width: 300px;
    margin-bottom: -30px; } }

@media (min-width: 1024px) {
  .home .section.top-page .reverse-columns .pl-6 .hero-img img {
    display: block;
    max-width: 600px;
    float: right;
    margin-bottom: 0px; } }

.home .influxdb-features p.x-number {
  line-height: 1.1; }

.home .with-icons img {
  border-radius: 16px;
  max-width: 80px;
  max-height: 80px;
  margin: 20px auto;
  padding: 10px; }

.home .with-icons .first {
  background-color: #D6F622; }

.home .with-icons .second {
  background-color: #5EE4E4; }

.home .with-icons .third {
  background-color: #D30971; }

.home .g-leaders {
  /*-- G2 leaders section--*/
  display: flex;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto; }
  @media (min-width: 0) {
    .home .g-leaders {
      flex-direction: column; } }
  @media (min-width: 769px) {
    .home .g-leaders {
      flex-direction: row; } }
  .home .g-leaders .g-photo-img {
    max-width: 170px; }

.home .g-quote {
  max-width: 900px;
  margin: auto; }

.home .arrow.is-centered {
  display: flex;
  justify-content: center; }
  .home .arrow.is-centered i.fa.fa-arrow-right {
    font-size: 16px; }

.home .code_section_bg {
  /*--code section styling--*/
  padding: 0px; }
  @media (min-width: 0) {
    .home .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px;
      background: #F1F4F6; } }
  @media (min-width: 1024px) {
    .home .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #F1F4F6));
      background: linear-gradient(90deg, #fff 50%, #F1F4F6 50%); } }
  @media (min-width: 0) {
    .home .code_section_bg .hero-body {
      padding: 0px 10px; } }
  @media (min-width: 769px) {
    .home .code_section_bg .hero-body {
      padding: 0px; } }
  @media (min-width: 1024px) {
    .home .code_section_bg .hero-body {
      padding: 0px; } }
  .home .code_section_bg .container {
    padding-top: 60px;
    padding-bottom: 10px;
    background-color: #F1F4F6;
    border-radius: 30px; }
    .home .code_section_bg .container .title.is-2.teal {
      margin-bottom: 30px; }
    .home .code_section_bg .container a {
      color: #020A47;
      font-weight: bold; }
    @media (min-width: 0) {
      .home .code_section_bg .container .columns.reverse-mobile {
        flex-direction: row-reverse; } }
    @media (min-width: 1024px) {
      .home .code_section_bg .container .columns.reverse-mobile {
        flex-direction: row; } }
.home .code-area {
  margin: 0 auto; }
  @media (min-width: 0) {
    .home .code-area {
      max-width: 100%; } }
  @media (min-width: 769px) {
    .home .code-area {
      max-width: 90%; } }
  @media (min-width: 1024px) {
    .home .code-area {
      max-width: 90%; } }
  .home .code-area .hidden {
    display: none; }
  .home .code-area .id-code-scroll {
    color: #d8d8d8 !important;
    background: #020A47 !important;
    font-size: 14px;
    line-height: 1.3em;
    height: 358px;
    overflow-y: scroll;
    overflow-x: scroll;
    padding: 15px;
    border-radius: 0 0 16px 16px; }
  .home .code-area .pre-container {
    position: relative; }
  .home .code-area .cp {
    display: none;
    color: #ccc;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 5px;
    cursor: pointer; }
  .home .code-area pre.id-home-pre.id-code-scroll {
    white-space: pre-line;
    margin-top: 0; }

.home .sw-btn {
  display: inline-block;
  margin-right: 20px; }
  .home .sw-btn .selector.rw-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-left: 5px; }
    .home .sw-btn .selector.rw-block .rw-selector {
      display: inline-block;
      flex-basis: auto;
      width: 75px;
      text-align: center;
      font-size: 13px;
      color: #fff;
      line-height: 2em; }
    .home .sw-btn .selector.rw-block .rw-selector.active {
      flex-basis: auto;
      text-align: center;
      border: 1px solid #fff;
      background-color: #fff;
      border-radius: 10px;
      color: #020A47 !important; }

.home .c-hide {
  display: none !important; }

.home .selector {
  cursor: pointer; }

.home .slick-arrow.fas {
  opacity: 0; }

.home #code_example {
  padding: 0px; }
  .home #code_example .top-code {
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    padding: 20px 10px;
    background-color: #020A47;
    border-bottom: 1px solid #656565;
    border-radius: 16px 16px 0px 0px; }
    @media (min-width: 0) {
      .home #code_example .top-code {
        max-width: 100%; } }
    @media (min-width: 769px) {
      .home #code_example .top-code {
        max-width: 90%; } }
    @media (min-width: 1024px) {
      .home #code_example .top-code {
        max-width: 90%; } }
    .home #code_example .top-code .selector {
      display: inline-block;
      cursor: pointer; }
      .home #code_example .top-code .selector span {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.6;
        text-transform: none;
        display: inline-block;
        color: #fff;
        padding: 3px 25px;
        border: 1px solid #fff;
        border-radius: 30px;
        margin-right: 10px;
        margin-top: 10px; }
      .home #code_example .top-code .selector span.active {
        border: 1px solid #5EE4E4;
        color: #020A47 !important; }

.banner.teal-bg {
  background-color: #5EE4E4; }
  @media (min-width: 0) {
    .banner.teal-bg {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (min-width: 1024px) {
    .banner.teal-bg {
      margin: 0px; } }
  .banner.teal-bg p {
    color: #020A47;
    margin: 10px 0px;
    line-height: 1.4em; }
  .banner.teal-bg a {
    color: #020A47;
    text-decoration: underline; }
    .banner.teal-bg a:hover {
      color: #9B2AFF;
      text-decoration: none; }
  .banner.teal-bg i.fa.fa-arrow-right {
    font-size: 15px; }

.take-over {
  background-color: #5EE4E4;
  background: -webkit-gradient(linear, left top, right top, from(#5EE4E4), to(#F6F022));
  background: linear-gradient(90deg, #5EE4E4 0%, #F6F022 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .take-over .delete {
    position: absolute;
    right: 50px;
    background-color: rgba(2, 10, 71, 0);
    height: 60px;
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    width: 60px;
    z-index: 1010; }
    .take-over .delete::before {
      color: #020A47 !important;
      background-color: #020A47 !important; }
    .take-over .delete:after {
      background-color: #020A47 !important; }
    @media (min-width: 0) {
      .take-over .delete {
        right: 20px; } }
    @media (min-width: 769px) {
      .take-over .delete {
        right: 50px; } }
  .take-over .button.is-normal {
    padding: 20px 35px;
    border-width: 2px;
    font-weight: 700;
    font-size: 18px; }
  .take-over img.influxdata-logo {
    max-width: 220px;
    margin-top: 13px; }
  @media (min-width: 0) {
    .take-over .take-over-text {
      padding-top: 20px;
      padding-bottom: 40px; } }
  @media (min-width: 769px) {
    .take-over .take-over-text {
      padding-top: 30px;
      padding-bottom: 80px; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text {
      padding-top: 110px;
      padding-bottom: 100px; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text {
      padding-top: 85px;
      padding-bottom: 75px; } }
  @media (min-width: 0) {
    .take-over .take-over-text .to-title {
      font-size: 3.5rem;
      line-height: 1.2;
      color: #020A47;
      margin-bottom: 30px; } }
  @media (min-width: 769px) {
    .take-over .take-over-text .to-title {
      font-size: 5rem;
      line-height: 1.1;
      color: #020A47;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text .to-title {
      font-size: 5.8rem;
      line-height: 1.1;
      color: #020A47;
      margin-bottom: 40px; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text .to-title {
      font-size: 7rem;
      line-height: 1;
      color: #020A47;
      margin-bottom: 35px; } }
  @media (min-width: 0) {
    .take-over .take-over-text .to-title .announc {
      font-size: 3rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 769px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 4rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 4.3rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 5rem;
      font-weight: 400;
      color: #020A47; } }
  .take-over .take-over-text .subheading-large {
    color: #020A47 !important; }
    @media (min-width: 0) {
      .take-over .take-over-text .subheading-large {
        font-size: 1.4REM;
        line-height: 1.4;
        max-width: 450px;
        margin: auto;
        margin-bottom: 30px; } }
    @media (min-width: 769px) {
      .take-over .take-over-text .subheading-large {
        font-size: 1.8REM;
        line-height: 1.4;
        max-width: 550px;
        margin: auto;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .take-over .take-over-text .subheading-large {
        font-size: 2.2REM;
        line-height: 1.25;
        max-width: 550px;
        margin: 0px;
        margin-bottom: 40px; } }
    @media (min-width: 1239px) {
      .take-over .take-over-text .subheading-large {
        font-size: 2.4REM;
        line-height: 1.25;
        max-width: 700px;
        margin: 0px;
        margin-bottom: 30px; } }
  .take-over .button.is-teal.is-outlined {
    background-color: rgba(94, 228, 228, 0);
    border-color: #020A47;
    color: #020A47;
    border-radius: 10px;
    min-width: 210px;
    min-height: 50px; }
    .take-over .button.is-teal.is-outlined:hover {
      background-color: #020A47;
      border: 2px solid #020A47;
      color: #fff; }
  .take-over .button.is-white.is-outlined.is-normal {
    border-radius: 10px; }
  @media (min-width: 0) {
    .take-over img.kubo-mobile {
      display: block;
      width: 190px;
      margin: auto;
      padding-top: 50px; } }
  @media (min-width: 769px) {
    .take-over img.kubo-mobile {
      display: block;
      width: 250px;
      margin: auto; } }
  @media (min-width: 1024px) {
    .take-over img.kubo-mobile {
      display: none; } }
  @media (min-width: 0) {
    .take-over img.promo-number {
      display: none; } }
  @media (min-width: 1024px) {
    .take-over img.promo-number {
      display: block;
      position: absolute;
      width: 45%;
      top: 160px;
      right: 0;
      margin-right: -7%; } }
  @media (min-width: 1239px) {
    .take-over img.promo-number {
      display: block;
      position: absolute;
      width: 45%;
      top: 80px;
      right: 0;
      margin-right: -3%; } }
.solutions .content h3 {
  margin-top: 0em; }

.solutions h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

@media (min-width: 1024px) {
  .solutions .left-section {
    padding-right: 50px; } }

@media (min-width: 1024px) {
  .solutions .right-section {
    padding-left: 50px; } }

.solutions .right-section img {
  display: block;
  margin: 40px 0px; }

@media (min-width: 1024px) {
  .solutions .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.solutions .quotation {
  font-size: 1.6rem;
  padding-top: 40px; }
  .solutions .quotation:before {
    content: url("//images.ctfassets.net/o7xu9whrs0u9/7d6mp0Q5dSUXcGIAR72JQw/9fa3d1004162ba0846df9a020e88d282/quots.png");
    position: relative;
    display: block;
    margin-bottom: 20px; }
  @media (min-width: 0) {
    .solutions .quotation {
      line-height: 1.4em; } }
  @media (min-width: 769px) {
    .solutions .quotation {
      line-height: 1.6em; } }
.solutions .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.industry .hero.blue-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), to(#ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%); }

.industry img.hero-img {
  display: block; }
  @media (min-width: 0) {
    .industry img.hero-img {
      width: 80%; } }
  @media (min-width: 1024px) {
    .industry img.hero-img {
      float: right;
      max-width: 450px; } }
.industry .quotation {
  font-size: 1.6rem;
  padding-top: 40px; }
  .industry .quotation:before {
    content: url("//images.ctfassets.net/o7xu9whrs0u9/7d6mp0Q5dSUXcGIAR72JQw/9fa3d1004162ba0846df9a020e88d282/quots.png");
    position: relative;
    display: block;
    margin-bottom: 20px; }
  @media (min-width: 0) {
    .industry .quotation {
      line-height: 1.4em; } }
  @media (min-width: 769px) {
    .industry .quotation {
      line-height: 1.6em; } }
@media (min-width: 0) {
  .industry .industry-customers {
    margin-top: 4rem; } }

@media (min-width: 769px) {
  .industry .industry-customers {
    margin-top: 7rem; } }

@media (min-width: 0) {
  .industry .industry-customers .industry-logos {
    display: flex;
    justify-content: center;
    flex-direction: column; } }

@media (min-width: 769px) {
  .industry .industry-customers .industry-logos {
    display: flex;
    justify-content: center;
    flex-direction: row; } }

@media (min-width: 0) {
  .industry .industry-customers .industry-logos img.industry-customer {
    max-width: 200px;
    margin: 0px auto; } }

@media (min-width: 769px) {
  .industry .industry-customers .industry-logos img.industry-customer {
    max-width: 240px;
    margin: 20px 55px; } }

.industry .is-short {
  max-width: 550px;
  margin: auto; }

.industry .related h4 {
  margin-top: 10px; }

.industry .related .link-icon {
  font-size: 18px; }
  .industry .related .link-icon i.fa.fa-arrow-right {
    font-size: 16px; }

.industry .related img.blurb-icon {
  height: 85px;
  width: 85px; }

.industry .blurbs .related .blurb-description {
  font-size: 1.3em;
  line-height: 1.5;
  margin-bottom: 10px; }

.legal h3 {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    .legal h3 {
      font-size: 2.4rem;
      line-height: 1.5; } }
  @media (min-width: 769px) {
    .legal h3 {
      font-size: 2REM; } }
.legal .table.is-bordered.is-v-centered td {
  vertical-align: middle; }

.legal .table.is-bordered.is-v-centered th {
  vertical-align: middle; }

.legal .th-bg thead th {
  background-color: #F1F1F1; }

.seo-page .navy-hero {
  background-image: url("https://w2.influxdata.com/wp-content/uploads/navy-bg.png");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media (min-width: 0) {
    .seo-page .navy-hero {
      min-height: 200px;
      border-radius: 40px; } }
  @media (min-width: 769px) {
    .seo-page .navy-hero {
      min-height: 300px;
      border-radius: 60px; } }
  @media (min-width: 1024px) {
    .seo-page .navy-hero {
      min-height: 410px;
      border-radius: 80px; } }
  .seo-page .navy-hero h1 {
    color: #5ee4e4; }
    @media (min-width: 0) {
      .seo-page .navy-hero h1 {
        font-size: 2.5rem;
        padding: 20px 20px 0px 20px; } }
    @media (min-width: 769px) {
      .seo-page .navy-hero h1 {
        font-size: 3.8rem;
        padding: 20px 40px 0px 40px; } }
.seo-page .grey_section_bg {
  background-color: #F6F9FC;
  overflow: hidden; }
  .seo-page .grey_section_bg .has-text-wide {
    letter-spacing: 5px; }
  .seo-page .grey_section_bg .content h1 {
    margin-top: 30px; }
  @media (min-width: 1024px) {
    .seo-page .grey_section_bg .haze-block {
      position: absolute;
      z-index: 0;
      height: 800px;
      left: 64%;
      right: -50%;
      top: -10%;
      border-radius: 100px;
      background: #fff;
      mix-blend-mode: normal;
      opacity: 0.4;
      -webkit-box-shadow: 0px 30px 55px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 30px 55px rgba(27, 20, 65, 0.08);
      -webkit-transform: rotate(22deg);
              transform: rotate(22deg); } }
  .seo-page .grey_section_bg img.hero-img {
    position: relative;
    z-index: 100; }

.seo-page .purple-banner {
  margin: 35px 0px;
  background-color: #9B2AFF;
  border-radius: 30px;
  padding: 30px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .seo-page .purple-banner a.button.is-outlined.is-white.is-medium {
    border: 2px solid #fff;
    border-radius: 10px;
    font-weight: bold; }

.seo-page .content h2:first-of-type {
  margin-top: 0rem; }

.seo-page .excerpt h1 {
  font-weight: 700 !important;
  color: #020a47 !important; }
  @media (min-width: 0) {
    .seo-page .excerpt h1 {
      font-size: 2.4rem; } }
  @media (min-width: 769px) {
    .seo-page .excerpt h1 {
      font-size: 3.6rem; } }
.seo-page .col-count {
  padding-bottom: 30px; }
  @media (min-width: 0) {
    .seo-page .col-count {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 0px;
         -moz-column-gap: 0px;
              column-gap: 0px; } }
  @media (min-width: 769px) {
    .seo-page .col-count {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
.seo-page .excerpt p {
  font-size: 1.3rem;
  line-height: 1.5; }

.seo-page img.hero-img {
  display: block; }
  @media (min-width: 0) {
    .seo-page img.hero-img {
      width: 80%;
      float: none; } }
  @media (min-width: 1024px) {
    .seo-page img.hero-img {
      float: right;
      max-width: 450px; } }
@media (min-width: 1024px) {
  .seo-page .left-section {
    padding-right: 50px; } }

.seo-page .right-section {
  display: block;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .seo-page .right-section {
      padding-left: 20px; } }
  .seo-page .right-section img {
    display: block;
    margin: 40px 0px; }

.seo-page .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.seo-page .page-index {
  display: block;
  border: 1px solid #dddddd;
  padding: 40px;
  border-radius: 20px; }

.seo-page .column.custom-list ul {
  margin: 5px 2px 15px;
  padding: 0; }
  .seo-page .column.custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 45px;
    font-size: 1.3rem;
    line-height: 1.4; }

.seo-page .column.custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 13px #D30971;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px; }

.seo-page .column.custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1.6%;
  top: 7px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.uni-banner {
  background-color: #020a47;
  border-radius: 50px;
  padding: 30px 30px 10px 30px; }
  .uni-banner .column {
    padding: 40px 20px; }
  .uni-banner .col-content {
    min-height: 150px;
    padding-top: 40px; }
  .uni-banner p {
    font-size: 22px;
    line-height: 1.3em; }
  .uni-banner .uni-col h3 {
    line-height: 0.5em; }
  @media (min-width: 0) {
    .uni-banner .border-right {
      border-bottom: 1px solid #323B85; } }
  @media (min-width: 769px) {
    .uni-banner .border-right {
      border-right: 1px solid #323B85;
      border-bottom: none; } }
.solutions_main img.logo-img {
  max-width: 200px;
  display: block;
  margin: 30px auto;
  border: 1px solid #dddddd;
  border-radius: 16px;
  padding: 30px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
  .solutions_main img.logo-img:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

.solutions_main .button.is-gradient {
  width: 180px;
  font-weight: 600;
  margin-top: 20px; }

@media (min-width: 1024px) {
  .solutions_main .column.with-logos {
    padding-left: 60px; } }

.solutions_main .button.is-gradient.is-outlined {
  width: 150px; }

.solutions_main .icon-text {
  font-size: 18px; }

.solutions_main .icon {
  font-size: 16px; }

@media (min-width: 0) {
  .solutions_main .subheader h3 {
    font-size: 1.2REM;
    line-height: 1.2; } }

@media (min-width: 769px) {
  .solutions_main .subheader h3 {
    font-size: 1.8REM;
    line-height: 1.3;
    color: #08214b;
    font-weight: 400; } }

.solutions_main .subheader p {
  font-size: 1.2REM;
  line-height: 1.5; }

.developers h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

@media (min-width: 0) {
  .developers .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .developers .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

@media (min-width: 1024px) {
  .developers .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.developers .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.developers .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.developers .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.developers .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.developers .code_section_bg {
  padding: 0px; }
  @media (min-width: 0) {
    .developers .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px;
      background: #020A47; } }
  @media (min-width: 1024px) {
    .developers .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #020A47), color-stop(50%, #fff));
      background: linear-gradient(90deg, #020A47 50%, #fff 50%); } }
  @media (min-width: 0) {
    .developers .code_section_bg .hero-body {
      padding: 0px 10px; } }
  @media (min-width: 769px) {
    .developers .code_section_bg .hero-body {
      padding: 0px; } }
  @media (min-width: 1024px) {
    .developers .code_section_bg .hero-body {
      padding: 0px; } }
  .developers .code_section_bg .container {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .developers .code_section_bg .container {
        background-image: url("https://w2.influxdata.com/wp-content/uploads/code-bg-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        border-radius: 0px 60px 60px 0px; } }
    @media (min-width: 1024px) {
      .developers .code_section_bg .container .column h4 {
        min-height: 60px; } }
.developers .link-icon {
  font-size: 18px;
  color: #020a47; }
  .developers .link-icon:hover {
    color: #9394ff; }

.developers .icon {
  font-size: 15px; }

.developers .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.developers .integrations-title {
  margin-bottom: -50px; }

.developers #client_libraries {
  overflow: hidden; }
  .developers #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 100px;
    border-radius: 11px; }
  .developers #client_libraries .card img {
    width: 130px;
    height: auto; }
  .developers #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 60px; }
  .developers #client_libraries .slider-pagination {
    display: none; }
  .developers #client_libraries .slider-navigation-next {
    position: absolute;
    top: 20px;
    right: 10px; }
  .developers #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 20px;
    margin-left: calc(100% - 105px); }
  .developers #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .developers #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .developers #client_libraries svg {
    width: 7px; }
    .developers #client_libraries svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.developers #blurbs {
  overflow: hidden; }
  .developers #blurbs .item-0, .developers #blurbs .item-1, .developers #blurbs .item-2, .developers #blurbs .item-3 {
    background-color: #fff;
    padding: 30px;
    margin: 30px;
    border-radius: 20px; }
  .developers #blurbs .b-description {
    min-height: 200px; }
  .developers #blurbs .icon-text a {
    color: #d30971; }
    .developers #blurbs .icon-text a:hover {
      color: #9b2aff; }
  .developers #blurbs img.blrb-img {
    max-width: 85px;
    background-color: transparent;
    margin-bottom: 0px; }
  .developers #blurbs .slider-pagination {
    display: none; }

.developers img.grey-filter {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding: 0px 20px; }

.developers .with-inline-buttons a.link-icon {
  margin-top: 7px; }

.developers .with-inline-buttons a.button.is-gradient {
  margin-right: 20px; }

/*--top banner with GitHub star count--*/
.hero.navy-bg.banner {
  position: relative;
  z-index: 10;
  background-color: #020A47; }
  @media (min-width: 0) {
    .hero.navy-bg.banner {
      margin: 0px; } }
  @media (min-width: 1024px) {
    .hero.navy-bg.banner {
      margin: 0px; } }
  .hero.navy-bg.banner p {
    color: #fff;
    line-height: 1.5;
    margin: 10px 0px; }
    .hero.navy-bg.banner p .has-text-weight-bold {
      padding-left: 10px;
      padding-right: 7px; }
  .hero.navy-bg.banner i.fab.fa-github-square {
    font-size: 28px; }

/*--styling for University page--*/
@media (min-width: 0) {
  .university .training-flex {
    display: flex;
    flex-direction: column; } }

@media (min-width: 1024px) {
  .university .training-flex {
    display: flex;
    flex-direction: row;
    gap: 50px; } }

.university .training-flex .training-block {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  border-radius: 30px; }
  @media (min-width: 0) {
    .university .training-flex .training-block {
      width: 100%;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .university .training-flex .training-block {
      width: 25%;
      margin-bottom: 5px; } }
  .university .training-flex .training-block p {
    color: #fff;
    font-size: 24px;
    background-color: #9b2aff;
    border-radius: 30px 30px 0px 0px;
    padding: 20px;
    min-height: 130px; }
  .university .training-flex .training-block span {
    color: #9b2aff;
    padding: 7px 10px 20px 10px; }
    .university .training-flex .training-block span:hover {
      color: #9394FF; }

.university img.idbu-testimonial {
  width: 100px;
  border-radius: 100px; }

section.events h1 {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    section.events h1 {
      font-size: 2.4rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    section.events h1 {
      font-size: 4.2REM;
      line-height: 1.1; } }
  @media (min-width: 1024px) {
    section.events h1 {
      font-size: 4.5REM;
      line-height: 1.1; } }
section.events h2 {
  font-size: 30px;
  font-weight: 500; }

section.events h3 {
  color: #020A47;
  font-weight: 500;
  line-height: 1.2; }
  @media (min-width: 0) {
    section.events h3 {
      font-size: 1.4rem; } }
  @media (min-width: 769px) {
    section.events h3 {
      font-size: 1.8REM; } }
  @media (min-width: 1024px) {
    section.events h3 {
      font-size: 2REM; } }
section.events .subheading p {
  color: #020A47;
  font-weight: 500; }
  @media (min-width: 0) {
    section.events .subheading p {
      font-size: 1.4rem;
      line-height: 1.3em; } }
  @media (min-width: 769px) {
    section.events .subheading p {
      font-size: 1.8rem;
      line-height: 1.3em; } }
  @media (min-width: 1024px) {
    section.events .subheading p {
      font-size: 2rem;
      line-height: 1.3em; } }
section.events .slider > h4 {
  border: 1px solid #9B2AFF;
  border-radius: 30px;
  background-color: #fff;
  display: block;
  float: left;
  min-width: 90px;
  text-align: center;
  padding: 5px 10px;
  margin: 0px 5px 15px 0px;
  font-size: 13px;
  color: #9B2AFF;
  cursor: pointer;
  clear: none; }

section.events .slider > h4.active {
  background-color: #9B2AFF;
  border-color: #9B2AFF;
  border-radius: 30px;
  color: #fff; }

section.events .slider ul {
  list-style: none;
  display: none;
  clear: left;
  overflow: hidden;
  margin-left: 0; }
  section.events .slider ul li {
    display: block;
    overflow: hidden; }
    section.events .slider ul li h2 {
      color: #020A47 !important;
      padding: 5px 30px 5px 0px;
      margin: 0;
      float: left;
      font-weight: 600;
      font-size: 30px;
      display: inline-block;
      min-width: 70px; }
    section.events .slider ul li h3 {
      font-weight: 400;
      padding: 10px 20px 20px 0px;
      margin: 0;
      cursor: pointer;
      overflow: hidden;
      clear: none;
      font-size: 20px !important;
      line-height: 1.3em !important;
      color: #9b2aff !important; }
    section.events .slider ul li .accordion {
      max-height: 100vh;
      padding-left: 0 !important;
      background-color: #fafafa; }

section.events .slider ul.active {
  display: block; }

section.events .slider .after-icon-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: #020A47;
  padding-left: 10px;
  padding-bottom: 15px; }

section.events .slider .event-time {
  padding-top: 10px; }

section.events .slider .event-location {
  padding-top: 10px; }

section.events .slider .event-details {
  padding: 15px 20px 0px 20px; }

section.events .slider .event-cal {
  padding: 0px 20px; }

section.events .slider .calendar-text {
  font-size: 20px;
  display: inline-block;
  margin-left: 15px;
  padding-bottom: 20px; }

section.events .slider .icon {
  margin-left: -4px; }

section.events .slider tbody tr td {
  padding-left: 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }

section.events .slider td.loc {
  border-left: 1px solid #e0e0e0; }

section.events .slider .content table {
  margin-bottom: 0em !important; }

section.events .has-events a.button.is-gradient {
  display: none; }

.about .navy-hero {
  background-image: url("https://w2.influxdata.com/wp-content/uploads/Developers-about.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media (min-width: 0) {
    .about .navy-hero {
      border-radius: 40px;
      padding: 40px 20px; } }
  @media (min-width: 769px) {
    .about .navy-hero {
      border-radius: 60px;
      padding: 70px; } }
  @media (min-width: 1024px) {
    .about .navy-hero {
      border-radius: 80px;
      padding: 80px; } }
  .about .navy-hero h1 {
    color: #fff;
    font-weight: 700;
    max-width: 720px; }
    @media (min-width: 0) {
      .about .navy-hero h1 {
        font-size: 2.5rem; } }
    @media (min-width: 769px) {
      .about .navy-hero h1 {
        font-size: 3.8rem;
        padding-bottom: 40px; } }
.about .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.about h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

@media (min-width: 0) {
  .about .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .about .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

@media (min-width: 1024px) {
  .about .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.about .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.about h2.has-text-centered.teal-divider:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.about .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.about .crcl-reslults {
  display: block;
  margin: 30px auto;
  width: 200px;
  height: 200px;
  background: #5EE4E4;
  border-radius: 150px;
  border: 15px solid #1f4b76; }
  .about .crcl-reslults h4 {
    padding-top: 20%;
    font-size: 2.2rem; }

.about .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.about .code_section_bg {
  padding: 0px; }
  @media (min-width: 0) {
    .about .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px;
      background: #020A47; } }
  @media (min-width: 1024px) {
    .about .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #020A47), color-stop(50%, #fff));
      background: linear-gradient(90deg, #020A47 50%, #fff 50%); } }
  @media (min-width: 0) {
    .about .code_section_bg .hero-body {
      padding: 0px 10px; } }
  @media (min-width: 769px) {
    .about .code_section_bg .hero-body {
      padding: 0px; } }
  @media (min-width: 1024px) {
    .about .code_section_bg .hero-body {
      padding: 0px; } }
  .about .code_section_bg .container {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .about .code_section_bg .container {
        background-color: #020A47;
        border-radius: 0px 60px 60px 0px; } }
    .about .code_section_bg .container .title.is-2.teal {
      color: #5EE4E4;
      margin-bottom: 30px; }
    .about .code_section_bg .container a {
      color: #fff;
      text-decoration: underline; }
  .about .code_section_bg .container.blue-overlay {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .about .code_section_bg .container.blue-overlay {
        background-image: url("https://w2.influxdata.com/wp-content/uploads/code-bg-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        border-radius: 0px 60px 60px 0px; } }
    .about .code_section_bg .container.blue-overlay h3.title.is-2.has-text-weight-bold.has-text-white {
      padding-left: 0.75rem; }
    .about .code_section_bg .container.blue-overlay h3.has-text-weight-bold.is-navy.is-size-3 {
      margin-top: 10px; }

.about .container.light-grey {
  padding: 30px 25px 0px 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.about #client_libraries {
  overflow: hidden; }
  .about #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 100px;
    border-radius: 11px; }
  .about #client_libraries .card img {
    width: 130px;
    height: auto; }
  .about #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 60px; }
  .about #client_libraries .slider-pagination {
    display: none; }
  .about #client_libraries .slider-navigation-next {
    position: absolute;
    top: 20px;
    right: 10px; }
  .about #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 20px;
    margin-left: calc(100% - 105px); }
  .about #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .about #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .about #client_libraries svg {
    width: 7px; }
    .about #client_libraries svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.about .column.is-values p {
  font-size: 22px; }

.about img.investor-logo {
  padding: 0px 30px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
  .about img.investor-logo:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

.about .award-wrapper {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 30px 5px 10px 5px; }
  .about .award-wrapper img.awards-logo {
    max-width: 170px;
    padding-bottom: 15px;
    margin: auto; }
  .about .award-wrapper p.award-txt {
    line-height: 1.25; }
    @media (min-width: 0) {
      .about .award-wrapper p.award-txt {
        min-height: 40px; } }
    @media (min-width: 1239px) {
      .about .award-wrapper p.award-txt {
        min-height: 20px; } }
.about .subheading.for-awards {
  max-width: 900px; }

@media (min-width: 0) {
  .about .columns.investors-second {
    padding: 0px; } }

@media (min-width: 769px) {
  .about .columns.investors-second {
    padding: 0px 5%; } }

.about h3.has-text-weight-bold.title.is-2 {
  margin-bottom: 0px; }

.about .button.is-responsive.is-outlined.is-purple.is-rounded.active_tab {
  background-color: #9B2AFF;
  color: #fff; }

@media (min-width: 0) {
  .about .button.is-responsive.is-outlined.is-purple.is-rounded {
    margin: 5px 10px;
    min-width: 220px; } }

@media (min-width: 769px) {
  .about .button.is-responsive.is-outlined.is-purple.is-rounded {
    margin: 5px 13px;
    min-width: 220px; } }

.about .person {
  padding-bottom: 30px; }

.about .icon {
  display: inline; }

.about i.fa-brands {
  font-size: 20px;
  padding: 0px;
  margin: 15px 13px 10px 13px;
  color: #bec2cc; }
  .about i.fa-brands:first-child {
    margin-left: 0px; }
  .about i.fa-brands:hover {
    color: #9B2AFF; }

.about .job-title {
  font-size: 18px; }

.about .leader-bio img.modal-button {
  width: 250px;
  border: 1px solid #ddd;
  border-radius: 500px; }
  .about .leader-bio img.modal-button:hover {
    border: 1px solid #9B2AFF; }

.about .leader-bio h4 {
  font-weight: 400;
  margin-bottom: 0px; }

.about .leader-bio p {
  margin-bottom: 0px; }

.about .modal-background {
  background-color: rgba(0, 0, 0, 0.2); }

@media (min-width: 1024px) {
  .about button.modal-close.is-large {
    right: calc(50% - 530px);
    margin-top: 12%; } }

.about .modal-close::before, .about .modal-close::after {
  background-color: black; }

.about .modal-content {
  background-color: #fff;
  margin-top: 12%;
  border-radius: 30px;
  padding: 10px 60px;
  -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1); }
  @media (min-width: 0) {
    .about .modal-content {
      width: 90%; } }
  @media (min-width: 769px) {
    .about .modal-content {
      width: 80%; } }
  @media (min-width: 1024px) {
    .about .modal-content {
      max-width: 1100px;
      width: 90%; } }
  .about .modal-content img.leader-image-full {
    border: 1px solid #cccccc;
    border-radius: 15px; }
  .about .modal-content hr.grey-line {
    width: 140px;
    border-top: 1px solid #ccc;
    background-color: #fff; }
  .about .modal-content .subheading {
    color: #020A47; }

.about .team-images .hero-body.px-0 {
  margin-right: -15px;
  margin-left: -15px; }

.about .team-images img.team-img {
  border-radius: 20px; }

.about .team-images .columns.is-variable.is-2 {
  margin-bottom: 0; }

.about .people-career p {
  font-size: 18px; }

.about .people-career img {
  border-radius: 30px; }

@media (min-width: 0) {
  .about .people-career .column.is-one-quarter {
    padding-right: 0px; } }

@media (min-width: 769px) {
  .about .people-career .column.is-one-quarter {
    padding-right: 60px; } }

.about .temp-hide {
  display: none; }

.about #grnhse_iframe {
  display: block;
  width: 100% !important; }

.guide-page .pink-bg {
  background-color: #d30971; }

.guide-page .grey-bg {
  background-color: #f6f6f8; }

.guide-page .content h2:not(:first-child) {
  margin-top: 1.1428em; }

.guide-page .excerpt p {
  font-weight: 500; }
  @media (min-width: 0) {
    .guide-page .excerpt p {
      font-size: 1.6rem;
      line-height: 1.3em; } }
  @media (min-width: 769px) {
    .guide-page .excerpt p {
      font-size: 2rem;
      line-height: 1.25em; } }
.guide-page .col-count {
  padding-bottom: 30px; }
  @media (min-width: 0) {
    .guide-page .col-count {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 0px;
         -moz-column-gap: 0px;
              column-gap: 0px; } }
  @media (min-width: 769px) {
    .guide-page .col-count {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
.guide-page h3 {
  line-height: 1.2em;
  font-size: 2rem;
  color: #020a47;
  font-weight: 700; }

.guide-page h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

.guide-page img.hero-img {
  display: block; }
  @media (min-width: 0) {
    .guide-page img.hero-img {
      width: 80%;
      float: none; } }
  @media (min-width: 1024px) {
    .guide-page img.hero-img {
      float: right;
      max-width: 400px; } }
@media (min-width: 1024px) {
  .guide-page .left-section {
    padding-right: 50px; } }

.guide-page .right-section {
  display: block;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .guide-page .right-section {
      padding-left: 20px; } }
  .guide-page .right-section img {
    display: block;
    margin: 40px 0px; }

.guide-page .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.guide-page .page-index {
  display: block;
  border: 1px solid #dddddd;
  padding: 40px;
  border-radius: 20px; }

.guide-page .link-icon {
  font-size: 18px;
  color: #020a47; }
  .guide-page .link-icon:hover {
    color: #9394ff; }

.guide-page .icon {
  font-size: 15px; }

.uni-banner {
  background-color: #020a47;
  border-radius: 50px;
  padding: 30px 30px 10px 30px; }
  .uni-banner .column {
    padding: 40px 20px; }
  .uni-banner .col-content {
    min-height: 150px;
    padding-top: 40px; }
  .uni-banner p {
    font-size: 22px;
    line-height: 1.3em; }
  .uni-banner .uni-col h3 {
    line-height: 0.5em; }
  @media (min-width: 0) {
    .uni-banner .border-right {
      border-bottom: 1px solid #323B85; } }
  @media (min-width: 769px) {
    .uni-banner .border-right {
      border-right: 1px solid #323B85;
      border-bottom: none; } }
.customers {
  /*---top right slider ---*/
  /* -closing .slideshow */
  /*-- Customers grid --*/
  /*--single customer pages---*/
  /* closing .related-custom */ }
  @media (min-width: 769px) {
    .customers .haze-top-right {
      position: absolute;
      height: 550px;
      left: 61%;
      right: -30%;
      top: -90%;
      border-radius: 100px;
      background: #fff;
      mix-blend-mode: normal;
      opacity: 0.4;
      -webkit-box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
      -webkit-transform: rotate(23deg);
              transform: rotate(23deg); } }
  .customers .link-icon {
    color: #020A47;
    font-size: 18px; }
  .customers .icon {
    font-size: 15px; }
  .customers .header-buttons .icon-text {
    margin-top: 13px;
    margin-left: 20px; }
  .customers .slideshow {
    max-width: 650px;
    overflow: hidden;
    /*-closing .is-slide*/ }
    @media (min-width: 0) {
      .customers .slideshow {
        display: none; } }
    @media (min-width: 769px) {
      .customers .slideshow {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px; } }
    @media (min-width: 1024px) {
      .customers .slideshow {
        display: block;
        margin-top: -230px;
        margin-left: 0px;
        margin-right: 0px; } }
    @media (min-width: 1239px) {
      .customers .slideshow {
        display: block;
        margin-top: -166px;
        margin-left: 80px;
        margin-right: -70px; } }
    .customers .slideshow .is-slide {
      background-repeat: no-repeat;
      background-color: #020a47;
      overflow: hidden;
      padding: 40px;
      max-width: 650px; }
      @media (min-width: 0) {
        .customers .slideshow .is-slide {
          display: none; } }
      @media (min-width: 769px) {
        .customers .slideshow .is-slide {
          display: flex;
          background-position: center bottom;
          background-size: cover;
          border-radius: 60px;
          height: 580px; } }
      @media (min-width: 1024px) {
        .customers .slideshow .is-slide {
          display: flex;
          background-position: center bottom;
          background-size: cover;
          border-radius: 0px 0px 60px 60px;
          height: 720px; } }
      .customers .slideshow .is-slide .sl-content {
        align-self: flex-end;
        margin-bottom: 5px; }
        .customers .slideshow .is-slide .sl-content p {
          color: #020A47;
          padding-bottom: 10px; }
        @media (min-width: 0) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: none; } }
        @media (min-width: 769px) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: block;
            max-width: 85%; } }
        @media (min-width: 1024px) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: block;
            max-width: 90%; } }
    .customers .slideshow .slide-one {
      background-image: url("https://w2.influxdata.com/wp-content/uploads/capital-one-slide-1.jpg"); }
    .customers .slideshow .slide-two {
      background-image: url("https://w2.influxdata.com/wp-content/uploads/capital-Texas-Instruments.jpg"); }
    .customers .slideshow .slide-three {
      background-image: url("https://w2.influxdata.com/wp-content/uploads/Vera-C-Rubin-Observatory.jpg"); }
    .customers .slideshow .slider-pagination {
      margin-bottom: 20px; }
      .customers .slideshow .slider-pagination .slider-page {
        background: rgba(0, 0, 0, 0.4);
        width: 50px;
        height: 4px; }
        .customers .slideshow .slider-pagination .slider-page:hover {
          -webkit-transform: scale(1);
                  transform: scale(1); }
      .customers .slideshow .slider-pagination .slider-page.is-active {
        -webkit-transform: scale(1);
                transform: scale(1);
        background: #fff; }
    .customers .slideshow .slider-navigation-next {
      display: none; }
    .customers .slideshow .slider-navigation-previous {
      display: none; }
  .customers .slide-mobile {
    background-image: url("https://w2.influxdata.com/wp-content/uploads/capital-one-slide.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 650px;
    border-radius: 50px; }
    @media (min-width: 0) {
      .customers .slide-mobile {
        display: flex; } }
    @media (min-width: 769px) {
      .customers .slide-mobile {
        display: none; } }
    .customers .slide-mobile .sl-mobile-content {
      align-self: flex-end;
      background-color: #5ee4e4;
      padding: 30px;
      border-radius: 0px 0px 50px 50px; }
  .customers .customers-grid #gridfilter {
    margin-bottom: 15px;
    margin-left: 15px; }
  .customers .customers-grid select {
    margin-right: 15px;
    min-width: 300px; }
  .customers .customers-grid .select {
    margin-bottom: 10px; }
  .customers .customers-grid .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #020a47 !important;
    margin-right: 10px; }
  .customers .customers-grid input {
    margin-right: 15px;
    min-width: 300px;
    margin-bottom: 10px; }
  .customers .customers-grid .input {
    margin-bottom: 10px; }
  .customers .customers-grid .button.is-gradient.filter-btn {
    margin-bottom: 25px; }
  .customers .customers-grid .customer-results .card {
    display: block;
    float: left;
    padding: 30px;
    min-height: 310px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .customers .customers-grid .customer-results .card {
        width: 98%;
        margin: 1%; } }
    @media (min-width: 769px) {
      .customers .customers-grid .customer-results .card {
        width: 31%;
        margin: 1%; } }
    @media (min-width: 1024px) {
      .customers .customers-grid .customer-results .card {
        width: 31%;
        margin: 1%; } }
    @media (min-width: 1239px) {
      .customers .customers-grid .customer-results .card {
        width: 23%;
        margin: 1%; } }
    .customers .customers-grid .customer-results .card .customer-logo {
      width: 120px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 80px; }
    .customers .customers-grid .customer-results .card h4 {
      text-align: center;
      color: #020a47;
      font-size: 1.1em;
      font-weight: 500;
      line-height: 1.3rem; }
    .customers .customers-grid .customer-results .card p {
      display: none; }
    .customers .customers-grid .customer-results .card:hover {
      background-color: #9b2aff; }
      .customers .customers-grid .customer-results .card:hover .customer-logo {
        display: none; }
      .customers .customers-grid .customer-results .card:hover h4 {
        color: #fff; }
      .customers .customers-grid .customer-results .card:hover p {
        display: block;
        font-size: 1rem;
        line-height: 1.4em;
        color: #fff;
        text-align: center;
        min-height: 180px;
        padding-top: 10%; }
  @media (min-width: 0) {
    .customers .column.is-two-thirds.main-content {
      padding-right: 0px; } }
  @media (min-width: 769px) {
    .customers .column.is-two-thirds.main-content {
      padding-right: 70px; } }
  .customers .column.is-two-thirds.main-content .customers-inline-btn {
    padding: 20px 0px; }
  .customers .column.is-two-thirds.main-content .et_pb_button {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    padding: 13px;
    margin-bottom: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
    background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%); }
    .customers .column.is-two-thirds.main-content .et_pb_button:hover {
      background: -webkit-gradient(linear, left top, right top, from(#9b2aff), to(#d30971));
      background: linear-gradient(90deg, #9b2aff 0%, #d30971 100%); }
  .customers .column.is-two-thirds.main-content .secondary-btn {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    color: #171717;
    font-weight: 600;
    -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
            box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
    -webkit-box-shadow: 3px 1000px 1px #fff inset;
            box-shadow: 3px 1000px 1px #fff inset; }
    .customers .column.is-two-thirds.main-content .secondary-btn:hover {
      border: solid 3px transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: white !important; }
  .customers .customer-description img.logo-img {
    display: inline-block;
    float: left;
    border: 1px solid #CDCFD6;
    border-radius: 20px;
    padding: 30px;
    width: 200px;
    margin-right: 40px;
    margin-bottom: 20px; }
  .customers .has-border {
    padding: 40px 0px 20px 0px;
    border-top: 1px solid #cdcfd6; }
  .customers .customer-hl .top-text {
    color: #d30971;
    font-size: 2.4rem;
    line-height: 1.2em; }
  .customers .customer-hl .bottom-text {
    font-size: 1.3rem;
    line-height: 1.3em; }
  .customers .cstmr-tstm {
    font-size: 1.4rem;
    color: #757888;
    line-height: 1.4em; }
  .customers .related-custom .columns {
    gap: 60px; }
  .customers .related-custom .column {
    display: block;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 0px;
    margin-bottom: 30px; }
    .customers .related-custom .column .img-wrap {
      border-bottom: 1px solid #cccfd5; }
    .customers .related-custom .column img.logo-img {
      width: 120px; }
  .customers .related-custom .rc-content {
    padding: 40px 30px; }
    .customers .related-custom .rc-content .rc-title {
      font-size: 1.4rem;
      line-height: 1em; }
    .customers .related-custom .rc-content .rc-text {
      min-height: 125px; }
  .customers .fish .has-text-weight-bold.subtitle.is-3 {
    line-height: 1.25em; }

/* closing .customers */
.products .container.navy-bg {
  background-color: #fff;
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 50px;
  padding: 40px 20px; }
  .products .container.navy-bg .breadcrumb-left {
    text-align: left; }
    @media (min-width: 0) {
      .products .container.navy-bg .breadcrumb-left {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .products .container.navy-bg .breadcrumb-left {
        padding-left: 20px; } }
  .products .container.navy-bg .subheading {
    font-size: 1.8rem;
    display: block;
    padding: 5px 0px 10px 0px;
    max-width: 880px;
    margin: auto; }
  .products .container.navy-bg .purple-link {
    color: #5EE4E4; }
    .products .container.navy-bg .purple-link:hover {
      color: #9394FF; }

.products h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

.products img.top-icon {
  width: 85px; }

@media (min-width: 0) {
  .products .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .products .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

@media (min-width: 1024px) {
  .products .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.products .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.products .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.products .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.products .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.products .code_section_bg {
  padding: 0px; }
  @media (min-width: 0) {
    .products .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px;
      background: #020A47; } }
  @media (min-width: 1024px) {
    .products .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #020A47), color-stop(50%, #fff));
      background: linear-gradient(90deg, #020A47 50%, #fff 50%); } }
  @media (min-width: 0) {
    .products .code_section_bg .hero-body {
      padding: 0px 10px; } }
  @media (min-width: 769px) {
    .products .code_section_bg .hero-body {
      padding: 0px; } }
  @media (min-width: 1024px) {
    .products .code_section_bg .hero-body {
      padding: 0px; } }
  .products .code_section_bg .container {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .products .code_section_bg .container {
        background-image: url("https://w2.influxdata.com/wp-content/uploads/code-bg-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        border-radius: 0px 60px 60px 0px;
        padding-right: 60px; } }
    @media (min-width: 1024px) {
      .products .code_section_bg .container .column h4 {
        min-height: 60px; } }
.products .link-icon {
  font-size: 18px;
  color: #020a47; }
  .products .link-icon:hover {
    color: #9394ff; }

.products .icon {
  font-size: 15px; }

.products .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.products .integrations-title {
  margin-bottom: -40px; }

.products #client_libraries {
  overflow: hidden; }
  .products #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 100px;
    border-radius: 11px; }
  .products #client_libraries .card img {
    width: 130px;
    height: auto; }
  .products #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 60px; }
  .products #client_libraries .slider-pagination {
    display: none; }
  .products #client_libraries .slider-navigation-next {
    position: absolute;
    top: 20px;
    right: 10px; }
  .products #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 20px;
    margin-left: calc(100% - 105px); }
  .products #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products #client_libraries svg {
    width: 7px; }
    .products #client_libraries svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.products #blurbs {
  overflow: hidden; }
  .products #blurbs .item-0, .products #blurbs .item-1, .products #blurbs .item-2, .products #blurbs .item-3, .products #blurbs .item-4, .products #blurbs .item-5 {
    background-color: #fff;
    padding: 30px;
    margin: 30px 30px 30px 0px;
    border-radius: 20px; }
  .products #blurbs h4 {
    display: block;
    min-height: 58px; }
  @media (min-width: 0) {
    .products #blurbs .b-description {
      min-height: 200px; } }
  @media (min-width: 1024px) {
    .products #blurbs .b-description {
      min-height: 430px; } }
  @media (min-width: 0) {
    .products #blurbs .s-description {
      min-height: 100px; } }
  @media (min-width: 1024px) {
    .products #blurbs .s-description {
      min-height: 110px; } }
  @media (min-width: 0) {
    .products #blurbs .m-description {
      min-height: 150px; } }
  @media (min-width: 1024px) {
    .products #blurbs .m-description {
      min-height: 160px; } }
  @media (min-width: 0) {
    .products #blurbs .e-description {
      min-height: 160; } }
  @media (min-width: 1024px) {
    .products #blurbs .e-description {
      min-height: 180px; } }
  @media (min-width: 0) {
    .products #blurbs .c-description {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products #blurbs .c-description {
      min-height: 200px; } }
  @media (min-width: 0) {
    .products #blurbs .description-250 {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products #blurbs .description-250 {
      min-height: 250px; } }
  .products #blurbs .icon-text a {
    color: #9b2aff; }
    .products #blurbs .icon-text a:hover {
      color: #9394ff; }
  .products #blurbs img.blrb-img {
    max-width: 65px;
    background-color: transparent;
    margin-bottom: 0px; }
  .products #blurbs .slider-pagination {
    display: none; }
  .products #blurbs .slider-container {
    margin-top: 40px; }
  .products #blurbs .slider-navigation-next {
    top: -15px;
    background-color: transparent; }
    .products #blurbs .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products #blurbs .slider-navigation-next {
        margin-right: 2%; } }
    .products #blurbs .slider-navigation-next svg {
      color: #fff;
      margin-left: 4px; }
  .products #blurbs .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    margin-left: calc(100% - 120px); }
    .products #blurbs .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products #blurbs .slider-navigation-previous svg {
      color: #fff; }

.products img.grey-filter {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding: 0px 20px; }

.products .with-inline-buttons a.link-icon {
  margin-top: 7px; }

.products .with-inline-buttons a.button.is-gradient {
  margin-right: 20px; }

.products #app h4 {
  line-height: 1.4em; }

.products .accordion .card {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
  .products .accordion .card .card-header {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .products .accordion .card .card-content {
    padding: 10px 0px; }
  .products .accordion .card svg.header-icon {
    width: 15px; }
  .products .accordion .card .card-header-title {
    padding: 0px; }
    .products .accordion .card .card-header-title h4 {
      font-size: 22px;
      line-height: 1.4em;
      margin: 25px 0px 7px 0px;
      line-height: 1em; }

.products .map {
  background-color: #141445;
  border-radius: 40px; }

@media (min-width: 0) {
  .products .with-channels {
    margin-left: 0px; } }

@media (min-width: 1024px) {
  .products .with-channels {
    margin-left: 50px; } }

.products .with-channels .channel {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
  padding: 20px 20px 10px; }
  .products .with-channels .channel p {
    font-size: 30px;
    font-weight: bold;
    color: #020a47; }
  .products .with-channels .channel img {
    width: 50px;
    height: 50px; }

.products .col-content.is-community {
  padding-top: 20px; }

.products .col-content.is-community img {
  display: block;
  margin-top: -20px; }

.products img.idbu-logo {
  padding-top: 18px; }

.products #client_libraries .card {
  padding-bottom: 5px; }

.products #videos {
  overflow: hidden; }
  .products #videos .slider-item {
    padding: 20px; }
  .products #videos .icon-text a {
    color: #9b2aff; }
    .products #videos .icon-text a:hover {
      color: #9394ff; }
  .products #videos .slider-pagination {
    display: none; }
  .products #videos .slider-container {
    margin-top: 40px; }
  .products #videos .slider-navigation-next {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .products #videos .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products #videos .slider-navigation-next {
        margin-right: 2%; } }
    .products #videos .slider-navigation-next svg {
      color: #020A47;
      margin-left: 4px; }
  .products #videos .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-left: calc(100% - 120px); }
    .products #videos .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products #videos .slider-navigation-previous svg {
      color: #020A47; }

.products .columns.resources .link-icon {
  color: #9b2aff; }
  .products .columns.resources .link-icon:hover {
    color: #9394ff; }

.products .custom-list ul {
  margin: 5px 0px;
  padding: 0; }
  .products .custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 20px 35px;
    line-height: 1.5; }

.products .custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 10px #fff;
  outline: 1px solid #9B2AFF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.products .custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1%;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #9B2AFF;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.products .is-box {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 40px; }

.products .thanks-card {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .products .thanks-card img {
    border-radius: 30px 30px 0px 0px;
    margin-bottom: 10px; }
  .products .thanks-card p {
    padding: 10px 30px; }
  .products .thanks-card a {
    padding: 0px 30px 30px 30px; }

.products .flex-logos {
  display: flex;
  gap: 20px; }
  .products .flex-logos img {
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .products .flex-logos img:hover {
      -webkit-filter: grayscale(0%);
              filter: grayscale(0%); }

.products .flex-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  .products .flex-buttons .button.whats-next {
    max-width: 270px; }

.get-influxdb .container.navy-bg {
  background-color: #fff;
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5JSJ0xCdo47dHDfFk0gQgk/b0d32eb7a821c24715b2f6d09ea04dfb/teal-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 50px; }
  @media (min-width: 0) {
    .get-influxdb .container.navy-bg {
      padding: 40px 20px; } }
  @media (min-width: 1024px) {
    .get-influxdb .container.navy-bg {
      padding: 50px 20px; } }
  .get-influxdb .container.navy-bg h1 {
    font-weight: bold;
    margin-bottom: 10px; }
    @media (min-width: 0) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 42px; } }
    @media (min-width: 769px) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 50px; } }
    @media (min-width: 1024px) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 55px; } }
@media (min-width: 0) {
  .get-influxdb .flex-boxes {
    display: block; } }

@media (min-width: 769px) {
  .get-influxdb .flex-boxes {
    display: black; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes {
    display: flex;
    gap: 60px; } }

@media (min-width: 0) {
  .get-influxdb .flex-boxes .col {
    width: 100%;
    margin-bottom: 50px; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes .col {
    width: 35%;
    margin-bottom: 10px; } }

@media (min-width: 0) {
  .get-influxdb .flex-boxes .col.with-shadow-green {
    width: 100%;
    margin-bottom: 50px; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes .col.with-shadow-green {
    width: 65%;
    margin-bottom: 10px; } }

.get-influxdb .flex-boxes .with-shadow-green {
  padding: 60px 40px 40px 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border: 2px solid #D6F622; }

.get-influxdb .flex-boxes .with-shadow {
  padding: 60px 40px 40px 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12); }

.get-influxdb .flex-boxes .recommended {
  text-align: center;
  letter-spacing: 4px;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  display: block;
  background-color: #D6F622;
  width: 205px;
  margin-top: -80px;
  margin-bottom: 40px; }

.get-influxdb .flex-text {
  display: flex;
  margin: auto;
  justify-content: space-around; }

.get-influxdb .table.is-striped .recommended {
  text-align: center;
  letter-spacing: 4px;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  display: block;
  background-color: #D6F622;
  width: 180px;
  margin: auto;
  font-size: 14px; }

.get-influxdb .table.is-striped tbody tr:not(.is-selected):nth-child(odd) {
  background-color: #F1F1F1; }

.get-influxdb .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fff; }

.get-influxdb .table.is-striped tr td {
  border: 4px solid #fff;
  color: #020A47;
  font-size: 20px;
  padding: 8px 15px; }

.get-influxdb .table.is-striped th {
  color: #020A47;
  font-size: 20px;
  border: none;
  /*border-top: 1px solid #f1f1f1;*/
  padding-top: 15px; }

.get-influxdb .table.is-striped th.th-pink {
  color: #D30971 !important;
  border-left: 8px solid #fff !important;
  border-bottom: 1px solid #CBCBCB !important; }

.telegraf {
  /* modal pop-up with the video */ }
  .telegraf .ts-telegraf:before {
    content: "Download Telegraf";
    margin-right: 7px; }
  .telegraf .has-bottom-border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px; }
    .telegraf .has-bottom-border h5 {
      margin-top: 15px;
      margin-bottom: 5px; }
  .telegraf .temp-hide {
    display: none; }
  .telegraf .modal-content {
    margin: 7% auto;
    max-height: calc(100vh - 40px);
    width: 1000px;
    max-width: calc(100vw - 40px);
    background-color: #fff;
    padding: 20px; }
  .telegraf .modal-button.icon-text {
    font-size: 18px;
    color: #020a47; }
  .telegraf .video-title {
    color: #9B2AFF; }
  @media (min-width: 0) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: column;
      gap: 2%; } }
  @media (min-width: 769px) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2%; } }
  @media (min-width: 1024px) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2%; } }
  .telegraf .flex-boxes .flex-item {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 0) {
      .telegraf .flex-boxes .flex-item {
        width: 100%; } }
    @media (min-width: 769px) {
      .telegraf .flex-boxes .flex-item {
        width: 47%; } }
    @media (min-width: 1024px) {
      .telegraf .flex-boxes .flex-item {
        width: 31%; } }
    .telegraf .flex-boxes .flex-item a {
      font-size: 18px; }

.comparison .grey-bg {
  background-color: #FAFAFA; }
  .comparison .grey-bg .hero-body img.icon-img {
    width: 120px; }
    @media (min-width: 0) {
      .comparison .grey-bg .hero-body img.icon-img {
        display: none; } }
    @media (min-width: 769px) {
      .comparison .grey-bg .hero-body img.icon-img {
        display: block; } }
  .comparison .grey-bg .hero-body img.icon-img.img-1 {
    margin-left: 35px; }
  .comparison .grey-bg .hero-body img.icon-img.img-3 {
    float: right;
    margin-right: 35px; }
  .comparison .grey-bg .hero-body img.icon-img.img-4 {
    float: right; }

.comparison .hero.navy-bg {
  background-color: #020A47; }
  .comparison .hero.navy-bg a.sub-nav-link {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin: 0px 10px; }

.partners .subheading.for-partners {
  font-size: 20px;
  color: #020a47; }

.partners .content h2:not(:first-child) {
  margin-top: 1.2em; }

.partners .column.is-content {
  display: block;
  overflow: hidden; }

.partners .is-content h2:after {
  content: ' ';
  display: block;
  border: 2px solid #5EE4E4;
  width: 80px;
  margin-top: 20px;
  margin-bottom: 25px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.partners img.integration-logo {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 30px;
  margin-right: 40px; }

.partners img.for-webinar {
  border-radius: 30px; }

.partners img.with-border {
  border: 1px solid #dddddd; }

.partners .button.is-gradient.is-normal {
  margin: 20px 0px; }

.partners .customers-inline-btn {
  margin-top: 30px;
  margin-bottom: 30px; }

.partners .et_pb_button:hover {
  color: #fff; }

.partners .et_pb_button:not(:last-child) {
  margin-right: 17px; }

.partners .secondary-btn:not(:last-child) {
  margin-right: 17px; }

.partners .compare-is-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #020a47;
  color: #fff;
  padding: 70px 60px;
  border-radius: 50px; }
  .partners .compare-is-flex .button.is-gradient.is-normal {
    width: 230px; }

.partners a.button.is-gradient.is-normal.is-outlined {
  font-weight: 700;
  padding: 25px 20px; }
  .partners a.button.is-gradient.is-normal.is-outlined .btn-img {
    margin-right: 13px; }

.landing {
  /*--Styling for landing download content pages--*/ }
  .landing .centered {
    margin: auto; }
  .landing .grey-bg {
    background-color: #FAFAFA; }
    @media (min-width: 0) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 2.5REM !important; } }
    @media (min-width: 769px) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 2.8REM !important; } }
    @media (min-width: 1024px) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 3REM !important; } }
    .landing .grey-bg .hero-body img.icon-img {
      width: 85px;
      -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
      border-radius: 100px;
      background-color: #fff;
      padding: 13px; }
      @media (min-width: 0) {
        .landing .grey-bg .hero-body img.icon-img {
          display: none; } }
      @media (min-width: 769px) {
        .landing .grey-bg .hero-body img.icon-img {
          display: block; } }
    .landing .grey-bg .hero-body img.icon-img.img-1 {
      margin-left: 35px; }
    .landing .grey-bg .hero-body img.icon-img.img-3 {
      float: right;
      margin-right: 35px; }
    .landing .grey-bg .hero-body img.icon-img.img-4 {
      float: right;
      margin-bottom: 30px;
      margin-top: 30px; }
    .landing .grey-bg .hero-body img.icon-img.img-2 {
      margin-bottom: 30px;
      margin-top: 30px; }
  .landing .hero.navy-bg {
    background-color: #020A47; }
    .landing .hero.navy-bg a.sub-nav-link {
      display: inline-block;
      color: #fff;
      font-size: 20px;
      margin: 0px 10px; }
  @media (min-width: 0) {
    .landing .lp-content-one .lp-content {
      padding: 20px 0px; } }
  @media (min-width: 769px) {
    .landing .lp-content-one .lp-content {
      padding: 40px 0px; } }
  @media (min-width: 1024px) {
    .landing .lp-content-one .lp-content {
      padding: 50px 0px; } }
  .landing .lp-content-one .lp-width-one {
    max-width: 600px;
    margin: auto; }
  .landing .lp-content-one .lp-width-two {
    max-width: 890px;
    margin: auto; }
  .landing .lp-content-one .lp-width-three {
    max-width: 750px;
    margin: auto; }
  @media (min-width: 0) {
    .landing .lp-content-one .with-text-title {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .landing .lp-content-one .with-text-title {
      font-size: 22px; } }
  @media (min-width: 0) {
    .landing .icon-blurb {
      display: block; } }
  @media (min-width: 1024px) {
    .landing .icon-blurb {
      display: flex;
      margin: 0px 0px 40px 0px; } }
  @media (min-width: 0) {
    .landing .icon-blurb .with-image img {
      max-width: 60px;
      margin: 20px 20px 10px 0px; } }
  @media (min-width: 1024px) {
    .landing .icon-blurb .with-image img {
      max-width: 50px;
      margin: 0px 20px 0px 0px; } }
  .landing .icon-blurb .with-image-integration img {
    max-width: 100px;
    margin-right: 25px;
    border: 1px solid #ddd;
    border-radius: 10px; }
  .landing .icon-blurb .with-image-partner img {
    max-width: 245px;
    border: 1px solid #ddd;
    border-radius: 10px; }
    @media (min-width: 0) {
      .landing .icon-blurb .with-image-partner img {
        margin: 20px 20px 20px 0px; } }
    @media (min-width: 1024px) {
      .landing .icon-blurb .with-image-partner img {
        margin: 0px 40px 0px 0px; } }
  .landing .icon-blurb h4 {
    margin-top: 10px; }
  @media (min-width: 0) {
    .landing .l-text {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .landing .l-text {
      font-size: 22px; } }
  .landing a.button.is-gradient.is-normal.adjusted {
    padding: 28px 30px; }
    @media (min-width: 0) {
      .landing a.button.is-gradient.is-normal.adjusted {
        margin-right: 0px; } }
    @media (min-width: 769px) {
      .landing a.button.is-gradient.is-normal.adjusted {
        margin-right: 20px; } }
  .landing .blurbs img.blurb-icon {
    width: 85px; }
  .landing .navy-bg {
    background-color: #020A47; }
    .landing .navy-bg .hero-body {
      overflow-y: hidden; }
    .landing .navy-bg .columns {
      overflow-y: hidden; }
      @media (min-width: 0) {
        .landing .navy-bg .columns img.circle-form {
          display: none; } }
      @media (min-width: 769px) {
        .landing .navy-bg .columns img.circle-form {
          display: none; } }
      @media (min-width: 1024px) {
        .landing .navy-bg .columns img.circle-form {
          display: block;
          position: absolute;
          right: 0;
          margin-right: -20%;
          z-index: 0;
          opacity: 0.4; } }
      .landing .navy-bg .columns .column.with-form {
        z-index: 0;
        padding: 70px 10px 70px 70px; }
        .landing .navy-bg .columns .column.with-form .marketo-form {
          background-color: #fff;
          padding: 30px;
          border-radius: 24px; }
      .landing .navy-bg .columns .column.with-heading {
        z-index: 10; }
  .landing .whats-next.purple {
    background: -webkit-gradient(linear, left top, right top, from(#9b2aff), color-stop(70%, #020a47)) !important;
    background: linear-gradient(90deg, #9b2aff 0%, #020a47 70%) !important; }
    .landing .whats-next.purple .button.is-gradient.is-normal {
      min-width: 280px; }
      .landing .whats-next.purple .button.is-gradient.is-normal a {
        color: #fff !important; }
  .landing .column.custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .landing .column.custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 20px 35px;
      line-height: 1.5; }
  .landing .column.custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #fff;
    outline: 1px solid #9B2AFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .landing .column.custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 1%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #9B2AFF;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .landing a.secondary-btn {
    min-width: 280px; }
  .landing a.et_pb_button {
    min-width: 280px; }
  .landing .accordion .card {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
    .landing .accordion .card .card-header {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing .accordion .card .card-content {
      padding: 10px 0px; }
    .landing .accordion .card svg.header-icon {
      width: 15px; }
    .landing .accordion .card .card-header-title {
      cursor: pointer;
      padding: 0px; }
      .landing .accordion .card .card-header-title h4 {
        font-size: 22px;
        line-height: 1.4em !important;
        margin: 25px 0px 7px 0px; }

.landing.cloud img.hero-img {
  max-width: 350px;
  display: block;
  float: right;
  margin-top: 50px; }

@media (min-width: 0) {
  .landing.cloud .flex-boxes {
    display: flex;
    flex-direction: column;
    gap: 40px; } }

@media (min-width: 1024px) {
  .landing.cloud .flex-boxes {
    display: flex;
    flex-direction: row;
    gap: 50px; } }

.landing.cloud .flex-boxes .flex-item {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
  text-align: center; }

.landing.cloud .haze-lp {
  position: absolute;
  z-index: -20;
  background: #fff;
  mix-blend-mode: normal;
  opacity: 0.4;
  -webkit-box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg); }
  @media (min-width: 0) {
    .landing.cloud .haze-lp {
      border-radius: 60px;
      height: 0px;
      left: 0px;
      right: 0px;
      top: 0px; } }
  @media (min-width: 1024px) {
    .landing.cloud .haze-lp {
      border-radius: 100px;
      height: 700px;
      left: -50%;
      right: 70%;
      top: -55%; } }
/*--styling lp events pages--*/
.landing.event .hero.img-bg {
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/2oHTxXSVsyOm5jrqChDypk/bc2aeef2a4e872bc48e1549ffb50aa25/golf-hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .landing.event .hero.img-bg img.hero-img {
    max-width: 250px; }

.landing.event .columns.event {
  max-width: 900px;
  margin: auto; }
  .landing.event .columns.event .calendar span {
    font-size: 28px;
    color: #020A47; }
  .landing.event .columns.event .calendar i.far.fa-clock, .landing.event .columns.event .calendar i.far.fa-calendar-alt {
    padding-right: 30px;
    font-size: 35px; }

.landing.event .box {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  max-width: 650px;
  padding: 30px 40px;
  border-radius: 20px; }

.pricing {
  /*--Accordion styling--*/ }
  .pricing .over-text {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px; }
  @media (min-width: 0) {
    .pricing .hero-img {
      width: 100%; } }
  @media (min-width: 1024px) {
    .pricing .hero-img {
      max-width: 450px; } }
  .pricing .is-pink {
    color: #d30971 !important; }
  .pricing .hero.blue-bg {
    overflow: hidden;
    background-color: #020A47;
    margin-left: -20px;
    margin-right: -20px; }
    .pricing .hero.blue-bg .secondary-nav {
      max-width: 400px;
      display: flex;
      justify-content: space-between; }
      .pricing .hero.blue-bg .secondary-nav a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px; }
  @media (min-width: 0) {
    .pricing .flex-boxes {
      display: block; } }
  @media (min-width: 769px) {
    .pricing .flex-boxes {
      display: black; } }
  @media (min-width: 1024px) {
    .pricing .flex-boxes {
      display: flex;
      gap: 40px; } }
  @media (min-width: 0) {
    .pricing .flex-boxes .min-height {
      min-height: 50px; } }
  @media (min-width: 1024px) {
    .pricing .flex-boxes .min-height {
      min-height: 370px; } }
  .pricing .flex-boxes h3 {
    line-height: 1.2; }
  @media (min-width: 0) {
    .pricing .flex-boxes .col {
      width: 100%;
      margin-bottom: 50px; } }
  @media (min-width: 1024px) {
    .pricing .flex-boxes .col {
      width: 50%;
      margin-bottom: 10px; } }
  .pricing .flex-boxes .with-shadow-green {
    padding: 60px 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border: 2px solid #D6F622; }
  .pricing .flex-boxes .with-shadow {
    padding: 60px 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12); }
  .pricing .flex-boxes .recommended {
    text-align: center;
    letter-spacing: 4px;
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 700;
    display: block;
    background-color: #D6F622;
    width: 205px;
    margin-top: -80px;
    margin-bottom: 40px; }
  .pricing .whats-next {
    position: relative;
    overflow: hidden;
    z-index: 10000;
    padding: 40px; }
    @media (min-width: 0) {
      .pricing .whats-next {
        margin-top: 0px; } }
    @media (min-width: 1024px) {
      .pricing .whats-next {
        margin-top: 40px; } }
    .pricing .whats-next .column {
      z-index: 100; }
    @media (min-width: 0) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 1024px) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 50px; } }
    @media (min-width: 0) {
      .pricing .whats-next img.backdrop {
        display: none; } }
    @media (min-width: 1024px) {
      .pricing .whats-next img.backdrop {
        display: block;
        position: absolute;
        left: 39%;
        top: -55px; } }
  @media (min-width: 0) {
    .pricing .marketplace-boxes {
      display: block; } }
  @media (min-width: 1024px) {
    .pricing .marketplace-boxes {
      display: flex;
      flex-wrap: wrap;
      gap: 4%; } }
  .pricing .marketplace-boxes .m-box {
    background-color: #fff;
    padding: 21px 20px 16px 20px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .pricing .marketplace-boxes .m-box {
        width: 90%;
        margin: 20px auto; } }
    @media (min-width: 1024px) {
      .pricing .marketplace-boxes .m-box {
        width: 30%;
        margin: 0px; } }
  .pricing .tab_btns h3 {
    margin-bottom: 0px; }
  .pricing .tab_btns .button.active_tab h3 {
    color: #d30971; }
  .pricing .tab_btns .button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #020a47;
    cursor: pointer;
    justify-content: center;
    text-align: center; }
    @media (min-width: 0) {
      .pricing .tab_btns .button {
        min-height: 80px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .pricing .tab_btns .button {
        height: 120px;
        width: 49%; } }
  @media (min-width: 0) {
    .pricing .tab_btns .button:first-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .pricing .tab_btns .button:first-of-type {
      border-radius: 10px 0px 0px 10px;
      margin: 0px; } }
  @media (min-width: 0) {
    .pricing .tab_btns .button:last-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .pricing .tab_btns .button:last-of-type {
      margin: 0px;
      margin-left: -8px;
      border-radius: 0px 10px 10px 0px; } }
  .pricing .tab_btns .button.active_tab {
    border-bottom: 4px solid #d30971; }
  @media (min-width: 0) {
    .pricing .section.tab_target {
      padding: 40px 1% 0px; } }
  @media (min-width: 1024px) {
    .pricing .section.tab_target {
      padding: 80px 2% 0px; } }
  .pricing .section.tab_target .button.is-gradient.is-normal {
    width: 90%;
    max-width: 240px; }
  .pricing .column.custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .pricing .column.custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 10px 35px;
      line-height: 1.5; }
  .pricing .column.custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #020a47;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .pricing .column.custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 2.2%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .pricing .column.with-pricing {
    border: 1px solid #ddd;
    padding: 25px; }
    .pricing .column.with-pricing .popular {
      position: relative;
      display: block;
      background-color: #D6F622;
      max-width: 190px;
      height: 45px;
      text-align: center;
      padding-top: 10px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -50px; }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-first {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-first {
      border-radius: 20px 0px 0px 20px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-second {
      border-radius: 20px;
      margin: 40px 0px 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-second {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  .pricing .column.with-pricing.is-second .h-limit {
    margin-top: 35px; }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-third {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-third {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-forth {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-forth {
      border-radius: 0px 20px 20px 0px;
      margin: 0px -1px 0px 0px; } }
  .pricing .tooltip {
    position: relative;
    display: inline;
    margin-left: 5px; }
    .pricing .tooltip:hover .tooltiptext {
      visibility: visible; }
    .pricing .tooltip .tooltiptext {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      bottom: 100%;
      left: 0px;
      margin-left: -50px;
      width: 360px;
      background-color: #FAFAFA;
      color: #171717;
      border: 1px solid #D4D3D3;
      border-radius: 4px;
      padding: 10px; }
    .pricing .tooltip i.fa.fa-info-circle {
      color: #C7C7C7; }
  .pricing .table.is-bordered.for-pricing thead tr th {
    background-color: #f6f6f6; }
  .pricing .button.whats-next {
    min-width: 250px; }
  .pricing .message a {
    text-decoration: none !important; }
  .pricing .message .message-header {
    align-items: center;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    color: #020a47;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-decoration: none; }
    .pricing .message .message-header p {
      font-size: 1.4rem;
      text-decoration: none; }
    .pricing .message .message-header span.icon {
      margin-left: 10px; }
  .pricing .message .message-body {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0px;
    color: #171717;
    background-color: #fff; }
  @media (min-width: 0) {
    .pricing .message .message-body-content {
      padding-right: 20px; } }
  @media (min-width: 769px) {
    .pricing .message .message-body-content {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .pricing .message .message-body-content {
      padding-right: 30px; } }
  .pricing .message .message-body-content a {
    text-decoration: none;
    color: #9b2aff !important; }
    .pricing .message .message-body-content a:hover {
      color: #9394ff !important; }
  .pricing .message .is-collapsible.message-body .message-body-content {
    padding: 0px 0px 30px 0px; }
  .pricing .modal-button {
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 10px;
    color: #9B2AFF; }
    .pricing .modal-button .fa.fa-arrow-right {
      font-size: 17px; }
  .pricing .modal {
    z-index: 100000; }
    .pricing .modal .modal-background {
      background-color: rgba(0, 0, 0, 0.3); }
      .pricing .modal .modal-background .modal-content {
        background-color: #fff;
        margin-top: 12%;
        border-radius: 30px;
        padding: 10px 40px;
        -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
        max-width: 470px;
        width: 90%; }
        .pricing .modal .modal-background .modal-content .is-content h4 {
          font-weight: 700;
          line-height: 1.2em;
          color: #020A47;
          text-transform: none;
          margin-top: 0px !important; }

.community {
  /*--- Video slider ---*/
  /* -closing .slideshow */ }
  .community .hero.purple-bg {
    background-color: #9B2AFF; }
  .community img.hero-img {
    display: block; }
    @media (min-width: 0) {
      .community img.hero-img {
        width: 80%; } }
    @media (min-width: 1024px) {
      .community img.hero-img {
        float: right;
        max-width: 400px; } }
  .community .icons-row {
    display: flex;
    gap: 30px;
    text-align: center; }
    .community .icons-row .icon {
      margin-bottom: 18px; }
      .community .icons-row .icon i.fa-brands {
        color: #fff;
        font-size: 26px;
        width: 60px;
        height: 44px;
        background-color: #020A47;
        padding: 10px;
        border-radius: 40px; }
        .community .icons-row .icon i.fa-brands:hover {
          background-color: #D30971; }
  .community .with-hi-icon {
    display: flex;
    align-items: flex-start;
    gap: 45px;
    padding-bottom: 25px; }
    .community .with-hi-icon img.hi-icon {
      width: 70px;
      padding-top: 10px; }
    .community .with-hi-icon p.is-size-3.has-text-weight-bold {
      line-height: 1.3; }
  .community .related {
    padding: 30px;
    border-radius: 25px; }
    .community .related:hover {
      -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12); }
    .community .related img.blurb-icon {
      width: 85px;
      border-left: 3px solid;
      border-top: 0;
      border-bottom: 0;
      border-right: 0;
      -o-border-image: linear-gradient(180deg, #9394FF -7.02%, #9B2AFF 104.47%);
         border-image: -webkit-gradient(linear, left top, left bottom, color-stop(-7.02%, #9394FF), color-stop(104.47%, #9B2AFF));
         border-image: linear-gradient(180deg, #9394FF -7.02%, #9B2AFF 104.47%);
      border-image-slice: 2;
      padding-left: 15px; }
    .community .related .blurb-height {
      height: 200px; }
      .community .related .blurb-height p.blurb-description {
        font-size: 1.3rem;
        line-height: 1.4em; }
  .community .above-slide-title {
    margin-bottom: -50px; }
  .community .slideshow {
    max-width: 100%;
    overflow: hidden; }
    .community .slideshow .slider-pagination {
      display: none; }
    .community .slideshow .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .community .slideshow .slider-container {
      padding-top: 70px; }
    .community .slideshow .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px);
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .community .slideshow .slider-navigation-previous:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
    .community .slideshow .slider-navigation-next {
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .community .slideshow .slider-navigation-next:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
  .community svg {
    width: 7px; }
    .community svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

/*--styling for navy_header page template --*/
.navy-header .hero.img-bg {
  background-color: #020A47; }
  .navy-header .hero.img-bg img.hero-img {
    max-width: 350px; }

.navy-header .stars-counter {
  background-color: #edeff2;
  padding: 14px 13px 1px 13px;
  border-radius: 7px; }
  .navy-header .stars-counter span.icon-text {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5; }
    .navy-header .stars-counter span.icon-text i.fab.fa-github {
      font-size: 26px; }
    .navy-header .stars-counter span.icon-text #num_stars_container {
      padding: 0px 7px; }

.navy-header .box {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  max-width: 650px;
  padding: 30px 40px;
  border-radius: 20px; }

.navy-header #videos {
  overflow: hidden; }
  .navy-header #videos .item-0, .navy-header #videos .item-1, .navy-header #videos .item-2, .navy-header #videos .item-3, .navy-header #videos .item-4, .navy-header #videos .item-5 {
    padding: 10px;
    margin: 30px 30px 10px 0px; }
  .navy-header #videos h4 {
    display: block; }
  .navy-header #videos .icon-text a {
    color: #9b2aff; }
    .navy-header #videos .icon-text a:hover {
      color: #9394ff; }
  .navy-header #videos .slider-pagination {
    display: none; }
  .navy-header #videos .slider-container {
    margin-top: 40px; }
  .navy-header #videos .slider-navigation-next {
    top: -15px;
    background-color: transparent; }
    .navy-header #videos .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .navy-header #videos .slider-navigation-next {
        margin-right: 2%; } }
    .navy-header #videos .slider-navigation-next svg {
      color: #171717;
      margin-left: 4px; }
  .navy-header #videos .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    margin-left: calc(100% - 120px); }
    .navy-header #videos .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .navy-header #videos .slider-navigation-previous svg {
      color: #171717; }

@media (min-width: 0) {
  .navy-header .section.blurbs {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .navy-header .section.blurbs {
    padding-bottom: 80px; } }

.navy-header .section.blurbs .related a h5 {
  margin-top: 10px;
  color: #9B2AFF; }
  .navy-header .section.blurbs .related a h5:hover {
    color: #9394FF; }

.navy-header .section.blurbs .related img.blurb-icon {
  height: 40px;
  width: 40px; }

.products-new {
  /*.hero.blue-gradient-bg {
    background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%);
  }
  
.hero.green-gradient-bg {
    background-image: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, #ffffff 100%);
  }
  
.hero.pink-gradient-bg {
    background-image: linear-gradient(180deg, #D20A74 0%, #ffffff 100%);
  }*/ }
  .products-new .container.teal-gradient-bg {
    background-color: #fff;
    background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 50px; }
    @media (min-width: 0) {
      .products-new .container.teal-gradient-bg {
        padding: 30px 20px; } }
    @media (min-width: 1024px) {
      .products-new .container.teal-gradient-bg {
        padding: 30px 20px; } }
    .products-new .container.teal-gradient-bg .breadcrumb-left {
      text-align: left; }
      @media (min-width: 0) {
        .products-new .container.teal-gradient-bg .breadcrumb-left {
          padding-left: 0px; } }
      @media (min-width: 769px) {
        .products-new .container.teal-gradient-bg .breadcrumb-left {
          padding-left: 20px; } }
    .products-new .container.teal-gradient-bg .subheading {
      display: block;
      padding: 5px 0px 10px 0px;
      max-width: 880px;
      margin: auto; }
      @media (min-width: 0) {
        .products-new .container.teal-gradient-bg .subheading {
          font-size: 1.5rem; } }
      @media (min-width: 769px) {
        .products-new .container.teal-gradient-bg .subheading {
          font-size: 1.8rem; } }
    .products-new .container.teal-gradient-bg .purple-link {
      color: #5EE4E4; }
      .products-new .container.teal-gradient-bg .purple-link:hover {
        color: #9394FF; }
  .products-new .grey-bg {
    background-color: #F1F4F6; }
  @media (min-width: 0) {
    .products-new .hero.features {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .products-new .hero.features {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 0) {
    .products-new .hero.features .column {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 1024px) {
    .products-new .hero.features .column {
      padding-left: 40px;
      padding-right: 40px; } }
  .products-new .hero.features .column .blurb {
    display: flex;
    gap: 20px;
    align-content: center;
    padding-bottom: 15px; }
    .products-new .hero.features .column .blurb .f-description {
      font-size: 24px;
      line-height: 1.2;
      font-weight: bold;
      padding-bottom: 0px !important;
      margin-bottom: 0px !important;
      padding-top: 10px; }
  .products-new .hero.features .column .center-list {
    width: 190px;
    margin: auto; }
    .products-new .hero.features .column .center-list ul {
      padding: 0px;
      margin: 0px; }
  .products-new .is-customer-card-three p.py-4 {
    min-height: 200px; }
  .products-new h4 {
    line-height: 1.2em;
    font-size: 1.5rem;
    color: #020a47;
    font-weight: 700; }
  .products-new img.top-icon {
    width: 85px; }
  @media (min-width: 0) {
    .products-new .dev-icon-wrap {
      display: none; } }
  @media (min-width: 1024px) {
    .products-new .dev-icon-wrap {
      display: block;
      margin-top: -450px;
      margin-bottom: 300px;
      margin-left: -70px; } }
  @media (min-width: 1024px) {
    .products-new .column.with-img {
      margin-top: -190px;
      margin-right: -60px; } }
  .products-new .column.white-bg {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px;
    margin: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }
  .products-new .has-text-centered.teal-divider h2:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #5EE4E4;
    margin: 20px auto;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
  .products-new .has-text-centered.teal-divider.pb-4.is-short {
    max-width: 900px;
    margin: auto; }
  .products-new .related p.has-text-weight-semibold {
    line-height: 1.25em; }
  .products-new .code_section_bg {
    padding: 0px; }
    @media (min-width: 0) {
      .products-new .code_section_bg {
        margin-top: 40px;
        margin-bottom: 40px;
        background: #020A47; } }
    @media (min-width: 1024px) {
      .products-new .code_section_bg {
        margin-top: 80px;
        margin-bottom: 80px;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #020A47), color-stop(50%, #fff));
        background: linear-gradient(90deg, #020A47 50%, #fff 50%); } }
    @media (min-width: 0) {
      .products-new .code_section_bg .hero-body {
        padding: 0px 10px; } }
    @media (min-width: 769px) {
      .products-new .code_section_bg .hero-body {
        padding: 0px; } }
    @media (min-width: 1024px) {
      .products-new .code_section_bg .hero-body {
        padding: 0px; } }
    .products-new .code_section_bg .container {
      padding-top: 80px;
      padding-bottom: 10px; }
      @media (min-width: 1024px) {
        .products-new .code_section_bg .container {
          background-image: url("https://w2.influxdata.com/wp-content/uploads/code-bg-01.svg");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: top right;
          border-radius: 0px 60px 60px 0px;
          padding-right: 60px; } }
      @media (min-width: 1024px) {
        .products-new .code_section_bg .container .column h4 {
          min-height: 60px; } }
  .products-new .link-icon {
    font-size: 18px;
    color: #020a47; }
    .products-new .link-icon:hover {
      color: #9394ff; }
  .products-new .icon {
    font-size: 15px; }
  .products-new .container.light-grey {
    padding: 25px;
    background-color: #f2f2f2;
    border-radius: 30px; }
  .products-new .integrations-title {
    margin-bottom: -40px; }
  .products-new #client_libraries {
    overflow: hidden; }
    .products-new #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .products-new #client_libraries .card img {
      width: 130px;
      height: auto; }
    .products-new #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .products-new #client_libraries .slider-pagination {
      display: none; }
    .products-new #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .products-new #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .products-new #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products-new #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products-new #client_libraries svg {
      width: 7px; }
      .products-new #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }
  .products-new #blurbs {
    overflow: hidden; }
    .products-new #blurbs .item-0, .products-new #blurbs .item-1, .products-new #blurbs .item-2, .products-new #blurbs .item-3, .products-new #blurbs .item-4, .products-new #blurbs .item-5 {
      background-color: #fff;
      padding: 30px;
      margin: 30px 30px 30px 0px;
      border-radius: 20px; }
    .products-new #blurbs h4 {
      display: block;
      min-height: 58px; }
    @media (min-width: 0) {
      .products-new #blurbs .b-description {
        min-height: 200px; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .b-description {
        min-height: 430px; } }
    @media (min-width: 0) {
      .products-new #blurbs .s-description {
        min-height: 100px; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .s-description {
        min-height: 110px; } }
    @media (min-width: 0) {
      .products-new #blurbs .m-description {
        min-height: 150px; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .m-description {
        min-height: 160px; } }
    @media (min-width: 0) {
      .products-new #blurbs .e-description {
        min-height: 160; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .e-description {
        min-height: 180px; } }
    @media (min-width: 0) {
      .products-new #blurbs .c-description {
        min-height: 180; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .c-description {
        min-height: 200px; } }
    @media (min-width: 0) {
      .products-new #blurbs .description-200 {
        min-height: 160; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .description-200 {
        min-height: 200px; } }
    @media (min-width: 0) {
      .products-new #blurbs .description-250 {
        min-height: 180; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .description-250 {
        min-height: 250px; } }
    @media (min-width: 0) {
      .products-new #blurbs .description-300 {
        min-height: 180; } }
    @media (min-width: 1024px) {
      .products-new #blurbs .description-300 {
        min-height: 300px; } }
    .products-new #blurbs .icon-text a {
      color: #9b2aff; }
      .products-new #blurbs .icon-text a:hover {
        color: #9394ff; }
    .products-new #blurbs img.blrb-img {
      max-width: 65px;
      background-color: transparent;
      margin-bottom: 0px; }
    .products-new #blurbs .slider-pagination {
      display: none; }
    .products-new #blurbs .slider-container {
      margin-top: 40px; }
    .products-new #blurbs .slider-navigation-next {
      top: -15px;
      background-color: transparent; }
      .products-new #blurbs .slider-navigation-next:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
      @media (min-width: 1024px) {
        .products-new #blurbs .slider-navigation-next {
          margin-right: 2%; } }
      .products-new #blurbs .slider-navigation-next svg {
        color: #fff;
        margin-left: 4px; }
    .products-new #blurbs .slider-navigation-previous {
      top: -15px;
      background-color: transparent;
      margin-left: calc(100% - 120px); }
      .products-new #blurbs .slider-navigation-previous:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
      .products-new #blurbs .slider-navigation-previous svg {
        color: #fff; }
  .products-new img.grey-filter {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    padding: 0px 20px; }
  .products-new .with-inline-buttons a.link-icon {
    margin-top: 7px; }
  .products-new .with-inline-buttons a.button.is-gradient {
    margin-right: 20px; }
  .products-new #app h4 {
    line-height: 1.4em; }
  .products-new .accordion .card {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
    .products-new .accordion .card .card-header {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .products-new .accordion .card .card-content {
      padding: 10px 0px; }
    .products-new .accordion .card svg.header-icon {
      width: 15px; }
    .products-new .accordion .card .card-header-title {
      padding: 0px; }
      .products-new .accordion .card .card-header-title h4 {
        font-size: 22px;
        line-height: 1.4em;
        margin: 25px 0px 7px 0px;
        line-height: 1em; }
  @media (min-width: 0) {
    .products-new .with-channels {
      margin-left: 0px; } }
  @media (min-width: 1024px) {
    .products-new .with-channels {
      margin-left: 50px; } }
  .products-new .with-channels .channel {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
            box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
    padding: 20px 20px 10px; }
    .products-new .with-channels .channel p {
      font-size: 30px;
      font-weight: bold;
      color: #020a47; }
    .products-new .with-channels .channel img {
      width: 50px;
      height: 50px; }
  .products-new .col-content.is-community {
    padding-top: 20px; }
  .products-new .col-content.is-community img {
    display: block;
    margin-top: -20px; }
  .products-new img.idbu-logo {
    padding-top: 18px; }
  .products-new #client_libraries .card {
    padding-bottom: 5px; }
  .products-new #videos {
    overflow: hidden; }
    .products-new #videos .slider-item {
      padding: 20px; }
    .products-new #videos .icon-text a {
      color: #9b2aff; }
      .products-new #videos .icon-text a:hover {
        color: #9394ff; }
    .products-new #videos .slider-pagination {
      display: none; }
    .products-new #videos .slider-container {
      margin-top: 40px; }
    .products-new #videos .slider-navigation-next {
      top: -15px;
      background-color: transparent;
      border: 1px solid #020A47;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .products-new #videos .slider-navigation-next:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
      @media (min-width: 1024px) {
        .products-new #videos .slider-navigation-next {
          margin-right: 2%; } }
      .products-new #videos .slider-navigation-next svg {
        color: #020A47;
        margin-left: 4px; }
    .products-new #videos .slider-navigation-previous {
      top: -15px;
      background-color: transparent;
      border: 1px solid #020A47;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-left: calc(100% - 120px); }
      .products-new #videos .slider-navigation-previous:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
      .products-new #videos .slider-navigation-previous svg {
        color: #020A47; }
  .products-new .columns.resources .link-icon {
    color: #9b2aff; }
    .products-new .columns.resources .link-icon:hover {
      color: #9394ff; }
  .products-new .custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .products-new .custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 20px 35px;
      line-height: 1.5; }
  .products-new .custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #fff;
    outline: 1px solid #9B2AFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .products-new .custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 1%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #9B2AFF;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .products-new .is-box {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 40px; }
  .products-new .thanks-card {
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
    .products-new .thanks-card img {
      border-radius: 30px 30px 0px 0px;
      margin-bottom: 10px; }
    .products-new .thanks-card p {
      padding: 10px 30px; }
    .products-new .thanks-card a {
      padding: 0px 30px 30px 30px; }
  .products-new .flex-logos {
    display: flex;
    gap: 20px; }
    .products-new .flex-logos img {
      width: 200px;
      border: 1px solid #ddd;
      border-radius: 20px;
      padding: 20px;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
      .products-new .flex-logos img:hover {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }
  .products-new .flex-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .products-new .flex-buttons .button.whats-next {
      max-width: 270px; }

.products-overview img.hero-img {
  width: 100%;
  max-width: 600px;
  margin-top: -30px; }

.products-overview .is-content h5 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 5px; }

.products-overview .min-160 {
  display: block;
  min-height: 150px; }

.products-overview .min-140 {
  display: block;
  min-height: 100px; }

.telegraf {
  /* modal pop-up with the video */ }
  .telegraf .ts-telegraf:before {
    content: "Download Telegraf";
    margin-right: 7px; }
  .telegraf .has-bottom-border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px; }
    .telegraf .has-bottom-border h5 {
      margin-top: 15px;
      margin-bottom: 5px; }
  .telegraf .temp-hide {
    display: none; }
  .telegraf .modal-content {
    margin: 7% auto;
    max-height: calc(100vh - 40px);
    width: 1000px;
    max-width: calc(100vw - 40px);
    background-color: #fff;
    padding: 20px; }
  .telegraf .modal-button.icon-text {
    font-size: 18px;
    color: #020a47; }
  .telegraf .video-title {
    color: #9B2AFF; }
  @media (min-width: 0) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: column;
      gap: 2%; } }
  @media (min-width: 769px) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2%; } }
  @media (min-width: 1024px) {
    .telegraf .flex-boxes {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2%; } }
  .telegraf .flex-boxes .flex-item {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 0) {
      .telegraf .flex-boxes .flex-item {
        width: 100%; } }
    @media (min-width: 769px) {
      .telegraf .flex-boxes .flex-item {
        width: 47%; } }
    @media (min-width: 1024px) {
      .telegraf .flex-boxes .flex-item {
        width: 31%; } }
    .telegraf .flex-boxes .flex-item a {
      font-size: 18px; }

.use-cases .hero.blue-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), to(#ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%); }

.use-cases .hero.green-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(215, 246, 37, 0.4)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(215, 246, 37, 0.4) 0%, #ffffff 100%); }

.use-cases .hero.pink-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(210, 10, 116, 0.3)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(210, 10, 116, 0.3) 0%, #ffffff 100%); }

.use-cases .hero.teal-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, #ffffff 100%); }

.use-cases .content h3:not(:first-child) {
  margin-top: 0.3em; }

.use-cases .columns.gap-60 {
  gap: 60px; }

.use-cases .icon-text .txt {
  font-size: 18px; }

.use-cases .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }
  .use-cases .container.light-grey #client_libraries {
    overflow: hidden; }
    .use-cases .container.light-grey #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .use-cases .container.light-grey #client_libraries .card img {
      width: 130px;
      height: auto; }
    .use-cases .container.light-grey #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .use-cases .container.light-grey #client_libraries .slider-pagination {
      display: none; }
    .use-cases .container.light-grey #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .use-cases .container.light-grey #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .use-cases .container.light-grey #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .use-cases .container.light-grey #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .use-cases .container.light-grey #client_libraries svg {
      width: 7px; }
      .use-cases .container.light-grey #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }

/*moved from home.cscc*/
hr.teal-line {
  border-bottom: 3px solid #5ee4e4;
  width: 80px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

@media (min-width: 0) {
  h1.page-title {
    font-size: 2.4rem;
    line-height: 1.1; } }

@media (min-width: 769px) {
  h1.page-title {
    font-size: 4.2REM; } }

@media (min-width: 1024px) {
  h1.page-title {
    font-size: 4.5REM; } }

@media (min-width: 1239px) {
  h1.page-title {
    font-size: 5REM; } }

h1.title {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    h1.title {
      -webkit-hyphens: manual;
          -ms-hyphens: manual;
              hyphens: manual;
      font-size: 2.4rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    h1.title {
      -webkit-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
      font-size: 3.8REM; } }
  @media (min-width: 1024px) {
    h1.title {
      font-size: 4.2REM; } }
@media (min-width: 0) {
  .subheading {
    font-size: 1.3REM;
    line-height: 1.3; } }

@media (min-width: 769px) {
  .subheading {
    font-size: 1.5REM;
    line-height: 1.5; } }

@media (min-width: 0) {
  .sub-title {
    font-size: 1.3rem;
    line-height: 1.4em; } }

@media (min-width: 769px) {
  .sub-title {
    font-size: 1.7rem;
    line-height: 1.3em; } }

@media (min-width: 1024px) {
  .sub-title {
    font-size: 1.9rem;
    line-height: 1.3em; } }

.title.is-2 {
  color: #020A47; }
  @media (min-width: 0) {
    .title.is-2 {
      font-size: 2.1rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    .title.is-2 {
      font-size: 2.3rem;
      line-height: 1.125; } }
  @media (min-width: 1024px) {
    .title.is-2 {
      font-size: 2.5rem;
      line-height: 1.125; } }
.title.is-3 {
  color: #020A47; }

a h4 {
  color: #9B2AFF !important; }
  a h4:hover {
    color: #9394FF; }

.m-auto {
  margin: auto; }

.text-limit-250 {
  display: block;
  max-width: 320px; }

.text-limit-5 {
  display: block;
  max-width: 500px; }

.text-limit-6 {
  display: block;
  max-width: 600px; }

.text-limit-7 {
  display: block;
  max-width: 700px; }

.text-limit-8 {
  display: block;
  max-width: 800px; }

.text-limit-9 {
  display: block;
  max-width: 980px; }

.text-limit-10 {
  display: block;
  max-width: 1000px; }

.text-limit-12 {
  display: block;
  max-width: 1200px; }

.is-text-wide {
  letter-spacing: 5px; }

.haze-top-left {
  position: absolute;
  z-index: -20;
  background: #fff;
  mix-blend-mode: normal;
  opacity: 0.4;
  -webkit-box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg); }
  @media (min-width: 0) {
    .haze-top-left {
      border-radius: 60px;
      height: 550px;
      left: -40%;
      right: 45%;
      top: -35%; } }
  @media (min-width: 1024px) {
    .haze-top-left {
      border-radius: 100px;
      height: 700px;
      left: -55%;
      right: 73%;
      top: -65%; } }
.haze-left {
  position: absolute;
  z-index: -20;
  background: #fff;
  mix-blend-mode: normal;
  opacity: 0.4;
  -webkit-box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg); }
  @media (min-width: 0) {
    .haze-left {
      border-radius: 60px;
      height: 0px;
      left: 0px;
      right: 0px;
      top: 0px; } }
  @media (min-width: 1024px) {
    .haze-left {
      border-radius: 100px;
      height: 700px;
      left: -55%;
      right: 73%;
      top: -20%; } }
@media (min-width: 1024px) {
  .haze-block-right {
    position: absolute;
    z-index: -20;
    height: 800px;
    left: 75%;
    right: -70%;
    top: 20%;
    border-radius: 100px;
    background: #fff;
    mix-blend-mode: normal;
    opacity: 0.4;
    -webkit-box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg); } }

/*---Related customers boxes-for --*/
@media (min-width: 1024px) {
  .related-customers {
    display: flex;
    justify-content: space-between; } }

.related-customers .customer-logo {
  border-left: 4px solid;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  -o-border-image: linear-gradient(180deg, #9B2AFF -7.02%, #D30971 104.47%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(-7.02%, #9B2AFF), color-stop(104.47%, #D30971));
     border-image: linear-gradient(180deg, #9B2AFF -7.02%, #D30971 104.47%);
  border-image-slice: 2;
  padding-left: 10px; }

.related-customers img.customer-logo {
  width: 150px; }

.related-customers .is-customer-card-three {
  padding: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-three {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-three {
      width: 32%; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-three .customer-text {
      min-height: 250px; } }
.related-customers .is-customer-card-two {
  padding: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-two {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-two {
      width: 48%; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-two .customer-text {
      min-height: 180px; } }
.related-customers .is-customer-card-one {
  padding: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 30px; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-one {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-one .customer-text {
      min-height: 100px; } }
.related-customers .customer-author {
  font-weight: 700; }

/*Related resources and Blurbs*/
@media (min-width: 1024px) {
  .related-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 5%; } }

.related-flex .related {
  display: block; }
  @media (min-width: 0) {
    .related-flex .related {
      width: 100%;
      height: auto;
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .related-flex .related {
      width: 30%;
      margin: 0px; } }
  .related-flex .related .youtube-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56%;
    /* 4:3 Aspect Ratio */
    margin-bottom: 20px; }

.related-flex .related-four {
  display: block; }
  @media (min-width: 0) {
    .related-flex .related-four {
      width: 100%;
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .related-flex .related-four {
      width: 21%;
      margin: 0px; } }
/*--teal underline under heading--*/
.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin-top: 20px;
  margin-bottom: 25px;
  left: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.teal-divider h4:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin-top: 20px;
  margin-bottom: 25px;
  left: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

/*--buttons--*/
a.button.is-gradient.is-normal {
  font-weight: 700;
  padding: 25px 35px;
  color: #fff; }

.button.is-navy {
  background-color: #020a47;
  border: 2px solid #020a47;
  border-radius: 10px;
  min-width: 230px;
  height: 52px;
  color: #fff; }

.button.is-navy:hover {
  background-color: transparent;
  border: 2px solid #020a47; }

.button.is-navy a {
  color: #fff;
  font-size: 18px;
  font-weight: 600; }
  .button.is-navy a:hover {
    color: #020a47; }

a.button.is-navy {
  color: #fff !important; }
  a.button.is-navy:hover {
    color: #020a47 !important; }

.button.is-navy-otlined {
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid #020a47;
  height: 52px; }
  .button.is-navy-otlined:hover {
    background-color: #020a47;
    border: 2px solid #020a47;
    color: #fff !important; }

.button.is-navy-otlined a {
  color: #020a47;
  font-size: 18px;
  font-weight: 600; }
  .button.is-navy-otlined a:hover {
    color: #fff !important; }

.button.is-gradient.is-outlined {
  border-radius: 10px;
  font-size: 18px;
  color: #171717 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fff inset;
          box-shadow: 3px 1000px 1px #fff inset; }
  .button.is-gradient.is-outlined:hover {
    border: solid 3px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .button.is-gradient.is-outlined a {
    color: #171717; }
    .button.is-gradient.is-outlined a:hover {
      color: #fff !important; }

.button.is-gradient.is-outlined.is-grey-bg {
  border-radius: 10px;
  font-size: 18px;
  color: #171717 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fafafa inset;
          box-shadow: 3px 1000px 1px #fafafa inset; }
  .button.is-gradient.is-outlined.is-grey-bg:hover {
    border: solid 3px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .button.is-gradient.is-outlined.is-grey-bg a {
    color: #171717; }
    .button.is-gradient.is-outlined.is-grey-bg a:hover {
      color: #fff !important; }

.button.is-purple.is-outlined {
  background-color: transparent;
  border-color: #9B2AFF;
  color: #9B2AFF; }

.button.is-purple:hover {
  background-color: #9B2AFF;
  border-color: transparent;
  color: #fff; }

.button.is-info.is-hovered {
  background-color: #9B2AFF;
  border-color: transparent;
  color: #fff; }

.buttons-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 280px; }

figcaption {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
  margin-top: -10px; }

.et_pb_button {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  padding: 13px;
  margin-bottom: 15px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%); }
  .et_pb_button:hover {
    background: -webkit-gradient(linear, left top, right top, from(#9b2aff), to(#d30971));
    background: linear-gradient(90deg, #9b2aff 0%, #d30971 100%); }

.secondary-btn {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 15px;
  color: #171717;
  font-weight: 600;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fff inset;
          box-shadow: 3px 1000px 1px #fff inset; }
  .secondary-btn:hover {
    border: solid 3px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white !important; }

/*--What's Next teal section--*/
.whats-next {
  background-color: #5ee4e4;
  border-radius: 50px; }
  @media (min-width: 0) {
    .whats-next .fish {
      display: flex;
      flex-direction: row;
      justify-content: center; } }
  @media (min-width: 769px) {
    .whats-next .fish {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 40px;
      align-items: center; } }
  .whats-next .fish h3 {
    color: #020A47;
    line-height: 1em; }
  .whats-next .fish p {
    font-size: 18px;
    line-height: 1em; }
  @media (min-width: 0) {
    .whats-next .fish img {
      display: none; } }
  @media (min-width: 769px) {
    .whats-next .fish img {
      display: block;
      max-width: 104px; } }
  @media (min-width: 0) {
    .whats-next .buttons {
      justify-content: center; } }
  @media (min-width: 769px) {
    .whats-next .buttons {
      jastify-content: flex-end; } }
  .whats-next .buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: 1rem;
    margin-left: 1rem; }

/*--add max width for some sections--*/
.max-1000 {
  max-width: 1000px; }

.max-900 {
  max-width: 900px; }

.max-800 {
  max-width: 800px; }

.max-700 {
  max-width: 700px; }

.max-600 {
  max-width: 600px; }

.max-500 {
  max-width: 500px; }

/*-blurbs with icons added with <div class="icon-blurb"> ""--*/
.icon-blurb {
  display: flex;
  margin: 40px 0px; }
  .icon-blurb .with-image img {
    max-width: 50px;
    margin-right: 20px; }

/*-styling for 10x section-*/
hr.teall-line {
  border-bottom: 3px solid #5ee4e4;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.pink-line {
  border-bottom: 3px solid #D30971;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.purple-line {
  border-bottom: 3px solid #9B2AFF;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

p.x-number {
  display: block;
  font-size: 52px;
  line-height: 0;
  font-weight: bold; }

p.x-description {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  max-width: 280px;
  margin: auto;
  font-weight: bold;
  padding-top: 25px;
  margin-bottom: 10px; }