@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Firefox < 16 */
@-moz-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Internet Explorer */
@-ms-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Opera < 12.1 */
@-o-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes kenburns {
  0% {
    transform: scale(1) rotate(0deg); }
  50% {
    transform: scale(1.4) rotate(0.3deg); }
  100% {
    transform: scale(1) rotate(0deg); } }

@keyframes kenburnsMobile {
  0% {
    transform: scale(1) rotate(0deg); }
  50% {
    transform: scale(1.2) rotate(0.3deg); }
  100% {
    transform: scale(1) rotate(0deg); } }

/* Colors */
/* Fonts */
/* Global Text Styles */
/* Global container Styles */
body {
  font-family: Avenir, Open Sans, Trebuchet MS; }

.container-fluid {
  width: 100%;
  max-width: 1108px;
  padding-left: 0px;
  padding-right: 0px; }

@media screen and (max-width: 1108px) {
  .row {
    margin-right: auto;
    margin-left: auto; } }

.modal-backdrop {
  background-color: #1172A7; }

.modal-backdrop.in {
  opacity: 0.9; }

.button-img {
  padding: 0px;
  height: auto;
  width: auto;
  margin: 0px;
  border: none;
  background: none; }

.button-img img {
  margin: 0px;
  padding: 0px;
  display: block; }

.btn-match {
  background-color: #ffffff;
  font-size: 18px;
  color: #148CCC;
  padding: 15px 100px;
  display: inline-block;
  border-radius: 4px;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
  @media screen and (max-width: 487px) {
    .btn-match {
      width: 100%;
      text-align: center;
      padding: 15px 0px; } }

.btn-match-small {
  background-color: #ffffff;
  font-size: 18px;
  color: #148CCC;
  padding: 15px 40px;
  display: inline-block;
  border-radius: 4px;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
  @media screen and (max-width: 487px) {
    .btn-match-small {
      width: 100%;
      text-align: center;
      padding: 15px 0px; } }

.btn-match:hover, .btn-match-small:hover {
  text-decoration: none; }

/* Header & Footer Styles */
header {
  height: 81px;
  border-bottom: 2px solid #ffffff;
  background-color: #148CCC;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  z-index: 1051; }
  header .container-fluid {
    max-width: 1108px; }
    header .container-fluid nav.main-nav {
      display: inline-block;
      float: right; }
      header .container-fluid nav.main-nav .mobile-menu-btn {
        display: none;
        margin-top: 27px; }
        @media screen and (max-width: 990px) {
          header .container-fluid nav.main-nav .mobile-menu-btn {
            display: block; } }
      header .container-fluid nav.main-nav ul {
        list-style: none;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        float: right; }
        header .container-fluid nav.main-nav ul li {
          float: left;
          display: block; }
          header .container-fluid nav.main-nav ul li a, header .container-fluid nav.main-nav ul li a:visited {
            padding: 32px 16px;
            height: 100%;
            display: block;
            font-size: 11px;
            color: #ffffff;
            text-transform: uppercase; }
            @media screen and (max-width: 767px) {
              header .container-fluid nav.main-nav ul li a, header .container-fluid nav.main-nav ul li a:visited {
                padding: 29px 14px; } }
            @media screen and (max-width: 744px) {
              header .container-fluid nav.main-nav ul li a, header .container-fluid nav.main-nav ul li a:visited {
                padding: 29px 7px; } }
          header .container-fluid nav.main-nav ul li a:hover, header .container-fluid nav.main-nav ul li a.active {
            background-color: rgba(255, 255, 255, 0.5);
            text-decoration: none; }
        header .container-fluid nav.main-nav ul li.current-menu-item a {
          background-color: rgba(255, 255, 255, 0.5);
          text-decoration: none; }
        @media screen and (max-width: 990px) {
          header .container-fluid nav.main-nav ul {
            display: none;
            position: relative; } }
    @media screen and (max-width: 1108px) {
      header .container-fluid {
        width: 100%; } }
  header img.logo {
    margin-top: 15px;
    width: 100%;
    max-width: 250px;
    display: block;
    min-width: 127px; }
    @media screen and (max-width: 618px) {
      header img.logo {
        margin-top: 20px; } }
    @media screen and (max-width: 487px) {
      header img.logo {
        margin-top: 23px; } }
  header nav.mobile-nav {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: transform 0.3s;
    transform: translateX(100%); }
    header nav.mobile-nav .row {
      margin-left: auto;
      margin-right: auto; }
    header nav.mobile-nav .left-nav-column {
      background-color: #148CCC;
      padding-left: 0px;
      padding-right: 0px;
      text-align: center; }
      header nav.mobile-nav .left-nav-column .top-section {
        display: block;
        width: 100%;
        height: 81px;
        padding-top: 27px;
        border-bottom: 2px solid #ffffff; }
      header nav.mobile-nav .left-nav-column .bottom-section {
        display: block;
        width: 100%;
        height: 132px; }
    header nav.mobile-nav .right-nav-column {
      background: #005F92;
      /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#005F92, #0970A8);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#005F92, #0970A8);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#005F92, #0970A8);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(#005F92, #0970A8);
      /* Standard syntax */
      height: 100vh; }
      header nav.mobile-nav .right-nav-column ul {
        list-style: none;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        float: right;
        width: 100%; }
        header nav.mobile-nav .right-nav-column ul li {
          float: left;
          display: block;
          width: 100%; }
          header nav.mobile-nav .right-nav-column ul li a, header nav.mobile-nav .right-nav-column ul li a:visited {
            padding: 33px 16px;
            height: 100%;
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #ffffff; }
          header nav.mobile-nav .right-nav-column ul li a:hover {
            background-color: rgba(255, 255, 255, 0.5);
            text-decoration: none; }
          header nav.mobile-nav .right-nav-column ul li img.mobile-nav-logo {
            width: 125px;
            padding: 33px 16px;
            opacity: .42;
            filter: alpha(opacity=42); }
  header nav.mobile-nav.is-active {
    transform: translateX(0); }
  @media screen and (max-width: 767px) {
    header {
      padding-top: 5px; } }

#brands-top {
  font-size: 24px;
  font-weight: 100;
  margin: 155px auto 0px auto; }
  #brands-top h2 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 100; }
    @media screen and (max-width: 487px) {
      #brands-top h2 {
        font-size: 24px;
        margin: 0px; } }
  #brands-top p {
    margin: 0px; }
    @media screen and (max-width: 487px) {
      #brands-top p {
        line-height: 26px;
        margin-top: 20px; } }
  #brands-top hr {
    width: 96px;
    background-color: #148CCC;
    height: 4px;
    position: relative;
    left: -30px;
    margin: 23px 0px 23px 0px;
    border: none; }
    @media screen and (max-width: 1108px) {
      #brands-top hr {
        left: 0px; } }
  @media screen and (max-width: 767px) {
    #brands-top {
      margin: 149px auto 0px auto; } }
  @media screen and (max-width: 628px) {
    #brands-top {
      margin: 141px auto 0px auto; } }
  @media screen and (max-width: 487px) {
    #brands-top {
      margin-top: 105px;
      font-size: 14px;
      font-weight: 400; } }

