*, *::before, *::after {
  box-sizing: border-box; }

html {
  margin: 0;
  min-width: 320px;
  height: 100%;
  background: #efefef;
  word-break: break-all; }

body {
  margin: 0;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

main {
  min-height: 100%;
  width: calc(100% - 300px);
  margin-left: 300px;
  padding: 5vw; }
  @media (max-width: 991px) {
    main {
      width: calc(100% - 50px);
      margin-left: 50px; } }

section {
  min-height: 100%;
  max-width: 1200px;
  background-color: #ffffff;
  padding: 0 5vw 5vw 5vw;
  box-shadow: 4px -4px 9px -2px rgba(0, 0, 0, 0.2); }
  section h1 {
    margin-top: 0; }

.inner {
  padding: 5vw; }

.hidden {
  display: none !important; }

.clearfix:after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
  height: 0; }

.true {
  color: #4aa839; }

.false {
  color: #c1403f; }

@font-face {
  font-family: 'icomoon';
  src: url("/assets/static/fonts/icomoon/icomoon.eot?cv9us4");
  src: url("/assets/static/fonts/icomoon/icomoon.eot?cv9us4#iefix") format("embedded-opentype"), url("/assets/static/fonts/icomoon/icomoon.ttf?cv9us4") format("truetype"), url("/assets/static/fonts/icomoon/icomoon.woff?cv9us4") format("woff"), url("/assets/static/fonts/icomoon/icomoon.svg?cv9us4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e900"; }

.icon-home2:before {
  content: "\e901"; }

.icon-home3:before {
  content: "\e902"; }

.icon-office:before {
  content: "\e903"; }

.icon-newspaper:before {
  content: "\e904"; }

.icon-pencil:before {
  content: "\e905"; }

.icon-pencil2:before {
  content: "\e906"; }

.icon-quill:before {
  content: "\e907"; }

.icon-pen:before {
  content: "\e908"; }

.icon-blog:before {
  content: "\e909"; }

.icon-eyedropper:before {
  content: "\e90a"; }

.icon-droplet:before {
  content: "\e90b"; }

.icon-paint-format:before {
  content: "\e90c"; }

.icon-image:before {
  content: "\e90d"; }

.icon-images:before {
  content: "\e90e"; }

.icon-camera:before {
  content: "\e90f"; }

.icon-headphones:before {
  content: "\e910"; }

.icon-music:before {
  content: "\e911"; }

.icon-play:before {
  content: "\e912"; }

.icon-film:before {
  content: "\e913"; }

.icon-video-camera:before {
  content: "\e914"; }

.icon-dice:before {
  content: "\e915"; }

.icon-pacman:before {
  content: "\e916"; }

.icon-spades:before {
  content: "\e917"; }

.icon-clubs:before {
  content: "\e918"; }

.icon-diamonds:before {
  content: "\e919"; }

.icon-bullhorn:before {
  content: "\e91a"; }

.icon-connection:before {
  content: "\e91b"; }

.icon-podcast:before {
  content: "\e91c"; }

.icon-feed:before {
  content: "\e91d"; }

.icon-mic:before {
  content: "\e91e"; }

.icon-book:before {
  content: "\e91f"; }

.icon-books:before {
  content: "\e920"; }

.icon-library:before {
  content: "\e921"; }

.icon-file-text:before {
  content: "\e922"; }

.icon-profile:before {
  content: "\e923"; }

.icon-file-empty:before {
  content: "\e924"; }

.icon-files-empty:before {
  content: "\e925"; }

.icon-file-text2:before {
  content: "\e926"; }

.icon-file-picture:before {
  content: "\e927"; }

.icon-file-music:before {
  content: "\e928"; }

.icon-file-play:before {
  content: "\e929"; }

.icon-file-video:before {
  content: "\e92a"; }

.icon-file-zip:before {
  content: "\e92b"; }

.icon-copy:before {
  content: "\e92c"; }

.icon-paste:before {
  content: "\e92d"; }

.icon-stack:before {
  content: "\e92e"; }

.icon-folder:before {
  content: "\e92f"; }

.icon-folder-open:before {
  content: "\e930"; }

.icon-folder-plus:before {
  content: "\e931"; }

.icon-folder-minus:before {
  content: "\e932"; }

.icon-folder-download:before {
  content: "\e933"; }

.icon-folder-upload:before {
  content: "\e934"; }

.icon-price-tag:before {
  content: "\e935"; }

.icon-price-tags:before {
  content: "\e936"; }

.icon-barcode:before {
  content: "\e937"; }

.icon-qrcode:before {
  content: "\e938"; }

.icon-ticket:before {
  content: "\e939"; }

.icon-cart:before {
  content: "\e93a"; }

.icon-coin-dollar:before {
  content: "\e93b"; }

.icon-coin-euro:before {
  content: "\e93c"; }

.icon-coin-pound:before {
  content: "\e93d"; }

.icon-coin-yen:before {
  content: "\e93e"; }

.icon-credit-card:before {
  content: "\e93f"; }

.icon-calculator:before {
  content: "\e940"; }

.icon-lifebuoy:before {
  content: "\e941"; }

.icon-phone:before {
  content: "\e942"; }

.icon-phone-hang-up:before {
  content: "\e943"; }

.icon-address-book:before {
  content: "\e944"; }

.icon-envelop:before {
  content: "\e945"; }

.icon-pushpin:before {
  content: "\e946"; }

.icon-location:before {
  content: "\e947"; }

.icon-location2:before {
  content: "\e948"; }

.icon-compass:before {
  content: "\e949"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-map:before {
  content: "\e94b"; }

.icon-map2:before {
  content: "\e94c"; }

.icon-history:before {
  content: "\e94d"; }

.icon-clock:before {
  content: "\e94e"; }

.icon-clock2:before {
  content: "\e94f"; }

.icon-alarm:before {
  content: "\e950"; }

.icon-bell:before {
  content: "\e951"; }

.icon-stopwatch:before {
  content: "\e952"; }

.icon-calendar:before {
  content: "\e953"; }

.icon-printer:before {
  content: "\e954"; }

.icon-keyboard:before {
  content: "\e955"; }

.icon-display:before {
  content: "\e956"; }

.icon-laptop:before {
  content: "\e957"; }

.icon-mobile:before {
  content: "\e958"; }

.icon-mobile2:before {
  content: "\e959"; }

.icon-tablet:before {
  content: "\e95a"; }

.icon-tv:before {
  content: "\e95b"; }

.icon-drawer:before {
  content: "\e95c"; }

.icon-drawer2:before {
  content: "\e95d"; }

.icon-box-add:before {
  content: "\e95e"; }

.icon-box-remove:before {
  content: "\e95f"; }

.icon-download:before {
  content: "\e960"; }

.icon-upload:before {
  content: "\e961"; }

.icon-floppy-disk:before {
  content: "\e962"; }

.icon-drive:before {
  content: "\e963"; }

.icon-database:before {
  content: "\e964"; }

.icon-undo:before {
  content: "\e965"; }

.icon-redo:before {
  content: "\e966"; }

.icon-undo2:before {
  content: "\e967"; }

.icon-redo2:before {
  content: "\e968"; }

.icon-forward:before {
  content: "\e969"; }

.icon-reply:before {
  content: "\e96a"; }

.icon-bubble:before {
  content: "\e96b"; }

.icon-bubbles:before {
  content: "\e96c"; }

.icon-bubbles2:before {
  content: "\e96d"; }

.icon-bubble2:before {
  content: "\e96e"; }

.icon-bubbles3:before {
  content: "\e96f"; }

.icon-bubbles4:before {
  content: "\e970"; }

.icon-user:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

.icon-user-plus:before {
  content: "\e973"; }

.icon-user-minus:before {
  content: "\e974"; }

.icon-user-check:before {
  content: "\e975"; }

.icon-user-tie:before {
  content: "\e976"; }

.icon-quotes-left:before {
  content: "\e977"; }

.icon-quotes-right:before {
  content: "\e978"; }

.icon-hour-glass:before {
  content: "\e979"; }

.icon-spinner:before {
  content: "\e97a"; }

.icon-spinner2:before {
  content: "\e97b"; }

.icon-spinner3:before {
  content: "\e97c"; }

.icon-spinner4:before {
  content: "\e97d"; }

.icon-spinner5:before {
  content: "\e97e"; }

.icon-spinner6:before {
  content: "\e97f"; }

.icon-spinner7:before {
  content: "\e980"; }

.icon-spinner8:before {
  content: "\e981"; }

.icon-spinner9:before {
  content: "\e982"; }

.icon-spinner10:before {
  content: "\e983"; }

.icon-spinner11:before {
  content: "\e984"; }

.icon-binoculars:before {
  content: "\e985"; }

.icon-search:before {
  content: "\e986"; }

.icon-zoom-in:before {
  content: "\e987"; }

.icon-zoom-out:before {
  content: "\e988"; }

.icon-enlarge:before {
  content: "\e989"; }

.icon-shrink:before {
  content: "\e98a"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-shrink2:before {
  content: "\e98c"; }

.icon-key:before {
  content: "\e98d"; }

.icon-key2:before {
  content: "\e98e"; }

.icon-lock:before {
  content: "\e98f"; }

.icon-unlocked:before {
  content: "\e990"; }

.icon-wrench:before {
  content: "\e991"; }

.icon-equalizer:before {
  content: "\e992"; }

.icon-equalizer2:before {
  content: "\e993"; }

.icon-cog:before {
  content: "\e994"; }

.icon-cogs:before {
  content: "\e995"; }

.icon-hammer:before {
  content: "\e996"; }

.icon-magic-wand:before {
  content: "\e997"; }

.icon-aid-kit:before {
  content: "\e998"; }

.icon-bug:before {
  content: "\e999"; }

.icon-pie-chart:before {
  content: "\e99a"; }

.icon-stats-dots:before {
  content: "\e99b"; }

.icon-stats-bars:before {
  content: "\e99c"; }

.icon-stats-bars2:before {
  content: "\e99d"; }

.icon-trophy:before {
  content: "\e99e"; }

.icon-gift:before {
  content: "\e99f"; }

.icon-glass:before {
  content: "\e9a0"; }

.icon-glass2:before {
  content: "\e9a1"; }

.icon-mug:before {
  content: "\e9a2"; }

.icon-spoon-knife:before {
  content: "\e9a3"; }

.icon-leaf:before {
  content: "\e9a4"; }

.icon-rocket:before {
  content: "\e9a5"; }

.icon-meter:before {
  content: "\e9a6"; }

.icon-meter2:before {
  content: "\e9a7"; }

.icon-hammer2:before {
  content: "\e9a8"; }

.icon-fire:before {
  content: "\e9a9"; }

.icon-lab:before {
  content: "\e9aa"; }

.icon-magnet:before {
  content: "\e9ab"; }

.icon-bin:before {
  content: "\e9ac"; }

.icon-bin2:before {
  content: "\e9ad"; }

.icon-briefcase:before {
  content: "\e9ae"; }

.icon-airplane:before {
  content: "\e9af"; }

.icon-truck:before {
  content: "\e9b0"; }

.icon-road:before {
  content: "\e9b1"; }

.icon-accessibility:before {
  content: "\e9b2"; }

.icon-target:before {
  content: "\e9b3"; }

.icon-shield:before {
  content: "\e9b4"; }

.icon-power:before {
  content: "\e9b5"; }

.icon-switch:before {
  content: "\e9b6"; }

.icon-power-cord:before {
  content: "\e9b7"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-list-numbered:before {
  content: "\e9b9"; }

.icon-list:before {
  content: "\e9ba"; }

.icon-list2:before {
  content: "\e9bb"; }

.icon-tree:before {
  content: "\e9bc"; }

.icon-menu:before {
  content: "\e9bd"; }

.icon-menu2:before {
  content: "\e9be"; }

.icon-menu3:before {
  content: "\e9bf"; }

.icon-menu4:before {
  content: "\e9c0"; }

.icon-cloud:before {
  content: "\e9c1"; }

.icon-cloud-download:before {
  content: "\e9c2"; }

.icon-cloud-upload:before {
  content: "\e9c3"; }

.icon-cloud-check:before {
  content: "\e9c4"; }

.icon-download2:before {
  content: "\e9c5"; }

.icon-upload2:before {
  content: "\e9c6"; }

.icon-download3:before {
  content: "\e9c7"; }

.icon-upload3:before {
  content: "\e9c8"; }

.icon-sphere:before {
  content: "\e9c9"; }

.icon-earth:before {
  content: "\e9ca"; }

.icon-link:before {
  content: "\e9cb"; }

.icon-flag:before {
  content: "\e9cc"; }

.icon-attachment:before {
  content: "\e9cd"; }

.icon-eye:before {
  content: "\e9ce"; }

.icon-eye-plus:before {
  content: "\e9cf"; }

.icon-eye-minus:before {
  content: "\e9d0"; }

.icon-eye-blocked:before {
  content: "\e9d1"; }

.icon-bookmark:before {
  content: "\e9d2"; }

.icon-bookmarks:before {
  content: "\e9d3"; }

.icon-sun:before {
  content: "\e9d4"; }

.icon-contrast:before {
  content: "\e9d5"; }

.icon-brightness-contrast:before {
  content: "\e9d6"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-half:before {
  content: "\e9d8"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-heart:before {
  content: "\e9da"; }

.icon-heart-broken:before {
  content: "\e9db"; }

.icon-man:before {
  content: "\e9dc"; }

.icon-woman:before {
  content: "\e9dd"; }

.icon-man-woman:before {
  content: "\e9de"; }

.icon-happy:before {
  content: "\e9df"; }

.icon-happy2:before {
  content: "\e9e0"; }

.icon-smile:before {
  content: "\e9e1"; }

.icon-smile2:before {
  content: "\e9e2"; }

.icon-tongue:before {
  content: "\e9e3"; }

.icon-tongue2:before {
  content: "\e9e4"; }

.icon-sad:before {
  content: "\e9e5"; }

.icon-sad2:before {
  content: "\e9e6"; }

.icon-wink:before {
  content: "\e9e7"; }

.icon-wink2:before {
  content: "\e9e8"; }

.icon-grin:before {
  content: "\e9e9"; }

.icon-grin2:before {
  content: "\e9ea"; }

.icon-cool:before {
  content: "\e9eb"; }

.icon-cool2:before {
  content: "\e9ec"; }

.icon-angry:before {
  content: "\e9ed"; }

.icon-angry2:before {
  content: "\e9ee"; }

.icon-evil:before {
  content: "\e9ef"; }

.icon-evil2:before {
  content: "\e9f0"; }

.icon-shocked:before {
  content: "\e9f1"; }

.icon-shocked2:before {
  content: "\e9f2"; }

.icon-baffled:before {
  content: "\e9f3"; }

.icon-baffled2:before {
  content: "\e9f4"; }

.icon-confused:before {
  content: "\e9f5"; }

.icon-confused2:before {
  content: "\e9f6"; }

.icon-neutral:before {
  content: "\e9f7"; }

.icon-neutral2:before {
  content: "\e9f8"; }

.icon-hipster:before {
  content: "\e9f9"; }

.icon-hipster2:before {
  content: "\e9fa"; }

.icon-wondering:before {
  content: "\e9fb"; }

.icon-wondering2:before {
  content: "\e9fc"; }

.icon-sleepy:before {
  content: "\e9fd"; }

.icon-sleepy2:before {
  content: "\e9fe"; }

.icon-frustrated:before {
  content: "\e9ff"; }

.icon-frustrated2:before {
  content: "\ea00"; }

.icon-crying:before {
  content: "\ea01"; }

.icon-crying2:before {
  content: "\ea02"; }

.icon-point-up:before {
  content: "\ea03"; }

.icon-point-right:before {
  content: "\ea04"; }

.icon-point-down:before {
  content: "\ea05"; }

.icon-point-left:before {
  content: "\ea06"; }

.icon-warning:before {
  content: "\ea07"; }

.icon-notification:before {
  content: "\ea08"; }

.icon-question:before {
  content: "\ea09"; }

.icon-plus:before {
  content: "\ea0a"; }

.icon-minus:before {
  content: "\ea0b"; }

.icon-info:before {
  content: "\ea0c"; }

.icon-cancel-circle:before {
  content: "\ea0d"; }

.icon-blocked:before {
  content: "\ea0e"; }

.icon-cross:before {
  content: "\ea0f"; }

.icon-checkmark:before {
  content: "\ea10"; }

.icon-checkmark2:before {
  content: "\ea11"; }

.icon-spell-check:before {
  content: "\ea12"; }

.icon-enter:before {
  content: "\ea13"; }

.icon-exit:before {
  content: "\ea14"; }

.icon-play2:before {
  content: "\ea15"; }

.icon-pause:before {
  content: "\ea16"; }

.icon-stop:before {
  content: "\ea17"; }

.icon-previous:before {
  content: "\ea18"; }

.icon-next:before {
  content: "\ea19"; }

.icon-backward:before {
  content: "\ea1a"; }

.icon-forward2:before {
  content: "\ea1b"; }

.icon-play3:before {
  content: "\ea1c"; }

.icon-pause2:before {
  content: "\ea1d"; }

.icon-stop2:before {
  content: "\ea1e"; }

.icon-backward2:before {
  content: "\ea1f"; }

.icon-forward3:before {
  content: "\ea20"; }

.icon-first:before {
  content: "\ea21"; }

.icon-last:before {
  content: "\ea22"; }

.icon-previous2:before {
  content: "\ea23"; }

.icon-next2:before {
  content: "\ea24"; }

.icon-eject:before {
  content: "\ea25"; }

.icon-volume-high:before {
  content: "\ea26"; }

.icon-volume-medium:before {
  content: "\ea27"; }

.icon-volume-low:before {
  content: "\ea28"; }

.icon-volume-mute:before {
  content: "\ea29"; }

.icon-volume-mute2:before {
  content: "\ea2a"; }

.icon-volume-increase:before {
  content: "\ea2b"; }

.icon-volume-decrease:before {
  content: "\ea2c"; }

.icon-loop:before {
  content: "\ea2d"; }

.icon-loop2:before {
  content: "\ea2e"; }

.icon-infinite:before {
  content: "\ea2f"; }

.icon-shuffle:before {
  content: "\ea30"; }

.icon-arrow-up-left:before {
  content: "\ea31"; }

.icon-arrow-up:before {
  content: "\ea32"; }

.icon-arrow-up-right:before {
  content: "\ea33"; }

.icon-arrow-right:before {
  content: "\ea34"; }

.icon-arrow-down-right:before {
  content: "\ea35"; }

.icon-arrow-down:before {
  content: "\ea36"; }

.icon-arrow-down-left:before {
  content: "\ea37"; }

.icon-arrow-left:before {
  content: "\ea38"; }

.icon-arrow-up-left2:before {
  content: "\ea39"; }

.icon-arrow-up2:before {
  content: "\ea3a"; }

.icon-arrow-up-right2:before {
  content: "\ea3b"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

.icon-arrow-down-right2:before {
  content: "\ea3d"; }

.icon-arrow-down2:before {
  content: "\ea3e"; }

.icon-arrow-down-left2:before {
  content: "\ea3f"; }

.icon-arrow-left2:before {
  content: "\ea40"; }

.icon-circle-up:before {
  content: "\ea41"; }

.icon-circle-right:before {
  content: "\ea42"; }

.icon-circle-down:before {
  content: "\ea43"; }

.icon-circle-left:before {
  content: "\ea44"; }

.icon-tab:before {
  content: "\ea45"; }

.icon-move-up:before {
  content: "\ea46"; }

.icon-move-down:before {
  content: "\ea47"; }

.icon-sort-alpha-asc:before {
  content: "\ea48"; }

.icon-sort-alpha-desc:before {
  content: "\ea49"; }

.icon-sort-numeric-asc:before {
  content: "\ea4a"; }

.icon-sort-numberic-desc:before {
  content: "\ea4b"; }

.icon-sort-amount-asc:before {
  content: "\ea4c"; }

.icon-sort-amount-desc:before {
  content: "\ea4d"; }

.icon-command:before {
  content: "\ea4e"; }

.icon-shift:before {
  content: "\ea4f"; }

.icon-ctrl:before {
  content: "\ea50"; }

.icon-opt:before {
  content: "\ea51"; }

.icon-checkbox-checked:before {
  content: "\ea52"; }

.icon-checkbox-unchecked:before {
  content: "\ea53"; }

.icon-radio-checked:before {
  content: "\ea54"; }

.icon-radio-checked2:before {
  content: "\ea55"; }

.icon-radio-unchecked:before {
  content: "\ea56"; }

.icon-crop:before {
  content: "\ea57"; }

.icon-make-group:before {
  content: "\ea58"; }

.icon-ungroup:before {
  content: "\ea59"; }

.icon-scissors:before {
  content: "\ea5a"; }

.icon-filter:before {
  content: "\ea5b"; }

.icon-font:before {
  content: "\ea5c"; }

.icon-ligature:before {
  content: "\ea5d"; }

.icon-ligature2:before {
  content: "\ea5e"; }

.icon-text-height:before {
  content: "\ea5f"; }

.icon-text-width:before {
  content: "\ea60"; }

.icon-font-size:before {
  content: "\ea61"; }

.icon-bold:before {
  content: "\ea62"; }

.icon-underline:before {
  content: "\ea63"; }

.icon-italic:before {
  content: "\ea64"; }

.icon-strikethrough:before {
  content: "\ea65"; }

.icon-omega:before {
  content: "\ea66"; }

.icon-sigma:before {
  content: "\ea67"; }

.icon-page-break:before {
  content: "\ea68"; }

.icon-superscript:before {
  content: "\ea69"; }

.icon-subscript:before {
  content: "\ea6a"; }

.icon-superscript2:before {
  content: "\ea6b"; }

.icon-subscript2:before {
  content: "\ea6c"; }

.icon-text-color:before {
  content: "\ea6d"; }

.icon-pagebreak:before {
  content: "\ea6e"; }

.icon-clear-formatting:before {
  content: "\ea6f"; }

.icon-table:before {
  content: "\ea70"; }

.icon-table2:before {
  content: "\ea71"; }

.icon-insert-template:before {
  content: "\ea72"; }

.icon-pilcrow:before {
  content: "\ea73"; }

.icon-ltr:before {
  content: "\ea74"; }

.icon-rtl:before {
  content: "\ea75"; }

.icon-section:before {
  content: "\ea76"; }

.icon-paragraph-left:before {
  content: "\ea77"; }

.icon-paragraph-center:before {
  content: "\ea78"; }

.icon-paragraph-right:before {
  content: "\ea79"; }

.icon-paragraph-justify:before {
  content: "\ea7a"; }

.icon-indent-increase:before {
  content: "\ea7b"; }

.icon-indent-decrease:before {
  content: "\ea7c"; }

.icon-share:before {
  content: "\ea7d"; }

.icon-new-tab:before {
  content: "\ea7e"; }

.icon-embed:before {
  content: "\ea7f"; }

.icon-embed2:before {
  content: "\ea80"; }

.icon-terminal:before {
  content: "\ea81"; }

.icon-share2:before {
  content: "\ea82"; }

.icon-mail:before {
  content: "\ea83"; }

.icon-mail2:before {
  content: "\ea84"; }

.icon-mail3:before {
  content: "\ea85"; }

.icon-mail4:before {
  content: "\ea86"; }

.icon-amazon:before {
  content: "\ea87"; }

.icon-google:before {
  content: "\ea88"; }

.icon-google2:before {
  content: "\ea89"; }

.icon-google3:before {
  content: "\ea8a"; }

.icon-google-plus:before {
  content: "\ea8b"; }

.icon-google-plus2:before {
  content: "\ea8c"; }

.icon-google-plus3:before {
  content: "\ea8d"; }

.icon-hangouts:before {
  content: "\ea8e"; }

.icon-google-drive:before {
  content: "\ea8f"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-whatsapp:before {
  content: "\ea93"; }

.icon-spotify:before {
  content: "\ea94"; }

.icon-telegram:before {
  content: "\ea95"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-vine:before {
  content: "\ea97"; }

.icon-vk:before {
  content: "\ea98"; }

.icon-renren:before {
  content: "\ea99"; }

.icon-sina-weibo:before {
  content: "\ea9a"; }

.icon-rss:before {
  content: "\ea9b"; }

.icon-rss2:before {
  content: "\ea9c"; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-youtube2:before {
  content: "\ea9e"; }

.icon-twitch:before {
  content: "\ea9f"; }

.icon-vimeo:before {
  content: "\eaa0"; }

.icon-vimeo2:before {
  content: "\eaa1"; }

.icon-lanyrd:before {
  content: "\eaa2"; }

.icon-flickr:before {
  content: "\eaa3"; }

.icon-flickr2:before {
  content: "\eaa4"; }

.icon-flickr3:before {
  content: "\eaa5"; }

.icon-flickr4:before {
  content: "\eaa6"; }

.icon-dribbble:before {
  content: "\eaa7"; }

.icon-behance:before {
  content: "\eaa8"; }

.icon-behance2:before {
  content: "\eaa9"; }

.icon-deviantart:before {
  content: "\eaaa"; }

.icon-500px:before {
  content: "\eaab"; }

.icon-steam:before {
  content: "\eaac"; }

.icon-steam2:before {
  content: "\eaad"; }

.icon-dropbox:before {
  content: "\eaae"; }

.icon-onedrive:before {
  content: "\eaaf"; }

.icon-github:before {
  content: "\eab0"; }

.icon-npm:before {
  content: "\eab1"; }

.icon-basecamp:before {
  content: "\eab2"; }

.icon-trello:before {
  content: "\eab3"; }

.icon-wordpress:before {
  content: "\eab4"; }

.icon-joomla:before {
  content: "\eab5"; }

.icon-ello:before {
  content: "\eab6"; }

.icon-blogger:before {
  content: "\eab7"; }

.icon-blogger2:before {
  content: "\eab8"; }

.icon-tumblr:before {
  content: "\eab9"; }

.icon-tumblr2:before {
  content: "\eaba"; }

.icon-yahoo:before {
  content: "\eabb"; }

.icon-yahoo2:before {
  content: "\eabc"; }

.icon-tux:before {
  content: "\eabd"; }

.icon-appleinc:before {
  content: "\eabe"; }

.icon-finder:before {
  content: "\eabf"; }

.icon-android:before {
  content: "\eac0"; }

.icon-windows:before {
  content: "\eac1"; }

.icon-windows8:before {
  content: "\eac2"; }

.icon-soundcloud:before {
  content: "\eac3"; }

.icon-soundcloud2:before {
  content: "\eac4"; }

.icon-skype:before {
  content: "\eac5"; }

.icon-reddit:before {
  content: "\eac6"; }

.icon-hackernews:before {
  content: "\eac7"; }

.icon-wikipedia:before {
  content: "\eac8"; }

.icon-linkedin:before {
  content: "\eac9"; }

.icon-linkedin2:before {
  content: "\eaca"; }

.icon-lastfm:before {
  content: "\eacb"; }

.icon-lastfm2:before {
  content: "\eacc"; }

.icon-delicious:before {
  content: "\eacd"; }

.icon-stumbleupon:before {
  content: "\eace"; }

.icon-stumbleupon2:before {
  content: "\eacf"; }

.icon-stackoverflow:before {
  content: "\ead0"; }

.icon-pinterest:before {
  content: "\ead1"; }

.icon-pinterest2:before {
  content: "\ead2"; }

.icon-xing:before {
  content: "\ead3"; }

.icon-xing2:before {
  content: "\ead4"; }

.icon-flattr:before {
  content: "\ead5"; }

.icon-foursquare:before {
  content: "\ead6"; }

.icon-yelp:before {
  content: "\ead7"; }

.icon-paypal:before {
  content: "\ead8"; }

.icon-chrome:before {
  content: "\ead9"; }

.icon-firefox:before {
  content: "\eada"; }

.icon-IE:before {
  content: "\eadb"; }

.icon-edge:before {
  content: "\eadc"; }

.icon-safari:before {
  content: "\eadd"; }

.icon-opera:before {
  content: "\eade"; }

.icon-file-pdf:before {
  content: "\eadf"; }

.icon-file-openoffice:before {
  content: "\eae0"; }

.icon-file-word:before {
  content: "\eae1"; }

.icon-file-excel:before {
  content: "\eae2"; }

.icon-libreoffice:before {
  content: "\eae3"; }

.icon-html-five:before {
  content: "\eae4"; }

.icon-html-five2:before {
  content: "\eae5"; }

.icon-css3:before {
  content: "\eae6"; }

.icon-git:before {
  content: "\eae7"; }

.icon-codepen:before {
  content: "\eae8"; }

.icon-svg:before {
  content: "\eae9"; }

.icon-IcoMoon:before {
  content: "\eaea"; }

.btn,
button,
input[type="submit"] {
  font-size: 15px;
  background-color: #ffffff;
  display: inline-block;
  min-width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #62c1d3;
  text-decoration: none;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin: 2vw;
  color: #62c1d3;
  cursor: pointer; }
  @media (min-width: 480px) and (max-width: 1920px) {
    .btn,
    button,
    input[type="submit"] {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    .btn,
    button,
    input[type="submit"] {
      font-size: 20px; } }
  .btn:hover,
  button:hover,
  input[type="submit"]:hover {
    background-color: #62c1d3;
    color: #ffffff;
    border: 1px solid #62c1d3;
    -webkit-transition: all .5s;
    transition: all .5s; }
  .btn.accept,
  button.accept,
  input[type="submit"].accept {
    border-color: #4aa839;
    color: #4aa839; }
    .btn.accept:hover,
    button.accept:hover,
    input[type="submit"].accept:hover {
      background-color: #4aa839;
      color: #ffffff; }
  .btn.refuse,
  button.refuse,
  input[type="submit"].refuse {
    border-color: #c1403f;
    color: #c1403f; }
    .btn.refuse:hover,
    button.refuse:hover,
    input[type="submit"].refuse:hover {
      background-color: #c1403f;
      color: #ffffff; }

input[type="submit"] {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

button,
input[type="submit"] {
  padding: 0; }

input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: none;
  opacity: 0;
  position: absolute; }
  input[type="checkbox"]:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px; }
  input[type="checkbox"]:checked + label::before {
    border: 1px solid #62c1d3;
    background-color: #62c1d3; }
  input[type="checkbox"]:checked + label::after {
    background-color: none;
    top: 11px;
    left: 8px;
    width: 6px;
    height: 12px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff;
    border-top: 0;
    border-left: 0; }
  input[type="checkbox"] + label {
    position: relative;
    display: block;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    padding: 3px 35px;
    width: 100%; }
    input[type="checkbox"] + label::before, input[type="checkbox"] + label::after {
      content: '';
      position: absolute; }
    input[type="checkbox"] + label::before {
      top: 10px;
      left: 0;
      width: 20px;
      height: 20px;
      border: 1px solid #62c1d3;
      display: inline-block; }
    input[type="checkbox"] + label::after {
      display: block; }

.datepicker {
  cursor: pointer; }

.error {
  color: #c1403f; }

input[type="file"] {
  top: 0;
  right: 0;
  left: 30%;
  bottom: 0;
  visibility: none;
  opacity: 0;
  position: absolute; }
  @media (max-width: 991px) {
    input[type="file"] {
      width: 100%;
      left: 0; } }
  input[type="file"]:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px; }
  input[type="file"] + label {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }
    @media (max-width: 991px) {
      input[type="file"] + label {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    input[type="file"] + label::before, input[type="file"] + label::after {
      display: block;
      box-sizing: inherit; }
    input[type="file"] + label::before {
      content: attr(data-label);
      width: 30%;
      line-height: 40px; }
      @media (max-width: 991px) {
        input[type="file"] + label::before {
          width: 100%; } }
    input[type="file"] + label::after {
      content: attr(data-file);
      width: 70%;
      border: 1px solid #dadada;
      height: 40px;
      line-height: 40px;
      padding: 5px;
      background-color: white;
      color: #62c1d3; }
      @media (max-width: 991px) {
        input[type="file"] + label::after {
          width: 100%; } }

input {
  width: 70%;
  border: 1px solid #dadada;
  height: 40px;
  line-height: 40px;
  padding: 5px; }
  @media (max-width: 991px) {
    input {
      width: 100%; } }

input[readonly="readonly"] {
  background-color: #efefef; }

label {
  width: 30%;
  line-height: 40px; }
  @media (max-width: 991px) {
    label {
      width: 100%; } }

.list {
  margin: 5vw 0; }
  .list .header,
  .list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1vw; }
    @media (max-width: 991px) {
      .list .header,
      .list .row {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .list .header {
    background-color: #58585a;
    color: #ffffff; }
    @media (max-width: 991px) {
      .list .header {
        display: none; } }
  .list h6,
  .list p {
    width: 100%;
    margin: 0; }
  .list .row:nth-child(odd) {
    background-color: #efefef; }
  .list .row:last-of-type {
    border-bottom: 1px solid #efefef; }
  .list .row:hover {
    background-color: #62c1d3;
    color: #ffffff; }

.parsley-errors-list {
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(-5px - 1em);
  left: 30%;
  font-size: 12px;
  color: #c1403f; }
  @media (min-width: 480px) and (max-width: 1920px) {
    .parsley-errors-list {
      font-size: calc( 12px + 2 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    .parsley-errors-list {
      font-size: 14px; } }
  @media (max-width: 991px) {
    .parsley-errors-list {
      left: 0;
      top: -1em; } }
  .parsley-errors-list li {
    list-style: none; }

.parsley-error {
  outline: 1px solid #c1403f; }

input[type="radio"] {
  height: 0;
  width: 0;
  visibility: none;
  opacity: 0;
  position: absolute; }
  input[type="radio"]:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px; }
  input[type="radio"]:checked + label::before {
    border: 1px solid #62c1d3; }
  input[type="radio"]:checked + label::after {
    top: 16px;
    left: 6px;
    width: 8px;
    height: 8px;
    background-color: #62c1d3; }
  input[type="radio"] + label {
    position: relative;
    display: block;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    padding: 3px 35px;
    width: 100%; }
    input[type="radio"] + label::before, input[type="radio"] + label::after {
      content: '';
      position: absolute;
      border-radius: 50%; }
    input[type="radio"] + label::before {
      top: 10px;
      left: 0;
      width: 20px;
      height: 20px;
      border: 1px solid #62c1d3;
      display: inline-block; }
    input[type="radio"] + label::after {
      display: block; }

@font-face {
  font-family: areal;
  src: url(/assets/static/fonts/areal/areal-bl-black-web.eot);
  src: url(/assets/static/fonts/areal/areal-bl-black-web.eot?#iefix) format("eot"), url(/assets/static/fonts/areal/areal-bl-black-web.woff) format("woff"), url(/assets/static/fonts/areal/areal-bl-black-web.ttf) format("svg");
  font-weight: 400;
  font-style: normal; }

html {
  font-size: 10px; }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300; }

.areal {
  font-family: 'areal';
  text-transform: uppercase; }

h1 {
  font-size: 28px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h1 {
      font-size: calc( 28px + 29 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h1 {
      font-size: 57px; } }

h2 {
  font-size: 24px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h2 {
      font-size: calc( 24px + 22 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h2 {
      font-size: 46px; } }

h3 {
  font-size: 22px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h3 {
      font-size: calc( 22px + 15 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h3 {
      font-size: 37px; } }

h4 {
  font-size: 19px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h4 {
      font-size: calc( 19px + 11 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h4 {
      font-size: 30px; } }

h5 {
  font-size: 17px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h5 {
      font-size: calc( 17px + 8 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h5 {
      font-size: 25px; } }

h6 {
  font-size: 15px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    h6 {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    h6 {
      font-size: 20px; } }

p {
  font-size: 15px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    p {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    p {
      font-size: 20px; } }

b {
  font-size: 15px;
  font-weight: bold; }
  @media (min-width: 480px) and (max-width: 1920px) {
    b {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    b {
      font-size: 20px; } }

a {
  font-size: 15px;
  text-decoration: underline;
  color: #62c1d3; }
  @media (min-width: 480px) and (max-width: 1920px) {
    a {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    a {
      font-size: 20px; } }

i {
  font-size: 15px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    i {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    i {
      font-size: 20px; } }

small {
  font-size: 13px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    small {
      font-size: calc( 13px + 3 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    small {
      font-size: 16px; } }

textarea {
  width: 70%;
  border: 1px solid #dadada;
  padding: 5px;
  resize: none;
  min-height: 100px; }
  @media (max-width: 991px) {
    textarea {
      width: 100%; } }

textarea[readonly="readonly"] {
  background-color: #efefef; }

.person {
  margin: 3vw 0 5vw 0;
  color: #ffffff;
  text-align: center; }
  .person .img {
    width: 130px;
    height: 130px;
    margin: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%; }
    @media (max-width: 991px) {
      .person .img {
        width: 40px;
        height: 40px; } }
  .person span {
    display: block;
    text-align: center; }
  .person .names {
    margin-top: 2vw;
    font-size: 16px; }
    @media (min-width: 480px) and (max-width: 1920px) {
      .person .names {
        font-size: calc( 16px + 7 * ( ( 100vw - 480px) / 1440 )); } }
    @media (min-width: 1920px) {
      .person .names {
        font-size: 23px; } }
    @media (max-width: 991px) {
      .person .names {
        opacity: 0; } }
  .person .unit {
    margin-top: 0.5vw;
    font-size: 14px; }
    @media (min-width: 480px) and (max-width: 1920px) {
      .person .unit {
        font-size: calc( 14px + 5 * ( ( 100vw - 480px) / 1440 )); } }
    @media (min-width: 1920px) {
      .person .unit {
        font-size: 19px; } }
    @media (max-width: 991px) {
      .person .unit {
        opacity: 0; } }
  .person .credits {
    margin-top: 3vw; }
    @media (max-width: 991px) {
      .person .credits {
        opacity: 0; } }
    .person .credits .holiday,
    .person .credits .time {
      font-size: 13px; }
      @media (min-width: 480px) and (max-width: 1920px) {
        .person .credits .holiday,
        .person .credits .time {
          font-size: calc( 13px + 2 * ( ( 100vw - 480px) / 1440 )); } }
      @media (min-width: 1920px) {
        .person .credits .holiday,
        .person .credits .time {
          font-size: 15px; } }
    .person .credits > div {
      margin-top: 0.5vw; }

#absences {
  margin: 5vw 0; }
  #absences .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #absences .row:last-of-type .month div {
      border-bottom: 1px solid #000000; }
  #absences .name {
    width: 20%;
    height: 30px;
    line-height: 30px;
    font-size: 14px; }
    @media (min-width: 480px) and (max-width: 1920px) {
      #absences .name {
        font-size: calc( 14px + 3 * ( ( 100vw - 480px) / 1440 )); } }
    @media (min-width: 1920px) {
      #absences .name {
        font-size: 17px; } }
  #absences .month {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #absences .month div {
      width: 100%;
      text-align: center;
      border: 1px solid #000000;
      border-bottom: 0;
      border-right: 0;
      height: 30px;
      line-height: 30px; }
      #absences .month div:last-of-type {
        border-right: 1px solid #000000; }
  #absences .weekend {
    background-color: #58585a;
    color: white; }
  #absences .special {
    background-color: #efefef; }
  #absences .period {
    background-color: #f7ba22;
    color: #ffffff; }
  #absences .away {
    background-color: #c1403f; }
    #absences .away.am {
      background-color: #ffffff;
      position: relative; }
      #absences .away.am::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 50%;
        background-color: #c1403f;
        content: '';
        display: block; }
    #absences .away.pm {
      background-color: #ffffff;
      position: relative; }
      #absences .away.pm::after {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #c1403f;
        content: '';
        display: block; }

aside#main-nav {
  background-color: #3b4449;
  width: 300px;
  min-width: 300px;
  position: fixed;
  bottom: 0;
  top: 0; }
  @media (max-width: 991px) {
    aside#main-nav {
      width: 50px;
      min-width: 50px; } }
  aside#main-nav ul {
    margin: 0;
    padding: 0; }
    aside#main-nav ul li {
      list-style: none;
      border-bottom: 1px solid #9da6ab;
      position: relative; }
      aside#main-nav ul li:first-of-type {
        border-top: 1px solid #9da6ab; }
      aside#main-nav ul li.active {
        background-color: #43474a; }
      aside#main-nav ul li:hover {
        background-color: #43474a; }
        aside#main-nav ul li:hover a {
          color: #ffffff; }
      aside#main-nav ul li a {
        text-decoration: none;
        color: #9da6ab;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        aside#main-nav ul li a i {
          display: inline-block;
          height: 50px;
          width: 50px;
          line-height: 50px;
          text-align: center; }
        aside#main-nav ul li a span {
          height: 50px;
          display: block;
          line-height: 50px;
          padding-left: 20px; }
          @media (max-width: 991px) {
            aside#main-nav ul li a span {
              display: none; } }
  aside#main-nav .todo::after {
    content: attr(data-todo);
    text-align: center;
    width: 18px;
    height: 18px;
    font-size: 13px;
    background-color: #c1403f;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 31px;
    color: #ffffff; }

form {
  font-size: 15px; }
  @media (min-width: 480px) and (max-width: 1920px) {
    form {
      font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
  @media (min-width: 1920px) {
    form {
      font-size: 20px; } }
  form fieldset {
    border: none;
    margin: 0;
    padding: 0.2vw; }
    form fieldset > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 1em 0 1.5em;
      position: relative; }
      @media (max-width: 991px) {
        form fieldset > div {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

#holiday {
  margin: 5vw 0; }

nav.petition-nav {
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 991px) {
    nav.petition-nav a {
      width: 100%;
      margin: 2vw 0; } }

.next,
.send {
  float: right; }

.prev {
  float: left; }

.slider:not(.slick-initialized) {
  height: 0;
  position: absolute;
  overflow: hidden; }

#petition-form .inactive {
  pointer-events: none;
  border-color: #58585a;
  color: #58585a;
  opacity: 0.2;
  background-color: #efefef; }

#status {
  margin: 5vw 0; }
  #status ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #status ol li {
      width: 100%;
      text-align: center;
      position: relative; }
      #status ol li:first-of-type::before {
        display: none; }
      #status ol li:last-of-type::after {
        display: none; }
      #status ol li:before, #status ol li:after {
        border-top: 1px solid black;
        display: block;
        content: '';
        position: absolute;
        top: 19%;
        width: 50%;
        z-index: 1; }
      #status ol li:before {
        left: 0; }
      #status ol li:after {
        right: 0; }
      #status ol li .name {
        font-size: 13px;
        text-align: center;
        font-weight: 700;
        margin-bottom: 1.5vw; }
        @media (min-width: 480px) and (max-width: 1920px) {
          #status ol li .name {
            font-size: calc( 13px + 2 * ( ( 100vw - 480px) / 1440 )); } }
        @media (min-width: 1920px) {
          #status ol li .name {
            font-size: 15px; } }
      #status ol li > p {
        text-decoration: none;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: #f7ba22;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 30px;
        position: relative;
        z-index: 3;
        margin-top: 0;
        font-size: 13px; }
        @media (min-width: 480px) and (max-width: 1920px) {
          #status ol li > p {
            font-size: calc( 13px + 2 * ( ( 100vw - 480px) / 1440 )); } }
        @media (min-width: 1920px) {
          #status ol li > p {
            font-size: 15px; } }
  #status .accepted {
    background-color: #4aa839; }
  #status .refused {
    background-color: #c1403f; }
  #status .inactive {
    background-color: #efefef;
    color: #000000; }
  #status .card {
    border: 1px solid #000000;
    margin: 1px 1vw 0;
    z-index: 1;
    padding: 1vw;
    position: relative; }
    #status .card::before {
      width: 20px;
      height: 20px;
      z-index: 2;
      content: '';
      border-top: 1px solid #000000;
      border-right: 1px solid #000000;
      background-color: #ffffff;
      display: block;
      position: absolute;
      -webkit-transform: translate(-50%, calc(-50% - 1vw)) rotate(-45deg);
              transform: translate(-50%, calc(-50% - 1vw)) rotate(-45deg);
      left: 50%; }
    #status .card p,
    #status .card b {
      z-index: 3;
      position: relative;
      font-size: 14px; }
      @media (min-width: 480px) and (max-width: 1920px) {
        #status .card p,
        #status .card b {
          font-size: calc( 14px + 3 * ( ( 100vw - 480px) / 1440 )); } }
      @media (min-width: 1920px) {
        #status .card p,
        #status .card b {
          font-size: 17px; } }

#steps {
  margin: 5vw 0; }
  #steps ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #steps ol li {
      width: 100%;
      text-align: center;
      position: relative; }
      #steps ol li:first-of-type::before {
        display: none; }
      #steps ol li:last-of-type::after {
        display: none; }
      #steps ol li:before, #steps ol li:after {
        border-top: 1px solid black;
        display: block;
        content: '';
        position: absolute;
        bottom: 15px;
        width: 50%;
        z-index: 1; }
      #steps ol li:before {
        left: 0; }
      #steps ol li:after {
        right: 0; }
      #steps ol li .name {
        font-size: 13px;
        text-align: center;
        font-weight: 700;
        margin-bottom: 1.5vw; }
        @media (min-width: 480px) and (max-width: 1920px) {
          #steps ol li .name {
            font-size: calc( 13px + 2 * ( ( 100vw - 480px) / 1440 )); } }
        @media (min-width: 1920px) {
          #steps ol li .name {
            font-size: 15px; } }
        @media (max-width: 991px) {
          #steps ol li .name {
            display: none; } }
      #steps ol li a {
        text-decoration: none;
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: #62c1d3;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 30px;
        position: relative;
        z-index: 3;
        font-size: 13px; }
        @media (min-width: 480px) and (max-width: 1920px) {
          #steps ol li a {
            font-size: calc( 13px + 2 * ( ( 100vw - 480px) / 1440 )); } }
        @media (min-width: 1920px) {
          #steps ol li a {
            font-size: 15px; } }
  #steps .done {
    background-color: #58585a; }
  #steps .inactive {
    background-color: #efefef;
    color: #000000;
    cursor: default; }

#subjects input[type="radio"]:checked + label {
  background-color: #62c1d3; }

#subjects label {
  position: static;
  height: auto;
  line-height: normal;
  padding: 0; }
  #subjects label:after, #subjects label:before {
    display: none; }

