@-moz-keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }
@keyframes news-list {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); } }
.topbanner {
  position: relative;
  background-color: #495a57; }
  .topbanner .images,
  .topbanner .video {
    width: calc((100% - (100% - 1160px)/2) - (98.49057px)); }
    @media (max-width: 1160px) {
      .topbanner .images,
      .topbanner .video {
        width: calc(95% - 7.64151%); } }
    @media (max-width: 890px) {
      .topbanner .images,
      .topbanner .video {
        width: calc(95% - 7.64151%); } }
    @media (max-width: 500px) {
      .topbanner .images,
      .topbanner .video {
        width: 100%; } }
  .topbanner .video {
    height: 45%;
    line-height: 0;
    position: relative;
    overflow: hidden; }
    @media (max-width: 1160px) {
      .topbanner .video {
        height: 52%; } }
    @media (max-width: 780px) {
      .topbanner .video {
        height: 50%; } }
    @media (max-width: 500px) {
      .topbanner .video {
        height: 75%; } }
    .topbanner .video video {
      width: 100%;
      height: 100%;
      z-index: 0; }
  .topbanner .image {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .js-loaded .topbanner .image {
      -webkit-transition: -webkit-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: -moz-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; }
    .topbanner .image:before {
      display: block;
      content: ""; }
      .node-type-frontpage .topbanner .image:before {
        padding-top: 45%; }
        @media (max-width: 1160px) {
          .node-type-frontpage .topbanner .image:before {
            padding-top: 52%; } }
        @media (max-width: 780px) {
          .node-type-frontpage .topbanner .image:before {
            padding-top: 50%; } }
        @media (max-width: 500px) {
          .node-type-frontpage .topbanner .image:before {
            padding-top: 75%; } }
      .page-taxonomy-term .topbanner .image:before, .node-type-speciality .topbanner .image:before {
        padding-top: 38%; }
        @media (max-width: 1160px) {
          .page-taxonomy-term .topbanner .image:before, .node-type-speciality .topbanner .image:before {
            padding-top: 52%; } }
        @media (max-width: 780px) {
          .page-taxonomy-term .topbanner .image:before, .node-type-speciality .topbanner .image:before {
            padding-top: 50%; } }
        @media (max-width: 500px) {
          .page-taxonomy-term .topbanner .image:before, .node-type-speciality .topbanner .image:before {
            padding-top: 75%; } }
      .node-type-landing-page .topbanner .image:before {
        padding-top: 45%; }
        @media (max-width: 1160px) {
          .node-type-landing-page .topbanner .image:before {
            padding-top: 52%; } }
        @media (max-width: 780px) {
          .node-type-landing-page .topbanner .image:before {
            padding-top: 50%; } }
        @media (max-width: 500px) {
          .node-type-landing-page .topbanner .image:before {
            padding-top: 75%; } }
  .topbanner .content {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-48.5%);
    -moz-transform: translateY(-48.5%);
    -ms-transform: translateY(-48.5%);
    -o-transform: translateY(-48.5%);
    transform: translateY(-48.5%);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .js-loaded .topbanner .content {
      -webkit-transition: -webkit-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: -moz-transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.14s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 1; }
    .topbanner .content .inner {
      width: 90%;
      max-width: 1160px;
      margin: 0 auto; }
      @media (max-width: 890px) {
        .topbanner .content .inner {
          width: 90%; } }
      @media (max-width: 780px) {
        .topbanner .content .inner {
          width: 100%; } }
      @media (max-width: 500px) {
        .topbanner .content .inner {
          width: 100%; } }
      @media (max-width: 780px) {
        .topbanner .content .inner {
          box-sizing: border-box;
          padding: 0 8.59375%; } }
      .topbanner .content .inner .container {
        width: 91.50943%;
        margin-right: 1.88679%;
        float: left; }
        .topbanner .content .inner .container:after {
          content: "";
          display: table;
          clear: both; }
        .topbanner .content .inner .container.color-white .title,
        .topbanner .content .inner .container.color-white .field-manchet {
          color: #ffffff; }
        .topbanner .content .inner .container.color-primary .title,
        .topbanner .content .inner .container.color-primary .field-manchet {
          color: #20302F; }
        .topbanner .content .inner .container .title {
          margin: 0;
          width: 72.16591%;
          margin-right: 2.05832%;
          float: left;
          font-family: "AdobeGaramondW01-Regula", sans-serif;
          font-size: 72px;
          line-height: 72px;
          font-weight: 400;
          text-decoration: none;
          -webkit-font-smoothing: antialiased !important;
          -moz-osx-font-smoothing: grayscale;
          color: #ffffff; }
          @media (max-width: 1160px) {
            .topbanner .content .inner .container .title {
              font-size: 62px;
              line-height: 62px; } }
          @media (max-width: 890px) {
            .topbanner .content .inner .container .title {
              font-size: 56px;
              line-height: 56px; } }
          @media (max-width: 780px) {
            .topbanner .content .inner .container .title {
              font-size: 46px;
              line-height: 46px; } }
          @media (max-width: 500px) {
            .topbanner .content .inner .container .title {
              font-size: 38px;
              line-height: 38px; } }
        .topbanner .content .inner .container .field-manchet {
          margin-top: 40px;
          width: 53.60985%;
          margin-right: 2.05832%;
          float: left;
          font-family: "AdobeGaramondW01-Regula", sans-serif;
          font-size: 30px;
          line-height: 34px;
          font-weight: 400;
          text-decoration: none;
          -webkit-font-smoothing: antialiased !important;
          -moz-osx-font-smoothing: grayscale;
          color: #ffffff; }
          @media (max-width: 890px) {
            .topbanner .content .inner .container .field-manchet {
              font-size: 28px;
              line-height: 32px; } }
          @media (max-width: 500px) {
            .topbanner .content .inner .container .field-manchet {
              font-size: 26px;
              line-height: 30px; } }
        .topbanner .content .inner .container .button-container {
          margin-top: 40px;
          clear: both;
          float: left; }
          .topbanner .content .inner .container .button-container .button {
            -webkit-transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            line-height: 20px;
            font-weight: 400;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale;
            float: left;
            line-height: 34px;
            color: #a4a4a4;
            box-sizing: border-box;
            position: relative;
            width: 100px;
            text-align: center;
            cursor: pointer; }
            @media (max-width: 500px) {
              .topbanner .content .inner .container .button-container .button {
                letter-spacing: 0px; } }
            .topbanner .content .inner .container .button-container .button.js-touch, .topbanner .content .inner .container .button-container .button.js-ie {
              -webkit-transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              -moz-transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              border: 2px solid #a4a4a4;
              box-sizing: border-box;
              height: 34px;
              line-height: 30px; }
              .topbanner .content .inner .container .button-container .button.js-touch svg, .topbanner .content .inner .container .button-container .button.js-ie svg {
                display: none; }
            .topbanner .content .inner .container .button-container .button svg {
              height: 34px;
              left: 0;
              position: absolute;
              top: 0;
              width: 100%; }
            .topbanner .content .inner .container .button-container .button rect {
              -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              fill: none;
              stroke: #a4a4a4;
              stroke-width: 4;
              stroke-dasharray: 422, 0; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                .topbanner .content .inner .container .button-container .button rect {
                  stroke-width: 2; } }
          .topbanner .content .inner .container .button-container:hover .button {
            -webkit-transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -moz-transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            color: #ffffff; }
            .topbanner .content .inner .container .button-container:hover .button.js-touch, .topbanner .content .inner .container .button-container:hover .button.js-ie {
              -webkit-transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              -moz-transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: border-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              border: 2px solid #ffffff; }
            .topbanner .content .inner .container .button-container:hover .button rect {
              -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
              stroke: #ffffff;
              stroke-width: 4;
              stroke-dasharray: 100, 168;
              stroke-dashoffset: 134; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                .topbanner .content .inner .container .button-container:hover .button rect {
                  stroke-width: 2; } }
  @media (max-width: 1160px) {
    .topbanner .content .inner .container .title {
      width: 83.01887%;
      margin-right: 1.88679%;
      float: left; }
    .topbanner .content .inner .container .field-manchet {
      width: 74.5283%;
      margin-right: 1.88679%;
      float: left; } }
  @media (max-width: 890px) {
    .topbanner .content .inner .container .title {
      width: 100%; }
    .topbanner .content .inner .container .field-manchet {
      width: 83.01887%;
      margin-right: 1.88679%;
      float: left; } }
  @media (max-width: 780px) {
    .topbanner .images,
    .topbanner .video {
      width: 100%; }
    .topbanner .content .inner .container {
      width: 100%; }
      .topbanner .content .inner .container .title {
        width: 100%; }
      .topbanner .content .inner .container .field-manchet {
        display: none; } }

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