@charset "UTF-8";
/*!
 ***************************
 *
 * PHI
 *
 * Copyright 2015
 *
 ***************************
 */
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.2.0
* Docs at http://davidtheclark.github.io/scut
*/
.layout:after {
  content: "";
  display: table;
  clear: both; }

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

/*------------------------------------*    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 20px; }
  .media__img > img {
    display: block; }

.media__body {
  overflow: hidden;
  display: block; }
  .media__body,
  .media__body > :last-child {
    margin-bottom: 0; }

/**
     * Small media objects.
     */
.media--small > .media__img {
  margin-right: 10px; }

/**
     * Large media objects.
     */
.media--large > .media__img {
  margin-right: 30px; }

/*------------------------------------*    #FLAG
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */
  box-sizing: border-box; }

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */
.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */
  box-sizing: border-box; }

/**
     * Flag images have a space between them and the body of the object.
     */
.flag__img {
  padding-right: 20px; }
  .flag__img > img {
    display: block;
    max-width: none; }

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */
.flag__body {
  width: 100%;
  /* [1] */ }
  .flag__body,
  .flag__body > :last-child {
    margin-bottom: 0; }

/**
     * Small flags.
     */
.flag--small > .flag__img {
  padding-right: 5px; }

/**
     * Vertically top aligned flag objects.
     */
.flag--top > .flag__img,
.flag--top > .flag__body {
  vertical-align: top; }

/*------------------------------------*    #LAYOUT
\*------------------------------------*/
.layout {
  margin: 0;
  list-style: none;
  margin-left: -25px;
  box-sizing: border-box; }

.layout__item {
  width: 100%;
  padding-left: 25px;
  float: left;
  box-sizing: border-box;
  min-height: 1px; }

.layout--small {
  margin-left: -13px; }
  .layout--small > .layout__item {
    padding-left: 13px; }

.layout--large {
  margin-left: -50px; }
  .layout--large > .layout__item {
    padding-left: 50px; }

.layout--flush {
  margin-left: 0; }
  .layout--flush > .layout__item {
    padding-left: 0; }

