/* index.css */
html,
body {
  color: #333;
  height: 100%;
  font-family: proxima, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-variant-ligatures: no-common-ligatures;
}

input {
  font-family: inherit;
}

/* nav.css */
.globalNav * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.globalNav button, .globalNav h1, .globalNav h2, .globalNav h3, .globalNav h4, .globalNav p, .globalNav ul {
  margin: 0;
  padding: 0
}

.globalNav ul {
  list-style: none
}

.globalNav a {
  text-decoration: none
}

.globalNav button {
  border: none;
  outline: none;
  background: none;
  font-family: inherit
}

.globalNav a, .globalNav button {
  -webkit-tap-highlight-color: transparent
}

:root {
  overflow-x: hidden;
  height: 100%
}

.container-lg {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%
}

.container-lg {
  max-width: 1040px
}

.globalNav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 10px;
  right: 0;
  z-index: 500;
  height: 50px;
  -webkit-perspective: 2000px;
  perspective: 2000px
}

.globalNav * {
  font-size: 14px;
}

.globalNav ul {
  padding: 0;
  margin: 0
}

.globalNav li {
  list-style: none
}

.globalNav a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #424770
}

.globalNav a:not(.common-Button) {
  -webkit-transition: color .1s;
  transition: color .1s
}

.globalNav a:hover {
  color: #8898aa
}

.globalNav > .container-lg {
  padding: 0
}

.globalNav .navRoot {
  position: relative
}

.globalNav .navSection > a, .globalNav .navSection > button {
  outline: none
}

.keyboard-navigation .globalNav .navSection > a:not(.item-mobileMenu):focus > :before, .keyboard-navigation .globalNav .navSection > button:not(.item-mobileMenu):focus > :before {
  opacity: .75
}

.globalNav .navSection > a:not(.item-mobileMenu) > :before, .globalNav .navSection > button:not(.item-mobileMenu) > :before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: 5px;
  border-radius: 4px;
  -webkit-transition: opacity .15s;
  transition: opacity .15s
}

.globalNav .navSection.logo {
  position: absolute;
  top: 0;
  left: 0
}

.globalNav .navSection.primary, .globalNav .navSection.secondary {
  display: none
}

