/******************************************************************
Theme Name: BCI
Theme URI: https://bci.ca
Description: Custom Theme developer for BCI
Author: Eclipse Creative
Author URI: https://eclipse3sixty.com
Version: 0.0.2
Tags: Foundation, WordPress, JointsWP, HoneyBadger, Sass
******************************************************************/

/* Helpers */
.show-for-no-js { display: none; }
.no-js .show-for-no-js { display: block; }

.margin-bottom { margin-bottom: 1rem; }
.padding-bottom { padding-bottom: 1rem; }

select {
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background-position: calc(100% + 1.0rem) center;
  border: 2px solid #003658;
}
select:hover {
  color: #fff;
  background-color: #003658;
  border: 2px solid #003658;
}

.button {
  padding: 12px 32px;
  border: 2px solid #003658;
  background: white;
  color: #003658;
  text-transform: uppercase;
  display: inline-block;
  min-width: 0;
  margin: 15px 0 0 0;
  font-size: 18px;
  text-decoration: none;
}

.button:hover,
.button:focus {
  border: 2px solid #003658;
  color: white;
  background: #003658;
}

.button-reverse {
  padding: 12px 32px;
  border: 2px solid #003658;
  background: #003658;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  min-width: 0;
  margin: 15px 0 0 0;
  font-size: 18px;
}

.button-reverse:hover,
.button-reverse:focus {
  background: white;
  color: #003658;
}

.button.transparent {
  background: none;
}

.button.transparent:hover,
.button.transparent:focus {
  background: #003658;
  color: white;
}

.center {
  text-align: center;
}

.line {
  height: 5px;
  width: 80px;
  background: #00abbd;
}

.v-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.overflow {
  overflow: hidden !important;
}

.alignleft {
  float: left;
  margin-right: 15px;
  border: 5px solid #e3e9ee;
}

.alignright {
  float: right;
  margin-left: 15px;
  border: 5px solid #e3e9ee;
}

.alignnone {
  /*border: 5px solid #e3e9ee;*/
}

.aligncenter {
  display: block;
  margin: 0 auto;
  /*border: 5px solid #e3e9ee;*/
}

.imgcenter {
  display: block;
  margin: 0 auto;
}

.full-width-bar .alignleft {
  margin-top: 10px;
  margin-right: 60px;
  margin-bottom: 20px;
}

.full-width-bar .alignright {
  margin-top: 10px;
  margin-left: 60px;
  margin-bottom: 20px;
}

.full-width-bar .content {
  position: relative;
}

.top {
  padding-bottom: 30px;
}

.middle {
  padding-top: 30px;
  padding-bottom: 30px;
}

.bottom {
  padding-top: 30px;
}

.nopad { padding: 0 !important; }

.bottom-border {
  border-bottom: 1px solid #4d5157;
  max-width: 1365px;
  margin: 0 auto;
}

.bottom-margin {
  margin-bottom: 60px !important;
}

.heading {
  padding: 15px 0;
}

.heading h2,
section.heading h1 {
  margin: 0 auto !important;
  font-size: 48px;
  text-align: center;
}

.thirty {
  padding-left: 30px;
  padding-right: 30px;
}

#video {
  height: 12px;
  width: 20px;
  margin-left: 10px;
}

#video .cls-1 {
  fill: white;
}

.search a #video .cls-1 {
  fill: #003658;
}

.search a:hover #video .cls-1, .search a:focus #video .cls-1 {
  fill: #00a8b9;
}

.nomargin {
  margin: 0 !important;
}

.noborder,
.noborder img {
  border: 0 !important;
}

.needs-nojs { display: none; }
.no-js .needs-nojs { display: block; }

.needs-js { display: block; }
.no-js .needs-js { display: none; }

.no-js .icons .icon-link[href^='https://vimeo.com'] {
  pointer-events: none;
}

/* Global */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #4d5157;
  line-height: 1.7;
  margin: 0;
  background: #1a3758;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  clear: both;
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 15px 0;
}

h1 {
  font-size: 48px;
}

.full-width-bar h1 {
  font-size: 32px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 26px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
}

h4 {
  font-size: 22px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 800;
}

hr {
  margin: 30px auto;
  max-width: 100%;
}
hr.blue-line {
  border-bottom: 1px solid #00a8b9;
  margin-bottom: 0;
}

p:last-of-type {
  margin: 0;
}

p:empty {
  display: none;
}

* {
  outline: none !important;
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
}

svg { overflow: hidden; }

a {
  cursor: pointer;
  color: #003658;
  transition: all 250ms;
}

a:hover,
a:focus {
  color: #00a8b9;
}

a[target="_blank"]:not(.pdf):not(.teaser):not(.link-wrap):not(.button) {
  text-decoration: underline;
}
.image-slider a[target="_blank"], .off-canvas a[target="_blank"] {
  text-decoration: none !important;
}

#external-link {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

#external-link .cls-1 {
  fill: currentColor;
}

.pdf:after {
  display: none !important;
}

.full-width-bar .pdf-thumb {
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}

.pdf-thumb #download {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.pdf-thumb #PDF {
  display: none;
}

.pdf-thumb:hover #download .cls-1 {
  fill: #00a8b9;
}

.full-width-bar .pdf-thumb img {
  margin: 0 !important;
}

small { font-size: 85%; }
small.smaller { font-size: 60%; }

/*.row,*/
.contain {
  width: 100%;
  max-width: 1365px;
  margin: 0 auto;
}

.table-wrap {
  padding: 1px;
}

table {
  text-align: center;
  border: 1px solid #ebeff2;
  width: 100%;
}

th {
  background: #003658;
  color: white;
}

td {
  border-right: 1px solid #ebeff2;
  border-bottom: 1px solid #ebeff2;
}

table tbody tr:nth-child(2n) {
  background: white;
}

table thead, table tbody, table tfoot {
  border: none;
}

#PDF, .svg-pdf {
  height: 18px;
  width: 18px;
  margin-left: 10px;
}

#PDF:not(.svg-pdf) {
  position: relative;
  top: 3px;
}

#PDF .cls-1, .svg-pdf .cls-1 {
  fill: currentColor;
}

html.no-js .search-trigger, html.no-js .search-close { display: none; }

html:not(.no-js) .search-trigger > #search {
  height: 30px;
  width: 30px;
  cursor: pointer;
  transition: all 250ms;
  margin: 0 15px -10px 0;
}

html:not(.no-js) .menu .search-trigger > #search {
  margin: 0 15px 0 0;
}

html:not(.no-js) .search-trigger .cls-1 {
  fill: #0a2c49;
}

html:not(.no-js) .search-trigger circle.cls-2 {
  fill: white;
}

html:not(.no-js) .search-trigger:hover .cls-1 {
  fill: #00a8b9;
}

mark.searchwp-highlight { background: rgba(253,183,54,.4); color: inherit; }

#slider-arrow .cls-1 {
  fill: #d8dde0;
  transition: all 250ms;
}

.slick-slider .slick-track, .slick-slider .slick-list { transform: none; }

.slick-next:hover #slider-arrow .cls-1 {
  fill: #00a8b9;
}

.slick-prev:hover #slider-arrow .cls-1 {
  fill: #00a8b9;
}

#slider-arrow .cls-2 {
  fill: white;
}

.thumbnail,
.thumbnail:hover,
.thumbnail:focus {
  box-shadow: none;
}

.career .content {
  background-color: #00365b;
  padding: 30px;
  color: white;
  min-height: 360px;
}

.career .content h2 {
  color: white;
}

.career .button {
  background: transparent;
  color: white;
  border: 2px solid white;
}

.career .button:hover {
  background: white;
  color: #003658;
}

.full-width-bar li {
  margin-bottom: 15px;
  padding-left: 10px;
}

.full-width-bar p + h3,
.full-width-bar ul + h3,
.full-width-bar ol + h3,
.full-width-bar p + h2,
.full-width-bar ul + h2,
.full-width-bar ol + h2,
.two-column-text.no-background p + h3,
.two-column-text.no-background ul + h3,
.two-column-text.no-background ol + h3,
.two-column-text.no-background p + h2,
.two-column-text.no-background ul + h2,
.two-column-text.no-background ol + h2 {
  margin-top: 40px;
}

small {
  display: inline-block;
  line-height: 1.6;
}

ul ul,
ol ul {
  list-style: circle;
}

.iss-iframe .auto-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

.iss-iframe .auto-scroll::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #00a8b9;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* Google Map */
.map-section .content {
  position: relative;
}

#map {
  width: 100%;
  height: 450px;
}

#popup {
  background: #ebeff2;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  display: inline-block;
  font-size: 16px;
  position: absolute;
  top: 60px;
  right: 70px;
  display: none;
  line-height: 1.4;
}

#popup .button {
  font-size: 14px;
  padding: 8px 16px;
  background: none;
}

#popup .button:hover,
#popup .button:focus {
  background: #0c375b;
}

.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 5px 10px;
}

#popup img {
  display: inline-block;
  width: 60px;
  margin-bottom: 10px;
}

/* Header */
.off-canvas-content > header {
  border-top: 4px solid #00a8b9;
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
  transition: all 250ms;
  position: fixed;
  z-index: 999;
  width: 100%;
  background: white;
  top: 0;
  left: 0;
}

.admin-bar .off-canvas-content > header {
  top: 32px;
}

.admin-bar .off-canvas-content > .super-header {
  top: 32px;
}

