.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  background-color: #f7f8ff;
  font-family: Nunito, sans-serif;
  color: #00265a;
  font-size: 20px;
  line-height: 110%;
  font-weight: 400;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 46px;
  font-weight: 800;
}

h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 100px;
  line-height: 110%;
  font-weight: 700;
  text-align: center;
}

a {
  text-decoration: none;
}

.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 38, 90, 0.1);
}

.nav-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: 1fr max-content max-content max-content;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr max-content max-content max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-logo-link {
  display: block;
  height: 28px;
}

.nav-logo {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.nav-link {
  display: block;
  padding: 10px 0px 10px 10px;
  -webkit-transition: color 400ms cubic-bezier(.215, .61, .355, 1);
  transition: color 400ms cubic-bezier(.215, .61, .355, 1);
  color: #00265a;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-link:hover {
  color: #0098ff;
}

.container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1050px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.center {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.wide {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bt {
  width: 240px;
  margin-right: 20px;
  padding: 13px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #ffbc00;
  border-radius: 5px;
  background-color: #ffbc00;
  background-image: linear-gradient(136deg, #ffbc00, #f4b80f);
  -webkit-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
  transition: all 600ms cubic-bezier(.215, .61, .355, 1);
  color: #01142f;
  font-weight: 800;
  text-align: center;
}

.bt:hover {
  box-shadow: 0 15px 10px -8px rgba(244, 184, 15, 0.3);
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}

.bt._2 {
  border-color: #0098ff;
  background-color: transparent;
  background-image: none;
  color: #0098ff;
}

.bt._2:hover {
  background-color: #fff;
  box-shadow: 0 15px 10px -8px rgba(0, 38, 90, 0.1);
}

.hero {
  min-height: 900px;
  padding-top: 79px;
  background-color: #f7f8ff;
}

.hero-text {
  width: 60%;
}

.h3 {
  margin-bottom: 10px;
  color: #0098ff;
  font-weight: 700;
}

.hero-img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin-bottom: -7px;
}

.h1 {
  font-size: 38px;
  line-height: 120%;
  font-weight: 800;
}

.text-span {
  color: #0098ff;
}

.bt-div {
  margin-top: 30px;
}

.bt-div.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.blue-rounded-bg {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 15%;
  z-index: -2;
  width: 100%;
}

.pluses {
  position: relative;
  overflow: visible;
  margin-top: -76px;
  margin-bottom: 0px;
}

.h2 {
  font-size: 40px;
  line-height: 110%;
  font-weight: 800;
  text-align: center;
}

.h2.white {
  color: #f7f8ff;
}

.text {
  color: #f7f8ff;
  line-height: 120%;
  text-align: center;
}

.text.short {
  width: 60%;
}

.text.short.black {
  text-align: center;
}

.text.black {
  color: #00265a;
  text-align: left;
}

.text-span-2 {
  color: #ffbc00;
}

.transp-heading {
  margin-bottom: -58px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: rgba(109, 195, 253, 0.07);
}

.transp-heading.blue {
  color: rgba(0, 152, 255, 0.07);
}

.plus-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plus {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48.5%;
  height: 200px;
  margin-bottom: 30px;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 10px 10px;
  background-color: #fff;
  box-shadow: 0 10px 20px 5px rgba(0, 152, 255, 0.1);
  -webkit-transition: all 700ms cubic-bezier(.215, .61, .355, 1);
  transition: all 700ms cubic-bezier(.215, .61, .355, 1);
}

.plus:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.plus.right {
  border-top-left-radius: 10px;
  border-top-right-radius: 0px;
}

.icon-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  margin-right: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.plus-text-div {
  width: 100%;
}

.plus-heading {
  margin-top: 0px;
  color: #0098ff;
  font-size: 24px;
  line-height: 110%;
  font-weight: 800;
}

.plus-icon {
  position: relative;
  z-index: 4;
  margin-right: auto;
  margin-left: auto;
}

.plus-text {
  color: rgba(0, 38, 90, 0.8);
}

.shadow {
  position: absolute;
  bottom: 55px;
  z-index: 3;
}

.navbar-mob {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.hero-img-anim {
  position: relative;
  margin-top: -196px;
}

.white-dots {
  position: absolute;
  left: -7%;
  top: -13%;
  right: auto;
  bottom: auto;
}

.dots {
  position: absolute;
  left: auto;
  top: auto;
  right: -5%;
  bottom: -2%;
  z-index: -7;
}

.dots.contact-dots {
  right: -8%;
  bottom: -4%;
}

.dots.contact-dots.up {
  left: -8%;
  top: -6%;
  right: auto;
  bottom: auto;
}

.lottie-animation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
}

.yellow-file {
  position: absolute;
  left: 0%;
  top: -10px;
  right: -1px;
}

.yellow-file.right {
  left: auto;
  top: -10px;
  right: 0%;
  bottom: auto;
}

.cases {
  margin-top: 100px;
  margin-bottom: 150px;
}

.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 1050px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.slider.mob {
  display: none;
}

.cases-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.case {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 560px;
  margin-bottom: 10px;
  padding: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: none;
}

.case-heading {
  margin-top: 0px;
  margin-bottom: 14px;
  color: #0098ff;
  font-size: 36px;
  line-height: 110%;
  font-weight: 800;
}

.case-heading.yellow {
  color: #ffbc00;
}

.case-bt {
  width: 48.5%;
  margin-right: auto;
  margin-left: auto;
}

.case-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-image: linear-gradient(131deg, #0098ff, #005edf);
}

.case-button.yellow {
  background-image: linear-gradient(131deg, #ffbc00, #f4b80f);
}

.image-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 70%;
}

.link-text {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
}

.link-text.black {
  color: #01142f;
}

.link-text.blue {
  color: #0098ff;
}

.image-3 {
  margin-left: 10px;
}

.file-cases {
  position: absolute;
  left: 0%;
  top: -2%;
  right: -1px;
  z-index: -1;
}

.list-item {
  margin-bottom: 2px;
  color: #f4b80f;
  font-size: 16px;
}

.list-item.blue {
  color: #0098ff;
}

.list {
  margin-top: 8px;
  padding-left: 20px;
}

.list.blue {
  color: #0098ff;
}

.text-span-3 {
  color: #00265a;
}

.text-span-4 {
  color: #00265a;
}

.text-span-5 {
  color: #00265a;
}

.slide-nav {
  display: none;
}

.left-arrow {
  left: -100px;
  display: none;
  color: #0098ff;
}

.right-arrow {
  right: -100px;
  display: none;
  color: #0098ff;
}

.contact {
  position: relative;
  min-height: 823px;
  padding-bottom: 100px;
  background-color: #fff;
}

.form-block {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 480px;
  min-height: 585px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 18px 24px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: transparent;
  background-image: linear-gradient(142deg, #ffbc00, #f4b80f);
}

.input {
  height: 50px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.label {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  color: rgba(0, 38, 90, 0.6);
  font-size: 16px;
}

.white-bg {
  position: static;
  z-index: 6;
  margin-top: -134px;
  margin-bottom: -244px;
}

.contact-bt {
  width: 100%;
  height: 60px;
  margin-top: 40px;
  border-radius: 10px;
  background-image: linear-gradient(138deg, #00265a, #01142f);
  font-size: 24px;
  font-weight: 800;
}

.recaptcha {
  margin-top: 20px;
}

.success-message {
  margin-top: 20px;
  border-radius: 10px;
  background-color: #fff;
}

.text-block {
  border-radius: 10px;
  font-weight: 900;
}

.error-message {
  width: 100%;
  border-radius: 10px;
  background-color: #ff0808;
}

.text-block-2 {
  color: #fff;
  text-align: center;
}

.form {
  width: 100%;
}

.copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-5 {
  color: #002c86;
  font-weight: 400;
}

.fomr-div {
  position: relative;
  margin-top: 40px;
}

.products {
  position: relative;
  display: block;
  margin-top: 100px;
  margin-bottom: 100px;
}

.product-heading {
  margin-top: 10px;
  color: #fff;
  font-size: 120px;
  line-height: 111%;
  text-align: center;
}

.product-heading.black {
  color: #00265a;
}

.product-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 10px;
}

.product-text {
  position: relative;
  display: block;
  width: 65%;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 30px 0 rgba(1, 101, 224, 0.2);
}

.product-name {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  height: auto;
  padding: 40px 11px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 0px 0px 10px;
  background-image: linear-gradient(129deg, #003f96, #00265a);
}

.product-name.zetta {
  background-image: linear-gradient(129deg, #0081d8, #0098ff);
}

.product-name.eps {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbc00), to(#f4b80f));
  background-image: linear-gradient(180deg, #ffbc00, #f4b80f);
}

.tag {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #0098ff;
  border-radius: 10px;
  background-color: rgba(0, 152, 255, 0.2);
  color: #fff;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
}

.tag.zetta {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
}

.tag.eps {
  border-color: rgba(0, 38, 90, 0.6);
  background-color: transparent;
  color: #00265a;
}

.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-bt {
  position: relative;
  top: 49px;
  display: none;
  width: 80%;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 5px;
  border-color: #f7f8ff;
  border-radius: 10px;
  background-color: #ffbc00;
  color: #01142f;
  font-weight: 800;
}

.product-img {
  position: relative;
}

.product-text-heading {
  margin-top: 0px;
  margin-bottom: 14px;
  color: #0098ff;
  font-size: 28px;
  line-height: 110%;
  font-weight: 800;
}

.product-text-description {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #00265a;
  font-size: 20px;
  line-height: 120%;
  font-weight: 700;
}

.product-text-line {
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: rgba(0, 152, 255, 0.2);
}

.features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  margin-right: 10px;
  margin-bottom: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.feature-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  margin-right: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.feature-text {
  width: 80%;
}

.icon-f {
  width: 50px;
  height: 50px;
}

.product-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-image: linear-gradient(131deg, #ffbc00, #f4b80f);
  -webkit-transition: all 700ms cubic-bezier(.215, .61, .355, 1);
  transition: all 700ms cubic-bezier(.215, .61, .355, 1);
}

.product-button:hover {
  box-shadow: 0 10px 10px -5px rgba(1, 20, 47, 0.2);
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}

.product-button.outline {
  border-style: solid;
  border-width: 2px;
  border-color: rgba(0, 152, 255, 0.6);
  background-image: none;
}

.product-button.outline:hover {
  box-shadow: 0 10px 10px -5px rgba(1, 20, 47, 0.1);
}

.product-button.mob {
  display: none;
}

.product-button.blue {
  background-image: linear-gradient(131deg, #00265a, #01142f);
}

.close {
  position: absolute;
  left: auto;
  top: 3%;
  right: 3%;
  bottom: auto;
  display: none;
  cursor: pointer;
}

.product-number {
  position: absolute;
  left: 0%;
  top: -32px;
  right: auto;
  bottom: auto;
  padding: 5px 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #00265a;
}

.product-number._2 {
  background-color: #05609e;
}

.product-number._3 {
  background-color: #b98800;
}

.text-block-7 {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

.text-span-6 {
  font-size: 30px;
}

.text-span-7 {
  color: rgba(0, 38, 90, 0.6);
  font-size: 16px;
}

.preloader {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: none;
  background-color: transparent;
  -o-object-fit: none;
  object-fit: none;
}

.div-block-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbc00), to(#f4b80f));
  background-image: linear-gradient(180deg, #ffbc00, #f4b80f);
}

.success-bt {
  margin-top: 40px;
  border-radius: 10px;
  background-color: #0098ff;
}

.success-bt:hover {
  background-color: #63c0ff;
}

.refresh {
  margin-top: 40px;
  border-radius: 10px;
  background-color: #0098ff;
}

.refresh:hover {
  background-color: #63c0ff;
}

.up-bt {
  position: absolute;
  left: auto;
  top: auto;
  right: 3%;
  bottom: 3%;
  display: none;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 152, 255, 0.2);
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  color: rgba(0, 38, 90, 0.6);
  font-size: 16px;
}

.up-bt:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 38, 90, 0.1);
}

.anchor-plus {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 10%;
  width: 10px;
  height: 10px;
}

.cases-anc {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -2.5%;
  width: 10px;
  height: 10px;
}

.up-widget {
  position: fixed;
  left: auto;
  top: auto;
  right: 30px;
  bottom: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 44, 134, 0.3);
  border-radius: 100px;
  background-color: #fff;
  box-shadow: none;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(.215, .61, .355, 1);
  transition: all 500ms cubic-bezier(.215, .61, .355, 1);
}

.up-widget:hover {
  border-color: rgba(0, 152, 255, 0.2);
  box-shadow: 0 3px 15px 0 rgba(0, 152, 255, 0.2);
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.up-widget:active {
  border-radius: 20px;
  opacity: 0;
}

.up-widget:visited {
  opacity: 0;
}

.image-19 {
  width: 12px;
  margin-top: 3px;
}

@media screen and (min-width: 1440px) {
  .case-button {
    -webkit-transition: all 700ms cubic-bezier(.215, .61, .355, 1);
    transition: all 700ms cubic-bezier(.215, .61, .355, 1);
  }

  .case-button:hover {
    box-shadow: 0 18px 10px -10px rgba(0, 38, 90, 0.1);
    -webkit-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
  }

  .case-button.yellow:hover {
    box-shadow: 0 18px 10px -10px rgba(255, 188, 0, 0.2);
  }

  .mask {
    overflow: hidden;
    padding-bottom: 33px;
  }

  .contact-bt {
    -webkit-transition: all 700ms cubic-bezier(.215, .61, .355, 1);
    transition: all 700ms cubic-bezier(.215, .61, .355, 1);
  }

  .contact-bt:hover {
    box-shadow: 0 10px 10px -5px rgba(1, 20, 47, 0.3);
  }

  .product-name.eps {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-button {
    -webkit-transition: all 700ms cubic-bezier(.215, .61, .355, 1);
    transition: all 700ms cubic-bezier(.215, .61, .355, 1);
  }

  .product-button:hover {
    box-shadow: 0 20px 10px -11px rgba(244, 184, 15, 0.2);
    -webkit-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
  }

  .product-button.outline:hover {
    background-color: #fff;
    box-shadow: 0 20px 10px -11px rgba(0, 38, 90, 0.1);
  }

  .product-button.blue:hover {
    box-shadow: 0 20px 10px -11px rgba(1, 20, 47, 0.2);
  }

  .up-widget {
    right: 20px;
    opacity: 0;
  }
}

@media screen and (min-width: 1920px) {
  .sticky-nav {
    height: 60px;
  }

  .nav-logo-link {
    height: 36px;
  }

  .nav-link {
    font-size: 16px;
    font-weight: 700;
  }

  .h1 {
    font-size: 47px;
  }

  .h2 {
    font-size: 50px;
  }

  .h2.white {
    font-size: 50px;
  }

  .transp-heading {
    margin-bottom: -71px;
    font-size: 120px;
  }

  .contact {
    position: relative;
    padding-top: 60px;
  }

  .white-bg {
    margin-bottom: -326px;
  }

  .products {
    position: relative;
  }

  .product-wrapper {
    margin-top: -60px;
  }

  .product-name {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .product {
    margin-top: 100px;
  }

  .product-img {
    bottom: 15px;
    width: 88%;
  }

  .product-text-description {
    width: 80%;
  }

  .up-bt {
    position: absolute;
    left: auto;
    top: auto;
    right: 5%;
    bottom: 5%;
    border-style: solid;
    border-width: 1px;
    border-color: #0098ff;
    border-radius: 10px;
    background-color: transparent;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    color: #00265a;
  }

  .up-bt:hover {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 38, 90, 0.2);
  }

  .anchor-plus {
    bottom: 15%;
    z-index: -1;
  }

  .cases-anc {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: -2%;
    z-index: 4;
  }
}

@media screen and (max-width: 991px) {
  .sticky-nav {
    display: none;
  }

  .container {
    width: 90%;
  }

  .container.wide {
    overflow: visible;
  }

  .bt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .hero {
    min-height: auto;
  }

  .hero-text {
    width: 80%;
  }

  .hero-img {
    margin-top: 0px;
  }

  .bt-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bt-div.product {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blue-rounded-bg {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
  }

  .pluses {
    margin-top: 0px;
  }

  .h2.white {
    font-size: 36px;
  }

  .transp-heading {
    font-size: 80px;
  }

  .plus {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .icon-div {
    width: 10%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .shadow {
    left: 3%;
    top: 12%;
    right: auto;
    bottom: auto;
    width: 15%;
  }

  .shadow.gear {
    top: 8%;
  }

  .navbar-mob {
    display: block;
    box-shadow: 0 2px 20px 0 rgba(0, 152, 255, 0.1);
  }

  .nav-link-mob {
    width: 100%;
    color: #fff;
  }

  .icon {
    color: #0098ff;
  }

  .nav-menu {
    right: -40.2656px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #0098ff;
  }

  .hero-img-anim {
    margin-top: 0px;
  }

  .white-dots {
    display: none;
  }

  .dots {
    display: none;
  }

  .slider {
    display: none;
    width: 90%;
  }

  .slider.mob {
    display: block;
  }

  .cases-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .case {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .case-bt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .image-2 {
    width: 58%;
  }

  .list-item {
    color: #ffbc00;
    font-weight: 400;
  }

  .text-span-3 {
    color: #00265a;
  }

  .text-span-4 {
    color: #00265a;
  }

  .text-span-5 {
    color: #00265a;
  }

  .slide-nav {
    display: block;
    color: #355075;
  }

  .left-arrow {
    display: none;
  }

  .right-arrow {
    display: none;
  }

  .form-block {
    width: 90%;
  }

  .product-wrapper {
    width: 90%;
    margin-top: -40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-text {
    display: none;
    width: auto;
    padding: 60px 20px 20px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
  }

  .product-name {
    width: auto;
    max-width: none;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .tag {
    font-size: 24px;
  }

  .product {
    height: auto;
    margin-top: 98px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .product-bt {
    top: 30px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .product-img {
    width: 80%;
  }

  .feature {
    width: 46%;
    margin-right: 20px;
  }

  .product-button {
    display: none;
    width: 100%;
    margin-top: 20px;
    margin-right: 0px;
  }

  .product-button.outline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .product-button.mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .preloader {
    display: none;
  }

  .up-bt {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 5%;
    display: block;
    width: 20%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .sticky-nav {
    position: relative;
  }

  .nav-grid {
    text-align: center;
  }

  .hero {
    min-height: 790px;
  }

  .hero-text {
    width: 100%;
  }

  .h3 {
    font-size: 18px;
  }

  .bt-div {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blue-rounded-bg {
    z-index: 0;
  }

  .pluses {
    margin-top: -111px;
  }

  .text.short {
    width: 100%;
    font-size: 18px;
  }

  .plus-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .plus {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .icon-div {
    margin-right: 20px;
    margin-bottom: 0px;
  }

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

  .shadow {
    left: 3%;
    top: 45%;
    width: 12%;
  }

  .shadow.gear {
    top: 41%;
  }

  .nav-menu {
    right: -28.2656px;
  }

  .hero-img-anim {
    margin-top: 0px;
  }

  .yellow-file {
    top: -7%;
  }

  .yellow-file.right {
    left: 0%;
    top: -8%;
    right: auto;
    bottom: auto;
  }

  .case {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-2 {
    width: 71%;
  }

  .text-block-5 {
    text-align: center;
  }

  .product-wrapper {
    width: 80%;
  }

  .feature {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .sticky-nav {
    padding: 0px;
  }

  .nav-grid {
    grid-auto-flow: row;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 100px;
    grid-template-rows: 100px;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-logo {
    width: 150px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #c4c4c4;
  }

  .container.center {
    width: 95%;
  }

  .container.wide {
    overflow: visible;
  }

  .bt {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .hero {
    min-height: 900px;
    padding-top: 40px;
  }

  .h3 {
    line-height: 110%;
  }

  .h1 {
    font-size: 40px;
    line-height: 120%;
    font-weight: 800;
  }

  .bt-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .pluses {
    margin-top: -154px;
    padding-top: 17px;
  }

  .h2 {
    font-weight: 800;
  }

  .h2.white {
    font-size: 40px;
  }

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

  .transp-heading {
    display: none;
    margin-bottom: -38px;
    font-size: 40px;
  }

  .plus-wrapper {
    margin-top: 30px;
  }

  .plus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .icon-div {
    width: 19%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .plus-heading {
    font-size: 26px;
  }

  .shadow {
    left: 8%;
    top: 22%;
    width: 21%;
  }

  .shadow.gear {
    top: 8%;
  }

  .nav-menu {
    left: auto;
    top: 0%;
    right: -6%;
    bottom: 0%;
  }

  .hero-img-anim {
    z-index: 3;
  }

  .yellow-file {
    top: -10px;
  }

  .yellow-file.right {
    top: -10px;
  }

  .cases {
    margin-bottom: 100px;
  }

  .slider {
    width: 95%;
  }

  .case {
    height: 620px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .case.long {
    height: 620px;
  }

  .case-heading {
    font-size: 26px;
  }

  .case-button {
    height: 60px;
  }

  .image-2 {
    width: 90%;
  }

  .link-text {
    font-size: 20px;
  }

  .file-cases {
    top: -10px;
  }

  .contact {
    padding-bottom: 60px;
  }

  .form-block {
    width: 90%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .white-bg {
    margin-bottom: -94px;
  }

  .form {
    width: 100%;
  }

  .copyright {
    height: 100px;
  }

  .text-block-5 {
    font-size: 16px;
    line-height: 130%;
  }

  .products {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .product-heading {
    font-size: 80px;
  }

  .product-wrapper {
    width: 95%;
  }

  .product-name {
    width: 100%;
  }

  .feature {
    margin-right: 0px;
  }

  .feature-icon {
    width: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

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

  .icon-f {
    width: 50px;
  }

  .product-button {
    height: 60px;
  }

  .product-button.outline {
    margin-top: 10px;
  }

  .up-bt {
    bottom: 2%;
    width: 90%;
  }

  .up-widget.w--current {
    z-index: 8;
    display: none;
  }
}

#w-node-aeb3bfc9-15ce-272a-1fd3-1ec1bdbd53d9-e7632954 {
  -ms-grid-column-align: start;
  justify-self: start;
}

@media screen and (max-width: 479px) {
  #w-node-aeb3bfc9-15ce-272a-1fd3-1ec1bdbd53d9-e7632954 {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

