/****HomePage***/
body { background: #000; }
/*body { overflow-y: hidden; }
    body.slideEnd { overflow-y: auto; }*/
.counter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; font-family: 'Inter', sans-serif; font-weight: 800; color: #000; font-size: 90%; }
h1.FadeInElement { font-size: 300%; max-width: 790px; -webkit-transform: translate(0, 0); transform: translate(0, 0); line-height: 1; }
h2 { font-size: 400%; text-align: left; display: inline-block; line-height: 1.03; padding: 0 40px; vertical-align: middle; max-width: 430px; direction: ltr; }
h2.section-title { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 230%; max-width: none; display: block; text-align: center; }
header#SiteHeader { background-color: transparent; }
.slideEnd #SiteHeader { background-color: #000 }
#PagesSlide h2 { font-family: 'Inter', sans-serif; font-weight: 800; }
.scroll-down { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); }
footer { position: relative; }

@media(max-width:991px) {
    /*body { overflow-y: auto; }*/
    h2.section-title { padding: 0; }
}

@media(max-width:767px) {
    h1.FadeInElement { font-size: 150%; }
    h2 { text-align: center; font-size: 14vw; max-width: 90vw; line-height: 1.22; width: 100%; }
    h2.section-title { font-size: 175%; }
}



#PagesSlide { touch-action: pan-y; -ms-touch-action: pan-y; height: 100vh; display: none; }
#PagesSlide[slide="1"] .slick-dots, #PagesSlide[slide="2"] .slick-dots { color: #1a1a1a; }
#PagesSlide[slide="1"] .slick-dots li:before, #PagesSlide[slide="2"] .slick-dots li:before, #PagesSlide[slide="1"] .slick-dots .skip:before, #PagesSlide[slide="2"] .slick-dots .skip:before { background: #1a1a1a; }
#PagesSlide .dot-location { position: absolute; width: 50px; height: 10px; top: 6%; right: 20px; transition: all 1s ease-in-out; text-align: right; }
#PagesSlide[slide="1"] .dot-location { top: 22%; }
#PagesSlide[slide="2"] .dot-location { top: 38%; }
#PagesSlide[slide="3"] .dot-location { top: 54%; }
#PagesSlide[slide="4"] .dot-location { top: 70%; }
#PagesSlide[slide="5"] .dot-location { top: 85%; }
#PagesSlide .slick-slide { width: 100%; height: 100vh; }
#PagesSlide .slick-dots { position: absolute; top: 50%; transform: translateY(-50%); right: 52px; font-size: 50%; color: #fff; }

#PagesSlide .slick-dots li:before, #PagesSlide .slick-dots .skip:before { content: ""; position: absolute; width: 5px; height: 5px; top: 5px; background: #fff; border-radius: 50%; right: 0; opacity: 0.3; transition: opacity 1s ease-in-out; }
#PagesSlide .slick-dots .skip:before { right: -16px; width: 8px; height: 8px; top: 5px; opacity: 1; }
#PagesSlide .slick-dots li.slick-active:before { opacity: 1; }
#PagesSlide .slick-dots button { direction: ltr; position: relative; padding-left: 10px; display: none; }
#PagesSlide .slick-dots li { margin: 6px 0; position: relative; height: 16px; }
#PagesSlide .slick-dots li:not(.skip) { pointer-events: none; }
#PagesSlide .slick-dots .skip { cursor: pointer; position: absolute; right: 15px; font-size: 130%; }

@media(max-width:767px) {
    #PagesSlide .slick-dots { display: none !important; }
}

section { color: #fff; }
.section-bg { opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; }
.section-bg.active { opacity: 1; }
.section-bgs, .section-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.section-bg div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.section-content-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1165px; padding: 0px 15px; }
.section-content-wrapper-bottom { position: absolute; right: 60px; max-width: 90%; padding: 0px 15px; bottom: 40px; height: 70px; width: 310px; }
.section-content { font-size: 90%; }
.section-content p:not(:first-child) { margin-top: 10px; }
.section-0 .section-content-wrapper { max-width: 90%; }

@media(max-width:767px) {
    .section-content { font-size: 80%; }
    .section-content-wrapper { position: unset; transform: none; }
}