@media screen and ( max-width: 782px ) {
  .admin-bar .off-canvas-content > header {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  .scroll.admin-bar .off-canvas-content > header {
    top: 0;
  }

  .scroll.admin-bar .off-canvas-content > .super-header {
    top: 0;
  }

}

.off-canvas-content > header * {
  transition: all 250ms;
}

.top-bar {
  padding: 0;
}

.top-bar .top-bar-left {
  width: 25%;
  float: left;
}

.logo img {
  height: 60px;
}

.top-bar .top-bar-right {
  display: inline-block;
  width: 75%;
  text-align: right;
}

.top-bar,
.top-bar ul {
  background: none;
}

header .search .button {
  font-size: 14px;
  padding: 8px 16px;
}

.search > img {
  display: inline-block;
  margin-right: 30px;
  cursor: pointer;
}

html:not(.no-js) .search-wrap {
  display: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(12, 55, 91, 0.9);
}

html:not(.no-js) .search-wrap form {
  width: 100%;
  height: 100%;
  position: relative;
}

html:not(.no-js) .search-wrap form label {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

.search-wrap form label input {
  margin: 0;
  display: inline-block;
}

html.no-js .search-wrap form label input {
  vertical-align: middle;
}

html:not(.no-js) .search-wrap form label input {
  vertical-align: top;
}

html.no-js .search-wrap form label input::placeholder {
  color: #4d5157;
}

html.no-js .search-wrap form label .search-field {
  height: 34px;
  font-size: 14px;
  color: #4d5157;
  padding: 2px 8px;
}

html:not(.no-js) .search-wrap form label .search-field {
  width: calc(99% - 70px);
  max-width: 100%;
  height: 60px;
  font-size: 24px;
  color: #4d5157;
  padding: 4px 16px;
}

.search-wrap form label .search-submit {
  box-shadow: none;
  padding: 0;
  background: url(../images/search-submit.jpg) no-repeat center center #0c375b;
  background-size: 100%;
  transition: all 250ms;
  overflow: hidden;
}

html.no-js .search-wrap form label .search-submit {
  border: 2px solid #0c375b;
  width: 34px;
  height: 34px;
}

html:not(.no-js) .search-wrap form label .search-submit {
  border: 2px solid white;
  width: 60px;
  height: 60px;
}

html.no-js .search-wrap form label .search-submit:hover,
html.no-js .search-wrap form label .search-submit:focus {
  background-position: 5px center;
}

html:not(.no-js) .search-wrap form label .search-submit:hover,
html:not(.no-js) .search-wrap form label .search-submit:focus {
  background-position: 10px center;
}

html:not(.no-js) .search-wrap > span {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 1;
}

html:not(.no-js) .search-wrap i {
  color: white;
  font-size: 40px;
  cursor: pointer;
  transition: all 250ms;
}

html:not(.no-js) .search-wrap i:hover,
html:not(.no-js) .search-wrap i:focus {
  color: #4d5157;
}

.top-bar-right .menu {
  list-style: none;
  text-align: right;
  margin: 16px 0 0 0;
  padding: 0;
}

.top-bar-right .menu > li {
  float: left;
  margin-left: 5%;
}

.top-bar-right .submenu > li {
  margin-left: 5%;
}

.top-bar-right .menu:not(.submenu) a {
  border-bottom: 5px solid transparent;
}

.top-bar-right .menu:not(.submenu) > li.current_page_item > a,
.top-bar-right .menu:not(.submenu) > li.current-page-ancestor > a {
  border-bottom: 5px solid #00a8b9;
}

.top-bar-right .menu > li:first-of-type {
  margin-left: 0;
}

.top-bar-right .menu > li:last-of-type a {
  padding-right: 0;
}

.top-bar-right .menu li a {
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  color: #4d5157;
  font-weight: 600;
  line-height: 20px;
}

.top-bar-right .menu li a:hover,
.menu .active > a {
  color: #00a8b9;
  background: none;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

.menu > li > a {
  padding: 8px 0;
}

.off-canvas-content > header .top-bar-right {
  width: 75%;
}

.off-canvas-content > header .search {
  width: 20%;
  float: right;
}

.off-canvas-content > header .top-bar-right .menu {
  width: 80%;
  text-align: left;
  margin: 0;
  float: left;
}

.off-canvas-content > header #login {
  height: 30px;
  width: 30px;
}
.off-canvas-content > header .search #login {
  margin: 0 0 -10px 0;
}
.off-canvas-content > header .menu #login {
  margin-right: 15px;
}

.is-accordion-submenu-parent > a::after { display: none; }

.head .cls-1 {
  fill: #003658;
}

.head .cls-1:hover {
  fill: #00a8b9;
}

.page-parent .top-bar-right #menu-main-navigation,
.page-child .top-bar-right #menu-main-navigation {
  border-bottom: 1px solid #b1b5ba;
}

.top-bar-right .submenu {
  margin-top: 8px;
  text-align: left;
}

.top-bar-right .submenu li a {
  text-transform: none;
}

.header .top-bar-right .submenu {
  float: left;
}

.top-bar-right .submenu li.current-menu-item a {
  color: #00a8b9;
}

.off-canvas-content .search .button {
  margin: 0;
}

/* Content */
#content {
  margin-top: 92px;
}

.has-subnav #content {
  margin-top: 138px;
}

.no-js .home-banner .slick-slider .slick-list li { display: none; }
.no-js .home-banner .slick-slider .slick-list li:first-of-type { display: list-item; }

.home-banner .slick-slider { height: 520px; }

.home-banner .slick-slider .slick-list li {
  position: relative;
  height: 520px;
  overflow: hidden;
}

.banner {
  background-size: cover;
  position: relative;
  height: 520px;
  text-align: center;
}

.home-banner .slick-slider .slick-list .slide-content .columns { padding: 0px 50px 0px 50px; }

.home-banner .slick-slider .slick-list .slide-content {
  background: rgba(0, 54, 88, 0.4);
}

.home-banner .slick-slider .slick-list .slide-content a {
  padding: 0 10px;
  font-size: 22px;
  color: white;
  text-shadow: 0 0 5px black;
  text-transform: uppercase;
  font-weight: 600;
}

.home-banner .slick-slider .slick-list .slide-content a:nth-of-type(2) {
  border-left: 2px solid white;
  border-right: 2px solid white;
}

.home-banner .slick-slider .slick-list .slide-content a:hover {
  color: #00abbd;
}

.home-banner.image-slider .slick-slider .slick-prev {
  background: none;
}

.home-banner.image-slider .slick-slider .slick-next {
  background: none;
}

.home-banner.image-slider .slick-slider .slick-prev .cls-1,
.home-banner.image-slider .slick-slider .slick-next .cls-1 {
  /*fill: #80838a;*/
  fill: #FFFFFF;
  opacity: 0.8;
  transition: all 250ms;
}

.home-banner.image-slider .slick-slider .slick-prev:hover .cls-1,
.home-banner.image-slider .slick-slider .slick-next:hover .cls-1 {
  fill: #00abbd;
  opacity: 0.8;
}

#arrow-left,
#arrow-right {
  height: 50px;
}

.banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 54, 88, 0.4);
}

.home-banner h1,
.banner h2,
.banner h1 {
  margin: 0;
  font-size: 30px;
  color: white;
  text-shadow: 0 0 5px black;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
}

.banner h2,
.banner h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  width: 90%;
}

