@import "animate.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
@font-face{font-family:"Exo",Roboto,sans-serif}
.group-btn{position:absolute;bottom:0;display:flex;align-items:center;transform:translateX(50%)}
.group-btn a{padding:0 10px}
li.item{height:100vh}
.item-detail > img{position:absolute;z-index:-1;left:50%;width:100%;transform:translateX(-50%)}
.lSPager{margin-top:-15px!important}
#landing-2 .group-btn{margin-left:170px}
#landing-1{background:#3d2b69}
#landing-2{background:#1e002c}
#landing-3{background:#800330}
#landing-4{background:#4c5295}
#warp-popup{position:fixed;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;left:0;z-index:999;display:none;justify-content:center;align-items:center}
.txt-dangky{text-align:center;padding-bottom:20px}
#content-popup{font-family:"Exo";background:url(../imgs/bg-dangky.png) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center;padding:30px 100px;color:#fff}
#content-popup input{background:url(../imgs/bg-input.png) no-repeat;border:none;outline:none;height:40px;background-size:100% 100%;padding:0 15px;width:300px;font-family:"Exo";font-size:17px;color:#BDBDBD}
p.txt-dangky img{width:180px}
p.note{padding-top:5px}
#img-captcha img{width:110px;padding:0 10px}
#content-popup .form-group{padding-bottom:20px;font-style:italic}
::-webkit-input-placeholder{color:#BDBDBD}
::-moz-placeholder{color:#BDBDBD}
:-ms-input-placeholder{color:#BDBDBD}
:-moz-placeholder{color:#f9e726}
#group-btn{display:flex;justify-content:space-around}
#btn-refresh{background:url(../imgs/btnReload.png) no-repeat;width:45px;height:45px;display:inline-block;background-size:100% 100%;cursor:pointer;outline:none}
#btn-submit{background:url(../imgs/btnDangky.png) no-repeat;width:213px;height:87px;display:inline-block;background-size:100% 100%;cursor:pointer;border:none;outline:none}
#btn-facebook{background:url(../imgs/btnFacebook.png) no-repeat;width:150px;height:45px;display:inline-block;background-size:100% 100%;cursor:pointer;border:none;outline:none}
input#txtCaptcha{width:120px}
.group-input{display:flex;align-items:center}
@media (max-width: 1024px) {
.item-detail{position:relative}
.item-detail > img{position:relative;margin:0 auto;z-index:-1;max-width:100%}
.group-btn{position:absolute;bottom:50px;width:100%;left:-50%;justify-content:center}
}
.mobile{display:none}
.desktop{display:block}
@media (max-width: 640px) {
#header-mobile{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-evenly;align-items:center;width:100%}
#header-mobile a img{width:110px}
#landing-2 .group-btn{margin-left:0}
.group-btn{bottom:-90px}
#content-popup{padding:30px}
.mobile{margin-top:20px;display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:center;align-items:center}
#logo img{width:90px}
.mobile img{max-width:100%}
.desktop{display:none}
.ld1 main{background:url(../imgs/mb-landing-1.png) no-repeat;height:100vh;background-size:cover}
.ld2 main{background:url(../imgs/mb-landing-2.png) no-repeat;height:100vh;background-size:cover}
.ld3 main{background:url(../imgs/mb-landing-3.png) no-repeat;height:100vh;background-size:cover}
.ld4 main{background:url(../imgs/mb-landing-4.png) no-repeat;height:100vh;background-size:cover}
#btnPlay{width:230px;position:absolute;top:50%}
.ld3 #btnPlay{top:46%;left:10px}
.ld2 #btnPlay{bottom:0;top:unset;}
}