.lottie-wrapper { width: 100%; height: 100vh; position: absolute; top: 0; overflow: hidden; }
.sub-players { transform: scaleX(-1); }
lottie-player { position: absolute; top: 0; left: 0; width: 100vw; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
lottie-player.active { opacity: 1; -webkit-transition: opacity 500ms ease-out, transform 1500ms ease-out; transition: opacity 500ms ease-out, transform 1500ms ease-out; }
lottie-player.hideAnim { opacity: 0; -webkit-transition: all .5s ease; }
.anim-wrapper { position: absolute; width: 100%; height: 100%; }

.section-0 { text-align: left; opacity: 0; }
.section-0 .section-content-wrapper > .generalBtn { margin-top: 32px; }
.section-0 .section-content { font-size: 100%; max-width: 90%; margin-top: 20px; }
.section-0 .section-stores { position: absolute; right: 0; top: 0; }
.section-0 .section-stores .section-stores-title { opacity: 0.6; font-size: 70%; }
.section-0 .section-stores .social-link { display: inline-block; padding-right: 10px; }
.section-0 .section-stores .social-link img { max-width: 140px; width: 100%; }
.section-0 .section-stores .social-link:last-child { padding-left: 0; }
.section-stores .social-link { pointer-events: none; }

@media(max-width:767px) {
    .section-content-wrapper-bottom { padding: 0; width: 288px; left: 50%; transform: translateX(-50%); }
    .section-0 .section-content { font-size: 85%; margin-top: 10px; max-width: 100%; }
    .section-0 .section-content-wrapper > .generalBtn { margin-top: 15px; max-width: 270px; height: 62px; line-height: 1.3; }
    .section-0 .section-stores .section-stores-title { margin-bottom: 10px; }
    .section-0 .section-stores .social-link img { max-width: 130px; }
}

.section-2 { color: #000; }
.section-2 .section-content-wrapper { text-align: center; transform: translateX(-50%); bottom: 18vw; top: auto; }
.section-2 .section-content-wrapper .section-content { opacity: 0.6; font-size: 90%; max-width: 750px; margin: 0 auto; }
.section-2 .section-content-wrapper h2 { display: none; }
.section-2 .sub-image { text-align: center; }
.section-2 .sub-image img { display: inline-block; margin-top: 37px; }

@media(max-width:767px) {
    .section-2 .sub-image { }
    .section-2 .section-content-wrapper { margin-top: 34vw; transform: none; }
    .section-2 .section-content-wrapper .section-content { }
}

.section-3 .section-content-wrapper,
.section-4 .section-content-wrapper,
.section-5 .section-content-wrapper { text-align: center; }
.section-3 .section-content,
.section-4 .section-content,
.section-5 .section-content { display: inline-block; color: #a1a1a6; padding: 0 40px; vertical-align: middle; max-width: 460px; line-height: 1.35; text-align: left; }


.section-4 .section-content-wrapper { top: 56%; }
.section-4 h2 { padding: 0 20px; }
.section-4 .section-content { max-width: 470px; padding: 0 20px; }
.section-4 .icons-wrapper img { max-width: 70px; }

.section-5 h2 { max-width: 480px; }
.section-5 h2 { padding: 0 15px; }
.section-5 .section-content { max-width: 480px; padding: 0 15px; }

@media(max-width:767px) {

    .section-3 .section-content-wrapper,
    .section-4 .section-content-wrapper,
    .section-5 .section-content-wrapper { overflow: hidden; position: relative; left: auto; top: auto; z-index: 1; }
    .section-3 .section-content-wrapper { padding-bottom: 35vw; padding-top: 20vw; }


    .section-4 .section-content-wrapper { padding-bottom: 70vw; padding-top: 0; }
    .section-5 .section-content-wrapper { padding-bottom: 90vw; }
    .section-2 .section-content, .section-3 .section-content, .section-4 .section-content, .section-5 .section-content { text-align: center; padding: 0; margin-top: 20px; max-width: 290px; display: inline-block; }
    .section-2 .section-content { margin-top: 0px; }
    .section-4 .icons-wrapper img { display: inline-block; }
}

#anim-1 { top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 1s ease; transition: all 1s ease-out; width: 260%; height: 260%; }
#anim-1.active { -webkit-transition: opacity 100ms ease-out, transform 700ms ease-out; transition: opacity 100ms ease-out, transform 700ms ease-out; }
#anim-1-wrapper { transform: translateX(0%) scaleX(-1); -webkit-transition: all 1s ease; transition: all 1s ease-in-out; }
.macOS #anim-1-wrapper { background-image: url(../Content/images/home/0.jpg); }
#anim-1-wrapper.righter { transform: translateX(-40%) scaleX(-1) }
#anim-1-wrapper.bigger #anim-1 { }
#sub-anim-1 { width: 250%; height: 250%; top: 50%; left: 50%; transform: translate(-45%,-50%); opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease-out; }
#sub-anim-1.active { opacity: 1; }

#anim-2 { transform: translate(-50%,-20%); }
#anim-2.bottomMode { transform: translate(-50%,calc(-73% - 290px)); }
#anim-3 { width: 209vw; height: 209vw; margin-left: -240px; max-width: 3100px; }
#anim-4 { width: 4600px; top: 32%; height: 2400px; }


.macOS #anim-3 { max-width: 540px; max-height: 540px; }
.macOS #anim-4 { width: 620vw; height: 620vw; top: 52%; }
.macOS #anim-5 { width: 50%; height: 50%; }

.macOS .section-bgs { background-image: url(../Content/images/purple.png); background-size: 300px 135px; background-repeat: no-repeat; background-position: left bottom; }
.macOS .section-bg-1 { z-index: 1; }
.macOS .section-bg-2 { background-color: #fff; z-index: 1; }
.macOS .section-bg-3 { background-image: url(../Content/images/home/3.jpg); background-size: cover; z-index: 1 }
.macOS .section-bg-4 { background-image: url(../Content/images/home/4.jpg); background-size: cover; z-index: 1 }
.macOS .section-bg-5 { z-index: 1; }
.macOS .section-bg-5:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: url(../Content/images/home/5.jpg); background-size: cover; opacity: 0.5; }

.macOS .lottie-wrapper { pointer-events: none; }
.macOS #anim-2-wrapper { z-index: 2; }
.macOS #anim-3-wrapper { z-index: 2; }
.macOS #anim-4-wrapper { z-index: 2; }
.macOS #anim-5-wrapper { z-index: 2; }
.macOS #PagesSlide { z-index: 3; }

@media(min-width:1025px) and (max-width:1280px) {
    #anim-2 { width: 75vw; }
    #anim-2.bottomMode { transform: translate(-50%,calc(-65% - 290px)); }
    .section-2 .section-content-wrapper { margin-bottom: 0px; top: auto; }
    .section-2 .sub-image img { margin-top: 20px; }
}

@media(max-width:767px) {
    #anim-2.bottomMode { transform: translate(-50%,-154vw); }
    #anim-3 { width: 300vw; height: 300vw; margin-left: 0vw; }
    #anim-4 { width: 200vw; height: 200vw; }
    #anim-5 { width: 220vw; height: 220vw; top: 60vw; }
}

.section-bg-1 { transition-delay: 1s; background: rgb(234,234,236); background: -moz-linear-gradient(0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); background: -webkit-linear-gradient(0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); background: linear-gradient(0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaec",endColorstr="#a2a1a7",GradientType=1); }
.section-bg-1.active { transition-delay: 0s; }
.section-bg-2 div { background-size: 28.5vw; background-repeat: no-repeat; background-position: bottom center; background-color: #fff; }

.section-bg-3 { background-color: #000; }

@media(max-width:767px) {
    .section-bg-2 div { background-size: 80vw; }
}

/*.slideEnd #PagesSlide { pointer-events: none; }*/

.main-wrapper { min-height: 100vh; background-color: #f7f7f7; display: none; position: relative; z-index: 3; }
.slideLoaded .main-wrapper { display: block; }

.ManagmentSection { padding-top: 120px; text-align: center; }
.managment-gallery .slick-slide { height: auto; padding: 10px; position: relative; text-align: left; direction: ltr; }
.managment-gallery-1-wrapper { display: none; }
.managment-gallery .slick-slide .manager-inner:before { content: ""; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.63)); position: absolute; bottom: 0; left: 0; right: 0; height: 200px; opacity: 0.5; }
.manager-inner { padding-bottom: 65%; background-size: cover; box-shadow: 7px 3px 6px 2px rgb(0 0 0 / 5%); position: relative; border-radius: 6px; overflow: hidden; }
.managment-gallery .slick-slide img { box-shadow: 7px 3px 6px 2px rgb(0 0 0 / 5%); border-radius: 50%; }
.ManagmentSection .generalBtn { margin-top: 40px; }
#managment-gallery-1 { margin-top: 30px; }
#managment-gallery-2 { margin-top: 30px; }
.manager-info { position: absolute; bottom: 20px; width: 100%; display: flex; align-items: center; padding: 0 30px 0 10px; color: #fff; }
.manager.desc { flex-grow: 1 !important; font-size: 70%; font-family: 'Inter', sans-serif; color: inherit; }
.managment-gallery-wrapper { position: relative; }
.managment-gallery-wrapper .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.managment-gallery-wrapper .prev { left: 10px; }
.managment-gallery-wrapper .next { right: 10px; }

@media(max-width:991px) {
    .ManagmentSection { padding-top: 60px; padding-bottom: 50px; }
}

@media(max-width:767px) {
    .managment-gallery .slick-slide .manager-inner:before { height: 70%; opacity: 0.4; }
}

.OpenSection { text-align: center; background-image: url('../Content/images/open.png'); background-position: center; background-repeat: no-repeat; padding: 160px 0; }
.OpenSectionInner { background-color: rgba(255,255,255,0.6); padding: 61px 130px; border-radius: 19px; max-width: 960px; margin: 0 auto; width: 90%; }
.OpenSection h2.section-title span { color: #007aff; }
.OpenSectionInner h3 { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 130%; margin: 7px 0; line-height: 1.19; }
.OpenSection .section-content { line-height: 1.22; color: #646063; }

@media(max-width:991px) {
    .OpenSection { padding: 100px 0; }
    .OpenSectionInner { padding: 60px 60px; }
}

@media(max-width:767px) {
    .OpenSection { padding: 50px 0 100px; }
    .OpenSectionInner { padding: 20px 15px; }
    .OpenSection h2.section-title span { display: block; }
    .OpenSectionInner h3 { font-size: 100%; }
}

.StaySection { text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.StaySection .FadeInElement { padding: 250px 0; }
.stay-top { background-image: url(../Content/images/stay-top.png); top: 0; background-position: center top; }
.stay-top, .stay-bottom { position: absolute; left: 0; right: 0; height: 100%; background-size: 100%; background-repeat: no-repeat; z-index: -1; }

.stay-bottom { background-image: url(../Content/images/stay-bottom.png); bottom: 0; background-position: center bottom; }
.StaySection:after { content: ""; position: absolute; height: 12vw; bottom: 0vw; width: 100%; left: 0; -webkit-filter: blur(0px); filter: blur(0px); background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0), #f7f7f7); z-index: 1; }
.StaySection:before { content: ""; position: absolute; height: 12vw; top: 0vw; width: 100%; left: 0; -webkit-filter: blur(0px); filter: blur(0px); background-image: linear-gradient(to top, rgba(247, 247, 247, 0), #f7f7f7); z-index: 1; }
.StaySectionInner h2.section-title { color: #000; font-size: 870%; letter-spacing: -2px; }
.StaySectionInner .generalBtn { margin-top: 35px; }

@media(max-width:991px) {
    .StaySectionInner h2.section-title { font-size: 520%; }
}

.BlogSection { padding: 50px 0 152px; }
.BlogSection .button-wrapper { text-align: center; }
.BlogSectionInner { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1170px; margin: 30px auto 0; width: 90%; }
.BlogSection .generalBtn { margin: 35px 5px 0; }
.blogBox-wrapper { width: 25%; padding: 12px; }
.blogItem-read-more { font-family: 'Inter', sans-serif; font-weight: 800; color: #007aff; font-size: 70%; }
.blogItem-title { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 90%; margin-top: 24px; }
.blogItemImg { display: block; padding-bottom: 66%; background-size: cover; }
.blogBox { margin-bottom: 0; direction: ltr; }

@media(max-width:767px) {
    .BlogSectionInner-wrapper { }
    .blog-posts { margin: 0; }
    .BlogSectionInner { display: block; width: 100%; margin-top: 0; }
    .slick-slide.blogBox-wrapper { width: 100%; height: auto; }
    .BlogSectionInner.beforeLoading .unshow { opacity: 0; }
    .BlogSection h2.section-title { margin-bottom: 20px; }
    .StaySectionInner h2.section-title { font-size: 300%; }
    .StaySection .FadeInElement { padding: 110px 0; }
    .BlogSection .generalBtn { margin: 0 0 10px 0; min-width: 208px; }
    .BlogSection .button-wrapper { margin-top: 30px; }
}

#PagesSlide.slick-vertical .slick-slide { height: 100vh; }

@media(max-width:767px) {
    .section-0 { opacity: 1; }
    .anim-wrapper { opacity: 0; }
    .anim-mobile-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; z-index: -1; width: 100vw; overflow: hidden; }
    .anim-wrapper.showItem { opacity: 1; }
    body { overflow-y: auto; }
    #PagesSlide { height: auto; display: block; }
    #PagesSlide h2 { font-size: 225%; }
    section { position: relative; }
    .lottie-wrapper { display: none; }
    .section-bg { opacity: 1; }
    .section-2 .section-bg div { background-size: 80vw; background-repeat: no-repeat; background-position: bottom center; }
    .section-1 { height: 75vw; transition-delay: 1s; background: rgb(234,234,236); background: -moz-linear-gradient(0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); background: -webkit-linear-gradient( 0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); background: linear-gradient( 0deg, rgba(234,234,236,1) 0%, rgba(162,161,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaec",endColorstr="#a2a1a7",GradientType=1); z-index: 1; overflow: visible; }
    .section-2 { overflow: hidden; background-color: #fff; padding-bottom: 49vw; z-index: 0; }
    .section-3 { overflow: hidden; }
    .section-4 { }
    .section-0 { overflow: hidden; }
    #section-1:after { content: ""; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 48%, rgba(255, 255, 255, 0)); position: absolute; left: 0; right: 0; height: 100px; bottom: -50px; }
    #section-2:after { content: ""; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000 48%, rgba(255, 255, 255, 0)); position: absolute; left: 0; right: 0; height: 100px; bottom: -50px; }
    #section-3:after { content: ""; background: #000; position: absolute; left: 0; right: 0; height: 60vw; top: 0; }
    .section-4:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 40%; background: #000; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
    #section-4:after { content: ""; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 48%, rgba(0, 0, 0, 0)); position: absolute; left: 0; right: 0; height: 100px; bottom: -50px; }
    #anim-mobile-0-wrapper.righter #anim-mobile-0 { transform: translate(-10%, -50%); }
    #anim-mobile-1-wrapper { height: 120vw; z-index: 1; }
    .section-0 .section-content-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin-top: -30px; padding: 0 0px; }
    .pagesSection.showItem lottie-player { opacity: 1; -webkit-transition: opacity 500ms ease-out, transform 1500ms ease-out; transition: opacity 500ms ease-in-out, transform 1500ms ease-in-out; }
    #anim-mobile-0 { width: 260vw; }
    #anim-mobile-1 { top: 5vw; transform: translateX(-50%); }
    #anim-mobile-2 { transform: none; left: auto; top: -67vw; }
    #anim-mobile-3, #anim-mobile-4, #anim-mobile-5 { top: auto; transform: translateX(-50%); }
    #anim-mobile-3 { bottom: 0; width: 120vw; }
    #anim-mobile-4 { bottom: -30vw; width: 110vw; transform: translateX(-62%); }
    #anim-mobile-5 { bottom: 15vw; width: 140vw; transform: translateX(-57%); }
    #anim-mobile-3 svg, #anim-mobile-4 svg, #anim-mobile-5 svg { width: 150% !important; height: 150% !important; right: 20%; position: relative; }
    #anim-mobile-3 svg { right: 25%; }
    .macOS #anim-mobile-4 { bottom: -280vw; width: 540vw; left: 15%; }
    .macOS #anim-mobile-5 { bottom: 15vw; width: 40vw; }
    #anim-mobile-additional { width: 270vw; left: -20vw; transform: translateY(-50%); opacity: 0; }
    #anim-mobile-additional.showItem { opacity: 1; }
    /*.section-4 .section-content,
    .section-5 .section-content { max-width: 270px; }*/
    .section-2 .section-content br { display: none }
    .section-4 .section-content br { display: none }
    .managment-gallery-wrapper .slick-arrow img { height: 19px; }
    .managment-gallery-wrapper .next { right: 22px; }
    .managment-gallery-wrapper .prev { left: 22px; }
    .managment-gallery .slick-slide { padding: 10px 15px; }
}

.GeneralSection .FadeInElement.afterShowItem { opacity: 1; }