div.brand-item {
  text-align: center;
  display: inline-block; }
  div.brand-item .brand-btn {
    width: 100%;
    max-width: 373px;
    display: block; }
  div.brand-item .brand-launcher {
    display: inline-block; }
    div.brand-item .brand-launcher .brand-btn {
      width: 100%;
      max-width: 373px;
      display: block; }
    div.brand-item .brand-launcher img {
      width: 100%;
      max-width: auto; }
  div.brand-item .brand-logo, div.brand-item .brand-description, div.brand-item .brand-link {
    display: none; }

#brands_modal {
  font-size: 14px;
  line-height: 20px;
  font-weight: 100;
  color: #ffffff; }
  #brands_modal .modal-dialog {
    width: auto;
    margin-top: 168px; }
    #brands_modal .modal-dialog .close-modal-btn {
      position: absolute;
      top: -70px;
      right: 20px;
      z-index: 1041; }
    #brands_modal .modal-dialog .modal-content {
      box-shadow: none;
      background-color: transparent;
      border: none;
      border-radius: none; }
      #brands_modal .modal-dialog .modal-content .container-fluid {
        max-width: 886px; }
        #brands_modal .modal-dialog .modal-content .container-fluid .modal-section img {
          width: 100%;
          max-width: 373px;
          margin: 0 auto;
          display: block; }
          @media screen and (max-width: 667px) {
            #brands_modal .modal-dialog .modal-content .container-fluid .modal-section img {
              margin-top: 0px; } }
        #brands_modal .modal-dialog .modal-content .container-fluid .modal-section p.bm-summary {
          margin-top: 0; }
        #brands_modal .modal-dialog .modal-content .container-fluid .modal-section div.launch-site-btn {
          margin-top: 40px; }
  @media screen and (max-width: 487px) {
    #brands_modal {
      font-size: 14px;
      line-height: 20px; } }
  #brands_modal .bm-link {
    background-color: #ffffff;
    font-size: 18px;
    color: #148CCC;
    padding: 15px 100px;
    display: inline-block;
    border-radius: 4px;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
    @media screen and (max-width: 487px) {
      #brands_modal .bm-link {
        width: 100%;
        text-align: center;
        padding: 15px 0px; } }

