@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900");.page-wrapper{position:relative;overflow:hidden;height:100vh;font-family:"Rubik", sans-serif;font-size:16px;line-height:1.6;font-weight:400;color:#333333;margin:0;background-color:#ffffff}.page-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}.page-wrapper .text-center{text-align:center}.page-wrapper .text-left{text-align:left}.page-wrapper .text-right{text-align:right}.page-wrapper .text-white{color:#ffffff}.page-wrapper .text-grey{color:#666666}.page-wrapper .text-grey-dark{color:#333333}.page-wrapper .text-blue{color:#40a1e9}.page-wrapper .text-yellow{color:#ffd900}.page-wrapper .text-yellow-dark{color:#d6ad2d}.page-wrapper .text-green{color:#52cead}.page-wrapper .text-red{color:#fc706f}.page-wrapper .text-underline{text-decoration:underline}.page-wrapper .btn{padding:0 15px;height:50px;font:500 16px/50px "Rubik", sans-serif;text-transform:uppercase;min-width:210px;border-width:2px;border-radius:4px;cursor:pointer;display:inline-block;text-decoration:none}.page-wrapper .btn.btn--blue{background-color:#40a1e9;color:#ffffff;border:1px solid rgba(54, 57, 60, 0.1);-webkit-box-shadow:0 4px 8px rgba(81, 85, 88, 0.1);box-shadow:0 4px 8px rgba(81, 85, 88, 0.1)}.page-wrapper .btn.btn--blue:hover{background-color:#1b8fe5}.page-wrapper .btn.btn--yellow{background-color:#ffd900;color:#333333;border:1px solid rgba(54, 57, 60, 0.1);-webkit-box-shadow:0 4px 8px rgba(81, 85, 88, 0.1);box-shadow:0 4px 8px rgba(81, 85, 88, 0.1)}.page-wrapper .btn.btn--yellow:hover{background-color:#ffe44d}.section-login .login__brand{display:none}.section-login .login__form{padding:40px 30px;width:500px;min-height:515px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.section-login .login__form .login__brand{padding:50px 0;display:none}.section-login .login__form .login__title{font-size:30px;text-align:center;font-weight:700;font-style:italic;margin-bottom:30px;text-transform:uppercase;letter-spacing:-1px}.section-login .login__form .login__message{font-size:14px;font-weight:500;margin-bottom:10px;color:#999999}.section-login .login__form .login__message.login__message--success{color:#52cead}.section-login .login__form .login__message.login__message--info{color:#40a1e9}.section-login .login__form .login__message.login__message--warning{color:#806d00}.section-login .login__form .login__message.login__message--error{color:#fc706f}.section-login .login__form .login__message.login__message--newcode{font-size:20px;font-weight:700;background-color:rgba(188, 160, 0, 0.2);padding:7px 12px;margin-bottom:20px}.section-login .login__form .form__group{margin-bottom:20px;position:relative}.section-login .login__form .form__group:last-of-type{margin-bottom:40px}.section-login .login__form .form__group a{float:right;text-align:right;font-size:14px;font-weight:500;text-decoration:none;color:#40a1e9}.section-login .login__form .form__group a:hover{text-decoration:underline}.section-login .login__form .form__group label{display:block;font-weight:300;margin-bottom:10px}.section-login .login__form .form__group input{display:block;width:100%;height:50px;line-height:50px;padding:0 10px;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;border:2px solid rgba(0, 0, 0, 0.12);outline:none;-webkit-transition:border .3s;-o-transition:border .3s;transition:border .3s;background-color:#ffffff;font:400 15px "Rubik", sans-serif}.section-login .login__form .form__group input:focus{border-color:#40a1e9}.section-login .login__form .form__group input::-webkit-input-placeholder{font-style:italic;color:#999999}.section-login .login__form .form__group input:-ms-input-placeholder{font-style:italic;color:#999999}.section-login .login__form .form__group input::-ms-input-placeholder{font-style:italic;color:#999999}.section-login .login__form .form__group input::placeholder{font-style:italic;color:#999999}.section-login .login__form .form__group input[type=submit]{padding:0 15px;height:50px;font:500 16px/50px "Rubik", sans-serif;text-transform:uppercase;width:auto;min-width:210px;border-width:2px;border-radius:4px;margin-top:20px;cursor:pointer;display:inline-block;text-decoration:none;background-color:#40a1e9;color:#ffffff;border:1px solid rgba(54, 57, 60, 0.1);-webkit-box-shadow:0 4px 8px rgba(81, 85, 88, 0.1);box-shadow:0 4px 8px rgba(81, 85, 88, 0.1)}.section-login .login__form .form__group input[type=submit]:hover{background-color:#1b8fe5}.section-login .login__form .form__group input.form__checkbox{position:absolute;z-index:-1;opacity:0}.section-login .login__form .form__group input.form__checkbox+label{position:relative;display:inline-block;vertical-align:middle;margin:0;padding-left:28px;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.section-login .login__form .form__group input.form__checkbox+label:before{content:'';position:absolute;top:0;left:0;display:block;width:22px;height:22px;pointer-events:none;background-color:#fff;border:2px solid #40a1e9;border-radius:4px;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.section-login .login__form .form__group input.form__checkbox+label:after{content:'';position:absolute;top:0;left:0;display:block;width:22px;height:22px;background-repeat:no-repeat;background-size:60%;background-position:50% 50%}.section-login .login__form .form__group input.form__checkbox:checked+label:before{color:#ffffff;background-color:#40a1e9}.section-login .login__form .form__group input.form__checkbox:checked+label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.section-login .login__banner{background:-webkit-gradient(linear, left top, right bottom, color-stop(20%, #4fabd8), color-stop(55%, #40a1e9), color-stop(80%, #5b71c9));background:-webkit-linear-gradient(top left, #4fabd8 20%, #40a1e9 55%, #5b71c9 80%);background:-o-linear-gradient(top left, #4fabd8 20%, #40a1e9 55%, #5b71c9 80%);background:linear-gradient(to bottom right, #4fabd8 20%, #40a1e9 55%, #5b71c9 80%);position:relative}.section-login .login__banner .login-baner__hero{background-image:url(../../images/svg/login-hero.svg);background-size:cover;background-repeat:no-repeat;background-position:80% 0%;width:100%;height:100%}.section-login .login__banner .login__brand{position:absolute;top:30px;right:30px;display:block}.section-login .login__banner .banner{background-color:#ffffff;border:1px solid rgba(54, 57, 60, 0.1);-webkit-box-shadow:0 4px 8px rgba(81, 85, 88, 0.1);box-shadow:0 4px 8px rgba(81, 85, 88, 0.1);border-radius:4px;padding:40px 30px;text-align:center;width:580px;min-height:515px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.section-login .login__banner .banner .banner__header .banner__title{font-size:32px;font-weight:700;line-height:1.4;margin:0 0 5px;color:#333333}.section-login .login__banner .banner .banner__header .banner__subtitle{font-size:20px;font-weight:300;margin:0;color:#666666}.section-login .login__banner .banner .banner__body{margin:30px 0 50px;border-top:1px solid rgba(0, 0, 0, 0.1)}.section-login .login__banner .banner .banner__body ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;margin:0;padding:30px 0}.section-login .login__banner .banner .banner__body ul li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:100%;padding:0 10px;color:#666666;font-size:16px;font-weight:300;margin-bottom:15px}.section-login .login__banner .banner .banner__body ul li i{color:#52cead;margin-right:5px}@media screen and (max-width:1439px){.section-login .login__form{padding:30px 25px;width:420px;min-height:450px}.section-login .login__banner .login-baner__hero{background-position:70% 0%}.section-login .login__banner .login__brand{top:20px}.section-login .login__banner .banner{padding:30px 20px;width:500px;min-height:450px}.section-login .login__banner .banner .banner__header .banner__title{font-size:30px}.section-login .login__banner .banner .banner__header .banner__subtitle{font-size:18px}.section-login .login__banner .banner .banner__body{margin:30px 0}.section-login .login__banner .banner .banner__body ul li{font-size:14px}}@media screen and (max-width:1199px){.page-wrapper .btn{min-width:180px;font-size:14px}.section-login .login__form{width:360px}.section-login .login__form .login__brand img{width:150px}.section-login .login__form .login__title{font-size:20px}.section-login .login__form .form__group label a{font-size:13px}.section-login .login__form .form__group input[type=submit]{min-width:180px;font-size:14px}.section-login .login__banner .login-baner__hero{background-position:70% 0%}.section-login .login__banner .login__brand{top:10px}.section-login .login__banner .banner{width:460px}.section-login .login__banner .banner .banner__header .banner__title{font-size:24px}.section-login .login__banner .banner .banner__header .banner__subtitle{font-size:16px}.section-login .login__banner .banner .banner__body{margin:20px 0 0}.section-login .login__banner .banner .banner__body ul{padding:20px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-login .login__banner .banner .banner__body ul li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:210px;margin-bottom:10px;padding:0}}@media screen and (max-height:1080px) and (min-width:960px){.section-login{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%}.section-login .login__banner{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}}@media screen and (min-height:1081px){.section-login{height:100%}.section-login .login__brand{display:block;background-color:#40a1e9;text-align:center;padding:10px 0}.section-login .login__form{width:400px;margin:0 auto;min-height:30%}.section-login .login__banner{height:70%}.section-login .login__banner .login__brand{display:none}}@media screen and (max-width:959px) and (max-height:1080px){.page-wrapper{height:auto}.section-login .login__brand{display:block;background-color:#40a1e9;text-align:center;padding:10px 0}.section-login .login__form{width:420px;margin:0 auto;padding:40px 20px;min-height:auto}.section-login .login__form .login__brand{padding:20px 0 30px}.section-login .login__form .login__title{margin-bottom:20px}.section-login .login__banner{height:580px}.section-login .login__banner .login__brand{display:none}.section-login .login__banner .banner{min-height:auto}}@media screen and (max-width:767px){.section-login .login__form{width:100%;width:auto;margin:0;padding:30px}.section-login .login__form .login__brand{padding:10px 0 20px}.section-login .login__form .login__message{font-size:13px}.section-login .login__banner .banner{width:360px}.section-login .login__banner .banner .banner__header .banner__title{font-size:20px}}@media screen and (max-width:379px){.section-login .login__brand{padding:5px 0 3px}.section-login .login__form .form__group a{float:none;display:block;margin-top:10px;text-align:left;font-size:13px}.section-login .login__banner{height:500px}.section-login .login__banner .banner{width:300px}.section-login .login__banner .banner .banner__header .banner__title{font-size:16px}.section-login .login__banner .banner .banner__header .banner__subtitle{font-size:13px}.section-login .login__banner .banner .banner__body{margin:15px 0 0}.section-login .login__banner .banner .banner__body ul{padding:15px 0}}