html,
body {
  position: relative;
  min-width: 315px;
}

.hero-text-grid-bottom .ceo-hblock {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animate__animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-section .animated-element {
  opacity: 0;
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.dl1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated-section.section-animation-active .animated-element {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@media (min-width: 1024px) {
  .section-wrapper.wrapper-hero,
  .section-wrapper.wrapper-df2-layout#testimonials,
  /*.section-wrapper.wrapper-df1-layout#media,*/
  .section-wrapper.wrapper-df1-layout#smi,
  .section-wrapper.wrapper-df2-layout#mission,
  .section-wrapper.wrapper-df1-layout#team,
  .site-footer {
    overflow: hidden;
  }

  .hero-text-grid__paragraph-1.cloned-paragraph {
    display: none !important;
  }

  .testimonial-user-info-meta:before {
    display: none !important;
  }

  .smi-slides-first-l
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .smi-box,
  .df1-layout-row.media-row .media-row-col-1 {
    border-right: 0 !important;
  }

  .seo-title.slides-first-remove:before {
    height: 100% !important;
    transition: none !important;
  }

  .df1-layout-row.media-row .media-row-col-1:before {
    display: none !important;
  }

  @-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }

  @keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
}

@media (max-width: 1023px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  body {
    padding-top: 105px;
  }

  body,
  .text-format-18,
  .text-format-20 {
    font-size: 22px;
    line-height: 1.5em;
  }

  .line-format {
    white-space: normal;
  }

  .header-inner.row {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-hamburger {
    display: flex;
  }

  .button-element-lg {
    font-size: 35px;
    padding: 15px 0;
  }

  .menu-item-hidden-dk {
    display: block;
    order: 1;
  }

  .menu-item-hidden-mb {
    display: none;
  }

  .wrapper-header .navigation-menu-area {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .services-accordion-item-content__image {
    max-width: 179px;
  }

  body:before {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65);
  }

  .wrapper-header .navigation-menu-area,
  body:before {
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s linear;
  }

  .menu-is-active:before {
    content: "";
    z-index: 999;
  }

  .menu-is-active .navigation-menu-area,
  .menu-is-active:before {
    opacity: 1;
    visibility: visible;
  }

  .section-wrapper.wrapper-header {
    position: fixed;
    left: 0;
    right: 0;
    top: -2px;
    width: 100%;
    z-index: 999;
    background: #030303;
    border-bottom: 0;
  }

  .section-wrapper.wrapper-header .container {
    max-width: 100%;
  }

  .menu-is-active .wrapper-header .navigation-menu-area {
    background: #000;
  }

  .section-heading .section-heading-col {
    padding: 20px 0 26px;
  }

  .section-heading-title {
    text-align: left;
  }

  .section-heading.sct-h-reverse .section-heading-title {
    text-align: right;
  }

  .section-heading {
    font-size: 66px;
  }

  .hero-text-grid-image,
  .header-inner.row .h-contact-area .button-element {
    display: none;
  }

  .hero-text-grid__text-1 {
    padding: 0;
  }

  .hero-text-2 {
    align-items: center;
  }

  .hero-words-grid span {
    color: #f5f5f5;
    line-height: normal;
  }

  .hero-words-grid.hero-words-grid-2 span:nth-child(3),
  .hero-words-grid.hero-words-grid-1 span {
    padding-left: 27px;
    text-align: left;
  }

  .hero-words-grid.hero-words-grid-2 span {
    padding-right: 27px;
    text-align: right;
  }

  .hero-words-grid.hero-words-grid-1 span:nth-child(2) {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .header-inner {
    position: relative;
  }

  .hero-words-grid.hero-words-grid-2 span,
  .hero-words-grid.hero-words-grid-1 span {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center !important;
  }

  .navigation-menu-area {
    max-width: 100vw;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 1px);
    border-bottom: 1px solid #f5f5f5;
  }

  .header-inner > * {
    padding: 30px 0;
  }

  .navigation-menu ul {
    justify-content: flex-start;
    flex-direction: column;
  }

  .navigation-menu ul li {
    margin-bottom: 32px;
  }

  .logo-element {
    max-width: 127px;
  }

  .hero-text-grid-bottom .ceo-hblock {
    order: 1;
  }

  .hero-text {
    font-size: 67px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .hero-text,
  .hero-text-grid__paragraph-1 {
    width: 100%;
  }

  .hero-text-grid__paragraph-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: #fff;
  }

  .hero-words-grid-area-1,
  .hero-words-grid-area-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }

  .hero-text-grid-bottom-col,
  .hero-text-grid-bottom .ceo-hblock {
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-text.hero-text-grid__text-1,
  .hero-text.hero-text-grid__text-2,
  .hero-text.hero-text-grid__text-3,
  .hero-text.hero-text-grid__text-4 {
    order: -1;
  }

  .hero-words-grid {
    margin-top: -1px;
  }

  .ceo-hblock {
    margin: 15px 0 93px;
  }

  .ceo-hblock__image {
    max-width: 346px;
    width: 100%;
    height: 452px;
  }

  .ceo-hblock__contacts {
    flex-grow: 1;
  }

  .socials-links-label {
    font-size: 9px;
    padding-right: 5px;
  }

  .ceo-hblock-link {
    font-size: 22px;
    padding-right: 5px;
  }

  .ceo-hblock__contact-item {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 151px;
  }

  .socials-links-item {
    margin-left: 5px;
  }

  .about-row.row-flex {
    flex-direction: column;
  }

  .about-col.about-row-col-1,
  .about-col.about-row-col-2,
  .about-col.about-row-col-3,
  .about-col.about-row-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  .about-row-col-3 {
    order: -1;
  }

  .about-row-col-2 {
    order: 1;
  }

  .hrz-deafult-padding {
    padding: 34px 0 !important;
  }

  .services-accordion-item-content_inner {
    padding: 15px 0 0 18px;
  }

  .services-accordion-item-heading > * {
    font-size: 34px;
    padding-left: 30px;
    line-height: normal;
  }

  .services-accordion-item-heading > *:before {
    font-size: 15px;
    line-height: normal;
    top: 3px;
  }

  .services-accordion-item-heading,
  .services-accordion-item-content__content {
    padding-left: 20px;
    padding-right: 10px;
  }

  .services-accordion-item-heading {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .services-accordion-item-heading:before,
  .services-accordion-item-heading {
    border-radius: 18px;
  }

  .services-accordion-item-content__content {
    line-height: 1.3em;
    padding-top: 8px;
    padding-bottom: 25px;
    font-size: 18px;
  }

  .whyus-col.whyus-col-1,
  .whyus-col.whyus-col-2 {
    display: flex;
    flex-direction: column-reverse;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border: 0;
    padding: 0;
  }

  .vt-icon.vt-icon-lg {
    display: none;
  }

  .whyus-row.row-flex {
    padding-top: 55px;
  }

  .whyus-row-bottom {
    padding-bottom: 60px;
    border: 0;
  }

  .whyus-col img {
    margin-bottom: 0;
  }

  .logos-block {
    font-size: 38px;
    padding: 31px 0;
    line-height: normal;
  }

  .logos-slides-wrap .swiper-wrapper {
    min-height: 52px;
  }

  .swiper-slide_tooth-proba img {
    margin-bottom: -2px;
  }

  .df1-layout-row-col.df1-layout-row-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 52px 0;
    border: 0;
  }

  .df1-layout-img {
    width: calc(100vw - 30px);
    height: calc(100vw - 30px);
    margin: 0 auto 20px;
  }

  .misson-lg-image:after {
    display: none;
  }

  .wrapper-df1-layout#team .df1-layout-row-col:not(:last-child):after {
    display: initial;
  }

  .df1-layout-row > *:last-child .df1-layout-img:hover .button-element {
    background: #d71f53;
    border: 1px solid #d71f53;
  }

  .df1-layout-row > *:last-child .df1-layout-img:after {
    display: none !important;
  }

  .button-element,
  .smi-slides-arrow-control {
    position: relative;
    overflow: hidden;
  }

  .smi-slides-arrow-control:after,
  .button-element:after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    opacity: 0;
    background: linear-gradient(
      to bottom,
      rgba(229, 172, 142, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(229, 172, 142, 0)
    );
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }

  .df1-layout-row > *:last-child .df1-layout-img:hover .button-element:after,
  .df1-layout-row > *:last-child .df1-layout-img:hover .button-element:after,
  .button-element:hover:after,
  .button-element:focus:after,
  .smi-slides-arrow-control:hover:after,
  .smi-slides-arrow-control:focus:after {
    animation: shine 0.5s forwards;
  }

  @keyframes shine {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: rotateZ(60deg) translate(1em, -9em);
    }
  }

  .df1-layout-name {
    font-size: 50px;
  }

  .df1-layout-img .df1-layout-hover-text {
    font-size: 22px;
  }

  .df1-layout-position {
    max-width: 400px;
    font-size: 30px;
  }

  .misson-row .misson-row-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border: 0;
    padding: 0;
  }

  .wrapper-df2-layout#mission .misson-row-col.misson-row-col-2 {
    display: none;
  }

  .smi-slides.swiper {
    padding-left: 0;
    padding-right: 0;
  }

  .smi-box {
    padding: 45px 20px;
    min-height: 285px !important;
  }

  .smi-box.animated-line.animated-line-only-desktop {
    border-right: 1px solid #f5f5f5 !important;
  }

  .section-wrapper.wrapper-df1-layout#smi .smi-slide-container {
    padding-right: 0;
  }

  .smi-box .smi-box-img {
    min-height: 47px;
  }

  .smi-box-img img {
    height: 30px;
  }

  .smi-box-text {
    font-size: 19px;
  }

  .smi-slides-control {
    padding: 23px 0;
  }

  .smi-slides-arrow-control,
  .smi-slides-arrow-control svg {
    width: auto;
    height: 43px;
  }

  .testimonial-name {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .testimonial-position {
    max-width: 350px;
    font-size: 21px;
    line-height: normal;
  }

  .section-wrapper.wrapper-df2-layout#testimonials .misson-row .misson-row-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .tst-slide-container {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-user-info {
    position: relative;
    display: flex;
    align-items: center;
  }

  .testimonial-user-info,
  .testimonial-text {
    padding: 0 12px;
  }

  .smi-slides-control > .container,
  .testimonial-slides.swiper,
  .smi-slides.swiper {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
  }

  .testimonial-slides .testimonial-text {
    margin: 50px 0 40px;
  }

  .testimonial-slides .testimonial-text p {
    margin-bottom: 0;
  }

  .testimonial-user-info > * {
    padding: 35px 0;
  }

  .testimonial-brand-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    padding-left: 23px;
  }

  .testimonial-brand-logo img {
    width: 100%;
    max-height: 30px;
  }

  .testimonial-user-info-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    border-right: 1px solid #f5f5f5;
    padding-left: 8px;
    padding-right: 20px;
  }

  .df1-layout-row-col.empty-col {
    display: none;
  }

  .media-row-wrap {
    border: 0;
  }

  .media-row-wrap,
  .df1-layout-row.media-row .df1-layout-row-col,
  .media-row-wrap.row-flex .media-row-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: initial;
    padding: 0;
  }

  .news-box-title {
    font-size: 36px;
  }

  .news-box-text {
    font-size: 28px;
    margin-bottom: 5px;
  }

  .wrapper-footer {
    padding: 30px 0;
  }

  .wrapper-footer .navigation-menu-area.f-nav-area {
    display: flex;
    position: relative;
    top: initial;
    max-width: 100%;
    width: 100%;
    margin: 0;
    border: 0;
    display: block;
  }

  .contacts-row.row-flex {
    border: 0;
    flex-direction: column-reverse;
  }

  .contacts-row .contact-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
  }

  .ceo-hblock-footer.ceo-hblock__contacts {
    margin-left: 0;
  }

  .f-mg {
    min-height: initial;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .f-nav-area {
    display: none;
  }

  .wrapper-footer .logo-element {
    display: none;
  }

  .f-copyright {
    display: block;
    text-align: center;
    margin-top: 15px;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item {
    display: flex;
    padding: 0 !important;
    min-height: initial;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item > * > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 28px 0;
  }

  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .socials-links {
    display: flex;
    justify-content: flex-end;
  }

  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .socials-links-label {
    border-right: 1px solid #f5f5f5;
  }

  .ceo-hblock__contacts .socials-links-label {
    font-size: 20px;
  }

  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .ceo-hblock-link {
    font-size: 22px;
    text-align: right;
  }

  .wrapper-hero .ceo-hblock__contact-item .socials-links-item svg {
    width: 61px;
    height: 61px;
  }

  .sc-lg-icon {
    width: 59px;
    height: 59px;
  }

  .sc-lg-icon svg {
    height: 59px;
  }

  .form-row-col.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .modal-box.fancybox__content {
    padding: 70px 20px;
  }

  .button-element svg {
    width: 30px;
  }

  .button-element {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .hero-text-grid-bottom-col .h-grid-button.h-grid-spacing {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .hero-text-grid-bottom-col .h-grid-button.h-grid-spacing .button-element {
    max-width: 100%;
    width: 100%;
  }

  .button-element.thin-button {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .form-msg {
    font-size: 12px;
  }

  .wrapper-header .h-contact-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
    justify-content: center;
  }

  .hero-text-grid__text-1,
  .hero-text-grid__text-2,
  .hero-text-grid__text-5 {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-text-grid__text-2,
  .hero-text-grid__text-4,
  .hero-text-grid__text-5 {
    text-align: right;
  }

  .hero-text-grid > .hero-text {
    display: flex;
  }

  .h-grid-spacing,
  .hero-text-grid-bottom .h-grid-spacing {
    margin: 10px 0;
  }

  .h-grid-button.h-grid-spacing {
    order: 1;
  }

  .hero-text-grid__paragraph-1.paragraph-element {
    font-size: 22px;
    font-weight: 500;
    margin-top: 38px;
    margin-bottom: 38px;
    max-width: 535px;
  }

  .hero-words-grid span {
    font-size: 22px;
    padding: 6px 0 9px;
  }

  .about-row.row-flex {
    padding-top: 69px;
  }

  .mg-format > p:not(:last-child) {
    margin-bottom: 20px;
  }

  .about-resp-txt-2 {
    max-width: 520px;
  }

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

  .ceo-image-2 {
    margin: 69px 0 63px;
    border: 1px solid #f5f5f5;
  }

  .about-row .about-col {
    border: 0 !important;
  }

  .vt-icon.vt-icon-1 {
    max-width: 76px;
    margin: 76px 0;
  }

  .about-col.about-row-col-1 {
    padding-top: 48px;
    padding-bottom: 69px;
  }
  .about-col img {
    width: 100%;
  }

  .about-col.about-row-col-3,
  .about-col.about-row-col-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-col.about-row-col-3,
  .about-col.about-row-col-2 {
    position: relative;
  }

  .about-col.about-row-col-2 {
    padding: 55px 0 99px;
  }

  .about-col.about-row-col-2:before {
    top: 0;
    bottom: initial;
  }

  .whyus-row-bottom .whyus-row.row-flex {
    padding-top: 28px;
  }

  img.seo-why-img {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-wrapper#smi {
    overflow: hidden;
  }

  .whyus-col.whyus-col-2 img.seo-why-img {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .whyus-col-1.whyus-vt-icon {
    display: none !important;
  }

  .whyus-list li:not(:last-child) {
    margin-bottom: 22px;
  }

  .section-wrapper.wrapper-df2-layout .section-heading-wrap {
    border-bottom: 1px solid #f5f5f5 !important;
  }

  .misson-first-paragraph {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-wrapper.wrapper-df1-layout#media
    .df1-layout-row-col.df1-layout-row-col {
    padding: 16px 0;
  }

  .media-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .media-row-wrap.row-flex {
    padding: 20px 0 0;
  }

  .df1-layout-row.media-row .df1-layout-row-col {
    position: relative;
    padding-bottom: 21px !important;
  }

  .df1-layout-row.media-row .df1-layout-row-col:not(:first-child) {
    padding-top: 31px !important;
  }

  .news-box .news-box__image {
    margin-bottom: 20px;
  }

  .df1-layout-row.media-row .media-row-col-2 .news-box .news-box__image {
    height: 441px;
  }

  .news-box .news-box__image,
  .df1-layout-row.media-row .media-row-col-3 .news-box .news-box__image {
    height: 441px;
  }

  .df1-layout-row-col.media-row-col-4 {
    display: flex;
    justify-content: center;
    padding: 15px 0 !important;
  }

  .contacts-row.row-flex {
    padding-top: 40px;
  }

  .modal-box-inner form.feedback-form.feedback-form-modal .form-input,
  form.feedback-form .form-input {
    margin-bottom: 10px;
  }

  .modal-box-inner form.feedback-form.feedback-form-modal input,
  .modal-box-inner form.feedback-form.feedback-form-modal textarea,
  form.feedback-form input,
  form.feedback-form textarea {
    font-size: 12px !important;
    padding-top: 23px !important;
    padding-bottom: 24px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .modal-box-inner form.feedback-form.feedback-form-modal .floating-label,
  form.feedback-form .form-input .floating-label {
    font-size: 25px !important;
    top: 18px;
    left: 25px !important;
  }

  .modal-box-inner form.feedback-form.feedback-form-modal .form-submit-btn,
  form.feedback-form .form-submit-btn {
    font-size: 35px !important;
  }

  form.feedback-form .form-submit-btn,
  .button-element {
    padding-top: 17px;
    padding-bottom: 21px;
  }

  .form-input textarea {
    height: 104px;
  }

  .modal-box-inner
    form.feedback-form.feedback-form-modal
    .form-input.fi-filled
    .floating-label,
  .modal-box-inner
    form.feedback-form.feedback-form-modal
    .form-input.fi-filled
    .floating-label,
  .modal-box-inner
    form.feedback-form.feedback-form-modal
    .form-input
    input:focus
    ~ .floating-label,
  .modal-box-inner
    form.feedback-form.feedback-form-modal
    .form-input
    textarea:focus
    ~ .floating-label,
  .form-input.fi-filled .floating-label,
  .form-input.fi-filled .floating-label,
  .form-input input:focus ~ .floating-label,
  .form-input textarea:focus ~ .floating-label {
    left: 10px !important;
    top: 0 !important;
    font-size: 8px !important;
  }

  .section-wrapper.wrapper-footer .navigation-menu-area > * {
    max-width: 100%;
  }

  .ceo-hblock-footer.ceo-hblock__contacts {
    margin-top: 35px;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item {
    position: relative;
    border-bottom: 0;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item__inner {
    display: flex;
    max-width: 100%;
  }

  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .socials-links {
    padding: 0;
  }

  .ceo-hblock-footer.ceo-hblock__contacts {
    top: 0;
  }

  .section-wrapper.wrapper-contacts {
    border-bottom: 0 !important;
  }

  .section-wrapper.wrapper-footer {
    border-top: 0 !important;
  }

  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item:after {
    bottom: 0;
  }

  .section-wrapper.wrapper-footer {
    padding-top: 20px;
  }

  .section-wrapper.wrapper-footer .navigation-menu a {
    font-size: 12px;
  }

  .section-wrapper.wrapper-footer .navigation-menu li {
    margin-bottom: 5px;
  }

  .f-copyright {
    font-size: 12px;
    margin-top: 65px;
  }

  .section-wrapper.wrapper-footer .contacts-row.row-flex {
    padding-top: 0;
  }

  .animated-line.animated-line-only-desktop:before {
    display: none !important;
  }

  .wrapper-df1-layout#team .df1-layout-row-col:after,
  .df1-layout-row.media-row .df1-layout-row-col:after,
  .ceo-hblock-footer.ceo-hblock__contacts:before,
  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item:after,
  .about-col.about-row-col-2:before,
  .about-col.about-row-col-3:after,
  .testimonial-user-info:after {
    content: "";
    position: absolute;
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: 1px;
    background: #f5f5f5;
  }

  .ceo-hblock-footer.ceo-hblock__contacts:before,
  .ceo-hblock-footer.ceo-hblock__contacts .ceo-hblock__contact-item:after {
    left: 0;
    right: 0;
  }

  .wrapper-df1-layout#team .df1-layout-row-col:after,
  .df1-layout-row.media-row .df1-layout-row-col:after,
  .about-col.about-row-col-2:before,
  .about-col.about-row-col-3:after,
  .testimonial-user-info:after {
    left: 0;
    right: 0;
    bottom: 0;
  }

  .jumpup-btn {
    width: 45px;
    height: 45px;
  }

  .jumpup-btn > svg {
    width: 45%;
  }

  .swiper-slide-duplicate .smi-box.animated-line:before,
  .swiper-slide-duplicate .testimonial-user-info-meta.animated-line:before {
    height: 100% !important;
  }

  .media-row-col-4.smi-slides-arrow-control.centered-item {
    padding: 15px !important;
    text-align: center;
    height: auto !important;
  }

  .animated-section [data-line-end="about1"],
  .animated-section [data-line-contact="contact"] {
    position: relative;
  }

  .animated-section [data-line-end="about1"]:before,
  .animated-section [data-line-contact="contact"]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 0%;
    background: linear-gradient(
      to bottom,
      rgba(245, 245, 245, 1) 0%,
      rgba(245, 245, 245, 1) 50%,
      transparent 50%,
      transparent 100%
    );
    background-size: 100% 200%;
  }

  .animated-section.section-animation-active
    [data-line-contact="contact"]:before,
  .animated-section.section-animation-active [data-line-end="about1"]:before {
    height: 100%;
    animation: backgroundAnimation 1s linear forwards;
  }

  @-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }

    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .section-wrapper.wrapper-hero {
    position: relative;
    overflow: hidden;
  }

  .hero-text-grid__text-1,
  .hero-text-2,
  .hero-text-grid__text-3,
  .hero-text-grid__text-4,
  .hero-text-grid__text-5,
  .ceo-hblock,
  .cloned-paragraph,
  .hero-words-grid-area-1,
  .hero-words-grid-area-2,
  .h-grid-button {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .hero-words-grid-area-1,
  .hero-text-grid__text-1,
  .hero-text-grid__text-3,
  .cloned-paragraph {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }

  .hero-text-2,
  .hero-text-grid__text-4,
  .hero-text-grid__text-5,
  .hero-words-grid-area-2 {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }

  .hero-text-2,
  .hero-text-grid__text-3,
  .hero-text-grid__text-4,
  .hero-text-grid__text-5,
  .cloned-paragraph {
    animation-delay: 0.5s;
  }

  .ceo-hblock,
  .h-grid-button {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  .ceo-hblock,
  .cloned-paragraph {
    animation-delay: 1s;
  }

  .hero-words-grid-area-1,
  .hero-words-grid-area-2 {
    animation-delay: 1.25s;
  }

  .h-grid-button {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0.5s;
  }

  .hero-text-grid__paragraph-1:not(.cloned-paragraph) {
    display: none !important;
  }

  .jumpup-btn {
    display: none !important;
  }
}

@media (max-width: 676px) {
  .hero-text {
    font-size: 36px;
  }
  .sc-lg-icon {
    width: 27px;
    height: 27px;
  }
  .modal-box-inner form.feedback-form.feedback-form-modal .form-submit-btn,
  form.feedback-form .form-submit-btn {
    font-size: 16px !important;
  }
  .sc-lg-icon svg {
    height: 27px;
  }
  .f-copyright {
    margin-top: 22px;
  }
  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .ceo-hblock-link {
    font-size: 18px;
  }
  .df1-layout-img .df1-layout-hover-text {
    font-size: 12px;
  }
  form.feedback-form .form-submit-btn,
  .button-element {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .modal-box-inner form.feedback-form.feedback-form-modal input,
  .modal-box-inner form.feedback-form.feedback-form-modal textarea,
  form.feedback-form input,
  form.feedback-form textarea {
    font-size: 12px !important;
    padding-top: 23px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px;
  }
  .modal-box-inner form.feedback-form.feedback-form-modal .floating-label,
  form.feedback-form .form-input .floating-label {
    font-size: 12px !important;
    top: 18px;
    left: 10px !important;
  }
  .news-box-title {
    font-size: 20px;
  }
  .news-box-text {
    font-size: 16px;
  }
  .news-box .news-box__image,
  .df1-layout-row.media-row .media-row-col-3 .news-box .news-box__image {
    height: 221px;
  }
  .df1-layout-row.media-row .media-row-col-2 .news-box .news-box__image {
    height: 210px;
  }
  .section-wrapper.wrapper-df1-layout#media
    .df1-layout-row-col.df1-layout-row-col {
    padding: 8px 0;
  }
  .smi-slides-control {
    padding: 8px 0;
  }
  .smi-slides-arrow-control,
  .smi-slides-arrow-control svg {
    height: 32px;
  }
  .testimonial-slides .testimonial-text {
    margin: 25px 0 25px;
  }
  .smi-box-img img {
    height: auto;
  }
  .testimonial-position {
    max-width: 200px;
    font-size: 12px;
    line-height: normal;
  }
  .testimonial-name {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .smi-box-text {
    font-size: 12px;
  }
  .misson-first-paragraph {
    padding-bottom: 25px;
  }
  .df1-layout-row-col.df1-layout-row-col {
    padding: 36px 0;
  }
  .df1-layout-position {
    max-width: 200px;
    font-size: 15px;
  }
  .df1-layout-name {
    font-size: 24px;
  }
  .logos-block {
    font-size: 20px;
  }
  .whyus-row-bottom {
    padding-bottom: 40px;
  }
  .whyus-list li:not(:last-child) {
    margin-bottom: 12px;
  }
  .whyus-row.row-flex {
    padding-top: 40px;
  }
  .whyus-col.whyus-col-2 img.seo-why-img {
    margin-top: 30px;
    margin-bottom: 0;
  }
  img.seo-why-img {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .services-accordion-item-heading {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .services-accordion-item-heading > * {
    padding-left: 20px;
  }
  .services-accordion-item-heading > * {
    font-size: 16px;
    line-height: normal;
  }
  .services-accordion-item-heading > *:before {
    font-size: 10px;
    top: 0;
  }
  .services-accordion-item-content__image {
    display: none;
  }
  .services-accordion-item-content_inner {
    flex-direction: column;
    padding: 0;
  }
  .hero-text-grid__paragraph-1.paragraph-element {
    font-size: 13px;
  }
  .hero-words-grid span {
    font-size: 12px;
  }
  .ceo-hblock__contacts .socials-links-label {
    font-size: 10px;
  }
  .ceo-hblock__image {
    max-width: 162px;
    height: 206px;
  }
  .ceo-hblock__contact-item {
    min-height: 68px;
  }
  .ceo-hblock-link {
    font-size: 10px;
  }
  .wrapper-hero .ceo-hblock__contact-item .socials-links-item svg {
    width: 27px;
    height: 27px;
  }
  .section-heading {
    font-size: 31px;
  }
  body,
  .text-format-18,
  .text-format-20 {
    font-size: 12px;
  }
  .hero-text-grid__paragraph-1.paragraph-element {
    margin-top: 22px;
    margin-bottom: 25px;
  }
  .hero-text-grid-bottom-col .h-grid-button.h-grid-spacing {
    margin-top: 28px;
    margin-bottom: 10px;
  }
  .button-element-lg {
    font-size: 17px;
  }
  .button-element svg {
    width: 13px;
  }
  .ceo-hblock {
    margin: 15px 0 40px;
  }
  .about-row.row-flex {
    padding-top: 25px;
  }
  .ceo-image-2 {
    margin: 25px 0 25px;
  }
  .mg-format > p:not(:last-child) {
    margin-bottom: 20px;
  }

  .ceo-hblock__contact-item {
    padding-left: 8px;
    padding-right: 8px;
    min-height: 68px;
  }

  .about-col.about-row-col-1 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .vt-icon.vt-icon-1 {
    max-width: 38px;
    margin: 41px 0;
  }

  .about-col.about-row-col-2 {
    padding: 25px 0;
  }

  .df1-layout-row-col.df1-layout-row-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 36px 0;
    border: 0;
  }

  .section-wrapper.wrapper-hero > .container {
    max-width: 480px;
  }

  .contact-col.contact-col-2,
  .section-heading-wrap .container,
  .services-accordion-wrap,
  .section-wrapper.wrapper-whyus .container,
  .section-wrapper.wrapper-df2-layout#mission .container,
  .section-wrapper.wrapper-df1-layout#media .container,
  .section-wrapper.wrapper-about#about .container {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mb-boxed3 {
    display: inline-block;
  }

  .smi-box-text.line-format {
    max-width: 133px;
    width: 133px;
  }

  .services-accordion-item-content__content > * {
    max-width: 287px;
    width: 287px;
    font-size: 12px;
  }
}

@media (max-width: 1160px) {
  .ceo-hblock-footer.ceo-hblock__contacts {
    margin-left: 0;
  }
}

@media (max-width: 380px) {
  .ceo-hblock__image {
    max-width: 42.632vw !important;
  }
}

@media (max-width: 576px) {
  .section-wrapper#team .container {
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .df1-layout-img {
    width: calc(100vw - 30px);
    height: calc(100vw - 30px);
    margin: 0 auto 10px;
  }
  .df1-layout-img .df1-layout-hover-text {
    font-size: 3.5vw;
  }
  .missionImage-wrap {
    height: calc(40vw + 70px);
  }
  .missionImage-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ceo-hblock-footer.ceo-hblock__contacts .socials-links-label {
    font-size: 12px;
  }
  .ceo-hblock-footer.ceo-hblock__contacts
    .ceo-hblock__contact-item
    .ceo-hblock-link {
    font-size: 14px;
  }
}