.slick-dots {
  position: absolute;
  text-align: center;
  list-style: none;
  margin: 0;
  z-index: 1;
  padding: 0;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.slick-dots li {
  display: inline-block;
  margin: 0 15px;
}

.slick-dots button {
  color: transparent;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
}

.slick-dots .slick-active button {
  background: white;
}

.slick-slider {
  margin: 0;
  list-style-type: none;
}

.image-slider .slick-slider .slick-list li {
  position: relative;
  background-size: cover !important;
}

  .image-slider .slick-slider .slick-list li img {
    width: 100%;
    height: auto; }
  .image-slider .slick-slider .slick-list li .slide-content {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    color: #fefefe; }

.image-slider.opening .slick-slider .slick-prev {
  left: -80px;
  background: none;
  transform: rotate(180deg);
}

.image-slider.opening .slick-slider .slick-next {
  right: -80px;
  background: none;
}

.image-slider.opening {
  background: #ebeff2;
  max-width: 1365px;
  margin: 0 auto;
  padding: 60px 120px;
}

.image-slider.opening .slick-slider .slick-list li {
  border-bottom: 1px solid #caced2;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.image-slider.opening .slick-slider .slick-list li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.image-slider.opening .slick-slider .slick-list .slick-slide {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.image-slider.opening .slick-slider .slick-list li img {
  width: calc(34% - 10px);
  display: inline-block;
  border: 5px solid #696f78;
  vertical-align: top;
}

.image-slider.opening .slick-slider .slick-list li .slide-content {
  position: static;
  display: inline-block;
  width: 66%;
  color: #4d5157;
  text-align: left;
  padding-left: 30px;
}


.image-slider.opening .slick-slider .slick-list li .slide-content h1 {
  line-height: 1;
  font-size: 26px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
}

.image-slider.opening .slick-slider .slick-list li .slide-content .v-center {
  position: static;
  transform: translate(0);
}

.image-slider.gallery-slider .v-bottom {
  background: rgba(0, 54, 88, 0.6);
}

.image-slider.gallery-slider .slick-slider .slick-prev {
  background: none;
  transform: rotate(180deg);
}

.image-slider.gallery-slider .slick-slider .slick-next {
  background: none;
}

.image-slider.locations {
  background: #FFF;
}

.image-slider.locations .slick-slider .slick-list li img {
  width: 100%;
  display: block;
  border: none;
  vertical-align: inherit;
}

.image-slider.locations .intro-content h2 {
  position: relative;
  overflow: hidden;
}
.image-slider.locations .intro-content h2 span {
  position: absolute;
  bottom: 0;
}

.image-slider.locations .slick-slider .slick-prev {
  left: 20px;
  width: 25px;
  height: 47px;
  background: none;
  transform: rotate(180deg);
}

.image-slider.locations .slick-slider .slick-next {
  right: 20px;
  width: 25px;
  height: 47px;
  background: none;
}

.image-slider.locations .after-content {
  font-size: 80%;
  padding-left: 30px;
  padding-right: 30px;
}

.image-slider.locations .slick-slider .slick-list li .slide-content { display: none; }

.intro {
  text-align: center;
  max-width: 1365px;
  margin: 0 auto;
  padding-top: 30px;
}

.intro .content,
.intro h2,
.intro h1 {
  max-width: 1000px;
  margin: 0 auto;
}

.intro .content {
  margin-bottom: 10px;
}

.intro .button {
  margin-top: 40px;
}

.intro h2,
.intro h1 {
  font-size: 48px;
  margin-bottom: 40px;
}

.intro-image h2,
.centre-heading h2,
.intro-image h1,
.centre-heading h1 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 30px;
}

.intro-image hr {
  margin: 0px auto;
}

.infograph img {
  border: none !important;
  margin-top: 10px;
}

.infographic {
  text-align: center;
}

.infographic h2,
.infographic h1 {
  font-size: 28px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
  background: #ebeff2;
  margin: 0;
  padding-top: 60px;
}

.infographic img {
  border: none;
}

.infographic .content {
  padding: 0 30px 60px;
  background: #ebeff2;
}

.two-column-text.infographics {
  background: none;
  text-align: center;
}

.two-column-text.infographics .two-col-heading {
  background: #ebeff2;
  padding: 30px 30px 0;
}

.two-column-text.infographics .subtitle {
  background: #ebeff2;
  padding: 0 30px;
}

.two-column-text.infographics h6 {
  font-size: 28px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
  margin: 0;
}

.two-column-text.infographics .content {
  background: #ebeff2;
  padding: 30px;
}

.two-column-text.infographics .footnote {
  background: #ebeff2;
}

.two-column-text.infographics .footnote small {
  padding: 0 30px 30px;
}

.two-column-text.infographics .content img {
  margin: 0 auto 30px;
  border: none;
  float: none;
}

.two-column-text.infographics .row:nth-of-type(2) {
  background: #0a2c49;
  padding: 15px 0;
  text-align: center;
  margin-top: 30px;
}

.two-column-text.infographics .row:nth-of-type(2) .button {
  border: 1px solid white;
  color: white;
  background: #0a2c49;
  margin: 0;
}

.two-column-text.infographics .vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.two-column-text.no-background {
  background: none !important;
}

.two-column-text.no-background .row:nth-of-type(2) {
  text-align: center;
}

.two-column-text.no-background .columns:first-of-type {
  padding-right: 30px;
}

.two-column-text.no-background .columns:first-of-type {
  padding-left: 30px;
}

.icons .icon {
  background: #0c375b;
  text-align: center;
  color: white;
  cursor: pointer;
}

.icons .columns {
  padding: 0;
}

.icons .column:first-of-type {
  padding-left: 0;
}

.icons .column:last-of-type {
  padding-right: 0;
}

.icons h2 {
  margin-bottom: 50px;
  text-align: center;
}

.icons h6 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
  padding: 30px 30px 0;
  margin: 0;
  transition: all 250ms;
}

.icons .icon-link:hover h6, .icons .icon-link:focus h6 {
  color: #00a8b9;
}

.icons .icon-link:hover .button, .icons .icon-link:focus .button {
  background: white !important;
  color: #0c375b !important;
}

.icons .icon-link:hover .button #video .cls-1, .icons .icon-link:focus .button #video .cls-1 {
  fill: #003658;
}

.icons .icon-content {
  padding: 30px 60px;
}

.icons .icon-image img {
  width: 100%;
}

.icons .button {
  margin-bottom: 30px;
  background: none !important;
  color: white;
  border-color: white;
}

.icons.second {
  padding-top: 0;
}

.icons .button-reverse {
  margin-top: 30px;
}

.icons .button:hover,
.icons .button:focus,
.icon-link .button:hover,
.icon-link .button:focus,
.icon-link:hover,
.icon-link:focus {
  background: white !important;
  color: #0c375b !important;
}
.icon-link .button:hover #video .cls-1,
.icon-link .button:focus #video .cls-1 {
  fill: #003658;
}

.icons.awards .icon,
.icons.benefits .icon,
.icons.values .icon {
  background: none;
  color: #4d5157;
  cursor: default;
}

.icons.awards .icon-image img {
  width: 260px;
  height: auto;
  margin: auto;
}

.icons.benefits .icon-image img,
.icons.values .icon-image img {
  width: 80px;
  height: 80px;
  margin: auto;
}

.icons.awards .icon,
.icons.benefits .icon {
  text-align: left;
  overflow: hidden;
  margin-bottom: 30px;
}


.icons.awards .icon .icon-image,
.icons.benefits .icon .icon-image {
  float: left;
  margin-right: 15px;
  margin-bottom: 40px;
}

.icons.awards .icon-image img, .icons.benefits .icon-image img { margin: 0; }
.icons.awards .icon .icon-label, .icons.benefits .icon .icon-label { display: inline-block; }
.icons.awards .icon .icon-label h6,
.icons.benefits .icon .icon-label h6 {
  text-transform: none;
  font-weight: normal;
}
.icons.awards .icon .icon-label h6,
.icons.benefits .icon .icon-label h6,
.icons.awards .icon .icon-content,
.icons.benefits .icon .icon-content {
  height: auto !important;
  padding: 0;
}
.icons.awards .column:nth-of-type(3n+1),
.icons.benefits .column:nth-of-type(3n+1) {
  padding-left: 0;
}

.icons.awards .icon .icon-content small { font-size: 60%; }

.icons.values .icon .icon-label h6 { font-size: 20px !important; padding: 15px 15px 0 !important; }
.icons.values .icon .icon-content { padding: 15px 30px !important; }


.three-column-text .content,
.three-column-text h6 {
  padding: 30px;
  text-align: center;
}

.three-column-text .columns {
  border: 2px solid #00365b;
  padding: 5px;
  width: 32%;
  margin-right: 2%;
}

.three-column-text .columns:last-of-type {
  margin: 0;
}

.three-column-text h6 {
  color: white;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
}

.three-column-text .columns:first-of-type h6 {
  background: #00abbc;
}

.three-column-text .columns:nth-of-type(2) h6 {
  background: #00365b;
}

.three-column-text .columns:nth-of-type(3) h6 {
  background: #3f7f9b;
}

.three-column-text .files > a {
  display: block;
  text-decoration: none;
  text-align: left;
  padding: 10px 0 10px 30px;
  border-bottom: 1px solid #caced2;
  font-weight: 600;
}

.three-column-text .files > a:before {
  float: right;
  width: 24px;
  height: 32px;
}

.three-column-text .files > a:hover {
  background: #e8ebf0;
}

.three-column-text a:last-of-type {
  border: none;
}

.top-icons {
  padding-bottom: 15px;
}

.bottom-icons {
  padding-top: 15px;
}

.bios {
  text-align: center;
}

.bios .content p:first-of-type {
  margin-bottom: 30px;
}

.bios hr {
  margin-top: 0;
  margin-bottom: 60px;
}

.bios.chief-executive .column {
  float: none;
  margin: 0;
}

.bios .bio {
  padding: 0 50px;
  margin-bottom: 30px;
}

.bios .bio > a,
.bios .bio img {
  display: block;
  width: 100%;
}

.bios .bio img {
  border: 5px solid #e3e9ee;
}

.bios .bio h1 {
  margin: 0;
}

.bios .bio h4 {
  margin: 30px 0 5px;
  transition: all 250ms;
}

.bios .bio h4.bio-position {
  margin-top: 0;
}

.bios .bio:hover .name a {
  color: #00abbc;
}

.bios.chair .column {
  margin: 0 auto;
  float: none;
}

.bios h1 {
  font-size: 48px;
}

.bios .bio .position {
  line-height: 1.4;
}

.bios .bio .position > div {
  margin-bottom: 10px;
}

.bios .bio.column {
  margin-bottom: 60px;
}

.chief-executive.bios .bio {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.bios h1.bio-name {
  margin-bottom: 30px;
}

.single-bio h1.bio-name {
  text-align: center;
}

.grid > .row > .columns {
  padding: 0;
}

.bios .bio-header {
  text-align: center;
}

.article-footer {
  background: none;
}

.grid-item {
  background: white;
  margin-bottom: 30px;
}
html:not(.no-js) .grid-item {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.grid-item .content {
  padding: 30px;
  background: #e5ebf0;
  border: 2px solid #00abbc;
}
html:not(.no-js) .grid-item .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: none;
}

.grid-item ul {
  padding: 30px 10px;
  margin: 0;
  font-size: 18px;
}
html:not(.no-js) .grid-item ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.grid-item ul li {
  margin-bottom: 10px;
  padding-right: 15px;
}

html:not(.no-js) .grid-item ul ul ul {
    top: 30px;
    left: 20px;
    width: calc(100% - 20px);
}

.grid-item .partner-logo {
  background: white;
  border: 2px solid #00365b;
  padding: 30px;
  min-height: 200px;
}
html:not(.no-js) .grid-item .partner-logo {
  width: 100%;
  height: 100%;
  position: relative;
}

html:not(.no-js) .grid-item .partner-logo-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 70%;
  max-height: 40%;
}

