.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 {
  object-fit: fill;
  background-color: #0e1216;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/st_bgr.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  place-content: flex-start center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 100vh;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.txt_holder {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.heading {
  color: #fff;
  margin-top: 66px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 50px;
  line-height: 70px;
}

.head_text {
  color: #fff;
  max-width: 360px;
  margin-top: 12px;
  margin-bottom: 19px;
  font-family: Inter, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
}

.proj_description {
  color: #81b8c2;
  max-width: 430px;
  margin-top: 0;
  margin-bottom: 45px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.hero_content-holder {
  z-index: 0;
  background-color: #e9646400;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.arrow_but {
  z-index: 2;
  opacity: .2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 100%;
  margin-left: 35px;
  margin-right: 0;
  transition: transform .25s, opacity .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: rotate(0);
}

.arrow_but:hover {
  opacity: 1;
  transform: scale(1.1);
}

.arrow_but.r {
  z-index: 2;
  aspect-ratio: auto;
  opacity: .2;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 100%;
  margin-left: 0;
  margin-right: 35px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.arrow_but.r:hover {
  opacity: 100;
}

.arrow_but.arrow_bot {
  position: relative;
}

.but_main {
  cursor: pointer;
  background-color: #c9595900;
  width: 250px;
  display: flex;
}

.but_circle {
  background-color: #06b5af;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.but_txt {
  color: #fff;
  overflow-wrap: normal;
  margin-top: 11px;
  margin-bottom: 0;
  margin-left: 26px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 33px;
  display: block;
  position: absolute;
}

.img_element_holder {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.main_body {
  flex-flow: column;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 1000px;
  height: auto;
  display: flex;
}

.top_content {
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  display: flex;
}

.main_icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-self: stretch;
  place-items: start stretch;
  width: 100%;
  min-width: auto;
  max-width: 1000px;
  padding: 150px 20px;
  display: grid;
}

.txt_main_icons {
  color: #fff;
  text-align: center;
  overflow-wrap: normal;
  margin-top: 44px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  position: static;
}

.main_icon_holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.header {
  justify-content: center;
  align-items: center;
  height: auto;
  max-height: 90px;
  display: flex;
}

.header.head_coding {
  margin-bottom: 72px;
}

.header.head_st_bc {
  margin-top: 120px;
  margin-bottom: 80px;
}

.header.head_st_media {
  margin-top: 168px;
  margin-bottom: 56px;
}

.txt_header {
  color: #fff;
  overflow-wrap: normal;
  margin-top: 6px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 33px;
  display: block;
  position: absolute;
}

.hreader_circle {
  background-color: #ffffff0f;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  max-height: 90px;
  margin-right: 218px;
  display: flex;
}

.hreader_circle.coding {
  background-color: #ffffff0d;
  width: 70px;
  height: 70px;
  max-height: 90px;
  margin-right: 70px;
}

.hreader_circle.bc_st {
  max-height: 90px;
  margin-right: 261px;
}

.hreader_circle.st_media {
  max-height: 90px;
  margin-right: 60px;
}

.hreader_circle.st_ci {
  max-height: 90px;
  margin-right: 300px;
}

.thumbnail {
  opacity: .4;
  background-color: #af2f2f;
  background-image: url('../images/t_st_01.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 6px;
  width: auto;
  min-width: 230px;
  height: auto;
  min-height: 140px;
  margin-left: 0;
  margin-right: 0;
  transition: all .3s cubic-bezier(.25, .46, .45, .94), transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 13px 40px 7px #0003;
}

.thumbnail:hover {
  opacity: 100;
  transform: scale(1.05);
}

.thumbnail.stt2 {
  background-image: url('../images/t_st_02.png');
}

.thumbnail.stt3 {
  background-image: url('../images/t_st_03.png');
}

.thumbnail.stt4 {
  background-image: url('../images/t_st_04.png');
}

.thumbnail.stt5 {
  background-image: url('../images/t_st_05.png');
}

.thumbnail.stt6 {
  background-image: url('../images/t_st_06.png');
}

.thumbnail.stt7 {
  background-image: url('../images/t_st_07.png');
}

.gallery {
  z-index: 100;
  background-color: #000000c9;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100vh;
  padding-top: 91px;
  padding-bottom: 33px;
  display: none;
  position: fixed;
  inset: 0%;
}

.gallery.g2 {
  display: none;
}

.thumb_over {
  opacity: 1;
  cursor: pointer;
  background-color: #07272678;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: 0%;
}

.thumb_over:hover {
  opacity: 0;
}

.breadcrumbs {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 100px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.words {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  padding-top: 0;
  display: flex;
}

.words.words_bc {
  justify-content: center;
  max-width: 800px;
}

.txt_word {
  color: #7ea6a8;
  text-align: center;
  white-space: nowrap;
  background-color: #ffffff0d;
  border-radius: 7px;
  margin: 0 8px;
  padding: 12px 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.st_bc_functionality {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.txt_st_bc {
  color: #ffffffd9;
  text-align: center;
  width: auto;
  max-width: 590px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}

.txt_st_bc.txt_bottom {
  margin-top: 0;
  margin-bottom: 25px;
}

.logo {
  width: 350px;
  max-width: none;
}

.image {
  flex: 0 auto;
  min-width: 110%;
  max-width: none;
  position: relative;
  overflow: visible;
}

.breadcrumbs_holder {
  cursor: pointer;
  transform-style: preserve-3d;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 25px;
  height: 30px;
  margin-left: 8px;
  margin-right: 8px;
  transition: all .2s;
  display: flex;
}

.breadcrumbs_holder:hover {
  filter: brightness(200%);
  transform: scale3d(1.6, 1, 1);
}

.breadcrumb {
  background-color: #2b4147;
  border-radius: 50px;
  width: 30px;
  height: 4px;
}

.subheader {
  color: #ffffffd9;
  text-align: justify;
  width: auto;
  max-width: 635px;
  margin-top: 105px;
  margin-bottom: 50px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.small_description {
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-top: 10px;
  margin-bottom: 34px;
  display: flex;
}

.small_description_holder {
  flex-flow: column;
  width: 230px;
  display: flex;
}

.txt_description {
  color: #647a7c;
  text-align: justify;
  width: auto;
  max-width: 635px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
}

.description_header {
  color: #7e9ba0;
  text-align: justify;
  text-indent: 0;
  width: auto;
  max-width: 635px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

.description_header.txt_st_media_desc {
  text-align: center;
  letter-spacing: .4px;
  text-indent: 0;
  max-width: 300px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
}

.description_header.txt_bottom_projects {
  color: #fff;
  text-align: center;
  letter-spacing: .4px;
  text-indent: 0;
  max-width: 300px;
  margin-bottom: 0;
  font-size: 8px;
  font-weight: 300;
  line-height: 18px;
}

.media {
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  padding-top: 39px;
  padding-bottom: 33px;
  display: flex;
}

.media.st_media_desc {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1100px;
  padding-top: 0;
  padding-bottom: 0;
}

.thumbnail-_media {
  background-color: #f000;
  background-image: url('../images/st_media_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 250px;
  height: auto;
  min-height: 160px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 0 13px 40px 7px #0003;
}

.thumbnail-_media:hover {
  background-size: cover;
  border-style: none;
  padding: 0;
  transform: scale(1.1);
}

.thumbnail-_media.st_media2 {
  background-image: url('../images/st_media_2.png');
}

.slider {
  background-color: #ddd0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 980px;
  height: 250px;
  margin-top: 70px;
  margin-bottom: 100px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.slide {
  vertical-align: baseline;
  width: auto;
  margin-right: 14px;
}

.slide-nav {
  opacity: .33;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt_email {
  color: #fff;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 33px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: relative;
}

.txt_email:hover {
  transform: scale(1.1);
}

.text-span {
  color: #7e9ea0;
}

.bottom_arrows_holder {
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  min-width: 680px;
  max-width: none;
  margin-top: 48px;
  margin-bottom: 179px;
  display: flex;
}

.bottom_arrows_holder.bottom_arrows_holder_desktop {
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 110px;
}

.bottom_arrows_holder.bottom_arrows_holder_mobile {
  display: none;
}

.arrow_but_bottom {
  z-index: 2;
  opacity: .32;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 100%;
  margin-bottom: 17px;
  margin-left: 0;
  margin-right: 0;
  transition: transform .25s, opacity .25s cubic-bezier(.25, .46, .45, .94);
  display: block;
  position: relative;
  inset: auto;
  transform: rotate(0);
}

.arrow_but_bottom:hover {
  opacity: 100;
  transform: scale(1.1);
}

.arrow_but_bottom.r {
  z-index: 2;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: flex-end;
  align-items: center;
  width: 28px;
  height: 100%;
  margin-left: 0;
  margin-right: 35px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.arrow_but_bottom.arrow_bot {
  position: relative;
}

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

.arrow_but_bottom.arrow_bottom_r:hover {
  transform: scale(1.1)rotateX(0)rotateY(180deg)rotateZ(0);
}

.bottom_desc_holder {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  max-width: none;
  display: flex;
}

.bottom_desc_holder.previous {
  opacity: 1;
}

.separator {
  background-color: #7e9ba03d;
  justify-content: center;
  align-items: center;
  min-width: 940px;
  max-width: 1200px;
  height: 1px;
  margin-top: 115px;
  margin-bottom: 98px;
  display: flex;
}

.bottom_logo_holder {
  opacity: .38;
  width: 200px;
  margin-bottom: 180px;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
}

.bottom_logo_holder:hover {
  opacity: 100;
  transform: scale(1.05);
}

.right-arrow {
  box-sizing: border-box;
  object-fit: fill;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 100%;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.icon {
  margin: 0;
  display: block;
  position: relative;
}

.arrow_slider {
  z-index: 2;
  opacity: .32;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  transition: transform .25s, opacity .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
  transform: rotate(0);
}

.arrow_slider:hover {
  opacity: 100;
  transform: scale(1.2);
}

.arrow_slider.r {
  z-index: 2;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: flex-end;
  align-items: center;
  width: 28px;
  height: 100%;
  margin-left: 0;
  margin-right: 35px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.arrow_slider.arrow_bot {
  position: relative;
}

.arrow_slider.ar_slider_l {
  transform-style: preserve-3d;
  padding-bottom: 50px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.arrow_slider.ar_slider_l:hover {
  transform: scale(1.2);
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-left: 0;
  display: flex;
}

.mask {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 12px;
  overflow: hidden;
}

.thumbnail_holder {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 200px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.thumb_descriptiopn {
  color: #7ca4a7;
  text-align: center;
  text-indent: 0;
  width: auto;
  max-width: 635px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
}

.thumb_descriptiopn.txt_st_media_desc {
  text-align: center;
  letter-spacing: .4px;
  text-indent: 0;
  max-width: 300px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
}

.thumb_descriptiopn.txt_bottom_projects {
  color: #fff;
  text-align: center;
  letter-spacing: .4px;
  text-indent: 0;
  max-width: 300px;
  margin-bottom: 0;
  font-size: 8px;
  font-weight: 300;
  line-height: 18px;
}

.thumb_descriptiopn.thumb_media {
  max-width: 290px;
  margin-top: 22px;
  margin-bottom: 0;
}

.gallery_holder {
  justify-content: center;
  align-items: center;
  min-width: 400px;
  max-width: 940px;
  height: 100%;
  max-height: none;
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
}

.gallery_img {
  max-height: 80vh;
}

.ico {
  width: 38px;
}

.media_thumb_holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top_logos {
  margin-left: 30px;
  display: flex;
  position: absolute;
  inset: 2% auto auto 0%;
}

.link-block {
  opacity: .4;
  filter: saturate(0%);
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 21px;
  transition: all .2s;
  display: flex;
}

.link-block:hover {
  opacity: 100;
  filter: saturate(200%);
  transform: scale(1.15);
}

.bottom-anim-holder {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hamburger {
  z-index: 100;
  opacity: .56;
  cursor: pointer;
  background-color: #ffffff4d;
  border: 1px #ffffff42;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding-left: 11px;
  padding-right: 11px;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: fixed;
  inset: 2.3% 5% auto auto;
}

.hamburger:hover {
  opacity: 100;
  transform: scale(1.3);
}

.menu {
  z-index: 101;
  background-color: #171823;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: clip;
}

.menu_item {
  cursor: pointer;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 200px;
  margin-top: 21px;
  margin-bottom: 21px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.menu_icon {
  background-color: #fff0;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.menu_icon.menuicon_st {
  background-color: #fff0;
  border: 4px #ffffff12;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 9px;
  position: relative;
  top: 0;
  left: 0;
}

.img_menu_icon {
  width: 17px;
  height: auto;
  margin-bottom: 2px;
}

.img_menu_icon.imgmenuiconnabre {
  width: 15px;
  margin-bottom: 6px;
}

.img_menu_icon.menuiconmp {
  margin-top: 0;
  margin-bottom: 4px;
}

.img_menu_icon.menuiconkim {
  margin-bottom: 4px;
}

.menu_txt {
  color: #fff;
  align-self: center;
  margin-top: 4px;
  margin-left: 23px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 35px;
}

.menu_txt.menutxtkim, .menu_txt.menutxtnabre {
  margin-top: 3px;
}

.menu_icon_holder {
  background-color: #fff0;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
}

.menu_icon_holder.menuicon_st {
  background-color: #ffffff0d;
  border: 4px #ffffff12;
  padding-top: 9px;
}

.menu_circle {
  opacity: 1;
  outline-offset: 0px;
  background-color: #ffffff1c;
  border: 1px #000;
  border-radius: 1000px;
  outline: 2px #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.menu_circle.menuicon_st {
  background-color: #ffffff0d;
  border: 4px #ffffff12;
  padding-top: 9px;
}

.menu_icon_text_holder {
  background-color: #fff0;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  top: 0;
  left: 12.5px;
}

.menu_icon_text_holder.menuicon_st {
  background-color: #ffffff0d;
  border: 4px #ffffff12;
  padding-top: 9px;
}

.menu_icon_text_holder.menu_icon_txt_st {
  top: 16.5px;
  left: 23.5px;
}

.menu_icon_text_holder.menu_icon_txt_kim {
  margin-top: -5px;
  top: 5.5px;
}

.menu_icon_text_holder.menu_icon_txt_st-copy {
  top: 16.5px;
  left: 23.5px;
}

.menu_icon_text_holder.menu_icon_txt_mp {
  top: .5px;
  left: 11.5px;
}

.menu_icon_text_holder.menu_icon_txt_nabre {
  margin-top: 2px;
  top: -1px;
  left: 14.5px;
}

.menu_icon_text_holder.menu_icon_txt_nabre-copy {
  top: -1px;
  left: 14.5px;
}

.menu_icon_text_holder.menuholderyeapp {
  margin-top: 2px;
}

.menu_item_kim {
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 500px;
  margin-top: 23px;
  margin-bottom: 23px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.menu_items_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 56px;
  padding-bottom: 56px;
  display: flex;
  position: relative;
}

.menu_x {
  opacity: .46;
  width: 15px;
  position: absolute;
  inset: 2% 2% auto auto;
}

.menu_logo_holder {
  opacity: .3;
  cursor: pointer;
  width: 130px;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  inset: auto 0% 0%;
}

.menu_logo_holder:hover {
  opacity: 1;
  transform: scale(1.1);
}

.menu_icons_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.menu_invisibler {
  height: 1px;
}

.bold-text {
  color: #7fa1a7;
}

@media screen and (min-width: 1440px) {
  .hero {
    background-position: 0 100%;
    background-size: cover;
    background-attachment: scroll;
    min-height: 100vh;
    position: relative;
  }

  .txt_holder {
    min-width: auto;
    max-width: none;
    margin-right: 0;
    padding-left: 0;
  }

  .heading {
    font-size: 65px;
  }

  .head_text {
    max-width: 550px;
    font-size: 26px;
    line-height: 35px;
  }

  .proj_description {
    text-align: left;
    max-width: 550px;
    font-size: 18px;
    line-height: 24px;
  }

  .hero_content-holder {
    background-image: none;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1700px;
    height: auto;
  }

  .arrow_but {
    width: 35px;
  }

  .arrow_but.r {
    width: 35px;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .but_main {
    width: 270px;
  }

  .but_circle {
    width: 60px;
    height: 60px;
  }

  .but_txt {
    margin-top: 11px;
    margin-left: 25px;
    font-size: 22px;
  }

  .img_element_holder {
    overflow: visible;
  }

  .main_body {
    justify-content: flex-start;
    align-items: center;
    max-width: 1300px;
  }

  .top_content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    max-width: none;
  }

  .main_icons {
    min-width: auto;
    max-width: 1300px;
    position: relative;
  }

  .header.head_st_bc {
    margin-top: 174px;
  }

  .header.head_st_media {
    margin-top: 182px;
    margin-bottom: 74px;
  }

  .header.head_st_media:hover {
    opacity: 1;
  }

  .txt_header {
    font-size: 25px;
  }

  .hreader_circle {
    width: 75px;
    height: 75px;
    margin-right: 240px;
  }

  .hreader_circle.bc_st {
    width: 75px;
    height: 75px;
    margin-right: 291px;
  }

  .hreader_circle.st_media {
    margin-right: 70px;
  }

  .hreader_circle.st_ci {
    margin-right: 331px;
  }

  .thumbnail {
    min-width: 270px;
    height: 180px;
    margin-right: 0;
  }

  .gallery {
    display: none;
  }

  .words {
    max-width: 1200px;
  }

  .txt_word {
    padding: 17px 25px;
    font-size: 16px;
  }

  .txt_st_bc {
    max-width: 670px;
    font-size: 16px;
    line-height: 27px;
  }

  .logo {
    width: 450px;
  }

  .image {
    min-width: 130%;
    max-width: none;
    overflow: hidden;
  }

  .subheader {
    font-size: 20px;
  }

  .small_description {
    max-width: 1300px;
  }

  .small_description_holder {
    width: 260px;
  }

  .txt_description {
    font-size: 13px;
  }

  .description_header {
    font-size: 17px;
  }

  .media {
    max-width: 1300px;
  }

  .media.st_media_desc {
    max-width: 1150px;
  }

  .thumbnail-_media {
    min-width: 330px;
    min-height: 202px;
  }

  .slider {
    max-width: 1180px;
    height: auto;
    margin-top: 66px;
    padding-bottom: 60px;
  }

  .slide {
    margin-left: 0;
    margin-right: 28px;
  }

  .slide-nav {
    justify-content: center;
    align-items: center;
    height: 20px;
    padding-top: 0;
  }

  .bottom_arrows_holder {
    min-width: 780px;
  }

  .arrow_but_bottom {
    width: 45px;
  }

  .arrow_but_bottom.r {
    width: 45px;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .bottom_desc_holder.previous {
    opacity: 0;
  }

  .separator {
    margin-top: 165px;
  }

  .right-arrow {
    align-self: auto;
    width: 40px;
    margin-right: 0;
  }

  .arrow_slider {
    width: 100%;
    display: none;
  }

  .arrow_slider.r {
    width: 45px;
    margin-right: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .arrow_slider.ar_slider_l {
    width: 100%;
    padding-bottom: 0;
  }

  .left-arrow {
    flex-flow: column;
    width: 40px;
    height: 100%;
    padding-bottom: 85px;
    display: none;
    position: relative;
    overflow: hidden;
  }

  .mask {
    padding-top: 18px;
    padding-left: 6px;
    overflow: hidden;
  }

  .thumb_descriptiopn {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .thumb_descriptiopn.thumb_media {
    font-size: 13px;
  }

  .gallery_holder {
    min-width: 600px;
    max-width: 1200px;
  }

  .ico {
    width: 45px;
  }

  .link-block {
    width: 30px;
    height: 30px;
    margin-right: 35px;
  }

  .hamburger {
    opacity: .52;
    width: 45px;
    height: 45px;
    position: fixed;
    top: 2.5%;
    right: 3%;
  }

  .menu {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    min-height: 60vh;
  }

  .txt_holder {
    padding-left: 40px;
  }

  .heading {
    margin-top: 40px;
    font-size: 40px;
  }

  .head_text {
    max-width: 310px;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 23px;
  }

  .proj_description {
    max-width: 330px;
    font-size: 15px;
    line-height: 18px;
  }

  .hero_content-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .arrow_but {
    width: 25px;
    height: 100%;
    margin-left: 20px;
    inset: auto auto 0% 0%;
  }

  .arrow_but.r {
    width: 25px;
    height: 100%;
    margin-right: 20px;
    inset: auto 0% 0% auto;
  }

  .but_circle {
    width: 50px;
    height: 50px;
  }

  .but_txt {
    margin-top: 10px;
    margin-left: 23px;
    font-size: 18px;
  }

  .img_element_holder {
    max-width: none;
    margin-top: 2px;
    margin-right: 29px;
  }

  .main_body {
    align-self: center;
  }

  .top_content {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: none;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
  }

  .main_icons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-self: auto;
    place-items: center;
    max-width: 800px;
    padding: 60px 60px 91px;
    display: grid;
  }

  .txt_main_icons {
    margin-top: 12px;
    font-size: 13px;
  }

  .main_icon_holder {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    margin-bottom: 27px;
  }

  .txt_header {
    font-size: 20px;
  }

  .hreader_circle {
    width: 58px;
    height: 58px;
    margin-right: 194px;
  }

  .hreader_circle.coding {
    width: 58px;
    height: 58px;
    margin-right: 63px;
  }

  .hreader_circle.bc_st {
    width: 58px;
    height: 58px;
    margin-right: 242px;
  }

  .hreader_circle.st_ci {
    margin-right: 278px;
  }

  .thumbnail {
    opacity: 100;
    background-position: 50% 0;
    min-width: 160px;
    min-height: 110px;
  }

  .thumbnail:hover {
    transform: none;
  }

  .words {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: none;
  }

  .txt_word {
    color: #88afae;
    margin-bottom: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .txt_st_bc {
    max-width: 550px;
    font-size: 13px;
    line-height: 23px;
  }

  .logo {
    width: 250px;
  }

  .image {
    min-width: auto;
    max-width: 330px;
  }

  .breadcrumbs_holder {
    height: 30px;
  }

  .small_description {
    width: 95%;
    max-width: 800px;
    margin-bottom: 30px;
  }

  .small_description_holder {
    width: 185px;
  }

  .txt_description {
    color: #728a8d;
    line-height: 16px;
  }

  .description_header {
    color: #85abb1;
    margin-bottom: 9px;
    font-size: 14px;
  }

  .media, .media.st_media_desc {
    max-width: 800px;
  }

  .thumbnail-_media {
    border-style: none;
    min-width: 215px;
    min-height: 140px;
  }

  .slider {
    max-width: 690px;
  }

  .mask {
    padding-left: 0;
  }

  .thumbnail_holder {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 170px;
  }

  .thumb_descriptiopn {
    color: #85b7b8;
    max-width: 160px;
    margin-top: 17px;
    line-height: 18px;
    text-decoration: none;
  }

  .thumb_descriptiopn.thumb_media {
    opacity: 1;
    max-width: 200px;
    margin-top: 26px;
    font-size: 11px;
    line-height: 17px;
  }

  .ico {
    filter: brightness(122%);
    width: 40px;
  }

  .top_logos {
    opacity: .75;
    position: absolute;
  }

  .link-block {
    opacity: 100;
    filter: none;
    transition-property: none;
  }

  .link-block:hover {
    filter: none;
    transform: none;
  }

  .hamburger {
    width: 35px;
    height: 35px;
    padding-left: 8px;
    padding-right: 8px;
    right: 3.5%;
  }

  .menu {
    display: none;
  }

  .menu_item {
    margin-bottom: 18px;
  }

  .menu_circle {
    opacity: .13;
  }

  .menu_x {
    right: 4%;
  }

  .menu_logo_holder {
    left: 0%;
  }

  .menu_icons_wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    min-height: auto;
  }

  .txt_holder {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 24px;
    margin-bottom: 45px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 30px;
  }

  .heading {
    margin-top: 11px;
    font-size: 27px;
  }

  .head_text {
    text-align: left;
    margin-top: -4px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 17px;
  }

  .proj_description {
    text-align: left;
    max-width: 400px;
    font-size: 11px;
    line-height: 14px;
  }

  .arrow_but {
    height: 600px;
    margin-left: 30px;
  }

  .arrow_but.r {
    height: 600px;
    margin-right: 30px;
  }

  .but_main {
    justify-content: flex-start;
    align-items: center;
  }

  .but_circle {
    width: 40px;
    height: 40px;
  }

  .but_txt {
    margin-top: 0;
    margin-left: 18px;
    font-size: 14px;
  }

  .img_element_holder {
    min-width: 200px;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

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

  .top_content {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    height: auto;
    padding-left: 40px;
    padding-right: 0;
  }

  .main_icons {
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template: "."
                   "."
                   / 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: start center;
    align-self: stretch;
    place-items: flex-start center;
    max-width: none;
    padding: 85px 60px 49px;
    display: grid;
  }

  .txt_main_icons {
    margin-top: 20px;
    font-size: 12px;
  }

  .main_icon_holder {
    align-self: auto;
    margin-bottom: 35px;
  }

  .header.head_st_media {
    margin-top: 140px;
  }

  .thumbnail {
    background-position: 50% 0;
    min-width: 400px;
    min-height: 270px;
  }

  .thumbnail:hover {
    box-shadow: none;
    transform: none;
  }

  .thumb_over {
    display: none;
  }

  .words {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: flex-start center;
    max-width: 700px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .words.words2 {
    flex-flow: row;
    display: flex;
  }

  .txt_word {
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .txt_st_bc {
    max-width: 450px;
    margin-left: 0;
    margin-right: 0;
  }

  .txt_st_bc.txt_bottom {
    max-width: 530px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo {
    width: 150px;
  }

  .image {
    min-width: 20%;
    max-width: 210px;
  }

  .small_description {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -8px;
    position: static;
  }

  .small_description_holder {
    width: auto;
    margin-bottom: 51px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .txt_description {
    text-align: center;
    max-width: 450px;
  }

  .description_header {
    text-align: center;
  }

  .media {
    flex-flow: row;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 700px;
    padding-top: 35px;
    padding-bottom: 0;
  }

  .thumbnail-_media {
    border-style: none;
    min-width: 130px;
    min-height: 90px;
  }

  .thumbnail-_media:hover {
    transform: none;
  }

  .thumbnail-_media.st_media2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .slider {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 480px;
    height: auto;
    padding-left: 30px;
    padding-right: 0;
  }

  .bottom_arrows_holder {
    min-width: auto;
  }

  .bottom_arrows_holder.bottom_arrows_holder_desktop {
    display: none;
  }

  .bottom_arrows_holder.bottom_arrows_holder_mobile {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    max-width: 300px;
    margin-bottom: 131px;
    display: flex;
  }

  .bottom_desc_holder {
    width: 100px;
  }

  .bottom_desc_holder.previous {
    opacity: 0;
  }

  .separator {
    width: 80%;
    min-width: auto;
    max-width: none;
    margin: 33px 0 59px;
  }

  .bottom_logo_holder {
    opacity: 100;
    width: 150px;
    margin-top: -24px;
    margin-bottom: 131px;
    transition-property: none;
  }

  .bottom_logo_holder:hover {
    transform: none;
  }

  .mask {
    width: 410px;
    padding-left: 0;
    padding-right: 0;
  }

  .thumb_descriptiopn {
    max-width: 430px;
    margin-top: 19px;
    margin-bottom: 40px;
    font-size: 16px;
  }

  .thumb_descriptiopn.thumb_media {
    max-width: 130px;
    margin-top: 23px;
    font-size: 10px;
    line-height: 14px;
  }

  .ico {
    filter: brightness(120%);
    width: 40px;
  }

  .media_thumb_holder {
    margin-bottom: 73px;
  }

  .top_logos {
    opacity: .66;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 0;
    position: relative;
    top: 0%;
  }

  .link-block {
    width: 20px;
    height: 20px;
    margin-left: 0;
    margin-right: 20px;
  }

  .bottom_arrows_2holder {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 220px;
    margin-top: 40px;
    padding-left: 10px;
    display: flex;
  }

  .hamburger {
    width: 35px;
  }

  .menu {
    flex-flow: column;
    display: none;
  }

  .menu_item {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .menu_icon.menuicon_st {
    padding-top: 3px;
  }

  .menu_icon.menuicon_st.menuiconyeapp {
    margin-left: 3px;
  }

  .img_menu_icon {
    width: 15px;
    margin-top: 0;
  }

  .img_menu_icon.imgmenuiconnabre {
    width: 13px;
    margin-bottom: 2px;
    margin-left: -2px;
  }

  .img_menu_icon.menuiconmp {
    margin-top: 6px;
    margin-left: -1px;
    padding-left: 0;
  }

  .img_menu_icon.menuiconkim {
    margin-top: 2px;
  }

  .menu_txt {
    margin-top: 3px;
    font-size: 15px;
  }

  .menu_circle {
    opacity: .18;
    width: 35px;
    height: 35px;
  }

  .menu_icon_text_holder {
    margin-top: 0;
    padding-top: 0;
    left: 10.5px;
  }

  .menu_icon_text_holder.menu_icon_txt_mp {
    margin-top: -3px;
  }

  .menu_icon_text_holder.menu_icon_txt_nabre.menunabre {
    margin-top: 2px;
  }

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

  .menu_x {
    width: 13px;
  }

  .menu_logo_holder {
    bottom: 0%;
  }
}

@media screen and (max-width: 479px) {
  .txt_holder {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    padding-top: 38px;
    padding-left: 35px;
    padding-right: 0;
  }

  .heading {
    margin-top: 22px;
    margin-bottom: -3px;
    font-size: 25px;
  }

  .head_text {
    text-align: left;
    max-width: 320px;
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .proj_description {
    text-align: left;
    max-width: 300px;
    margin-left: 0;
    margin-right: 25px;
    font-size: 12px;
    line-height: 15px;
  }

  .but_main {
    margin-bottom: 32px;
    padding-left: 0;
  }

  .but_main.w--current {
    padding-left: 0;
  }

  .but_circle {
    width: 50px;
    height: 50px;
  }

  .but_txt {
    margin-left: 16px;
    font-size: 18px;
  }

  .img_element_holder {
    margin-bottom: 61px;
    margin-right: 0;
  }

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

  .top_content {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .main_icons {
    grid-template-columns: 1fr 1fr;
    padding: 82px 31px 106px;
  }

  .txt_main_icons {
    margin-top: 20px;
    font-size: 12px;
  }

  .main_icon_holder {
    margin-bottom: 15px;
  }

  .header.head_coding {
    margin-bottom: 50px;
  }

  .header.head_st_bc {
    margin-top: 98px;
    margin-bottom: 42px;
  }

  .header.head_st_media {
    margin: 87px 30px 50px;
  }

  .txt_header {
    font-size: 18px;
    line-height: 23px;
  }

  .hreader_circle {
    width: 50px;
    height: 50px;
    margin-right: 178px;
  }

  .hreader_circle.coding {
    width: 50px;
    height: 50px;
    margin-right: 56px;
  }

  .hreader_circle.bc_st {
    width: 50px;
    height: 50px;
    margin-right: 208px;
  }

  .hreader_circle.st_ci {
    margin-right: 241px;
  }

  .thumbnail {
    background-position: 0 0;
    min-width: 310px;
    min-height: 200px;
  }

  .words {
    justify-content: center;
    max-width: 430px;
  }

  .txt_word {
    margin-bottom: 5px;
  }

  .logo {
    width: 40%;
    min-width: 150px;
  }

  .image {
    min-width: auto;
    max-width: 80%;
  }

  .subheader {
    margin-top: 76px;
    margin-bottom: 41px;
    font-size: 16px;
  }

  .small_description {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
  }

  .small_description_holder {
    margin-bottom: 34px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .txt_description {
    text-align: justify;
    max-width: 250px;
    line-height: 15px;
  }

  .description_header {
    color: #85abb1;
    text-align: left;
    margin-bottom: 5px;
  }

  .media {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .media.st_media_desc {
    display: none;
  }

  .thumbnail-_media {
    min-width: 200px;
    max-width: none;
    min-height: 130px;
  }

  .slider {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    max-width: 340px;
    margin-top: 47px;
    margin-bottom: 84px;
    padding-left: 15px;
  }

  .slide-nav {
    width: auto;
  }

  .txt_email {
    font-size: 18px;
  }

  .bottom_arrows_holder.bottom_arrows_holder_desktop {
    display: none;
  }

  .bottom_logo_holder {
    opacity: 100;
    width: 130px;
    margin-top: -28px;
    margin-bottom: 157px;
  }

  .bottom_logo_holder:hover {
    transform: none;
  }

  .mask {
    width: 100%;
    padding-left: 0;
  }

  .thumbnail_holder {
    min-height: auto;
  }

  .thumb_descriptiopn {
    color: #8cb2b8;
    margin-top: 20px;
    margin-bottom: 43px;
    font-size: 14px;
  }

  .thumb_descriptiopn.thumb_media {
    max-width: 181px;
    margin-top: 13px;
  }

  .ico {
    width: 40px;
  }

  .media_thumb_holder {
    margin-bottom: 75px;
  }

  .top_logos {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 350px;
    margin-left: 0;
    padding-right: 17px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .link-block {
    width: 20px;
    min-width: auto;
    height: 20px;
    min-height: auto;
    margin-left: 10px;
    margin-right: 0;
  }

  .bottom_arrows_2holder {
    min-width: 220px;
  }

  .hamburger {
    width: 30px;
    height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    right: 4%;
  }

  .menu {
    display: none;
  }

  .menu_item {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .menu_items_wrapper {
    justify-content: space-between;
    padding-left: 57px;
  }

  .menu_x {
    width: 12px;
    display: block;
    top: 1%;
    right: 5%;
  }

  .menu_logo_holder {
    bottom: 0%;
  }

  .menu_icons_wrapper {
    grid-template-columns: 1fr;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1085644d-74d2-3634-9fce-c5aff3530e79-04496947, #w-node-_08ba3669-69f3-1a9d-7be4-285671808183-04496947, #w-node-c3318ea9-d293-11cd-ec23-aa0ee6f2a456-04496947, #w-node-dc90f7dd-7789-c4c1-7b62-fb53e91a0d81-04496947, #w-node-_01acff96-8825-802f-eb2c-78a3c5498d6d-04496947, #w-node-_1d3db524-b9e7-bc05-208a-c7877c4c8f71-04496947, #w-node-c4100112-1c55-0119-1d52-27488f0bbc35-04496947, #w-node-c85bc438-d04b-4bc9-695d-d99e934bd87e-04496947, #w-node-_0e910531-cd7b-faa3-57fa-9080454a963c-04496947, #w-node-_0e910531-cd7b-faa3-57fa-9080454a963e-04496947, #w-node-_0e910531-cd7b-faa3-57fa-9080454a9640-04496947, #w-node-_0e910531-cd7b-faa3-57fa-9080454a9644-04496947, #w-node-_0e910531-cd7b-faa3-57fa-9080454a9646-04496947 {
    place-self: start center;
  }
}