:root {
  --wb-gray-main: #c7dddb;
  --ant-yellow: #fae59e;
  --sk-red-main: #ff8859;
  --cps-blue-main: #4091a0;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  letter-spacing: .5px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

a {
  text-decoration: none;
}

.div_nav {
  background-color: #171f2f;
  height: 80px;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-link {
  color: #fff;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: 200;
}

.nav-menu {
  color: #fff;
  height: 100%;
  margin-left: 60px;
}

.sec_hero {
  background-color: #ebfff6;
  height: 670px;
  margin-top: -80px;
  padding-top: 200px;
}

.heading {
  color: #123346;
  font-size: 70px;
  font-weight: 300;
  line-height: 85px;
}

.heading.blue {
  color: #2f7071;
  margin-top: 0;
}

.nav-lang {
  opacity: .4;
  color: #495f88;
  border: 2px solid #43aaff;
  border-width: 3px 2px 2px 3px;
  border-radius: 2px;
  width: 45px;
  height: 34px;
  padding: 5px;
  font-size: 16px;
  font-weight: 500;
}

.nav-lang.de {
  color: #43aaff;
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 34px;
  padding-left: 11px;
}

.nav-lang.de:hover {
  opacity: 1;
}

.nav-lang.en {
  color: #43aaff;
  background-color: #495f88;
  border-top-width: 2px;
  border-left-width: 2px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-left: 9px;
}

.nav-lang.en:hover {
  opacity: 1;
}

.dropdown-toggle {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.brand {
  color: #fff;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.brand:hover, .brand:active {
  color: #fff;
}

.icon {
  color: #495f88;
  padding-left: 5px;
}

.dropdown-link {
  color: #fff;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  line-height: 30px;
}

.dropdown-link.w--current {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.div_hero {
  margin-top: 120px;
}

.text-block-2 {
  letter-spacing: .3px;
  font-weight: 400;
}

.text-block-2:hover, .text-block-2:active, .text-block-2:focus {
  color: #fff;
}

.paragraph {
  width: 370px;
  margin-top: -10px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.paragraph.about {
  color: #4091a0;
}

.paragraph.wide {
  width: 570px;
}

.sec_service_hero {
  padding-top: 100px;
  padding-bottom: 60px;
}

.sec_service_hero.wb {
  background-color: var(--wb-gray-main);
}

.sec_service_hero.aaantilope {
  background-color: var(--ant-yellow);
}

.sec_service_hero.semantic {
  background-color: var(--sk-red-main);
}

.sec_service_hero.publish {
  background-color: var(--cps-blue-main);
  display: block;
}

.head_service {
  color: #fff;
  letter-spacing: -1.5px;
  margin-bottom: 50px;
  font-size: 70px;
  font-weight: 400;
  line-height: 85px;
}

.head_service.create {
  color: #004638;
}

.head_service.visualize {
  color: #123346;
}

.head_service.annotate {
  color: #b6471a;
}

.head_service.about {
  color: #c7dddb;
}

.head_service.publish {
  color: #091d28;
}

.text-block-3 {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.head_software {
  color: #272727;
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 400;
}

.head_software.dark {
  color: #272727;
}

.head_software.publish {
  color: #62dbde;
  margin-top: 70px;
}

.head_software.annotate {
  color: #fff;
  margin-top: 70px;
}

.head_software.visualize {
  color: #c74552;
  margin-top: 70px;
}

.head_software.create {
  color: #fbfcfc;
  margin-top: 70px;
}

.lnk_show_wb {
  color: #081d28;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.lnk_show_wb:hover {
  color: #fff;
}

.lnk_show_wb.less {
  display: none;
}

.icn_show {
  flex: 1;
  margin-bottom: -1px;
  padding-left: 5px;
  font-size: 22px;
  position: relative;
  transform: rotate(0);
}

.icn_show:hover {
  color: #fff;
}

.icn_show.less {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.cont_serv_hero {
  flex-flow: row;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.div_service_head {
  padding-bottom: 60px;
  position: static;
}

.div_service_head.wb {
  background-color: #c7dddb;
}

.div_service_head.annotate {
  background-color: var(--ant-yellow);
}

.div_service_head.publish {
  background-color: #4092a0;
}

.div_service_head.visualize {
  background-color: var(--sk-red-main);
}

.head_category {
  color: #014638;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 600;
}

.head_category.visualize {
  color: #113346;
}

.div-block-2 {
  display: flex;
}

.div_cont_features {
  flex: 1;
}

.div_quicklinks {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 350px;
  height: 180px;
  display: flex;
}

.quick-link {
  opacity: .5;
  background-color: #fff;
  align-items: center;
  width: 160px;
  height: 44px;
  padding-left: 15px;
  display: flex;
}

.quick-link:hover {
  opacity: 1;
}

.quick-link.inactive {
  opacity: .3;
}

.text-block-4 {
  color: #000;
  letter-spacing: .2px;
  margin-left: 10px;
  padding-top: 2px;
  font-size: 16px;
  font-weight: 500;
}

.txt_features {
  font-size: 18px;
  line-height: 35px;
}

.div_service_detail {
  padding-top: 100px;
}

.div_cases_wrap {
  height: 100%;
  display: flex;
}

.div_cases_pic {
  width: 60%;
}

.div_cases_pic.wb01 {
  background-image: url('../images/FOMU-frontend.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.wb02 {
  background-image: url('../images/Screenshot-2023-03-28-at-15-42-59-Documenting-Ukrainian-Cultural-Heritage-Query-Service.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.wb03 {
  background-image: url('../images/Bildschirmfoto-2024-10-09-um-17.42.42.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.sk01 {
  background-image: url('../images/csm_cfp-semantic_kompakkt_launch_bdfcd82f9e.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.sk02 {
  background-image: url('../images/SemanticKompakkt-good-model-item.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.sk03 {
  background-image: url('../images/Screenshot-2024-02-23-at-14.35.38.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.ant01 {
  background-image: url('../images/Search-step-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.ant02 {
  background-image: url('../images/statistics.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.cps01 {
  background-image: url('../images/Bildschirmfoto-2024-10-29-um-14.27.24.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div_cases_pic.cps02 {
  background-image: url('../images/Bildschirmfoto-2024-10-30-um-11.40.01.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1082px;
}

.div_cases_pic.cps03 {
  background-image: url('../images/cps-workflow.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 130%;
}

.div_cases_txt {
  flex: 1;
  padding: 60px 40px 30px;
}

.txt_head_small {
  letter-spacing: .2px;
  width: 370px;
  font-size: 17px;
  font-weight: 500;
  line-height: 35px;
}

.txt_copy_small {
  letter-spacing: .5px;
  width: 370px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.slider {
  height: 450px;
}

.slider.create {
  background-color: #c7dddb;
}

.slider.annotate {
  background-color: var(--ant-yellow);
}

.slider.visualize {
  background-color: var(--sk-red-main);
}

.div-block-8 {
  width: 100%;
  display: flex;
}

.div-block-9 {
  flex: 1;
}

.image {
  margin-top: 3px;
  margin-right: 20px;
}

.slide-nav {
  color: #5e5e5e;
  margin-bottom: -60px;
  font-size: 7px;
}

.right-arrow {
  margin-right: -80px;
}

.left-arrow {
  margin-left: -80px;
}

.icon-2 {
  color: gray;
}

.icon-2.create {
  color: #c7dddb;
}

.icon-3 {
  color: gray;
}

.icon-3.create {
  color: #c7dddb;
}

.list {
  color: #1a5674;
  padding-left: 18px;
  list-style-type: disc;
}

.list.visualize {
  color: #832a32;
}

.list.annotate {
  color: #b7471a;
}

.div_show {
  order: 1;
}

.cont_serv_content {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.div_serv_hero_txt {
  z-index: 1;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
}

.div_serv_hero_img {
  z-index: 0;
  width: 50%;
  margin-top: -60px;
  margin-left: -134px;
  position: relative;
}

.img_create {
  max-width: none;
  margin-top: -39px;
  margin-left: 40px;
}

.lnk_show_semantic {
  color: #113346;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.lnk_show_semantic:hover {
  color: #fff;
}

.img_visualize {
  max-width: none;
  margin-top: 50px;
  margin-left: 160px;
}

.lnk_show_antilope {
  color: #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.lnk_show_antilope:hover {
  color: #fff;
}

.sec_service_content_wiki {
  background-color: #fff;
  display: none;
}

.sec_about {
  background-color: #123346;
  padding-top: 60px;
  padding-bottom: 60px;
}

.cont_about {
  flex-flow: row;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.sec_footer {
  background-color: #171f2f;
  padding-top: 60px;
}

.div_footer_wrap {
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
  column-gap: 50px;
}

.div_footer_logo {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
}

.txt_footer_head {
  color: #1a5674;
  margin-bottom: 15px;
  font-weight: 300;
}

.div_footer_nav {
  flex-flow: column;
  flex: 1;
  max-width: 50%;
}

.lnk_footer {
  color: #1a5674;
  margin-bottom: 10px;
  font-weight: 300;
}

.lnk_footer:hover {
  color: #4091a0;
}

.div-block-12 {
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 30px;
}

.menu-button {
  display: none;
}

.img_annotate {
  max-width: none;
  margin-top: 20px;
  margin-left: 128px;
}

.icn_hide {
  transform-style: preserve-3d;
  flex: 1;
  margin-bottom: -3px;
  padding-left: 5px;
  font-size: 22px;
  position: relative;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.img_publish {
  max-width: none;
  margin-top: -23px;
  margin-left: 150px;
}

.div_register {
  width: 100px;
  height: auto;
  padding-bottom: 120px;
}

.div_register.create {
  background-color: #c7dddb;
  flex: none;
  position: relative;
}

.div_register.visualize {
  background-color: var(--sk-red-main);
}

.div_register.annotate {
  background-color: var(--ant-yellow);
}

.div_register.publsih {
  background-color: #4193a0;
}

.head_register {
  color: #fff;
  letter-spacing: 1px;
  flex: none;
  width: 350px;
  font-size: 25px;
  font-weight: 400;
  position: sticky;
  inset: auto auto 190px 50px;
  transform: rotate(-90deg);
}

.head_register.create {
  color: #004638;
}

.head_register.annotate {
  color: #b7471a;
}

.head_register.visualize {
  color: #113346;
}

.head_register.publish {
  color: #081d28;
}

.div_content {
  flex: 1;
  margin-left: -100px;
  padding-bottom: 60px;
}

.div_service_wrap {
  display: flex;
}

.div-block-16 {
  flex-flow: column;
  justify-content: flex-end;
  height: 96vw;
  margin-top: 429px;
  margin-left: -125px;
  padding-top: 330px;
  padding-bottom: 90px;
  display: flex;
  position: sticky;
  top: 220px;
  bottom: 140px;
}

.lnk_hide_wb {
  color: #a6c2c6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: inline-flex;
}

.lnk_hide_wb:hover {
  color: #014638;
}

.txt_span_nav_create {
  color: #c7dddb;
}

.txt_span_nav_visualize {
  color: var(--sk-red-main);
}

.txt_nav_span_annotate {
  color: var(--ant-yellow);
}

.txt_span_nav_publish {
  color: #4092a0;
}

.img_architecture {
  margin-bottom: 60px;
}

.lnk_less_wb {
  color: #081d28;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: none;
}

.lnk_less_wb:hover {
  color: #fff;
}

.sec_service_content_semantic, .sec_service_content_antilope, .sec_service_content_cps {
  background-color: #fff;
  display: none;
}

.txt_footer_brandsub {
  color: #1a5674;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-left: 0;
  font-weight: 300;
}

.div_footer_partner {
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
}

.hero_head_old {
  color: #123346;
  font-size: 70px;
  font-weight: 300;
  line-height: 85px;
  display: none;
}

.typer {
  color: #123346;
  letter-spacing: -4px;
  height: 170px;
  margin-left: -7px;
  font-size: 170px;
  font-weight: 400;
  line-height: 85px;
}

.cursor {
  color: #c7dedb;
}

.div_calendar {
  flex: 1;
  margin-right: -170px;
  padding-top: 145px;
  overflow: hidden;
}

.lnk_about {
  color: #62dbde;
  border-bottom: 3px solid #62dcdf;
  height: 43px;
  display: inline-block;
}

.cont_subnav {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lnk_txt {
  color: #113346;
  border-bottom: 3px #62dcdf;
  height: 35px;
  display: inline-block;
}

.lnk_txt:hover {
  border-bottom-style: solid;
  border-bottom-color: #113346;
}

.lnk_txt.annotate {
  color: #b7471a;
}

.lnk_txt.annotate:hover {
  border-bottom-color: #b7471a;
}

.lnk_copy_small.create {
  color: #1a5674;
  text-decoration: underline;
  display: inline;
}

.lnk_copy_small.create:hover {
  color: #000;
}

.lnk_copy_small.visualize {
  color: #832a32;
}

.lnk_copy_small.visualize:hover {
  color: #113346;
  text-decoration: underline;
}

.div_about_hero_txt {
  z-index: 1;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
}

.div_footer_follow {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
}

.grid_partner {
  grid-column-gap: 70px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 60px;
  display: grid;
}

.grid_partner.create {
  grid-column-gap: 70px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  display: none;
}

.img_partner {
  object-fit: scale-down;
  min-height: 70px;
  max-height: 60px;
  margin-bottom: 20px;
}

.cont_nav {
  justify-content: space-between;
  align-items: center;
  max-width: 940px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown_list {
  background-color: #495f88;
  width: 100%;
}

.dropdown_list.w--open {
  color: #fff;
  background-color: #123346;
  width: 100vw;
  height: 120px;
  display: flex;
  position: fixed;
  left: 0;
}

.div_video {
  background-image: url('../images/Bildschirmfoto-2024-11-01-um-13.08.48.png');
  background-position: 0 0;
  background-size: cover;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img_play {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.code_calendar {
  height: 550px;
}

.div_cont_quicklinks {
  flex: 1;
}

.txt_service_claim {
  width: 370px;
  margin-top: -10px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.txt_service_claim.create {
  color: #014638;
}

.txt_service_claim.visualize {
  color: #123346;
}

.txt_service_claim.annotate {
  color: #b6471a;
}

.txt_service_claim.publish {
  color: #081d28;
}

.lnk_hide_cps {
  color: #a6c2c6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: inline-flex;
}

.lnk_hide_cps:hover {
  color: #014638;
}

.lnk_hide_sk {
  color: #a6c2c6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: inline-flex;
}

.lnk_hide_sk:hover {
  color: #014638;
}

.lnk_hide_ant {
  color: #a6c2c6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: inline-flex;
}

.lnk_hide_ant:hover {
  color: #014638;
}

.partner_carousel {
  margin-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.cont_logos {
  flex: none;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: block;
}

.lnk_logos {
  align-self: center;
  max-width: 200px;
  max-height: 150px;
  margin-right: 60px;
}

@media screen and (min-width: 1440px) {
  .paragraph, .txt_service_claim {
    width: 400px;
  }

  .txt_service_claim.create {
    width: 370px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1150px;
  }

  .paragraph {
    width: 460px;
  }

  .paragraph.wide {
    width: 630px;
  }

  .cont_serv_hero {
    max-width: 1150px;
  }

  .slider.create {
    height: 500px;
  }

  .cont_serv_content {
    max-width: 1150px;
  }

  .sec_service_content_wiki {
    display: block;
  }

  .cont_about, .cont_footer, .cont_hero, .container-5, .container-6, .container-7, .cont_subnav, .cont_nav {
    max-width: 1150px;
  }

  .txt_service_claim {
    width: 460px;
  }
}

@media screen and (max-width: 991px) {
  .div_nav {
    padding-left: 70px;
    padding-right: 40px;
  }

  .container {
    justify-content: space-between;
  }

  .nav-link {
    height: 70px;
    padding-left: 0;
    font-weight: 300;
    display: flex;
  }

  .nav-menu {
    background-color: #123346;
    flex-flow: column;
    height: 100vh;
    margin-left: 250px;
    margin-right: auto;
    padding-top: 30px;
    padding-left: 60px;
    display: flex;
  }

  .lang-menu {
    background-color: #113346;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-top: 590px;
    margin-left: 250px;
    margin-right: auto;
    display: none;
    position: absolute;
  }

  .sec_hero {
    height: 570px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .heading {
    font-size: 50px;
    line-height: 60px;
  }

  .nav-lang.de, .nav-lang.en {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-toggle {
    justify-content: flex-start;
    padding-left: 0;
    display: flex;
  }

  .brand {
    flex: 1;
  }

  .icon {
    margin-right: 75px;
  }

  .dropdown-link {
    margin-bottom: 20px;
    font-weight: 200;
  }

  .div_hero {
    margin-top: 100px;
  }

  .paragraph {
    width: 80%;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }

  .paragraph.wide {
    width: 80%;
  }

  .sec_service_hero {
    padding-top: 60px;
    padding-left: 70px;
  }

  .sec_service_hero.wb, .sec_service_hero.aaantilope, .sec_service_hero.semantic, .sec_service_hero.publish {
    overflow: hidden;
  }

  .head_software.dark {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .head_software.publish {
    width: 90%;
    line-height: 40px;
  }

  .div_service_head {
    margin-left: -60px;
    padding-bottom: 40px;
    padding-right: 60px;
  }

  .head_category {
    margin-bottom: 20px;
  }

  .div-block-2 {
    padding-left: 60px;
  }

  .div_cont_features {
    flex: 0 auto;
  }

  .div_quicklinks {
    flex-flow: column;
    width: 240px;
    height: 340px;
  }

  .txt_features {
    font-size: 18px;
    line-height: 35px;
  }

  .div_service_detail {
    padding-top: 50px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div_cases_wrap {
    flex-flow: column;
  }

  .div_cases_pic {
    flex: 1;
    width: 100%;
  }

  .div_cases_txt {
    flex: 0 auto;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .txt_head_small {
    width: 100%;
  }

  .txt_copy_small {
    width: 100%;
    margin-bottom: 0;
  }

  .slider {
    height: 550px;
    margin-bottom: 60px;
  }

  .div-block-8 {
    flex-flow: column;
    margin-bottom: 40px;
  }

  .right-arrow {
    margin-right: -70px;
  }

  .left-arrow {
    margin-left: -70px;
  }

  .div_serv_hero_txt {
    width: 60%;
  }

  .div_serv_hero_img {
    margin-top: -47px;
    margin-left: -223px;
  }

  .img_create {
    margin-top: -87px;
  }

  .img_visualize {
    margin-top: 30px;
  }

  .sec_about {
    padding-left: 70px;
    padding-right: 70px;
  }

  .cont_about {
    flex-flow: column;
  }

  .sec_footer {
    padding-left: 70px;
    padding-right: 70px;
  }

  .div_footer_wrap {
    flex-flow: column;
  }

  .div_footer_logo {
    flex: 1;
    min-width: 150px;
  }

  .txt_footer_head {
    font-size: 18px;
  }

  .div_footer_nav {
    max-width: 100%;
  }

  .menu-button {
    color: #495f88;
    font-size: 40px;
  }

  .menu-button.w--open {
    background-color: #171f2f;
  }

  .img_publish {
    margin-top: -38px;
  }

  .div_register {
    width: 70px;
  }

  .head_register {
    font-size: 23px;
  }

  .div_content {
    margin-left: 0;
    overflow: hidden;
  }

  .div-block-16 {
    margin-left: -138px;
  }

  .txt_span_nav_create, .txt_span_nav_visualize, .txt_nav_span_annotate, .txt_span_nav_publish {
    font-weight: 400;
  }

  .img_architecture {
    margin-bottom: 50px;
  }

  .div_footer_partner {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: wrap;
  }

  .hero_head_old {
    font-size: 50px;
    line-height: 60px;
  }

  .typer {
    height: 150px;
    font-size: 140px;
    line-height: 60px;
  }

  .div_calendar {
    margin-top: 31px;
    margin-right: 0;
    padding-top: 0;
  }

  .cont_subnav {
    flex-flow: column;
    align-items: flex-start;
    margin-left: 0;
    position: relative;
  }

  .div_about_hero_txt {
    width: 100%;
  }

  .div_footer_follow {
    flex: 0 auto;
  }

  .grid_partner {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .grid_partner.create {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .dropdown_list {
    clear: left;
    background-color: #123346;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    display: none;
    position: static;
  }

  .dropdown_list.w--open {
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    padding-left: 40px;
    display: block;
    position: relative;
  }

  .dropdown-3 {
    width: 100%;
  }

  .code_calendar {
    height: 500px;
  }

  .div_cont_quicklinks {
    flex: 0 auto;
    margin-left: 60px;
  }

  .txt_service_claim {
    width: 80%;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }

  .partner_carousel {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .div_nav {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    margin-left: 160px;
  }

  .sec_hero {
    height: 440px;
  }

  .heading {
    font-size: 40px;
    line-height: 50px;
  }

  .heading.blue {
    font-size: 30px;
  }

  .brand {
    padding-left: 50px;
  }

  .brand.footer {
    padding-left: 0;
  }

  .icon {
    margin-right: 70px;
  }

  .div_hero {
    margin-top: 40px;
  }

  .text-block-2 {
    font-size: 18px;
    font-weight: 400;
  }

  .paragraph {
    width: 100%;
    font-size: 15px;
    line-height: 25px;
  }

  .paragraph.about {
    width: 100%;
  }

  .paragraph.wide {
    width: 90%;
  }

  .sec_service_hero {
    padding-left: 60px;
  }

  .head_service {
    margin-bottom: 30px;
    font-size: 60px;
  }

  .head_software {
    font-size: 28px;
  }

  .head_software.publish, .head_software.annotate, .head_software.visualize, .head_software.create {
    margin-top: 40px;
  }

  .cont_serv_hero {
    flex-flow: column-reverse;
  }

  .div_service_head {
    padding-bottom: 60px;
  }

  .head_category {
    font-size: 15px;
  }

  .div-block-2 {
    flex-flow: column-reverse;
  }

  .div_cont_features {
    margin-left: 50px;
  }

  .div_quicklinks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 180px;
  }

  .txt_features {
    font-size: 16px;
    line-height: 32px;
  }

  .div_service_detail {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .div_cases_txt {
    padding: 20px;
  }

  .txt_head_small {
    font-size: 16px;
    line-height: 25px;
  }

  .txt_copy_small {
    font-size: 14px;
    line-height: 22px;
  }

  .slider {
    height: 450px;
  }

  .slide-nav {
    margin-bottom: -50px;
  }

  .icon-2.create, .icon-3.create {
    font-size: 30px;
  }

  .list {
    margin-bottom: 30px;
  }

  .div_serv_hero_txt {
    width: 80%;
  }

  .div_serv_hero_img {
    margin-top: 0;
    margin-left: 0;
  }

  .img_create {
    max-width: 200%;
    margin-top: -85px;
    margin-bottom: -65px;
    margin-left: 10px;
  }

  .img_visualize {
    max-width: 160%;
    margin-top: -32px;
    margin-left: 67px;
  }

  .sec_about {
    padding-top: 30px;
    padding-left: 60px;
  }

  .cont_footer {
    padding-left: 0;
    padding-right: 0;
  }

  .div_footer_wrap {
    flex-flow: column;
  }

  .menu-button {
    font-size: 30px;
  }

  .img_annotate {
    max-width: 180%;
    margin-top: -31px;
    margin-left: 30px;
  }

  .img_publish {
    max-width: 180%;
    margin-top: -83px;
    margin-left: 30px;
  }

  .div_register {
    width: 60px;
  }

  .head_register {
    font-size: 20px;
  }

  .div-block-16 {
    margin-left: -144px;
  }

  .img_architecture {
    margin-bottom: 40px;
  }

  .div_footer_partner {
    flex-flow: column;
    margin-top: 80px;
  }

  .hero_head_old {
    font-size: 40px;
    line-height: 50px;
  }

  .typer {
    height: 100px;
    font-size: 100px;
    line-height: 50px;
  }

  .div_about_hero_txt {
    width: 100%;
  }

  .grid_partner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid_partner.create {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .img_partner {
    min-height: 50px;
  }

  .code_calendar {
    height: 400px;
  }

  .div_cont_quicklinks {
    margin-left: 50px;
  }

  .txt_service_claim {
    width: 80%;
    font-size: 17px;
    line-height: 26px;
  }

  .txt_service_claim.publish {
    font-size: 18px;
    line-height: 28px;
  }

  .partner_carousel {
    margin-bottom: 40px;
  }

  .lnk_logos {
    margin-right: 40px;
  }
}

@media screen and (max-width: 479px) {
  .div_nav {
    height: 70px;
    padding-left: 15px;
  }

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

  .nav-link {
    height: 50px;
    font-size: 18px;
  }

  .nav-menu {
    margin-left: auto;
    padding-top: 20px;
    padding-left: 40px;
  }

  .sec_hero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading {
    font-size: 30px;
    line-height: 40px;
  }

  .brand {
    padding-left: 0;
  }

  .icon {
    margin-right: 39px;
  }

  .dropdown-link {
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .dropdown-link.w--current {
    padding-left: 0;
  }

  .div_hero {
    margin-top: 20px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .paragraph {
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 22px;
  }

  .sec_service_hero {
    padding: 0 40px 40px;
  }

  .head_service {
    margin-bottom: 0;
    font-size: 40px;
  }

  .head_software {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .head_software.dark {
    font-size: 19px;
    line-height: 30px;
  }

  .head_software.publish {
    margin-top: 0;
    line-height: 28px;
  }

  .head_software.annotate, .head_software.visualize, .head_software.create {
    margin-top: 0;
  }

  .cont_serv_hero {
    flex-flow: column-reverse;
    justify-content: flex-end;
  }

  .div_service_head {
    margin-left: 0;
    padding-right: 20px;
  }

  .head_category {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .div-block-2 {
    padding-left: 0;
  }

  .div_cont_features {
    margin-left: 20px;
  }

  .div_quicklinks {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: auto;
  }

  .txt_features {
    font-size: 14px;
    line-height: 26px;
  }

  .div_service_detail {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div_cases_pic.sk02, .div_cases_pic.ant02, .div_cases_pic.cps02 {
    width: 100%;
  }

  .div_cases_txt {
    padding: 10px 15px 0;
  }

  .txt_copy_small {
    margin-bottom: 20px;
  }

  .slider {
    height: 540px;
  }

  .image {
    width: 22px;
    margin-right: 10px;
  }

  .slide-nav {
    margin-bottom: -40px;
    font-size: 6px;
  }

  .right-arrow {
    margin-right: -49px;
  }

  .left-arrow {
    margin-left: -49px;
  }

  .div_serv_hero_txt {
    width: 100%;
  }

  .div_serv_hero_img {
    width: 100%;
    margin-left: -40px;
    margin-right: -40px;
  }

  .img_create {
    width: 145%;
    margin: -17px 0 -40px -20px;
  }

  .img_visualize {
    width: 120%;
    margin-top: 9px;
    margin-bottom: -15px;
    margin-left: 14px;
  }

  .sec_about {
    padding: 0 30px 30px 40px;
  }

  .sec_footer {
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 25px;
  }

  .txt_footer_head {
    margin-bottom: 5px;
  }

  .div-block-12 {
    flex-flow: column;
    align-items: flex-start;
    height: 210px;
  }

  .img_annotate {
    width: 130%;
    margin-top: -9px;
    margin-bottom: -15px;
    margin-left: 12px;
  }

  .img_publish {
    width: 145%;
    margin-top: -40px;
    margin-bottom: -10px;
    margin-left: 0;
  }

  .div_register {
    width: 40px;
  }

  .head_register {
    font-size: 16px;
  }

  .div-block-16 {
    margin-left: -154px;
  }

  .img_architecture {
    margin-bottom: 30px;
  }

  .sec_service_content_cps {
    display: none;
  }

  .txt_footer_brandsub {
    font-size: 14px;
  }

  .div_footer_partner {
    margin-top: 80px;
  }

  .hero_head_old {
    font-size: 30px;
    line-height: 40px;
  }

  .typer {
    height: 80px;
    font-size: 60px;
    line-height: 40px;
  }

  .lnk_about {
    border-bottom-width: 2px;
    height: 30px;
  }

  .div_about_hero_txt {
    width: 100%;
  }

  .grid_partner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid_partner.create {
    grid-template-rows: auto auto;
    margin-bottom: 40px;
  }

  .img_partner {
    min-height: 40px;
    max-height: 40px;
    margin-bottom: 0;
  }

  .div_part_column {
    min-width: 90px;
  }

  .code_calendar {
    height: 350px;
  }

  .div_cont_quicklinks {
    margin-left: 20px;
  }

  .txt_service_claim {
    width: 100%;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
  }

  .txt_service_claim.publish {
    font-size: 16px;
    line-height: 24px;
  }

  .partner_carousel {
    margin-bottom: 50px;
  }

  .lnk_logos {
    margin-right: 20px;
  }
}

#w-node-_6eb4d0bc-559c-4988-0941-3a68fea27cdd-89cbf672, #w-node-eb4dd528-5c85-e383-de2e-eeb12693e4b8-89cbf672, #w-node-_228358f2-02ed-e656-cc85-271288e97aa2-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_42c1efaa-499f-b52d-6f30-85f21556b244-89cbf672 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_43cefb32-5fa7-b67e-6aaa-b275c17f7669-89cbf672, #w-node-febb7af7-2797-5717-8627-9f95363102a2-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c54bae08-0109-67dc-1845-01399a6aa991-89cbf672 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-e068d6f7-5680-ca5a-c10c-dba2d55485f2-89cbf672 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e068d6f7-5680-ca5a-c10c-dba2d55485f3-89cbf672, #w-node-e068d6f7-5680-ca5a-c10c-dba2d55485f5-89cbf672, #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8af9b-89cbf672, #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8af9c-89cbf672, #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8af9e-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa0-89cbf672 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa1-89cbf672, #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa3-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa5-89cbf672 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181eb-89cbf672 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181ec-89cbf672, #w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181f2-89cbf672, #w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181f3-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181f9-89cbf672 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181fa-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f18200-89cbf672 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181fc-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435d1-89cbf672 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435d2-89cbf672, #w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435d4-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435d9-89cbf672 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435de-89cbf672 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435df-89cbf672 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 479px) {
  #w-node-_42c1efaa-499f-b52d-6f30-85f21556b244-89cbf672 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c54bae08-0109-67dc-1845-01399a6aa991-89cbf672, #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa0-89cbf672 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d6eb7a9c-e285-7e29-7a2a-e003b6f8afa5-89cbf672 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_487e8fb8-161b-c2f4-a64d-2bb758f181f9-89cbf672 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_487e8fb8-161b-c2f4-a64d-2bb758f18200-89cbf672 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435d9-89cbf672 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b06e98a7-0fa6-371a-1d3d-d0f4b8e435de-89cbf672 {
    grid-area: 2 / 2 / 3 / 3;
  }
}

.contact-info {
  color: #1a5674;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 30px;
}

.contact-info p {
  margin: 0 0 8px 0;
}

.contact-info p:first-child {
  color: #1a5674;
  margin-bottom: 15px;
  font-weight: 400;
}

.contact-info a {
  color: #4091a0;
  text-decoration: none;
}

.contact-info a:hover {
  color: #62dbde;
}

@media screen and (max-width: 767px) {
  .contact-info {
    font-size: 14px;
    margin-top: 20px;
  }
  
  .div_footer_nav {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .contact-info {
    font-size: 13px;
    margin-top: 15px;
  }
  
  .contact-info p {
    margin-bottom: 6px;
  }
}