html,
body {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000;
  overflow-x: hidden;
}

.bn-color-white {
  color: var(--bn-color-ffffff);
}

.bn-color-black {
  color: var(--bn-color-000000);
}

.bn-color-black-1 {
  color: var(--bn-color-0d0d0d);
}

.bn-color-blue-1 {
  color: var(--bn-color-009ee0);
}

.bn-color-blue-2 {
  color: var(--bn-color-15202e);
}

.bn-color-blue-3 {
  color: var(--bn-color-1da0f1);
}

.bn-color-gray-1 {
  color: var(--bn-color-7f7f7f);
}

.bn-color-gray-2 {
  color: var(--bn-color-f2f2f2);
}

.bn-color-gray-3 {
  color: var(--bn-color-cccccc);
}

.bn-color-orange-1 {
  color: var(--bn-color-f7941d);
}

.bn-color-ff0000 {
  color: var(--bn-color-ff0000);
}

.bn-color-548bbc {
  color: var(--bn-color-548bbc);
}

.bn-color-405e79 {
  color: var(--bn-color-405e79);
}

.bn-color-e51c24 {
  color: var(--bn-color-e51c24);
}

.bn-color-ffe27e {
  color: var(--bn-color-ffe27e);
}

.bn-color-ffb400 {
  color: var(--bn-color-ffb400);
}

.bn-color-39c9ff {
  color: var(--bn-color-39c9ff);
}

.bn-color-808080 {
  color: var(--bn-color-808080);
}

.bn-color-3f3f3f {
  color: var(--bn-color-3f3f3f);
}

.bn-color-1da0f1 {
  color: var(--bn-color-1da0f1);
}

.bn-color-1da0f1 {
  color: var(--bn-color-0097d0);
}

.bn-bg-blue-2 {
  background-color: var(--bn-color-15202e);
}

.bn-bg-black {
  background-color: var(--bn-color-000000);
}

.bn-bg-black-1 {
  background-color: var(--bn-color-0d0d0d);
}

.bn-bg-gray-2 {
  background-color: var(--bn-color-f2f2f2);
}

.bn-color-f5fcff {
  color: var(--bn-color-f5fcff);
}

.bn-bg-f5fcff {
  background-color: var(--bn-color-f5fcff);
}

.spacer-5 {
  margin-bottom: 0.3125rem !important;
}

.spacer-10 {
  margin-bottom: 0.625rem !important;
}

.spacer-15 {
  margin-bottom: 0.9375rem !important;
}

.spacer-20 {
  margin-bottom: 1.25rem !important;
}

.spacer-25 {
  margin-bottom: 1.5625rem !important;
}

.spacer-30 {
  margin-bottom: 1.875rem !important;
}

.spacer-35 {
  margin-bottom: 2.1875rem !important;
}

.spacer-40 {
  margin-bottom: 2.5rem !important;
}

.spacer-45 {
  margin-bottom: 2.8125rem !important;
}

.spacer-50 {
  margin-bottom: 3.125rem !important;
}

.spacer-55 {
  margin-bottom: 3.4375rem !important;
}

.spacer-60 {
  margin-bottom: 3.75rem !important;
}

.spacer-65 {
  margin-bottom: 4.0625rem !important;
}

.spacer-70 {
  margin-bottom: 4.375rem !important;
}

.spacer-75 {
  margin-bottom: 4.6875rem !important;
}

.spacer-80 {
  margin-bottom: 5rem !important;
}

.spacer-85 {
  margin-bottom: 5.3125rem !important;
}

.spacer-90 {
  margin-bottom: 5.625rem !important;
}

.spacer-95 {
  margin-bottom: 5.9375rem !important;
}

.spacer-100 {
  margin-bottom: 6.25rem !important;
}