#subjects ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 991px) {
    #subjects ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  #subjects ul li {
    list-style: none;
    padding: 0.5vw;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%; }
    #subjects ul li div {
      padding-top: 100%;
      position: relative; }
      @media (max-width: 991px) {
        #subjects ul li div {
          padding-top: 0;
          height: 50px; } }
      #subjects ul li div label {
        color: #ffffff;
        background-color: #58585a;
        text-decoration: none;
        text-align: center;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 1vw; }
        @media (max-width: 991px) {
          #subjects ul li div label {
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
        #subjects ul li div label:hover {
          background-color: #62c1d3; }
        #subjects ul li div label i {
          font-size: 23px;
          display: inline-block;
          width: 100%; }
          @media (min-width: 480px) and (max-width: 1920px) {
            #subjects ul li div label i {
              font-size: calc( 23px + 17 * ( ( 100vw - 480px) / 1440 )); } }
          @media (min-width: 1920px) {
            #subjects ul li div label i {
              font-size: 40px; } }
          @media (max-width: 991px) {
            #subjects ul li div label i {
              width: 50px; } }
        #subjects ul li div label span {
          display: inline-block;
          width: 100%;
          font-size: 15px; }
          @media (min-width: 480px) and (max-width: 1920px) {
            #subjects ul li div label span {
              font-size: calc( 15px + 5 * ( ( 100vw - 480px) / 1440 )); } }
          @media (min-width: 1920px) {
            #subjects ul li div label span {
              font-size: 20px; } }
          @media (max-width: 991px) {
            #subjects ul li div label span {
              text-align: left;
              padding-left: 4vw; } }