#leaders_main {
  margin: 155px auto 74px auto;
  position: relative; }
  @media screen and (max-width: 1108px) {
    #leaders_main {
      padding-left: 15px;
      padding-right: 15px; } }
  #leaders_main h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 48px;
    font-weight: 100; }
    @media screen and (max-width: 487px) {
      #leaders_main h2 {
        font-size: 24px; } }
  #leaders_main hr {
    width: 96px;
    background-color: #148CCC;
    height: 4px;
    position: relative;
    left: -30px;
    margin: 23px 0px 23px 0px;
    border: none; }
    @media screen and (max-width: 1108px) {
      #leaders_main hr {
        left: 0px; } }
  #leaders_main .row {
    text-align: center; }
  #leaders_main .leader-card {
    width: 349px;
    height: auto;
    border: 2px solid #ffffff;
    border-radius: 4px;
    display: inline-block;
    margin: 10px;
    padding: 0px;
    text-align: left;
    transition: all .5s ease;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
    #leaders_main .leader-card h5 {
      font-size: 18px;
      color: #148CCC;
      margin: 0px;
      padding: 0px;
      font-weight: 500; }
    #leaders_main .leader-card div {
      display: inline-block;
      float: left; }
    #leaders_main .leader-card div {
      width: 30%; }
    #leaders_main .leader-card div:first-child {
      width: 70%;
      padding: 15px;
      margin-top: 10px; }
      #leaders_main .leader-card div:first-child span {
        font-size: 14px;
        font-weight: 500;
        color: #9A9A9A;
        display: block;
        width: 100%;
        float: left; }
      @media screen and (max-width: 487px) {
        #leaders_main .leader-card div:first-child {
          padding: 0px 15px;
          margin-top: 3px; } }
    #leaders_main .leader-card div:nth-child(2) img {
      float: right;
      -webkit-filter: grayscale(100%);
      /* Chrome, Safari, Opera */
      filter: grayscale(100%); }
      @media screen and (max-width: 1108px) {
        #leaders_main .leader-card div:nth-child(2) img {
          width: 1108px;
          max-width: 96px; } }
      @media screen and (max-width: 487px) {
        #leaders_main .leader-card div:nth-child(2) img {
          width: 76%; } }
    #leaders_main .leader-card .leader-bio {
      display: none; }
    #leaders_main .leader-card .leader-portrait {
      display: none; }
    @media screen and (max-width: 1108px) {
      #leaders_main .leader-card {
        width: 30%;
        margin: 10px 5px;
        max-width: 349px; } }
    @media screen and (max-width: 990px) {
      #leaders_main .leader-card {
        width: 100%;
        margin: 10px;
        max-width: 349px; } }
    @media screen and (max-width: 487px) {
      #leaders_main .leader-card {
        margin: 10px 0px; } }
  #leaders_main .leader-card:hover {
    border-color: #148CCC;
    cursor: pointer; }
    #leaders_main .leader-card:hover div:nth-child(2) img {
      -webkit-filter: grayscale(0%);
      /* Chrome, Safari, Opera */
      filter: grayscale(0%); }
  @media screen and (max-width: 487px) {
    #leaders_main {
      margin-top: 105px; } }

