/* VARIABLES */
/* MIXINS */
.hidden-xs {
  display: none !important; }

.visible-xs {
  display: flex !important;
  display: -webkit-flex !important; }

html body main {
  width: 100%; }
  html body main h1 {
    font-size: 24px;
    line-height: 26px; }
  html body main h2 {
    font-size: 20px;
    line-height: 24px; }
  html body main h3 {
    font-size: 18px;
    line-height: 22px; }
  html body main h4 {
    font-size: 16px;
    line-height: 20px; }
  html body main h5 {
    font-size: 14px;
    line-height: 16px; }
  html body main h6 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600; }
  html body main span {
    font-size: 13px;
    line-height: 17px; }
  html body main a {
    font-size: 13px;
    line-height: 17px;
    color: #1d1d1d;
    text-decoration: none;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  html body main ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    html body main ul li {
      font-size: 13px;
      line-height: 17px;
      position: relative; }
  html body main > article {
    width: 100%;
    margin: 0;
    margin-top: 70px;
    padding-bottom: 20px; }
  html body main footer {
    position: relative; }

main > header.visible-xs {
  width: 100%;
  border-radius: 0;
  height: 292px;
  margin: 0;
  position: fixed;
  z-index: 100;
  left: 0;
  top: -235px;
  -moz-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }
  main > header.visible-xs.expanded {
    top: 0; }
  main > header.visible-xs:after {
    width: 100%;
    height: 29px;
    bottom: -29px; }
  main > header.visible-xs > div {
    width: 100%; }
    main > header.visible-xs > div > section {
      width: 100%;
      padding: 10px 10px 0 10px; }
      main > header.visible-xs > div > section .languages {
        justify-content: space-between;
        margin: 5px 0 10px 0; }
        main > header.visible-xs > div > section .languages div {
          display: flex;
          display: -webkit-flex;
          align-items: center; }
          main > header.visible-xs > div > section .languages div a {
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -ms-filter: grayscale(0);
            -o-filter: grayscale(0); }
      main > header.visible-xs > div > section nav {
        padding: 0;
        border-radius: 15px;
        overflow: hidden;
        background-color: #161616;
        -webkit-box-shadow: inset 4px 4px 8px 3px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 4px 4px 8px 3px rgba(0, 0, 0, 0.8);
        box-shadow: inset 4px 4px 8px 3px rgba(0, 0, 0, 0.8); }
        main > header.visible-xs > div > section nav .menuHighlight {
          display: none; }
        main > header.visible-xs > div > section nav ul {
          flex-direction: column;
          text-align: center; }
          main > header.visible-xs > div > section nav ul li {
            padding: 10px 0; }
            main > header.visible-xs > div > section nav ul li:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 1px;
              background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(214, 214, 214, 0.5) 40%, rgba(201, 201, 201, 0.5) 60%, rgba(229, 229, 229, 0) 100%);
              background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(214, 214, 214, 0.5) 40%, rgba(201, 201, 201, 0.5) 60%, rgba(229, 229, 229, 0) 100%);
              background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(214, 214, 214, 0.5) 40%, rgba(201, 201, 201, 0.5) 60%, rgba(229, 229, 229, 0) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00e5e5e5',GradientType=1 ); }
            main > header.visible-xs > div > section nav ul li:last-of-type:after {
              display: none; }
            main > header.visible-xs > div > section nav ul li a {
              padding: 0;
              opacity: 0.9; }
    main > header.visible-xs > div > div {
      height: 61px;
      padding-left: 10px;
      display: flex;
      display: -webkit-flex;
      align-items: center; }
      main > header.visible-xs > div > div img {
        width: 40px;
        height: auto;
        opacity: 0.9; }
      main > header.visible-xs > div > div .motto {
        width: calc(100% - 104px);
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 10px; }
        main > header.visible-xs > div > div .motto span {
          display: none; }
        main > header.visible-xs > div > div .motto h1 {
          font-size: 14px;
          line-height: 18px;
          font-weight: 800;
          color: #ffffff;
          opacity: 0.9;
          margin-right: 8px; }
          main > header.visible-xs > div > div .motto h1:last-of-type {
            margin-right: 0; }
      main > header.visible-xs > div > div .logo {
        width: 64px;
        height: 100%;
        border-radius: 0 0 0 15px; }

footer {
  width: 100%; }
  footer:after {
    width: 100%;
    height: 29px;
    bottom: -29px;
    left: 0; }
  footer section.top:after {
    width: 100%;
    height: 13px;
    left: 0; }
  footer section.top div {
    width: 100%;
    padding: 5px 10px;
    margin: 0;
    flex-direction: column;
    text-align: center; }
    footer section.top div h3 {
      font-size: 18px;
      line-height: 22px; }
      footer section.top div h3:first-of-type {
        margin-bottom: 6px; }
      footer section.top div h3 br {
        display: block; }
      footer section.top div h3 a {
        font-size: 18px;
        line-height: 22px; }
  footer section.bottom {
    height: 82px; }
    footer section.bottom > div {
      width: 100%;
      margin: 0; }
      footer section.bottom > div > div:first-of-type {
        display: none; }
      footer section.bottom > div > div:last-of-type {
        text-align: left; }
        footer section.bottom > div > div:last-of-type h5 {
          font-size: 14px;
          line-height: 18px; }

section.container header.title > div h2 {
  font-size: 1.4em; }

@media screen and (min-width: 440px) and (max-width: 479px) {
  main > header.visible-xs > div > div .motto h1 {
    font-size: 18px;
    line-height: 20px; } }

/*# sourceMappingURL=standard-mobile.css.map */