:root {
  --bg_main_color: #f4f4ee;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home_page {
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding-top: 200px;
  display: block;
}

.margin {
  max-width: 70%;
  display: flex;
}

.margin.horizontal {
  justify-content: space-between;
  align-items: center;
  max-width: 70%;
}

.margin.vertical {
  flex-direction: column;
  align-items: stretch;
  max-width: 70%;
  max-height: 100%;
}

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

.home_page_text {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  display: flex;
}

.nav_bar {
  z-index: 100;
  width: 100vw;
  margin-top: 40px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_bar.tablet {
  display: none;
}

.nav_items {
  flex: 0 auto;
  max-width: 60%;
  padding-top: 30px;
  display: flex;
}

.logo_container {
  justify-content: flex-end;
  align-items: center;
  padding-top: 25px;
  display: flex;
  position: static;
  top: 51.5px;
}

.nav_button {
  flex: 1;
  align-items: center;
  margin-left: 0;
  margin-right: 95px;
  display: block;
}

.nav_button_item {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.logo_locus {
  max-width: 100%;
}

.link-block {
  max-width: 10%;
}

.body {
  background-color: var(--bg_main_color);
  max-height: 0;
}

.photo_home_1 {
  width: auto;
  height: auto;
  position: relative;
  top: 35px;
  overflow: hidden;
}

.photo_home_2 {
  z-index: 10;
  width: 4000px;
  height: auto;
  position: relative;
  top: 75px;
  left: 85px;
}

.photo_home_3 {
  width: 6000px;
  height: auto;
  position: relative;
  left: 120px;
}

.photo_home_4 {
  z-index: 10;
  width: 2000px;
  height: auto;
  position: relative;
  top: 250px;
  right: 0;
}

.image {
  z-index: 1;
  max-width: 25%;
  position: relative;
  top: 305px;
  right: 280px;
}

.home_heading {
  text-align: left;
  width: 53vw;
  max-width: none;
}

.heading_mid_home {
  font-size: 35px;
  line-height: 40px;
}

.heading_mid_home._2 {
  margin-top: 35px;
  font-size: 35px;
}

.text-span {
  font-size: 40px;
  font-weight: 700;
}

.work_home {
  width: 100vw;
  margin-top: 40px;
}

.work_home.mobile {
  display: none;
}

.work_title._50 {
  flex: 1;
  align-items: flex-start;
  width: auto;
  max-width: 50%;
  display: flex;
}

.heading_fix {
  margin-bottom: 25px;
  font-family: Lato, sans-serif;
  font-size: 45px;
  font-weight: 900;
}

.grid {
  grid-template-rows: auto auto auto auto auto auto auto auto auto 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.paragraph {
  font-family: Lato, sans-serif;
}

.thumbnail_text {
  color: #000;
  margin-top: 10px;
  font-family: Lato, sans-serif;
  text-decoration: none;
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_container.a, .nav_container.a.project {
  justify-content: space-between;
}

.image-2 {
  max-width: 19%;
  position: relative;
  top: 80px;
}

.image-3 {
  z-index: 1;
  max-width: 30%;
  position: relative;
  top: 120px;
  left: 70px;
}

.image-4 {
  max-width: 50%;
  position: relative;
  right: 40px;
}

.div-block {
  border-top: 1px solid #000;
  border-bottom: 5px solid #000;
}

.reach_us_home {
  margin-top: 230px;
}

.reach_us_home.a {
  height: 30vh;
  margin-bottom: 0;
  padding-top: 0;
}

.reach_us_home.a.d {
  margin-top: 100px;
}

.reach_us_home.a.b {
  display: none;
}

.container {
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.container.vertical {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
}

.container.a {
  border-top: 1px solid #000;
  padding-top: 35px;
}

.reach_us_content {
  flex: 1;
  width: auto;
  max-width: 50%;
  margin-top: 20px;
}

.reach_us_content.a {
  margin-top: 0;
}

.paragraph-2 {
  padding-left: 0;
}

.adress_home {
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.work_section {
  margin-top: 0;
  padding-top: 0;
}

.heading_work_fix {
  margin-top: -15px;
  position: static;
  top: 120px;
}

.heading_work {
  font-family: Lato, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
}

.track, .track._4-img {
  height: 450vw;
}

.track.rl, .track.sh, .track.ph, .track.mh {
  height: 350vw;
}

.desc_box_work {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -10px;
  display: flex;
  position: relative;
  top: -106px;
}

.desc_box_fix {
  flex: 1;
  min-width: 70%;
  max-width: 70%;
}

.body_fix {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.year_box_fix {
  text-align: right;
  flex: 1;
}

.track_fix {
  height: 400vw;
}

.camera_fix {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

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

.item_fix {
  flex: none;
  width: 100vw;
  height: 100vh;
  padding: 0;
  overflow: hidden;
}

.item_fix._50 {
  width: 52.4vw;
  padding: 15px;
}

.link_featured_work {
  width: 100%;
  height: 100%;
}

.image-71 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.img_item_fix {
  width: auto;
  height: 100%;
  padding: 15px;
}

.img_item_fix._50 {
  width: auto;
}

.image-72 {
  width: 100%;
  height: 100%;
}

.image-73, .image-74, .image-75 {
  max-width: none;
  max-height: 100%;
}

.footer {
  height: 20vh;
  margin-top: 100px;
  margin-bottom: 0;
}

.section_grid_box {
  border: 0 solid #000;
  border-top-width: 1.5px;
  width: 100%;
  max-width: none;
  padding-top: 20px;
}

.grid-2 {
  grid-template-columns: .75fr .75fr .75fr 1.25fr;
}

.nav_footer {
  flex-direction: column;
  display: flex;
}

.nav_footer_item {
  flex: 0 auto;
  margin-bottom: 5px;
}

.nav_footer_button {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.nav_footer_button.italic {
  font-style: italic;
  font-weight: 300;
}

.contact_footer_button {
  margin-bottom: 5px;
}

.business_inquiries {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.bi_item {
  flex: 0 auto;
  margin-bottom: 5px;
}

.copyright_item {
  flex: 0 auto;
  margin-top: 60px;
}

.text-span-2 {
  font-weight: 300;
}

.camera {
  width: 70vw;
  height: 70vh;
  position: sticky;
  top: 155px;
  overflow: hidden;
}

.frame {
  width: 100%;
  height: 100%;
  margin-top: 5px;
  display: flex;
}

.frame.mrh {
  width: 80%;
}

.item {
  background-image: url('../images/royale_spring_hill_apartment-01.jpg');
  background-position: 0 0;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 100%;
  margin-right: 15px;
}

.item._50 {
  background-image: url('../images/locus_hepburn_studio_04.png');
  width: 50%;
}

.item._50._1 {
  background-image: url('../images/ancol_seafront_house-02.jpg');
  width: 30%;
}

.item._50._1.ua {
  background-image: url('../images/under_armour_factory_outlet-03.jpg');
}

.item._50._1.mh {
  background-image: url('../images/locus_mm_house_03.jpg');
}

.item._50._1.or {
  background-image: url('../images/Ozz_relaxation_reflexology-02.jpg');
}

.item._50._1.grh {
  background-image: url('../images/golf_residence_house-01.jpg');
}

.item._50._1.tribe {
  background-image: url('../images/tribe_01.jpg');
}

.item._50._1.kys {
  background-image: url('../images/locus_karuna_yoga_studio_02.jpg');
}

.item._50._1.rl {
  background-image: url('../images/locus_rumah_lilin_05.jpg');
}

.item._50._1.mrh {
  background-image: url('../images/locus_meruya_house_05.png');
}

.item._50._2 {
  background-image: url('../images/ancol_seafront_house-04.jpg');
  width: 30%;
}

.item._50._2.ua {
  background-image: url('../images/under_armour_factory_outlet-04.jpg');
}

.item._50._2.mh {
  background-image: url('../images/locus_mm_house_07.jpg');
}

.item._50._2.or {
  background-image: url('../images/Ozz_relaxation_reflexology-04.jpg');
}

.item._50._2.grh {
  background-image: url('../images/golf_residence_house-07.jpg');
}

.item._50._2.grh._1 {
  background-image: url('../images/golf_residence_house-10.jpg');
}

.item._50._2.grh._3 {
  background-image: url('../images/golf_residence_house-11.jpg');
}

.item._50._2.grh._4 {
  background-image: url('../images/golf_residence_house-12.jpg');
}

.item._50._2.tribe {
  background-image: url('../images/tribe_02.jpg');
}

.item._50._2.tribe._1 {
  background-image: url('../images/tribe_03.jpg');
}

.item._50._2.tribe._3 {
  background-image: url('../images/tribe_04.jpg');
}

.item._50._2.tribe._4 {
  background-image: url('../images/locus_tribe_06.jpg');
}

.item._50._2.kys {
  background-image: url('../images/locus_karuna_yoga_studio_04.jpg');
}

.item._50._2.rl {
  background-image: url('../images/locus_rumah_lilin_06.jpg');
}

.item._50._2.mrh {
  background-image: url('../images/locus_meruya_house_06.png');
}

.item._50._3 {
  background-image: url('../images/ancol_seafront_house-05.jpg');
  width: 30%;
  height: 80%;
}

.item._50._3.ua {
  background-image: url('../images/under_armour_factory_outlet-07.jpg');
}

.item._50._3.ua._1 {
  background-image: url('../images/under_armour_factory_outlet-06.jpg');
}

.item._50._3.or {
  background-image: url('../images/Ozz_relaxation_reflexology-06.jpg');
}

.item._50._3.kys {
  background-image: url('../images/locus_karuna_yoga_studio_05.jpg');
}

.item._50._3.sh {
  background-image: url('../images/locus_springville_house_03.jpg');
}

.item._50._3.ph {
  background-image: url('../images/locus_palembang_house_03.jpg');
}

.item._50._3.hs {
  background-image: url('../images/locus_hepburn_studio_03.png');
  width: 32%;
  height: 80%;
}

.item._50._3.hs-copy {
  background-image: url('../images/locus_hepburn_studio_03.png');
}

.item._50._4.or {
  background-image: url('../images/Ozz_relaxation_reflexology-08.jpg');
  width: 30%;
}

.item._50._4.kys {
  background-image: url('../images/locus_karuna_yoga_studio_06.jpg');
  width: 30%;
}

.item._50._4.sh {
  background-image: url('../images/locus_springville_house_04.jpg');
  width: 30%;
}

.item._50._4.ph {
  background-image: url('../images/locus_palembang_house_04.png');
  width: 30%;
}

.item._50._4.mh {
  background-image: url('../images/locus_mm_house_01_.jpg');
  width: 30%;
}

.item._50._4.hs {
  background-image: url('../images/locus_hepburn_studio_04.png');
  width: 32%;
  height: 80%;
}

.item._50._5.kys {
  background-image: url('../images/locus_karuna_yoga_studio_07.jpg');
  width: 30%;
  height: 80%;
}

.item._50._5.mh {
  background-image: url('../images/locus_mm_house_10.jpg');
  width: 30%;
}

.item._50._7.sh {
  background-image: url('../images/locus_springville_house_07.jpg');
  width: 30%;
  height: 80%;
}

.item._50._8.sh {
  background-image: url('../images/locus_springville_house_08.jpg');
  width: 30%;
}

.item._1 {
  background-image: url('../images/ancol_seafront_house-01.jpg');
  background-position: 50%;
  width: 80%;
  height: 80%;
}

.item._1.ua {
  background-image: url('../images/under_armour_factory_outlet-01.jpg');
}

.item._1.mh {
  background-image: url('../images/locus_mm_house_01.jpg');
}

.item._1.or {
  background-image: url('../images/Ozz_relaxation_reflexology-01.jpg');
}

.item._1.rlo {
  background-image: url('../images/rights_ledger_office-01.jpg');
}

.item._1.grh {
  background-image: url('../images/golf_residence_house-02.jpg');
}

.item._1.tribe {
  background-image: url('../images/locus_tribe_05.jpg');
}

.item._1.rl {
  background-image: url('../images/locus_rumah_lilin_01.jpg');
}

.item._1.kys {
  background-image: url('../images/locus_karuna_yoga_studio_01.jpg');
}

.item._1.sh {
  background-image: url('../images/locus_springville_house_01.jpg');
}

.item._1.ph {
  background-image: url('../images/locus_palembang_house_01.jpg');
}

.item._1.mrh {
  object-fit: fill;
  background-image: url('../images/locus_meruya_house_01.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  height: 80%;
}

.item._1.hs {
  aspect-ratio: auto;
  object-position: 50% 50%;
  background-image: url('../images/locus_hepburn_studio_01.png');
  width: 65%;
  display: block;
}

.item._2 {
  background-image: url('../images/locus_hepburn_studio_02.png');
  background-position: 50%;
  width: 80%;
  height: 80%;
}

.item._2.ua {
  background-image: url('../images/under_armour_factory_outlet-02.jpg');
}

.item._2.mh {
  background-image: url('../images/locus_mm_house_02.jpg');
}

.item._2.or {
  background-image: url('../images/Ozz_relaxation_reflexology-03.jpg');
}

.item._2.rlo {
  background-image: url('../images/rights_ledger_office-02.jpg');
}

.item._2.grh {
  background-image: url('../images/golf_residence_house-03.jpg');
}

.item._2.tribe {
  background-image: url('../images/Tribe_07.png');
}

.item._2.rl {
  background-image: url('../images/locus_rumah_lilin_02.jpg');
}

.item._2.kys {
  background-image: url('../images/locus_karuna_yoga_studio_03.jpg');
}

.item._2.sh {
  background-image: url('../images/locus_springville_house_02.jpg');
}

.item._2.ph {
  background-image: url('../images/locus_palembang_house_02.png');
}

.item._2.mrh {
  background-image: url('../images/locus_meruya_house_02.png');
}

.item._2.hs {
  width: 65%;
}

.item._3 {
  background-image: url('../images/ancol_seafront_house-06.jpg');
  width: 80%;
  height: 80%;
}

.item._3.ua {
  background-image: url('../images/under_armour_factory_outlet-05.jpg');
}

.item._3.mh {
  background-image: url('../images/locus_mm_house_04.jpg');
}

.item._3.or {
  background-image: url('../images/Ozz_relaxation_reflexology-05.jpg');
}

.item._3.rlo {
  background-image: url('../images/rights_ledger_office-05.jpg');
}

.item._3.grh {
  background-image: url('../images/golf_residence_house-04.jpg');
}

.item._3.rl {
  background-image: url('../images/locus_rumah_lilin_03.jpg');
}

.item._3.mrh {
  background-image: url('../images/locus_meruya_house_03.png');
}

.item._4 {
  background-image: url('../images/ancol_seafront_house-07.jpg');
  width: 80%;
  height: 80%;
}

.item._4.ua {
  background-image: url('../images/under_armour_factory_outlet-08.jpg');
}

.item._4.mh {
  background-image: url('../images/locus_mm_house_05.jpg');
}

.item._4.mh._1 {
  background-image: url('../images/locus_mm_house_06.jpg');
}

.item._4.or._1 {
  background-image: url('../images/Ozz_relaxation_reflexology-07.jpg');
}

.item._4.rlo {
  background-image: url('../images/rights_ledger_office-06.jpg');
}

.item._4.rlo._1 {
  background-image: url('../images/rights_ledger_office-07.jpg');
}

.item._4.grh {
  background-image: url('../images/golf_residence_house-06.jpg');
}

.item._4.grh._1 {
  background-image: url('../images/golf_residence_house-08.jpg');
}

.item._4.grh._2 {
  background-image: url('../images/golf_residence_house-09.jpg');
}

.item._4.rl {
  background-image: url('../images/locus_rumah_lilin_04.jpg');
}

.item._4.mrh {
  background-image: url('../images/locus_meruya_house_04.png');
}

.item._5 {
  width: 80%;
  height: 80%;
}

.item._5.mh {
  background-image: url('../images/locus_mm_house_08.jpg');
  width: 80%;
  height: 80%;
}

.item._5.rl {
  background-image: url('../images/locus_rumah_lilin_07.jpg');
  width: 80%;
  height: 80%;
}

.item._5.sh {
  background-image: url('../images/locus_springville_house_05.jpg');
}

.item._5.ph {
  background-image: url('../images/locus_palembang_house_05.jpg');
}

.item._5.mrh {
  background-image: url('../images/locus_meruya_house_07.png');
}

.item._5.hs {
  background-image: url('../images/locus_hepburn_studio_05.png');
  width: 65%;
}

.item._6.rl {
  background-image: url('../images/locus_rumah_lilin_08.jpg');
  width: 80%;
  height: 80%;
}

.item._6.sh {
  background-image: url('../images/locus_springville_house_06.jpg');
  width: 80%;
  height: 80%;
}

.item._6.ph {
  background-image: url('../images/locus_palembang_house_06.jpg');
  width: 80%;
  height: 80%;
}

.item._6.mrh {
  background-image: url('../images/locus_meruya_house_08.png');
  width: 80%;
  height: 80%;
}

.item._6.hs {
  background-image: url('../images/locus_hepburn_studio_06.png');
  width: 65%;
  height: 80%;
}

.item._7.rl {
  background-image: url('../images/locus_rumah_lilin_09.jpg');
  width: 80%;
  height: 80%;
}

.item._7.ph {
  background-image: url('../images/locus_palembang_house_07.png');
  width: 80%;
  height: 80%;
}

.item._7.mrh {
  background-image: url('../images/export_image_locus_tambahan-09.png');
  width: 80%;
  height: 80%;
}

.item._7.hs {
  background-image: url('../images/locus_hepburn_studio_07.png');
  width: 65%;
  height: 80%;
}

.item._8.sh {
  width: 80%;
  height: 80%;
}

.item._8.ph {
  background-image: url('../images/locus_palembang_house_9.png');
  width: 80%;
  height: 80%;
}

.item._8.hs {
  background-image: url('../images/locus_palembang_house_08.png');
  width: 65%;
  height: 80%;
}

.item._9.sh {
  background-image: url('../images/locus_springville_house_09.jpg');
  width: 80%;
  height: 80%;
}

.item._9.ph {
  background-image: url('../images/locus_palembang_house_10.png');
  width: 80%;
  height: 80%;
}

.item._9.hs {
  aspect-ratio: auto;
  object-fit: fill;
  object-position: 50% 100%;
  background-image: url('../images/locus_palembang_house_09.png');
  width: 65%;
  height: 80%;
}

.image-76 {
  max-width: none;
  max-height: 100%;
}

.desc_fix {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.link_works_home_imgs {
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.lottie_text_home {
  height: 100vh;
  margin-top: 100px;
}

.lottie_text_home.tablet, .lottie_text_home.mobile {
  display: none;
}

.div-block-2, .div-block-3 {
  flex: 1;
}

.section {
  margin-top: 40px;
}

.link-block-2 {
  max-width: 10%;
}

.text-span-3, .text-span-4, .text-span-5, .text-span-6, .text-span-7, .text-span-8 {
  font-weight: 900;
}

.nav_project {
  position: sticky;
  inset: 5% 0% auto;
}

.image-77 {
  width: 70%;
  min-width: 50%;
  max-width: none;
  height: auto;
  position: relative;
  right: 40px;
  overflow: hidden;
}

.image-77.a {
  width: 100%;
  min-width: auto;
  max-width: none;
  right: 0;
}

.image-78 {
  z-index: 1;
  width: 40%;
  min-width: 30%;
  max-width: none;
  position: relative;
  top: 120px;
  left: 70px;
  overflow: hidden;
}

.image-78.a {
  width: 100%;
  min-width: auto;
  max-width: none;
  top: 0;
  left: 0;
}

.image-79 {
  width: 30%;
  min-width: 19%;
  max-width: none;
  position: relative;
  top: 80px;
  overflow: hidden;
}

.image-79.a {
  width: 100%;
  min-width: auto;
  max-width: none;
  top: 0;
}

.image-80 {
  z-index: 1;
  width: 40%;
  min-width: 25%;
  max-width: none;
  display: none;
  position: relative;
  top: 305px;
  right: 280px;
  overflow: hidden;
}

.image-80.a {
  width: 100%;
  min-width: auto;
  max-width: none;
  top: 0;
  right: 0;
}

.home_page_photo_container-2 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.underline {
  background-color: #000;
  width: auto;
  height: 10%;
}

.div-block-4 {
  height: 10%;
}

.frame_works {
  overflow: hidden;
}

.link-block-3 {
  text-decoration: none;
}

.underline_footer {
  background-color: #000;
  height: 2px;
}

.work_tablet, .test_fullscreen_photo, .test_fullscreen_photo._3 {
  display: none;
}

.lottie-animation {
  width: 100vw;
}

.text-span-10 {
  color: #fff;
}

.nav_mobile {
  display: none;
}

.pre-loader {
  z-index: 100;
  background-color: var(--bg_main_color);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pre_load_container {
  width: 10%;
}

.body-4, .body-5 {
  background-color: var(--bg_main_color);
}

.div-block-8 {
  display: none;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 991px) {
  .home_page {
    height: 100vh;
    padding-top: 200px;
  }

  .nav_bar {
    display: none;
  }

  .nav_bar.tablet {
    display: block;
  }

  .nav_button {
    margin-right: 40px;
  }

  .nav_button_item, .nav_button_item.w--current {
    font-size: 14px;
  }

  .link-block {
    max-width: 10%;
  }

  .link-block.w--current {
    max-width: 15%;
  }

  .image {
    max-width: 30%;
    top: 232px;
    right: 290px;
  }

  .heading_mid_home {
    font-size: 28px;
    line-height: 32px;
  }

  .work_home.mobile {
    display: none;
  }

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

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

  .image-2 {
    max-width: 25%;
  }

  .image-3 {
    max-width: 35%;
    top: 135px;
    left: 15px;
  }

  .image-4 {
    max-width: 60%;
    right: 130px;
  }

  .reach_us_home.a {
    display: none;
  }

  .reach_us_home.a.d, .reach_us_home.a.b {
    display: block;
  }

  .reach_us_home.a.b.c, .work_section, .work_section.tablet {
    display: none;
  }

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

  .nav_footer_button {
    font-size: 14px;
    line-height: 17px;
  }

  .lottie_text_home {
    display: none;
  }

  .lottie_text_home.tablet {
    margin-top: 0;
    display: block;
  }

  .italic-text {
    font-size: 28px;
  }

  .italic-text-2 {
    font-size: 26px;
    line-height: 30px;
  }

  .bold-text {
    font-size: 22px;
    line-height: 32px;
  }

  .italic-text-3 {
    font-size: 22px;
    line-height: 26px;
  }

  .bold-text-2 {
    font-size: 22px;
    line-height: 32px;
  }

  .italic-text-4 {
    font-size: 22px;
    line-height: 26px;
  }

  .bold-text-3 {
    font-size: 22px;
    line-height: 32px;
  }

  .italic-text-5 {
    font-size: 22px;
    line-height: 26px;
  }

  .image-77 {
    min-width: 60%;
    max-width: 60%;
    right: 124px;
  }

  .image-78 {
    min-width: 38%;
    max-width: 35%;
    top: 190px;
    left: 18px;
  }

  .image-79 {
    min-width: 23%;
    max-width: 25%;
  }

  .image-80 {
    min-width: 30%;
    max-width: 30%;
    top: 275px;
    right: 274px;
  }

  .work_tablet {
    display: block;
  }

  .heading_work_tablet {
    padding-top: 80px;
  }

  .desc_box_work_tablet {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .work_item_tabet {
    width: 70vw;
    height: auto;
  }

  .work_item_tabet._50 {
    justify-content: space-between;
    margin-top: 13px;
    display: flex;
  }

  .potrait_work {
    margin-top: 13px;
  }

  .item_50 {
    width: 48.5%;
    height: 41vh;
    overflow: hidden;
  }

  .image-82 {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .image-82.a {
    margin-left: -82px;
  }

  .test_fullscreen_photo {
    background-color: #000000bf;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .test_fullscreen_photo._2, .test_fullscreen_photo._3, .test_fullscreen_photo._4, .test_fullscreen_photo._5, .test_fullscreen_photo._6, .test_fullscreen_photo._7 {
    display: none;
  }

  .fullscreen_pict {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .close_button {
    width: 3vw;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 17.5% 2.1% auto auto;
  }

  .potrait {
    max-width: 85%;
  }

  .potrait.a {
    max-width: none;
    height: 100%;
    margin-left: 0;
  }

  .text-span-9 {
    color: #fff;
  }

  .landscape {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .div-block-5 {
    width: 85%;
    height: 100vh;
    overflow: hidden;
  }

  .image-83 {
    max-width: none;
    height: 100%;
  }

  .fullscreen {
    display: block;
  }

  .nav_mobile {
    display: none;
  }

  .pre-loader, .body-2, .body-3, .body-4 {
    background-color: var(--bg_main_color);
  }

  .image-84 {
    max-width: 70%;
  }

  .div-block-7 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav_bar.tablet, .work_home {
    display: block;
  }

  .work_home.mobile, .reach_us_home.a.b.c, .nav_mobile {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .home_page {
    padding-top: 155px;
  }

  .nav_bar, .nav_bar.tablet {
    display: none;
  }

  .link-block {
    max-width: 10vw;
  }

  .work_home {
    display: none;
  }

  .work_home.mobile {
    display: block;
  }

  .work_title._50 {
    flex-direction: column;
    max-width: 100%;
  }

  .heading_fix {
    font-size: 26px;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .reach_us_home.a {
    height: 50vh;
    margin-top: 100px;
  }

  .reach_us_home.a.d {
    height: 55vh;
  }

  .reach_us_home.a.b {
    display: none;
  }

  .reach_us_home.a.b.c {
    display: block;
  }

  .container {
    flex-direction: column;
  }

  .container.mobile {
    flex-direction: row;
    align-items: center;
  }

  .reach_us_content {
    max-width: 100%;
  }

  .reach_us_content.a {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .adress_home {
    flex-direction: column;
    font-size: 20px;
    line-height: 26px;
    display: flex;
  }

  .heading_work {
    font-size: 24px;
    line-height: 30px;
  }

  .track_fix {
    display: block;
  }

  .frame_fix {
    flex-direction: row;
  }

  .nav_footer_button {
    font-size: 15px;
    line-height: 22px;
  }

  .nav_footer_button.italic {
    font-size: 18px;
  }

  .lottie_text_home.tablet {
    display: none;
  }

  .lottie_text_home.mobile {
    display: block;
  }

  .div-block-3 {
    margin-top: 40px;
  }

  .bold-text, .italic-text-3 {
    font-size: 20px;
    line-height: 24px;
  }

  .bold-text-2 {
    font-size: 20px;
  }

  .italic-text-4 {
    font-size: 20px;
    line-height: 24px;
  }

  .bold-text-3, .italic-text-5 {
    font-size: 20px;
  }

  .image-77 {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
    right: 145px;
  }

  .image-78 {
    min-width: 50%;
    top: 180px;
  }

  .image-79 {
    width: 35%;
    min-width: 35%;
    max-width: 35%;
  }

  .image-80 {
    width: 45%;
    min-width: 45%;
    max-width: 45%;
    top: 300px;
  }

  .desc_box_work_tablet {
    flex-direction: column;
  }

  .work_item_tabet {
    height: 155px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 20px;
  }

  .work_item_tabet._50 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .potrait_work {
    margin-top: 0;
  }

  .item_50 {
    height: 30vh;
  }

  .image-82.a {
    margin-left: 0;
  }

  .landscape {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .bold-text-4 {
    font-size: 24px;
  }

  .nav_mobile {
    z-index: 15;
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .hamburg_menu_container {
    z-index: 15;
    width: 8vw;
    position: relative;
  }

  .logo_container_mobile {
    z-index: 15;
    width: 13vw;
    position: relative;
  }

  .lottie-animation-2 {
    padding-top: 5px;
  }

  .hamburg_overlay {
    z-index: 10;
    background-color: #d1d1d1;
    justify-content: center;
    width: 100vw;
    height: 50vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .container_hamburg {
    flex-direction: column;
    align-items: flex-start;
    width: 70%;
    padding-top: 155px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .hamburg_menu_item {
    width: 100%;
    margin-bottom: 20px;
  }

  .hamburg_button {
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
  }

  .pre-loader {
    display: none;
  }

  .pre_load_container {
    width: 30%;
  }

  .div-block-6 {
    width: 70%;
  }

  .div-block-9 {
    display: none;
  }

  .div-block-10 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 0;
    display: block;
  }
}

#w-node-b3ad56d5-941a-ee73-2349-3b2c16d3dfaa-9ee38946, #w-node-e565e439-0711-411f-4747-2084e74a1102-9ee38946, #w-node-_70b27681-5d76-288f-de34-37fd8ff6ab8b-9ee38946, #w-node-_67a5768f-93e1-d56e-a4e6-2126263aab0e-9ee38946, #w-node-a57b8204-b4ff-6827-3e3d-2abe568bb1b9-9ee38946, #w-node-d542021a-a6b5-e404-8d5d-1c1b7065615f-9ee38946 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-f4127b6a-92bd-c401-6d30-0d202dc641d3-9ee38946 {
  grid-area: span 6 / span 4 / span 6 / span 4;
}

#w-node-_736e65bd-417f-f69b-7185-92e43375f3f1-9ee38946, #w-node-_6e581ebc-2e9e-7bbc-3530-5eaf21d471c6-9ee38946, #w-node-_9540321e-1691-28f2-41bc-a83e6ef43a77-9ee38946, #w-node-_1c5e22f9-6a42-ee59-9118-d3adcdf48178-9ee38946, #w-node-_7408913f-457f-6cca-1c65-38775034c4dc-9ee38946, #w-node-_1eba552d-ec4f-bdae-10ac-51469706e1b0-9ee38946, #w-node-_671209c2-410e-071b-dfc9-91967cb9289c-9ee38946, #w-node-af67fd36-f9fe-67e2-5e8c-792ed2a4cebd-9ee38946, #w-node-_1fe055ed-d559-0aa1-dc5f-ae4602bb2488-9ee38946, #w-node-d5b540a5-14d1-7d4f-8480-69bd1eab0169-9ee38946, #w-node-_64426ef2-1a5b-c3dc-caf7-3721b72dcd6c-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25a8b-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25a9b-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25aa4-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25aa5-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25a9c-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25ab5-9ee38946, #w-node-_4f867df3-8192-d340-70db-1e4c831b0bc8-9ee38946, #w-node-_6174ffae-4fe2-5aaa-9b33-a36d506b680f-9ee38946, #w-node-b0f6fbff-4528-dc5f-3e47-7885429b46d2-9ee38946, #w-node-ec1be0e3-c841-23d5-649d-16e09c5cb331-9ee38946, #w-node-_4296564b-0ab0-36df-428c-ac99494473eb-9ee38946, #w-node-_6cb004c6-34f1-2ed3-2656-50ed166fec4c-9ee38946, #w-node-_494a61de-16a5-32d7-a94e-6ea7b272ad29-9ee38946 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

@media screen and (max-width: 479px) {
  #w-node-e565e439-0711-411f-4747-2084e74a1102-9ee38946, #w-node-fbfb558c-1158-dc3b-1dd6-2a4f1ac25aa5-9ee38946, #w-node-_4f867df3-8192-d340-70db-1e4c831b0bc8-9ee38946, #w-node-_6174ffae-4fe2-5aaa-9b33-a36d506b680f-9ee38946, #w-node-b0f6fbff-4528-dc5f-3e47-7885429b46d2-9ee38946, #w-node-ec1be0e3-c841-23d5-649d-16e09c5cb331-9ee38946, #w-node-_4296564b-0ab0-36df-428c-ac99494473eb-9ee38946, #w-node-_6cb004c6-34f1-2ed3-2656-50ed166fec4c-9ee38946, #w-node-_494a61de-16a5-32d7-a94e-6ea7b272ad29-9ee38946 {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }
}


@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype'), url('../fonts/Lato-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-HairlineItalic.ttf') format('truetype'), url('../fonts/Lato-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-HeavyItalic.ttf') format('truetype'), url('../fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-MediumItalic.ttf') format('truetype'), url('../fonts/Lato-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato hairline';
  src: url('../fonts/Lato-Hairline.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}