#leaders_modal {
  font-size: 14px;
  line-height: 20px;
  font-weight: 100;
  color: #ffffff;
  color: #F4F5F6; }
  #leaders_modal .modal-dialog {
    width: auto;
    margin-top: 168px; }
    #leaders_modal .modal-dialog .close-modal-btn {
      position: absolute;
      top: -70px;
      right: 20px;
      z-index: 1041; }
    #leaders_modal .modal-dialog .modal-content {
      box-shadow: none;
      background-color: transparent;
      border: none;
      border-radius: none; }
      #leaders_modal .modal-dialog .modal-content .container-fluid {
        max-width: 886px; }
        #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section img {
          width: 100%;
          max-width: 373px;
          margin: 0 auto;
          display: block; }
          @media screen and (max-width: 667px) {
            #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section img {
              margin-top: 0px; } }
        #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section p.bm-summary {
          margin-top: 0; }
        #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section div.launch-site-btn {
          margin-top: 40px; }
  #leaders_modal h3 {
    font-size: 36px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 50px; }
    @media screen and (max-width: 487px) {
      #leaders_modal h3 {
        font-size: 24px; } }
  #leaders_modal h5 {
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 16px; }
  #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section img {
    margin-top: 0px;
    margin-bottom: 30px; }
    @media screen and (max-width: 487px) {
      #leaders_modal .modal-dialog .modal-content .container-fluid .modal-section img {
        margin-top: -30px; } }

#index_top {
  margin: 81px auto 0px auto;
  width: 100%;
  height: 100%;
  height: 94vh;
  min-height: 775px;
  display: block;
  position: relative;
  z-index: 0;
  background-color: #148CCC; }
  @media screen and (max-width: 1108px) {
    #index_top .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  #index_top #index_top_main {
    position: relative;
    padding-top: 82px;
    left: 0px;
    color: #ffffff;
    z-index: 9000;
    width: 100%; }
    #index_top #index_top_main .container-fluid {
      width: 100%;
      max-width: 1108px;
      margin: 0px auto; }
    #index_top #index_top_main h2 {
      font-size: 48px;
      font-weight: 100;
      margin: 0px; }
      @media screen and (max-width: 618px) {
        #index_top #index_top_main h2 {
          font-size: 36px; } }
      @media screen and (max-width: 487px) {
        #index_top #index_top_main h2 {
          font-size: 24px;
          max-width: 350px; } }
    #index_top #index_top_main h5 {
      font-size: 24px;
      font-weight: 100;
      margin: 0px; }
      @media screen and (max-width: 618px) {
        #index_top #index_top_main h5 {
          font-size: 20px; } }
      @media screen and (max-width: 487px) {
        #index_top #index_top_main h5 {
          font-size: 14px;
          line-height: 26px; } }
    #index_top #index_top_main hr {
      width: 96px;
      background-color: #148CCC;
      height: 4px;
      position: relative;
      left: -30px;
      margin: 23px 0px 23px 0px;
      border: none; }
      @media screen and (max-width: 1108px) {
        #index_top #index_top_main hr {
          left: 0px; } }
    @media screen and (max-width: 487px) {
      #index_top #index_top_main {
        top: 0px;
        padding: 30px 0px 0px; } }
    #index_top #index_top_main p:first-of-type {
      margin-top: 0; }
  #index_top #index_top_submain {
    color: #ffffff;
    font-weight: 100;
    position: relative;
    z-index: 9000; }
  #index_top #features-slide {
    height: 100%; }
    #index_top #features-slide .slide-item {
      height: 100%;
      width: 100%;
      overflow: hidden;
      display: none;
      position: relative; }
      #index_top #features-slide .slide-item:first-of-type .slide-bg {
        transform: scale(1, 1) translate(0%, 0%); }
      #index_top #features-slide .slide-item .container-fluid {
        position: absolute;
        display: block;
        z-index: 9000;
        left: 50%;
        bottom: 0px;
        margin-left: -570px; }
        #index_top #features-slide .slide-item .container-fluid aside {
          position: absolute;
          right: 0px;
          bottom: 100px;
          z-index: 2;
          font-size: 16px;
          color: #ffffff;
          height: 95px;
          display: block;
          border-left: 1px solid #ffffff;
          padding-left: 20px; }
          #index_top #features-slide .slide-item .container-fluid aside h5 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 0px; }
          #index_top #features-slide .slide-item .container-fluid aside p {
            font-weight: 400;
            margin: 0px; }
          #index_top #features-slide .slide-item .container-fluid aside .slide-load-img {
            display: none; }
          @media screen and (max-width: 618px) {
            #index_top #features-slide .slide-item .container-fluid aside {
              border-left: none;
              border-right: 1px solid #ffffff;
              right: 0px;
              padding-left: 0px;
              padding-right: 20px; } }
          @media screen and (max-width: 487px) {
            #index_top #features-slide .slide-item .container-fluid aside {
              bottom: 200px; } }
        @media screen and (max-width: 1008px) {
          #index_top #features-slide .slide-item .container-fluid {
            left: 0px;
            margin-left: -25px; } }
      #index_top #features-slide .slide-item .slide-bg {
        display: block;
        width: 102%;
        height: 102%;
        overflow: visible;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: scale(1, 1) translate(0%, 0%);
        transition: transform 12s linear;
        /*
 *                     @media screen and (max-width: 774px){
 *                                             background-position: center top;
 *                                                                     background-size: auto 100%;
 *                                                                                         }
 *                                                                                                             */ }
      #index_top #features-slide .slide-item .slide-bg.lrg-bg {
        display: block; }
        @media screen and (max-width: 487px) {
          #index_top #features-slide .slide-item .slide-bg.lrg-bg {
            display: none; } }
      #index_top #features-slide .slide-item .slide-bg.sm-bg {
        display: none; }
        @media screen and (max-width: 487px) {
          #index_top #features-slide .slide-item .slide-bg.sm-bg {
            display: block; } }
      #index_top #features-slide .slide-item.js {
        display: block;
        opacity: 0;
        transition: opacity .3s linear;
        position: absolute;
        top: 0;
        left: 0; }
      #index_top #features-slide .slide-item.active {
        opacity: 1; }
        #index_top #features-slide .slide-item.active .slide-bg {
          transform: scale(1.1, 1.1) translate(-2%, 2%); }
          @media screen and (max-width: 774px) {
            #index_top #features-slide .slide-item.active .slide-bg {
              transform: scale(1, 1) translate(-2%, -2%); } }
    #index_top #features-slide .slide-item .slide-bg {
      animation: none; }
    #index_top #features-slide .slide-item.cycle-slide-active .slide-bg {
      animation: 120s linear 0s normal none infinite running kenburns; }
      @media screen and (max-width: 487px) {
        #index_top #features-slide .slide-item.cycle-slide-active .slide-bg {
          animation: 180s linear 0s normal none infinite running kenburnsMobile; } }
  @media screen and (max-width: 767px) {
    #index_top {
      margin-top: 75px;
      height: 94vh; } }

