*{box-sizing:border-box}html{font-family:'Asap', sans-serif;font-size:15px;height:100%}body{margin:0;padding:0;color:#FFF;background-color:#000}body::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background-color:#000;background-repeat:no-repeat;background-size:cover;background-image:url(/img/_patterns/mlp009_1.png)}ul{margin:0;padding:0;list-style:none}img{max-width:100%}p{margin:0}a{color:#000000;text-decoration:none}a:hover{text-decoration:none}button{cursor:pointer;outline:none;background-color:transparent;border:none;padding:0;margin:0;color:#FFFFFF}body{flex:1;position:relative;display:flex;flex-direction:column;min-height:100%}.wrapper{flex:1}@media (min-width: 768px){html{font-size:2.6vh}}@media (min-width: 992px) and (max-height: 900px){html{font-size:18px}body::before{background-image:url(/img/_patterns/mlp009_2.png)}}@media (min-width: 1200px){html{font-size:18px}body::before{background-image:url(/img/_patterns/mlp009_2.png)}}@media (min-width: 1600px){html{font-size:1.3vw;display:flex;flex-direction:column}}@media only screen and (max-height: 600px) and (min-width: 568px){html{min-height:600px}}.step-hidden{padding:0 !important;margin:0 !important;height:0 !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important}.step1{padding:5% 10%}.step2{padding:0 3%}.des-group{font-size:1.1em;line-height:1.3;margin-bottom:2em}h1,h2{margin:0;padding:0}h1{font-size:1.7em;line-height:1.3;text-transform:uppercase}h1 span{color:#63dd99}h2{font-weight:400;font-size:1.4em;margin:2.5em .5em}.circle-group{margin-bottom:4.5em;margin-top:1em}.circle-group div{display:none;text-transform:uppercase}.circle-group div:first-child{display:block}.circle-girl{position:relative}.circle-girl li{text-align:center;display:none}.circle-girl li.active{display:block}.circle-girl li img{width:100%}.circle-girl .icon{position:absolute;font-size:.9em;bottom:-5em;height:8em;width:8em;background-repeat:no-repeat;background-size:contain}.icon-dislike{background-image:url(/img/_btns/dislike-icon.png);left:0}.icon-like{background-image:url(/img/_btns/like-icon.png);right:0}.btn-group{text-align:center}.btn{font-size:1.7em;border-radius:1.2em;padding:.5em;min-width:8em;font-weight:700}.btn-primary{background-color:#2d5cb4;color:#fff}@media (min-width: 768px){.circle-group div:first-child{width:17em;margin:0 auto}.btn{font-size:1.5em}}@media (min-width: 992px) and (max-height: 900px){.step{text-align:center}.circle-group div{display:block}.circle-group{display:flex}.circle-girl{width:auto;flex:1}.circle-you{position:relative;justify-content:center;align-items:center;flex:1}.circle-you img{width:100%}.circle-you div{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:4em}.step1 .btn-group{position:absolute;bottom:1.5em;right:1.5em}.vs-group{font-size:4em;align-self:center;width:2em;text-align:center}.circle-girl .icon{bottom:-7em}.des-group{max-width:27em;text-align:left;margin:0 auto 2em auto}h2{font-size:1.6em;margin:4em .5em 1em}}@media (min-width: 1200px){.icon-dislike:hover{background-image:url(/img/_btns/dislike-icon-hover.png)}.icon-like:hover{background-image:url(/img/_btns/like-icon-hover.png)}.btn-primary:hover{background-color:#00e4ff;color:#000000}.circle-group{max-width:80%;margin:1em auto}.step{text-align:center}.circle-group div{display:block}.circle-group{display:flex}.circle-girl{width:auto;flex:1}.circle-you{position:relative;justify-content:center;align-items:center;flex:1}.circle-you img{width:100%}.circle-you div{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:4em}.step1 .btn-group{position:absolute;bottom:1.5em;right:1.5em}.vs-group{font-size:4em;align-self:center;width:2em;text-align:center}.circle-girl .icon{font-size:1em;bottom:-7em}.des-group{max-width:27em;text-align:left;margin:0 auto 2em auto}h2{font-size:1.6em;margin:4em .5em 1em}}@media (min-width: 1600px){.step1{padding:2% 15%}.circle-group{max-width:90%}}.footer{padding:1em;display:flex;text-align:center;font-size:.8em;flex-direction:column;justify-content:flex-end}.footer .footer-inner{background-color:#000;padding:0.5em;color:#bebbbb;text-align:center;position:relative}.legal__container{display:flex;flex-wrap:wrap;justify-content:space-between;width:24em;margin:0 auto}.legal__disclaimer{text-align:justify;margin-top:.5rem}.footer .copyright{padding-top:.3em}@media (min-width: 992px) and (max-height: 900px){.footer{font-size:.7em;padding:1em 0 2em}}@media (min-width: 1200px){.footer{font-size:.7em;padding:1em 0 2em}}