@media (min-width: 670px) {
  .globalNav .navSection.primary, .globalNav .navSection.secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.globalNav .navSection.primary {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.globalNav .navSection.secondary {
  position: absolute;
  top: 0;
  right: 0
}

.globalNav .navSection.mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (min-width: 670px) {
  .globalNav .navSection.mobile {
    display: none
  }
}

.globalNav.compact .navRoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.globalNav.compact .navSection.logo {
  position: static;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.globalNav.compact .navSection.secondary {
  position: static
}

.globalNav .rootLink {
  display: inline-block;
  height: 27px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  margin: 0;
  padding: 0 10px
}

@media (min-width: 670px) {
  .globalNav .rootLink {
    padding: 0 calc(-17.16247px + 4.0541vw);
    padding: 0 calc(10px + (100vw - 670px) * .040541)
  }
}

@media (min-width: 1040px) {
  .globalNav .rootLink {
    padding: 0 25px
  }
}

.globalNav .rootLink > * {
  position: relative;
  display: block
}

.globalNav .navSection.logo .rootLink {
  padding-left: 20px !important
}

.globalNav .navSection.secondary .rootLink:last-child {
  padding-right: 20px !important
}

.globalNav .colorize {
  color: #343333;
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.globalNav .colorize.active, .globalNav .colorize:hover {
  color: #08a6ae;
  transition: all .9s ease-out;
}

.globalNav .hasDropdown {
  cursor: default
}

.globalNav .item-home h1 {

}

.globalNav .item-home svg {
  vertical-align: -5px
}

.globalNav .item-home svg path {
  fill: currentColor
}

.globalNav .item-dashboard > span:after {
  font: normal 16px StripeIcons;
  content: "\279E";
  padding-left: 6px
}

.globalNav .dropdownRoot {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 50px;
  pointer-events: none;
  -webkit-transform: rotateX(-15deg);
  transform: rotateX(-15deg);
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  display: none
}

@media (min-width: 670px) {
  .globalNav.initialized .dropdownRoot {
    display: block
  }
}

.globalNav.dropdownActive .dropdownRoot {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  transform: none
}

.globalNav .dropdownBackground {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
  width: 380px;
  height: 400px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

.globalNav .alternateBackground, .globalNav .dropdownBackground {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .25s;
  transition-duration: .25s
}

.globalNav .alternateBackground {
  right: 0;
  height: 1000px;
  background: #f6f9fc
}

.globalNav .dropdownArrow {
  top: -6px;
  margin: 0 0 0 -6px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 4px 0 0 0;
  background: #fff;
  -webkit-box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
  box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
  will-change: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.globalNav .dropdownArrow, .globalNav .dropdownContainer {
  position: absolute;
  left: 0;
  -webkit-transition-duration: .25s;
  transition-duration: .25s
}

.globalNav .dropdownContainer {
  overflow: hidden;
  width: 500px;
  top: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  will-change: transform, width, height;
  -webkit-transition-property: width, height, -webkit-transform;
  transition-property: width, height, -webkit-transform;
  transition-property: transform, width, height;
  transition-property: transform, width, height, -webkit-transform
}

.globalNav .dropdownSection {
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  background: red
}

.globalNav .dropdownSection.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.globalNav .dropdownSection.left {
  -webkit-transform: translateX(-150px);
  transform: translateX(-150px)
}

.globalNav .dropdownSection.right {
  -webkit-transform: translateX(150px);
  transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
  pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground, .globalNav.noDropdownTransition .dropdownArrow, .globalNav.noDropdownTransition .dropdownBackground, .globalNav.noDropdownTransition .dropdownContainer, .globalNav.noDropdownTransition .dropdownSection {
  -webkit-transition: none;
  transition: none
}

.globalNav .dropdownContent {
  position: absolute;
  top: 0;
  left: 0
}

.globalNav .linkGroup {
  padding: 20px 35px
}

.globalNav .linkContainer {
  display: block;
  padding: 9px 0;
  outline: none;
  position: relative
}

.keyboard-navigation .globalNav .linkContainer:focus:before {
  opacity: .5
}

.globalNav .linkContainer:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  right: -10px;
  bottom: 0;
  -webkit-box-shadow: 0 0 0 1.5px #8898aa;
  box-shadow: 0 0 0 1.5px #8898aa;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity .15s;
  transition: opacity .15s
}

.globalNav .linkTitle {
  margin: 0;
  color: #32325d;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .025em
}

.globalNav .linkSub {
  font-size: 15px;
  line-height: 22px;
  color: #6b7c93;
  margin: 5px 0 0;
  display: block;
  white-space: nowrap
}

.globalNav .linkSub, .globalNav .linkTitle {
  -webkit-transition: color .1s;
  transition: color .1s
}

.globalNav .linkContainer:focus .linkTitle, .globalNav .linkContainer:hover .linkTitle, .globalNav .linkTitle:focus, .globalNav .linkTitle:hover {
  color: #6b7c93
}

.globalNav .linkContainer:focus .linkSub, .globalNav .linkContainer:hover .linkSub {
  color: #8898aa
}

.globalNav .hover-fillDark, .globalNav .hover-fillLight {
  -webkit-transition: fill .1s;
  transition: fill .1s
}

.globalNav .hover-strokeDark, .globalNav .hover-strokeLight {
  -webkit-transition: stroke .1s;
  transition: stroke .1s
}

.globalNav [data-dropdown=company] .hover-fillLight, .globalNav [data-dropdown=developers] .hover-fillLight {
  fill: #aab7c4
}

.globalNav [data-dropdown=company] .hover-strokeLight, .globalNav [data-dropdown=developers] .hover-strokeLight {
  stroke: #aab7c4
}

.globalNav [data-dropdown=company] .hover-fillDark, .globalNav [data-dropdown=developers] .hover-fillDark {
  fill: #525f7f
}

.globalNav [data-dropdown=company] .hover-strokeDark, .globalNav [data-dropdown=developers] .hover-strokeDark {
  stroke: #525f7f
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillLight, .globalNav [data-dropdown=company] .linkContainer:hover .hover-fillLight, .globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillLight, .globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillLight {
  fill: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeLight, .globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeLight, .globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeLight, .globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeLight {
  stroke: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillDark, .globalNav [data-dropdown=company] .linkContainer:hover .hover-fillDark, .globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillDark, .globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillDark {
  fill: #6b7c93
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeDark, .globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeDark, .globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeDark, .globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeDark {
  stroke: #6b7c93
}

.globalNav .linkIcon {
  white-space: nowrap
}

.globalNav .linkIcon svg {
  margin: 0 12px -3px -1px
}

.globalNav .withIcon {
  padding-left: 28px
}

.globalNav .withIcon .linkTitle {
  margin-left: -28px
}

.globalNav .new-badge {
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  background: #6772e5;
  -webkit-transition: background .15s;
  transition: background .15s;
  border-radius: 10px;
  padding: 2px 4px 1px;
  height: auto;
  top: auto;
  -webkit-box-shadow: none;
  box-shadow: none
}

.globalNav .linkContainer:focus .new-badge, .globalNav .linkContainer:hover .new-badge {
  background: #32325d
}

.globalNav .productsGroupPrimary, .globalNav .productsGroupSecondary {
  margin: -5px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.globalNav .productsGroupPrimary > li, .globalNav .productsGroupSecondary > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.globalNav .productsGroupPrimary .linkContainer, .globalNav .productsGroupSecondary .linkContainer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.globalNav .productsGroupPrimary .linkContainer {
  padding: 16px 8px
}

.globalNav .productsGroupPrimary svg {
  width: 48px;
  height: 48px
}

.globalNav .productsGroupPrimary .productLinkContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.globalNav .productsGroupSecondary .linkContainer {
  padding: 14px 8px 14px 12px
}

.globalNav .productsGroupSecondary svg {
  width: 22px;
  height: 22px
}

.globalNav .productsGroupSecondary .productLinkContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 15px
}

.globalNav .productsGroupSecondary .linkTitle {
  display: inline
}

.globalNav .productsGroupSecondary .linkSub {
  display: inline;
  margin: 0 0 0 10px
}

.globalNav .prodsubGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 2px solid #fff
}

.globalNav .prodsubGroup .linkContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 13px 26px
}

.globalNav .prodsubGroup .linkSub {
  margin: 0 0 0 10px
}

.globalNav .item-atlas .linkTitle, .globalNav .item-capital .linkTitle, .globalNav .item-card .linkTitle, .globalNav .item-connect .linkTitle, .globalNav .item-issuing .linkTitle, .globalNav .item-payments .linkTitle, .globalNav .item-payouts .linkTitle, .globalNav .item-radar .linkTitle, .globalNav .item-sigma .linkTitle, .globalNav .item-subscriptions .linkTitle, .globalNav .item-terminal .linkTitle {
  color: #32325d
}

.globalNav .item-connect .new-badge {
  background: #3297d3
}

.globalNav .item-sigma .new-badge {
  background: #8f6ed5
}

.globalNav .item-billing .new-badge, .globalNav .item-subscriptions .new-badge {
  background: #24b47e
}

.globalNav .documentationGroup .linkSub {
  max-width: 400px
}

.globalNav .documentationArticles {
  font-size: 15px;
  line-height: 26px;
  margin: 15px 20px 10px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap
}

.globalNav .documentationArticles > ul {
  margin-right: 40px
}

.globalNav .documentationArticles > ul:last-child {
  margin-right: 0
}

.globalNav .documentationArticles h4 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .025em;
  margin: 0 0 3px;
  color: #8898aa
}

.globalNav .documentationArticles a {
  outline: none
}

.keyboard-navigation .globalNav .documentationArticles a:focus {
  color: #32325d;
  text-decoration: underline;
  text-underline-position: under
}

.globalNav .blogPosts {
  margin: 5px 10px 5px 28px
}

.globalNav .blogPosts a {
  display: block;
  white-space: nowrap;
  padding: 5px 0
}

.globalNav .blogPosts a:after {
  content: "\27A2";
  font: normal 16px StripeIcons;
  margin-left: 6px;
  vertical-align: -1px
}

.globalNav .blogPosts .title {
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
  white-space: nowrap;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top
}

.globalNav .blogPosts .title.new {
  font-weight: 500
}

.globalNav .blogPosts a {
  outline: none
}

.keyboard-navigation .globalNav .blogPosts a:focus .title {
  color: #32325d;
  text-decoration: underline;
  text-underline-position: under
}

.globalNav .blogPosts .new-badge {
  vertical-align: -1px
}

.globalNav .blogPosts a:hover .new-badge. .globalNav .blogPosts a:focus .new-badge {
  background: #32325d
}

.globalNav .item-blog svg {
  -webkit-transform: translateX(3px);
  transform: translateX(3px)
}

.globalNav .navSection.mobile .rootLink {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: relative;
  padding: 0 30px
}

.globalNav .navSection.mobile .rootLink h2 {
  color: inherit
}

.globalNav .navSection.mobile .rootLink h2, .globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
  position: absolute;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  background: currentColor
}

.globalNav .navSection.mobile .rootLink h2 {
  font-size: 0;
  left: 13px;
  top: 23px
}

.globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
  content: "";
  left: 0
}

.globalNav .navSection.mobile .rootLink h2:before {
  top: -9px
}

.globalNav .navSection.mobile .rootLink h2:after {
  top: 9px
}

.globalNav .popup {
  position: absolute;
  left: 10px;
  top: 5px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  pointer-events: none;
  -webkit-perspective: 2000px;
  perspective: 2000px
}

.globalNav .popupContainer {
  background: #fff;
  -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  font-size: 17px;
  line-height: 40px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .25s;
  transition-duration: .25s
}

.globalNav .navSection.mobile.globalPopupActive .popupContainer {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  pointer-events: auto
}

.globalNav .popup a {
  display: block
}

.globalNav .popupCloseButton {
  position: absolute;
  right: 0;
  top: 0;
  width: 51px;
  height: 51px;
  font-size: 0;
  cursor: pointer
}

.globalNav .popupCloseButton:after, .globalNav .popupCloseButton:before {
  content: "";
  position: absolute;
  background: #08a6ae;
  border-radius: 1px;
  left: 14px;
  right: 14px;
  top: 24px;
  height: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: background .1s;
  transition: background .1s
}

.globalNav .popupCloseButton:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.globalNav .popupCloseButton:hover:after, .globalNav .popupCloseButton:hover:before {
  background: #32325d
}

.globalNav .mobileSignIn {
  background: #f6f9fc;
  display: block;
  padding: 12px 30px;
  font-weight: 600
}

.globalNav .mobileSignIn:after {
  font: normal 16px StripeIcons;
  content: "\279C";
  margin-left: 6px
}

.globalNav .mobileProducts {
  padding: 20px 0 15px
}

.globalNav .mobileProducts h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .025em;
  color: #8898aa;
  text-transform: uppercase;
  margin: -5px 0 0 26px
}

.globalNav .mobileProductsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.globalNav .mobileProductsList > ul {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.globalNav .mobileProductsList > ul:last-child {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3
}

.globalNav .mobileProductsList a {
  padding: 0 26px;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
  padding-right: 12px
}

.globalNav .mobileProductsList a:hover {
  color: #6b7c93
}

.globalNav .mobileProductsList a svg {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 10px 0 -3px;
  vertical-align: -6px
}

.globalNav .mobileProductsList .item-atlas, .globalNav .mobileProductsList .item-capital, .globalNav .mobileProductsList .item-card, .globalNav .mobileProductsList .item-connect, .globalNav .mobileProductsList .item-issuing, .globalNav .mobileProductsList .item-payments, .globalNav .mobileProductsList .item-payouts, .globalNav .mobileProductsList .item-radar, .globalNav .mobileProductsList .item-sigma, .globalNav .mobileProductsList .item-subscriptions, .globalNav .mobileProductsList .item-terminal {
  color: #32325d
}

.globalNav .mobileProductsList .new-badge {
  vertical-align: 3px;
  margin-left: 2px
}

.globalNav .mobileSecondaryNav {
  border-top: 2px solid #f6f9fc;
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.globalNav .mobileSecondaryNav > ul {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.globalNav .mobileSecondaryNav > ul:last-child {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3
}

.globalNav .mobileSecondaryNav a {
  padding: 0 20px;
  min-width: 100px
}

.globalNav .SubnavColumns {
  width: 400px;
  max-width: calc(100vw - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #32325d
}

.globalNav .SubnavColumn {
  border-radius: 4px;
  padding: 29px 39px 29px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.globalNav .SubnavColumn--primary {
  -webkit-box-flex: 1.1;
  -ms-flex-positive: 1.1;
  flex-grow: 1.1;
  padding-right: 30px;
  background-color: #fff
}

.globalNav .SubnavColumn--secondary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 44px;
  background-color: #f6f9fc;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup:not(:last-child) {
  margin-bottom: 47px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup:not(:last-child) {
  margin-bottom: 28px
}

.globalNav .SubnavLinkGroup__title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__title {
  margin-bottom: 24px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__title {
  margin-bottom: 16px
}

.globalNav .SubnavLinkGroup__list {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__listItem:not(:last-child) {
  margin: 0 0 36px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__listItem:not(:last-child) {
  margin: 0 0 16px
}

.globalNav .SubnavLink {
  color: #32325d;
  text-decoration: none;
  outline: none
}

.globalNav .SubnavLink svg {
  float: left
}

.globalNav .SubnavColumn--primary .SubnavLink svg {
  margin-left: -4px;
  width: 32px;
  height: 32px
}

.globalNav .SubnavColumn--secondary .SubnavLink svg {
  width: 18px;
  height: 18px
}

.globalNav .SubnavLink:focus .hover-fillLight, .globalNav .SubnavLink:hover .hover-fillLight {
  fill: #8898aa
}

.globalNav .SubnavLink:focus .hover-strokeLight, .globalNav .SubnavLink:hover .hover-strokeLight {
  stroke: #8898aa
}

.globalNav .SubnavLink:focus .hover-fillDark, .globalNav .SubnavLink:hover .hover-fillDark {
  fill: #32325d
}

.globalNav .SubnavLink:focus .hover-strokeDark, .globalNav .SubnavLink:hover .hover-strokeDark {
  stroke: #32325d
}

.globalNav .SubnavColumn--primary .SubnavLink__content {
  margin-left: 44px;
  padding-top: 1px
}

.globalNav .SubnavColumn--secondary .SubnavLink__content {
  margin-left: 28px;
  padding-top: 1px
}

.globalNav .SubnavLink__title {
  font-weight: 500
}

.globalNav .SubnavColumn--primary .SubnavLink__title {
  font-size: 17px;
  margin-bottom: 7px
}

.globalNav .SubnavColumn--secondary .SubnavLink__title {
  font-size: 14px;
  margin-bottom: 8px
}

.globalNav .SubnavLink:focus .SubnavLink__title, .globalNav .SubnavLink:hover .SubnavLink__title {
  color: #6b7c93
}

.globalNav .SubnavLink__description {
  color: #6b7c93;
  font-size: 14px
}

.globalNav .SubnavLink:focus .SubnavLink__description, .globalNav .SubnavLink:hover .SubnavLink__description {
  color: #8898aa
}

.globalNav .navSection.secondary.topNavCta--active {
  display: none
}

.globalNav .rootLink.topNavCta--variant0 {
  letter-spacing: .025em;
  border: 1px solid #fff;
  border-radius: 4px;
  padding-left: 20px;
  height: 40px;
  line-height: 36px;
  margin-top: 6px;
  text-transform: uppercase;
  font-weight: 600
}

.globalNav.topNavCta--active .navSection.secondary .rootLink.topNavCta--variant0 {
  padding: 0 14px !important
}

.globalNav .rootLink.topNavCta--variant1 {
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(36, 180, 126, .4);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px;
  height: 40px;
  line-height: 41px;
  margin-top: 5px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  background: #3ecf8e
}

@media (min-width: 1040px) {
  .globalNav.topNavCta--active .rootLink {
    padding: 0 20px
  }
}

.productNav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 70px;
  right: 0;
  z-index: 499;
  z-index: calc(500 - 1);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
  padding: 12px 0
}

.productNav > .container-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.productNav .separator {
  position: absolute;
  width: calc(100% - 40px);
  height: 2px;
  top: -17px;
  background-color: currentColor;
  opacity: .07;
  pointer-events: none
}

.productNav a.home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.productNav a.home svg {
  display: block;
  width: 30px;
  height: 30px
}

.productNav a.home span {
  margin-left: 12px
}

.productNav .mask-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 -20px 0 20px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent)
}

.productNav .mask-container, .productNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.productNav ul {
  padding: 0 0 10px;
  margin-bottom: -10px;
  overflow: auto;
  line-height: 30px;
  -webkit-overflow-scrolling: touch;
  -webkit-mask-image: linear-gradient(180deg, #000, #000 calc(100% - 10px), transparent calc(100% - 10px), transparent)
}

.productNav ul::-webkit-scrollbar {
  display: none
}

.productNav li {
  list-style: none;
  padding: 0 10px
}

.productNav li:first-child {
  padding-left: 20px
}

.productNav li:last-child {
  padding-right: 20px
}

@media (min-width: 420px) {
  .productNav li {
    padding: 0 15px
  }
}

@media (min-width: 670px) {
  .productNav li {
    padding: 0 20px
  }
}

.productNav a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #6772e5;
  -webkit-transition: color .1s;
  transition: color .1s;
  white-space: nowrap
}

.keyboard-navigation .productNav a:focus {
  outline: none;
  text-decoration: underline;
  text-underline-position: under
}

.productNav a:hover {
  color: #32325d
}

.productNav a.external:after {
  font: normal 14px StripeIcons;
  content: "\279C";
  padding-left: 5px
}

.productNav .colorize {
  color: #6772e5;
  -webkit-transition: color .1s ease;
  transition: color .1s ease
}

.productNav .colorize.active, .productNav .colorize:hover {
  color: #32325d
}

html[lang=ja] .productNav ul {
  white-space: nowrap
}

@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
}

.blogGroup,
.about-group {
  background: white;
}


.css-162ohek-root-SmallText::before {
  height: 30px;
  top: -32px;
}

@media (min-width: 660px) {
  .css-162ohek-root-SmallText::before, .css-162ohek-root-SmallText::after {
    display: block;
    position: absolute;
    background-color: #08a6ae;
    pointer-events: none;
    left: 50%;
    transform: translateX(-1px);
    width: 1px;
  }

  .css-162ohek-root-SmallText::before, .css-162ohek-root-SmallText::after {
    content: "";

  }
}

.css-162ohek-root-SmallText::after {
  height: 10px;
  bottom: -9px;
}

@media (min-width: 660px) {
  .css-162ohek-root-SmallText::before, .css-162ohek-root-SmallText::after {
    display: block;
    position: absolute;
    background-color: #08a6ae;
    pointer-events: none;
    left: 50%;
    transform: translateX(-1px);
    width: 1px;
  }

  .css-162ohek-root-SmallText::before, .css-162ohek-root-SmallText::after {
    content: "";
  }
}

.css-162ohek-root-SmallText {
  color: #08a6ae;
  font-weight: 700;
}

.globalNav img {
  margin-top: -2px;
}

@media (max-width: 670px) {
  .globalNav img {
    margin-top: 13px;
  }
}

.header-wrapper {
  background-image: url('icons/platback2.svg');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: -300px;
  padding-bottom: 300px;
}

.default-host-img {
  height: 20px;
  vertical-align: baseline;
}

.custom-dropdown-background {
  transform: translateX(323px) scaleX(1.05263) scaleY(0.6475);
}

.custom-alternate-background {
  transform: translateY(400px);
}

.custom-dropdown-arrow {
  transform: translateX(523px) rotate(45deg);
}

.custom-dropdown-container {
  transform: translateX(323px);
  width: 400px;
  height: 259px;
}

.custom-platform-icon {
  margin-left: -4px;
  height: 32px;
  width: 32px;
}

.custom-platform-content {
  margin-left: 44px;
  padding-top: 1px;
}

.custom-platform-title {
  font-size: 17px;
  margin-bottom: 7px;
}

.custom-saas-backup-title {
  margin-top: 30px;
}

.custom-g-suite-content,
.custom-o365-content,
.custom-k8s-content,
.custom-aws-content,
.custom-azure-content {
  margin-left: 0;
}

.custom-dropdown-content {
  height: 472px;
  width: 433px;
}

/* cleanfornewindex.css */
#myModal {
  transition: opacity 0.9s
}

.modal-open {
  overflow: hidden;
  padding-right: 17px !important;
  height: 100%
}

textarea {
  overflow: auto
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #00968891;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #00968891;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #00968891
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999
}

.form-control::-webkit-input-placeholder {
  color: #999
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent
}

textarea.form-control {
  height: auto
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:active:focus, .btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:focus, .btn:hover {
  color: #333;
  text-decoration: none
}

.btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active:focus, .btn-primary:active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40
}

.btn-primary:active {
  background-image: none
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  background-clip: padding-box;
  outline: 0
}

.modal-body {
  position: relative;
  padding: 15px
}

@media (min-width: 1024px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
  }
}

@-ms-viewport {
  width: device-width
}

.btn {
  padding: 10px 25px;
  font-size: 16px;
  margin-top: 25px;
  margin-left: 7px;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .04);
  cursor: pointer;
  display: inline-block;
  font-family: proxima, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 0;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
  color: #fff;
  background-color: #08a6ae;
  border-color: #08a6ae;
  transition: color .3s ease-in-out;
  text-decoration: none;
  box-sizing: border-box;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: color .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, color .4s ease;
  transition: transform .4s ease, color .4s ease, -webkit-transform .4s ease
}

.btn:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #aaa
}

.btn.btn-primary {
  position: relative;
  background-color: #66CB87;
  color: #fff;
  border: none
}

.btn.btn-primary:hover {
  background-color: #64D589
}

.btn.btn-primary:active {
  background-color: #57BA77
}

.btn:active:focus, .btn:focus {
  outline: 0
}

#myModal {
  z-index: 1000
}

.modal-content {
  border: none;
  box-shadow: none
}

.modal-body .close {
  color: black;
  font-size: 40px;
  outline: none
}

.btn-container {
  text-align: right
}

.trial-title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px
}

.form-fields {
  display: flex;
  flex-direction: column
}

.form-fields input, .form-fields textarea {
  margin-bottom: 15px
}

.form-fields textarea {
  height: 120px !important;
  resize: none
}

.form-fields .form-control {
  height: 50px;
  font-size: 18px
}

.modal-body form {
  max-width: 465px;
  margin: auto;
  padding-top: 80px
}

.modal-body {
  background-color: white
}

@media (max-width: 480px) {
  .trial-title {
    font-size: 26px
  }
}

#myModal * {
  font-family: inherit;
  font-size: 16px
}

::-moz-selection {
  background: #edf5f5
}

::selection {
  background: #edf5f5
}

@media (max-width: 750px) {
  #backup-g-suite {
    display: none
  }
}