#index_brands {
  margin: 0px auto;
  width: 100%;
  height: 100%;
  height: 94vh;
  min-height: 775px;
  display: block;
  position: relative;
  z-index: 0;
  background-image: url("../images/logo-grid.jpg");
  background-image: -webkit-linear-gradient(left top, white, rgba(255, 255, 255, 0)), url("../images/logo-grid.jpg");
  background-image: -o-linear-gradient(bottom right, white, rgba(255, 255, 255, 0)), url("../images/logo-grid.jpg");
  background-image: -moz-linear-gradient(bottom right, white, rgba(255, 255, 255, 0)), url("../images/logo-grid.jpg");
  background-image: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0)), url("../images/logo-grid.jpg");
  background-repeat: no-repeat;
  background-position: right center; }
  @media screen and (max-width: 1108px) {
    #index_brands .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  #index_brands .container-fluid .btn-match-small {
    margin-top: 7px; }
    @media screen and (max-width: 487px) {
      #index_brands .container-fluid .btn-match-small {
        width: auto;
        text-align: center;
        padding: 15px 40px; } }
  #index_brands #index_brands_title {
    background-color: none;
    padding: 0px 0px;
    margin: 82px 0px 0px; }
    #index_brands #index_brands_title h2 {
      font-size: 48px;
      font-weight: 100;
      width: 100%;
      margin: 0px; }
      @media screen and (max-width: 618px) {
        #index_brands #index_brands_title h2 {
          font-size: 36px; } }
      @media screen and (max-width: 487px) {
        #index_brands #index_brands_title h2 {
          font-size: 24px;
          font-weight: 700;
          max-width: 252px; } }
    #index_brands #index_brands_title h5 {
      font-size: 24px;
      font-weight: 100;
      margin: 0px; }
      @media screen and (max-width: 618px) {
        #index_brands #index_brands_title h5 {
          font-size: 20px; } }
      @media screen and (max-width: 487px) {
        #index_brands #index_brands_title h5 {
          font-size: 14px;
          max-width: 170px;
          line-height: 26px; } }
    @media screen and (max-width: 681px) {
      #index_brands #index_brands_title {
        padding: 30px 15px;
        margin: 0px -15px -20px; } }
  #index_brands hr {
    width: 96px;
    background-color: #148CCC;
    height: 4px;
    position: relative;
    left: -30px;
    margin: 23px 0px 23px 0px;
    border: none; }
    @media screen and (max-width: 1108px) {
      #index_brands hr {
        left: 0px; } }
  @media screen and (max-width: 487px) {
    #index_brands {
      background-size: auto 135%;
      background-position: 90% 110%; } }

