.trans {
  transiton: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }

.classic-linear {
  font-size: 12px; }
  @media screen and (min-width: 600px) {
    .classic-linear {
      font-size: calc(4vw - 12px); } }
  @media screen and (min-width: 900px) {
    .classic-linear {
      font-size: 24px; } }

.easy-peasy {
  font-size: 12px; }
  @media screen and (min-width: 600px) {
    .easy-peasy {
      font-size: calc(3.11111vw - 6.66667px); } }
  @media screen and (min-width: 700px) {
    .easy-peasy {
      font-size: calc(5.77778vw - 25.33333px); } }
  @media screen and (min-width: 800px) {
    .easy-peasy {
      font-size: calc(3.11111vw - 4px); } }
  @media screen and (min-width: 900px) {
    .easy-peasy {
      font-size: 24px; } }

.cubic-bezier {
  font-size: 12px; }
  @media screen and (min-width: 600px) {
    .cubic-bezier {
      font-size: calc(0.87111vw + 6.77333px); } }
  @media screen and (min-width: 700px) {
    .cubic-bezier {
      font-size: calc(3.13778vw - 9.09333px); } }
  @media screen and (min-width: 800px) {
    .cubic-bezier {
      font-size: calc(7.99111vw - 47.92px); } }
  @media screen and (min-width: 900px) {
    .cubic-bezier {
      font-size: 24px; } }

.bloat-my-css {
  font-size: 12px; }
  @media screen and (min-width: 600px) {
    .bloat-my-css {
      font-size: calc(1.55102vw + 2.69388px); } }
  @media screen and (min-width: 642.85714px) {
    .bloat-my-css {
      font-size: calc(4vw - 13.04956px); } }
  @media screen and (min-width: 685.71429px) {
    .bloat-my-css {
      font-size: calc(5.46939vw - 23.12536px); } }
  @media screen and (min-width: 728.57143px) {
    .bloat-my-css {
      font-size: calc(5.95918vw - 26.69388px); } }
  @media screen and (min-width: 771.42857px) {
    .bloat-my-css {
      font-size: calc(5.46939vw - 22.91545px); } }
  @media screen and (min-width: 814.28571px) {
    .bloat-my-css {
      font-size: calc(4vw - 10.95044px); } }
  @media screen and (min-width: 857.14286px) {
    .bloat-my-css {
      font-size: calc(1.55102vw + 10.04082px); } }
  @media screen and (min-width: 900px) {
    .bloat-my-css {
      font-size: 24px; } }

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  text-decoration: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

figure > a img {
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  figure > a img:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02); }

li {
  list-style-type: none; }
  li p {
    padding-bottom: 0px; }