.grid-item #info,
.grid-item #close {
  display: none;
}
html:not(.no-js) .grid-item #info,
html:not(.no-js) .grid-item #close {
  position: absolute;
  display: inline;
}

html:not(.no-js) .grid-item #info {
  bottom: 15px;
  right: 15px;
  height: 30px;
  width: 30px;
}

html:not(.no-js) .grid-item #close {
  bottom: 18px;
  right: 18px;
  height: 24px;
  width: 24px;
}

html:not(.no-js) .grid-item #info .cls-1 {
  fill: #e5ebf0;
  transition: all 250ms;
}

html:not(.no-js) .grid-item #close .cls-1 {
  fill: #0a2c49;
  transition: all 250ms;
}

html:not(.no-js) #content .grid .grid-item:hover .cls-1 {
  fill: #00abbc;
}

.flipper .row .row {
  margin: 0 !important;
}

.content .flip-back,
.content .flip-front #info,
.content .flip-back #close {
  display: none;
}
html:not(.no-js) .content .flip-front #info,
html:not(.no-js) .content .flip-back #close {
  position: relative;
  display: inline;
  cursor: pointer;
}

html:not(.no-js) .content .flip-front #info {
  height: 30px;
  width: 30px;
}

html:not(.no-js) .content .flip-back #close {
  height: 24px;
  width: 24px;
}

html:not(.no-js) .content .flip-front #info .cls-1 {
  fill: #e5ebf0;
  transition: all 250ms;
}

html:not(.no-js) .content .flip-back #close .cls-1 {
  fill: #0a2c49;
  transition: all 250ms;
}

html:not(.no-js) .content .flip-front #info .cls-1,
html:not(.no-js) .content .flip-back #close .cls-1 {
  fill: #00abbc;
}



/* Media page specifics */
.media .row .columns .content { max-width: 100%; background-color: #eceff2; margin-bottom: -30px; }
.media-outer-div { padding: 30px; }
.media-headline { color: #4d5157; font-weight: bold; font-size: 24px; }
.media-row { max-width: 650px !important; margin: 30px auto 0px auto !important; }
.media-info { float: left; margin-bottom: 20px; }
.media-info img { margin: 2px 15px 0px 0px; height: 30px; width: auto; }

.all-current-openings .columns .content { min-height: 380px; }

.iss-iframe .auto-scroll {
	overflow-x:auto;
}

.icons-cta {
  overflow: auto;
  background: #e6e6e6;
  text-align: center;
  padding: 120px 0 60px;
}

.icons-cta .icon {
  width: 32%;
  margin-right: 2%;
  float: left;
  background: white;
  padding: 30px;
}

.icons-cta .icon:last-of-type {
  margin: 0;
}

.icons-cta .icon .icon-img {
  border: 2px solid #0c375b;
  border-radius: 50%;
  display: inline-block;
  background: url(images/icon-sample.png) no-repeat center center white;
  width: 120px;
  height: 120px;
  margin-top: -90px;
}

.icons-cta h6 {
  color: #0c375b;
  text-transform: uppercase;
  font-size: 24px;
}

.accordion > .row > .columns h2, .document-library h2, .media-releases h2 {
  font-size: 24px;
  margin: 0;
}

.accordion .columns {
  width: 100%;
  padding: 0;
}

.accordion-item {
  margin-bottom: 30px;
}

.accordion-title {
  background: #e5ebf0;
  text-transform: uppercase;
  border-bottom: 3px solid #697078;
  padding: 30px 100px 30px 30px;
  font-size: 28px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
  cursor: pointer;
}

.accordion-title:hover,
.accordion-title:focus {
  background: #e5ebf0;
}

.accordion-content { border: none; }

.no-js .accordion-title { pointer-events: none; }
.no-js .accordion-content { display: block; }
.no-js .accordion-title::before { display: none; }

.document-library, .media-releases {
  margin: 0;
  list-style: none;
}

.document-library, .media-releases {
  margin: 0;
  list-style: none;
}

.document-library li,
.media-releases li {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #caced2;
  margin: 0;
}
.document-library li:hover, .media-releases li:hover {
  background: #e8ebf0;
}

.document-library h2 > a, .media-releases h2 > a {
  display: block;
}

.document-library a, .media-releases a {
  text-decoration: none;
  text-align: left;
  padding: 0;
}
.document-library li br,
.media-releases li br {
  display: none;
}

.document-library .date, .media-releases .date, .submission .date, .search-results .date {
  color: #4d5157;
  font-weight: normal;
  display: block;
  font-size: 80%;
  margin: 0;
}

.document-library .topics, .media-releases .topics {
  font-size: 80%;
}

.submission { border-top: 1px solid #caced2; padding: 10px 0; }
.submission h2 { font-size: 24px; margin: 0; }
.submission .topics { font-size: 80%; }

#submissions-filter .actions .button { margin: 0; padding: 12px 16px; }
#submissions-filter select, .yearfilter-mobile select {
  height: 45px;
  border: 2px solid #003658;
  color: #003658;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%280, 54, 88%29"></polygon></svg>');
  margin: 0;
}
#submissions-filter select:hover, .yearfilter-mobile select:hover {
  color: #FFF;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28255, 255, 255%29"></polygon></svg>');
}
#submissions-filter label.prefix,
.yearfilter-mobile label.prefix,
#search-filter label.prefix {
  height: 45px;
  color: #003658;
  line-height: 45px;
  font-size: 1rem;
  padding: 0 10px;
  text-transform: uppercase;
  text-align: right;
}
#submissions-filter .daterange-modal label.prefix {
  height: 45px;
  border: 2px solid #003658;
  color: #003658;
  line-height: 45px;
  font-size: 0.8rem;
  padding: 0;
  text-transform: uppercase;
  text-align: center;
}

#search-filter .button { margin: 0; }


.yearfilter {
  text-align: right;
  border-bottom: 1px solid #caced2;
}

.yearfilter .yearlink.active {
  color: #00a8b9;
}

.filters label { cursor: pointer; }

.daterange {
  color: #003658;
  font-size: 18px;
}

.daterange i { font-size: 30px; line-height: 25px; vertical-align: sub; }
.daterange i:before { line-height: 0; }

.daterange .daterange-legend {
  width: 100%;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  height: 45px;
  border: 2px solid #003658;
  background: white;
  line-height: 1;
  text-transform: none;
  display: block;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -o-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.daterange .daterange-legend:hover, .daterange .daterange-legend:focus {
  color: #fff;
  background: #003658;
  border: 2px solid #003658;
}

.daterange svg.calendar { height: 25px; width: 25px; }

.daterange .daterange-legend:hover svg.calendar .st1, .daterange .daterange-legend:focus svg.calendar .st1 { fill: #FFF; }

.daterange .daterange-currentrange {
  font-weight: 600;
  line-height: 25px;
  vertical-align: top;
}

.daterange .daterange-modal {
  display: none;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;;
  border: 2px solid #003658;
  background: white;
}

.no-js .daterange .daterange-legend { display: none; }
.no-js .daterange .daterange-modal {
  display: block;
  box-shadow: none;
  border: none;
  padding: 0;
}
.no-js .daterange svg { display: none; }
.no-js .daterange .daterange-actions { display: none; }


.full-width-bar .columns {
  padding: 0;
}

.full-width-bar .button {
  margin-top: 30px;
}

.banner.page-title {
  padding: 30px 0;
  height: auto;
}

.banner.page-title h2,
.banner.page-title h1 {
  margin: 0;
  font-size: 50px;
  position: static;
  transform: translate(0);
  width: 100%;
  text-shadow: none;
  color: #4d5157;
  font-weight: 400;
}

.banner.page-title:after {
  display: none;
}

#search-filter, #submissions-filter {
  border-top: 2px solid #00a8b9;
  border-bottom: 2px solid #00a8b9;
  padding: 20px 0;
  margin-bottom: 20px;
}

.search .view-switcher {
	text-align: center;
}

.no-js .search .view-switcher > span {
  cursor: pointer;
  display: inline-block;
  height: 2.5rem;
  border: 2px solid #003658;
  color: #003658;
  line-height: 2.5rem;
  font-size: 0.8rem;
  padding: 0 10px;
  text-transform: uppercase;
}

.search .switch {
	display: inline-block;
	vertical-align: top;
}

.search .switch.large .switch-paddle {
  width: 10rem;
}
input:checked ~ .switch-paddle::after {
  left: 7.5rem !important;
}

input ~ .switch-paddle,
input:checked ~ .switch-paddle {
  background: #00a8b9;
}

.search #post-not-found .article-header h2 { text-align: center; }

.search .type-page .date { display: none; }
.search .datebased .type-page .date { display: block; }

.search .page-navigation, .tax-topic .page-navigation {
  border-top: 1px solid #caced2;
  padding-top: 20px;
}

#search-filter select {
  height: 45px;
  border: 2px solid #003658;
  color: #003658;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%280, 54, 88%29"></polygon></svg>');
  margin: 0;
}
#search-filter select:hover {
  color: #FFF;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28255, 255, 255%29"></polygon></svg>');
}

#search-filter input[type="search"], #search-filter input[type="submit"] {
  height: 45px;
  border: 2px solid #003658;
  color: #003658;
}

#search-filter input[type="submit"] {
  box-shadow: none;
  padding: 0;
  background: url(../images/search-submit.jpg) no-repeat center center #0c375b;
  background-size: 100%;
  transition: all 250ms;
  overflow: hidden;
  width: 100%;
}