/*------------------------------------*    #FORM CONTROL
\*------------------------------------*/
.form-control {
  width: 100%;
  display: block;
  border: solid 1px #eee;
  padding: 15px;
  margin-bottom: 20px; }
  .form-control:focus {
    outline: 0;
    border-color: #333;
    background-color: #fdfdfd; }

/*------------------------------------*	#Scope overwrites
\*------------------------------------*/
/* Overwrite styles added for .module-content */
.s-phi img {
  padding: 0; }

.s-phi ul, .s-phi ol {
  padding-left: 0; }

.s-phi a {
  font-weight: inherit; }

/*------------------------------------*	#PAGE
\*------------------------------------*/
.s-phi {
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6666666667;
  color: #4f4f4f; }

.s-phi {
  /*------------------------------------*		#HEADINGS
\*------------------------------------*/
  /*------------------------------------*    #Layout
\*------------------------------------*/
  /* since the site is not responsive, we can make sure all layout_item + u- classes  used for columns 
// are always gonna wrap to a new row, regardles of teh heights */
  /*------------------------------------*   #LINKS
\*------------------------------------*/
  /*------------------------------------*   #TABLES
\*------------------------------------*/
  /*------------------------------------*   #TYPE
\*------------------------------------*/
  /* Various typographic elements */ }
  .s-phi h1, .s-phi h2, .s-phi h3, .s-phi h4, .s-phi h5, .s-phi h6 {
    color: #213b5c;
    line-height: 1.1;
    margin-bottom: 15px; }
  .s-phi h1 {
    font-size: 33px;
    line-height: 36px; }
  .s-phi h2 {
    font-size: 23px;
    line-height: 31px; }
  .s-phi h3 {
    font-size: 18px;
    line-height: 24px; }
  .s-phi h4 {
    font-size: 14px; }
  .s-phi .layout__item.u-1-2:nth-child(2n+1),
  .s-phi .layout__item.u-1-3:nth-child(3n+1),
  .s-phi .layout__item.u-1-4:nth-child(4n+1) {
    clear: left; }
  .s-phi a {
    text-decoration: none;
    color: #008ab0; }
    .s-phi a:hover, .s-phi a:active, .s-phi a:focus {
      color: #e76e33;
      text-decoration: underline; }
  .s-phi .social-link,
  .s-phi a.social-link {
    display: inline-block;
    padding: 8px;
    font-size: 24px;
    background-color: #008ab0;
    color: white; }
    .s-phi .social-link:hover, .s-phi .social-link:active, .s-phi .social-link:focus,
    .s-phi a.social-link:hover,
    .s-phi a.social-link:active,
    .s-phi a.social-link:focus {
      color: white;
      text-decoration: none; }
    .s-phi .social-link--twitter,
    .s-phi a.social-link--twitter {
      background-color: #69baf3; }
    .s-phi .social-link--linkedin,
    .s-phi a.social-link--linkedin {
      background-color: #4d84c1; }
    .s-phi .social-link--youtube,
    .s-phi a.social-link--youtube {
      background-color: #d44147; }
    .s-phi .social-link--facebook,
    .s-phi a.social-link--facebook {
      background-color: #3F568E; }
    .s-phi .social-link--email,
    .s-phi a.social-link--email {
      background-color: #E7C12E; }
    .s-phi .social-link + .social-link,
    .s-phi a.social-link + .social-link {
      margin-left: 8px; }
  .s-phi .social-link--s,
  .s-phi a.social-link--s {
    padding: 4px;
    font-size: 16px;
    vertical-align: bottom; }
    .s-phi .social-link--s + .social-link,
    .s-phi a.social-link--s + .social-link {
      margin-left: 2px; }
  .s-phi .ilink i,
  .s-phi a.ilink i {
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 1.4;
    margin-right: 5px; }
  .s-phi .ilink:hover i, .s-phi .ilink:active i, .s-phi .ilink:focus i,
  .s-phi a.ilink:hover i,
  .s-phi a.ilink:active i,
  .s-phi a.ilink:focus i {
    color: #008ab0; }
  .s-phi .ilink--big i,
  .s-phi a.ilink--big i {
    line-height: 1.1; }
  .s-phi .ilink--pin i,
  .s-phi a.ilink--pin i {
    font-size: 1.7em;
    line-height: 1;
    margin-top: -2px;
    margin-left: -4px;
    margin-right: 0; }
  .s-phi .ilink--phi i,
  .s-phi a.ilink--phi i {
    width: 27px;
    height: 27px;
    margin-right: 10px;
    margin-top: -6px; }
  .s-phi .filter-link-wrap {
    display: inline-block; }
    .s-phi .filter-link-wrap:after {
      content: "";
      display: table;
      clear: both; }
  .s-phi .filter-link {
    color: inherit; }
    .s-phi .filter-link i {
      display: block;
      float: left;
      font-size: 25px;
      color: white;
      text-shadow: 0 1px rgba(0, 0, 0, 0.35);
      margin-right: 2px; }
    .s-phi .filter-link:hover, .s-phi .filter-link:active, .s-phi .filter-link:focus {
      color: inherit; }
    .s-phi .filter-link.is-active {
      color: inherit;
      text-decoration: none;
      cursor: default; }
      .s-phi .filter-link.is-active i {
        color: inherit; }
      .s-phi .filter-link.is-active:hover, .s-phi .filter-link.is-active:active, .s-phi .filter-link.is-active:focus {
        text-decoration: none;
        color: inherit; }
  .s-phi table {
    width: 550px;
    table-layout: fixed;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d6d6d6; }
  .s-phi th {
    background-color: #213b5c;
    border: 1px solid #213b5c;
    color: white;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 20px; }
    tr:first-child .s-phi th:first-child {
      font-weight: bold; }
  .s-phi tr:nth-child(even) {
    background-color: #eee; }
  .s-phi td {
    padding: 5px 20px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-collapse: collapse; }
    .s-phi td:first-child {
      text-align: center;
      font-weight: bold; }
  .s-phi p {
    line-height: inherit;
    margin: 0 0 20px 0; }
  .s-phi blockquote {
    font-style: italic;
    position: relative;
    padding: 0 30px;
    font-size: 20px;
    line-height: 28px;
    margin: 30px 0; }
    .s-phi blockquote:before, .s-phi blockquote:after {
      position: absolute;
      font-size: 50px;
      line-height: 1;
      color: #b5b5b5; }
    .s-phi blockquote:before {
      content: '“';
      top: 0;
      left: 0; }
    .s-phi blockquote:after {
      content: '”';
      bottom: -25px;
      right: 9px; }
    .s-phi blockquote cite {
      display: block; }
      .s-phi blockquote cite:before {
        content: '-';
        padding-right: 5px; }
  .s-phi hr {
    margin-bottom: 20px; }
  .s-phi ul, .s-phi ol {
    list-style: initial;
    margin-bottom: 20px;
    margin-left: 20px; }
  .s-phi ol > li {
    list-style-type: decimal; }
  .s-phi .list-bare, .s-phi .content-dropdown__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .s-phi .intro {
    font-size: 18px;
    line-height: 24px; }
  .s-phi .intro--narrow {
    padding: 0 70px; }
  .s-phi .heading-wrap {
    margin-bottom: 20px; }
  .s-phi .heading-wrap--center {
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto; }
    .s-phi .heading-wrap--center .flag__body {
      width: auto; }
  .s-phi .heading--w-nav {
    float: left;
    width: 432px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 0; }
  .s-phi .heading--thin {
    font-weight: 400; }
  .s-phi .heading--inverted {
    color: white; }
  .s-phi .heading {
    font-size: 35px;
    line-height: 1.1; }
  .s-phi .heading--sec {
    font-size: 28px; }
  .s-phi .small {
    font-size: 13px;
    line-height: 1.5; }
  .s-phi .copy {
    color: #45545F;
    font-weight: normal; }

.s-phi {
  /*------------------------------------*	 #WRAPPERS
\*------------------------------------*/
  /*------------------------------------*    #CONTAINERS
\*------------------------------------*/
  /* Used in markup to add left and right padding around content */
  /*------------------------------------*	#BUTTONS
\*------------------------------------*/
  /*------------------------------------*    #ICONS
\*------------------------------------*/
  /*------------------------------------*   #BANDS
\*------------------------------------*/
  /*------------------------------------*	 #CONTENT DROPDOWNS
\*------------------------------------*/
  /*------------------------------------*    #HERO SLIDER
\*------------------------------------*/
  /* slide styles */
  /*------------------------------------*	#CTA
\*------------------------------------*/
  /*------------------------------------*    #LISTS OF POSTS/EVENTS/NEWS
\*------------------------------------*/
  /*------------------------------------*	#PRE-FOOTER COLUMNS
\*------------------------------------*/
  /*------------------------------------*	#PRE-FOOTER COLUMNS MODIFIED
\*------------------------------------*/
  /*------------------------------------*    #CONTENT BLOCKS
\*------------------------------------*/
  /* Used on Homepage bootom columns */
  /*------------------------------------*    #PAGER NAVIGATION
\*------------------------------------*/
  /*------------------------------------*    #INFOGRAPHIC
\*------------------------------------*/
  /*------------------------------------*    #LINK BLOCKS
\*------------------------------------*/
  /*------------------------------------*    #BANNER
\*------------------------------------*/
  /*------------------------------------*		#Video Overlay
\*------------------------------------*/
  /*------------------------------------*    #DRAWER
\*------------------------------------*/ }
  .s-phi .share-wrapper {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 8px 0; }
  .s-phi .wrapper-narrow {
    width: 780px;
    margin: 0 auto; }
  .s-phi .wrapper-narrow-x {
    width: 700px;
    margin: 0 auto; }
  .s-phi .container {
    padding-left: 20px;
    padding-right: 20px; }
  .s-phi .btn,
  .s-phi a.btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin: 0 0 20px 0;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    position: relative;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    position: relative;
    padding: 8px 35px 9px 25px;
    color: #fff;
    background-color: #25b894;
    border: none;
    box-sizing: border-box; }
    .s-phi .btn:after,
    .s-phi a.btn:after {
      font-family: 'icomoon';
      content: '\e601';
      position: absolute;
      right: 15px;
      vertical-align: bottom; }
    .s-phi .btn:hover, .s-phi .btn:active, .s-phi .btn:focus,
    .s-phi a.btn:hover,
    .s-phi a.btn:active,
    .s-phi a.btn:focus {
      text-decoration: none;
      color: #fff;
      background-color: #e76e33;
      border-color: #e76e33; }
  .s-phi .btn--empty,
  .s-phi a.btn--empty {
    padding: 8px 12px 9px 12px; }
    .s-phi .btn--empty:after,
    .s-phi a.btn--empty:after {
      position: relative;
      right: auto; }
  .s-phi .btn--empty-rev:after,
  .s-phi a.btn--empty-rev:after {
    content: '\e602'; }
  .s-phi .btn--full,
  .s-phi a.btn--full {
    width: 100%; }
  .s-phi .btn--long,
  .s-phi a.btn--long {
    width: 232px; }
  .s-phi .btn--inverted,
  .s-phi a.btn--inverted {
    color: #25b894;
    background-color: #fff; }
    .s-phi .btn--inverted:hover, .s-phi .btn--inverted:active, .s-phi .btn--inverted:focus,
    .s-phi a.btn--inverted:hover,
    .s-phi a.btn--inverted:active,
    .s-phi a.btn--inverted:focus {
      color: #e76e33;
      background-color: #fff; }
  .s-phi .btn--small,
  .s-phi a.btn--small, .s-phi .btn--nav,
  .s-phi a.btn--nav {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 6px; }
  .s-phi .btn--simple,
  .s-phi a.btn--simple {
    text-align: center; }
    .s-phi .btn--simple:after,
    .s-phi a.btn--simple:after {
      display: none; }
  .s-phi .btn--nav,
  .s-phi a.btn--nav {
    width: 215px;
    position: relative; }
    .s-phi .btn--nav:before,
    .s-phi a.btn--nav:before {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-width: 13px;
      margin-top: -13px; }
  .s-phi .btn--next,
  .s-phi a.btn--next {
    float: right;
    margin-right: 30px;
    padding-left: 30px; }
    .s-phi .btn--next:before,
    .s-phi a.btn--next:before {
      left: 100%;
      top: 50%;
      border-left-color: #25b894; }
    .s-phi .btn--next:hover:before, .s-phi .btn--next:active:before, .s-phi .btn--next:focus:before,
    .s-phi a.btn--next:hover:before,
    .s-phi a.btn--next:active:before,
    .s-phi a.btn--next:focus:before {
      border-left-color: #e76e33; }
  .s-phi .btn--prev,
  .s-phi a.btn--prev {
    float: left;
    margin-left: 30px;
    text-align: right;
    padding-right: 30px; }
    .s-phi .btn--prev:after,
    .s-phi a.btn--prev:after {
      content: '\e602';
      right: auto;
      left: 15px; }
    .s-phi .btn--prev:before,
    .s-phi a.btn--prev:before {
      right: 100%;
      top: 50%;
      border-right-color: #25b894; }
    .s-phi .btn--prev:hover:before, .s-phi .btn--prev:active:before, .s-phi .btn--prev:focus:before,
    .s-phi a.btn--prev:hover:before,
    .s-phi a.btn--prev:active:before,
    .s-phi a.btn--prev:focus:before {
      border-right-color: #e76e33; }
  .s-phi .btn--video,
  .s-phi a.btn--video {
    border-radius: 50%;
    border: 3px solid #e5e5e5;
    background-color: white;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    background-color: #25b894;
    border-color: white;
    padding: 30px;
    font-size: 36px; }
    .s-phi .btn--video:after,
    .s-phi a.btn--video:after {
      content: '\e605';
      display: block;
      top: 50%;
      margin-top: -11px;
      left: 50%;
      margin-left: -15px;
      right: auto; }
    .s-phi .btn--video:hover, .s-phi .btn--video:active, .s-phi .btn--video:focus,
    .s-phi a.btn--video:hover,
    .s-phi a.btn--video:active,
    .s-phi a.btn--video:focus {
      border-color: white; }
  .s-phi .btn--scroll,
  .s-phi a.btn--scroll {
    border-radius: 50%;
    border: 3px solid #e5e5e5;
    background-color: white;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    position: absolute;
    color: #d6d6d6;
    padding: 0;
    width: 30px;
    height: 30px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    font-size: 20px;
    line-height: 23px; }
    .s-phi .btn--scroll:after,
    .s-phi a.btn--scroll:after {
      display: none; }
    .s-phi .btn--scroll i,
    .s-phi a.btn--scroll i {
      padding-left: 6px;
      line-height: 1.2; }
    .s-phi .btn--scroll:hover, .s-phi .btn--scroll:active, .s-phi .btn--scroll:focus,
    .s-phi a.btn--scroll:hover,
    .s-phi a.btn--scroll:active,
    .s-phi a.btn--scroll:focus {
      color: #d6d6d6;
      text-decoration: none;
      background-color: white;
      border-color: #e5e5e5; }
  .s-phi .btn--disabled,
  .s-phi a.btn--disabled {
    cursor: auto; }
  .s-phi [class^="icon-"], .s-phi [class*=" icon-"] {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .s-phi .icon-mail:before {
    content: "\e900"; }
  .s-phi .icon-download:before {
    content: "\e60d"; }
  .s-phi .icon-controller-play:before {
    content: "\e605"; }
  .s-phi .icon-globe:before {
    content: "\e60e"; }
  .s-phi .icon-link:before {
    content: "\e800"; }
  .s-phi .icon-location-pin:before {
    content: "\e60f"; }
  .s-phi .icon-menu:before {
    content: "\e610"; }
  .s-phi .icon-minus:before {
    content: "\e60b"; }
  .s-phi .icon-plus:before {
    content: "\e60c"; }
  .s-phi .icon-chevron-thin-right:before {
    content: "\e601"; }
  .s-phi .icon-chevron-thin-left:before {
    content: "\e602"; }
  .s-phi .icon-chevron-right:before {
    content: "\e603"; }
  .s-phi .icon-chevron-left:before {
    content: "\e604"; }
  .s-phi .icon-sphere:before {
    content: "\e600"; }
  .s-phi .icon-facebook:before {
    content: "\e606"; }
  .s-phi .icon-twitter:before {
    content: "\e607"; }
  .s-phi .icon-feed:before {
    content: "\e608"; }
  .s-phi .icon-youtube:before {
    content: "\e609"; }
  .s-phi .icon-linkedin:before {
    content: "\e60a"; }
  .s-phi .icon-search:before {
    content: "\f002"; }
  .s-phi .icon-caret-down:before {
    content: "\f0d7"; }
  .s-phi .icon-caret-up:before {
    content: "\f0d8"; }
  .s-phi .icon-caret-left:before {
    content: "\f0d9"; }
  .s-phi .icon-caret-right:before {
    content: "\f0da"; }
  .s-phi .icon-quote-left:before {
    content: "\f10d"; }
  .s-phi .icon-quote-right:before {
    content: "\f10e"; }
  .s-phi .phi-icon {
    border-radius: 50%;
    border: 3px solid #e5e5e5;
    background-color: white;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-size: cover; }
  .s-phi .phi-icon--big {
    width: 48px;
    height: 48px; }
  .s-phi .phi-icon--m {
    width: 36px;
    height: 36px; }
  .s-phi .phi-icon--bottom {
    vertical-align: bottom; }
  .s-phi .phi-icon--stethoscope {
    background-image: url("../images/phi/phi-icons/phi_stethoscope.png"); }
  .s-phi .phi-icon--molecule {
    background-image: url("../images/phi/phi-icons/phi_molecule.png"); }
  .s-phi .phi-icon--calendar {
    background-image: url("../images/phi/phi-icons/phi_calendar.png"); }
  .s-phi .phi-icon--chat {
    background-image: url("../images/phi/phi-icons/phi_chat.png"); }
  .s-phi .phi-icon--earth {
    background-image: url("../images/phi/phi-icons/phi_earth.png"); }
  .s-phi .phi-icon--hospital {
    background-image: url("../images/phi/phi-icons/phi_hospital.png"); }
  .s-phi .phi-icon--mail {
    background-image: url("../images/phi/phi-icons/phi_mail.png"); }
  .s-phi .phi-icon--news {
    background-image: url("../images/phi/phi-icons/phi_news.png"); }
  .s-phi .phi-icon--phone {
    background-image: url("../images/phi/phi-icons/phi_phone.png"); }
  .s-phi .phi-icon--users {
    background-image: url("../images/phi/phi-icons/phi_users.png"); }
  .s-phi .band {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background: white;
    position: relative; }
    .s-phi .band:after {
      content: "";
      display: table;
      clear: both; }
    .s-phi .band .container > :last-child {
      margin-bottom: 0; }
  .s-phi .band--flush {
    padding: 0; }
  .s-phi .band--flush-b {
    padding-bottom: 0; }
  .s-phi .band--l {
    padding-top: 70px;
    padding-bottom: 70px; }
  .s-phi .band--top-xl {
    padding-top: 90px; }
  .s-phi .band--top-s {
    padding-top: 15px; }
  .s-phi .band--top-m {
    padding-top: 20px; }
  .s-phi .band--s {
    padding-top: 15px;
    padding-bottom: 15px; }
  .s-phi .band--home-cta {
    height: 450px;
    padding: 0;
    overflow: visible; }
  .s-phi .band--transparent {
    background-color: transparent; }
  .s-phi .band--green {
    background-color: #add9d3;
    background-image: url("../images/phi/bg-green-texture.jpg");
    background-repeat: repeat-x;
    background-position-x: 0;
    background-position-y: bottom; }
  .s-phi .band--blue {
    background-color: #5890ab;
    color: white; }
  .s-phi .band--dark-blue {
    background-color: #213b5c;
    color: white; }
  .s-phi .band--gray {
    background-color: #eeeeee;
    background-image: url("../images/phi/triangles-pattern.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover; }
  .s-phi .band--yellow {
    background-color: #ffd24f;
    background-image: url("../images/phi/bg-yellow.jpg");
    color: black; }
  .s-phi .band--blue-texture {
    color: white;
    background: #5890ab url("../images/phi/bg-blue-texture.jpg") 0 0 repeat;
    margin-bottom: 40px;	}
  .s-phi .band--gradient {
      background: none;
    /*background: white url("../images/phi/gray-gradient-bottom.jpg") 0 bottom repeat-x;*/
    /*background-size: contain;*/ }
  .s-phi .band--over {
    z-index: 2; }
  .s-phi .content-dropdown {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    margin: 0 15px 0;
    margin-bottom: 20px;
    z-index: 1;
    width: 175px;
    text-align: left; }
  .s-phi .content-dropdown__trigger {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    padding: 8px 35px 8px 15px;
    display: block;
    background: #fff;
    position: relative; }
    .s-phi .content-dropdown__trigger:after {
      display: block;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -13px;
      text-transform: none;
      font-family: "icomoon";
      content: "\f0d7";
      vertical-align: middle;
      color: #8cc8c3; }
    .s-phi .content-dropdown__trigger:hover, .s-phi .content-dropdown__trigger:active, .s-phi .content-dropdown__trigger:focus {
      text-decoration: none; }
      .s-phi .content-dropdown__trigger:hover:after, .s-phi .content-dropdown__trigger:active:after, .s-phi .content-dropdown__trigger:focus:after {
        color: #e76e33; }
    .s-phi .content-dropdown__trigger.is-active {
      color: #e76e33; }
      .s-phi .content-dropdown__trigger.is-active:after {
        color: #e76e33; }
  .s-phi .content-dropdown__list {
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-top: solid 1px #f2d064;
    text-align: left;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35); }
    .s-phi .content-dropdown__list li {
      display: block; }
      .s-phi .content-dropdown__list li > a,
      .s-phi .content-dropdown__list li > span {
        display: block;
        color: #45545F;
        padding: 8px 15px;
        color: #45545F;
        transition: 0.2s ease-in-out;
        cursor: pointer; }
        .s-phi .content-dropdown__list li > a:hover, .s-phi .content-dropdown__list li > a:active, .s-phi .content-dropdown__list li > a:focus,
        .s-phi .content-dropdown__list li > span:hover,
        .s-phi .content-dropdown__list li > span:active,
        .s-phi .content-dropdown__list li > span:focus {
          color: white;
          text-decoration: none;
          background-color: #e76e33; }
    .s-phi .content-dropdown__list li + li {
      border-top: solid 1px #d6d6d6; }
    .s-phi .content-dropdown__list.is-active {
      visibility: visible;
      opacity: 1;
      top: 100%;
      transition: 0.2s ease-in-out; }
  .s-phi .content-dropdown--region {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    width: 200px; }
  .s-phi .content-dropdown__trigger--region {
    padding: 5px 50px 5px 10px;
    display: block;
    color: #213b5c;
    position: relative;
    border: 1px solid #213b5c;
    box-shadow: none; }
    .s-phi .content-dropdown__trigger--region:before {
      display: inline-block;
      position: relative;
      text-transform: none;
      font-family: "icomoon";
      content: "\e600";
      margin-right: 8px;
      color: #25b894;
      font-size: 16px;
      vertical-align: bottom; }
    .s-phi .content-dropdown__trigger--region:after {
      display: block;
      position: absolute;
      content: "\f0d7";
      text-align: center;
      width: 30px;
      height: 30px;
      line-height: 30px;
      top: -1px;
      right: -1px;
      background-color: #25b894;
      color: white;
      margin-top: 0; }
    .s-phi .content-dropdown__trigger--region:hover, .s-phi .content-dropdown__trigger--region:active, .s-phi .content-dropdown__trigger--region:focus {
      color: #213b5c; }
      .s-phi .content-dropdown__trigger--region:hover:before, .s-phi .content-dropdown__trigger--region:active:before, .s-phi .content-dropdown__trigger--region:focus:before {
        color: #e76e33; }
      .s-phi .content-dropdown__trigger--region:hover:after, .s-phi .content-dropdown__trigger--region:active:after, .s-phi .content-dropdown__trigger--region:focus:after {
        background-color: #e76e33;
        color: white; }
    .s-phi .content-dropdown__trigger--region.is-active {
      color: #213b5c; }
      .s-phi .content-dropdown__trigger--region.is-active:before {
        color: #e76e33; }
      .s-phi .content-dropdown__trigger--region.is-active:after {
        background-color: #e76e33;
        color: white; }
  .s-phi .content-dropdown__list--region {
    border-top: none;
    border-bottom: solid 1px #213b5c;
    text-align: left;
    margin-top: 0;
    box-shadow: none; }
    .s-phi .content-dropdown__list--region li {
      display: block;
      border-left: 1px solid #213b5c;
      border-right: 1px solid #213b5c; }
  .s-phi .content-dropdown--m {
    font-size: 15px;
    line-height: 22px;
    margin: 0 8px 0 3px;
    width: 155px; }
    .s-phi .content-dropdown--m .content-dropdown__trigger:after {
      margin-top: -11px; }
  .s-phi .content-dropdown--wide {
    width: 185px; }
  .s-phi .content-dropdown--x-wide {
    width: 230px; }
  .s-phi .phi-slider-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    .s-phi .phi-slider-wrapper .phi-slider {
      height: 433px;
      list-style: none;
      margin: 0;
      background-color: black;
      overflow: hidden;
      padding: 0; }
    .s-phi .phi-slider-wrapper .phi-slider--feature {
      height: 410px;
      background-color: #5890ab; }
    .s-phi .phi-slider-wrapper .phi-slider--big {
      height: 445px; }
    .s-phi .phi-slider-wrapper .anythingSlider-default .arrow {
      display: block !important;
      position: absolute;
      top: 50%;
      margin-top: -12px;
      width: 24px;
      height: 24px;
      font-size: 24px;
      font-family: 'icomoon';
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: 0.8;
      color: white;
      cursor: pointer; }
      .s-phi .phi-slider-wrapper .anythingSlider-default .arrow.back {
        left: 20px; }
        .s-phi .phi-slider-wrapper .anythingSlider-default .arrow.back:before {
          content: "\e602"; }
      .s-phi .phi-slider-wrapper .anythingSlider-default .arrow.forward {
        right: 20px; }
        .s-phi .phi-slider-wrapper .anythingSlider-default .arrow.forward:before {
          content: "\e601"; }
      .s-phi .phi-slider-wrapper .anythingSlider-default .arrow:hover, .s-phi .phi-slider-wrapper .anythingSlider-default .arrow:active, .s-phi .phi-slider-wrapper .anythingSlider-default .arrow:focus {
        opacity: 1;
        color: white;
        text-decoration: none; }
    .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls {
      position: absolute;
      width: 100%;
      bottom: 20px;
      right: auto;
      left: auto; }
      .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls ul {
        width: auto;
        float: left;
        margin: 0 0 0 15px; }
      .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li {
        float: none;
        display: inline-block;
        margin: 0 5px; }
        .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li a {
          display: block;
          width: 15px;
          height: 15px;
          background: white;
          border-radius: 50%;
          opacity: 0.4; }
          .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li a:hover, .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li a:focus, .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li a:active, .s-phi .phi-slider-wrapper .anythingSlider-default .anythingControls li a.cur {
            opacity: 1; }
  .s-phi .phi-slider-wrapper--nav-out {
    margin-bottom: 40px; }
    .s-phi .phi-slider-wrapper--nav-out .anythingSlider-default .arrow {
      width: 28px;
      height: 28px;
      font-size: 28px;
      margin-top: -14px; }
      .s-phi .phi-slider-wrapper--nav-out .anythingSlider-default .arrow.back {
        left: -40px; }
      .s-phi .phi-slider-wrapper--nav-out .anythingSlider-default .arrow.forward {
        right: -40px; }
    .s-phi .phi-slider-wrapper--nav-out .anythingSlider-default .anythingControls {
      bottom: -40px; }
      .s-phi .phi-slider-wrapper--nav-out .anythingSlider-default .anythingControls ul {
        margin: 0;
        width: 100%;
        text-align: center; }
  .s-phi .phi-slider-wrapper--nav-green .anythingSlider-default .arrow {
    color: #25b894; }
    .s-phi .phi-slider-wrapper--nav-green .anythingSlider-default .arrow:hover, .s-phi .phi-slider-wrapper--nav-green .anythingSlider-default .arrow:active, .s-phi .phi-slider-wrapper--nav-green .anythingSlider-default .arrow:focus {
      color: #25b894; }
  .s-phi .phi-slider-wrapper--nav-green .anythingSlider-default .anythingControls li a {
    background-color: #25b894; }
  .s-phi .phi-slider__slide {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    /*needs fixed value or inline image, otherwise the slider has 0 height */
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #5890ab; }
    .s-phi .phi-slider__slide .slide__inner {
      width: 100%;
      height: 100%;
      position: relative;
      background-position: 0 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #5890ab; }
    .s-phi .phi-slider__slide .slide__inner--contain {
      background-size: contain; }
    .s-phi .phi-slider__slide .slide__content {
      width: 320px;
      padding: 44px 0 0 20px;
      margin-left: 540px;
      font-size: 18px;
      color: white; }
      .s-phi .phi-slider__slide .slide__content p:last-child {
        margin-bottom: 0; }
    .s-phi .phi-slider__slide .slide__content--left {
      width: 320px;
      padding: 0;
      margin-left: 0;
      position: absolute;
      bottom: 52px;
      left: 73px; }
    .s-phi .phi-slider__slide .slide__content--left--wide {
      width: 350px; }
    .s-phi .phi-slider__slide .slide__content--bottom {
      width: 580px;
      padding: 0;
      margin-left: 0;
      position: absolute;
      bottom: 50px;
      left: 20px; }
    .s-phi .phi-slider__slide .slide__content--big p {
      margin-bottom: 30px; }
    .s-phi .phi-slider__slide .slide__content--small {
      font-size: 16px; }
    .s-phi .phi-slider__slide .slide__bottom-right {
      position: absolute;
      bottom: -12px;
      right: 15px; }
    .s-phi .phi-slider__slide .slide__top-left {
      position: absolute;
      top: 15px;
      left: 15px; }
      .s-phi .phi-slider__slide .slide__top-left img {
        max-width: 300px;
        max-height: 200px; }
    .s-phi .phi-slider__slide .slide__title {
      color: white;
      font-size: 34px;
      line-height: 1.3; }
    .s-phi .phi-slider__slide .slide__title--big {
      font-size: 48px; }
    .s-phi .phi-slider__slide .slide__title--small {
      font-size: 28px; }
    .s-phi .phi-slider__slide .slide__tags {
      margin-top: 40px; }
    .s-phi .phi-slider__slide .slide__tag {
      text-transform: uppercase;
      font-size: 14px; }
      .s-phi .phi-slider__slide .slide__tag + .slide__tag {
        margin-top: 20px; }
    .s-phi .phi-slider__slide .slide__overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url("../images/phi/mask.png");
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: cover; }
    .s-phi .phi-slider__slide .slide__overlay--bottom {
      background-image: url("../images/phi/mask-bottom.png"); }
    .s-phi .phi-slider__slide .slide__overlay--video {
      background-image: url("../images/phi/mask.png"); }
      .s-phi .phi-slider__slide .slide__overlay--video .video-overlay {
        width: 50%;
        right: 0; }
    .s-phi .phi-slider__slide .slide__overlay--transparent {
      background: transparent; }
  .s-phi .cta,
  .s-phi a.cta {
    display: block;
    position: relative;
    color: white;
    margin-bottom: 20px; }
    .s-phi .cta:hover, .s-phi .cta:active, .s-phi .cta:focus,
    .s-phi a.cta:hover,
    .s-phi a.cta:active,
    .s-phi a.cta:focus {
      color: white;
      text-decoration: none; }
  .s-phi .cta__content {
    font-size: 14px;
    line-height: 1.6;
    padding: 20px 25px 30px;
    position: relative;
    background: url("../images/phi/bg-blue.jpg") 0 0 no-repeat;
    background-size: cover; }
    .s-phi .cta__content p:last-child {
      margin-bottom: 0; }
  .s-phi .cta__content--no-img {
    height: 100%;
    box-sizing: border-box; }
  .s-phi .cta__content--blue-gray {
    background-image: url("../images/phi/bg-blue-gray.jpg"); }
  .s-phi .cta__content--blue-gray-dark {
    background-image: url("../images/phi/bg-blue-gray-dark.jpg"); }
  .s-phi .cta__content--green {
    background-image: url("../images/phi/bg-green.jpg"); }
  .s-phi .cta__title {
    color: white;
    font-size: 28px;
    font-weight: normal; }
    .s-phi .cta__title a {
      color: white;
      text-decoration: none;
      position: relative; }
      .s-phi .cta__title a:hover  .cta_title_text{
        color: #e76e33;
        text-decoration: underline; }
        .s-phi .cta__title a:hover:after {
		  color: #e76e33;	 	
          text-decoration: none; }
      .s-phi .cta__title a:after {
        font-size: 0.7em;
        font-weight: normal;
        font-family: 'icomoon';
        content: '\e601';
     /*   position: absolute;
        right: -35px;*/
		position: relative;
        right: -15px;
        top: 50%;
        margin-top: -15px; }
		
	.s-phi .cta  .cta__content .js-eqh{
			margin: 0 0 20px 0;
		 }		
	
  .s-phi .cta__icon {
    width: 68px;
    height: 68px;
    position: absolute;
    bottom: -34px;
    left: 50%;
    margin-left: -34px;
    z-index: 2; }
  .s-phi .cta__image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 0; }
    .s-phi .cta__image > img {
      width: 100%;
      height: auto;
      padding: 0; }
  .s-phi .cta--home {
    height: 506px;
    width: 50%;
    float: left;
    margin-top: -30px;
    margin-bottom: 0; }
    .s-phi .cta--home .cta__content {
      font-size: 16px;
      padding: 35px 38px 64px; }
      .s-phi .cta--home .cta__content p {
        margin-bottom: 0; }
    .s-phi .cta--home .cta__title {
      font-size: 32px; }
      .s-phi .cta--home .cta__title:after {
        margin-left: 5px; }
    .s-phi .cta--home:hover .cta__content {
      background-image: url("../images/phi/bg-orange.jpg"); }
    .s-phi .cta--home:hover .cta__icon {
      background-color: #e76e33;
      background-position-y: -100%; }
  .s-phi .article-list {
    padding-bottom: 30px; }
    .s-phi .article-list:after {
      content: "";
      display: table;
      clear: both; }
    .s-phi .article-list .article-list__item + .article-list__item {
      margin-top: 50px; }
  .s-phi .article-list--less-spaced .article-list__item + .article-list__item {
    margin-top: 35px; }
  .s-phi .article-list__item {
    width: 100%;
    float: left; }
	.s-phi .article-list__item .js-eqh{
		margin: 0 0 20px 0;
     }	 
	.s-phi .article-list-col a.btn:not(:last-child){
	margin-bottom:20px;
	}
    .s-phi .article-list__item p:last-child {
      margin-bottom: 0; }
  .s-phi .layout__item > .article-list__item {
    margin-bottom: 40px; }
  .s-phi .article-list__item--featured {
    margin-bottom: 25px;
    font-size: 18px; }
  .s-phi .article-list__title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px; }
  .s-phi .article-list__title--s {
    font-size: 18px; }
  .s-phi .article-list__item--featured .article-list__title {
    font-size: 25px;
    margin-bottom: 10px; }
  .s-phi .article-list__date {
    font-weight: bold; }
  .s-phi .article-list__image {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
  .s-phi .article-list__item--featured .article-list__image {
    margin-bottom: 0; }
    .s-phi .article-list__item--featured .article-list__image img {
      width: 100%;
      height: auto; }
  .s-phi .article-list__video-wrap {
    position: relative; }
  .s-phi .article-list__thumb {
    border: 2px solid #d6d6d6;
    padding: 1px; }
  .s-phi .article-list__project-thumb {
    width: 220px; }
    .s-phi .article-list__project-thumb img {
      width: 100%;
      height: auto; }
  .s-phi .article-list__footer {
    margin-top: 30px; }
    .s-phi .article-list__footer p {
      margin-bottom: 5px;
      clear: left; }
  .s-phi .article-list__tag-band {
    background-color: #25b894;
    padding: 5px 10px;
    color: white; }
    .s-phi .article-list__tag-band .article-list__tag {
      line-height: 1; }
  .s-phi .article-list__item:nth-child(even) .article-list__tag-band,
  .s-phi .layout__item:nth-child(even) .article-list__item .article-list__tag-band {
    background-color: #213b5c; }
  .s-phi .article-list__tag {
    font-size: 12px;
    line-height: 1.4;
    color: inherit;
    text-transform: uppercase; }
    .s-phi .article-list__tag i {
      color: #008ab0; }
    .s-phi .article-list__tag:hover, .s-phi .article-list__tag:active, .s-phi .article-list__tag:focus {
      color: inherit; }
      .s-phi .article-list__tag:hover i, .s-phi .article-list__tag:active i, .s-phi .article-list__tag:focus i {
        color: #008ab0; }
  .s-phi .article-list--home {
    padding-bottom: 0px; }
    .s-phi .article-list--home .article-list__item + .article-list__item {
      margin-top: 40px; }
    .s-phi .article-list--home .article-list__title {
      margin-bottom: 20px; }
    .s-phi .article-list--home .article-list__image {
      margin-bottom: 30px; }
  .s-phi .pre-foot-columns {
    color: #7f7f7f; }
    .s-phi .pre-foot-columns:before {
      content: '';
      display: block;
      width: 746px;
      margin: 0 auto;
      border-top: 1px solid #d6d6d6;
      padding-top: 40px; }
  .s-phi .pre-foot-columns--no-line:before {
    display: none; }
	.s-phi .pre-foot-columns--no-border-top:before {
    border-top: none; }
  .s-phi .prefoot-col {
    box-sizing: border-box;
    text-align: center;
    margin: 0 22px;
    padding-bottom: 50px;
    position: relative; }
  .s-phi .prefoot-col--narrow {
    margin: 0 35px; }
  .s-phi .prefoot-col__img {
    border-radius: 50%;
    border: 3px solid #e5e5e5;
    background-color: white;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    width: 160px;
    height: 160px;
    margin-bottom: 30px; }
  .s-phi .prefoot-col__info {
    height: 166px;
    margin-bottom: 30px; }
    .s-phi .prefoot-col__info span {
      display: block;
      font-size: 20px;
      font-weight: bold;
      color: #213b5c; }
      .s-phi .prefoot-col__info span.number {
        color: #25b894;
        font-size: 110px;
        line-height: 1;
        padding-top: 10px; }
  .s-phi .prefoot-col__title {
    font-size: 23px;
    font-weight: normal;
    color: #454e56;
    margin-bottom: 15px; }
  .s-phi .prefoot-col__author {
    height: 44px;
    margin-bottom: 10px; }
    .s-phi .prefoot-col__author__name {
      font-weight: normal;
      color: #454e56;
      margin-bottom: 0; }
    .s-phi .prefoot-col__author p {
      margin-bottom: 0;
      line-height: 1.4; }
  .s-phi .prefoot-col__desc {
    font-size: 16px;
    line-height: 24px; }
  .s-phi .prefoot-col__desc--small {
    font-size: 15px; }
  .s-phi .prefoot-col__btn,
  .s-phi a.prefoot-col__btn {
    position: absolute;
    bottom: 10px;
    left: 0; }
  .s-phi .prefoot-col.prefoot-col {
    margin: 0 17px; }
  .s-phi .prefoot-col--narrow.prefoot-col--narrow {
    margin: 0 25px; }
  .s-phi .content-block + .content-block {
    margin-top: 40px; }
  .s-phi .content-block__title {
    font-size: 20px;
    font-weight: normal;
    color: #45545F;
    padding-bottom: 5px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px; }
  .s-phi .pager-nav {
    padding: 20px 0; }
  .s-phi .pager-nav__list {
    display: inline-block;
    list-style: none;
    margin: 0 10px;
    vertical-align: bottom; }
    .s-phi .pager-nav__list:after {
      content: "";
      display: table;
      clear: both; }
  .s-phi .pager-nav__item {
    display: inline-block;
    padding: 0 7px; }
  .s-phi .infographic {
    width: 290px;
    margin: 0 20px; }
  .s-phi .infographic__number {
    font-weight: bold;
    font-size: 160px;
    line-height: 0.8;
    margin-bottom: 20px; }
    .s-phi .infographic__number span {
      font-size: 90px;
      vertical-align: top; }
    .s-phi .infographic__number .arrow {
      display: inline-block;
      width: 18px;
      height: 65px;
      margin-right: 5px;
      background: url("../images/phi/arrow-up.svg") 0 0 no-repeat; }
    .s-phi .infographic__number .arrow--down {
      transform: scaleY(-1); }
  .s-phi .infographic__title {
    color: inherit;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0; }
  .s-phi .link-block {
    margin: 40px 0; }
  .s-phi .link-block__title {
    font-weight: normal; }
    .s-phi .link-block__title i {
      margin-right: 13px; }
  .s-phi .link-block__description,
  .s-phi .link-block__title--no-icon {
    padding-left: 35px; }
  .s-phi .link-block--l .link-block__description,
  .s-phi .link-block--l .link-block__title--no-icon {
    padding-left: 46px; }
  .s-phi .banner {
    margin-bottom: 20px;
    position: relative; }
    .s-phi .banner img {
      width: 100%;
      height: auto; }
  .s-phi .banner__overlay {
    position: absolute;
	width:100%;
    left: 0;
    bottom: 0;    
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 13px;
    line-height: 1.4; }
	.s-phi .banner__overlay p{
		padding: 5px 10px;
	}
    .s-phi .banner__overlay p:last-child {
      margin-bottom: 0; }
  .s-phi .banner__overlay--m {
    padding: 10px 35px; }
  .s-phi .banner__overlay--l {
    padding: 15px 95px; }
  .s-phi .video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0; }
  .s-phi .video-overlay--left {
    left: 0;
    right: auto; }
  .s-phi .video-overlay__inner {
    position: relative;
    width: 100%;
    height: 100%; }
  .s-phi .video-overlay__btn-wrap {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: auto;
    margin-bottom: auto;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .s-phi.drawer {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 200;
    padding-left: 40px; }
  .s-phi .drawer__head {
    box-sizing: border-box;
    background: #cd6e3a;
    color: white;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.35);
    text-align: center;
    width: 40px;
    height: 87px;
    padding: 10px 10px;
    position: relative;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    left: 0; }
    .s-phi .drawer__head:before {
      content: '';
      position: absolute;
      left: -9px;
      top: 50%;
      margin-top: -10px;
      display: inline-block;
      height: 0;
      width: 0;
      -webkit-transform: rotate(360deg);
      border-width: 10px 9px;
      border-style: solid;
      border-color: transparent;
      border-right-color: #cd6e3a;
      border-left-width: 0; }
    .s-phi .drawer__head i {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      left: 13px; }
  .s-phi .drawer__content {
    display: none;
    float: left;
    box-sizing: border-box;
    height: 87px;
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 10px 10px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.35); }
    .s-phi .drawer__content.is-opened {
      display: block; }
    .s-phi .drawer__content a {
      display: block;
      font-size: 12px;
      line-height: 18px; }
    .s-phi .drawer__content a + a {
      padding-top: 6px; }

.u-cf:after {
  content: "";
  display: table;
  clear: both; }

.u-tac {
  text-align: center !important; }

.u-tar {
  text-align: right !important; }

.u-text-bold {
  font-weight: 700; }

.u-mb {
  margin-bottom: 20px !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-mt {
  margin-top: 20px !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mtl {
  margin-top: 30px !important; }

.u-mbl {
  margin-bottom: 30px !important; }

.u-mts {
  margin-top: 15px !important; }

.u-mbs {
  margin-bottom: 15px !important; }

.u-mtxl {
  margin-top: 40px !important; }

.u-mbxl {
  margin-bottom: 40px !important; }

.u-mtxs {
  margin-top: 10px !important; }

.u-mbxs {
  margin-bottom: 10px !important; }

.u-ml {
  margin-left: 20px !important; }

.u-mr {
  margin-right: 20px !important; }

.u-mls {
  margin-left: 15px !important; }

.u-mrs {
  margin-right: 15px !important; }

.u-mlxs {
  margin-left: 10px !important; }

.u-mrxs {
  margin-right: 10px !important; }

.u-pb0 {
  padding-bottom: 0 !important; }

.u-pt0 {
  padding-top: 0 !important; }

.u-ptxl {
  padding-top: 40px !important; }

.u-pbxl {
  padding-bottom: 40px !important; }

.u-pl {
  padding-left: 20px !important; }

.u-pr {
  padding-right: 20px !important; }

.u-fl {
  float: left !important; }

.u-fr {
  float: right !important; }

.u-fn {
  float: none !important; }

.u-hide {
  display: none; }
  .u-no-hide .u-hide {
    display: block; }

.u-align-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text--visible-focus:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

.u-1-1 {
  width: 100% !important; }

.u-1-2 {
  width: 50% !important; }

.u-1-3 {
  width: 33.3333333333% !important; }

.u-2-3 {
  width: 66.6666666667% !important; }

.u-1-4 {
  width: 25% !important; }

.u-2-4 {
  width: 50% !important; }

.u-3-4 {
  width: 75% !important; }

.u-1-5 {
  width: 20% !important; }

.u-2-5 {
  width: 40% !important; }

.u-3-5 {
  width: 60% !important; }

.u-4-5 {
  width: 80% !important; }