.of-frontend-main .of-frontend-main__container{opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.of-frontend-main--mounted .of-frontend-main__container{opacity:1!important}.of-frontend-main__top{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;width:100%}.of-frontend-main__top__text-container{overflow:hidden;padding-bottom:40px}.of-frontend-main__top h1{font-family:Crimson Pro,sans-serif;font-size:2.8rem;line-height:1}.of-frontend-main__top__title{max-width:590px;position:relative}.of-frontend-main__top__title img{max-width:100%}.of-frontend-main__top__title h4{font-size:32px}.of-frontend-main__top__item{position:relative}.of-frontend-main__top__item__icon{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;flex:0 0 auto;height:80px;justify-content:center;width:80px}.of-frontend-main__top__item__text{background-color:#0a1d25b3;border-radius:8px;max-width:400px}.of-frontend-main__top__item__text h3{font-size:22px;font-weight:800;line-height:1}.of-frontend-main__top__content{display:flex;flex-direction:column;justify-content:space-between;left:0;min-height:100vh;position:relative;top:0;width:100%}.of-frontend-main__top__show-more{margin:0 auto;position:relative}.of-frontend-main__top__show-more-btn{animation:up-down 2s infinite}.of-frontend-main__top__background{height:100%;overflow:hidden;position:absolute;right:0;width:100%;z-index:0}.of-frontend-main__top__background video{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.of-frontend-main__top__background__img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.of-frontend-main__top__footer{bottom:0;left:0;padding:16px;position:absolute;width:100%}.of-frontend-main__top__legals{color:#fff;display:flex;font-size:12px;margin:4px 0}.of-frontend-main__top__legals a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.of-frontend-main__top__legals a:hover{color:#ff5722}.of-frontend-main__top__legals>span{padding:0 2px}.of-frontend-main__top__mapbox-logo{align-items:center;display:flex}.of-frontend-main__top__mapbox-logo span{color:#fff;font-size:11px}@keyframes up-down{0%{transform:translateY(0)}25%{transform:translateY(-8px)}to{transform:translateY(0)}}