#index_leaders {
  margin: 0px auto;
  color: #ffffff;
  width: 100%;
  height: 100%;
  height: 94vh;
  min-height: 525px;
  display: block;
  position: relative;
  z-index: 0;
  background-color: #005d90;
  background-image: url("../images/globe-bgnd.jpg");
  background-size: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 500px) {
    #index_leaders {
      height: 80vh; } }
  @media screen and (max-width: 1108px) {
    #index_leaders .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  #index_leaders .container-fluid .btn-match-small {
    margin-top: 7px; }
    @media screen and (max-width: 487px) {
      #index_leaders .container-fluid .btn-match-small {
        width: auto;
        text-align: center;
        padding: 15px 40px; } }
  #index_leaders h2 {
    font-size: 48px;
    font-weight: 100;
    margin: 82px 0px 0px;
    width: 100%;
    max-width: 540px; }
    @media screen and (max-width: 618px) {
      #index_leaders h2 {
        font-size: 36px; } }
    @media screen and (max-width: 487px) {
      #index_leaders h2 {
        font-size: 24px;
        margin-top: 38px;
        max-width: 227px; } }
  #index_leaders hr {
    width: 96px;
    background-color: #148CCC;
    height: 4px;
    position: relative;
    left: -30px;
    margin: 23px 0px 23px 0px;
    border: none; }
    @media screen and (max-width: 1108px) {
      #index_leaders hr {
        left: 0px; } }
  #index_leaders #btn_see_leaders .default-label {
    display: block; }
    @media screen and (max-width: 487px) {
      #index_leaders #btn_see_leaders .default-label {
        display: none; } }
  #index_leaders #btn_see_leaders .mobile-label {
    display: none; }
    @media screen and (max-width: 487px) {
      #index_leaders #btn_see_leaders .mobile-label {
        display: block; } }
  #index_leaders .love-words {
    position: absolute;
    display: block; }
    @media screen and (max-width: 920px) {
      #index_leaders .love-words {
        display: none; } }
  #index_leaders .love-words.english {
    top: 7%;
    right: 30%; }
  #index_leaders .love-words.chinese-smp {
    top: 80%;
    right: 50%; }
  #index_leaders .love-words.chinese-trd {
    top: 83%;
    right: 57%; }
  #index_leaders .love-words.dutch {
    top: 42%;
    right: 8%; }
  #index_leaders .love-words.finnish {
    top: 19%;
    right: 5%; }
  #index_leaders .love-words.french {
    top: 10%;
    right: 10%; }
  #index_leaders .love-words.german {
    top: 50%;
    right: 8%; }
  #index_leaders .love-words.norwegegian {
    top: 38%;
    right: 22%; }
  #index_leaders .love-words.portuguese {
    top: 85%;
    right: 27%; }
  #index_leaders .love-words.spanish {
    top: 82%;
    right: 5%; }
  #index_leaders .love-words.swedish {
    top: 47%;
    right: 20%; }
  #index_leaders .love-words.italian {
    top: 26%;
    right: 8%; }

/* Section Styles */
/* Misc. Styles */
.fadein {
  -webkit-animation: fadein .75s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein .75s;
  /* Firefox < 16 */
  -ms-animation: fadein .75s;
  /* Internet Explorer */
  -o-animation: fadein .75s;
  /* Opera < 12.1 */
  animation: fadein .75s; }

.fadeout {
  -webkit-animation: fadeout .75s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeout .75s;
  /* Firefox < 16 */
  -ms-animation: fadeout .75s;
  /* Internet Explorer */
  -o-animation: fadeout .75s;
  /* Opera < 12.1 */
  animation: fadeout .75s; }

.max-height {
  height: 100%; }