.scroller {
  height: 100vh;
  padding-bottom: 3em;
}

@media (max-width: 760px) {
  .scroller {
    height: auto;
  }
}

.container {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3rem;
}

@media (max-width: 1440px) {
  .container {
    padding: 0 2rem;
  }
}

@media (max-width: 760px) {
  .container {
    padding: 0 1rem;
  }
}

#wrap {
  background: #fff;
  height: 100%;
  position: relative;
  z-index: 200;
}

#wrapper {
  height: 100%;
  height: auto !important;
  margin: 0;
  padding: 0;
}


.mn_screen {
  position: relative;
  height: 100vh;
  background: #fff;
  overflow: hidden;
  z-index: 50;
}

.mn_screen .intro {
  position: absolute;
  height: 100vh;
  left: 0;
  top: 0;
  width: 100vw;
  overflow: hidden;
}

.mn_screen .intro_hold {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  top: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 81.979vw;
  height: 40.208vw;
  bottom: 0;
  margin: auto;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 460px;
    width: 360px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

.mn_screen .intro_hold .intro_img {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  -webkit-clip-path: inset(100% 100% 100% 100%);
  clip-path: inset(100% 100% 100% 100%);
  transform: scale(1.8);
  border: 2.5px solid #a9abb5;
}

.mn_screen .intro_hold .intro_img.intro_img01 {
  top: 12.76vw;
  left: 11.615vw;
  width: 19.969vw;
  height: 25.563vw;
  z-index: 60;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img01 {
    width: 131px;
    height: 156px;
    top: 155px;
    left: 3px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img01 img {
    -o-object-position: 0;
    object-position: 0;
  }
}

.mn_screen .intro_hold .intro_img.intro_img02 {
  top: -0.781vw;
  left: 24.479vw;
  width: 15.958vw;
  height: 15.75vw;
  z-index: 20;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img02 {
    width: 111px;
    height: 106px;
    top: 0;
    left: 53px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img02 img {
    -o-object-position: 0;
    object-position: 0;
  }
}

.mn_screen .intro_hold .intro_img.intro_img03 {
  top: 9.167vw;
  left: 29.844vw;
  width: 16.51vw;
  height: 23.542vw;
  z-index: 10;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img03 {
    width: 223px;
    height: 318px;
    top: 75px;
    left: 82px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img03 img {
    -o-object-position: 0;
    object-position: 0;
  }
}

.mn_screen .intro_hold .intro_img.intro_img04 {
  top: 26.198vw;
  left: 31.458vw;
  width: 22.948vw;
  height: 20.073vw;
  z-index: 50;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img04 {
    width: 153px;
    height: 119px;
    top: 335px;
    left: 183px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img04 img {
    -o-object-position: 100%;
    object-position: 100%;
  }
}

.mn_screen .intro_hold .intro_img.intro_img05 {
  top: -0.104vw;
  left: 40.99vw;
  width: 18.552vw;
  height: 18.271vw;
  z-index: 30;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img05 {
    display: none;
  }
}

.mn_screen .intro_hold .intro_img.intro_img06 {
  top: 23.073vw;
  left: 44.74vw;
  width: 21.979vw;
  height: 13.658vw;
  z-index: 65;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img06 {
    width: 131px;
    height: 131px;
    top: 188px;
    left: 224px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img06 img {
    -o-object-position: 0;
    object-position: 0;
  }
}

.mn_screen .intro_hold .intro_img.intro_img07 {
  top: 9.323vw;
  left: 45.156vw;
  width: 17.031vw;
  height: 18.229vw;
  z-index: 10;
  opacity: 1;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img07 {
    width: 146px;
    height: 192px;
    top: 48px;
    left: 188px;
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold .intro_img.intro_img07 img {
    -o-object-position: 0;
    object-position: 0;
  }
}

.mn_screen .intro_hold .intro_img .intro_img_hold {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mn_screen .intro_hold .intro_img .intro_img_hold img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.mn_screen .intro_hold_h1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  bottom: auto;
  top: 9.74vw;
  width: auto;
  height: 30.25vw;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  z-index: 70;
  opacity: 1;
  transform: translateY(0);
  pointer-events: none;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold_h1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 80px;
    top: -11px;
    z-index: 80;
  }
}

.mn_screen .intro_hold_h1 .h2g {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font: normal 14.188vw/12.24vw Atyp;
  letter-spacing: 0.664vw;
  height: 16.25vw;
  left: -1.823vw;
  transform: translateY(55.927vw);
}

@media (max-width: 1024px) {
  .mn_screen .intro_hold_h1 .h2g {
    transform: translateY(17.5vw);
  }
}

@media (max-width: 760px) {
  .mn_screen .intro_hold_h1 .h2g {
    color: #fff;
    left: 0;
    height: 80px;
    font: normal 86px/56px Atyp;
    letter-spacing: -6.487px;
    transform: translateY(85px);
  }
}

.mn_screen .intro_hold_h1 .h2g .r {
  position: absolute;
  top: 2.344vw;
  right: -2.5vw;
  background: url(../img/s3.svg) no-repeat 0 0 / cover;
  width: 3.229vw;
  height: 3.229vw;
}

@media (max-width: 760px) {
  .mn_screen .intro_hold_h1 .h2g .r {
    background: url(../img/s3w.svg) no-repeat 0 0 / cover;
    top: 8px;
    right: -19px;
    width: 12px;
    height: 12px;
  }
}

.mn_screen .ms_txt {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 2.083vw;
  opacity: 0;
  transform: translateY(1.302vw);
  z-index: 80;
}

@media (max-width: 760px) {
  .mn_screen .ms_txt {
    bottom: 120px;
    transform: translateY(25px);
  }
}

.mn_screen .ms_txt p {
  color: white;
  font: 500 3vw/0.99vw Atyp;
  font-weight: normal;
}

@media (max-width: 1280px) {
  .mn_screen .ms_txt p {
    font: normal 1vw/0.938vw Atyp;
  }
}

@media (max-width: 1024px) {
  .mn_screen .ms_txt p {
    font: normal 1.172vw/1.172vw Atyp;
  }
}

@media (max-width: 760px) {
  .mn_screen .ms_txt p {
    font: normal 15px/15px Atyp;
  }
}

.safari_mac .mn_screen .intro_hold_h1 .h2g {
  font: normal 22.188vw/19.24vw Atyp;
}

.safari_mac .apartment_premises .rows .cols .d_img .dic_desc .d_img_clip .h3 {
  transform: translateY(0);
}

.safari_mac .doubl_txt_wrap .doubl_txt .rows .dt_ovr {
  top: -1.563vw;
}

.safari_mac .v_menu .b_rows_wrap .vm_m_sap .sap_btn_vm {
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.safari_mac .apartment_premises_lnks .rows_lnk .apl_r_lnk {
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.mdl_cnt {
  margin: -13.542vw 0 0;
  position: relative;
  z-index: 100;
  opacity: 0;
}