.p-t-35 {
  padding-top: 35px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-b-80 {
  padding-bottom: 80px;
}

.p-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.p-x-33 {
  padding-left: 33px;
  padding-right: 33px;
}

.p-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.p-30 {
  padding: 30px;
}

.p-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.p-l-20 {
  padding-left: 20px;
}

@media (max-width: 459px) {
  .p-x-xs-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .p-s-lg-60 {
    padding-left: 60px;
  }
  .p-e-lg-60 {
    padding-right: 60px;
  }
}
.mw-450px {
  max-width: 450px;
}

.mw-600px {
  max-width: 600px;
}

.mw-790px {
  max-width: 790px;
}

@media (min-width: 1200px) {
  .col-xl-20-80 > div:first-child {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-20-80 > div:last-child {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xl-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-65-35 > div:first-child {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .col-xxl-65-35 > div:last-child {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .col-xxl-55-45 > div:first-child {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .col-xxl-55-45 > div:last-child {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (min-width: 1700px) {
  .col-xxxl-68-32 > div:first-child {
    flex: 0 0 68%;
    max-width: 68%;
  }
  .col-xxxl-68-32 > div:last-child {
    flex: 0 0 32%;
    max-width: 32%;
  }
}
.btn-blue {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  background: #009ee0;
  color: #fff;
  border: 0.55px solid #808080;
  transition: all 0.3s ease;
  padding: 8px 20px;
  border: none;
  border-radius: 22px;
  text-decoration: none;
}
.btn-blue:hover, .btn-blue:focus {
  font-weight: 700;
  background: #39c9ff;
}

@media (min-width: 768px) {
  .spacer-md-180 {
    margin-bottom: 180px !important;
  }
  .spacer-md-120 {
    margin-bottom: 120px !important;
  }
}
:root {
  /* Colors: */
  --bn-color-548bbc: #548bbc;
  --bn-color-405e79: #405e79;
  --bn-color-eb474e: #eb474e;
  --bn-color-e51c24: #e51c24;
  --bn-color-ff0000: #ff0000;
  --bn-color-ffe27e: #ffe27e;
  --bn-color-ffb400: #ffb400;
  --bn-color-f7941d: #f7941d;
  --bn-color-000000: #000000;
  --bn-color-0d0d0d: #0d0d0d;
  --bn-color-39c9ff: #39c9ff;
  --bn-color-f5fcff: #f5fcff;
  --bn-color-009ee0: #009ee0;
  --bn-color-808080: #808080;
  --bn-color-3f3f3f: #3f3f3f;
  --bn-color-ffffff: #ffffff;
  --bn-color-1da0f1: #1da0f1;
  --bn-color-0097d0: #0097d0;
  --bn-color-7f7f7f: #7f7f7f;
  --bn-color-f2f2f2: #f2f2f2;
  --bn-color-15202e: #15202e;
  --bn-color-cccccc: #cccccc;
  /* Font/text values */
  --bn-font-family-opensans: "Open Sans", sans-serif;
  --bn-font-weight-extrabold: 800;
  --bn-font-size-21: 1.3125rem;
  --bn-font-size-22: 1.375rem;
  --bn-font-size-23: 1.44rem;
  --bn-font-size-24: 1.5rem;
  --bn-font-size-26: 1.625rem;
  --bn-font-size-28: 1.75rem;
  --bn-font-size-30: 1.875rem;
  --bn-font-size-36: 2.25rem;
  --bn-font-size-38: 2.375rem;
  --bn-clamp-21-17: clamp(1.0625rem, 1.0125rem + 0.25vw, 1.3125rem);
  --bn-clamp-22-18: clamp(1.125rem, 1.0341rem + 0.4545vw, 1.375rem);
  --bn-clamp-23-19: clamp(1.194375rem, 1.1444rem + 0.25vw, 1.44rem);
  --bn-clamp-24-18: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  --bn-clamp-24-20: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --bn-clamp-26-22: clamp(1.375rem, 1.325rem + 0.25vw, 1.625rem);
  --bn-clamp-28-22: clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem);
  --bn-clamp-30-24: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  --bn-clamp-36-32: clamp(2rem, 1.95rem + 0.25vw, 2.25rem);
  --bn-clamp-38-34: clamp(2.125rem, 2.075rem + 0.25vw, 2.375rem);
  --bn-letter-spacing-0: 0px;
  --bn-letter-spacing-1-05: 1.05px;
  --bn-letter-spacing-1-1: 1.1px;
  --bn-letter-spacing-1-16: 1.16px;
  --bn-letter-spacing-1-2: 1.2px;
  --bn-letter-spacing-1-3: 1.3px;
  --bn-letter-spacing-1-4: 1.4px;
  --bn-line-height-1-2: 1.2;
  --bn-line-height-1-23: 1.23;
  --bn-line-height-1-33: 1.33;
  --bn-line-height-1-375: 1.375;
  --bn-line-height-1-38: 1.38;
  --bn-line-height-1-45: 1.45;
  --bn-line-height-1-52: 1.52;
}

.fs-15px {
  font-size: 15px;
  letter-spacing: 3px;
}

.fs-21px-OS {
  line-height: var(--bn-line-height-1-52);
  font-size: var(--bn-font-size-21);
  font-size: var(--bn-clamp-21-17);
}

.fs-22px-OS {
  line-height: var(--bn-line-height-1-33);
  font-size: var(--bn-font-size-22);
  font-size: var(--bn-clamp-22-18);
}

.fs-23px-OS {
  line-height: var(--bn-line-height-1-38);
  font-size: var(--bn-font-size-23);
  font-size: var(--bn-clamp-23-19);
}

.fs-24px-OS {
  line-height: var(--bn-line-height-1-2);
  font-size: var(--bn-font-size-24);
  font-size: var(--bn-clamp-24-20);
}

.fs-26px-OS {
  line-height: var(--bn-line-height-1-23);
  font-size: var(--bn-font-size-26);
  font-size: var(--bn-clamp-26-22);
  letter-spacing: var(--bn-letter-spacing-1-3);
}
.fs-26px-OS strong {
  font-weight: 700;
}
.fs-26px-OS .small {
  line-height: var(--bn-line-height-1-33);
  font-size: var(--bn-font-size-24);
  font-size: var(--bn-clamp-24-20);
}

.fs-28px-OS {
  line-height: var(--bn-line-height-1-375);
  font-size: var(--bn-font-size-28);
  font-size: var(--bn-clamp-28-22);
}

.fs-30px-OS {
  line-height: var(--bn-line-height-1-2);
  font-size: var(--bn-font-size-30);
  font-size: var(--bn-clamp-30-24);
}

.fs-36px-OS {
  line-height: var(--bn-line-height-1-2);
  font-size: var(--bn-font-size-36);
  font-size: var(--bn-clamp-36-32);
}

.bn-fw-extrabold {
  font-weight: var(--bn-font-weight-extrabold);
}

.bn-fs-21px {
  font-size: var(--bn-font-size-21);
}

.bn-fs-22px {
  font-size: var(--bn-font-size-22);
}

.bn-fs-23px {
  font-size: var(--bn-font-size-23);
}

.bn-fs-24px {
  font-size: var(--bn-font-size-24);
}

.bn-fs-26px {
  font-size: var(--bn-font-size-26);
}

.bn-fs-28px {
  font-size: var(--bn-font-size-28);
}

.bn-fs-30px {
  font-size: var(--bn-font-size-30);
}

.bn-fs-36px {
  font-size: var(--bn-font-size-36);
}

.bn-fs-38px {
  font-size: var(--bn-font-size-38);
}

.bn-line-height-1-2 {
  line-height: var(--bn-line-height-1-2);
}

.bn-line-height-1-23 {
  line-height: var(--bn-line-height-1-23);
}

.bn-line-height-1-33 {
  line-height: var(--bn-line-height-1-33);
}

.bn-line-height-1-375 {
  line-height: var(--bn-line-height-1-375);
}

.bn-line-height-1-38 {
  line-height: var(--bn-line-height-1-38);
}

.bn-line-height-1-45 {
  line-height: var(--bn-line-height-1-45);
}

.bn-line-height-1-52 {
  line-height: var(--bn-line-height-1-52);
}

.bn-clamp-21-18 {
  font-size: var(--bn-clamp-21-18);
}

.bn-clamp-22-18 {
  font-size: var(--bn-clamp-22-18);
}

.bn-clamp-23-19 {
  font-size: var(--bn-clamp-23-19);
}

.bn-clamp-24-18 {
  font-size: var(--bn-clamp-24-18);
}

.bn-clamp-24-20 {
  font-size: var(--bn-clamp-24-20);
}

.bn-clamp-26-22 {
  font-size: var(--bn-clamp-26-22);
}

.bn-clamp-28-22 {
  font-size: var(--bn-clamp-28-22);
}

.bn-clamp-30-24 {
  font-size: var(--bn-clamp-30-24);
}

.bn-clamp-36-32 {
  font-size: var(--bn-clamp-36-32);
}

.bn-clamp-38-34 {
  font-size: var(--bn-clamp-38-34);
}

.bn-letter-spacing-0 {
  letter-spacing: var(--bn-letter-spacing-0);
}

.bn-letter-spacing-1-05 {
  letter-spacing: var(--bn-letter-spacing-1-05);
}

.bn-letter-spacing-1-1 {
  letter-spacing: var(--bn-letter-spacing-1-1);
}

.bn-letter-spacing-1-16 {
  letter-spacing: var(--bn-letter-spacing-1-16);
}

.bn-letter-spacing-1-2 {
  letter-spacing: var(--bn-letter-spacing-1-2);
}

.bn-letter-spacing-1-3 {
  letter-spacing: var(--bn-letter-spacing-1-3);
}

.bn-letter-spacing-1-4 {
  letter-spacing: var(--bn-letter-spacing-1-4);
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);
}

.grid .g-col-1 {
  grid-column: auto/span 1;
}

.grid .g-col-2 {
  grid-column: auto/span 2;
}

.grid .g-col-3 {
  grid-column: auto/span 3;
}

.grid .g-col-4 {
  grid-column: auto/span 4;
}

.grid .g-col-5 {
  grid-column: auto/span 5;
}

.grid .g-col-6 {
  grid-column: auto/span 6;
}

.grid .g-col-7 {
  grid-column: auto/span 7;
}

.grid .g-col-8 {
  grid-column: auto/span 8;
}

.grid .g-col-9 {
  grid-column: auto/span 9;
}

.grid .g-col-10 {
  grid-column: auto/span 10;
}

.grid .g-col-11 {
  grid-column: auto/span 11;
}

.grid .g-col-12 {
  grid-column: auto/span 12;
}

.grid .g-start-1 {
  grid-column-start: 1;
}

.grid .g-start-2 {
  grid-column-start: 2;
}

.grid .g-start-3 {
  grid-column-start: 3;
}

.grid .g-start-4 {
  grid-column-start: 4;
}

.grid .g-start-5 {
  grid-column-start: 5;
}

.grid .g-start-6 {
  grid-column-start: 6;
}

.grid .g-start-7 {
  grid-column-start: 7;
}

.grid .g-start-8 {
  grid-column-start: 8;
}

.grid .g-start-9 {
  grid-column-start: 9;
}

.grid .g-start-10 {
  grid-column-start: 10;
}

.grid .g-start-11 {
  grid-column-start: 11;
}

@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}
header {
  border-bottom: 3px solid #7e7e7e;
}
header a {
  font-size: 17px !important;
}
@media (min-width: 992px) {
  header {
    padding-top: 15px;
  }
}
header .wrapper {
  max-width: 1920px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
header .navbar-brand:focus-visible {
  outline: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
@media (min-width: 992px) {
  header .navbar-brand {
    position: relative;
    top: -10px;
  }
}
header .navbar-brand img {
  width: 190px;
}
@media (max-width: 991px) {
  header .navbar .navbar-nav-bottom {
    width: 100%;
  }
}
header .navbar .navbar-nav .nav-link.link-phone {
  background: url(../images/header/graph-phone.svg) no-repeat;
  padding-left: 45px;
  color: #808080;
  transition: color 0.3s ease;
  font-weight: 300;
}
header .navbar .navbar-nav .nav-link.link-phone:hover {
  color: #000;
}
header .navbar .navbar-nav .nav-link.link-phone:focus-visible {
  color: #000;
  outline: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
header .navbar .navbar-nav .nav-link.link-email {
  background: url(../images/header/graph-email.svg) no-repeat;
  padding-left: 50px;
  color: #808080;
  transition: color 0.3s ease;
  font-weight: 300;
  text-decoration: underline;
}
header .navbar .navbar-nav .nav-link.link-email:hover {
  color: #000;
}
header .navbar .navbar-nav .nav-link.link-email:focus-visible {
  color: #000;
  outline: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
header .navbar .navbar-nav .nav-link.link-email strong {
  font-weight: 600;
}
@media (min-width: 992px) {
  header .navbar .navbar-nav-bottom {
    margin-top: 32px;
  }
}
header .navbar .navbar-nav-bottom .dropdown-menu a {
  font-size: 17px;
}
header .navbar .navbar-nav-bottom .nav-link {
  font-size: 17px;
  font-weight: 300;
  transition: font-weight 0.3s ease;
}
header .navbar .navbar-nav-bottom .nav-link:hover, header .navbar .navbar-nav-bottom .nav-link:focus {
  font-weight: 600;
}
header .navbar .navbar-nav-bottom .nav-link:focus-visible {
  outline: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
header .navbar .navbar-nav-bottom .nav-link {
  padding: 10px 0;
  border-bottom: 2px solid transparent;
}
header .navbar .navbar-nav-bottom .nav-link.active {
  font-weight: 600;
}

@media (min-width: 992px) {
  header .navbar .navbar-nav .nav-link.link-phone {
    margin-right: 40px;
  }
  header .navbar .navbar-nav-top {
    margin-top: -5px;
  }
  header .navbar .navbar-nav-bottom .nav-item {
    padding: 0;
  }
  header .navbar .navbar-nav-bottom .nav-item:first-child .nav-link {
    width: 94px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(2) .nav-link {
    width: 129px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(3) .nav-link {
    width: 125px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(4) .nav-link {
    width: 114px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(5) .nav-link {
    width: 95px;
  }
  header .navbar .navbar-nav-bottom .nav-item:last-child .nav-link {
    width: 113px;
  }
}
@media (min-width: 1200px) {
  header .navbar .navbar-nav-bottom .nav-item:first-child .nav-link {
    width: 104px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(2) .nav-link {
    width: 139px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(3) .nav-link {
    width: 135px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(4) .nav-link {
    width: 124px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(5) .nav-link {
    width: 105px;
  }
  header .navbar .navbar-nav-bottom .nav-item:last-child .nav-link {
    width: 123px;
  }
}
@media (min-width: 1500px) {
  header .navbar .navbar-nav-bottom .nav-item:first-child .nav-link {
    width: 156px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(2) .nav-link {
    width: 191px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(3) .nav-link {
    width: 187px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(4) .nav-link {
    width: 176px;
  }
  header .navbar .navbar-nav-bottom .nav-item:nth-child(5) .nav-link {
    width: 157px;
  }
  header .navbar .navbar-nav-bottom .nav-item:last-child .nav-link {
    width: 175px;
  }
}
.navbar-toggler {
  border: none;
  padding: 12px;
}
.navbar-toggler:focus-visible, .navbar-toggler:focus {
  outline: none;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

#nav-icon {
  width: 40px;
  height: 25px;
  position: relative;
  margin: 0 auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 11px;
}
#nav-icon span:nth-child(4) {
  top: 22px;
}

.navbar-toggler[aria-expanded=true] #nav-icon span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.navbar-toggler[aria-expanded=true] #nav-icon span:nth-child(2) {
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded=true] #nav-icon span:nth-child(3) {
  transform: rotate(-45deg);
}
.navbar-toggler[aria-expanded=true] #nav-icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media (min-width: 998px) {
  .dropdown .dropdown-menu {
    display: none !important;
  }
  .dropdown:hover .dropdown-menu {
    display: block !important;
  }
  .dropdown:focus .dropdown-menu {
    display: block !important;
  }
}
header .dropdown-toggle::after {
  display: none;
}
header .dropdown-menu {
  padding-bottom: 0;
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  header .dropdown-menu {
    width: 295px;
  }
}
@media (min-width: 992px) {
  header .dropdown-menu {
    left: -64%;
  }
}
@media (min-width: 1200px) {
  header .dropdown-menu {
    left: -56%;
  }
}
@media (min-width: 1500px) {
  header .dropdown-menu {
    left: -27%;
  }
}
header .dropdown-menu .dropdown-item {
  text-align: center;
  transition: all 0.3s ease;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #c4c4c4;
}
header .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0;
}
header .dropdown-menu .dropdown-item:hover {
  background: #e9e9e9;
  font-weight: 600 !important;
}
header .dropdown-item.active,
header .dropdown-item:active {
  background: #fff;
  color: #000;
  font-weight: 600 !important;
}

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
}
.slideIn {
  animation-name: slideIn;
}

footer {
  background: #000;
  color: #fff;
  border-top: 3px solid #fff;
  padding-top: 34px;
  padding-bottom: 18px;
  font-weight: 300;
}
footer .wrapper {
  max-width: 1920px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
footer h1 {
  margin-bottom: 8px;
  letter-spacing: 1.3px;
}
footer h1 .small {
  letter-spacing: 1.2px;
}
footer .footer-link {
  margin-bottom: 5px;
  transition: color 0.3s ease;
}
footer .footer-link:hover {
  color: #39c9ff;
}
footer .fs-23px-OS {
  letter-spacing: 1.16px;
}
@media (min-width: 576px) {
  footer .headline-focus {
    padding-left: 50px;
  }
  footer .headline-contacts {
    padding-left: 75px;
  }
}
footer .focus-graph {
  padding-left: 50px;
  letter-spacing: 1.2px;
  margin-bottom: 9px;
  line-height: 27px;
}
footer .focus-graph-1 {
  background: url(../images/footer/focus-graph-1.svg) no-repeat left center;
  background-size: 27px 27px;
}
footer .focus-graph-2 {
  background: url(../images/footer/focus-graph-2.svg) no-repeat left center;
  background-size: 27px 27px;
}
footer .focus-graph-3 {
  background: url(../images/footer/focus-graph-3.svg) no-repeat left center;
  background-size: 27px 27px;
}
footer .focus-graph-4 {
  background: url(../images/footer/focus-graph-4.svg) no-repeat left center;
  background-size: 27px 27px;
}
footer .link-linkedin {
  line-height: 46px;
  margin-bottom: 23px;
  transition: color 0.3s ease;
}
footer .link-linkedin .linkedin-img {
  width: 46px;
  height: 46px;
  display: inline-block;
  background: url(../images/footer/linkedin-icon.png) no-repeat;
  background-position: 0 0;
  margin-right: 30px;
  transition: background-image 0.3s ease;
}
footer .link-linkedin:hover {
  color: #39c9ff;
}
footer .link-linkedin:hover .linkedin-img {
  background: url(../images/footer/linkedin-icon.png) no-repeat;
  background-position: -46px 0;
}
footer .link-youtube {
  line-height: 46px;
  transition: color 0.3s ease;
}
footer .link-youtube .yt-img {
  width: 45px;
  height: 45px;
  display: inline-block;
  background: url(../images/footer/yt-icon.png) no-repeat;
  background-position: 0 0;
  margin-right: 30px;
  transition: background-image 0.3s ease;
}
footer .link-youtube:hover {
  color: #39c9ff;
}
footer .link-youtube:hover .yt-img {
  background: url(../images/footer/yt-icon.png) no-repeat;
  background-position: -45px 0;
}
footer .link-contact {
  transition: color 0.3s ease;
  margin-bottom: 23px;
}
footer .link-contact:hover {
  color: #fff;
}
footer .link-contact strong {
  font-weight: 600;
}
footer .link-contact-1 {
  padding-left: 75px;
  line-height: 46px;
  background: url(../images/footer/contact-graph-1.svg) no-repeat;
  background-size: 45px 45px;
}
footer .link-contact-2 {
  padding-left: 75px;
  line-height: 46px;
  background: url(../images/footer/contact-graph-2.svg) no-repeat;
  background-size: 45px 45px;
}
footer .link-contact-3 {
  line-height: 1.33;
  margin-bottom: 23px;
  transition: color 0.3s ease;
}
footer .contact-graph-3 {
  width: 45px;
  height: 45px;
  margin-right: 30px;
}
@media (max-width: 992px) {
  footer .fs-24px-OS,
  footer .fs-23px-OS {
    font-size: 18px;
  }
  footer .fs-26px-OS,
  footer .fs-26px-OS .small {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .wrapper {
    padding-left: 100px !important;
  }
}
main h1 {
  padding-top: 26px;
  padding-bottom: 26px;
  margin-top: -1px;
  background: url(../images/solutions/solutions-headline-bg.png);
  margin-bottom: 0;
  color: #fff;
}

.s-about {
  background: url(../images/about/about-bg.jpg) top right #000 no-repeat;
  background-size: contain;
  padding-top: 85px;
  padding-bottom: 85px;
}
@media (min-width: 1600px) {
  .s-about {
    background-size: 100% 115%;
  }
}
.s-about .wrapper {
  max-width: 1920px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .s-about .wrapper {
    padding-left: 100px;
    padding-right: 0;
  }
}
.s-about .btn-blue-1 {
  width: 190px;
  margin-bottom: 8px;
  margin-left: 13px;
  margin-right: 13px;
}
.s-about .btn-blue-2 {
  width: 190px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .s-about .about-img-2 {
    margin-left: 40px;
  }
}
@media (min-width: 575px) {
  .s-about .mw-940px {
    max-width: 62%;
  }
}
@media (min-width: 992px) {
  .s-about .mw-940px {
    max-width: 48%;
  }
}

.s-clients {
  padding-top: 85px;
  padding-bottom: 85px;
}
.s-clients .wrapper {
  max-width: 1750px;
  padding-left: 15px !important;
  padding-right: 15px;
  margin: 0 auto;
}
.s-clients img {
  align-self: center !important;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  max-width: 100%;
  height: auto;
}
.s-clients .btn-blue-3 {
  width: 190px;
}

.mw-940px {
  max-width: 940px;
}/*# sourceMappingURL=about.css.map */