/* MQ mixins */
/* ltm and gtm are used for navigation style switches */
/* Colors actual colors defined first, then use those to define what they are used for. */
/* transitions */
header#desktop {
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 100;
  background-color: #014b84;
  background-color: rgba(1, 31, 54, 0.8);
  max-width: none; }
  header#desktop nav {
    display: inline-block;
    background-color: transparent;
    width: 69%; }
    @media (max-width: 1000px) {
      header#desktop nav {
        width: 65%; } }
    header#desktop nav .menu {
      padding: 0;
      margin: 17px 0; }
    header#desktop nav ul {
      text-align: center;
      padding-left: 0; }
    header#desktop nav li {
      border-bottom: 0;
      line-height: 1;
      display: inline-block;
      width: auto;
      padding-top: 0;
      width: 195px;
      padding: 0 2%; }
      @media (max-width: 1000px) {
        header#desktop nav li {
          width: 155px;
          padding: 0; } }
      @media (min-width: 1310px) {
        header#desktop nav li {
          width: 205px; } }
      header#desktop nav li a {
        padding: 5px 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 1;
        font-weight: 800;
        padding: 0; }
        header#desktop nav li a:hover {
          color: #00b4e8; }
        header#desktop nav li a:after {
          content: ""; }
  header#desktop .logo {
    width: 15%;
    margin-top: 5px;
    display: inline-block;
    background-color: transparent;
    padding-left: 0; }
    @media (min-width: 951px) {
      header#desktop .logo {
        margin-top: 10px; } }
  header#desktop #quicklinks {
    width: 180px;
    background: transparent;
    border-radius: 0 !important;
    position: relative;
    top: 16px;
    position: relative;
    display: inline-block; }
    @media (max-width: 1000px) {
      header#desktop #quicklinks {
        width: 160px; } }
    @media (max-width: 768px) {
      header#desktop #quicklinks {
        display: none; } }
    header#desktop #quicklinks ul {
      margin: 0;
      padding: 0; }
    header#desktop #quicklinks li {
      font-size: 18px;
      list-style-type: none;
      display: inline-block;
      position: relative;
      border: 1px solid #FFF;
      padding: 5px 10px;
      color: #FFF;
      font-weight: 600; }
      @media (max-width: 1000px) {
        header#desktop #quicklinks li {
          font-size: 16px; } }
      header#desktop #quicklinks li.current_page_parent a, header#desktop #quicklinks li.current_page_ancestor a, header#desktop #quicklinks li.current_page_item a {
        color: #6439ea; }
      header#desktop #quicklinks li a {
        color: #FFF;
        font-weight: 600; }
        @media (min-width: 767px) {
          header#desktop #quicklinks li a:hover {
            color: #6439ea;
            text-decoration: none; } }
      header#desktop #quicklinks li:hover .sub-menu {
        display: block; }
    header#desktop #quicklinks .sub-menu {
      margin: 0;
      width: 100%;
      padding: 0;
      display: none;
      background-color: #0175A8;
      position: absolute;
      top: 47px;
      left: -1px;
      z-index: 99;
      width: 175px; }
      @media (max-width: 1000px) {
        header#desktop #quicklinks .sub-menu {
          width: 160px;
          top: 43px; } }
      header#desktop #quicklinks .sub-menu li {
        display: block;
        text-align: left;
        font-size: 16px;
        padding: 0;
        margin-bottom: 0;
        border: none; }
        header#desktop #quicklinks .sub-menu li:hover a {
          background-color: #00b4e8;
          text-decoration: none; }
        header#desktop #quicklinks .sub-menu li a {
          color: #fff;
          width: 100%;
          display: block;
          padding: 15px;
          line-height: 1;
          text-transform: none; }
          header#desktop #quicklinks .sub-menu li a:after {
            content: '';
            margin-left: 0;
            display: none; }

header#handheld {
  position: relative;
  top: 34px;
  width: 100%;
  z-index: 100;
  background-color: #014b84;
  width: 100%; }
  header#handheld nav {
    display: inline-block;
    background-color: transparent;
    width: 63%;
    height: auto; }
    header#handheld nav .menu {
      padding: 0 0 0 12px; }
    header#handheld nav ul {
      padding: 0;
      text-align: left;
      padding-left: 0px; }
    header#handheld nav li {
      border-bottom: 0;
      line-height: 1;
      padding: 0 2%; }
      header#handheld nav li a {
        padding: 0;
        font-size: 20px;
        line-height: 30px;
        padding: 5px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800; }
        header#handheld nav li a:hover {
          color: #00b4e8; }
  header#handheld .logo {
    height: auto;
    margin-top: 8px;
    width: 36%;
    max-width: 118px;
    vertical-align: top;
    display: inline-block;
    background-color: transparent;
    padding-left: 0; }
    @media (max-width: 768px) {
      header#handheld .logo {
        margin-top: 25px; } }
  header#handheld #quicklinks {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #0175A8;
    height: 40px; }
    header#handheld #quicklinks select {
      margin: 0px 0px 0px 0px;
      height: 40px;
      -webkit-appearance: none;
      border: 0px solid #0175A8;
      background: #0175A8;
      color: #FFF;
      font: 20px "source-sans-pro";
      font-family: "source-sans-pro";
      font-weight: 800;
      font-size: 20px;
      text-transform: uppercase;
      text-indent: 15px;
      padding: 1px 6px;
      white-space: normal;
      border-radius: 0 !important;
      width: 100%; }

.header__inner-wrap {
  width: 83.33%;
  margin: 0 auto;
  width: 92%; }
  @media (max-width: 1000px) {
    .header__inner-wrap {
      width: 97%; } }