.search .archive-title {
  margin: 0;
  padding: 10px 0 30px;
}

.search article {
  border-top: 1px solid #e6e6e6;
  padding: 15px 0;
}

.search .breadcrumbs, .submission .breadcrumbs {
  padding: 0;
  text-align: left;
}

.search .entry-content h2 {
  font-size: 24px;
  margin: 0;
}

.search .entry-content p.excerpt {
  font-size: 16px;
}

.search_result_list_item_breadcrumbs { font-size: 16px; }

.pagination .current {
	background: #00abbd;
	color: #FFFFFF;
}

.two-column-text,
.greybg {
  background: #ebeff2;
}
.greybg .button {
  background: none;
}

.whitebg { background: #FFF; }

.two-column-text h6 {
  font-size: 26px;
  text-transform: uppercase;
  color: #00365b;
  font-weight: 600;
}

.two-column-text .row .columns:first-of-type {
  padding-left: 0;
}

.two-column-text .row .columns:last-of-type {
  padding-right: 0;
}

.two-column-text > .row:nth-of-type(2) {
  padding-top: 30px;
}

.two-column-text.text-only > .row {
  padding-bottom: 30px;
  border-bottom: 1px solid #4d5157;
  margin-bottom: 30px;
}

.two-column-text.text-only .row:nth-of-type(2) .columns:first-of-type {
  padding-right: 60px;
}

.two-column-text.text-only .row:nth-of-type(2) .columns:last-of-type {
  padding-left: 60px;
}

.file-blocks {
  background: none;
}

.file-blocks p {
  color: #4d5157 !important;
}

.file-blocks h6 {
  text-align: center;
  color: white;
  font-size: 28px;
  background: #0a2c49;
  text-transform: uppercase;
  padding: 30px;
  font-weight: 600;
  margin: 0;
}

.two-col-heading {
  background: #0a2c49;
}

.two-column-text.text-only .two-col-heading {
  background: none;
}

.file-blocks .content {
  background: #ebeff2;
  padding: 30px;
  min-height: 280px;
}

.file-blocks .content p:first-of-type {
  margin: 0;
}

.file-blocks .button {
  margin-right: 10px;
  background: none;
  font-weight: 600;
}

.file-blocks .button:hover {
  background: #00365b;
  color: white;
}

.file-blocks .button-wrap {
  text-align: center;
  margin-top: 30px;
  clear: both;
}

.file-blocks .thumb-wrap {
  position: relative;
  float: left;
  margin: 0 15px 15px 0;
}

.file-blocks .thumb-wrap img {
  margin: 0;
  width: 100%;
}

.file-blocks .thumb-wrap #download {
  display: none;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.file-blocks .link-wrap .thumb-wrap #download {
  display: block;
}

.file-blocks .link-wrap:hover .thumb-wrap #download .cls-1 {
  fill: #00a8b9;
}

.file-blocks .link-wrap h6 {
  transition: all 250ms;
}

.file-blocks .link-wrap:hover h6 {
  color: #00a8b9;
}

.file-blocks .thumb-wrap #download .cls-1 {
  transition: all 250ms;
}

.file-blocks #PDF {
  display: none;
}

.file-blocks .button #PDF {
  display: inline-block;
}

.media-slider {
  text-align: center;
}

.media-slider .row .row {
  margin: 0;
}

.media-slider h2,
.fact-sheets h2 {
  margin-bottom: 30px;
}

.media-slider .slide-content {
  padding: 15px 30px;
  color: #4d5157;
}

.media-slider .slick-active .slide-content {
  border-left: 2px solid #ebeff2;
}
.media-slider .slick-active.slick-current .slide-content {
  border-left: none;
}


.media-slider .slick-slider.slick-initialized .slick-list .slide-content {
  padding: 30px;
}


.media-slider .slick-slider {
  padding: 0 100px;
}

.media-slider .button {
  margin-top: 30px;
}

.media-slider .slick-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -48px;
  z-index: 99;
  left: 0;
  transform: rotate(180deg);
}

.media-slider .slick-next {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -48px;
  z-index: 99;
  right: 0;
}

.media-slider li h3 {
  transition: all 250ms;
}

.media-slider li:hover h3 {
  color: #00abbc;
}

.fact-sheets #PDF {
  display: none;
}

.fact-sheets .row {
  background: #e5ebf0;
  padding: 30px;
}

.fact-sheets .columns {
  padding: 0 30px;
}

.fact-sheets .columns:hover h3 {
  color: #00abbc;
}

.fact-sheets .columns:hover #download .cls-1 {
  fill: #00abbc;
}

.fact-sheets h2,
.fact-sheets h3 {
  text-align: center;
  transition: all 250ms;
}

.fact-sheets .content {
  color: #4d5157;
}

.fact-sheets .content .image-wrap {
  float: left;
  margin: 0 15px 15px 0;
  position: relative;
  max-width: 33%;
  transition: all 250ms;
}

.fact-sheets #download {
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  height: 30px;
  width: 30px;
}

#download .cls-1 {
  fill: #003658;
  transition: all 250ms;
}

#download .cls-2 {
  fill: white;
  transition: all 250ms;
}

.teaser-section {
  background: url(../images/teaser-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 130px 60px 80px;
}

.teaser {
  text-align: center;
  background: white;
  padding: 30px;
  display: block;
}

.teaser .content-wrap {
  overflow: auto;
}

.teaser .image-wrap {
  margin: -80px auto 15px;
  border: 3px solid #0a2c49;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  padding: 60px;
  background-size: 60% !important;
  transition: all 250ms;
}

.teaser .teaser-excerpt {
  color: #4d5157;
  font-size: 16px;
}

.teaser-excerpt .thumb-wrap {
  position: relative;
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
  max-width: 120px;
}

.teaser-excerpt .thumb-wrap .teaser-thumbnail {
  min-height: 125px;
}

.teaser-excerpt .thumb-wrap .alignleft {
  margin: 0;
}

.teaser-excerpt .thumb-wrap #download {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.teaser #PDF {
  display: none;
}

.teaser-title {
  transition: all 250ms;
}

.teaser-section .columns:hover .image-wrap {
  border-color: #00a8b9;
}

.teaser-section .columns:hover .teaser-title {
  color: #00a8b9;
}

.teaser-section .columns .cls-1 {
  transition: all 250ms;
}

.teaser-section .columns:hover #download .cls-1 {
  fill: #00a8b9;
}

.list span {
  background: #0a2c49;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  color: white;
  float: left;
  margin-right: 15px;
  font-weight: 600;
}

.list h4 {
  display: inline-block;
  font-size: 20px;
}

.list ul,
.list ol {
  margin: 0 0 30px 64px;
}

.pension-plans .content p {
  overflow: hidden;
}

.principles {
  padding-bottom: 60px;
}

.principles .columns {
  height: 100%;
  position: relative;
}

.principles .numeral {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding: 18px 30px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  border-radius: 50%;
  background: #0a2c49;
  color: white;
}

.principles .columns {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  height: 100%;
}

.principles .row:nth-of-type(odd) .left-hr,
.principles .row:nth-of-type(even) .right-hr {
  display: none;
  position: relative;
}

.principles .row:nth-of-type(odd) .right-hr {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 34%;
  height: 74px;
  border-right: 1px solid #0a2c49;
}

.principles .row:nth-of-type(odd) .right-hr hr {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
  border-color: #0a2c49;
}

.principles .row:nth-of-type(even) .left-hr {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 34%;
  height: 74px;
  border-left: 1px solid #0a2c49;
}

.principles .row:nth-of-type(even) .left-hr hr {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
  border-color: #0a2c49;
}

.assets thead {
  background: #00365b;
  width: 100%;
}

.assets .blue {
  background: #00365b;
}

.assets tbody,
.assets tbody tr,
.assets thead tr {
  width: 100%;
  display: block;
}

.assets thead th,
.assets thead td {
  width: 100%;
  color: white;
  text-align: center;
  display: block;
  border: none;
}

.assets thead th {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 0;
}

.assets thead td {
  font-size: 20px;
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 16px;
}

.assets tbody {
  margin-top: 14px;
}

.assets tbody th,
.assets tbody td {
  text-transform: uppercase;
  width: 32%;
  display: inline-block;
  text-align: center;
  border: none;
  font-size: 17px;
}

.assets tbody tr {
  border-bottom: 1px solid #b6bcc2;
  transition: all 250ms;
}

.assets tbody tr:not(.blue):not(.static):not(.net):hover {
  background: #e5ebf0;
  cursor: pointer;
}
.assets tbody tr:not(.blue):not(.static):not(.net):hover a {
  color: #00a8b9;
}

.assets tbody tr.static {
  border-bottom: none;
}

.assets tbody tr *:first-of-type {
  text-align: left;
}

.assets tbody tr *:last-of-type {
  text-align: center;
}

.assets tbody tr td:first-of-type {
  padding-left: 30px;
}

.assets tbody tr td:first-of-type a {
  text-align: left;
}

.assets a {
  font-weight: 700;
  display: block;
}

.assets .net {
  background: #697078;
}

.assets .net:hover {
  background: #697078 !important;
}

.assets .net td {
  color: white;
  font-weight: 700;
}

.assets .for-small { display: none; }

.investment-profile {
  padding: 30px 0;
}

.investment-profile .columns {
  border: 2px solid #0a2c49;
}

.investment-profile .columns:first-of-type {
  margin-right: 30px;
  width: calc(66.66667% - 30px);
}

.investment-profile .heading {
  padding: 30px;
  border-bottom: 2px solid #0a2c49;
}

