html,body{position:relative;height:calc(100%);box-sizing:border-box;overflow:hidden}body{background:#eee;font-size:14px;color:#000;padding:0;font-family:'Roboto',sans-serif;overflow:hidden;max-width:1024px;max-height:768px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.swiper-container{width:100%;height:100vh;box-sizing:border-box}.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-position:center;background-repeat:no-repeat;background-size:cover}.swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,0.2);-webkit-tap-highlight-color:transparent}.swiper-pagination-bullet:focus{outline:0}.swiper-pagination-bullet-active{color:#fff;background:#fff}.header{position:absolute;top:0;left:0;height:65px;width:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;z-index:3}.swiper-wrapper{margin-top:0;box-sizing:border-box}.menu{margin-right:0;margin-left:auto;padding:0 20px;height:100%;display:flex;align-items:center;z-index:1}.menu-icon{width:20px;height:20px;border:2px solid #fff;border-radius:20px;text-align:center;line-height:65px}.menu-icon i{color:#fff;line-height:20px}.swiper-pagination-bullet{width:50px;height:50px;position:relative}.swiper-pagination{width:100%;position:relative;display:flex;justify-content:space-between;padding-left:20px}.menu-list{position:absolute;top:0;width:100%;padding-top:65px;height:100%;background:rgba(0,0,0,0.6);z-index:2;padding:0 5px;box-sizing:border-box;padding-top:135px;padding-bottom:50px;overflow:scroll;display:none}.menu-item{line-height:45px;border:2px solid #2fc4fc;font-size:16px;color:#2fc4fc;border-radius:5px;text-align:center;text-transform:uppercase;margin-bottom:5px;display:block;text-decoration:none}.menu-close{position:absolute;top:0;right:0;height:65px}.swiper-pagination-bullet .host-icon-container{width:50px;height:50px;border-radius:50px;background:#fff;margin:0 auto 5px auto;box-sizing:border-box;background:rgba(47,207,252,0.6);overflow:hidden}.swiper-pagination-bullet .host-icon-container img{height:50px;object-fit:cover;border:0;box-sizing:border-box}.host-icon-name{font-size:12px;color:#fff;line-height:15px}.swiper-pagination-bullet-active .host-icon-container::after{content:"";width:50px;height:50px;border-radius:50px;position:absolute;top:0;left:0;background:inherit}.host-icon-container{position:relative}.crown-container{width:25px;height:25px;background:#2fcefc;border-radius:25px;position:absolute;z-index:1;right:-5px;text-align:center;color:#fff;font-size:15px;line-height:25px}.crown-container .fas{line-height:25px}.fa-crown{font-size:13px}.guide{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center}.guide .menu{height:65px;margin-top:65px;text-align:right;display:flex;justify-content:flex-end}.guide img{margin-top:-35px}.guide .menu-icon{border:0}.bonus{width:75px;height:75px;background:#2fc4fc;color:#fff;font-size:13px;text-align:center;flex-shrink:0;margin-top:15px;text-decoration:none}.bonus span:nth-of-type(2){font-size:18px;line-height:18px}.bonus span:nth-of-type(1){text-transform:uppercase;display:block;padding-top:12px}.bonus span:nth-of-type(3){line-height:10px}.bonus-bigger{font-size:19px}.footer-wrapper{position:absolute;bottom:-1000px;z-index:1;width:100%}.footer-wrapper-transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.footer-wrapper.open{bottom:0}.footer{background:rgba(255,255,255,0.9);padding:0 35px;box-sizing:border-box}.top-content{display:flex;justify-content:space-between}.footer .crown-container{position:relative;right:auto;margin:0 7px;width:20px;height:20px;border-radius:20px}.footer .crown-container .fas{line-height:20px;font-size:10px}.main-info>div:first-of-type{display:flex;border-bottom:1px solid #969696;padding:10px 0 5px 0;justify-content:space-between}.main-info{width:100%;margin-right:60px}.special-host{display:flex;color:#2fc4fc;font-weight:600;align-items:center}.host-name{font-size:15px}.numbers-wrapper{display:flex;text-decoration:none}.number i{font-size:22px;color:#2fcefc}.number{display:flex;align-items:center;padding:0 10px;border-right:1px solid #969696}.number:first-of-type{padding-left:0}.number:last-of-type{border:0}.number:nth-of-type(2) i,.number:nth-of-type(3) i{font-size:16px}.number span{font-size:12px;color:#969696;margin-left:5px}.host-name-wrapper{display:flex;min-height:22px}.parameters-wrapper{display:flex;font-size:12px;margin-top:7px}.parameter{margin-right:15px}.parameter span{color:#969696}.host-bio{font-size:15px;margin:20px 0}.host-bio a{text-decoration:underline}.media{height:173px;width:calc((100% - 30px)/4);background:#fff;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.media:hover .media-hover{display:block}.media-hover{background:#000;color:#fff;height:35px;line-height:35px;font-size:20px;text-transform:uppercase;display:inline-block;position:absolute;left:0;right:0;top:0;bottom:0;width:145px;margin:auto;text-align:center;display:none}.host-media{padding-bottom:25px;display:flex;justify-content:space-between}.swoosh-wrapper{height:30px;overflow:hidden;color:#2fc4fc;font-size:0}.swoosh{width:80px;height:80px;background:rgba(255,255,255,0.9);border-radius:80px;margin:auto;text-align:center;padding-top:9px}.swoosh i{font-size:17px}#video-container{object-fit:cover;height:100%!important}.video-container_flc{height:100%;text-align:center}#video-container img,.video-container_flc img{object-fit:cover}#video-container div,#video-container video{height:100%;background-size:cover}#video-container img{display:none}.online{width:8px;height:8px;background:#0f0;border-radius:8px;font-size:0;animation:1s steps(5,start) 0s normal none infinite running blink;display:block}.online-now{position:absolute;bottom:0;background:rgba(0,0,0,0.6);width:100%;height:25px;line-height:25px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.overflow-class{overflow:none}.open .overflow-class{overflow:scroll}@keyframes blink{100%{visibility:hidden}}.online-now span:first-of-type{font-size:14px;color:#fff}@media(max-width:1023px){.host-icon-name{display:none}.footer{padding:0 15px}.main-info>div:first-of-type{display:block}.main-info{margin-right:15px}.numbers-wrapper{margin-top:15px}.pc-only{display:none}}@media(max-width:500px){.media:nth-of-type(2),.media:nth-of-type(3){display:none}.media{width:calc((100% - 15px)/2)}}@media(max-width:374px){.menu{padding:0 10px}.swiper-pagination{padding-left:10px}.swiper-pagination-bullet .host-icon-container{width:45px;height:45px}.swiper-pagination-bullet{width:45px;height:45px}.swiper-pagination-bullet-active .host-icon-container::after{width:45px;height:45px}}@media(min-width:1024px){.swiper-pagination-bullet{width:100px;height:auto;text-align:center;background:0}.header{height:100px}.swiper-pagination{max-width:600px}.bonus{width:115px;margin-top:40px}.crown-container{right:17px}.guide .menu{margin-top:100px}.mobile-only{display:none}.menu-item{max-width:320px;margin-left:auto;margin-right:auto}.menu-list{padding-top:200px;overflow:hidden}.bonus-bigger span:nth-of-type(1){padding-top:7px;font-size:23px}}