*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style:none;font-family:"Poppins",sans-serif;color:#fff}html{font-size:62.5%}img{max-width:100%;display:block}button{cursor:pointer;background:rgba(0,0,0,0);border:none}body{background-color:#020203}.container{width:100%;max-width:1330px;padding:0 15px;margin:0 auto}@media(max-width: 1440px){.container{max-width:124.6rem}}@-webkit-keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.6rem;line-height:4.1rem;border-radius:3px;font-weight:500;font-size:1.4rem;color:#fff;border:1px solid rgba(0,0,0,0);-webkit-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}.btn img{margin-right:.8rem}.btn-primary{background-color:#00aeff;border-color:#00aeff}.btn-primary:hover{background-color:#61cdff}.btn-outline{border-color:#fff}.btn-outline:hover{color:#0b0d12;background-color:#fff}.game-card{display:block;width:100%;max-width:28rem}.game-card:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.game-card .image{overflow:hidden;border-radius:4px;width:100%;height:38.3rem;margin-bottom:2.4rem}.game-card .image img{-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in, -webkit-transform .3s ease-in}.game-card .info h3{font-weight:600;font-size:1.6rem;line-height:2.4rem;color:#e5e5e5;margin-right:4px}.game-card .info span{font-weight:400;font-size:1.4rem;line-height:2.1rem;color:rgba(229,229,229,.8)}@media(max-width: 1200px){.game-card .image{height:34.3rem}}@media(max-width: 991px){.game-card .image{height:30.3rem}}@media(max-width: 560px){.game-card .image{height:21.3rem;margin-bottom:0}.game-card .info{display:none}}header{position:absolute;top:0;left:0;width:100%;height:9.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:99;border-bottom:1.5px solid rgba(255,255,255,.1)}header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .container .left-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container .left-container .logo{position:relative}header .container .left-container .logo::after{content:"";width:4.3rem;border-top:2px solid #00aeff;position:absolute;left:0;bottom:-2.9rem}header .container .left-container nav{margin-left:11.2rem}header .container .left-container nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container .left-container nav ul li:not(:first-child){margin-left:3.4rem}header .container .left-container nav ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:1.4rem;line-height:2.1rem;color:#fff}header .container .left-container nav ul li a img{margin-left:1.4rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}header .container .left-container nav ul li a.active{color:#00aeff}header .container .left-container nav ul li a.active img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}header .container .rigth-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container .rigth-container .btn:not(:first-child){margin-left:1.6rem}header .container .rigth-container .btn-mobile{display:none}@media(max-width: 991px){header .container .left-container nav{display:none}header .container .rigth-container .btn-mobile{display:block;margin-left:8.9rem}}@media(max-width: 560px){header .container{height:8rem}header .container .left-container .logo{max-width:6.9rem}header .container .rigth-container .btn{display:none}}.menu{position:absolute;top:0;left:0;z-index:4;background:-webkit-gradient(linear, left top, left bottom, from(#020203), color-stop(96.35%, rgba(14, 17, 23, 0.92)), to(rgba(14, 17, 23, 0.9)));background:linear-gradient(180deg, #020203 0%, rgba(14, 17, 23, 0.92) 96.35%, rgba(14, 17, 23, 0.9) 100%);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding-top:9.6rem;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s}.menu.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}.menu.esports .area-menu ul{grid-template-columns:repeat(5, 1fr);grid-gap:64px}.menu.esports .area-menu ul li a{width:100%;height:23.7rem}.menu.esports .area-menu ul li a .icon{width:100%;height:17.9rem}.menu .area-menu{padding-top:3.8rem;padding-bottom:5.5rem}.menu .area-menu ul{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:2.8rem 3.2rem}.menu .area-menu ul li a{width:17.6rem;height:17.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu .area-menu ul li .icon{width:69.4px;height:69.4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8.6px}.menu .area-menu ul li span{display:block;font-weight:500;font-size:1.4rem;line-height:120%;color:#9d9d9d;text-align:center}.menu .footer-menu{width:100%;height:7rem;background:rgba(21,23,27,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu .footer-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu .footer-menu ul li:not(:first-child){margin-left:6.4rem}.menu .footer-menu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu .footer-menu ul li a span{font-weight:600;font-size:1.6rem;line-height:2.4rem;color:#fff;margin-left:1rem}@media(max-width: 560px){.menu{display:none}}.menu-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2022;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s}.menu-mobile .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(2,2,3,.3)}.menu-mobile aside{position:fixed;top:0;width:65%;height:100%;background-color:#020203;padding:3rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.menu-mobile aside .logo{max-width:15rem;display:block;margin:0 auto;margin-bottom:4rem}.menu-mobile ul li{height:5.7rem}.menu-mobile ul li a{padding:1.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.8rem;margin-left:-6px}.menu-mobile ul li img{margin-left:10px}.menu-mobile .btn{display:block;margin-top:4rem;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-opened{overflow:hidden}.menu-opened .menu-mobile{opacity:1;pointer-events:all}.menu-opened .menu-mobile aside{-webkit-transform:translateX(0%);transform:translateX(0%)}.s-hero{position:relative;z-index:2}.s-hero .slide-principal{width:100%;height:73.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide{padding-top:20.7rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-01{background:url(../img/banner-slide-01.jpg) no-repeat center center}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02{background:url(../img/banner-slide-02.jpg) no-repeat center center;background-size:cover}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-03{background:url(../img/banner-slide-03.jpg) no-repeat center center;background-size:cover}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-03 .left-content{max-width:62.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content{margin-left:20.3rem;width:100%;max-width:56.2rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content h2{font-weight:700;font-size:6.4rem;line-height:110.2%;color:#fff;margin-bottom:1.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content p{font-weight:400;font-size:1.8rem;line-height:2.7rem;letter-spacing:-0.005em;color:#fff;margin-bottom:3.2rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content .btn{padding:0 3.8rem;line-height:5.2rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content{width:100%;max-width:29.2rem;margin-top:-3.4rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .logo{width:100%;max-width:28rem;height:18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video{width:100%;max-width:28rem;height:17.3rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video span{display:block;text-align:right;font-weight:600;font-size:1.3rem;line-height:2rem;text-transform:uppercase;margin-bottom:1.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video{position:relative;width:100%;height:15.8rem;border-radius:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .thumb{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .3s;transition:opacity .3s}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .thumb:hover.default{opacity:0}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .thumb:hover.hover{opacity:1}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .thumb.default{opacity:1}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .thumb.hover{opacity:0}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .video .btn-video .icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;width:51px;height:51px;border-radius:50%;background:linear-gradient(136.72deg, rgba(7, 7, 10, 0.86) 19.22%, rgba(15, 16, 22, 0.5) 76.59%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.s-hero .slide-thumbnail{position:absolute;top:24.1rem;left:7%;z-index:2;height:32rem}.s-hero .slide-thumbnail .swiper-wrapper .swiper-slide{width:4.8rem;height:4.8rem;cursor:pointer;opacity:.4;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.s-hero .slide-thumbnail .swiper-wrapper .swiper-slide.disable{pointer-events:none}.s-hero .slide-thumbnail .swiper-wrapper .swiper-slide-thumb-active{opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%)}.s-hero .swiper-progress-bar{position:absolute;left:0;bottom:0;width:100%;display:block;z-index:3}.s-hero .swiper-progress-bar .slide-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;width:auto;opacity:0;display:block}.s-hero .swiper-progress-bar .slide-progress-bar::after{content:"";position:absolute;top:0;left:0;background-color:#00aeff;width:0;height:100%;-webkit-transition:width .1s linear;transition:width .1s linear}.s-hero .swiper-progress-bar.active .slide-progress-bar{opacity:1}.s-hero .swiper-progress-bar.animate .slide-progress-bar::after{width:100%;-webkit-transition:width 5s linear;transition:width 5s linear}@media(max-width: 1200px){.s-hero .slide-thumbnail{left:1%}}@media(max-width: 768px){.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02 .left-content{max-width:46.2rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02 .left-content h2{font-size:5.8rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content{margin-left:0}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content h2{font-size:6.4rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content{position:absolute;right:0}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content .logo{margin-top:-5.3rem;margin-bottom:21rem}.s-hero .slide-thumbnail{left:1.5rem;top:inherit;bottom:10.5rem;height:4.8rem}}@media(max-width: 560px){.s-hero .slide-principal{height:62.2rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide{padding-top:13.1rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-01{background-position-x:40%}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02{background-position-x:63%}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02 .left-content h2{font-size:4rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-02 .left-content p{max-width:30.5rem;font-size:1.6rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-03{background-position-x:60%}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-03 .left-content h2{max-width:33rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide.slide-03 .left-content p{max-width:26rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content{max-width:28.3rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .left-content h2{font-size:4rem}.s-hero .slide-principal .swiper-wrapper .swiper-slide .rigth-content{display:none}.s-hero .slide-thumbnail{bottom:6.5rem}}.s-games{padding-top:8.3rem;padding-bottom:11rem}.s-games .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:7.8rem}.s-games .top .left-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:39.9rem}.s-games .top .left-top span{font-weight:600;font-size:1.5rem;line-height:2.2rem;color:#8f9199;display:block;margin-top:1.1rem}.s-games .top .left-top h2{font-weight:700;font-size:3.2rem;line-height:110.2%;color:#fff;display:block;width:100%;max-width:15.5rem}.s-games .top .right-top{width:100%;max-width:58.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-games .top .right-top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-games .top .right-top ul li:not(:first-child){margin-left:2.4rem}.s-games .top .right-top ul a img{opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.s-games .top .right-top ul a.active img{opacity:1}.s-games .top .right-top .btn-all-games{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:1.6rem;line-height:2.4rem;color:#00aeff}.s-games .top .right-top .btn-all-games img{margin-right:1rem}.s-games .tab-games-content .tab-pane-games{display:none}.s-games .tab-games-content .tab-pane-games.active{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:47px 32px;-webkit-animation:fadeUp .4s forwards;animation:fadeUp .4s forwards}.s-games .tab-games-content .card-all-games{width:100%;max-width:28rem;height:38.4rem;border:1.5px solid #212428;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.s-games .tab-games-content .card-all-games span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:3.4rem;font-weight:600;font-size:1.6rem;line-height:2.4rem;color:#fff}.s-games .tab-games-content .card-all-games span img{margin-right:1.3rem}@media(max-width: 991px){.s-games .top .left-top span{display:none}.s-games .tab-games-content .tab-pane-games.active{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 560px){.s-games{padding-top:5.7rem;padding-bottom:6.9rem}.s-games .top{margin-bottom:5.7rem}.s-games .top .left-top h2{font-size:2.8rem}.s-games .top .right-top{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.s-games .top .right-top ul{display:none}.s-games .top .right-top .btn-all-games{font-size:1.4rem}.s-games .tab-games-content .tab-pane-games.active{grid-template-columns:repeat(2, 1fr);grid-gap:2.4rem 1.6rem}.s-games .tab-games-content .tab-pane-games .card-all-games{height:21.2rem}.s-games .tab-games-content .tab-pane-games .card-all-games img{max-width:6.9rem}.s-games .tab-games-content .tab-pane-games .card-all-games span{margin-top:1.5rem;font-size:1.4rem}.s-games .tab-games-content .tab-pane-games .card-all-games span img{display:none}}.s-download{width:100%;height:85rem;background:url(../img/background-section-download.png) no-repeat center center;overflow:hidden;background-size:cover}.s-download .container{position:relative}.s-download .text-left{width:100%;max-width:29.9rem;padding-top:13.2rem}.s-download .text-left .logo{margin-bottom:3rem}.s-download .text-left h2{font-weight:700;font-size:3.2rem;line-height:110.2%;color:#fff;margin-bottom:3rem}.s-download .text-left ul{margin-bottom:4.2rem}.s-download .text-left ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-download .text-left ul li:not(:last-child){margin-bottom:2.4rem}.s-download .text-left ul li .icon{width:1.8rem;height:1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1.6rem}.s-download .text-left ul li p{font-weight:400;font-size:1.8rem;line-height:178.2%;color:#828792}.s-download .text-left .btn{padding:0 4rem;line-height:5.2rem;font-size:1.6rem;font-weight:600;margin-bottom:4.9rem}.s-download .text-left .app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-download .text-left .app p{font-weight:600;font-size:1.4rem;line-height:2.1rem;color:#e5e5e5;max-width:19rem;margin-left:1.8rem}.s-download .text-left .app a{text-decoration:underline;-webkit-transition:color .3s;transition:color .3s}.s-download .text-left .app a:hover{color:#61cdff}.s-download .image{position:absolute;top:9.9rem;right:-26.5rem;width:100%;max-width:106rem;height:61rem}.s-download .image .img-ig{position:absolute;top:0;left:0;-webkit-animation:float 8s ease-in-out infinite;animation:float 8s ease-in-out infinite}.s-download .image .img-sm{position:absolute;right:6.3rem;bottom:-2.8rem;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}@media(max-width: 991px){.s-download .text-left{max-width:29.9rem}.s-download .text-left h2{font-size:3.2rem;margin-bottom:3rem}.s-download .image{right:-35rem}}@media(max-width: 560px){.s-download{height:auto;padding-bottom:5rem}.s-download .text-left{padding-top:6.3rem;margin-bottom:4rem}.s-download .text-left h2{font-size:2.8rem}.s-download .image{position:relative;top:0;right:0;height:27rem}.s-download .image .img-sm{right:0;bottom:0;max-width:27.6rem}}.show-modal .modal{opacity:1;pointer-events:all}.show-modal .box{-webkit-transform:translateY(0);transform:translateY(0)}.modal{position:fixed;top:0;left:0;z-index:2023;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s}.modal .overlay{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.55)}.modal .box{position:relative;z-index:1;width:100%;max-width:69.6rem;height:60rem;border-radius:4px;background:url(../img/bg-modal.png) no-repeat #020203 top left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.modal .box .close{position:absolute;top:2.4rem;right:2.4rem}.modal .box .logo{margin-bottom:4rem;width:16.6rem}.modal .box form{width:100%;max-width:42.6rem}.modal .box form .form-group{margin-bottom:1.6rem}.modal .box form .form-group:last-child{margin-bottom:2.4rem}.modal .box form .form-group input[type=text],.modal .box form .form-group input[type=password]{border:none;width:100%;height:4.8rem;border-radius:4px;padding:0 1.6rem;font-weight:500;font-size:15px;line-height:22px;color:#363842}.modal .box form .form-group input[type=text] ::-webkit-input-placeholder, .modal .box form .form-group input[type=password] ::-webkit-input-placeholder{opacity:.6}.modal .box form .form-group input[type=text] ::-moz-placeholder, .modal .box form .form-group input[type=password] ::-moz-placeholder{opacity:.6}.modal .box form .form-group input[type=text] :-ms-input-placeholder, .modal .box form .form-group input[type=password] :-ms-input-placeholder{opacity:.6}.modal .box form .form-group input[type=text] ::-ms-input-placeholder, .modal .box form .form-group input[type=password] ::-ms-input-placeholder{opacity:.6}.modal .box form .form-group input[type=text] ::placeholder,.modal .box form .form-group input[type=password] ::placeholder{opacity:.6}.modal .box form .form-group button{width:100%;line-height:5.2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;font-size:1.6rem}.modal .box .others-conect p{font-weight:500;font-size:1.4rem;line-height:2.1rem;color:#fff;margin-bottom:1.6rem}.modal .box .others-conect ul{display:-webkit-box;display:-ms-flexbox;display:flex}.modal .box .others-conect ul li:not(:first-child){margin-left:1.6rem}.modal .box .others-conect ul li button{width:4.8rem;height:4.8rem;border-radius:4px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3.5rem}.modal .box .message-user p{text-align:center;font-weight:500;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.6rem}.modal .box .message-user p a{display:inline-block}.modal .box .message-user a{display:block;text-align:center;font-weight:500;font-size:1.6rem;line-height:2.4rem;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#00aeff;-webkit-transition:color .3s;transition:color .3s}.modal .box .message-user a:hover{color:#fff}@media(max-width: 560px){.modal .box{width:90%}}.modal-mobile{display:none}.show-modal-mobile .modal{opacity:1;pointer-events:all}.show-modal-mobile .box{-webkit-transform:translateY(0);transform:translateY(0)}