.investment-profile .heading img {
  border: none;
}

.investment-profile .heading-2 p:first-of-type {
  display: inline-block;
  max-width: 20%;
  margin-right: 15px;
}

.investment-profile .heading-2 h3 {
  display: inline-block;
  max-width: 70%;
  margin: 15px 0 0 0;
  vertical-align: top;
}

.investment-profile .content {
  padding: 30px 30px 100px;
  position: relative;
}

.investment-profile .content .button {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 80%;
}

.investment-profile .columns:last-of-type .content {
  text-align: center;
}

.investment-profile .columns:last-of-type .content img {
  border: none;
  float: none;
  position: absolute;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  margin: 0;
}

.investment-profile.noborder .columns:first-of-type {
  border: none;
  padding-left: 0;
}

.investment-profile.noborder .columns:first-of-type .heading {
  height: auto !important;
  border: none;
  padding: 0;
}

.investment-profile.noborder .columns:first-of-type .content {
  padding: 0 30px 0 0;
}

.fifty-fifty-profiles .columns:first-of-type { width: calc(50% - 30px); }
.fifty-fifty-profiles .column:last-child:not(:first-child), .fifty-fifty-profiles .columns:last-child:not(:first-child) { width: calc(50% - 30px); }
.fifty-fifty-profiles h3 { display: inline-block; max-width: 70%; margin: 15px 0 0 20px; vertical-align: top; }

.content-sidebar {
  padding-bottom: 30px;
}

.content-sidebar .columns:first-of-type {
  padding-left: 0;
}

.content-sidebar .columns:last-of-type {
  padding-right: 0;
  margin-top: 10px;
}

.content-sidebar .box-heading {
  color: white;
  background: #00365b;
  padding: 30px;
  margin: 0;
  text-align: center;
  transition: all 250ms;
}

.content-sidebar a.box-link:hover .box-heading {
  color: #00a8b9;
}

.content-sidebar h2,
.content-sidebar h1 {
  text-align: center;
  font-size: 48px;
}

.content-sidebar .content h2,
.content-sidebar .content h1 {
  text-align: left;
  font-size: 32px;
}

.content-sidebar .box-content {
  color: #4d5157;
  background: #e5ebf0;
  padding: 30px;
  overflow: auto;
  font-size: 16px;
}

.content-sidebar #PDF {
  display: none;
}

.content-sidebar .box-img {
  max-width: 160px;
  margin: 0 15px 10px 0;
  float: left;
  position: relative;
}

.box-img #download {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  height: 30px;
  width: 30px;
}

.box-img #download .cls-1 {
  fill: #00365b;
  transition: all 250ms;
}

.content-sidebar .button-reverse {
  padding: 8px 16px;
  font-size: 14px;
  float: right;
}

.content-sidebar .box-link:hover #download .cls-1 {
  fill: #00abbc;
}

.sitemap,
.sitemap ul,
.sitemap li {
  margin: 0;
}

.sitemap li {
  list-style: none;
  margin: 0;
}

.sitemap > li {
  vertical-align: top;
  float: left;
  width: 20%;
  padding: 0 30px;
  margin-bottom: 15px;
}

.sitemap > li > a {
  text-transform: uppercase;
  font-weight: 600;
}

.sitemap .vertical .vertical a {
  font-size: 16px;
}

.sitemap .vertical .vertical .vertical a {
  font-size: 14px;
}

.sitemap > li > .vertical > li > a {
  font-weight: 600;
  font-size: 17px;
}

.accordion-title:before {
  content: 'VIEW [+]';
}

.is-active > .accordion-title:before {
  content: 'CLOSE [-]';
}

.cta {
  padding: 15px;
  text-align: center;
}

.cta .row {
  display: block;
}

.cta .columns {
  padding: 15px 0;
  transition: all 250ms;
  cursor: pointer;
  background-color: #00365b;
}
.cta.nobg .columns {
  background-color: transparent;
}

.cta .button {
  color: white;
  border-color: white;
  background: transparent;
  margin: 0;
  max-width: 80%;
}
.cta.nobg .button {
  border: 2px solid #003658;
  background: white;
  color: #003658;
}

.cta a:after {
  display: none;
}

.cta:hover .columns {
  background-color: #00abbc;
}
.cta.nobg:hover .columns {
  background-color: transparent;
}

.cta:hover .button {
  color: white;
  border-color: white;
  background: transparent;
}
.cta.nobg:hover .button {
  border: 2px solid #003658;
  color: white;
  background: #003658;
}

.cta > .pdf > #PDF {
  display: none;
}

.error404 .search-trigger,
body.search .search-trigger {
  margin: 0;
}

.not-found p {
  font-size: 24px;
}
.not-found .entry-content a {
  font-weight: 600;
}

.breadcrumbs,
#breadcrumbs {
  text-align: center;
  padding: 25px 15px 0;
  margin: 0;
}

.breadcrumbs span,
.breadcrumbs a:hover,
#breadcrumbs span,
#breadcrumbs a:hover {
  color: #00a8b9;
}

.breadcrumb {
  display: inline-block;
  margin-right: 5px;
}

.breadcrumbs a,
.breadcrumbs a:focus,
#breadcrumbs a,
#breadcrumbs a:focus {
  color: #4d5157;
}

.breadcrumbs .breadcrumb:last-of-type,
#breadcrumbs .breadcrumb:last-of-type {
  font-weight: bold;
}

.breadcrumbs * {
  font-size: 16px;
}

.single-guide #inner-content {
  padding-top: 30px;
}

.single-guide #main {
  padding-right: 60px;
}

.single-guide .byline {
  display: none;
}

.single-guide .legend {
  margin-top: 15px;
}

.single-guide .legend ul {
  margin-left: 0;
}

.single-guide .legend li {
  list-style: none;
  font-size: 16px;
}

.single-guide .legend strong {
  color: #00365b;
}

.content-infographic-heading {
    padding: 30px 0px 0px 0px;
}

.content-infographic {
    padding: 30px 0px 0px;
}
.content-infographic.padding-bottom { padding-bottom: 1rem; }


.content-infographic,
.content-infographic .columns .two-col-heading {
  background: none;
}

.content-infographic .columns {
  text-align: center;
}

.content-infographic .columns:first-of-type {
  padding-right: 6%;
}

.content-infographic .row .medium-6 {
    width: 64%;
}

.content-infographic .row .medium-6:last-of-type {
    width: 36%;
}

/* Forms */

.gform_wrapper, .consent-wrapper {
  margin: 0 !important;
  background: #ebeff2;
  padding-bottom: 30px;
}
.consent-wrapper { margin-top: 20px !important; }

.gform_wrapper .gform_body,
.gform_footer {
  width: 770px !important;
  max-width: 90% !important;
  margin: 0 auto !important;
}
.consent-wrapper .consent-content,
.consent-wrapper .consent-footer {
  padding: 20px 30px;
}

.gform_footer .button,
.consent-footer .button {
  background: none;
  font-size: 18px !important;
  min-width: 200px;
}

.gform_footer .button:hover,
.gform_footer .button:focus,
.consent-footer .button:hover,
.consent-footer .button:focus {
  background: #0c375b;
}

.gform_title, .consent-title {
  text-align: center;
  background: #0c375b !important;
  padding: 15px 0;
  color: white;
  text-transform: uppercase;
  margin: 0 !important;
  font-size: 30px !important;
}

.gform_wrapper .top_label .gfield_label {
  text-transform: uppercase;
  color: #697078;
  font-size: 22px;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper select,
.gform_wrapper option,
.gform_wrapper textarea {
  padding: 0px 12px !important;
  color: #697078 !important;
  font-weight: 600 !important;
}

.gform_wrapper .chosen-container {
  width: 100% !important;
}

.gform_wrapper .chosen-container-single .chosen-single, .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
  height: 40px !important;
  border-radius: 0 !important;
  background: #FFF !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
  color: #697078 !important;
  font-weight: 600 !important;
}
.gform_wrapper .chosen-container-single .chosen-single div {
  top: 8px !important;
}

.gform_wrapper .gfield_required {
  color: #697078;
}

input {
    border-radius: 0 !important;
}

input {
    -webkit-appearance: none !important;
}

/* Footer */
footer {
  background: #0a2c49;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer a {
  color: white;
  text-decoration: none;
}

footer .line {
  margin-bottom: 15px;
}

.footer {
  margin: 0;
}

#inner-footer .column:first-of-type {
  padding-left: 0;
}

#inner-footer #PDF {
  display: none;
}

.footer-top {
  background: #0c375b;
  padding: 30px 10px;
  overflow: auto;
}

.footer-top .column {
  width: 25%;
  float: left;
}

.footer-top .menu li {
  display: block;
}

.footer-top a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2 !important;
}

.footer-top .menu > li:first-of-type > a  {
  font-size: 20px;
  text-transform: uppercase;
}

.footer-top .menu > li:first-of-type a:after {
  content: '';
  display: block;
  height: 5px;
  width: 80px;
  background: #00abbd;
  margin: 20px 0 10px;
}

.footer-bottom {
  padding: 30px 10px;
  text-align: center;
  overflow: auto;
}

.footer-bottom li {
  display: inline-block;
}

.footer-bottom .menu > li > a {
  text-transform: uppercase;
  display: inline-block;
  padding: 0px 16px;
  border-right: 1px solid white;
  font-size: 16px;
  font-weight: 600;
}

.footer-bottom li:last-of-type a {
  border: none;
}

#inner-footer .submenu {
  margin-left: 15px;
  clear: both;
}

#inner-footer .submenu a {
  font-weight: 400;
}