input {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

::-moz-selection {
  background: #FF5B5B;
  color: #ffffff; }

::selection {
  background: #FF5B5B;
  color: #ffffff; }

h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, h5, h6, p, span, address, li {
  color: #002F45; }

.ajax {
  min-height: 100vh; }

img {
  opacity: 1;
  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }

img[data-src] {
  opacity: 0; }

img[data-src].loaded {
  opacity: 1; }

a {
  color: #002F45; }

@font-face {
  font-family: "Beatrice";
  src: url("/assets/fonts/Beatrice-Medium.eot");
  src: url("/assets/fonts/Beatrice-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Beatrice-Medium.woff2") format("woff2"), url("/assets/fonts/Beatrice-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Beatrice";
  src: url("/assets/fonts/Beatrice-MediumItalic.eot");
  src: url("/assets/fonts/Beatrice-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Beatrice-MediumItalic.woff2") format("woff2"), url("/assets/fonts/Beatrice-MediumItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Beatrice";
  src: url("/assets/fonts/Beatrice-Semibold.eot");
  src: url("/assets/fonts/Beatrice-Semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Beatrice-Semibold.woff2") format("woff2"), url("/assets/fonts/Beatrice-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

.bold, strong, .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close, .t-landing {
  font-weight: 700; }

.regular {
  font-weight: 400; }

.italic {
  font-style: italic; }

.caps, .t-nav, .btn, input[type="email"], input[type="submit"], .filter_btn, .download a .details span, .footer a, .header_nav li a, .flyout a, .news_date, .events_date {
  text-transform: uppercase;
  letter-spacing: 1px; }

.display {
  text-transform: uppercase;
  letter-spacing: -1px; }

body {
  font-family: Beatrice, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    body {
      font-size: calc(0.24038vw + 14.15385px); } }
  @media screen and (min-width: 1600px) {
    body {
      font-size: 18px; } }

a {
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    a {
      font-size: calc(0.24038vw + 14.15385px); } }
  @media screen and (min-width: 1600px) {
    a {
      font-size: 18px; } }

p,
address,
li {
  font-size: 16px;
  line-height: 1.6em; }
  @media screen and (min-width: 768px) {
    p,
    address,
    li {
      font-size: calc(0.24038vw + 14.15385px); } }
  @media screen and (min-width: 1600px) {
    p,
    address,
    li {
      font-size: 18px; } }

strong, .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
  color: #002F45; }

h1, .t-hero, .overlay_close {
  font-size: 40px;
  line-height: 1.1em;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    h1, .t-hero, .overlay_close {
      font-size: calc(3.84615vw + 10.46154px); } }
  @media screen and (min-width: 1600px) {
    h1, .t-hero, .overlay_close {
      font-size: 72px; } }

h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close {
  font-size: 32px;
  line-height: 1.4em; }
  @media screen and (min-width: 768px) {
    h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close {
      font-size: calc(1.20192vw + 22.76923px); } }
  @media screen and (min-width: 1600px) {
    h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close {
      font-size: 42px; } }

h3, small, .t-subtitle {
  font-size: 22px;
  line-height: 1.4em; }
  @media screen and (min-width: 768px) {
    h3, small, .t-subtitle {
      font-size: calc(0.96154vw + 14.61538px); } }
  @media screen and (min-width: 1600px) {
    h3, small, .t-subtitle {
      font-size: 30px; } }

h4, .t-quote {
  font-size: 18px;
  line-height: 1.4em; }
  @media screen and (min-width: 768px) {
    h4, .t-quote {
      font-size: calc(0.72115vw + 12.46154px); } }
  @media screen and (min-width: 1600px) {
    h4, .t-quote {
      font-size: 24px; } }

h5 {
  font-size: 18px;
  line-height: 1.6em; }
  @media screen and (min-width: 768px) {
    h5 {
      font-size: calc(0.72115vw + 12.46154px); } }
  @media screen and (min-width: 1600px) {
    h5 {
      font-size: 24px; } }

h6 {
  font-size: 18px;
  line-height: 1.6em; }
  @media screen and (min-width: 768px) {
    h6 {
      font-size: calc(0.72115vw + 12.46154px); } }
  @media screen and (min-width: 1600px) {
    h6 {
      font-size: 24px; } }

.t-nav, .btn, input[type="email"], input[type="submit"], .filter_btn, .download a .details span, .footer a, .header_nav li a, .flyout a, .news_date, .events_date {
  font-size: 11px; }
  @media screen and (min-width: 768px) {
    .t-nav, .btn, input[type="email"], input[type="submit"], .filter_btn, .download a .details span, .footer a, .header_nav li a, .flyout a, .news_date, .events_date {
      font-size: calc(0.24038vw + 9.15385px); } }
  @media screen and (min-width: 1600px) {
    .t-nav, .btn, input[type="email"], input[type="submit"], .filter_btn, .download a .details span, .footer a, .header_nav li a, .flyout a, .news_date, .events_date {
      font-size: 13px; } }

.t-landing {
  font-size: 26px; }
  @media screen and (min-width: 768px) {
    .t-landing {
      font-size: calc(1.68269vw + 13.07692px); } }
  @media screen and (min-width: 1600px) {
    .t-landing {
      font-size: 40px; } }

.t-bigtext {
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .t-bigtext {
      font-size: calc(0.48077vw + 14.30769px); } }
  @media screen and (min-width: 1600px) {
    .t-bigtext {
      font-size: 22px; } }

.t-text {
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    .t-text {
      font-size: calc(0.24038vw + 14.15385px); } }
  @media screen and (min-width: 1600px) {
    .t-text {
      font-size: 18px; } }

.t-smalltext {
  font-size: 14px; }
  @media screen and (min-width: 768px) {
    .t-smalltext {
      font-size: calc(0.24038vw + 12.15385px); } }
  @media screen and (min-width: 1600px) {
    .t-smalltext {
      font-size: 16px; } }

ol {
  list-style: none;
  counter-reset: my-awesome-counter; }
  ol li {
    counter-increment: my-awesome-counter;
    padding-left: 40px; }
    ol li::before {
      content: counter(my-awesome-counter);
      background: #002F45;
      color: #ffffff;
      font-weight: bold;
      display: block;
      text-align: center;
      width: 23px;
      height: 23px;
      border-radius: 100%;
      position: absolute; }
      @media screen and (min-width: 768px) {
        ol li::before {
          width: calc(0.09669vw + 22.25744px);
          height: calc(0.09669vw + 22.25744px); } }
      @media screen and (min-width: 1045.33333px) {
        ol li::before {
          width: calc(0.36912vw + 19.40957px);
          height: calc(0.36912vw + 19.40957px); } }
      @media screen and (min-width: 1322.66667px) {
        ol li::before {
          width: calc(0.9765vw + 11.37607px);
          height: calc(0.9765vw + 11.37607px); } }
      @media screen and (min-width: 1600px) {
        ol li::before {
          width: 27px;
          height: 27px; } }
    ol li strong, ol li .slider .slide h2, .slider .slide ol li h2, ol li .slider .slide .t-title, .slider .slide ol li .t-title, ol li .slider .slide .single .center.narrow h1, .slider .slide .single .center.narrow ol li h1, ol li .single .center.narrow .slider .slide h1, .single .center.narrow .slider .slide ol li h1, ol li .slider .slide .single .center.narrow .t-hero, .slider .slide .single .center.narrow ol li .t-hero, ol li .single .center.narrow .slider .slide .t-hero, .single .center.narrow .slider .slide ol li .t-hero, ol li .slider .slide .single .center.narrow .overlay_close, .slider .slide .single .center.narrow ol li .overlay_close, ol li .single .center.narrow .slider .slide .overlay_close, .single .center.narrow .slider .slide ol li .overlay_close {
      font-weight: 400;
      border-bottom: 3px solid #C9F2F2;
      display: inline-block;
      margin-bottom: 5px; }
    ol li p {
      padding-left: 40px; }

input[type="email"] {
  background: rgba(0, 47, 69, 0.1) !important;
  outline: none;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  min-width: 50%;
  color: #002F45 !important; }
  input[type="email"]:focus {
    background: rgba(0, 47, 69, 0.2) !important; }

input[type="submit"] {
  outline: none;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  .page input[type="submit"] {
    background: #002F45;
    color: #ffffff; }
  input[type="submit"]:active, input[type="submit"]:focus {
    background: #FF5B5B; }

h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, ul, p {
  padding-bottom: 15px; }
  @media screen and (min-width: 768px) {
    h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, ul, p {
      padding-bottom: calc(0.36258vw + 12.21538px); } }
  @media screen and (min-width: 1045.33333px) {
    h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, ul, p {
      padding-bottom: calc(1.38421vw + 1.5359px); } }
  @media screen and (min-width: 1322.66667px) {
    h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, ul, p {
      padding-bottom: calc(3.66186vw - 28.58974px); } }
  @media screen and (min-width: 1600px) {
    h1, .t-hero, .overlay_close, h2, .t-title, .single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close, h3, small, .t-subtitle, h4, .t-quote, ul, p {
      padding-bottom: 30px; } }

main > div {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media screen and (min-width: 768px) {
    main > div {
      padding-top: calc(0.6043vw + 20.35897px);
      padding-bottom: calc(0.6043vw + 20.35897px); } }
  @media screen and (min-width: 1045.33333px) {
    main > div {
      padding-top: calc(2.30702vw + 2.55983px);
      padding-bottom: calc(2.30702vw + 2.55983px); } }
  @media screen and (min-width: 1322.66667px) {
    main > div {
      padding-top: calc(6.1031vw - 47.64957px);
      padding-bottom: calc(6.1031vw - 47.64957px); } }
  @media screen and (min-width: 1600px) {
    main > div {
      padding-top: 50px;
      padding-bottom: 50px; } }

header.header {
  padding-top: 25px;
  padding-bottom: 20px; }
  @media screen and (min-width: 1024px) {
    header.header {
      padding-top: calc(1.22203vw + 12.48642px); } }
  @media screen and (min-width: 1216px) {
    header.header {
      padding-top: calc(4.66532vw - 29.38395px); } }
  @media screen and (min-width: 1408px) {
    header.header {
      padding-top: calc(12.34182vw - 137.46914px); } }
  @media screen and (min-width: 1600px) {
    header.header {
      padding-top: 60px; } }
  @media screen and (min-width: 768px) {
    header.header {
      padding-bottom: calc(0.24172vw + 18.14359px); } }
  @media screen and (min-width: 1045.33333px) {
    header.header {
      padding-bottom: calc(0.92281vw + 11.02393px); } }
  @media screen and (min-width: 1322.66667px) {
    header.header {
      padding-bottom: calc(2.44124vw - 9.05983px); } }
  @media screen and (min-width: 1600px) {
    header.header {
      padding-bottom: 30px; } }

footer.footer {
  padding-top: 10px;
  padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    footer.footer {
      padding-top: calc(0.48344vw + 6.28718px);
      padding-bottom: calc(0.48344vw + 6.28718px); } }
  @media screen and (min-width: 1045.33333px) {
    footer.footer {
      padding-top: calc(1.84562vw - 7.95214px);
      padding-bottom: calc(1.84562vw - 7.95214px); } }
  @media screen and (min-width: 1322.66667px) {
    footer.footer {
      padding-top: calc(4.88248vw - 48.11966px);
      padding-bottom: calc(4.88248vw - 48.11966px); } }
  @media screen and (min-width: 1600px) {
    footer.footer {
      padding-top: 30px;
      padding-bottom: 30px; } }

.wrap, main > div, header.header, footer.footer, .cookie {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 768px) {
    .wrap, main > div, header.header, footer.footer, .cookie {
      padding-left: calc(9.61538vw - 53.84615px);
      padding-right: calc(9.61538vw - 53.84615px); } }
  @media screen and (min-width: 1600px) {
    .wrap, main > div, header.header, footer.footer, .cookie {
      padding-left: 100px;
      padding-right: 100px; } }
  @media only screen and (min-width: 2000px) {
    .wrap, main > div, header.header, footer.footer, .cookie {
      padding-left: calc((100vw - 1800px) / 2);
      padding-right: calc((100vw - 1800px) / 2); } }

.wrap-right, .header_burger {
  right: 20px; }
  @media screen and (min-width: 768px) {
    .wrap-right, .header_burger {
      right: calc(9.61538vw - 53.84615px); } }
  @media screen and (min-width: 1600px) {
    .wrap-right, .header_burger {
      right: 100px; } }
  @media only screen and (min-width: 2000px) {
    .wrap-right, .header_burger {
      right: calc((100vw - 1800px) / 2); } }

.wrap-left, .steps .flickity-page-dots {
  left: 20px; }
  @media screen and (min-width: 768px) {
    .wrap-left, .steps .flickity-page-dots {
      left: calc(9.61538vw - 53.84615px); } }
  @media screen and (min-width: 1600px) {
    .wrap-left, .steps .flickity-page-dots {
      left: 100px; } }
  @media only screen and (min-width: 2000px) {
    .wrap-left, .steps .flickity-page-dots {
      left: calc((100vw - 1800px) / 2); } }

.grid-1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-1 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-1 > div {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%; } }

.grid-2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-2 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-2 > div {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; } }

.grid-3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-3 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-3 > div {
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
        max-width: 33.3%; } }

.grid-4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-4 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-4 > div {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; } }
    .grid-4 > div.profile {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }
      @media only screen and (min-width: 768px) {
        .grid-4 > div.profile {
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
          max-width: 25%; } }

.grid-12 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-12 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-12 > div {
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
        max-width: 33.3%; } }
  .grid-12 > div:last-child {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-12 > div:last-child {
        -ms-flex: 0 0 66.6%;
            flex: 0 0 66.6%;
        max-width: 66.6%; } }

.grid-13 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-13 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 1024px) {
      .grid-13 > div {
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
        max-width: 25%; } }
  .grid-13 > div:nth-child(2) {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 1024px) {
      .grid-13 > div:nth-child(2) {
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
        max-width: 75%; } }
  .grid-13 > div:nth-child(3) {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 1024px) {
      .grid-13 > div:nth-child(3) {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }

.grid-21 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .grid-21 > div {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-21 > div {
        -ms-flex: 0 0 66.6%;
            flex: 0 0 66.6%;
        max-width: 66.6%; } }
  .grid-21 > div:last-child {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    @media only screen and (min-width: 768px) {
      .grid-21 > div:last-child {
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
        max-width: 33.3%; } }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-12, .grid-13, .grid-21 {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-12, .grid-13, .grid-21 {
      padding-top: calc(0.48344vw + 6.28718px);
      padding-bottom: calc(0.48344vw + 6.28718px); } }
  @media screen and (min-width: 1045.33333px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-12, .grid-13, .grid-21 {
      padding-top: calc(1.84562vw - 7.95214px);
      padding-bottom: calc(1.84562vw - 7.95214px); } }
  @media screen and (min-width: 1322.66667px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-12, .grid-13, .grid-21 {
      padding-top: calc(4.88248vw - 48.11966px);
      padding-bottom: calc(4.88248vw - 48.11966px); } }
  @media screen and (min-width: 1600px) {
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-12, .grid-13, .grid-21 {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
        padding-left: 20px;
        padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
      padding-left: calc(0.48344vw + 16.28718px);
      padding-right: calc(0.48344vw + 16.28718px); } }
  @media only screen and (min-width: 768px) and (min-width: 1045.33333px) {
    .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
      padding-left: calc(1.84562vw + 2.04786px);
      padding-right: calc(1.84562vw + 2.04786px); } }
  @media only screen and (min-width: 768px) and (min-width: 1322.66667px) {
    .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
      padding-left: calc(4.88248vw - 38.11966px);
      padding-right: calc(4.88248vw - 38.11966px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    .grid-1 > div, .grid-2 > div, .grid-3 > div, .grid-4 > div, .grid-12 > div, .grid-13 > div, .grid-21 > div {
      padding-left: 40px;
      padding-right: 40px; } }
    .grid-1 > div > div > div, .grid-2 > div > div > div, .grid-3 > div > div > div, .grid-4 > div > div > div, .grid-12 > div > div > div, .grid-13 > div > div > div, .grid-21 > div > div > div {
      padding-left: 20px;
      padding-right: 20px; }
      @media screen and (min-width: 768px) {
        .grid-1 > div > div > div, .grid-2 > div > div > div, .grid-3 > div > div > div, .grid-4 > div > div > div, .grid-12 > div > div > div, .grid-13 > div > div > div, .grid-21 > div > div > div {
          padding-left: calc(0.48344vw + 16.28718px);
          padding-right: calc(0.48344vw + 16.28718px); } }
      @media screen and (min-width: 1045.33333px) {
        .grid-1 > div > div > div, .grid-2 > div > div > div, .grid-3 > div > div > div, .grid-4 > div > div > div, .grid-12 > div > div > div, .grid-13 > div > div > div, .grid-21 > div > div > div {
          padding-left: calc(1.84562vw + 2.04786px);
          padding-right: calc(1.84562vw + 2.04786px); } }
      @media screen and (min-width: 1322.66667px) {
        .grid-1 > div > div > div, .grid-2 > div > div > div, .grid-3 > div > div > div, .grid-4 > div > div > div, .grid-12 > div > div > div, .grid-13 > div > div > div, .grid-21 > div > div > div {
          padding-left: calc(4.88248vw - 38.11966px);
          padding-right: calc(4.88248vw - 38.11966px); } }
      @media screen and (min-width: 1600px) {
        .grid-1 > div > div > div, .grid-2 > div > div > div, .grid-3 > div > div > div, .grid-4 > div > div > div, .grid-12 > div > div > div, .grid-13 > div > div > div, .grid-21 > div > div > div {
          padding-left: 40px;
          padding-right: 40px; } }
    .grid-1 > div img, .grid-2 > div img, .grid-3 > div img, .grid-4 > div img, .grid-12 > div img, .grid-13 > div img, .grid-21 > div img {
      max-width: 100%;
      padding-bottom: 20px; }

.gutter > .tile {
  margin-left: 20px;
  margin-right: 20px; }

.nopad {
  padding: 0px !important; }

.pt {
  padding-top: 10px; }
  @media only screen and (min-width: 768px) {
    .pt {
      padding-top: 60px; } }

.pb, hr {
  padding-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .pb, hr {
      padding-bottom: 60px; } }

.pl {
  padding-left: 20px; }
  @media only screen and (min-width: 768px) {
    .pl {
      padding-left: 60px; } }

.pr {
  padding-right: 20px; }
  @media only screen and (min-width: 768px) {
    .pr {
      padding-right: 60px; } }

.mt {
  margin-top: 30px; }
  @media only screen and (min-width: 768px) {
    .mt {
      margin-top: 60px; } }

.mb, .publications .download {
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .mb, .publications .download {
      margin-bottom: 60px; } }

.ml {
  margin-left: 60px; }

.mr {
  margin-right: 60px; }

.nopad {
  padding-left: 0% !important;
  padding-right: 0% !important; }

.u-locked {
  overflow: hidden; }

.u-hide {
  opacity: 0;
  pointer-events: none; }

.u-mobile {
  display: block !important; }
  @media only screen and (min-width: 1024px) {
    .u-mobile {
      display: none !important; } }

.u-desktop {
  display: none !important; }
  @media only screen and (min-width: 1024px) {
    .u-desktop {
      display: block !important; } }

main {
  z-index: 1;
  position: relative;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  main.out {
    opacity: 0; }

.anim {
  opacity: 0;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
  -webkit-transform: translateY(10px);
          transform: translateY(10px); }

.visible {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

div.center {
  text-align: center; }

@media only screen and (min-width: 768px) {
  div.narrow {
    padding-left: 20% !important;
    padding-right: 20% !important; } }

figure.cover img {
  padding-bottom: 0px !important; }

@media only screen and (min-width: 768px) {
  figure.cover {
    width: 100%;
    height: 100%; }
    figure.cover img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }

figure.bottom {
  margin-bottom: 20px;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    figure.bottom {
      position: absolute;
      bottom: 0px;
      left: 0px;
      max-width: 100%;
      margin-bottom: -100px;
      margin-bottom: 0px;
      margin-left: -20px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    figure.bottom {
      margin-bottom: calc(-12.01923vw + 92.30769px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    figure.bottom {
      margin-bottom: -100px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    figure.bottom {
      margin-left: calc(-9.61538vw + 53.84615px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    figure.bottom {
      margin-left: -100px; } }
  figure.bottom img {
    width: 100%; }

figure.profile {
  max-width: 90%; }

@media only screen and (min-width: 768px) {
  .radius, .download a, .page, .profile figure img, .steps .slide, .tile, .tile .quote, .tile figure {
    border-radius: 5px;
    overflow: hidden; } }

@media only screen and (min-width: 768px) {
  .offset {
    margin-bottom: 20px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .offset {
      margin-bottom: calc(0.96688vw + 12.57436px); } }
  @media only screen and (min-width: 768px) and (min-width: 1045.33333px) {
    .offset {
      margin-bottom: calc(3.69124vw - 15.90427px); } }
  @media only screen and (min-width: 768px) and (min-width: 1322.66667px) {
    .offset {
      margin-bottom: calc(9.76496vw - 96.23932px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    .offset {
      margin-bottom: 60px; } }

@media only screen and (min-width: 768px) {
    .offset > *:first-child {
      -webkit-transform: translate(50px, -30px);
              transform: translate(50px, -30px); }
    .offset > *:last-child {
      -webkit-transform: translate(-50px, 30px);
              transform: translate(-50px, 30px); } }

hr {
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 47, 69, 0.5); }

.ul {
  border-bottom: 2px solid #FF5B5B;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  .ul:hover {
    color: #FF5B5B; }

.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%; }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#accordion {
  height: 0px;
  opacity: 0;
  pointer-events: none;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; }
  #accordion.active {
    opacity: 1;
    pointer-events: auto; }

.btn, input[type="email"], input[type="submit"], .filter_btn {
  border: none;
  display: inline-block;
  background: #ffffff;
  color: #002F45;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-top: calc(0.09669vw + 9.25744px); } }
  @media screen and (min-width: 1045.33333px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-top: calc(0.36912vw + 6.40957px); } }
  @media screen and (min-width: 1322.66667px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-top: calc(0.9765vw - 1.62393px); } }
  @media screen and (min-width: 1600px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-top: 14px; } }
  @media screen and (min-width: 768px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-bottom: calc(0.04834vw + 9.62872px); } }
  @media screen and (min-width: 1045.33333px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-bottom: calc(0.18456vw + 8.20479px); } }
  @media screen and (min-width: 1322.66667px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-bottom: calc(0.48825vw + 4.18803px); } }
  @media screen and (min-width: 1600px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-bottom: 12px; } }
  @media screen and (min-width: 768px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-left: calc(0.12086vw + 19.07179px);
      padding-right: calc(0.12086vw + 19.07179px); } }
  @media screen and (min-width: 1045.33333px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-left: calc(0.4614vw + 15.51197px);
      padding-right: calc(0.4614vw + 15.51197px); } }
  @media screen and (min-width: 1322.66667px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-left: calc(1.22062vw + 5.47009px);
      padding-right: calc(1.22062vw + 5.47009px); } }
  @media screen and (min-width: 1600px) {
    .btn, input[type="email"], input[type="submit"], .filter_btn {
      padding-left: 25px;
      padding-right: 25px; } }
  .btn:hover, input:hover[type="email"], input:hover[type="submit"], .filter_btn:hover {
    background: #003954;
    color: #C9F2F2; }

.page .btn, .page input[type="email"], .page input[type="submit"], .page .filter_btn, .white .btn, .white input[type="email"], .white input[type="submit"], .white .filter_btn {
  background: #002F45;
  color: #ffffff; }
  .page .btn:hover, .page input:hover[type="email"], .page input:hover[type="submit"], .page .filter_btn:hover, .white .btn:hover, .white input:hover[type="email"], .white input:hover[type="submit"], .white .filter_btn:hover {
    background: #C9F2F2;
    color: #002F45; }

.white {
  background: #ffffff; }

.black {
  background: #002F45; }
  .black h1, .black .t-hero, .black .overlay_close, .black h2, .black .t-title, .black .single .center.narrow h1, .single .center.narrow .black h1, .black .single .center.narrow .t-hero, .single .center.narrow .black .t-hero, .black .single .center.narrow .overlay_close, .single .center.narrow .black .overlay_close, .black h3, .black small, .black .t-subtitle, .black h4, .black .t-quote, .black h5, .black h6, .black p, .black li {
    color: #ffffff; }

.primary {
  background: #002F45; }

.cookie {
  background: #FF5B5B;
  position: fixed;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s; }
  .cookie.hide {
    -webkit-transform: translateY(101%);
            transform: translateY(101%); }
  .cookie p {
    padding-bottom: 0px; }
    .cookie p a {
      border-bottom: 2px solid #ffffff;
      color: #ffffff;
      transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
      .cookie p a:hover {
        color: #002F45; }
  .cookie button.btn, .cookie button.filter_btn {
    outline: none;
    background: #002f45;
    color: #ffffff; }
    .cookie button.btn:hover, .cookie button.filter_btn:hover {
      background: rgba(0, 47, 69, 0.2);
      color: #002F45; }
    .cookie button.btn:active, .cookie button.filter_btn:active {
      background: #ffffff; }

.cta {
  background: #002F45;
  margin-top: -20px; }
  @media screen and (min-width: 768px) {
    .cta {
      margin-top: calc(-0.48344vw - 16.28718px); } }
  @media screen and (min-width: 1045.33333px) {
    .cta {
      margin-top: calc(-1.84562vw - 2.04786px); } }
  @media screen and (min-width: 1322.66667px) {
    .cta {
      margin-top: calc(-4.88248vw + 38.11966px); } }
  @media screen and (min-width: 1600px) {
    .cta {
      margin-top: -40px; } }
  .cta h2, .cta .t-title, .cta .single .center.narrow h1, .single .center.narrow .cta h1, .cta .single .center.narrow .t-hero, .single .center.narrow .cta .t-hero, .cta .single .center.narrow .overlay_close, .single .center.narrow .cta .overlay_close {
    padding-top: 50px;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      .cta h2, .cta .t-title, .cta .single .center.narrow h1, .single .center.narrow .cta h1, .cta .single .center.narrow .t-hero, .single .center.narrow .cta .t-hero, .cta .single .center.narrow .overlay_close, .single .center.narrow .cta .overlay_close {
        padding-top: calc(0.48344vw + 46.28718px); } }
    @media screen and (min-width: 1045.33333px) {
      .cta h2, .cta .t-title, .cta .single .center.narrow h1, .single .center.narrow .cta h1, .cta .single .center.narrow .t-hero, .single .center.narrow .cta .t-hero, .cta .single .center.narrow .overlay_close, .single .center.narrow .cta .overlay_close {
        padding-top: calc(1.84562vw + 32.04786px); } }
    @media screen and (min-width: 1322.66667px) {
      .cta h2, .cta .t-title, .cta .single .center.narrow h1, .single .center.narrow .cta h1, .cta .single .center.narrow .t-hero, .single .center.narrow .cta .t-hero, .cta .single .center.narrow .overlay_close, .single .center.narrow .cta .overlay_close {
        padding-top: calc(4.88248vw - 8.11966px); } }
    @media screen and (min-width: 1600px) {
      .cta h2, .cta .t-title, .cta .single .center.narrow h1, .single .center.narrow .cta h1, .cta .single .center.narrow .t-hero, .single .center.narrow .cta .t-hero, .cta .single .center.narrow .overlay_close, .single .center.narrow .cta .overlay_close {
        padding-top: 70px; } }

.download {
  position: relative;
  margin-bottom: 15px; }
  @media only screen and (min-width: 768px) {
    .download {
      -ms-flex: 1;
          flex: 1;
      margin-bottom: initial; } }
  .download h4, .download .t-quote {
    color: #002F45;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    padding-bottom: 120px; }
  .download span {
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  .download a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: #ffffff;
    padding: 30px;
    height: 100%; }
    .download a .details {
      position: absolute;
      width: calc(100% - 150px);
      bottom: 20px;
      transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
      .download a .details span {
        color: #FF5B5B;
        line-height: 0.8em; }
      @media screen and (min-width: 768px) {
        .download a .details {
          bottom: calc(0.24172vw + 18.14359px); } }
      @media screen and (min-width: 1045.33333px) {
        .download a .details {
          bottom: calc(0.92281vw + 11.02393px); } }
      @media screen and (min-width: 1322.66667px) {
        .download a .details {
          bottom: calc(2.44124vw - 9.05983px); } }
      @media screen and (min-width: 1600px) {
        .download a .details {
          bottom: 30px; } }
    .download a:hover h4, .download a:hover .t-quote {
      color: #FF5B5B; }
    .download a:hover .details span {
      color: #002F45; }

.filter {
  padding: 15px 0 15px; }
  @media only screen and (min-width: 768px) {
    .filter {
      padding: 30px 0 30px 0; } }
  .filter ul {
    padding-bottom: 0px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .filter ul {
        padding-bottom: initial; } }
  .filter li {
    display: inline-block;
    padding: 0px 10px; }
  .filter_btn {
    border-radius: 30px; }
    .filter_btn.active {
      background: #FF5B5B;
      color: #ffffff; }

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333; }

.flickity-button:hover {
  background: white;
  cursor: pointer; }

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F; }

.flickity-button:active {
  opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none; }

.flickity-button-icon {
  fill: currentColor; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0; }

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1; }

.footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  background: #002F45; }
  .footer_left, .footer_middle, .footer_right {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .footer_left, .footer_middle, .footer_right {
        text-align: left;
        -ms-flex: 1;
            flex: 1;
        -ms-flex-align: center;
            align-items: center; } }
  .footer_middle {
    text-align: center; }
  .footer_right {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .footer_right {
        text-align: right; } }
  .footer ul {
    padding-bottom: 0px; }
  .footer ul li {
    display: inline;
    padding: 5px; }
  .footer a {
    color: #ffffff;
    opacity: 1;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
    .footer a:hover {
      color: #FF5B5B; }

form#form {
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; }
  form#form.hide {
    opacity: 0;
    height: 0px; }

.success, .error {
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  color: #FF5B5B; }
  .success.hide, .error.hide {
    opacity: 0; }

.grad {
  width: 150%;
  height: 150%;
  left: 0px;
  margin-left: -25%;
  top: 0px;
  margin-top: -10%;
  position: fixed;
  pointer-events: none;
  z-index: -1; }
  .grad span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/assets/images/grad-bg.jpg");
    background-repeat: repeat-y;
    background-size: 100% 500%;
    background-position-y: 0px;
    -webkit-transform: translateZ(0px);
            transform: translateZ(0px); }
    @media only screen and (min-width: 1024px) {
      .grad span {
        -webkit-animation: 50s gradshift linear infinite;
                animation: 50s gradshift linear infinite; } }

@-webkit-keyframes gradshift {
  from {
    background-position-y: 0px; }
  to {
    background-position-y: 500%; } }

@keyframes gradshift {
  from {
    background-position-y: 0px; }
  to {
    background-position-y: 500%; } }

.header_nav {
  position: relative; }
  .header_nav ul {
    display: inline;
    float: right;
    z-index: 1;
    overflow: auto;
    padding-right: 40px; }
    @media screen and (min-width: 768px) {
      .header_nav ul {
        padding-right: calc(1.45032vw + 28.86154px); } }
    @media screen and (min-width: 1045.33333px) {
      .header_nav ul {
        padding-right: calc(5.53686vw - 13.85641px); } }
    @media screen and (min-width: 1322.66667px) {
      .header_nav ul {
        padding-right: calc(14.64744vw - 134.35897px); } }
    @media screen and (min-width: 1600px) {
      .header_nav ul {
        padding-right: 100px; } }
  .header_nav li {
    display: inline;
    padding-right: 15px; }
    @media screen and (min-width: 768px) {
      .header_nav li {
        padding-right: calc(0.36258vw + 12.21538px); } }
    @media screen and (min-width: 1045.33333px) {
      .header_nav li {
        padding-right: calc(1.38421vw + 1.5359px); } }
    @media screen and (min-width: 1322.66667px) {
      .header_nav li {
        padding-right: calc(3.66186vw - 28.58974px); } }
    @media screen and (min-width: 1600px) {
      .header_nav li {
        padding-right: 30px; } }
    .header_nav li a {
      transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
      border-bottom: 3px solid rgba(0, 0, 0, 0); }
      .header_nav li a.active, .header_nav li a:hover {
        border-bottom: 3px solid #FF5B5B; }

.header_logo {
  width: 220px;
  height: 35px;
  display: inline-block;
  outline: none; }
  .header_logo a {
    outline: none; }
  .header_logo svg {
    max-width: 100%; }

.header_burger {
  top: 25px;
  display: block;
  width: 24px;
  height: 24px;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  z-index: 3;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px); }
  @media screen and (min-width: 768px) {
    .header_burger {
      top: calc(0.89436vw + 18.13128px); } }
  @media screen and (min-width: 1045.33333px) {
    .header_burger {
      top: calc(3.4144vw - 8.21145px); } }
  @media screen and (min-width: 1322.66667px) {
    .header_burger {
      top: calc(9.03259vw - 82.52137px); } }
  @media screen and (min-width: 1600px) {
    .header_burger {
      top: 62px; } }
  .header_burger span {
    display: block;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    width: 100%;
    height: 3px;
    background: #FF5B5B;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
  .header_burger:hover span {
    background: #002F45; }
  .togglenav .header_burger span:first-child {
    opacity: 0;
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  .togglenav .header_burger span:last-child {
    opacity: 0;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }

.flyout {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 2;
  background: #ffffff;
  display: block;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 10px;
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
  box-shadow: 0px 0px 10px rgba(0, 47, 69, 0.05); }
  @media only screen and (min-width: 768px) {
    .flyout {
      width: calc(100%/3.8); } }
  @media screen and (min-width: 768px) {
    .flyout {
      padding-left: calc(0.72516vw + 24.43077px);
      padding-right: calc(0.72516vw + 24.43077px); } }
  @media screen and (min-width: 1045.33333px) {
    .flyout {
      padding-left: calc(2.76843vw + 3.07179px);
      padding-right: calc(2.76843vw + 3.07179px); } }
  @media screen and (min-width: 1322.66667px) {
    .flyout {
      padding-left: calc(7.32372vw - 57.17949px);
      padding-right: calc(7.32372vw - 57.17949px); } }
  @media screen and (min-width: 1600px) {
    .flyout {
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (min-width: 768px) {
    .flyout {
      padding-top: calc(0.72516vw + 24.43077px); } }
  @media screen and (min-width: 1045.33333px) {
    .flyout {
      padding-top: calc(2.76843vw + 3.07179px); } }
  @media screen and (min-width: 1322.66667px) {
    .flyout {
      padding-top: calc(7.32372vw - 57.17949px); } }
  @media screen and (min-width: 1600px) {
    .flyout {
      padding-top: 60px; } }
  @media screen and (min-width: 768px) {
    .flyout {
      padding-bottom: calc(0.24172vw + 8.14359px); } }
  @media screen and (min-width: 1045.33333px) {
    .flyout {
      padding-bottom: calc(0.92281vw + 1.02393px); } }
  @media screen and (min-width: 1322.66667px) {
    .flyout {
      padding-bottom: calc(2.44124vw - 19.05983px); } }
  @media screen and (min-width: 1600px) {
    .flyout {
      padding-bottom: 20px; } }
  .flyout_menu li:nth-last-child(2) {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
      .flyout_menu li:nth-last-child(2) {
        padding-top: calc(0.48344vw + 16.28718px); } }
    @media screen and (min-width: 1045.33333px) {
      .flyout_menu li:nth-last-child(2) {
        padding-top: calc(1.84562vw + 2.04786px); } }
    @media screen and (min-width: 1322.66667px) {
      .flyout_menu li:nth-last-child(2) {
        padding-top: calc(4.88248vw - 38.11966px); } }
    @media screen and (min-width: 1600px) {
      .flyout_menu li:nth-last-child(2) {
        padding-top: 40px; } }
  .flyout_menu a {
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    border-bottom: 3px solid rgba(0, 0, 0, 0); }
    .flyout_menu a.active, .flyout_menu a:hover {
      border-bottom: 3px solid #FF5B5B; }
  .flyout_social li {
    display: inline-block; }
  .togglenav .flyout {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }

.heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .heading {
      padding-top: 30px; } }
  .heading.center {
    -ms-flex-pack: center;
        justify-content: center; }
  .heading h1, .heading .t-hero, .heading .overlay_close, .heading h2, .heading .t-title, .heading .single .center.narrow h1, .single .center.narrow .heading h1, .heading .single .center.narrow .t-hero, .single .center.narrow .heading .t-hero, .heading .single .center.narrow .overlay_close, .single .center.narrow .heading .overlay_close, .heading h3, .heading small, .heading .t-subtitle, .heading h4, .heading .t-quote, .heading p {
    width: 100%;
    display: block; }

.molecule {
  width: 100%; }
  .molecule_bar {
    width: 100%;
    position: relative;
    background: rgba(0, 47, 69, 0.1);
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .molecule_bar {
        margin-bottom: 15px; } }
    .molecule_bar h5 {
      padding: 10px 20px;
      position: relative;
      z-index: 1;
      color: #ffffff; }
    .molecule_bar > span {
      width: 3px;
      height: 100%;
      position: absolute;
      background: #ffffff; }
      .molecule_bar > span:first-child {
        left: calc(100%/4);
        z-index: 1;
        opacity: .2; }
        @media only screen and (min-width: 768px) {
          .molecule_bar > span:first-child {
            opacity: 1; } }
      .molecule_bar > span:nth-child(2) {
        left: calc(100%/2);
        z-index: 1;
        opacity: .2; }
        @media only screen and (min-width: 768px) {
          .molecule_bar > span:nth-child(2) {
            opacity: 1; } }
      .molecule_bar > span:nth-child(3) {
        left: calc((100%/4)*3);
        z-index: 1;
        opacity: .2; }
        @media only screen and (min-width: 768px) {
          .molecule_bar > span:nth-child(3) {
            opacity: 1; } }
      .molecule_bar > span:nth-child(4) {
        background: #002F45; }
  .molecule_info {
    padding-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
  .molecule_description {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding-right: 15px; }
    @media only screen and (min-width: 768px) {
      .molecule_description {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; } }
  .molecule_areas, .molecule_trials {
    -ms-flex: 1;
        flex: 1; }
    @media only screen and (min-width: 768px) {
      .molecule_areas, .molecule_trials {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%; } }

.news h3, .news small, .news .t-subtitle, .news p, .events h3, .events small, .events .t-subtitle, .events p {
  color: #002F45; }

.news_date, .events_date {
  color: #FF5B5B; }

article {
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; }
  article img {
    width: 100%; }
  article.hide {
    opacity: 0;
    height: 0px; }

.single .center.narrow h1, .single .center.narrow .t-hero, .single .center.narrow .overlay_close {
  font-weight: 700; }

.single artilce p {
  padding-left: 10%;
  padding-right: 10%; }

.overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 1;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s; }
  @media only screen and (min-width: 768px) {
    .overlay {
      width: 500px;
      height: 500px; } }
  .overlay_close {
    position: absolute;
    right: 90px;
    top: 12px;
    z-index: 1; }
    @media only screen and (min-width: 768px) {
      .overlay_close {
        right: 15px;
        top: 0px; } }
  .overlay_content {
    background: whitesmoke;
    padding: 15px;
    padding-top: 60px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media only screen and (min-width: 768px) {
      .overlay_content {
        padding: 30px;
        width: 500px;
        max-height: 500px;
        overflow-y: scroll;
        padding: 30px;
        padding-top: 60px; } }
  .overlay.hide {
    opacity: 0;
    pointer-events: none; }

.page {
  position: relative;
  width: 100%;
  z-index: 1;
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (min-width: 1024px) {
    .page {
      width: 60%; } }
  @media only screen and (min-width: 768px) {
    .page {
      padding-left: 70px;
      padding-right: 70px; } }
  .page_social {
    padding-top: 10px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .page_social {
        padding-top: calc(0.48344vw + 6.28718px); } }
    @media screen and (min-width: 1045.33333px) {
      .page_social {
        padding-top: calc(1.84562vw - 7.95214px); } }
    @media screen and (min-width: 1322.66667px) {
      .page_social {
        padding-top: calc(4.88248vw - 48.11966px); } }
    @media screen and (min-width: 1600px) {
      .page_social {
        padding-top: 30px; } }
    .page_social li {
      display: inline; }

.partners > div.slider, .contact > div.slider {
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .partners > div.slider, .contact > div.slider {
      margin-bottom: calc(-2.17548vw + 36.70769px); } }
  @media screen and (min-width: 1045.33333px) {
    .partners > div.slider, .contact > div.slider {
      margin-bottom: calc(-8.30529vw + 100.78462px); } }
  @media screen and (min-width: 1322.66667px) {
    .partners > div.slider, .contact > div.slider {
      margin-bottom: calc(-21.97115vw + 281.53846px); } }
  @media screen and (min-width: 1600px) {
    .partners > div.slider, .contact > div.slider {
      margin-bottom: -70px; } }

@media only screen and (min-width: 768px) {
  .partners .page, .contact .page {
    padding-left: 5%;
    padding-right: 5%; } }

div.pipeline {
  position: relative;
  background: #ffffff;
  padding: 20px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    div.pipeline {
      padding: 60px 60px; } }
  div.pipeline nav {
    padding-bottom: 15px;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      div.pipeline nav {
        display: block;
        padding-bottom: 42px; } }
    div.pipeline nav ol {
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      div.pipeline nav ol li {
        padding-left: 0px;
        font-size: 10px; }
        @media only screen and (min-width: 768px) {
          div.pipeline nav ol li {
            font-size: inherit;
            padding-left: 40px; } }
    div.pipeline nav li {
      -ms-flex: 1;
          flex: 1; }
      div.pipeline nav li:before {
        display: none;
        background: #FF5B5B; }
        @media only screen and (min-width: 768px) {
          div.pipeline nav li:before {
            display: block;
            margin-left: -40px; } }
  div.pipeline .flickity-button {
    background: #FF5B5B;
    color: #ffffff;
    position: absolute;
    bottom: 60px !important;
    right: 60px !important;
    top: initial !important;
    left: initial !important;
    width: 30px;
    height: 30px; }
  div.pipeline .next {
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  div.pipeline .previous {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px); }

.profile {
  padding-right: 5%; }
  @media only screen and (min-width: 768px) {
    .profile {
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; } }
  .profile figure img {
    padding-bottom: 0px; }
  .profile_linkedin {
    opacity: .5;
    margin-left: -5px;
    display: block;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s; }
    .profile_linkedin:hover {
      opacity: .7; }

.quote > div {
  margin: 0 auto;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .quote > div {
      display: -ms-flexbox;
      display: flex;
      max-width: 90%;
      margin-bottom: 60px; } }
  @media only screen and (min-width: 768px) {
    .quote > div > *:first-child {
      -webkit-transform: translate(30px, -30px);
              transform: translate(30px, -30px); }
    .quote > div > *:last-child {
      -webkit-transform: translate(-30px, 30px);
              transform: translate(-30px, 30px); } }

.quote_image {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  width: 100%;
  -ms-flex-order: 2;
      order: 2; }
  @media only screen and (min-width: 768px) {
    .quote_image {
      -ms-flex-order: initial;
          order: initial;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      max-width: 50%;
      border-radius: 5px;
      overflow: hidden; } }
  .quote_image img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.quote_text {
  position: relative;
  background: white;
  padding: 20px;
  z-index: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -ms-flex-order: 1;
      order: 1; }
  @media only screen and (min-width: 768px) {
    .quote_text {
      -ms-flex-order: initial;
          order: initial;
      padding: 60px;
      border-radius: 5px;
      overflow: hidden; } }
  .quote_text .quote_logo {
    right: 60px; }
  .quote_text h4, .quote_text .t-quote {
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .quote_text h4, .quote_text .t-quote {
        padding-bottom: 100px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .quote_text h4, .quote_text .t-quote {
      padding-bottom: calc(0.48344vw + 96.28718px); } }
  @media only screen and (min-width: 768px) and (min-width: 1045.33333px) {
    .quote_text h4, .quote_text .t-quote {
      padding-bottom: calc(1.84562vw + 82.04786px); } }
  @media only screen and (min-width: 768px) and (min-width: 1322.66667px) {
    .quote_text h4, .quote_text .t-quote {
      padding-bottom: calc(4.88248vw + 41.88034px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    .quote_text h4, .quote_text .t-quote {
      padding-bottom: 120px; } }

.quote_credit {
  color: #002F45; }
  @media only screen and (min-width: 768px) {
    .quote_credit {
      position: absolute;
      max-width: 75%;
      bottom: 60px; } }
  .quote_credit strong, .quote_credit .slider .slide h2, .slider .slide .quote_credit h2, .quote_credit .slider .slide .t-title, .slider .slide .quote_credit .t-title, .quote_credit .slider .slide .single .center.narrow h1, .slider .slide .single .center.narrow .quote_credit h1, .quote_credit .single .center.narrow .slider .slide h1, .single .center.narrow .slider .slide .quote_credit h1, .quote_credit .slider .slide .single .center.narrow .t-hero, .slider .slide .single .center.narrow .quote_credit .t-hero, .quote_credit .single .center.narrow .slider .slide .t-hero, .single .center.narrow .slider .slide .quote_credit .t-hero, .quote_credit .slider .slide .single .center.narrow .overlay_close, .slider .slide .single .center.narrow .quote_credit .overlay_close, .quote_credit .single .center.narrow .slider .slide .overlay_close, .single .center.narrow .slider .slide .quote_credit .overlay_close {
    border-bottom: 0px !important; }

.quote_logo {
  width: 100px;
  height: 50px; }
  @media only screen and (min-width: 768px) {
    .quote_logo {
      position: absolute;
      right: 102px;
      bottom: 60px; } }
  .quote_logo img {
    max-width: 100%; }

.rule {
  border-top: 1px solid rgba(0, 47, 69, 0.2);
  padding: 0px; }
  .rule > div {
    padding-left: 0px !important; }
  .rule > div > p {
    padding-bottom: 0px; }

.slider {
  position: relative;
  overflow: hidden;
  height: 400px; }
  @media screen and (min-width: 768px) {
    .slider {
      height: calc(9.6688vw + 325.74359px); } }
  @media screen and (min-width: 1045.33333px) {
    .slider {
      height: calc(36.91239vw + 40.95726px); } }
  @media screen and (min-width: 1322.66667px) {
    .slider {
      height: calc(97.64957vw - 762.39316px); } }
  @media screen and (min-width: 1600px) {
    .slider {
      height: 800px; } }
  .slider figure img {
    width: 100%; }
  .slider h1, .slider .t-hero, .slider .overlay_close {
    padding-bottom: 50px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    color: #002F45;
    text-align: center;
    z-index: 1;
    pointer-events: none; }
    @media only screen and (min-width: 768px) {
      .slider h1, .slider .t-hero, .slider .overlay_close {
        padding-bottom: initial;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #ffffff; } }
  .slider .slide {
    width: 100%;
    position: relative; }
    .slider .slide img {
      width: 100%; }
    .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
      padding-bottom: 50px;
      text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
      color: #002F45;
      text-align: center;
      z-index: 1;
      pointer-events: none; }
      @media only screen and (min-width: 768px) {
        .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
          padding-bottom: initial;
          position: absolute;
          top: 180px;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          color: #ffffff; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
      top: calc(4.8344vw + 142.87179px); } }
  @media only screen and (min-width: 768px) and (min-width: 1045.33333px) {
    .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
      top: calc(18.4562vw + 0.47863px); } }
  @media only screen and (min-width: 768px) and (min-width: 1322.66667px) {
    .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
      top: calc(48.82479vw - 401.19658px); } }
  @media only screen and (min-width: 768px) and (min-width: 1600px) {
    .slider .slide h2, .slider .slide .t-title, .slider .slide .single .center.narrow h1, .single .center.narrow .slider .slide h1, .slider .slide .single .center.narrow .t-hero, .single .center.narrow .slider .slide .t-hero, .slider .slide .single .center.narrow .overlay_close, .single .center.narrow .slider .slide .overlay_close {
      top: 380px; } }
  .slider .flickity-page-dots {
    bottom: 0px;
    width: 100%;
    left: 0px; }
    @media only screen and (min-width: 768px) {
      .slider .flickity-page-dots {
        bottom: 30px; } }
    .slider .flickity-page-dots li.dot {
      width: 10px;
      height: 10px;
      margin: 10px;
      padding: 0px;
      opacity: 1;
      background: #ffffff; }
      .slider .flickity-page-dots li.dot.is-selected {
        background: #FF5B5B; }
      .slider .flickity-page-dots li.dot:before {
        display: none !important; }

.steps {
  overflow: hidden; }
  .steps .slide {
    width: 100%;
    background: #002F45;
    height: 500px;
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    @media screen and (min-width: 768px) {
      .steps .slide {
        height: calc(6.043vw + 453.58974px); } }
    @media screen and (min-width: 1045.33333px) {
      .steps .slide {
        height: calc(23.07025vw + 275.59829px); } }
    @media screen and (min-width: 1322.66667px) {
      .steps .slide {
        height: calc(61.03098vw - 226.49573px); } }
    @media screen and (min-width: 1600px) {
      .steps .slide {
        height: 750px; } }
    @media only screen and (min-width: 768px) {
      .steps .slide {
        padding: 60px; } }
  .steps_info {
    padding-right: 20px; }
    @media only screen and (min-width: 768px) {
      .steps_info {
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
        max-width: 33%; } }
    @media screen and (min-width: 768px) {
      .steps_info {
        padding-right: calc(0.72516vw + 14.43077px); } }
    @media screen and (min-width: 1045.33333px) {
      .steps_info {
        padding-right: calc(2.76843vw - 6.92821px); } }
    @media screen and (min-width: 1322.66667px) {
      .steps_info {
        padding-right: calc(7.32372vw - 67.17949px); } }
    @media screen and (min-width: 1600px) {
      .steps_info {
        padding-right: 50px; } }
    .steps_info h2, .steps_info .t-title, .steps_info .single .center.narrow h1, .single .center.narrow .steps_info h1, .steps_info .single .center.narrow .t-hero, .single .center.narrow .steps_info .t-hero, .steps_info .single .center.narrow .overlay_close, .single .center.narrow .steps_info .overlay_close, .steps_info h3, .steps_info small, .steps_info .t-subtitle, .steps_info h4, .steps_info .t-quote, .steps_info h5, .steps_info p, .steps_info a, .steps_info li {
      color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .steps_image {
      -ms-flex: 0 0 64%;
          flex: 0 0 64%;
      max-width: 64%; } }
  .steps_image img {
    max-width: 100%; }
  .steps .flickity-page-dots {
    bottom: 60px;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    width: 100%;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .steps .flickity-page-dots {
        bottom: 90px;
        -webkit-transform: translateX(60px);
                transform: translateX(60px); } }
    .steps .flickity-page-dots li.dot {
      border-radius: 0px;
      width: 50px;
      height: 7px;
      margin: 0px;
      padding: 0px;
      opacity: 1;
      background: #ffffff;
      text-align: left; }
      .steps .flickity-page-dots li.dot.is-selected {
        background: #FF5B5B; }
      .steps .flickity-page-dots li.dot:before {
        display: none !important; }

.tile {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin-bottom: 20px; }
  .tile figure {
    width: 100%;
    line-height: 0px; }
    @media only screen and (min-width: 768px) {
      .tile figure.cover {
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 0px; } }
    .tile figure img {
      width: 100%; }
  .tile ol {
    width: 100%; }
  .tile ol li {
    padding-left: 15px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .tile ol li {
        padding-left: 40px; } }
  @media only screen and (min-width: 1440px) {
    .tile > div:last-child {
      padding-right: 15%; } }
  .tile strong, .tile .slider .slide h2, .slider .slide .tile h2, .tile .slider .slide .t-title, .slider .slide .tile .t-title, .tile .slider .slide .single .center.narrow h1, .slider .slide .single .center.narrow .tile h1, .tile .single .center.narrow .slider .slide h1, .single .center.narrow .slider .slide .tile h1, .tile .slider .slide .single .center.narrow .t-hero, .slider .slide .single .center.narrow .tile .t-hero, .tile .single .center.narrow .slider .slide .t-hero, .single .center.narrow .slider .slide .tile .t-hero, .tile .slider .slide .single .center.narrow .overlay_close, .slider .slide .single .center.narrow .tile .overlay_close, .tile .single .center.narrow .slider .slide .overlay_close, .single .center.narrow .slider .slide .tile .overlay_close {
    border-bottom: 3px solid #C9F2F2;
    line-height: 1.7em; }
  .tile img.bottom {
    padding: 10px 0;
    display: block; }
    @media only screen and (min-width: 1440px) {
      .tile img.bottom {
        position: absolute;
        padding: 0px;
        bottom: 0px;
        left: 30px;
        right: initial; } }