@font-face {font-family:'rubiklight'; src: url('../fonts/rubik-light-webfont.woff2') format('woff2'),    url('../fonts/rubik-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:'rubikmedium';   src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'),      url('../fonts/rubik-medium-webfont.woff') format('woff'); font-weight: normal;  font-style: normal;}
body{font-family:rubiklight,Arial, Helvetica, sans-serif;font-size:15px;}img{max-width:100%;}ul,ol{margin:0;padding:0;}
.clear{clear:both;}

.login{margin:12px 0 0;}.login .bglogin{background:#f0f0fa;font-size:14px;box-shadow:-2px 2px 5px #888;}.login .start{padding:70px 20px;}.login .start .logo{text-align:center;padding-bottom:20px;}.login h2{font-size:24px;font-family:'rubikmedium';color:#6a6b70;text-align:center;}.login p{text-align:center;font-size:17px;color:#6a6b70;}.login .form-group{position:relative;}.login button{padding:8px 40px;border-radius:20px;}.login a{color:#02b8e8;}.login a:hover{color:#ec8a2f;}.login span{font-size:14px;display:block;margin-bottom:10px;}.login i{position:absolute;left:15px;top:13px;color:#fec40b;font-size:13px}.login input{padding-left:35px;border-radius:4px;}

.register{margin:26px 0 0;font-size:14px;}.register .start{padding:10px;}.register .start .logo{text-align:center;padding-bottom:40px;}.register h2{font-size:24px;font-family:'rubikmedium';color:#6a6b70;text-align:center;}.register p{text-align:center;font-size:18px;color:#6a6b70;margin:0;}.register .form-group{position:relative;}.register button{padding:8px 40px;border-radius:4px;}.register input{border:1px solid #f5d77d;}.register a{color:#02b8e8;}.register a:hover{color:#ec8a2f;}.register .check{margin-top:20px;position:relative;padding-left:23px;}.register .check input{position:absolute;left:0;top:1px;}.register label{font-size:12px;font-weight:600;margin-bottom:3px;display:block;}


.paddtop20{padding-top:20px;}

@media screen and (max-width:767px) {
.login .start{padding:30px 10px;}
}