.blinking {
  animation: blinkingText 10s infinite;
  display: none
}

@keyframes blinkingText {
  0% {
    color: #213c3c
  }
  20% {
    color: #213c3c
  }
  50% {
    color: #275353
  }
  60% {
    color: #275353
  }
  80% {
    color: #213c3c
  }
  100% {
    color: #213c3c
  }
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%:: -moz-selection {
  background: #a9dbdb
}

  ::selection {
    background: #a9dbdb
  }
}

body {
  margin: 0
}

nav {
  display: block
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline: 0
}

img {
  border: 0
}

button {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button {
  -webkit-appearance: button;
  cursor: pointer
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: proxima, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff
}

a {
  color: #808080;
  text-decoration: none
}

a:focus, a:hover {
  color: #858686;
  text-decoration: none
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

img {
  vertical-align: middle
}

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

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav:after, .nav:before {
  content: " ";
  display: table
}

.nav:after {
  clear: both
}

.nav > li {
  position: relative;
  display: block
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

.navbar:after, .navbar:before {
  content: " ";
  display: table
}

.navbar:after {
  clear: both
}

@media (min-width: 1024px) {
  .navbar {
    border-radius: 4px
  }
}

.navbar-header:after, .navbar-header:before {
  content: " ";
  display: table
}

.navbar-header:after {
  clear: both
}

@media (min-width: 1024px) {
  .navbar-header {
    float: left
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse:after, .navbar-collapse:before {
  content: " ";
  display: table
}

.navbar-collapse:after {
  clear: both
}

@media (min-width: 1024px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }

  .navbar-static-top .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }
}

.container > .navbar-collapse, .container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px
}

@media (min-width: 1024px) {
  .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media (min-width: 1024px) {
  .navbar-static-top {
    border-radius: 0
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px
}

@media (min-width: 1024px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 7.5px -15px
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}

@media (min-width: 1024px) {
  .navbar-nav {
    float: left;
    margin: 0
  }

  .navbar-nav > li {
    float: left
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.collapse {
  display: none
}

h1 {
  font-size: 42px;
  margin-top: 20px;
  margin-bottom: 20px
}

ul {
  margin-top: 0;
  margin-bottom: 10px
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1270px
}

.container:after, .container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

@media (min-width: 1024px) {
  .container {
    width: 750px
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
}

@-ms-viewport {
  width: device-width
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@media (max-width: 1199px) {
  .container {
    width: auto
  }
}

.uil-td-none {
  text-decoration: none
}

.uil-ai-center {
  align-items: center
}

.uil-color-nebula {
  color: #08a6ae
}

.uil-mb-0 {
  margin-bottom: 0
}

.uil-mt-16 {
  margin-top: 16px
}

.uil-d-inline-flex {
  display: inline-flex
}

.css-1wv5nab-tail-LightCta {
  height: 1px;
  -webkit-transition: width 0.15s ease-out;
  transition: width 0.15s ease-out
}

.uil-w-20 {
  width: 20px
}

.uil-pos-relative {
  position: relative
}

.uil-fxs-0 {
  flex-shrink: 0
}

.uil-mr-8 {
  margin-right: 8px
}

.uil-bgc-current {
  background-color: #08a6ae
}

.uil-tt-upper {
  text-transform: uppercase
}

.uil-lsp-big {
  letter-spacing: 1.5px
}

.uil-fw-semibold {
  font-weight: 600
}

@media (min-width: 1200px)

.lg\:uil-fsz-12 {
  font-size: 14px
}

.uil-fsz-11 {
  font-size: 13px
}

.uil-ff-poppins {
  font-family: Arial, sans-serif
}

.uil-fxs-0 {
  flex-shrink: 0
}

.uil-color-nebula {
  color: #08a6ae
}

@media (min-width: 1200px)

.css-zk067i-root-root-arrow {
  width: 24px;
  height: 24px;
  top: 0
}

.css-zk067i-root-root-arrow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 21px;
  height: 21px;
  top: -1px
}

.uil-pos-relative {
  position: relative
}

.uil-fxs-0 {
  flex-shrink: 0
}

.uil-color-nebula:hover .uil-w-20 {
  width: 30px;
  color: #08a6ae;
  transition: all 0.3s linear
}

/* footer.css */
.footer-container {
  align-items: center;
  color: #808080;
  display: flex;
  margin-top: 80px;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1rem;
  justify-content: center;
  font-size: 14px;
  flex-wrap: wrap;
}

.footer-item {
  display: inline-block;
  margin-right: 20px;
}

.footer-item .linkedin-link,
.footer-item .vimeo-link,
.footer-item .yt-link,
.footer-item .fb-icon {
  margin-right: 6px;
}

.footer-item .vimeo-img {
  max-height: 13px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.footer-item .fb-img {
  max-height: 13px;
  vertical-align: middle;
}

.footer-item .yt-img {
  max-height: 30px;
  vertical-align: middle;
}

.footer-item .linkedin-img {
  max-height: 11px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.footer-item .twitter-img {
  max-height: 12px;
  vertical-align: middle;
  margin-bottom: 2px;
}

/* provider-buttons.css */
/* Autogenerated styles - https://developers.google.com/identity/branding-guidelines */
.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: left;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: 205px;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button-icon {
  display: block;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.provider-button-container {
  position: relative;
}

.provider-button-container + .provider-button-container {
  margin-top: 16px;
}

.provider-button-container a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.provider-button-container a:hover + .gsi-material-button:not(:disabled) .gsi-material-button-state,
.provider-button-container a:focus + .gsi-material-button:not(:disabled) .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.provider-button-container a:hover + .gsi-material-button:not(:disabled),
.provider-button-container a:focus + .gsi-material-button:not(:disabled) {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.provider-button-container a:hover + .gsi-material-button:not(:disabled) .gsi-material-button-state,
.provider-button-container a:focus + .gsi-material-button:not(:disabled) .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

#gsuite-btn:focus,
#o365-btn:focus {
  outline: none;
}

/**/
.new-login-wrap {
  display: table;
  height: calc(100% - 150px);
  width: 100%;
  padding-top: 80px;
}

.new-login-container {
  max-width: 1280px;
  margin: auto;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}