/* Designed by PixelDixel and Coded by necmi & e6xxb (C) Habbo.st 2020 */

@import 'https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap';

body{background:#36393F url(/img/background/bg.png);background-attachment:fixed;margin:0;padding:0;font-family:'Poppins',sans-sans-serif!important}button:focus,textarea:focus,input:focus{outline:none}a{text-decoration:none!important}.habbohotel{position:absolute;left:0;top:0;height:100%;width:100%;-webkit-clip-path:polygon(0 0,45% 0,75% 100%,0 100%);clip-path:polygon(0 0,45% 0,75% 100%,0 100%);background:#2F3136;background-image:url(/img/background/index_hotel.png);background-position:-450px 65px;background-repeat:no-repeat;z-index:-1}.col-6{width:50%}.loginForm{width:30%;background-color:#202225;z-index:1;float:left;border-left:1px solid rgba(0,0,0,0.3);border-right:1px solid rgba(0,0,0,0.3)}.loginForm::after{content:'';position:absolute;width:0;height:0;border-left:170px solid transparent;border-right:170px solid transparent;border-top:65px solid #202225}.loginForm .header{width:100%;padding:40px 40px 0}.loginForm .header .banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.loginForm .header .banner span{color:#fff;font-size:14px;font-family:'Poppins';font-weight:600;text-transform:uppercase;padding-left:15px}.loginForm .header .onlineCounter{display:block;color:#fff;font-size:12px;font-family:'Roboto';font-weight:700;opacity:.2;text-transform:uppercase;margin-bottom:30px}.loginForm .content{width:100%;padding:0 40px 40px}.loginForm .content h2{color:#fff;font-size:14px;font-family:'Poppins';font-weight:600;margin-bottom:25px;text-transform:uppercase}.loginForm .content form input#username{background-image:url(../img/icons_index/head.png);background-repeat:no-repeat;background-position:12px 12px}.loginForm .content form input#password{background-image:url(../img/icons_index/lock.png);background-repeat:no-repeat;background-position:12px 12px}.loginForm .content form input#mail{background-image:url(../img/icons/mail.gif);background-repeat:no-repeat;background-position:12px 12px}.loginForm .content form input{background-color:#303339;width:100%;height:25px;padding:20px 20px 20px 46px;border:3px solid #1d1e21;box-shadow:0 3px 1px rgba(0,0,0,0.2) inset;border-radius:4px;margin-bottom:20px;color:#fff;font-size:14px;font-weight:400;font-family:'Roboto'}.loginForm .content form input:hover{cursor:pointer;border:3px solid #18191b}.loginForm .content form label:hover{cursor:pointer;border:none}.loginForm .content form label{display:block;color:#fff;font-size:12px;font-family:'Roboto';font-weight:700;opacity:.2;text-transform:uppercase;margin-bottom:10px}.loginForm .content div.passwordForgotten{text-align:right;margin-bottom:50px}.loginForm .content div.passwordForgotten a{color:#fff;font-family:'Roboto';font-size:10px;opacity:.2;text-transform:uppercase;font-weight:500;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;text-decoration:none}.loginForm .content div.passwordForgotten a:hover{color:#9486BE;opacity:1;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.loginForm .content form .login{background-image:url(/img/icons/go_arrow.gif);background-repeat:no-repeat;background-color:transparent;border:none;width:43px;height:26px;margin-top:-5px;float:left;cursor:pointer;opacity:.5}.loginForm .content form .login:hover{opacity:.9}.loginForm .content .signUp{background-image:linear-gradient(to right top,#286ac0,#5a73bf,#777ebf,#8e89be,#a096be);width:100%;padding:22px 0;font-size:14px;color:#fff;font-family:'Poppins';text-transform:uppercase;font-weight:700;border-radius:4px;border:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px 25px 0 rgba(0,0,0,0.4);box-shadow:inset 0 -2px 25px 0 rgba(0,0,0,0.4);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;opacity:.5;text-align:center}.loginForm .content .signUp:hover{opacity:.9}.loginForm .content .jeff_invites_you{position:absolute;margin-top:-30px;z-index:1;margin-left:15px}.loginForm .content .jeff_invites_you .speech-bubble{position:relative;background:#d1d1d1;border-radius:.4em;margin-top:-50px;margin-left:50px;padding:5px;font-family:'Arial',sans-serif;font-size:10px;color:#000;font-weight:400;box-shadow:0 2px 1px rgba(0,0,0,0.2) inset}.loginForm .content .jeff_invites_you .speech-bubble:after{content:'';position:absolute;left:0;top:50%;width:0;height:0;border:6px solid transparent;border-right-color:#d1d1d1;border-left:0;margin-top:-6px;margin-left:-4px}.arrow_box:before{border-color:rgba(194,225,245,0);border-right-color:#c2e1f5;border-width:16px;margin-top:-16px}.photos{width:700px;display:block;margin-top:35px;float:right;margin-right:45px}.photos .photo{background-position:center;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.2);box-shadow:0 0 0 2px rgba(0,0,0,.2);border-radius:4px;opacity:.5;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;cursor:pointer;margin:5px}.photos .photo:hover{opacity:.9}footer{bottom:0;height:60px;width:100%;float:right;position:fixed;padding-right:40px;box-sizing:border-box}footer .logo{color:#fff;font-size:13px;font-family:'Poppins';font-weight:600;margin-bottom:25px;text-transform:uppercase;text-align:right;opacity:.4}footer ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:-20px}footer ul li{margin-left:20px}footer ul li a{font-size:12px;color:#fff;opacity:.5;font-family:'Poppins';text-decoration:none!important}footer ul li a:hover{color:#9486BE;opacity:1;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}

/* MOBILE */
@media only screen and (max-width: 1206px){.photos{position:fixed;margin-left:27%}.loginForm::after{border-left:140px solid transparent;border-right:140px solid transparent;border-top:65px solid #202225}}@media only screen and (max-width: 1230px){.photos{position:fixed;margin-left:32%}.loginForm::after{border-left:170px solid transparent;border-right:170px solid transparent;border-top:65px solid #202225}}@media only screen and (max-width: 1225px){.photos{position:fixed;margin-left:32%}footer{display:none}.loginForm::after{border-left:140px solid transparent;border-right:140px solid transparent;border-top:65px solid #202225}}@media only screen and (max-width: 1097px){.photos{position:fixed;margin-left:32%}}@media only screen and (max-width: 1022px){.photos{position:fixed;margin-left:35%}}@media only screen and (max-width: 1021px){.photos{position:fixed;margin-left:32%}}@media only screen and (max-width: 995px){.loginForm::after{border-left:170px solid transparent;border-right:170px solid transparent;border-top:65px solid #202225}.photos{margin-left:27%}}@media only screen and (max-width: 999px){.photos{position:fixed;margin-left:28%}.loginForm::after{border-left:110px solid transparent;border-right:110px solid transparent;border-top:65px solid #202225}.loginForm .content #jeff_invites_you{display:none}}@media only screen and (max-width: 802px){body{overflow-y:hidden}footer{display:none}.photos{position:fixed;margin-left:32%}}@media only screen and (max-width: 789px){.photos{position:fixed;margin-left:32%}}@media only screen and (max-width: 777px){.photos{position:fixed;margin-left:32%}}@media only screen and (max-width: 768px){body{overflow-y:hidden}.photos{display:none}footer{display:none}.loginForm{width:80%;height:100%;margin-left:auto;margin-right:auto;position:fixed}.loginForm::after{border-left:100% solid transparent;border-right:100% solid transparent;border-top:65px solid #202225}}