*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{font-family:'Roboto', sans-serif;font-size:12pt;color:#464646;position:relative;overflow-y:scroll;overflow-x:hidden;background-color:#f2f2f2}a,a:link,a:hover{color:#464646}.slogan{font-size:22pt;font-weight:300}.slogan:before,.slogan:after{content:"";display:inline-block;vertical-align:middle;margin-left:20px;margin-right:20px;width:96px;height:2px;background-color:#bcc0ca}.info{font-weight:300;padding:10px;font-size:16pt}.hint{color:gray;font-weight:300}.media{margin:10px auto;padding:20px;max-width:300px}.media__logo img{height:78px}.media__title{font-size:18pt;margin-top:20px}.media__info{margin-top:20px;font-size:14pt;font-weight:300}.pre{background-color:#fff;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);padding:10px;font-family:monospace;font-size:10pt}.fa{vertical-align:middle}.footer{text-align:center;font-size:10pt}@media (min-width: 0px) and (max-width: 1279px){.slogan:before,.slogan:after{content:none}.content{width:100%;max-width:100%}}.row{text-align:center;margin:10px 0;padding:10px}.row--left{text-align:left}.row--right{text-align:right}.flex{display:inline-flex;width:100%}.flex__item{flex:1}.content{margin:auto;max-width:1200px}@media (min-width: 0px) and (max-width: 1023px){.flex{display:block}}.header{display:inline-flex;width:100%;max-height:64px;margin-bottom:20px;background:#969696 radial-gradient(circle at 0% 20%, #969696, #a7a7a7) repeat scroll 0 0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.header__logo{flex:1;display:inline-flex;color:white;font-size:20pt;padding:10px 10px 10px 20px}.header__logo a{color:white;text-decoration:none;vertical-align:middle}.header__logo img{height:100%;vertical-align:middle}.header__logo .menu{flex:1}.header__menu{margin:auto 0;padding-right:10px;text-align:right}.header--big{padding:20px;max-height:initial}.header--big .header__logo{padding-left:60px}.header--big .header__logo img{max-height:initial}.header--big .header__menu{padding-right:60px}.header--big .menu{font-size:18pt}.header--big .menu__item{margin:0 20px}.header--nobg{background:none;box-shadow:none}@media (min-width: 0px) and (max-width: 1023px){.header{display:block;text-align:center;max-height:initial}.header__logo{display:block;padding:10px !important}.header__logo img{max-width:392px !important;width:100%;max-height:64px}.header__logo .menu{display:block}.header__menu{padding:10px !important;text-align:center}}@media (min-width: 1024px) and (max-width: 1279px){.header__logo{padding:10px !important}.header__menu{padding:10px !important}.header--big .menu__item{margin:0 10px}}.menu{font-size:16pt;margin:auto 10px;display:inline;vertical-align:middle}.menu__item{color:#ffffff;cursor:pointer;margin:0 10px;text-decoration:none;vertical-align:middle;position:relative}.menu__item:link,.menu__item:hover{color:#ffffff}.menu__item:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#ffffff;border-radius:3px;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.menu__item:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.menu__item i{vertical-align:top}.menu .btn:before{content:initial}.menu .dropdown{position:relative;display:inline-block}.menu .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:180px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.menu .dropdown-content .menu__item{color:black;padding:12px 16px;text-decoration:none;display:block;margin:0;font-size:16pt}.menu .dropdown-content a:hover{background-color:#f1f1f1}.menu .dropdown:hover .dropdown-content{display:block}.avatar img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;max-height:128px;max-width:128px;margin:20px 20px 10px 20px}.panel{background-color:#fff;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);padding:10px;margin:0 5px 10px 5px;text-align:left;color:#464646}.panel__title{padding:5px;font-size:24px;font-weight:300}.panel__body{padding:5px}.form{width:50%;margin:0 auto}.form__error{color:#ec584d;margin-top:10px;font-size:10pt}.form--bg{background-color:#fff;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);padding:20px;margin-bottom:10px}@media (min-width: 0px) and (max-width: 1023px){.form{width:100%}}.input{flex:1;height:48px;border:1px solid #d8dee5;border-radius:3px;padding:0 20px;background-color:#fff;color:#464646;font:400 14px/normal Roboto, Arial, Helvetica, sans-serif}.input:focus{border-color:#969696;outline:none !important}.input:disabled{background-color:#ececec}.input:invalid{border:1px solid #ec9f9f;outline:none !important;box-shadow:none}.input--wide{width:100%}.textarea{flex:1;height:48px;border:1px solid #d8dee5;border-radius:3px;padding:20px;min-height:200px;background-color:#fff;color:#464646;font:400 14px/normal Roboto, Arial, Helvetica, sans-serif}.textarea:focus{border-color:#969696;outline:none !important}.textarea:disabled{background-color:#ececec}.textarea:invalid{border:1px solid #ec9f9f;outline:none !important;box-shadow:none}.textarea--wide{width:100%}.input-group{display:inline-flex;width:100%;margin-bottom:20px}.input-group__label{padding:10px;width:48px;z-index:1;color:#6e6e6e;font-size:12pt;text-align:center}.input-group__label--left{margin-right:-48px;margin-top:3px}.input-group__label--right{margin-left:-48px;padding:0}.input-group__field{padding-left:44px}.input-group .btn{padding:10px;width:48px;height:48px;border-radius:0 3px 3px 0}.btn{display:inline-block;padding:15px 25px;text-decoration:none;border:0;border-radius:3px;color:#fff;background:#b7b7b7;cursor:pointer;vertical-align:middle;font-size:14pt;transition:background 150ms ease-in}.btn:hover{background:#ccc9c9;color:#fff}.btn:link{color:#fff}.btn:focus{outline:0}.btn::-moz-focus-inner{border:0}.btn--small{padding:2px 4px}.btn--big{font-size:24pt;padding:20px 45px}.btn--wide{width:48.5%}.btn--inverse{background-color:#fff;color:#969696 !important}.btn--inverse:hover{background-color:#e7e7e7;color:#969696 !important}.btn--success{background-color:#2dba57;color:#fff}.btn--success:hover{background:#3ad267;color:#fff}.btn--warning{background-color:#e1c238;color:#fff}.btn--warning:hover{background:#eace53;color:#fff}.btn--error{background-color:#ec584d;color:#fff}.btn--error:hover{background:#ff7970;color:#fff}.alert{background-color:#fff;border:1px solid #d8dee5;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);padding:10px;font-weight:300;margin-bottom:20px;color:#464646}.alert--success{background-color:#acf0c0;border:1px solid #86e2a2;color:#464646}.alert--warning{background-color:#f3e5a4;border:1px solid #e7d480;color:#464646}.alert--error{background-color:#f9d2d2;border:1px solid #ebc4c4;color:#464646}.badge{display:inline-block;font-weight:300;padding:5px 10px;margin:5px 5px 5px 0;background-color:#b7b7b7;color:#fff;border-radius:3px;text-align:center}.badge--success{background-color:#2dba57;color:#fff}.badge--warning{background-color:#e1c238;color:#fff}.badge--error{background-color:#ec584d;color:#fff}.progress{margin:10px 0;background-color:#e3e3e3;border-radius:3px}.progress__bar{background-color:#969696;height:10px;border-radius:3px;width:0;transition:width 0.6s ease}