@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Source+Sans+Pro:wght@400;600;700;900&display=swap");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@media (max-width: 479px) {
  .hide-at-4 {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hide-at-7 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-at-9 {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-at-12 {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hide-at-19 {
    display: none !important;
  }
}

.cookieTitle, .nav__mobile.open .nav__auth ul[data-name], .nav__parent.open ul li, .nav__logo, .footer__category__menu, .footer__languages__outer, .variantList li, .footerApps, .footerLink--facebook, .footerLink--linkedin, .submenuLink--withIcon, .mainMenuLink--profile, .navigation__hero.dark .mainMenuLink--mobile {
  position: relative;
}
.cookieTitle:before, .nav__mobile.open .nav__auth ul[data-name]:before, .nav__parent.open ul li:before, .nav__logo:before, .footer__category__menu:before, .footer__languages__outer:before, .variantList li:before, .footerApps:before, .footerLink--facebook:before, .footerLink--linkedin:before, .submenuLink--withIcon:before, .mainMenuLink--profile:before, .navigation__hero.dark .mainMenuLink--mobile:before, .cookieTitle:after, .nav__mobile.open .nav__auth ul[data-name]:after, .nav__parent.open ul li:after, .nav__logo:after, .footer__category__menu:after, .footer__languages__outer:after, .variantList li:after, .footerApps:after, .footerLink--facebook:after, .footerLink--linkedin:after, .submenuLink--withIcon:after, .mainMenuLink--profile:after, .navigation__hero.dark .mainMenuLink--mobile:after {
  position: absolute;
  content: "";
  display: block;
}

.pageHeading {
  font-family: -apple-system, system-ui, "Source Sans Pro", sans-serif;
  color: #091841;
}

.languageDirectory, .nav__secondary ul, .nav__website > ul, .nav__auth > ul, .footer__category__menu, .variantFeatures, .footerLinks {
  padding: 0;
}
.languageDirectory li, .nav__secondary ul li, .nav__website > ul li, .nav__auth > ul li, .footer__category__menu li, .variantFeatures li, .footerLinks li {
  padding: 0;
  list-style: none;
}

.ad {
  align-items: center;
  justify-content: center;
}

html {
  font-size: 10px;
}

body {
  background: #fff;
  font-family: -apple-system, system-ui, "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #5e6c77;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  letter-spacing: 0;
  line-height: unset;
}

main {
  flex: 1;
}

* {
  min-height: 0;
  min-width: 0;
}

*:active, *:hover, *:focus {
  outline: none;
}

.section {
  width: 100%;
}
@media (max-width: 479px) {
  .section {
    padding: 30px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .section {
    padding: 40px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .section {
    padding: 60px 0;
  }
}
.sectionActionHeader {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .sectionActionHeader {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionActionHeader {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .sectionActionHeader {
    font-size: 18px;
  }
}
.sectionActionButton {
  border-radius: 5px;
  background: #102A73;
  color: #fff;
  padding: 15px 50px;
  text-decoration: none;
  font-size: 20px;
  margin: 0 auto;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 479px) {
  .sectionActionButton {
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 20px;
  }
}
.sectionActionButton:hover {
  transform: translateY(-2px);
}
.sectionContainer {
  flex-wrap: wrap;
}
.sectionHeader {
  font-size: 46px;
  font-weight: 500;
  color: #091841;
  width: 100%;
  text-align: center;
  line-height: 1.2em;
}
@media (max-width: 479px) {
  .sectionHeader {
    text-align: left;
    margin-bottom: 10px;
  }
  .sectionHeader h1 {
    font-size: 18px;
    line-height: 1.2em;
  }
  .sectionHeader, .sectionHeader h2 {
    font-size: 18px;
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .sectionHeader h1 {
    font-size: 25px;
  }
  .sectionHeader, .sectionHeader h2 {
    font-size: 26px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeader h1 {
    font-size: 30px;
  }
  .sectionHeader, .sectionHeader h2 {
    font-size: 32px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeader h1 {
    font-size: 35px;
  }
  .sectionHeader, .sectionHeader h2 {
    font-size: 42px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .sectionHeader h1 {
    font-size: 46px;
  }
  .sectionHeader, .sectionHeader h2 {
    font-size: 46px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .sectionHeader--main {
    padding: 20px 0 0 !important;
  }
}
@media (min-width: 480px) {
  .sectionHeader--main {
    padding-top: 20px;
  }
}
@media (max-width: 479px) {
  .sectionHeader--main small {
    margin: 0 auto;
  }
}
@media (min-width: 480px) {
  .sectionHeader--main small {
    margin: 0 auto 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeader--main small {
    max-width: 80% !important;
  }
}
@media (min-width: 1200px) {
  .sectionHeader--main small {
    max-width: 50% !important;
  }
}
.sectionHeader .h2small,
.sectionHeader small {
  display: block;
  line-height: 1.4em;
  opacity: 0.5;
  margin: 20px auto 0;
}
@media (max-width: 479px) {
  .sectionHeader .h2small,
  .sectionHeader small {
    font-size: 12px;
    margin: 10px auto 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .sectionHeader .h2small,
  .sectionHeader small {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .sectionHeader .h2small,
  .sectionHeader small {
    font-size: 18px;
    max-width: 80%;
  }
}
.sectionBody {
  width: 100%;
  display: block;
}
.sectionBody--2columns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sectionBody--2columns {
    flex-wrap: wrap;
  }
}
.sectionColumn {
  width: calc(50% - 10px);
}
@media (max-width: 767px) {
  .sectionColumn {
    width: auto;
  }
}
.section__text--rich {
  line-height: 1.8em;
}
@media (max-width: 767px) {
  .section__text--rich {
    line-height: 1.6em;
    font-size: 14px;
  }
}
.section__text--rich p {
  padding: 8px 0;
}
.section__text--rich ul,
.section__text--rich ol {
  margin: 10px 0 10px;
  padding: 0 0 0 20px;
}
.section__text--rich h2, .section__text--rich h3, .section__text--rich h4, .section__text--rich h5 {
  font-family: "Source Sans Pro";
  color: #091841;
  padding: 0;
  display: block;
}
.section__text--rich h2 {
  font-size: 28px;
  margin: 30px 0 5px;
}
@media (max-width: 479px) {
  .section__text--rich h2 {
    font-size: 18px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .section__text--rich h2 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__text--rich h2 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .section__text--rich h2 {
    font-size: 28px;
  }
}
.section__text--rich h3 {
  font-size: 24px;
  margin: 25px 0 5px;
}
@media (max-width: 479px) {
  .section__text--rich h3 {
    font-size: 18px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .section__text--rich h3 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__text--rich h3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .section__text--rich h3 {
    font-size: 24px;
  }
}
.section__text--rich h4 {
  font-size: 22px;
  margin: 20px 0 5px;
}
@media (max-width: 479px) {
  .section__text--rich h4 {
    font-size: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .section__text--rich h4 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__text--rich h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .section__text--rich h4 {
    font-size: 22px;
  }
}
.section__text--rich h5 {
  font-size: 20px;
  margin: 15px 0 5px;
}
@media (max-width: 479px) {
  .section__text--rich h5 {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .section__text--rich h5 {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__text--rich h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .section__text--rich h5 {
    font-size: 20px;
  }
}
.section__text--rich a {
  display: inline;
  color: #091841;
  border-bottom: 1px dotted rgba(9, 24, 65, 0.5);
  text-decoration: none;
  font-weight: 600;
  opacity: 0.8;
}
.section__text--rich a:focus, .section__text--rich a:hover {
  text-decoration: none;
  opacity: 1;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  display: flex;
  padding: 0 15px !important;
}
@media (max-width: 479px) {
  .container {
    max-width: 480px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1650px;
  }
}
.container.is-narrow {
  max-width: 1170px;
}
.container.is-centered {
  justify-content: center;
}
.container--action {
  text-align: center;
}

.columns {
  display: flex;
  padding: 1rem;
  width: 100%;
}
@media (max-width: 479px) {
  .columns {
    flex-wrap: wrap;
    padding: 0;
  }
}

.column {
  padding: 1rem;
}
@media (max-width: 479px) {
  .column {
    width: 100%;
    padding: 0 1rem;
  }
}
.column.is-wide {
  width: 100%;
}
.column.is-fixed {
  flex: none;
  display: block;
}
.column:not(.is-fixed) {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

.navigation {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .navigation {
    margin: 10px auto;
  }
}
@media (min-width: 768px) {
  .navigation {
    margin: 30px auto;
  }
}
@media (max-width: 479px) {
  .navigation {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .navigation {
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .navigation {
    max-width: 1650px;
  }
}
.navigation__hero.dark {
  border-bottom: 0 !important;
}
@media (max-width: 479px) {
  .navigation__hero.dark {
    background: #091841 url("../webp/bg_mobile-2.webp") 50% 50%/cover no-repeat;
  }
}
@media (min-width: 480px) {
  .navigation__hero.dark {
    background: #091841 url("../webp/bg-2.webp") 50% 50% no-repeat;
  }
}
.navigation__hero.dark .heroApp {
  border-bottom: none;
}
.navigation__hero.dark .navigation__logo {
  color: #fff;
}
.navigation__hero.dark .navigation__logo:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .navigation__hero.dark .submenu {
    box-shadow: 0 0 30px rgba(3, 7, 20, 0.5);
  }
}
@media (min-width: 768px) {
  .navigation__hero.dark .mainMenuLink {
    color: #d3dbff;
  }
}
.navigation__hero.dark .mainMenuLink--mobile {
  box-shadow: none !important;
  background: transparent !important;
}
.navigation__hero.dark .mainMenuLink--mobile:before {
  height: 24px;
  width: 24px;
  background: transparent url("../svg/menuicons-2.svg") -168px 0 no-repeat !important;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
}
.navigation__hero.dark .mainMenuLink--button {
  background: #fff;
  color: #091841;
  box-shadow: 0 0 2px #fff inset;
}
.navigation__hero.dark .mainMenuLink--button:hover {
  background: #fff;
  color: #102a73 !important;
  box-shadow: 0 0 2px #fff inset;
}
.navigation__hero.dark .mainMenuLink--profile {
  box-shadow: 0 0 2px #d3dbff inset;
}
@media (max-width: 767px) {
  .navigation__hero.dark .mainMenuLink--profile {
    color: #d3dbff;
  }
}
.navigation__hero.dark .mainMenuLink--lang {
  color: #d3dbff;
  background: transparent;
}
@media (min-width: 768px) {
  .navigation__hero.dark .mainMenuLink:hover {
    color: #fff;
  }
}
.navigation__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .navigation__inner {
    padding: 0 15px;
  }
  .navigation__inner [data-menu=pages],
  .navigation__inner [data-menu-item=localizer],
  .navigation__inner [data-menu-item=auth],
  .navigation__inner [data-menu-item=user_control] {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navigation__inner [data-menu-item=languages],
  .navigation__inner [data-menu-item=localizer] {
    display: none;
  }
}
@media (min-width: 768px) {
  .navigation__inner {
    padding: 0 25px;
  }
  .navigation__inner [data-menu-item=hamburger] {
    display: none;
  }
}
.navigation__logo {
  font-size: 25px;
  color: #091841;
  margin: 0 20px 0 0;
  display: block;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 767px) {
  .navigation__logo {
    font-size: 18px;
  }
}
.navigation__logo small {
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 767px) {
  .navigation__logo small {
    font-size: 13px;
  }
}
.navigation__logo:hover {
  opacity: 0.9;
  color: #091841;
  text-decoration: none;
}
@media (max-width: 767px) {
  .navigation__secondary {
    order: 1;
  }
}
.navigation__secondary .submenuOuter {
  right: 0;
}
.navigation__secondary .submenuOuter .submenuItem:first-of-type:before {
  right: 15px;
}
.navigation__primary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .navigation__primary {
    order: 2;
  }
}
@media (min-width: 768px) {
  .navigation__primary {
    flex: 1;
  }
  .navigation__primary .mainMenu {
    flex: 1;
    justify-content: center;
  }
}
.navigation__primary .submenuOuter {
  left: 0;
}
.navigation__primary .submenuOuter .submenuItem:first-of-type:before {
  left: calc(50% + 7px);
}
.navigation__mobile {
  padding: 0 25px;
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .navigation__mobile {
    display: none;
  }
}
.navigation__mobile__close {
  height: 32px;
  width: 32px;
  border-radius: 50px;
  top: 15px;
  right: 15px;
  position: absolute;
  background: rgba(9, 24, 65, 0.1);
  opacity: 1;
  z-index: 15;
}
.navigation__mobile__close:before {
  background: transparent url("../svg/menuicons-2.svg") -192px 0 no-repeat;
  height: 24px;
  width: 24px;
  content: "";
  display: block;
  margin: 4px;
}
@media (max-width: 767px) {
  .navigation__mobile.open {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 3px rgba(9, 24, 65, 0.3);
    margin: 0 auto;
    border-radius: 10px;
    z-index: 10;
    padding-bottom: 20px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .navigation__mobile.open {
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 479px) {
  .navigation__mobile.open {
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
  }
}
.navigation__mobile [data-submenu-item=languages],
.navigation__mobile [data-menu-item=hamburger],
.navigation__mobile [data-menu-item=localizer] > a,
.navigation__mobile [data-menu-item=user_control] > .mainMenuLink {
  display: none;
}
.navigation__mobile [data-menu-item=services] > a,
.navigation__mobile [data-menu-item=languages] > a,
.navigation__mobile [data-menu-item=pricing] > a,
.navigation__mobile [data-submenu=about] a,
.navigation__mobile [data-menu-item=localization] > a {
  font-weight: 600;
}
.navigation__mobile [data-menu-item=services] > a,
.navigation__mobile [data-menu-item=localization] > a {
  margin-top: 10px;
}
.navigation__mobile [data-menu=control] {
  margin-top: 10px;
  border-top: 1px solid rgba(9, 24, 65, 0.1);
  padding-top: 10px;
}
@media (max-width: 767px) {
  .navigation__mobile [data-menu=control] .mainMenuItem--userControl {
    display: block;
    width: 100%;
  }
}
.navigation__mobile [data-menu=control] .mainMenuItem--lang {
  margin-top: 10px;
  border-top: 1px solid rgba(9, 24, 65, 0.1);
  padding-top: 10px;
}
@media (max-width: 767px) {
  .navigation__mobile [data-menu=control] .mainMenuItem--lang {
    display: block;
    width: 100%;
  }
}
.navigation__mobile [data-menu-item=auth],
.navigation__mobile .mainMenuLink--auth {
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .navigation__mobile [data-menu-item=about] > .mainMenuLink {
    display: none;
  }
}
@media (max-width: 767px) {
  .navigation__mobile [data-submenu=control] {
    display: none;
  }
}
@media (max-width: 479px) {
  .navigation__mobile [data-submenu=services],
  .navigation__mobile [data-submenu=localization] {
    margin-left: 20px;
  }
}
.navigation__mobile [data-submenu=usercontrol],
.navigation__mobile [data-submenu=localizer] {
  padding-bottom: 20px;
}
.navigation__mobile [data-submenu=usercontrol]:before,
.navigation__mobile [data-submenu=localizer]:before {
  content: "open Translate.com in your language";
  display: block;
  width: 100%;
  font-size: 13px;
}
.navigation__mobile [data-submenu=usercontrol] .submenuItem,
.navigation__mobile [data-submenu=localizer] .submenuItem {
  display: inline-block;
}
.navigation__mobile [data-submenu=usercontrol] .submenuLink,
.navigation__mobile [data-submenu=localizer] .submenuLink {
  padding: 8px 8px 0 0;
}
.navigation__mobile [data-submenu=usercontrol]:before {
  display: none !important;
}
@media (max-width: 479px) {
  .navigation__mobile [data-submenu=usercontrol] .submenuLink {
    padding: 0;
  }
}
.navigation__mobile [data-submenu=usercontrol] .submenuItem {
  display: block;
}
@media (max-width: 479px) {
  .navigation__mobile [data-submenu=usercontrol] .submenuItem {
    padding: 8px 0;
  }
}
@media (min-width: 480px) {
  .navigation__mobile [data-submenu=usercontrol] .submenuItem {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .navigation__mobile .submenuLink,
  .navigation__mobile .mainMenuLink {
    padding: 8px 0;
  }
}
@media (max-width: 767px) {
  .navigation__login {
    display: flex;
    order: 3;
  }
  .navigation__login *:nth-of-type(1) {
    margin-right: 4px;
  }
}
@media (min-width: 768px) {
  .navigation__login {
    display: none;
  }
}

.mainMenu {
  display: flex;
}
@media (max-width: 767px) {
  .mainMenu {
    flex-wrap: wrap;
    width: 100%;
  }
}
.mainMenuLink {
  display: inline-block;
  font-size: 15px;
  padding: 8px 20px;
  background: transparent;
  color: #091841;
  border-radius: 5px;
  opacity: 0.95;
  transition: opacity 0.2s ease;
  box-sizing: border-box;
  text-decoration: none;
}
.mainMenuLink:hover {
  text-decoration: none;
  color: #1b39c8;
  opacity: 1;
}
.mainMenuLink--button {
  box-shadow: 0 0 0 2px #091841 inset;
}
.mainMenuLink--button:hover {
  box-shadow: 0 0 0 2px #1b39c8 inset;
}
.mainMenuLink--profile {
  background: rgba(9, 24, 65, 0.1);
  color: #091841;
}
@media (max-width: 479px) {
  .mainMenuLink--profile {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mainMenuLink--profile {
    padding: 8px 20px;
  }
}
@media (min-width: 768px) {
  .mainMenuLink--profile {
    padding: 8px 40px 8px 20px;
  }
}
@media (min-width: 768px) {
  .mainMenuLink--profile:before {
    height: 24px;
    width: 24px;
    right: 10px;
    top: calc(50% - 12px);
    background: url("../svg/translator-icons-2.svg") -144px 0 no-repeat;
  }
}
.mainMenuLink--profile:hover {
  background: rgba(9, 24, 65, 0.2);
  color: #091841;
  opacity: 1;
  cursor: pointer;
}
@media (min-width: 768px) {
  .mainMenuLink--profile {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.mainMenuLink--auth {
  background: #091841;
  color: #fff;
}
@media (max-width: 767px) {
  .mainMenuLink--auth {
    font-size: 14px;
    padding: 8px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.mainMenuLink--auth:hover {
  background: #1b39c8;
  color: #fff;
  opacity: 0.9;
}
.mainMenuLink--lang {
  color: #091841;
}
.mainMenuLink--lang:hover {
  color: #1b39c8;
}
.mainMenuLink--signin {
  color: #091841;
  box-shadow: none !important;
}
.mainMenuLink--signin:hover {
  color: #1b39c8;
}
.mainMenuLink--mobile {
  overflow: hidden;
  text-indent: -9999px;
  width: 40px;
  box-shadow: none;
  background: transparent url("../svg/ham_menu.svg") 50% 50% no-repeat;
  opacity: 0.9;
  height: 30px;
}
.mainMenuLink--mobile:hover {
  opacity: 1;
  cursor: pointer;
}
.mainMenuItem {
  display: inline-block;
}
@media (min-width: 768px) {
  .mainMenuItem:not(:first-of-type) {
    margin-left: 10px;
  }
}
.mainMenuItem.haveSubmenu {
  position: relative;
}
@media (min-width: 1200px) {
  .mainMenu [data-submenu-item=languages] {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mainMenu [data-submenu-item=languages] {
    display: none;
  }
}
@media (max-width: 767px) {
  .mainMenu[data-menu=pages] {
    flex-wrap: wrap;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mainMenu[data-menu=pages] {
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  .mainMenu[data-menu=pages] .mainMenuItem {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mainMenu[data-menu=control] {
    margin-top: 3px;
  }
}

@media (min-width: 768px) {
  .submenu {
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(9, 24, 65, 0.2);
    padding: 5px 0;
    background: #fff;
  }
}
@media (max-width: 479px) {
  .submenuOuter {
    left: 10px;
  }
}
@media (min-width: 768px) {
  .submenuOuter {
    position: absolute;
    top: 100%;
    display: none;
    padding-top: 10px;
    z-index: 10;
  }
}
.submenuOuter.active {
  display: block;
  z-index: 10;
}
.submenuItem {
  display: block;
}
.submenuItem:first-of-type {
  position: relative;
}
@media (min-width: 768px) {
  .submenuItem:first-of-type:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5px;
    top: -2px;
    box-sizing: border-box;
    border: 5px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -4px 4px 3px rgba(9, 24, 65, 0.05);
    z-index: 9;
  }
}
.submenuLink {
  padding: 10px 30px;
  color: #091841;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}
@media (max-width: 767px) {
  .submenuLink {
    padding: 8px 20px;
    display: block;
  }
}
.submenuLink:hover {
  text-decoration: none;
  color: #1b39c8;
}
@media (min-width: 768px) {
  .submenuLink:hover {
    background: rgba(27, 57, 200, 0.05);
  }
}
@media (min-width: 480px) {
  .submenuLink--withIcon {
    padding-left: 64px;
  }
}
@media (min-width: 480px) {
  .submenuLink--withIcon:before {
    height: 24px;
    width: 24px;
    left: 20px;
    top: calc(50% - 12px);
    background: transparent url("../svg/menuicons-2.svg") no-repeat;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .submenuLink--withIcon:before {
    top: 15px;
  }
}
.submenuLink--technical:before {
  background-position: 0 0;
}
.submenuLink--document:before {
  background-position: -25px 0;
}
.submenuLink--medical:before {
  background-position: -49px 0;
}
.submenuLink--business:before {
  background-position: -73px 0;
}
.submenuLink--api:before {
  background-position: -97px 0;
}
.submenuLink--integration:before {
  background-position: -119px 0;
}
.submenuLink--languages:before {
  background-position: -144px 0;
}
.submenuLink--email:before {
  background-position: -214px 0;
}
.submenuLink--rich {
  flex-wrap: wrap;
}
.submenuLinkHeader, .submenuLinkDescription {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .submenuLinkHeader, .submenuLinkDescription {
    white-space: normal;
  }
}
.submenuLinkHeader {
  font-size: 16px;
  white-space: nowrap;
}
@media (min-width: 480px) and (max-width: 767px) {
  .submenuLinkHeader {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .submenuLinkHeader {
    font-size: 14px;
  }
}
.submenuLinkDescription {
  font-size: 13px;
  color: rgba(9, 24, 65, 0.7);
}
@media (min-width: 768px) {
  .submenuLinkDescription {
    max-width: 350px;
    white-space: normal;
  }
}
@media (max-width: 479px) {
  .submenuLinkDescription {
    display: none;
  }
}
.submenuLinkLocale {
  width: 40px;
  display: inline-block;
  text-transform: uppercase;
  opacity: 0.5;
  text-align: left;
}
@media (max-width: 767px) {
  .submenuLinkLocale {
    display: none;
  }
}
@media (min-width: 768px) {
  .submenu[data-submenu=auth] .submenuItem {
    width: 140px;
  }
}
@media (min-width: 768px) {
  .submenu[data-submenu=services],
  .submenu .submenuItem {
    width: 350px;
  }
}
@media (min-width: 768px) {
  .submenu[data-submenu=about] .submenuItem {
    width: 250px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .submenu[data-submenu=services], .submenu[data-submenu=about], .submenu[data-submenu=localization] {
    display: flex;
    flex-wrap: wrap;
  }
  .submenu[data-submenu=services] .submenuItem, .submenu[data-submenu=about] .submenuItem, .submenu[data-submenu=localization] .submenuItem {
    width: 50%;
  }
}

[modal] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: rgba(9, 24, 65, 0.8);
  backdrop-filter: blur(4px);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
[modal] .modal-body {
  padding: 25px 55px 25px 25px;
}
[modal] .modal-title {
  color: #2A363F;
  font-size: 20px;
  font-weight: 600;
}
[modal] .modal-text {
  padding-top: 10px;
  line-height: 1.7em;
}
[modal] .modal-footer {
  background: rgba(42, 54, 63, 0.05);
  padding: 15px;
}
@media (max-width: 479px) {
  [modal] .modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media (max-width: 479px) {
  [modal] .modal-footer * {
    width: 100%;
  }
}
@media (max-width: 479px) {
  [modal] .modal-footer > :first-of-type {
    margin-top: 10px;
  }
}
@media (min-width: 480px) {
  [modal] .modal-footer > :not(:first-of-type) {
    margin-left: 10px;
  }
}
[modal] .modal-box {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 30px rgba(9, 24, 65, 0.3);
  position: relative;
}
@media (min-width: 768px) {
  [modal] .modal-box {
    max-width: 600px;
  }
}
@media (max-width: 479px) {
  [modal] .modal-box {
    margin-left: 20px;
    margin-right: 20px;
  }
}
[modal] .modal-close {
  height: 20px;
  width: 20px;
  right: 20px;
  top: 20px;
  position: absolute;
  background: url("../close_icon.html") 50% 50%/15px 15px no-repeat;
  opacity: 0.2;
}
[modal] .modal-close:hover {
  opacity: 1;
  cursor: pointer;
}

.footer {
  background: #091841;
}
.footer[data-ads=true] {
  padding-bottom: 100px !important;
}
.footerInner {
  margin-top: 20px;
}
.footerHeader {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 767px) {
  .footerHeader {
    font-size: 14px;
  }
}
.footerLinks {
  margin: 15px 0 0;
}
.footerLinks li {
  margin: 0 0 15px;
}
.footerLink {
  color: #d3dbff;
  font-size: 14px;
  opacity: 0.8;
  text-decoration: none;
}
@media (max-width: 767px) {
  .footerLink {
    font-size: 12px;
  }
}
.footerLink:hover {
  text-decoration: none;
  color: #fff;
  opacity: 1;
}
.footerLink--facebook, .footerLink--linkedin {
  padding: 0 0 0 25px;
}
.footerLink--facebook:before, .footerLink--linkedin:before {
  height: 14px;
  width: 14px;
  left: 0;
  top: calc(50% - 7px);
  background-repeat: no-repeat;
}
.footerLink--facebook {
  color: #6894EF;
}
.footerLink--facebook:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.716988 2.28941e-08H12.2824C12.6786 -9.89868e-05 12.9998 0.320954 13 0.716988V12.2824V12.2827C12.9999 12.6789 12.6786 13.0001 12.2824 13H0.717583C0.321449 13.0001 0.00019856 12.679 2.28941e-08 12.283V0.717583C-9.89868e-05 0.321449 0.320954 0.00019856 0.716988 2.28941e-08ZM8.96694 7.94735V12.9998H6.93597V7.94735H5.24774V5.96976H6.93597V4.51438C6.93597 2.82665 7.96107 1.90803 9.45891 1.90803C10.1763 1.90803 10.7928 1.96176 10.9725 1.98578V3.74976H9.93967C9.12471 3.74976 8.96694 4.139 8.96694 4.71025V5.96976H10.9154L10.6615 7.94735H8.96694Z' fill='%236894EF'/%3E%3C/svg%3E%0A");
}
.footerLink--linkedin {
  color: #64CCFF;
}
.footerLink--linkedin:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.159058 3.90332H2.85022V12H0.159058V3.90332Z' fill='%2364CCFF'/%3E%3Cpath d='M1.52244 0C0.601888 0 0 0.604474 0 1.39898C0 2.17595 0.583977 2.79767 1.4871 2.79767H1.50462C2.44318 2.79767 3.02726 2.17595 3.02726 1.39898C3.00973 0.604474 2.44318 0 1.52244 0Z' fill='%2364CCFF'/%3E%3Cpath d='M9.4561 3.71289C8.0282 3.71289 7.38838 4.49762 7.03073 5.04942V3.90292H4.33948V11.9996H7.03064V7.47804C7.03064 7.23601 7.04817 6.99435 7.11924 6.82127C7.31377 6.33787 7.75656 5.83712 8.50001 5.83712C9.47382 5.83712 9.86336 6.57962 9.86336 7.66807V11.9996H12.5543V7.35707C12.5543 4.87012 11.2266 3.71289 9.4561 3.71289Z' fill='%2364CCFF'/%3E%3C/svg%3E%0A");
}
.footerLogo {
  font-size: 25px;
  color: #fff;
  margin: 0 20px 0 0;
  display: block;
  font-weight: 600;
}
@media (max-width: 991px) {
  .footerLogo {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footerLogo {
    font-size: 20px;
  }
}
.footerLogo small {
  font-weight: 400;
  font-size: 20px;
  opacity: 0.8;
}
@media (max-width: 767px) {
  .footerLogo small {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .footerApps {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }
}
.footerApps li {
  display: inline-block;
  margin: 10px 10px 10px 0;
}
.footerAppLink {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height: 45px;
  width: 152px;
}
@media (max-width: 479px) {
  .footerAppLink {
    height: 36px;
    width: 121.6px;
  }
}
.footerAppLink--apple {
  background: transparent url("../svg/appstore__white--english-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--apple--english {
  background: transparent url("../svg/appstore__white--english-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--apple--french {
  background: transparent url("../svg/appstore__white--french-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--apple--spanish {
  background: transparent url("../svg/appstore__white--spanish-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--apple--russian {
  background: transparent url("../svg/appstore__white--russian-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--apple--turkish {
  background: transparent url("../svg/appstore__white--turkish-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google {
  background: transparent url("../svg/play__white--english-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google--english {
  background: transparent url("../svg/play__white--english-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google--french {
  background: transparent url("../svg/play__white--french-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google--spanish {
  background: transparent url("../svg/play__white--spanish-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google--russian {
  background: transparent url("../svg/play__white--russian-2.svg") 0 0/contain no-repeat;
}
.footerAppLink--google--turkish {
  background: transparent url("../svg/play__white--turkish-2.svg") 0 0/contain no-repeat;
}

.hidden {
  display: none !important;
}

.ad {
  display: flex;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  overflow: hidden;
  color: transparent;
}
.ad-on-dark {
  color: #d4e157;
}
.ad-slot-top {
  padding: 0;
  background: #16244F;
}
@media (min-width: 480px) {
  .ad-slot-top {
    padding: 1rem 0;
  }
}
.ad-side {
  margin: 0 0 2rem;
}
.ad-box {
  padding: 0 0 2rem;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5;
}
@media (max-width: 767px) {
  .overlay {
    background: rgba(9, 24, 65, 0.7);
  }
}

.pageHeader {
  margin-top: 40px;
  flex-grow: unset;
}
.pageHeading {
  font-weight: 800;
}
@media (max-width: 479px) {
  .pageHeading {
    font-size: 22px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pageHeading {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pageHeading {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .pageHeading {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .pageHeading {
    font-size: 40px;
  }
}
.pageForm {
  border-radius: 5px;
  padding: 25px;
}
.pageForm--narrow {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .pageForm--narrow {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .pageForm--narrow .pageForm__input {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .pageForm--narrow .pageForm__input {
    width: 75%;
  }
}
.pageForm--gray {
  background: rgba(9, 24, 65, 0.05);
}
.pageForm__groupHorizontal {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 479px) {
  .pageForm__groupHorizontal {
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .pageForm__groupCol {
    width: 100%;
  }
}
@media (min-width: 480px) {
  .pageForm__groupCol {
    width: calc(50% - 10px);
  }
}
.pageForm__group--center {
  text-align: center;
}
.pageForm__group--center .pageForm__input,
.pageForm__group--center .sectionActionButton {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.pageForm__group--center .sectionActionButton {
  border: none;
}
.pageForm__label {
  display: block;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
}
.pageForm__button {
  background: #102a73;
  color: #fff;
  padding: 15px 35px;
  margin: 10px 0;
  border-radius: 5px;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid transparent;
}
.pageForm__button:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.pageForm__button--red {
  border: 1px solid rgba(255, 77, 53, 0.2) !important;
  background: transparent;
  color: #ff4d35;
}
.pageForm__button--red:hover {
  color: #ff4d35;
}
.pageForm__button--white {
  border: 1px solid rgba(16, 42, 115, 0.2) !important;
  background: transparent;
  color: #102a73;
}
.pageForm__button--white:hover {
  color: #102a73;
}
.pageForm__input {
  border: 2px solid #dfe9f9;
  background: #dfe9f9;
  font-weight: 700;
  color: #091841;
  padding: 15px 35px;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .pageForm__input {
    padding: 10px 25px;
  }
}
.pageForm__input::placeholder {
  opacity: 0.2;
  color: #102a73;
}

.sectionBox {
  background: #fff;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sectionBox {
    margin-bottom: 20px;
  }
}
.sectionBox__header {
  padding: 25px 25px 10px;
  font-size: 20px;
  font-family: "Source Sans Pro";
  color: #091841;
  font-weight: 600;
}
@media (max-width: 767px) {
  .sectionBox__header {
    padding: 10px 15px 15px;
    font-size: 18px;
  }
}
.sectionBox__inlineButton, .sectionBox__button {
  border-radius: 5px;
  text-decoration: none;
  font-size: inherit;
  display: inline-block;
}
.sectionBox__button {
  padding: 10px 30px;
  background: #102a73;
  color: #fff !important;
  margin: 10px 0 10px;
  text-decoration: none;
  border: none;
}
.sectionBox__inlineButton {
  padding: 3px 10px;
  margin: 0 0 0 10px;
  border: 1px solid rgba(9, 24, 65, 0.2) !important;
}
.sectionBox__body {
  font-size: 14px;
}
@media (max-width: 767px) {
  .sectionBox__body {
    padding: 10px 15px 15px;
  }
}
@media (min-width: 768px) {
  .sectionBox__body {
    padding: 10px 25px 25px;
  }
}
.sectionBox__body a {
  color: #091841;
  text-decoration: none;
  border-bottom: 1px solid #091841;
  font-weight: 600;
}

.variants {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .variants {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    grid-gap: 40px;
  }
}

@media (max-width: 767px) {
  .variant:not(.variant--d) {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(94, 108, 119, 0.2);
    padding: 20px 15px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.variantsTitle {
  text-align: center;
  margin-bottom: 40px;
}
.variantsTitle h1 {
  color: #091841 !important;
  font-weight: 700 !important;
}
@media (min-width: 768px) {
  .variantsTitle h1 {
    font-size: 40px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variantsTitle h1 {
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .variantsTitle h1 {
    font-size: 26px;
  }
}
.variantsTitle small {
  color: #3C4C76;
  line-height: 1.6em;
  margin-top: 10px;
  display: block;
}
@media (min-width: 768px) {
  .variantsTitle small {
    font-size: 20px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variantsTitle small {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .variantsTitle small {
    font-size: 16px;
  }
}
.variant--d {
  color: #091841;
  font-weight: 600;
  margin: 20px 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .variant--d {
    font-size: 30px;
    border-top: 1px dotted rgba(94, 108, 119, 0.3);
    padding-top: 30px;
    margin-top: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variant--d {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media (max-width: 479px) {
  .variant--d {
    font-size: 24px;
    display: none;
  }
}
.variantHeader {
  color: #091841;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .variantHeader {
    font-size: 26px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variantHeader {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .variantHeader {
    font-size: 18px;
    text-align: center;
  }
}
.variantIcon {
  height: 75px;
  width: 75px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .variantIcon {
    display: none;
  }
}
.variantIcon--data {
  background: url("../svg/data.svg") 50% 50% no-repeat;
}
.variantIcon--zendesk {
  background: url("../svg/zendesk.svg") 50% 50% no-repeat;
}
.variantIcon--api {
  background: url("../svg/api.svg") 50% 50% no-repeat;
}
.variantAction {
  padding: 12px 30px;
  color: #fff;
  background: #102A73;
  border-radius: 5px;
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
}
@media (min-width: 480px) and (max-width: 767px) {
  .variantAction {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .variantAction {
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    width: 100%;
  }
}
.variantAction:hover {
  text-decoration: none;
  background: #1E40C8;
  cursor: pointer;
  color: #fff;
}
.variantDescription, .variantList {
  color: #3C4C76;
  font-size: 16px;
  line-height: 1.8em;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .variantDescription, .variantList {
    font-size: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variantDescription, .variantList {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .variantDescription, .variantList {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.6em;
  }
}
.variantDescription a, .variantList a {
  border-bottom: 1px solid rgba(60, 76, 118, 0.2);
  text-decoration: none;
  font-weight: 500;
}
.variantDescription a:hover, .variantList a:hover {
  color: #3C4C76;
  text-decoration: none;
  border-bottom: 1px solid rgba(60, 76, 118, 0.8);
}
@media (max-width: 479px) {
  .variantDescription {
    margin-bottom: 10px;
  }
}
.variantList {
  text-align: left;
}
@media (max-width: 767px) {
  .variantList {
    columns: 2;
    break-inside: avoid-column;
  }
}
.variantList li {
  display: block;
  padding: 0 0 0 20px;
  margin-bottom: 5px;
  break-inside: avoid-column;
}
@media (max-width: 479px) {
  .variantList li {
    margin-bottom: 8px;
  }
}
.variantList li:before {
  height: 12px;
  width: 10px;
  top: 7px;
  left: 0;
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2L5.6 12L2 8' stroke='%2395BF46' stroke-width='2.31' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50%/cover no-repeat;
}
@media (min-width: 768px) {
  .variant--pro {
    grid-column: 4/7;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .variant--mt {
    grid-column: 1/7;
    grid-row: 1;
  }
}
@media (min-width: 992px) {
  .variant--pro .variantHeader, .variant--mt .variantHeader {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .variant--pro .variantHeader, .variant--mt .variantHeader {
    font-size: 30px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .variant--pro .variantHeader, .variant--mt .variantHeader {
    font-size: 28px;
    line-height: 1.2em;
  }
}
@media (max-width: 479px) {
  .variant--pro .variantHeader, .variant--mt .variantHeader {
    line-height: 1.2em;
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .variant--d {
    grid-column: 1/7;
    grid-row: 2;
  }
}
@media (max-width: 767px) {
  .variant--d {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .variant--api {
    grid-column: 1/3;
    grid-row: 3;
  }
}
@media (min-width: 768px) {
  .variant--zen {
    grid-column: 3/5;
    grid-row: 3;
  }
}
@media (min-width: 768px) {
  .variant--tm {
    grid-column: 5/7;
    grid-row: 3;
  }
}

.footer {
  background: #091841;
  padding: 40px 0;
  color: #fff;
  font-size: 16px;
}
.footer a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0.9;
  line-height: 1.5em;
}
.footer a:hover {
  opacity: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.footer__main {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .footer__main {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .footer__main {
    grid-template-areas: "translate customers business resources company";
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer__main {
    grid-template-areas: "customers business resources company" "translate translate translate translate";
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer__main {
    grid-template-areas: "customers business resources company" "translate translate translate translate";
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .footer__main {
    grid-template-areas: ". customers customers business business ." ". resources resources company company ." ". translate translate translate translate .";
  }
}
@media (max-width: 479px) {
  .footer__main {
    grid-gap: 20px;
    grid-template-areas: "customers customers business business" "resources resources company company" "translate translate translate translate";
  }
}
.footer__languages {
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}
@media (max-width: 1199px) {
  .footer__languages {
    bottom: 0;
  }
}
.footer__languages:not(.open) {
  background-repeat: no-repeat;
  background-position: right 18px top 18px;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.footer__languages__outer {
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  height: 45px;
  min-width: 200px;
}
@media (max-width: 767px) {
  .footer__languages__outer {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .footer__languages__outer {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.footer__languages li {
  left: 0;
  top: 0;
  display: none;
}
.footer__languages li.active {
  display: block;
}
.footer__languages a {
  color: #091841;
  display: flex;
  height: 45px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  line-height: 1.7em;
  width: 100%;
}
.footer__languages a:hover {
  color: #102a73;
  background: rgba(16, 42, 115, 0.2);
}
.footer__languages.open {
  background: #fff;
  z-index: 2;
}
.footer__languages.open li {
  display: block;
}
.footer__category header {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer__category__menu li {
  margin-bottom: 15px;
}
.footer__category[data-category=customers] {
  grid-area: customers;
}
.footer__category[data-category=business] {
  grid-area: business;
}
.footer__category[data-category=resources] {
  grid-area: resources;
}
.footer__category[data-category=company] {
  grid-area: company;
}
.footer__category[data-category=translate] {
  grid-area: translate;
}
@media (max-width: 1199px) {
  .footer__category[data-category=translate] header {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer__category[data-category=translate] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer__category[data-category=translate] {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer__category[data-category=translate] .footer__category__menu {
    display: flex;
    justify-content: space-between;
  }
  .footer__category[data-category=translate] .footer__category__menu li {
    margin: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer__category[data-category=translate] .footer__category__menu {
    display: flex;
    justify-content: space-between;
  }
  .footer__category[data-category=translate] .footer__category__menu li {
    margin: 0 10px;
  }
}

.nav {
  background: #fff;
  box-shadow: 0 0 4px rgba(9, 24, 65, 0.3);
  z-index: 1;
  font-size: 16px;
}
.nav__main, .nav__secondary {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .nav__main, .nav__secondary {
    padding: 0 20px;
  }
}
.nav__hamburger {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  display: block;
  text-indent: -999px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13H18M0 7H18M0 1H18' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.nav__hamburger.open {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z' fill='black'/%3E%3C/svg%3E%0A");
}
.nav__hamburger:hover {
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav__main [data-el=ht_pricing] {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__main [data-el=ht_pricing] .nav__hideable {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .nav__main [data-el=ht_pricing] {
    padding: 0 10px 0 0;
  }
}
@media (max-width: 767px) {
  .nav__main [data-el=ht_pricing] .nav__website {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav__main [data-el=ht_pricing] .nav__auth [data-el=parent__signin] {
    display: none;
  }
}
.nav__logo {
  font-size: 16px;
  font-weight: 500;
  color: #091841;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .nav__logo {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .nav__logo {
    font-size: 13px;
  }
}
.nav__logo a {
  color: #091841;
  text-decoration: none;
}
.nav__logo strong {
  font-size: 25px;
}
@media (max-width: 767px) {
  .nav__logo strong {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .nav__logo:before {
    content: "Go global with" !important;
    font-size: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .nav__logo:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav__website > ul, .nav__auth > ul {
    display: block;
  }
}
@media (min-width: 768px) {
  .nav__website > ul, .nav__auth > ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__website > ul > li, .nav__auth > ul > li {
    padding: 5px 5px !important;
  }
}
@media (min-width: 992px) {
  .nav__website > ul > li, .nav__auth > ul > li {
    padding: 10px 5px !important;
  }
}
.nav__website > ul > li:last-of-type, .nav__auth > ul > li:last-of-type {
  padding-right: 0;
}
.nav__website ul ul, .nav__auth ul ul {
  display: none;
}
@media (max-width: 767px) {
  .nav__website ul ul, .nav__auth ul ul {
    background-color: #ECF5FB;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .nav__website ul ul, .nav__auth ul ul {
    position: absolute;
    z-index: 10;
  }
}
.nav__website .nav__link, .nav__auth .nav__link {
  color: #091841;
  font-weight: 500;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__website .nav__link, .nav__auth .nav__link {
    font-size: 13px;
    padding: 15px 5px;
  }
}
@media (max-width: 767px) {
  .nav__website .nav__link, .nav__auth .nav__link {
    padding: 15px 20px;
    width: 100%;
  }
}
.nav__website .nav__link:hover, .nav__auth .nav__link:hover {
  cursor: pointer;
  color: #102a73;
}
.nav__website .nav__link--parent, .nav__auth .nav__link--parent {
  position: relative;
  width: 100%;
  background: transparent !important;
}
.nav__website .nav__button, .nav__auth .nav__button {
  background: #091841;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  padding: 10px 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__website .nav__button, .nav__auth .nav__button {
    padding: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__website .nav__button, .nav__auth .nav__button {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .nav__website .nav__button, .nav__auth .nav__button {
    padding: 8px 15px;
    font-size: 14px;
  }
}
.nav__website .nav__button:hover, .nav__auth .nav__button:hover {
  background: #102a73;
  color: #fff;
}
.nav__auth {
  margin-left: 10px;
}
.nav__auth [data-el=available_words] {
  padding: 5px 20px !important;
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__auth {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .nav__auth {
    font-size: 12px;
  }
}
.nav__auth .nav__bubble {
  display: inline-block;
  background: rgba(94, 108, 119, 0.2);
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 10px;
  font-weight: 600;
}
.nav__parent {
  position: relative;
}
.nav__parent hr {
  display: block;
  height: 1px;
  border-top: 1px solid rgba(9, 24, 65, 0.4);
  opacity: 0.2;
  margin: 0;
}
@media (max-width: 767px) {
  .nav__parent:not(.nav__parent--empty) {
    background-repeat: no-repeat;
    background-position: right 20px top 20px;
    background-size: 16px 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  }
}
@media (min-width: 768px) {
  .nav__parent.open[data-el=parent__signin] ul {
    width: 260px;
    left: calc(50% - 130px);
  }
}
@media (max-width: 767px) {
  .nav__parent.open:not(.nav__parent--empty) {
    background-color: #ECF5FB;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 11L8 5L2 11' stroke='%23343A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
.nav__parent.open ul {
  display: block !important;
}
@media (min-width: 768px) {
  .nav__parent.open ul {
    left: calc(50% - 100px);
    box-shadow: 0 0 3px rgba(30, 64, 200, 0.2);
    top: 100%;
    z-index: 10;
    border-radius: 5px;
    background: #fff;
    padding: 5px 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .nav__parent.open ul li:first-child:before {
    height: 10px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    top: -15px;
    left: calc(50% - 3px);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="10" fill="none"%3E%3Cmask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="10"%3E%3Cpath fill="%23C4C4C4" d="M0 0h20v10H0z"/%3E%3C/mask%3E%3Cg filter="url(%23b)" mask="url(%23a)"%3E%3Cpath d="m3 10 7.071-7 7.069 7v7.07H3V10Z" fill="%23fff"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="b" x="0" y="0" width="20.14" height="20.07" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="1.5"/%3E%3CfeColorMatrix values="0 0 0 0 0.711875 0 0 0 0 0.741473 0 0 0 0 0.85 0 0 0 1 0"/%3E%3CfeBlend in2="BackgroundImageFix" result="effect1_dropShadow_1142:756"/%3E%3CfeBlend in="SourceGraphic" in2="effect1_dropShadow_1142:756" result="shape"/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E');
    z-index: 11;
  }
}
@media (min-width: 768px) {
  .nav__parent.open ul[data-el=service] {
    width: 220px;
    left: calc(50% - 110px);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .nav__parent.open ul[data-el=solutions] .nav__group ul {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__parent.open ul[data-el=solutions] .nav__link {
    padding: 9px 15px;
  }
}
@media (max-width: 767px) {
  .nav__parent.open ul[data-el=solutions] .nav__group {
    border: 1px dashed #bdcad4;
    margin: 10px;
    padding: 10px;
    border-radius: 2px;
    font-size: 12px;
  }
  .nav__parent.open ul[data-el=solutions] .nav__group:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .nav__parent.open ul[data-el=solutions] .nav__group .nav__link {
    padding: 0;
    margin: 10px 10px;
    display: inline-block;
  }
  .nav__parent.open ul[data-el=solutions] .nav__item {
    position: absolute;
    top: -8px;
    background: #ECF5FB;
    padding: 0 6px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
}
@media (min-width: 768px) {
  .nav__parent.open ul[data-el=solutions] li:first-child:before {
    top: -25px !important;
    left: calc(150% - 6px) !important;
  }
  .nav__parent.open ul[data-el=solutions] .nav__item {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  .nav__parent.open ul[data-el=solutions] ul {
    position: relative;
    top: auto;
    left: 0;
    box-shadow: none;
    border: none;
    background: transparent;
  }
  .nav__parent.open ul[data-el=solutions] ul li:first-child:before {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__parent.open ul[data-el=solutions] {
    width: 450px;
    left: calc(50% - 225px);
  }
  .nav__parent.open ul[data-el=solutions] .nav__item {
    padding: 10px 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__parent.open ul[data-el=solutions] {
    width: 550px;
    left: calc(50% - 275px);
  }
}
@media (min-width: 1200px) {
  .nav__parent.open ul[data-el=solutions] {
    width: 650px;
    left: calc(50% - 325px);
  }
}
@media (min-width: 768px) {
  .nav__parent.open ul[data-el=company] {
    width: 270px;
    left: calc(50% - 135px);
  }
}
.nav__parent.open ul li {
  padding: 0;
}
.nav__parent.open ul li a {
  padding: 10px 20px;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .nav__parent.open ul li a {
    padding: 15px 20px;
  }
}
.nav__parent.open ul li a:hover {
  background: #ECF5FB;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__parent .nav__hideable {
    display: none;
  }
}
.nav__parent[data-el=parent__signin] > .nav__link {
  background: rgba(94, 108, 119, 0.1);
  border-radius: 5px;
  padding: 10px 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__parent[data-el=parent__signin] > .nav__link {
    padding: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__parent[data-el=parent__signin] > .nav__link {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .nav__groups .nav__group {
    margin-top: 10px;
  }
  .nav__groups .nav__group:nth-of-type(4) {
    width: 300%;
    background: #F8FBFD;
    padding: 10px 0;
    border-top: 1px solid #dcecf3;
  }
  .nav__groups .nav__group:nth-of-type(4) ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    background: transparent;
  }
}
@media (min-width: 768px) {
  .nav__groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__groups {
    grid-template-columns: repeat(2, 1fr);
  }
  .nav__groups .nav__group:nth-of-type(4) {
    width: 100%;
  }
  .nav__groups .nav__group:nth-of-type(4) ul {
    display: block !important;
  }
}
.nav__secondary {
  border-top: 1px solid rgba(9, 24, 65, 0.1);
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__secondary {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .nav__secondary {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .nav__secondary {
    display: none;
  }
}
.nav__secondary ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.nav__secondary ul li {
  padding: 10px;
}
.nav__secondary ul li a {
  color: #091841;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__secondary ul li a {
    font-size: 13px;
  }
}
.nav__secondary ul li a:hover {
  color: #102a73;
}
.nav__mobile {
  display: none;
}
.nav__mobile.open {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: absolute;
  z-index: 200;
  background: #fff;
  box-shadow: 0 10px 10px rgba(79, 90, 121, 0.2);
}
@media (min-width: 768px) {
  .nav__mobile.open {
    display: none;
  }
}
@media (min-width: 480px) {
  .nav__mobile.open [data-el=service] {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav__mobile.open .nav__website > ul > li {
    border-top: 1px solid rgba(9, 24, 65, 0.1);
  }
}
.nav__mobile.open .nav__auth {
  margin: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav__mobile.open .nav__auth ul[data-name] {
  padding-top: 40px;
}
.nav__mobile.open .nav__auth ul[data-name]:before {
  content: attr(data-name);
  text-transform: uppercase;
  font-weight: 600;
  top: 10px;
  left: 20px;
  color: #091841;
  letter-spacing: 1px;
  opacity: 0.5;
}
.nav__mobile.open .nav__auth ul ul {
  display: block;
  background: inherit;
}
.nav__mobile.open .nav__auth [data-el=parent__signin] {
  background: transparent;
}
.nav__mobile.open .nav__auth [data-el=parent__signin] .nav__link {
  padding: 10px 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav__mobile.open .nav__auth [data-el=parent__signin] .nav__link {
    padding: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__mobile.open .nav__auth [data-el=parent__signin] .nav__link {
    padding: 10px;
  }
}
.nav__mobile.open .nav__auth [data-el=parent__signin] > a {
  display: none;
}
.nav__mobile.open .nav__auth [data-el=nav__link--order] {
  display: none;
}
@media (max-width: 767px) {
  .nav__mobile.open .nav__auth {
    background: rgba(94, 108, 119, 0.05);
  }
}
@media (min-width: 768px) {
  .nav__hamburger {
    display: none;
  }
}

.cookie {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  color: #091841;
  backdrop-filter: blur(10px);
  max-width: 400px;
  padding: 30px;
  box-shadow: 0 0 10px rgba(9, 24, 65, 0.3);
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
.cookie, .cookie * {
  user-select: none;
}
@media (max-width: 479px) {
  .cookie {
    max-width: calc(100% - 40px);
    padding: 20px;
    right: calc(50% - (100% - 40px) / 2);
    background: rgba(230, 234, 251, 0.8);
  }
}
.cookieTitle {
  margin-bottom: 20px;
  margin-top: 60px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 479px) {
  .cookieTitle {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
  }
}
.cookieTitle:before {
  height: 48px;
  width: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  left: -3px;
  top: -68px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3C8.832 3 3 8.832 3 16C3 23.168 8.832 29 16 29C23.168 29 29 23.168 29 16C29 8.832 23.168 3 16 3ZM16 5C22.065 5 27 9.935 27 16C27 22.065 22.065 27 16 27C9.935 27 5 22.065 5 16C5 9.935 9.935 5 16 5ZM14 9C13.7348 9 13.4804 9.10536 13.2929 9.29289C13.1054 9.48043 13 9.73478 13 10C13 10.2652 13.1054 10.5196 13.2929 10.7071C13.4804 10.8946 13.7348 11 14 11C14.2652 11 14.5196 10.8946 14.7071 10.7071C14.8946 10.5196 15 10.2652 15 10C15 9.73478 14.8946 9.48043 14.7071 9.29289C14.5196 9.10536 14.2652 9 14 9ZM19.5 10C19.1022 10 18.7206 10.158 18.4393 10.4393C18.158 10.7206 18 11.1022 18 11.5C18 11.8978 18.158 12.2794 18.4393 12.5607C18.7206 12.842 19.1022 13 19.5 13C19.8978 13 20.2794 12.842 20.5607 12.5607C20.842 12.2794 21 11.8978 21 11.5C21 11.1022 20.842 10.7206 20.5607 10.4393C20.2794 10.158 19.8978 10 19.5 10ZM11 13C10.4696 13 9.96086 13.2107 9.58579 13.5858C9.21071 13.9609 9 14.4696 9 15C9 15.5304 9.21071 16.0391 9.58579 16.4142C9.96086 16.7893 10.4696 17 11 17C11.5304 17 12.0391 16.7893 12.4142 16.4142C12.7893 16.0391 13 15.5304 13 15C13 14.4696 12.7893 13.9609 12.4142 13.5858C12.0391 13.2107 11.5304 13 11 13ZM17 15C16.7348 15 16.4804 15.1054 16.2929 15.2929C16.1054 15.4804 16 15.7348 16 16C16 16.2652 16.1054 16.5196 16.2929 16.7071C16.4804 16.8946 16.7348 17 17 17C17.2652 17 17.5196 16.8946 17.7071 16.7071C17.8946 16.5196 18 16.2652 18 16C18 15.7348 17.8946 15.4804 17.7071 15.2929C17.5196 15.1054 17.2652 15 17 15ZM22 16C21.7348 16 21.4804 16.1054 21.2929 16.2929C21.1054 16.4804 21 16.7348 21 17C21 17.2652 21.1054 17.5196 21.2929 17.7071C21.4804 17.8946 21.7348 18 22 18C22.2652 18 22.5196 17.8946 22.7071 17.7071C22.8946 17.5196 23 17.2652 23 17C23 16.7348 22.8946 16.4804 22.7071 16.2929C22.5196 16.1054 22.2652 16 22 16ZM12.5 19C12.1022 19 11.7206 19.158 11.4393 19.4393C11.158 19.7206 11 20.1022 11 20.5C11 20.8978 11.158 21.2794 11.4393 21.5607C11.7206 21.842 12.1022 22 12.5 22C12.8978 22 13.2794 21.842 13.5607 21.5607C13.842 21.2794 14 20.8978 14 20.5C14 20.1022 13.842 19.7206 13.5607 19.4393C13.2794 19.158 12.8978 19 12.5 19V19ZM19.5 20C19.1022 20 18.7206 20.158 18.4393 20.4393C18.158 20.7206 18 21.1022 18 21.5C18 21.8978 18.158 22.2794 18.4393 22.5607C18.7206 22.842 19.1022 23 19.5 23C19.8978 23 20.2794 22.842 20.5607 22.5607C20.842 22.2794 21 21.8978 21 21.5C21 21.1022 20.842 20.7206 20.5607 20.4393C20.2794 20.158 19.8978 20 19.5 20Z' fill='%23091841'/%3E%3C/svg%3E%0A");
}
@media (max-width: 479px) {
  .cookieTitle:before {
    display: none;
  }
}
.cookieClose {
  height: 32px;
  width: 32px;
  position: absolute;
  right: -10px;
  top: -70px;
  opacity: 0.3;
  border-radius: 50px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.72603 6.19178C7.61644 6.08219 7.61644 5.91781 7.72603 5.80822L11.8356 1.69863C11.9452 1.58904 12 1.42466 12 1.31507C12 1.20548 11.9452 1.0411 11.8356 0.931507L11.0685 0.164384C10.9589 0.0547945 10.7945 0 10.6849 0C10.5205 0 10.411 0.0547945 10.3014 0.164384L6.19178 4.27397C6.08219 4.38356 5.91781 4.38356 5.80822 4.27397L1.69863 0.164384C1.58904 0.0547945 1.42466 0 1.31507 0C1.20548 0 1.0411 0.0547945 0.931507 0.164384L0.164384 0.931507C0.0547945 1.0411 0 1.20548 0 1.31507C0 1.42466 0.0547945 1.58904 0.164384 1.69863L4.27397 5.80822C4.38356 5.91781 4.38356 6.08219 4.27397 6.19178L0.164384 10.3014C0.0547945 10.411 0 10.5753 0 10.6849C0 10.7945 0.0547945 10.9589 0.164384 11.0685L0.931507 11.8356C1.0411 11.9452 1.20548 12 1.31507 12C1.42466 12 1.58904 11.9452 1.69863 11.8356L5.80822 7.72603C5.91781 7.61644 6.08219 7.61644 6.19178 7.72603L10.3014 11.8356C10.411 11.9452 10.5753 12 10.6849 12C10.7945 12 10.9589 11.9452 11.0685 11.8356L11.8356 11.0685C11.9452 10.9589 12 10.7945 12 10.6849C12 10.5753 11.9452 10.411 11.8356 10.3014L7.72603 6.19178Z' fill='%231E40C8'/%3E%3C/svg%3E%0A");
}
@media (max-width: 479px) {
  .cookieClose {
    top: -10px;
  }
}
.cookieClose:hover {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(16, 42, 115, 0.1);
}
.cookieApprove {
  display: block;
  background: #102A73;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 3px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 479px) {
  .cookieApprove {
    font-size: 16px;
  }
}
.cookieApprove:hover {
  cursor: pointer;
  background: #091841;
}
.cookieBody {
  line-height: 1.8em;
  font-size: 15px;
  position: relative;
  color: #5e6c77;
}
.cookieBody a {
  color: #102A73;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 479px) {
  .cookieBody {
    font-size: 14px;
  }
}

.modal2 {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: rgba(9, 24, 65, 0.8);
  backdrop-filter: blur(4px);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
@media (max-width: 767px) {
  .modal2 {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .modal2--mid .modal2-body {
    min-width: 400px;
    max-width: 600px;
  }
}
.modal2-body {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.modal2-centered .modal-text, .modal2-centered .modal-title {
  text-align: center;
}
.modal2-icon {
  text-align: center;
  padding-bottom: 20px;
}
.modal2-icon .icon {
  height: 96px;
  width: 96px;
  display: inline-block;
}
@media (max-width: 767px) {
  .modal2-icon .icon {
    height: 48px;
    width: 48px;
  }
}
.modal2-header {
  background: #E9F8FF;
  padding: 20px 40px 20px 30px;
}
@media (max-width: 767px) {
  .modal2-header {
    padding: 20px;
  }
}
.modal2-title {
  color: #091841;
  font-size: 32px;
  font-weight: 600;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .modal2-title {
    font-size: 22px;
  }
}
.modal2-success {
  height: 50px;
  width: 50px;
  background: url("../pdf.html") 50% 50%/contain no-repeat;
  margin: 20px auto;
  display: inline-block;
}
.modal2-success p.super {
  font-size: 22px;
  color: #091841;
}
.modal2-success a:not(.modal-button) {
  color: #1E40C8;
  text-decoration: none;
  border-bottom: 1px solid rgba(30, 64, 200, 0.2);
  cursor: pointer;
}
.modal2-success a:not(.modal-button):hover {
  border-bottom: 1px solid rgba(30, 64, 200, 0.4);
}
.modal2-text {
  padding: 30px;
  line-height: 1.7em;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .modal2-text {
    padding: 20px;
  }
}
@media screen and (max-height: 600px) {
  .modal2-text {
    padding: 20px;
    margin-bottom: 10px;
  }
}
.modal2-text a:not(.modal-button) {
  color: #1E40C8;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid rgba(30, 64, 200, 0.5);
}
.modal2-text a:not(.modal-button):hover {
  text-decoration: none;
}
.modal2-text p {
  margin-bottom: 10px;
}
.modal2-text p.super {
  font-size: 22px;
  color: #091841;
}
.modal2-button {
  background: #1E40C8;
  color: #fff !important;
  border-radius: 3px;
  padding: 15px 30px;
  margin: 0 10px 10px 0;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  border: none;
}
@media (max-width: 479px) {
  .modal2-button {
    width: 100%;
    margin: 0 0 15px;
  }
}
.modal2-button--transparent {
  background: transparent;
  color: #1E40C8;
  border: 1px solid rgba(30, 64, 200, 0.1);
}
.modal2-button--transparent:hover {
  background: transparent !important;
  border: 1px solid rgba(30, 64, 200, 0.5);
}
.modal2-button:hover {
  cursor: pointer;
  background: #385ae1;
  box-shadow: 0 0 30px rgba(30, 64, 200, 0.1);
}
.modal2-footer {
  padding: 15px;
  margin-top: 20px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .modal2-footer {
    padding: 30px 20px 20px;
  }
}
.modal2-footer p:not(:last-of-type) {
  margin-bottom: 20px;
}
.modal2-footer {
  width: 100%;
  margin: 0 !important;
  text-align: center;
}
.modal2-footer {
  padding: 0 30px 30px;
}
@media screen and (max-height: 600px) {
  .modal2-footer {
    padding: 10px 10px 10px;
  }
}
@media (max-width: 479px) {
  .modal2-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 0 20px 20px;
  }
}
@media (max-width: 767px) {
  .modal2-footer > :first-of-type {
    margin-top: 10px;
  }
}
@media (min-width: 480px) {
  .modal2-footer > :not(:first-of-type) {
    margin-left: 10px;
  }
}
.modal2-button {
  display: inline-block;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(30, 64, 200, 0.3);
}
.modal2-button:hover {
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0 15px rgba(30, 64, 200, 0.2);
  cursor: pointer;
}
.modal2-button--primary {
  background: #091841;
  color: #fff;
}
.modal2-button--default {
  background: #fff;
  color: #091841 !important;
}
.modal2-button--default:hover {
  background: #1E40C8;
  color: #fff !important;
}
.modal2-box {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 30px rgba(9, 24, 65, 0.3);
  position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
  .modal2-box {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 479px) {
  .modal2-box {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
}
.modal2-close {
  height: 20px;
  width: 20px;
  right: 20px;
  top: 20px;
  position: absolute;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjcyNjAzIDYuMTkxNzhDNy42MTY0NCA2LjA4MjE5IDcuNjE2NDQgNS45MTc4MSA3LjcyNjAzIDUuODA4MjJMMTEuODM1NiAxLjY5ODYzQzExLjk0NTIgMS41ODkwNCAxMiAxLjQyNDY2IDEyIDEuMzE1MDdDMTIgMS4yMDU0OCAxMS45NDUyIDEuMDQxMSAxMS44MzU2IDAuOTMxNTA3TDExLjA2ODUgMC4xNjQzODRDMTAuOTU4OSAwLjA1NDc5NDUgMTAuNzk0NSAwIDEwLjY4NDkgMEMxMC41MjA1IDAgMTAuNDExIDAuMDU0Nzk0NSAxMC4zMDE0IDAuMTY0Mzg0TDYuMTkxNzggNC4yNzM5N0M2LjA4MjE5IDQuMzgzNTYgNS45MTc4MSA0LjM4MzU2IDUuODA4MjIgNC4yNzM5N0wxLjY5ODYzIDAuMTY0Mzg0QzEuNTg5MDQgMC4wNTQ3OTQ1IDEuNDI0NjYgMCAxLjMxNTA3IDBDMS4yMDU0OCAwIDEuMDQxMSAwLjA1NDc5NDUgMC45MzE1MDcgMC4xNjQzODRMMC4xNjQzODQgMC45MzE1MDdDMC4wNTQ3OTQ1IDEuMDQxMSAwIDEuMjA1NDggMCAxLjMxNTA3QzAgMS40MjQ2NiAwLjA1NDc5NDUgMS41ODkwNCAwLjE2NDM4NCAxLjY5ODYzTDQuMjczOTcgNS44MDgyMkM0LjM4MzU2IDUuOTE3ODEgNC4zODM1NiA2LjA4MjE5IDQuMjczOTcgNi4xOTE3OEwwLjE2NDM4NCAxMC4zMDE0QzAuMDU0Nzk0NSAxMC40MTEgMCAxMC41NzUzIDAgMTAuNjg0OUMwIDEwLjc5NDUgMC4wNTQ3OTQ1IDEwLjk1ODkgMC4xNjQzODQgMTEuMDY4NUwwLjkzMTUwNyAxMS44MzU2QzEuMDQxMSAxMS45NDUyIDEuMjA1NDggMTIgMS4zMTUwNyAxMkMxLjQyNDY2IDEyIDEuNTg5MDQgMTEuOTQ1MiAxLjY5ODYzIDExLjgzNTZMNS44MDgyMiA3LjcyNjAzQzUuOTE3ODEgNy42MTY0NCA2LjA4MjE5IDcuNjE2NDQgNi4xOTE3OCA3LjcyNjAzTDEwLjMwMTQgMTEuODM1NkMxMC40MTEgMTEuOTQ1MiAxMC41NzUzIDEyIDEwLjY4NDkgMTJDMTAuNzk0NSAxMiAxMC45NTg5IDExLjk0NTIgMTEuMDY4NSAxMS44MzU2TDExLjgzNTYgMTEuMDY4NUMxMS45NDUyIDEwLjk1ODkgMTIgMTAuNzk0NSAxMiAxMC42ODQ5QzEyIDEwLjU3NTMgMTEuOTQ1MiAxMC40MTEgMTEuODM1NiAxMC4zMDE0TDcuNzI2MDMgNi4xOTE3OFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+Cg==") 50% 50%/15px 15px no-repeat;
  opacity: 0.2;
}
.modal2-close:hover {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 767px) {
  .languageDirectory {
    columns: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .languageDirectory {
    columns: 2;
  }
}
@media (min-width: 992px) {
  .languageDirectory {
    columns: 3;
  }
}
.languageDirectory li {
  margin-bottom: 20px;
}