@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hideInDown{from{opacity:1;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(8px)}}@-webkit-keyframes hideInDown{from{opacity:1;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(8px)}}@keyframes DotFlash{0%{opacity:1}10%{opacity:1}50%{opacity:0}90%{opacity:1}100%{opacity:1}}.intro .intro-modal{background:red;height:100vh;position:fixed;top:0;right:0;width:100%;z-index:99999;opacity:0;visibility:hidden}.intro .intro-modal.active{opacity:1;visibility:visible}.intro .intro-modal .intro-modal-wrap{display:flex;transition:all .3s cubic-bezier(0.33, 1, 0.68, 1)}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap{flex-direction:column;min-height:100vh;min-height:100dvh;overflow-y:auto;height:100%}}.intro .intro-modal .intro-modal-wrap .city-wrap{border-right:1px solid #fff;height:100vh;transition:all .3s cubic-bezier(0.33, 1, 0.68, 1);width:25%;position:relative}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap .city-wrap{height:25vh;height:25dvh;min-height:150px;width:100%;border-right:0;border-bottom:1px solid #fff}}.intro .intro-modal .intro-modal-wrap .city-wrap:last-of-type{border-right:0}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap .city-wrap:last-of-type{border-bottom:0}}@media screen and (min-width: 1023px){.intro .intro-modal .intro-modal-wrap .city-wrap:hover{width:53.5%}}@media screen and (min-width: 1023px)and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap .city-wrap:hover{width:100%}}@media screen and (min-width: 1023px){.intro .intro-modal .intro-modal-wrap .city-wrap:hover .hover-img{opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(0.33, 1, 0.68, 1)}}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap .city-wrap.active .hover-img{opacity:1;visibility:visible;transition:none}}.intro .intro-modal .intro-modal-wrap .city-wrap a{height:100%;display:flex;align-items:center;justify-content:center}.intro .intro-modal .intro-modal-wrap .city-wrap a img.logo{height:40px;width:auto;z-index:9}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap .city-wrap a img.logo{height:35px}}.intro .intro-modal .intro-modal-wrap .city-wrap .hover-img{opacity:0;visibility:hidden;position:absolute;top:0;right:0;left:0;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity}.intro .intro-modal .intro-modal-wrap .city-wrap .hover-img:after{content:"";position:absolute;top:0;right:0;left:0;z-index:2;width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%)}.intro .intro-modal .intro-modal-wrap .city-wrap .hover-img img{width:100%;height:100%;position:relative;z-index:1;object-fit:cover}.intro .intro-modal .intro-modal-wrap.two-items .city-wrap{width:50%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.two-items .city-wrap{width:100%;height:50vh;height:50dvh}}.intro .intro-modal .intro-modal-wrap.two-items .city-wrap:hover{width:80%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.two-items .city-wrap:hover{width:100%}}.intro .intro-modal .intro-modal-wrap.three-items .city-wrap{width:33.3333333333%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.three-items .city-wrap{width:100%;height:33.3333333333vh;height:33.3333333333dvh}}.intro .intro-modal .intro-modal-wrap.three-items:hover{width:70%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.three-items:hover{width:100%}}.intro .intro-modal .intro-modal-wrap.five-items .city-wrap{width:20%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.five-items .city-wrap{width:100%;height:20vh;height:20dvh}}.intro .intro-modal .intro-modal-wrap.five-items .city-wrap:hover{width:70%}@media screen and (max-width: 1064px){.intro .intro-modal .intro-modal-wrap.five-items .city-wrap:hover{width:100%}}@media screen and (max-width: 1064px){.intro .intro-modal.open .city-wrap{height:10vh;transition:unset}.intro .intro-modal.open .city-wrap.active{height:70vh}}