#inner-footer .menu-item-has-children > span {
  color: white;
  cursor: pointer;
  margin-left: 5px;
}

#inner-footer .menu-item-has-children > span:hover {
  color: #00abbd;
}

html:not(.no-js) #inner-footer .menu-item-has-children > a {
  float: left;
}

#inner-footer .menu-item-has-children > a:hover:after {
  color: #00abbd;
}

p.copyright {
  text-align: center;
  padding: 0 0 30px;
  margin: 0 auto;
}

#menu-footer-bottom {
  display: inline-block;
}

.linkedin {
  display: inline-block;
  width: 32px;
  vertical-align: middle;
  margin-left: 15px;
  transition: all 500ms;
}

.linkedin:hover,
.linkedin:focus {
  opacity: 0.7;
}
/* MOBILE */
.top-bar-right .menu.off-canvas-toggle {
  margin: 0;
}

.top-bar .top-bar-right .menu-btn {
  line-height: 1.1
}

.off-canvas-open.off-canvas-wrapper, .off-canvas-open .off-canvas-wrapper-inner, .off-canvas-open .off-canvas {
  height: 100%;
}
#off-canvas {
  background: #1a3758;
  top: 0;
}

#off-canvas.position-right {
  right: -100%;
  width: 100%;
}

.is-open-right {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.is-open-right #content {
  display: none;
}

.off-canvas-close {
  text-align: right;
  padding: 15px;
  display: block;
  cursor: pointer;
  transition: all 250ms;
}

.off-canvas-close #close {
  width: 30px;
  vertical-align: middle;
}

.off-canvas-close #close .cls-1 {
  fill: white;
  transition: all 250ms;
}

.off-canvas-close #close:hover .cls-1 {
  fill: #00a8b9;
}

.off-canvas-logo {
  display: block;
  padding: 0 15px;
}

#BCI-logo {
  width: 120px;
}

#BCI-logo .cls-1 {
  fill: white;
}

#BCI-logo .cls-2 {
  fill: #00a8b9;
}

#off-canvas .menu {
  list-style: none;
  margin-top: 15px;
}

#off-canvas .menu li {
  list-style: none;
  display: block;
  padding: 0 15px;
  overflow: hidden;
}

#off-canvas .menu li a {
  color: white;
  font-size: 24px;
  display: inline-block;
}

#off-canvas > .menu > li > a {
  font-weight: 700;
}

#off-canvas > .menu > li {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

#off-canvas .menu > li > a {
  text-transform: uppercase;
}

#off-canvas .menu li a:hover,
#off-canvas .expand:hover,
#off-canvas .contract:hover {
  color: #00a8b9;
}

#off-canvas .expand,
#off-canvas .contract {
  font-size: 26px;
  float: right;
  cursor: pointer;
  color: white;
  font-weight: 700;
  transition: all 250ms;
}

#off-canvas .contract {
  display: none;
}

#off-canvas .menu .sub-menu {
  display: none;
  margin: 2px 0 5px 45px;
}

#off-canvas .menu .sub-menu li a {
  font-weight: 600;
  font-size: 22px;
}

#off-canvas .search-wrap {
  display: block;
  height: auto;
  position: static;
  width: auto;
  padding: 30px 15px;
}

#off-canvas .search-wrap form label {
  position: static;
  width: 100%;
  transform: translate(0);
}

#off-canvas .search-wrap form label .search-field {
  max-width: 210px;
}

#off-canvas .button {
  border: 2px solid white;
  background: transparent;
  font-size: 18px;
  color: white;
  font-weight: 700;
  width: 274px;
}

#off-canvas .button:hover {
  background: white;
  color: #1a3758;
}

.small-bottom-padding { padding: 20px 0px 20px 0px !important; }