#tabs {
  border-bottom: #efefef 2px solid;
  margin: 0 -5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #tabs a {
    width: 100%;
    text-decoration: none;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: areal;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef; }
    @media (min-width: 480px) and (max-width: 1920px) {
      #tabs a {
        font-size: calc( 14px + 3 * ( ( 100vw - 480px) / 1440 )); } }
    @media (min-width: 1920px) {
      #tabs a {
        font-size: 17px; } }
    @media (max-width: 991px) {
      #tabs a {
        font-size: 11px; } }
  @media (max-width: 991px) and (min-width: 480px) and (max-width: 1920px) {
    #tabs a {
      font-size: calc( 11px + 0 * ( ( 100vw - 480px) / 1440 )); } }
  @media (max-width: 991px) and (min-width: 1920px) {
    #tabs a {
      font-size: 11px; } }
    #tabs a.active {
      background-color: #62c1d3;
      color: #ffffff; }
    #tabs a:first-of-type {
      border-left: 0; }
    #tabs a:last-of-type {
      border-right: 0; }
    #tabs a:hover {
      background-color: #62c1d3;
      color: #ffffff; }

#login {
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #login section {
    width: 100%;
    max-width: 800px;
    padding: 5vw;
    min-height: 0; }
    #login section form {
      margin-bottom: 0; }
      #login section form fieldset > div:last-of-type {
        margin-bottom: 0; }
      #login section form input[type="submit"] {
        margin-bottom: 0; }

.login {
  height: 100%; }

/*# sourceMappingURL=main.css.map */