._1_screen {
  position: static;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: auto;
  max-height: 950px;
  padding-top: 25%;
  padding-bottom: 40%;
  -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;
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(83%, transparent), to(#000)), url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-image: linear-gradient(180deg, transparent 83%, #000), url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.cat_div {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 90%;
  height: auto;
  max-width: 960px;
  margin: 25% auto;
  padding-bottom: 0px;
  -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-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.h1 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: 'Graphik desktop', sans-serif;
  color: #fff;
  font-size: 56px;
  line-height: 62px;
  font-weight: 700;
}

.teaser {
  width: 100%;
  margin-left: 0px;
  font-family: 'Pt root ui', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.teaser.black {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  color: #303030;
  text-align: center;
}

.teaser.center {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: center;
}

.text_1screen {
  display: block;
  width: 60%;
  margin-bottom: 20px;
}

.div_recearch {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.recearch_text {
  width: 35%;
}

.messages {
  width: 35%;
}

.h2 {
  position: static;
  z-index: 3;
  margin-bottom: 20px;
  font-family: 'Graphik desktop', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 52px;
}

.h2._2 {
  position: static;
  display: block;
  margin-bottom: 50px;
  line-height: 52px;
  font-weight: 700;
  text-align: center;
}

.h2._2.black {
  display: block;
  color: #222;
}

.messange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: auto;
  margin-bottom: 20px;
}

.balloon2 {
  width: 219px;
  padding-top: 10px;
  padding-left: 7%;
  background-image: url('../images/balloon.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.image-2 {
  width: 35px;
  height: 35px;
  margin-top: auto;
}

.paragraph-2 {
  width: 100%;
  font-family: 'Pt root ui', sans-serif;
  color: #fff;
  line-height: 20px;
}

.paragraph-3 {
  margin-bottom: 5px;
  color: #9976df;
}

.balloon3 {
  width: 400px;
  height: 65px;
  padding-top: 10px;
  padding-left: 7%;
  background-image: url('../images/Rectangle-2492.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.balloon4 {
  width: 249px;
  height: 87px;
  padding-top: 10px;
  padding-left: 5%;
  background-image: url('../images/Rectangle.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.messange2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.text_div {
  width: 30%;
}

.materials_div {
  position: static;
  z-index: 2;
  display: block;
  margin-left: -14%;
  -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;
}

.rubber {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px;
  margin-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line {
  width: 228px;
}

.line._3 {
  margin-left: 15px;
}

.ball {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

.two_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 800px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pult_stb {
  width: 50%;
  background-image: url('../images/tvpult-min-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.pult_box {
  width: 50%;
  background-image: url('../images/boxpult-min-1-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.three_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pult_3d {
  width: 50%;
  background-image: url('../images/pult.blend-2020-06-22-12-25-04-2-1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.pult_printed {
  width: 25%;
  background-image: url('../images/IMG_20160511_144530-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.print {
  width: 25%;
  background-image: url('../images/5e8ad1bba6b2c10e2bac7c54_print.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.four_-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
}

.references {
  width: 25%;
  background-image: url('../images/IMG_37592-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.printed3 {
  width: 25%;
  background-image: url('../images/IMG_20160511_144614-min-1-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.old_new {
  width: 25%;
  background-image: url('../images/IMG_20200110_153941-min-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.scheme {
  width: 25%;
  background-image: url('../images/RCU-Dom.ru-1-6-1-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cover_for_pult {
  position: relative;
  display: block;
  overflow: visible;
  width: auto;
  height: 400vh;
  padding-top: 120px;
  padding-bottom: 150px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/5c8f824a50ed9de81570a159_pattern-1.svg'), linear-gradient(177deg, #251f31, #100f11);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, auto, auto;
  background-attachment: scroll, fixed, scroll;
}

.mask {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  overflow: hidden;
  width: 100%;
  height: 80%;
  max-height: 800px;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 600px;
}

.link_interface2 {
  display: none;
  width: 50%;
  -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;
  background-image: url('../images/interface_link_blur.png'), url('../images/interface_link_sharp.png');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.link_interface2:hover {
  background-image: url('../images/interface_link_sharp.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link_box2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -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;
  background-image: url('../images/5e8af61358edde73117ab0dd_link_sharp.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.link_box2:hover {
  background-image: url('../images/link_sharp.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.button {
  position: relative;
  z-index: 1;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 0px;
  background-color: transparent;
}

.button:hover {
  border-color: #bd0d17;
  border-radius: 0px;
  background-color: #bd0d17;
  color: #fff;
}

.quote {
  margin-bottom: auto;
  margin-left: auto;
}

.quote._2 {
  margin: auto auto 0px 0px;
}

.quote.top {
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.feedbacktext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 960px;
  margin-right: auto;
  margin-bottom: 40px;
  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;
}

.feedback {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 150px;
  padding-bottom: 180px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.name {
  font-family: 'Pt root ui', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.name.white {
  color: #fff;
}

.title {
  font-family: 'Pt root ui', sans-serif;
  font-size: 16px;
  text-align: center;
}

.title.white {
  color: #fff;
}

.photo {
  position: relative;
  left: 0px;
  z-index: 1;
  width: 150px;
  margin-bottom: 20px;
}

.photo._2 {
  position: relative;
  left: auto;
  z-index: 2;
}

.photo._3 {
  position: relative;
  left: 75px;
  display: none;
}

.photo._1 {
  width: 120px;
}

.team {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/5c8f824a50ed9de81570a159_pattern-1.svg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/5c8f824a50ed9de81570a159_pattern-1.svg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, auto;
  background-repeat: repeat, repeat;
  background-attachment: scroll, fixed;
  opacity: 1;
}

.team_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 960px;
  margin: 70px auto 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  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: 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;
}

.person._2 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div_person {
  margin-right: auto;
  margin-left: auto;
}

.cover_content {
  position: static;
  top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 400vh;
  height: 80%;
  padding-top: 0px;
}

.card {
  display: inline-block;
  width: 20%;
  height: 100%;
  max-height: 550px;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  background-color: rgba(61, 61, 61, 0);
  background-image: url('../images/Pult_mask_black87-1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.card._1 {
  height: auto;
  background-image: url('../images/Pult_mask_black84-1.png');
}

.card._3 {
  width: 20%;
  height: auto;
  max-height: 550px;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/Pult_mask_black1.png');
}

.card._4 {
  background-image: url('../images/Pult_mask_black.png');
}

.card._5 {
  background-image: url('../images/Pult_mask_black3.png');
}

.card._6 {
  background-image: url('../images/Pult_mask_black15-1.png');
}

.card._7 {
  background-image: url('../images/Pult_mask_black687.png');
  background-repeat: no-repeat;
}

.card._8 {
  background-image: url('../images/Pult_mask_blackап.png');
  background-repeat: no-repeat;
}

.card._9 {
  background-image: url('../images/Pult_mask_blackkj.png');
  background-repeat: no-repeat;
}

.card._10 {
  background-image: url('../images/Pult_mask_blac6k.png');
}

.card._11 {
  background-image: url('../images/Pult_mask_black7.png');
}

.card._12 {
  background-image: url('../images/Pult_mask_blacklemon.png');
  background-attachment: scroll;
}

.card._13 {
  background-image: url('../images/Pult_mask_black3-1.png');
}

.photos {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.json_animation {
  position: absolute;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: 0%;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  margin: auto 5%;
  padding-top: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.animation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: hidden;
  width: 100vw;
  height: auto;
  margin: auto;
}

.materials {
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  width: auto;
  height: 800vh;
  margin: 0px auto;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/5c8f824a50ed9de81570a159_pattern-1.svg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/5c8f824a50ed9de81570a159_pattern-1.svg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.animation_container {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin: auto;
}

.content_text {
  position: relative;
  z-index: 3;
  margin-right: auto;
  margin-left: auto;
}

.body {
  overflow: visible;
}

.black_gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: block;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, transparent), to(#000));
  background-image: linear-gradient(180deg, transparent 68%, #000);
}

.anim_grad {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.h2-mobile {
  position: static;
  z-index: 3;
  margin-bottom: 20px;
  font-family: 'Graphik desktop', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 52px;
}

.h2-mobile._2 {
  position: static;
  display: none;
  margin-bottom: 50px;
  line-height: 52px;
  font-weight: 700;
  text-align: center;
}

.h2-desktop {
  position: static;
  z-index: 3;
  margin-bottom: 20px;
  font-family: 'Graphik desktop', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 52px;
}

.h2-desktop._2 {
  position: static;
  display: block;
  margin-bottom: 20px;
  line-height: 52px;
  font-weight: 700;
  text-align: center;
}

.content_text-mobile {
  position: relative;
  z-index: 3;
  display: none;
  margin-right: auto;
  margin-left: auto;
}

.div_recearch-1 {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.div_recearch-2 {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.div_recearch-3 {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.div_recearch-4 {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.div_recearch-5 {
  position: relative;
  top: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 900px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.div-block {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.2);
}

.cat_image {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  padding-bottom: 30%;
  -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: url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.cat_image-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 0%;
  padding-bottom: 0%;
  -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, color-stop(88%, transparent), to(#000)), url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-image: linear-gradient(180deg, transparent 88%, #000), url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.div-block-2 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  overflow: visible;
  width: auto;
  height: 950px;
  margin-top: auto;
  background-color: #000;
  background-image: url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 950px;
  margin-top: 0%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), to(#000));
  background-image: linear-gradient(180deg, transparent 66%, #000);
  background-position: 0px 0px;
}

.image-3 {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../images/5e9edd38d3a57f3c759a4f8d_cattv2-min-1-1.jpg');
  background-position: 0px 0px;
  background-size: 125px;
}

.div-block-3-copy {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
  margin-top: auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), to(#000));
  background-image: linear-gradient(180deg, transparent 66%, #000);
  background-position: 0px 0px;
}

.text-span {
  white-space: pre;
}

.text-span-2 {
  white-space: pre;
}

.text-span-3 {
  white-space: pre;
}

.paragraph-4 {
  text-align: center;
}

.teaser_mobile {
  width: 100%;
  margin-left: 0px;
  font-family: 'Pt root ui', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.teaser_mobile.black {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  color: #303030;
  text-align: center;
}

.teaser_mobile.center {
  display: none;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: center;
}

html.w-mod-js *[data-ix="new-interaction"] {
  opacity: 0;
}

@media screen and (max-width: 991px) {
  ._1_screen {
    position: relative;
    overflow: hidden;
    height: 100vh;
    max-height: none;
    padding: 0% 0px;
    -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;
  }
  .cat_div {
    width: 90%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .h1 {
    font-size: 42px;
    line-height: 50px;
  }
  .teaser {
    width: 90%;
    font-size: 16px;
    line-height: 24px;
  }
  .teaser.center {
    display: none;
    margin-right: auto;
    margin-left: auto;
  }
  .text_1screen {
    width: 70%;
  }
  .div_recearch {
    height: 750px;
  }
  .h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .h2._2 {
    display: block;
    margin-bottom: 30px;
    line-height: 38px;
  }
  .balloon2 {
    width: 80%;
    padding-top: 10px;
    padding-left: 10%;
  }
  .paragraph-2 {
    font-size: 12px;
    line-height: 16px;
  }
  .paragraph-3 {
    margin-bottom: 0px;
    font-size: 12px;
  }
  .balloon3 {
    padding-bottom: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-position: 0% 50%;
    background-size: cover;
  }
  .two_images {
    height: 350px;
  }
  .three_images {
    height: 200px;
  }
  .four_-images {
    height: 200px;
  }
  .cover_for_pult {
    height: 90%;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .mask {
    position: static;
    overflow: auto;
    height: auto;
    max-height: none;
    margin-bottom: 30px;
  }
  .links {
    height: 400px;
  }
  .link_interface2 {
    background-image: url('../images/interface_link_sharp.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .link_box2 {
    background-image: url('../images/link_sharp.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quote {
    width: 30px;
  }
  .feedbacktext {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .feedback {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .photo {
    width: 120px;
  }
  .photo._2 {
    left: auto;
  }
  .photo._3 {
    left: 60px;
  }
  .team {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .cover_content {
    overflow: auto;
    width: 350vh;
    height: 80vh;
    max-height: 550px;
    margin-bottom: 30px;
    padding-bottom: 0px;
    -o-object-fit: fill;
    object-fit: fill;
  }
  .card {
    width: 15%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-size: cover;
  }
  .card._1 {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .card._3 {
    width: 15%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .json_animation {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
    -webkit-transform: scale(2.2);
    -ms-transform: scale(2.2);
    transform: scale(2.2);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  .animation {
    overflow: visible;
    width: auto;
    height: 100vh;
  }
  .materials {
    overflow: visible;
    height: 600vh;
    padding-top: 0px;
  }
  .animation_container {
    height: 100vh;
  }
  .black_gradient {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }
  .anim_grad {
    width: auto;
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .h2-mobile {
    font-size: 30px;
    line-height: 38px;
  }
  .h2-mobile._2 {
    display: block;
    margin-bottom: 20px;
    line-height: 38px;
  }
  .h2-desktop {
    font-size: 30px;
    line-height: 38px;
  }
  .h2-desktop._2 {
    display: none;
    margin-bottom: 30px;
    line-height: 38px;
  }
  .div_recearch-1 {
    height: 750px;
  }
  .div_recearch-2 {
    height: 750px;
  }
  .div_recearch-3 {
    height: 750px;
  }
  .div_recearch-4 {
    height: 750px;
  }
  .div_recearch-5 {
    height: 750px;
  }
  .cat_image {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    width: auto;
    height: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cat_image-2 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: visible;
    width: auto;
    height: auto;
    max-height: none;
    min-height: auto;
    margin-top: 0px;
    padding-top: 20%;
    padding-bottom: 30%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .teaser_mobile {
    width: 90%;
    font-size: 16px;
    line-height: 24px;
  }
  .teaser_mobile.center {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  ._1_screen {
    padding-bottom: 30%;
  }
  .h1 {
    margin-top: 20px;
    font-size: 30px;
    line-height: 38px;
  }
  .teaser.center {
    display: none;
  }
  .logo {
    width: 100px;
  }
  .messages {
    display: none;
  }
  .h2._2 {
    margin-bottom: 40px;
  }
  .links {
    height: 300px;
  }
  .quote {
    width: 20px;
  }
  .photo._2 {
    left: auto;
  }
  .photo._1 {
    width: 80px;
  }
  .team_div {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .person {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 479px) {
  ._1_screen {
    padding-top: 70%;
    padding-bottom: 10%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(83%, transparent), to(#000)), url('../images/iPhone-11-Pro-Max---1-2.jpg');
    background-image: linear-gradient(180deg, transparent 83%, #000), url('../images/iPhone-11-Pro-Max---1-2.jpg');
    background-position: 0px 0px, 50% 0%;
  }
  .h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 38px;
  }
  .teaser {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .teaser.black {
    display: block;
    width: 90%;
    margin-bottom: 0px;
    text-align: center;
  }
  .teaser.center {
    display: none;
    overflow: visible;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .teaser.white {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .logo {
    width: 80px;
  }
  .text_1screen {
    width: 100%;
  }
  .div_recearch {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recearch_text {
    display: block;
    width: 100%;
  }
  .messages {
    display: none;
  }
  .h2 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .h2._2 {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 30px;
  }
  .h2._2.black {
    margin-bottom: 20px;
  }
  .text_div {
    width: 100%;
  }
  .two_images {
    -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;
  }
  .pult_stb {
    width: auto;
    height: 50%;
    background-position: 50% 100%;
  }
  .pult_box {
    width: auto;
    height: 50%;
  }
  .three_images {
    height: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pult_3d {
    width: auto;
    height: 100%;
  }
  .pult_printed {
    display: none;
  }
  .print {
    display: none;
    width: auto;
    height: 50%;
  }
  .four_-images {
    display: -ms-grid;
    display: grid;
    height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .references {
    width: 100%;
  }
  .printed3 {
    width: 100%;
  }
  .old_new {
    width: 100%;
  }
  .scheme {
    width: 100%;
  }
  .cover_for_pult {
    height: 80vh;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .mask {
    margin-bottom: 30px;
  }
  .links {
    height: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .link_interface2 {
    width: auto;
    height: 50%;
  }
  .link_box2 {
    width: auto;
    height: 100%;
  }
  .quote {
    width: 20px;
  }
  .quote._2 {
    display: block;
    margin: 0px 0px auto auto;
  }
  .quote.top {
    margin-right: auto;
    margin-left: 0px;
  }
  .feedbacktext {
    margin-bottom: 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;
  }
  .feedback {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .photo._2 {
    left: auto;
  }
  .photo._1 {
    width: 120px;
  }
  .team {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .team_div {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .person {
    margin-top: 0px;
    margin-bottom: 50px;
  }
  .cover_content {
    width: 250vh;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    -o-object-fit: fill;
    object-fit: fill;
  }
  .card {
    width: 20%;
    height: 50vh;
    max-height: none;
    margin-right: auto;
    margin-left: auto;
  }
  .card._1 {
    height: 50vh;
  }
  .card._3 {
    width: 20%;
    height: 50vh;
  }
  .json_animation {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    padding-top: 0%;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
  .animation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .materials {
    display: block;
    height: 300vh;
    padding-top: 10%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .animation_container {
    display: block;
    height: 100vh;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .content_text {
    display: none;
    overflow: visible;
    height: auto;
    max-height: none;
  }
  .black_gradient {
    padding-top: 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(68%, transparent), to(#000));
    background-image: linear-gradient(180deg, transparent 68%, #000);
  }
  .anim_grad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40%;
  }
  .h2-mobile._2 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
  }
  .h2-desktop._2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  .content_text-mobile {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: auto;
    max-height: none;
    margin-top: 0%;
    padding-top: 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .div_recearch-1 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div_recearch-2 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div_recearch-3 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
  }
  .div_recearch-4 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
  }
  .div_recearch-5 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
  }
  .teaser_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .teaser_mobile.black {
    display: block;
    width: 90%;
    margin-bottom: 0px;
    text-align: center;
  }
  .teaser_mobile.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .teaser_mobile.white {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@font-face {
  font-family: 'Pt root ui';
  src: url('../fonts/PT-Root-UI_Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pt root ui';
  src: url('../fonts/PT-Root-UI_Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pt root ui';
  src: url('../fonts/PT-Root-UI_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik desktop';
  src: url('../fonts/Graphik-Bold-Desktop.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik desktop';
  src: url('../fonts/Graphik-Black-Desktop.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}