@media only screen and (max-width: 1439px) {

  .top-bar-right .menu li a {
    font-size: 13px;
  }

  .top-bar-right .submenu {
    text-align: right;
  }

  .top-bar {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1380px) {

  .padded-section {
    padding-left: 15px;
    padding-right: 15px;
  }

}

@media only screen and (max-width: 1280px) {

  .home-banner h1, .banner h2, .banner h1 { font-size: 25px; }
  .home-banner .slide-content a { font-size: 18px; }

  .grid-item .info,
  .grid-item .close {
    bottom: 10px;
    right: 10px;
    width: 30px;
  }

  .bios .bio {
    padding: 0 15px;
  }

  .grid-item ul li {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .two-column-text.text-only .row:nth-of-type(2) .columns:first-of-type {
    padding-right: 30px;
  }

  .two-column-text.text-only .row:nth-of-type(2) .columns:last-of-type {
    padding-left: 30px;
  }

  .two-column-text.infographics .columns {
    width: 100%;
    padding: 0;
  }

  .two-column-text.infographics .columns:first-of-type {
    margin-bottom: 30px;
  }

  .two-column-text.infographics .two-col-heading,
  .two-column-text.infographics .subtitle,
  .two-column-text.infographics .content,
  .two-column-text.infographics .footnote {
    height: auto !important;
  }

  .two-column-text .columns .content {
    height: auto !important;
  }

  .two-column-text.infographics .content .vertical {
    position: static;
    transform: translate(0);
  }

  .top-bar .top-bar-left {
    width: 20%;
  }

  .off-canvas-content > header .top-bar-right {
    width: 80%;
  }

  .off-canvas-content > header .top-bar-right .menu {
    width: 75%;
  }

  .off-canvas-content > header .search {
    width: 25%;
  }

}

@media only screen and (max-width: 1024px) {

  .top-bar-right.show-for-medium,
  .teaser-excerpt .thumb-wrap,
  .image-slider.opening .slick-slider .slick-list li img {
    display: none;
  }

  .top-bar-right.hide-for-medium {
    display: block !important;
  }

  .media-slider .slick-slider {
    padding: 0;
  }

  .home-banner .slick-slider {
      height: 420px;
  }

  .home-banner .slick-slider .slick-list li {
    height: 420px;
  }

  .banner {
    height: 300px;
  }

  .file-blocks h6 {
    font-size: 24px;
  }

  .button {
    font-size: 16px;
  }

  .content-sidebar .columns:first-of-type {
    width: 100%;
    float: none;
  }

  .content-sidebar .columns:nth-of-type(2) {
    float: none;
    padding: 0;
    margin-top: 30px;
    width: 100%;
  }

  .image-slider.opening .slick-slider .slick-list li .slide-content {
    width: 100%;
    padding-left: 0;
  }

  .image-slider.opening .slick-slider .slick-list li .slide-content h1 {
    font-size: 32px;
  }

  .intro h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .content-infographic .row .medium-6, .content-infographic .row .medium-6:last-of-type {
    width: 100%;
    padding: 0 0 30px;
  }

  .content-infographic .columns .content {
    height: auto !important;
  }

  .off-canvas-content > header .top-bar-right .menu {
    float: right;
    text-align: right;
  }

  .logo img {
    height: 40px;
  }

  #content {
    margin-top: 78px !important;
  }

  .off-canvas-content > header {
    padding: 15px 0;
  }

  .fact-sheets .content .image-wrap {
    float: none;
    margin: auto;
    margin-bottom: 20px;
  }
  .fact-sheets .content .image-wrap img {
    float: none;
    margin: auto;
  }
  .fact-sheets .content p { text-align: center; }
  .fact-sheets .columns {
    border-bottom: 1px solid #4d5157;
  }

  .mobile-margin-bottom { margin-bottom: 1rem; }

  .flipper .column, .flipper .columns {
    padding: 0 !important;
  }

  .locations .v-center,
  .flipper .v-center {
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .locations .v-center { padding-top: 30px; }

  .locations .columns, .flipper .columns { height: auto; }

  .icons.awards .icon .icon-image, .icons.benefits .icon .icon-image { margin-bottom: 20px; }
}

@media only screen and (max-width: 1023px) {

  .selector,
  .principles .right-hr,
  .principles .left-hr,
  .principles .show-for-large-up {
    display: none;
  }

  .padded-section {
    padding: 30px 15px;
  }

  .icons .column {
    padding: 0;
    width: 100%;
  }

  .icons .column {
    margin-bottom: 30px;
  }

  .icons .icon {
    height: auto !important;
  }

  .teaser-section .columns {
    width: 100%;
    margin-bottom: 100px;
  }

  .teaser-section .columns:last-of-type {
    margin-bottom: 0;
  }

  .teaser-excerpt .thumb-wrap {
    display: block;
  }

  .teaser .content-wrap {
    height: auto !important;
  }

  .file-blocks .columns {
    padding: 0;
    width: 100%;
  }

  .file-blocks .columns:first-of-type {
    margin-bottom: 30px;
  }

  .principles .row {
    height: auto !important;
    margin-bottom: 30px;
  }

  .principles .row:last-of-type {
    margin-bottom: 0;
  }

  .principles .numeral {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0);
    padding: 30px;
    display: block;
    width: 100px;
  }

  .principles .columns p {
    transform: translate(0);
  }

  .fact-sheets .columns {
    padding: 15px 0;
    width: 100%;
  }

  .media-slider .slide-content {
    border: none;
  }

  .teaser-section {
    padding: 110px 0 80px !important;
  }

  .investment-profile .columns {
    width: 100% !important;
    margin: 0;
    padding: 0 15px;
  }

  .investment-profile .columns:first-of-type {
    margin-bottom: 15px;
  }

  #submissions-filter .actions .button { padding: 12px 32px; }

  .sitemap > li {
    width: 50%;
  }

  .three-column-text .columns {
    width: 100%;
    margin-bottom: 30px;
  }

  .principles {
    padding-bottom: 30px;
  }

  .principles .columns {
    position: static;
    transform: translate(0);
  }

}

@media only screen and (max-width: 767px) {

  body {
    font-size: 16px;
  }

  h2,
  .intro h2,
  .two-column-text h2,
  .two-column-text h6,
  h1,
  .full-width-bar h1,
  .intro-image h2,
  .centre-heading h2,
  .intro-image h1,
  .centre-heading h1 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  .button {
    padding: 6px 18px;
    font-size: 14px;
    border: 1px solid #003658;
  }

  .search .button, #submissions-filter .button {
    border: 2px solid #003658;
    font-size: 16px;
  }

  .button:hover,
  .button:focus {
    border: 1px solid white;
  }

  .search .button:hover, .search .button:focus, #submissions-filter .button:hover, #submissions-filter .button:focus {
    border: 1px solid white;
  }

  html:not(.no-js) .search-wrap form label {
    width: 80%;
  }

  .intro {
    border-bottom: none;
  }

  .padded-section {
    padding: 15px;
  }

  .top-bar .top-bar-left {
    width: 40%;
  }

  .top-bar .top-bar-right {
    width: 60%;
  }

  .home-banner .slick-slider {
    height: 360px;
  }

  .home-banner .slick-slider .slick-list li {
    height: 360px;
  }
  .home-banner h1, .banner h2, .banner h1 { font-size: 20px; }
  .home-banner .slide-content a { font-size: 14px; }

  .slick-dots {
    bottom: -8px;
  }

  .slick-dots li {
    margin: 0px 5px;
  }

  .slick-dots button {
    width: 6px;
    height: 6px;
  }

  .icons h6 {
    font-size: 16px;
  }

  .icons .icon-content {
    padding: 15px;
  }

  .media-slider .slick-next,
  .media-slider .slick-prev {
    width: 30px;
    height: 30px;
  }

  .media-slider .row .row {
    margin: 0;
  }

  .media-slider h2 {
    margin-bottom: 0;
  }

  .footer-top .column {
    width: 100%;
    padding: 0;
  }

  .footer-top .menu > li:first-of-type a::after {
    display: none;
  }

  .footer-menu {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #2cb1c1;
  }

  html:not(.no-js) #inner-footer .menu-item-has-children > a {
    float: none;
  }

  .footer-bottom .menu > li > a {
    border: none;
  }

  .footer-bottom li {
    display: block;
  }

  .banner {
    height: 200px;
  }

  .two-column-text > .row:nth-of-type(2) {
    padding-top: 0;
  }

  .two-column-text .columns {
    padding: 15px 0;
  }

  .two-column-text .columns .content {
    height: auto !important;
  }

  .two-column-text h2,
  .two-column-text h3 {
    margin: 0;
  }

  .two-column-text.text-only h2 {
    margin-bottom: 15px;
  }

  .file-blocks h6 {
    height: auto !important;
  }

  .teaser-section .content-wrap,
  .teaser-section .teaser-title {
    height: auto !important;
  }

  .teaser-excerpt img {
    width: 100%;
  }

  .assets tbody th { width: 100%; display: block; text-align:center !important; }

  .assets tbody td { display: block; width: 100%; text-align:center !important; padding: 0; }
  .assets tbody td a { text-align:center !important; }

  .assets .for-large { display: none; }
  .assets .for-small { display: inline-block; }

  .principles .columns {
    width: 100%;
    text-align: center;
  }

  .principles .numeral {
    position: static;
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 15px;
    margin: 10px 0;
  }

  .accordion-title {
    padding: 15px 100px 15px 15px;
  }

  .pension-plans .content img {
    max-width: 100px;
    display: block;
    float: none;
  }

  .assets tbody tr td {
    padding-left: 0 !important;
  }

  .content-sidebar .box-img {
    max-width: 150px;
    width: 100%;
    margin: 0 auto 15px auto;
    display: block;
    float: none;
  }

  .content-sidebar .box-img img {
    width: 100%;
  }

  .content-sidebar .button-reverse {
    float: none;
    margin: 0 auto 15px auto;
  }

  .image-slider.opening {
    padding: 30px;
  }

  .image-slider.opening .slick-slider .slick-prev {
    left: -20px;
  }

  .image-slider.opening .slick-slider .slick-next {
    right: -20px;
  }

  .accordion .accordion-title {
    font-size: 10px;
  }

  .bios .row .row {
    margin: 0;
  }

  #PDF {
    height: 14px;
    width: 14px;
  }

  .sitemap > li {
    width: 100%;
  }

  .off-canvas-content > header .top-bar-right {
    width: 60%;
  }

  .off-canvas-content > header .top-bar-right .menu {
    text-align: right;
  }

  .bios .bio {
    padding: 0;
  }

  .bio-name {
    font-size: 32px;
  }

  .bio-header .bio-position {
    font-size: 18px;
  }

  .bio .entry-content {
    margin: 0 auto;
  }

  .bio-thumbnail {
    margin-bottom: 15px;
  }

  .grid.row {
    margin: 0;
  }

  .infographic h2,
  .infographics h2,
  .infographic h1,
  .infographics h1 {
    padding-top: 15px;
    font-size: 20px;
  }

  .two-column-text.infographics h6 {
    height: auto !important;
    font-size: 20px;
  }

  .infographic .content,
  .infographics .content {
    padding: 15px;
  }

  .two-column-text.infographics .row:nth-of-type(2) {
    margin-top: 15px;
  }

  .investment-profile .content,
  .investment-profile .heading {
    height: auto !important;
  }

  .investment-profile .heading {
    padding: 15px;
  }

  .investment-profile .heading h3 {
    margin: 0;
  }

  .accordion-title:before {
    margin-top: -0.3rem;
  }

  .image-slider.opening .slick-slider .slick-list li .slide-content h1 {
    font-size: 24px;
  }

  .file-blocks .thumb-wrap {
    float: none;
  }

  .footer-top .menu > li:first-of-type > a {
    display: inline-block;
  }

  .mobile-toggle {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    color: white;
    transition: all 250ms;
    vertical-align: middle;
    margin-top: -8px;
  }

  .mobile-toggle:hover {
    color: #2cb1c1;
  }

  .alignleft,
  .alignright,
  .alignnone,
  .aligncenter {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto 10px auto !important;
  }

  .locations h2 img { width: auto; float: left; margin: 0 15px 0 0 !important; }

  .file-blocks .thumb-wrap,
  .file-blocks .thumb-wrap img,
  .full-width-bar .pdf-thumb,
  .teaser-excerpt .thumb-wrap,
  .fact-sheets .content .image-wrap {
    float: none;
    width: 100%;
    max-width: 150px;
    display: block;
    margin: 0 auto 10px auto !important;
  }

  .fact-sheets {
    text-align: center;
  }

  .fact-sheets h2 {
    margin: 0;
  }

  .fact-sheets .content {
    position: relative;
  }

  .full-width-bar .alignleft,
  .full-width-bar .alignright,
  .full-width-bar .alignnone,
  .full-width-bar .aligncenter {
    max-width: 100%;
    max-height: 150px;
    width: auto;
  }

  .investment-profile .columns:last-of-type .content img {
    position: static;
    transform: translate(0);
    margin: 0 auto !important;
  }

  .heading-2 img {
    display: none;
  }

  .two-column-text.infographics .vertical {
    position: static;
    transform: translate(0);
  }

  .two-column-text.infographics .content .vertical img {
    max-width: 100%;
    margin: 0 !important;
  }

  .cta .row {
    margin-bottom: 0;
  }

  .linkedin {
    display: block;
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
  }

  .linkedin img {
    width: 32px;
    margin: 0 auto;
  }

}

@media only screen and (max-width: 640px) {

  .gform_wrapper .chosen-container-single .chosen-single {
    line-height: 2.2 !important;
    padding: 0 12px !important;
  }
  .gform_wrapper .chosen-container-single .chosen-single div {
    top: 0px !important;
  }

  .two-column-text.text-only .row:nth-of-type(2) .columns:first-of-type {
    padding-right: 0px;
  }

  .two-column-text.text-only .row:nth-of-type(2) .columns:last-of-type {
    padding-left: 0px;
  }

  .two-column-text.no-background .columns:first-of-type {
    padding-right: 0;
  }

  .content-infographic .columns:first-of-type {
    padding-right: 0;
  }

  .three-column-text .content,
  .three-column-text h6,
  .two-col-heading,
  .three-column-text .columns {
    height: auto !important;
  }

  .noborder, .noborder img { margin: 0 auto; }
  .full-width-bar.middle.flipper .large-6 { height: auto !important; }
}

@media only screen and (max-width: 420px) {

  html:not(.no-js) .search-wrap form label {
    width: 90%;
  }

  .home-banner .slick-slider { height: 280px; }
  .home-banner .slick-slider .slick-list li {
    height: 280px;
  }

  .home-banner h1,
  .banner h2,
  .banner h1 { font-size: 15px; }

  .home-banner .slide-content a { font-size: 12px; }

  #arrow-left,
  #arrow-right { height: 30px; }

  .home-banner h1 {
    margin-bottom: 0;
  }

  .content-sidebar h2,
  .content-sidebar h1 {
    font-size: 32px;
  }

  .list ul,
  .list ol {
    margin: 0 0 15px 30px;
  }
}

@media only screen and (max-width: 360px) {
  html:not(.no-js) .menu .search-trigger > #search {
    margin: 0 5px 0 0;
  }
  .off-canvas-content > header .menu #login {
    margin-right: 5px;
  }
}