body {
  border-top: 0px; }
  body.home .wrapper {
    overflow-x: hidden; }

.header-bar {
  height: 5px;
  width: 100%;
  display: block;
  background-image: url("../img/top-bar.jpg");
  background-size: 100% 100%; }
  @media (min-width: 767px) {
    .header-bar {
      height: 9px; } }

/* hero-unit__home-prime */
.hero-unit__home-prime {
  width: 100vw;
  height: 55vw;
  margin: 0; }
  @media screen and (max-width: 736px) {
    .hero-unit__home-prime {
      height: auto;
      background-color: #014b84;
      position: relative;
      top: 14px;
      margin-bottom: 30px;
      width: 100%; } }
  .hero-unit__home-prime .hero-unit__top {
    position: relative; }
    .hero-unit__home-prime .hero-unit__top img {
      max-width: none;
      width: 100%;
      position: relative; }
    .hero-unit__home-prime .hero-unit__top .hero-unit__headline {
      width: 100%;
      position: absolute;
      bottom: 80px;
      background-color: #014b84;
      background-color: rgba(1, 31, 54, 0.8);
      padding: 20px 0 0 0;
      margin: 0; }
      @media (max-width: 768px) {
        .hero-unit__home-prime .hero-unit__top .hero-unit__headline {
          padding-top: 25px;
          text-align: center; } }
      @media screen and (max-width: 736px) {
        .hero-unit__home-prime .hero-unit__top .hero-unit__headline {
          position: relative;
          bottom: auto;
          padding: 20px; }
          .hero-unit__home-prime .hero-unit__top .hero-unit__headline p {
            display: none; } }
    .hero-unit__home-prime .hero-unit__top .cta-container {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto; }
      .hero-unit__home-prime .hero-unit__top .cta-container .link-list {
        float: right;
        max-width: 400px;
        width: 100%;
        margin-bottom: 20px; }
        .hero-unit__home-prime .hero-unit__top .cta-container .link-list .arrow {
          background-color: #0175A8; }
        .hero-unit__home-prime .hero-unit__top .cta-container .link-list li {
          background-color: #00b4e8; }
          .hero-unit__home-prime .hero-unit__top .cta-container .link-list li:hover {
            background-color: #0175A8; }
          .hero-unit__home-prime .hero-unit__top .cta-container .link-list li .link-content {
            float: left;
            font-size: 20px; }
            @media screen and (max-width: 736px) {
              .hero-unit__home-prime .hero-unit__top .cta-container .link-list li .link-content {
                font-size: 16px;
                padding: 10px 3px; } }
          .hero-unit__home-prime .hero-unit__top .cta-container .link-list li img {
            max-width: 23px; }
  .hero-unit__home-prime h2 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 15px auto;
    font-size: 24px;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1; }
    @media (min-width: 767px) {
      .hero-unit__home-prime h2 {
        font-size: 36px; } }
    @media (min-width: 951px) {
      .hero-unit__home-prime h2 {
        font-size: 48px; } }
  .hero-unit__home-prime p {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    color: white;
    font-size: 18px; }
    @media (min-width: 767px) {
      .hero-unit__home-prime p {
        font-size: 24px; } }

.slick-dots {
  bottom: auto;
  top: 125px;
  display: block;
  left: 0;
  width: 50px; }

.slick-dots li button:before {
  font-size: 18px;
  color: #FFF;
  font-size: 36px;
  opacity: .5;
  height: 50px; }

.slick-dots li.slick-active button:before {
  color: #FFF;
  opacity: .9; }

.slick-dots li button {
  padding: 10px 5px; }

/* section call outs are box with a colors background and white text */
.section__call-out {
  background-color: #0175A8;
  color: #fff; }

.icon {
  width: 135px;
  text-align: center;
  margin: 0 auto 15px; }

.corner-box .corner-box-plus {
  background-image: url("../img/plus-homeprime.png"); }

@media (min-width: 767px) {
  .section__row-wrap {
    margin-bottom: 50px; } }

.headline
.lt-ie9 .header {
  background-color: #2b2f62 !important;
  width: 100% !important; }

.lt-ie9 .hero-unit__top {
  min-height: 500px !important; }

body.desktop header#handheld {
  top: 0; }
  body.desktop header#handheld #quicklinks {
    display: none !important; }

/* slider__about-ykk brand messaging under the hero unit on the home prime */
.slider__home-prime.slider__simple-slider {
  border: 1px solid #0175A8;
  padding: 5%;
  position: relative; }
  @media (max-width: 599px) {
    .slider__home-prime.slider__simple-slider {
      padding: 3%; } }
  .slider__home-prime.slider__simple-slider .slider__simple-slider__control {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%; }
    @media (min-width: 767px) {
      .slider__home-prime.slider__simple-slider .slider__simple-slider__control {
        bottom: 50px; } }
    .slider__home-prime.slider__simple-slider .slider__simple-slider__control div {
      vertical-align: middle; }
    .slider__home-prime.slider__simple-slider .slider__simple-slider__control .related-control {
      display: inline-block !important;
      vertical-align: middle;
      border-radius: 12px;
      width: 10px;
      height: 10px;
      margin: 0 7px;
      background-color: #00b4e8; }
      .slider__home-prime.slider__simple-slider .slider__simple-slider__control .related-control.active {
        background-color: #0175A8; }
    .slider__home-prime.slider__simple-slider .slider__simple-slider__control .arrow img {
      height: 50px; }

.headline {
  display: none;
  font-size: 20px;
  font-weight: 600;
  color: #0175A8;
  text-align: center; }
  @media (min-width: 767px) {
    .headline {
      font-size: 36px; } }
  .headline.active {
    display: block; }