.front_page{background-color:#02437e}.front_page .top-container{padding-top:100px;position:fixed;top:0;left:0;right:0;z-index:5;background-color:#3d8fda}.front_page .top-container .supporters{position:absolute;z-index:5;right:0;top:0;width:fit-content;align-items:flex-end;display:flex;flex-direction:column}.front_page .top-container .supporters .logos-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:100%;background-color:#fff;justify-content:space-around}.front_page .top-container .supporters .text-wrap{width:200px;font-size:12px}.front_page .top-container .top-contaier-inner{min-height:fit-content;position:relative}.front_page .top-container .top-contaier-inner .background{position:absolute;bottom:-5px;width:100%}.front_page .top-container .top-contaier-inner .background .main-background{width:100%}.front_page .top-container .top-contaier-inner .background .animated{position:absolute;animation-duration:10s;animation-iteration-count:infinite;top:200px;left:-100px;z-index:1}.front_page .top-container .top-contaier-inner .background .animated.animated1{animation-name:moveRight1;animation-delay:0s;top:100px}.front_page .top-container .top-contaier-inner .background .animated.animated2{animation-name:moveRight2;animation-delay:5s;top:10px}.front_page .top-container .top-contaier-inner .background .animated.animated3{animation-name:moveRight3;animation-delay:13s}@keyframes moveRight1{0%{transform:translateX(-100px)}100%{transform:translateX(1300px)}}@keyframes moveRight2{0%{transform:translateX(-700px)}100%{transform:translateX(1300px)}}@keyframes moveRight3{0%{transform:translateX(-230px)}100%{transform:translateX(1300px)}}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper{text-align:center}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .fishes{min-height:685px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .swiper-wrapper{height:685px;pointer-events:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .img-wrap{z-index:3;opacity:0;transform:translate3d(0, 50px, 0);transition-timing-function:cubic-bezier(0.5, 0.5, 0.5, 1);transition-duration:1s;transition-property:opacity,transform;width:auto;height:300px;transition:1.5s ease;transform:translate(0%, 20%)}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .img-wrap.animated{opacity:1;transform:translate(0%, 0%)}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .img-wrap img{height:300px;width:auto}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .title-container{position:relative;padding-top:30px;margin-top:-95px;font-weight:700;padding-bottom:10px;max-width:1080px;height:370px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .title-container:after{position:absolute;top:0}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .title-container .big-name{display:block;text-transform:uppercase;font-size:130px;line-height:180px;opacity:10%}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .title-container .name{position:absolute;transform:translateX(-50%);font-size:80px;line-height:80px;top:22%}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .info-btn{position:absolute;top:83%;right:18%;visibility:hidden}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap{position:relative;display:flex;pointer-events:auto}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap.firstPlayer .prev{display:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap.lastPlayer .next{display:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .voice-text{position:absolute;left:139px;margin-bottom:-20px;text-transform:uppercase;font-size:20px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap{height:80px;background-color:rgba(0,0,0,0);box-shadow:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .holder{position:relative}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .holder .play-pause-btn{position:relative;background-color:#0057a6;min-width:80px;min-height:80px;border-radius:10px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .holder .play-pause-btn svg{position:absolute;top:50%;left:51%;transform:translate(-50%, -50%)}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .slider{background-color:#8ec8ff}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .slider .gap-progress{background-color:#02437e}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .volume{display:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls{color:#fff;position:relative;margin-bottom:-18px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls .controls__current-time{position:absolute;top:16px;left:15px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls .controls__total-time{position:absolute;right:15px;top:16px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls .controls__total-time::before{content:"-"}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls .controls__slider{height:8px;border-radius:3px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .player-wrap .controls .controls__slider .pin{display:none}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .next{position:absolute;right:-80px}.front_page .top-container .top-contaier-inner .swiper-wrap .main-swiper .player-out-wrap .prev{position:absolute;left:-80px}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper{text-align:center;padding-bottom:16px;padding-top:80px}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb{height:280px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb.swiper-slide-thumb-active{border:1px solid #8ec8ff}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb:nth-child(even){background-color:rgba(16,82,142,.5)}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb:nth-child(odd){background-color:rgba(43,120,190,.5)}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb .img-wrap{height:100%;padding:0 10px;position:relative;display:flex;flex-direction:column;justify-content:center}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb .img-wrap img{display:block}.front_page .top-container .top-contaier-inner .swiper-wrap .thumbs-swiper .fishes-thumb .title{padding-bottom:16px}.front_page .bottom-container{background-color:#02437e;margin-top:61vh}.front_page .bottom-container .title{display:block;font-size:32px;font-weight:700;line-height:normal;text-align:center;padding:36px 0}.front_page .overlay{position:fixed;bottom:0;left:0;width:100%;height:40vh;pointer-events:none;z-index:5}.front_page .overlay .top{top:-7px;width:100%;position:absolute;height:66px;background:linear-gradient(to top, transparent, #02437e 67%)}.front_page .overlay .bottom{bottom:0;width:100%;position:absolute;height:66px;background:linear-gradient(to bottom, transparent, #02437e 67%)}