@charset "UTF-8";
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=50a9fe67-7316-499f-b48b-9ba54c8b8a8c");
@font-face {
  font-family: 'proximanova-regular';
  src: url(../fonts/proximanova-regular.otf);
  font-weight: normal;
}

@font-face {
  font-family: 'proximanova-bold';
  src: url(../fonts/FontsFree-Net-Proxima-Nova-Bold.otf);
  font-weight: bold;
}

/* -----------------------------------
 * Slidebars
 * Version 0.10.2
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

/* ----------
 * 002 - Site
 */

/* ---------------
 * 003 - Slidebars
 */
 
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */
  -webkit-transform: translate(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */ }

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }
  #home .header.headroom--not-top,
  .header.headroom--not-top {
    border: 0 !important; }
@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%; }
  .sb-width-thin {
    width: 55%; }
  .sb-width-wide {
    width: 85%; } }

@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%; }
  .sb-width-thin {
    width: 40%; }
  .sb-width-wide {
    width: 70%; } }

@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%; }
  .sb-width-thin {
    width: 25%; }
  .sb-width-wide {
    width: 55%; } }

@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%; }
  .sb-width-thin {
    width: 15%; }
  .sb-width-wide {
    width: 45%; } }

@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%; }
  .sb-width-thin {
    width: 5%; }
  .sb-width-wide {
    width: 35%; } }

/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* --------------------
 * 005 - Helper Classes
 */


pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

/* border box everything */
*, input[type="checkbox"], input[type="radio"], input[type="text"], input[type="search"] {
  box-sizing: border-box; }

*:before, *:after {
  box-sizing: border-box; }

/* ios input reset */
input[type="submit"], input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="number"], textarea, button {
  -webkit-appearance: none !important; }

/* ie fixes */
.lt-ie8 img {
  -ms-interpolation-mode: bicubic; }

.lt-ie9 a {
  cursor: pointer !important; }

html {
  font-size: 112.5%; }
  @media (min-width: 992px) {
    html {
      font-size: 118.75%; } }
  @media (min-width: 1400px) {
    html {
      font-size: 125%; } }
  @media (min-width: 1900px) {
    html {
      font-size: 131.25%; } }


/* Custom Select */
select.custom-select {
  position: relative;
  z-index: 20;
  width: 100% !important; }

.customSelect {
  /* This is the default class that is used */
  /* Put whatever custom styles you want here */
  margin-top: 0.278rem;
  border: 2px solid #eeeeee;
  background-color: #eeeeee;
  padding-left: 0.556rem;
  padding-right: 0.556rem;
  font-size: 18px;
  transition: all 0.3s;
  outline: none;
  border-radius: 4px 4px 4px 4px;
  height: 46px;
  width: 100% !important;
  line-height: 42px;
  position: relative;
  z-index: 10;
  overflow: hidden; }

.customSelectInner {
  width: 100% !important; }
  .customSelectInner:after {
    content: "";
    display: block;
    position: absolute;
    right: 0.556rem;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #444444; }

.customSelect.customSelectHover {
  /* Styles for when the select box is hovered */
  background-color: #e1e1e1;
  border: 2px solid #e1e1e1; }


.header__nav {
  display: none;
  width: auto;
  position: absolute;
  top: 0;
  z-index: 1;
  right: 3.056rem;
  margin-right: 2.222rem;
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transform: translatez(0);
  transform: translatez(0); }
  @media (min-width: 1200px) {
    .header__nav {
      display: block; } }
  .st-active .header__nav {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden; }
  .header__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: auto;
    float: left; }
    .header__nav ul li {
      margin: 0;
      padding: 0;
      display: inline-block;
      width: auto;
      float: left;
      position: relative; }
      .header__nav ul li:hover .dropdown {
        display: block;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        /*visibility: visible;
				opacity: 1;*/ }
        .lt-ie9 .header__nav ul li:hover .dropdown {
          display: block; }
      .header__nav ul li.right-side {
        position: static; }
      .header__nav ul li.active a.top-level {
        color: #9d2222; }
      .headroom--not-top .header__nav ul li.active a.top-level {
        color: #9d2222; }
      .header__nav ul li a.top-level {
        text-decoration: none;
        color: #444444;
        display: inline-block;
        float:left;
        font-family: 'proximanova-bold';
        padding-top: 50px;
        min-height: 115px;
        padding-left: 0.667rem;
        padding-right: 0.667rem;
        font-size: 12px;
        text-transform: uppercase;
        /*background: url(about:blank);*/
        transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
        #home .header__nav ul li a.top-level, .headroom--not-top .header__nav ul li a.top-level {
          color: #ffffff; }
        @media (min-width: 1200px) {
          .header__nav ul li a.top-level {
            font-size: 15px;
            padding-top: 49px;
            padding-left: 1rem;
            padding-right: 1rem; } }
        @media (min-width: 1400px) {
          .header__nav ul li a.top-level {
            padding-left: 1.555rem;
            padding-right: 1.555rem; } }
        .headroom--not-top .header__nav ul li a.top-level {
          padding-top: 22px;
          min-height: 62px; }
      .header__nav ul li a.top-level:hover, .header__nav ul li:hover a.top-level, .headroom--not-top .header__nav ul li:hover a.top-level {
        color: #9d2222;
        position: relative; }
      .headroom--not-top .header__nav ul li:hover a.top-level {
        color: #9d2222;
        /* Pointer */ }
        .headroom--not-top .header__nav ul li:hover a.top-level:after {
          display: none; }
      .header__nav ul li #home a.top-level:hover, #home .header__nav ul li:hover a.top-level {
        color: #cccccc; }

#home.distracted-driving .header__nav {
  right: 0;
  margin-right: 1.25rem; }

.dropdown {
  position: absolute;
  top: 115px;
  left: 0;
  background-color: #222222;
  background-color: rgba(34, 34, 34, 0.95);
  width: 280px;
  transition: all 0.2s;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  overflow: visible;
  /* Pointer */ }
  #home .dropdown {
    background-color: rgba(10, 10, 10, 0.95); }
  .lt-ie9 .dropdown {
    display: none; }
  .headroom--not-top .dropdown {
    top: 62px; }
  .header__nav ul li:last-child .dropdown, .header__nav ul li:nth-last-child(1) .dropdown {
    left: auto;
    right: 0; }
    .header__nav ul li:last-child .dropdown ul li:first-child > a:after, .header__nav ul li:nth-last-child(1) .dropdown ul li:first-child > a:after {
      left: auto;
      right: 2.5rem; }
  .dropdown ul li {
    width: 100%; }
  .dropdown ul li:first-child > a:after {
    content: "";
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 6px 12px;
    border-color: transparent transparent rgba(34, 34, 34, 0.95) transparent;
    position: absolute;
    top: -6px;
    left: 2.5rem;
    display: block;
    transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    #home .dropdown ul li:first-child > a:after {
      border-color: transparent transparent rgba(10, 10, 10, 0.95) transparent; }
  .dropdown ul li:first-child > a {
    border-top: 1px solid transparent; }
    .dropdown ul li:first-child > a:hover:after, #home .dropdown ul li:first-child > a:hover:after {
      border-color: transparent transparent #9d2222 transparent; }
  .dropdown a {
    display: block;
    width: 100%;
    float: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    text-transform: none;
    padding-top: 0.556rem;
    padding-bottom: 0.556rem;
    padding-left: 1.389rem;
    padding-right: 1.389rem;
    border-top: 1px solid #444444;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    background: none;
    transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    .dropdown a:hover, .dropdown a:focus {
      background-color: #9d2222; }
  .dropdown.open {
    visibility: visible;
    opacity: 1; }

/* No scroll on body ---------------------- */
html.sb-active, html.sb-active body {
  overflow: hidden; }

/* Flyout toggle ---------------------- */
.header__toggle {
  font-size: 12px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: -22px;
  padding: 20px;
  width: 35px;
  height: 20px;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 4%;
  display: block;
  /* Toggle Active ---------------------- */ }
  @media (min-width: 1200px) {
    .header__toggle {
      display: none; } }
  .header__toggle span,
  .header__toggle span:before,
  .header__toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 35px;
    background: #222222;
    position: absolute;
    left: 0;
    display: block;
    content: ''; }
    .headroom--not-top .header__toggle span, .headroom--not-top
    .header__toggle span:before, .headroom--not-top
    .header__toggle span:after {
      background: #ffffff; }
  .header__toggle:hover span,
  .header__toggle:hover span:before,
  .header__toggle:hover span:after {
    background: #9d2222; }
  .header__toggle span:before {
    top: -8px; }
  .header__toggle span:after {
    bottom: -8px; }
  .header__toggle span,
  .header__toggle span:before,
  .header__toggle span:after {
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  .sb-active-right .header__toggle span {
    background-color: transparent; }
  .sb-active-right .header__toggle span:before,
  .sb-active-right .header__toggle span:after {
    top: 0; }
  .sb-active-right .header__toggle span:before {
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0); }
  .sb-active-right .header__toggle span:after {
    -webkit-transform: translateY(-10px) rotate(-45deg) translateZ(0);
    transform: translateY(-10px) rotate(-45deg) translateZ(0);
    top: 10px; }

/* Animation overrides ---------------------- */
#sb-site, .sb-site-container, .sb-slide, .sb-slidebar {
  transition: -webkit-transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/* Slidebar ---------------------- */
  #sb-site {
    background-color: #fbfbfb;
    /*box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.2);*/
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    min-height: auto!important;

}

.sb-slidebar {
  font-size: 15px;
/*  font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif;*/
  font-weight: normal;
  background-color: #222222;
  color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
  max-height: none;
  position: fixed;
}
  @media (max-width: 479px) {
    .sb-slidebar {
      width: 80%; } }
  .sb-slidebar a {
    font-weight: normal;
    text-decoration: none;
    /*&:hover {
            color: $red;
        }*/ }

/* Sub menu ---------------------- */
.sb-menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-style: normal; }
  .sb-menu li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .sb-menu li.flyout-search {
      position: relative;
      border-bottom: 0; }
      .sb-menu li.flyout-search input[type="text"] {
        width: 100%;
        height: 61px;
        border: 0;
        margin-top: 0;
        padding-left: 20px;
        background-color: rgba(255, 255, 255, 0.08);
        color: #ffffff; }
        .sb-menu li.flyout-search input[type="text"]:focus {
          border: 0;
          outline: 0;
          box-shadow: none; }
      .sb-menu li.flyout-search button[type="submit"] {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        height: 100%;
        width: 3.056rem;
        border: 0;
        background-color: transparent;
        color: #ffffff;
        padding: 0; }
        .sb-menu li.flyout-search button[type="submit"] i {
          position: relative;
          width: 100%;
          height: 100%;
          display: block;
          font-size: 20px; }
          .sb-menu li.flyout-search button[type="submit"] i:before {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -10px;
            margin-top: -10px;
            margin-bottom: 0;
            margin-right: 0;
            display: block; }
    .sb-menu li span.text {
      width: 100%;
      display: inline-block;
      padding: 21px 20px 18px 20px;
      color: #999;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .sb-menu li a {
      width: 100%;
      display: inline-block;
      padding: 21px 20px 18px 20px;
      color: #fff;
      border-right: 6px solid transparent;
      font-weight:700;
      /* Caret */ }
      .sb-menu li a:hover {
        text-decoration: none;
        /*background-color: rgba(255, 255, 255, 0.05);
                border-right: 6px solid;
                color: $red;*/ }
      .sb-menu li a span.sb-caret {
        width: 0;
        height: 0;
        display: inline-block;
        margin: 0 5px;
        border: 5px solid transparent;
        position: absolute;
        right: 10px;
        top: 28px; }
      .sb-menu li a span.sb-caret {
        border-top: 5px solid;
        border-bottom: 0px solid transparent; }
      .sb-menu li a.sb-submenu-active > span.sb-caret {
        border-top: 0px solid transparent;
        border-bottom: 5px solid;
        top: 26px; }
      .sb-menu li a.sb-toggle-submenu {
        position: relative; }
      .sb-menu li a.sb-submenu-active {
        color: #9d2222; }
    .sb-menu li.variant a {
      color: #9d2222; }
    .sb-menu li .sb-submenu {
      display: none;
      padding: 0;
      margin: 0;
      list-style-type: none;
      background-color: rgba(255, 255, 255, 0.05);
      font-style: normal; }
      .sb-menu li .sb-submenu li a {
        color: #999;
        padding: 1.3em 1.3em 1.3em 35px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: none; }
  .sb-menu > li:first-child {
    border-top: none; }
  .sb-menu > li:last-child {
    border-bottom: none; }

/* Side Menu */
.side-menu {
  width: 100%;
  display: none;
  font-size: 16px; }
  @media (min-width: 992px) {
    .side-menu {
      display: block; } }
  @media (min-width: 1600px) {
    .side-menu {
      font-size: 1rem; } }
  .side-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .side-menu ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
      .side-menu ul li ul {
        display: none; }
      .side-menu ul li.active ul {
        display: block; }
  .side-menu a {
    display: block;
    border-left: 4px solid #eeeeee;
    padding-top: 0.556rem;
    padding-bottom: 0.556rem;
    padding-left: 0.833rem;
    color: #222222;
    font-weight: bold; }
    .side-menu a:active, .side-menu a:focus {
      border-left: 4px solid #eeeeee; }
    .side-menu a:hover {
      color: #e53329; }
  .side-menu .active a {
    border-left: 4px solid #e53329;
    color: #e53329; }
  .side-menu ul .active ul {
    font-size: 16px; }
    .side-menu ul .active ul a {
      padding-left: 1.667rem;
      border-left: 4px solid #e53329;
      color: #999999;
      font-weight: normal; }
      .side-menu ul .active ul a:hover {
        color: #e53329; }
    .side-menu ul .active ul .active a {
      color: #e53329; }

ul.single-level-nav {
  margin: 1.111rem 0;
  list-style: none; }
  ul.single-level-nav li {
    padding-left: 0; }
  ul.single-level-nav a {
    color: #777777; }
    ul.single-level-nav a:hover, ul.single-level-nav a:focus {
      color: #e53329; }
  ul.single-level-nav .rslides_here a {
    color: #e53329; }

/* Filter Menu */
.filter_nav {
  width: 100%;
  background-color: #222222; }
  @media (min-width: 992px) {
    .filter_nav {
      height: 62px; } }
  .filter_nav .container {
    padding-left: 10%;
    padding-right: 10%; }
  .filter_nav__inner {
    width: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto; }
  .filter_nav a {
    display: inline-block;
    width: 100%;
    height: auto;
    text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #444444;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0.556rem;
    padding-right: 0.556rem;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999999; }
    .filter_nav a:hover {
      color: #ffffff; }
    .filter_nav a.active {
      color: #ff483f; }
      @media (min-width: 768px) {
        .filter_nav a.active {
          border-top: 5px solid #ff483f; } }
    @media (min-width: 992px) {
      .filter_nav a {
        width: auto;
        float: left;
        height: auto;
        border-top: 5px solid #222222;
        border-bottom: 0;
        padding-top: 17px;
        padding-bottom: 0;
        font-size: 11px; } }
    @media (min-width: 1200px) {
      .filter_nav a {
        padding-left: 1.111rem;
        padding-right: 1.111rem;
        font-size: 12px; } }
    @media (min-width: 1400px) {
      .filter_nav a {
        padding-left: 1.667rem;
        padding-right: 1.667rem; } }



.col-xxs-12, .col-xxs-11, .col-xxs-10, .col-xxs-9, .col-xxs-8, .col-xxs-7, .col-xxs-6, .col-xxs-5, .col-xxs-4, .col-xxs-3, .col-xxs-2, .col-xxs-1 {
  float: left; }

.col-xxs-12 {
  width: 100%; }

.col-xxs-11 {
  width: 91.66666667%; }

.col-xxs-10 {
  width: 83.33333333%; }

.col-xxs-9 {
  width: 75%; }

.col-xxs-8 {
  width: 66.66666667%; }

.col-xxs-7 {
  width: 58.33333333%; }

.col-xxs-6 {
  width: 50%; }

.col-xxs-5 {
  width: 41.66666667%; }

.col-xxs-4 {
  width: 33.33333333%; }

.col-xxs-3 {
  width: 25%; }

.col-xxs-2 {
  width: 16.66666667%; }

.col-xxs-1 {
  width: 8.33333333%; }

@media (min-width: 480px) {
  .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    float: left; }
  .col-xs-12 {
    width: 100%; }
  .col-xs-11 {
    width: 91.66666667%; }
  .col-xs-10 {
    width: 83.33333333%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-8 {
    width: 66.66666667%; }
  .col-xs-7 {
    width: 58.33333333%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-5 {
    width: 41.66666667%; }
  .col-xs-4 {
    width: 33.33333333%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-2 {
    width: 16.66666667%; }
  .col-xs-1 {
    width: 8.33333333%; } }

@media (min-width: 768px) {
  .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; } }

@media (min-width: 992px) {
  .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; } }

@media (min-width: 1200px) {
  .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; } }

@media (min-width: 1400px) {
  .col-xlg-12, .col-xlg-11, .col-xlg-10, .col-xlg-9, .col-xlg-8, .col-xlg-7, .col-xlg-6, .col-xlg-5, .col-xlg-4, .col-xlg-3, .col-xlg-2, .col-xlg-1 {
    float: left; }
  .col-xlg-12 {
    width: 100%; }
  .col-xlg-11 {
    width: 91.66666667%; }
  .col-xlg-10 {
    width: 83.33333333%; }
  .col-xlg-9 {
    width: 75%; }
  .col-xlg-8 {
    width: 66.66666667%; }
  .col-xlg-7 {
    width: 58.33333333%; }
  .col-xlg-6 {
    width: 50%; }
  .col-xlg-5 {
    width: 41.66666667%; }
  .col-xlg-4 {
    width: 33.33333333%; }
  .col-xlg-3 {
    width: 25%; }
  .col-xlg-2 {
    width: 16.66666667%; }
  .col-xlg-1 {
    width: 8.33333333%; } }

@media (min-width: 1600px) {
  .col-xxlg-12, .col-xxlg-11, .col-xxlg-10, .col-xxlg-9, .col-xxlg-8, .col-xxlg-7, .col-xxlg-6, .col-xxlg-5, .col-xxlg-4, .col-xxlg-3, .col-xxlg-2, .col-xxlg-1 {
    float: left; }
  .col-xxlg-12 {
    width: 100%; }
  .col-xxlg-11 {
    width: 91.66666667%; }
  .col-xxlg-10 {
    width: 83.33333333%; }
  .col-xxlg-9 {
    width: 75%; }
  .col-xxlg-8 {
    width: 66.66666667%; }
  .col-xxlg-7 {
    width: 58.33333333%; }
  .col-xxlg-6 {
    width: 50%; }
  .col-xxlg-5 {
    width: 41.66666667%; }
  .col-xxlg-4 {
    width: 33.33333333%; }
  .col-xxlg-3 {
    width: 25%; }
  .col-xxlg-2 {
    width: 16.66666667%; }
  .col-xxlg-1 {
    width: 8.33333333%; } }

.cnItem {
  display: none; }

html[lang=zh-TW] .cnItem {
  display: block !important; }

html[lang=zh-TW] .enItem {
  display: none !important; }

html[lang=en] .cnItem {
  display: none !important; }

html[lang=en] .enItem {
  display: block !important; }

@media (max-width: 479px) {
  .hidden-xxs {
    display: none !important; } }

@media (min-width: 480px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) and (max-width: 1399px) {
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1400px) {
  .hidden-xlg {
    display: none !important; } }

.header {
  width: 100%;
  height: 115px;
  display: block;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  border-bottom: 1px solid #ccc;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translatez(0);
  transform: translatez(0); }
  @media (min-width: 768px) {
    .header {
      height: 115px; } }
  #home .header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    position: absolute;
    visibility: visible; }
  .header.headroom--not-top, #home .header.headroom--not-top {
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.15);
    height: 62px;
    position: fixed;
    border-bottom: 1px solid #222222;
    background-color: #ffffff;
    background-color: rgba(34, 34, 34, 0.95); }

#search-toggle-control {
  display: none;
  position: absolute;
  top: 0;
  width: 3.056rem;
  height: 100%;
  cursor: pointer;
  right: 2.222rem;
  color: #444444;
  z-index: 3;
  visibility: visible;
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  @media (min-width: 1200px) {
    #search-toggle-control {
      display: block; } }
  .st-active #search-toggle-control {
    visibility: hidden;
    opacity: 0; }
  #home #search-toggle-control {
    color: #ffffff; }
    #home #search-toggle-control:hover {
      color: #cccccc; }
  #search-toggle-control:hover {
    color: #cccccc; }
  .headroom--not-top #search-toggle-control {
    color: #ffffff; }
    .headroom--not-top #search-toggle-control:hover {
      color: #ff483f; }

#search-toggle {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 4%;
  top: 0;
  padding-left: 295px;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  .headroom--not-top #search-toggle {
    padding-left: 250px; }
  #search-toggle.search-toggle--open {
    visibility: visible;
    opacity: 1; }
  @media (min-width: 1200px) {
    #search-toggle {
      display: block;
      right: 2.222rem; } }
  #search-toggle form {
    height: 100%; }
  #search-toggle input[type="text"] {
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 80px;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    font-size: 1rem;
    color: #444444;
    text-align: right;
    line-height: 115px;
    position: relative; }
    #search-toggle input[type="text"]:focus {
      border: 0;
      box-shadow: none;
      outline: 0; }
    #home #search-toggle input[type="text"] {
      background-color: transparent;
      color: #ffffff; }
    .headroom--not-top #search-toggle input[type="text"] {
      line-height: 62px;
      color: #cccccc; }
  #search-toggle button[type="submit"] {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 3.056rem;
    height: 100%;
    color: #cccccc;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    #home #search-toggle button[type="submit"] {
      color: #ffffff; }
    .headroom--not-top #search-toggle button[type="submit"] {
      color: #ffffff; }
      .headroom--not-top #search-toggle button[type="submit"]:hover {
        color: #ff483f; }

#search-toggle-control i, #search-toggle button[type="submit"] i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 20px; }
  #search-toggle-control i:before, #search-toggle button[type="submit"] i:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: 0;
    margin-right: 0;
    display: block; }

#headerSearch::-ms-clear {
  display: none; }

#home .header__toggle span,
#home .header__toggle span:before,
#home .header__toggle span:after {
  background: #ffffff; }

#home .header__toggle:hover span,
#home .header__toggle:hover span:before,
#home .header__toggle:hover span:after {
  background: #ff483f; }

.sb-active-right #home .header__toggle span {
  background-color: transparent; }

.logo {
  visibility: visible;
  opacity: 1;
  top: 12px;
  left: 4%;
  max-width: 188px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  display: block;
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transform: translatez(0);
  transform: translatez(0); }
  @media (min-width: 768px) {
    .logo {
      top: 17px;
      width: 190px; left:2rem; } }
  @media (min-width: 992px) {
    .logo {
      left: 4.62rem; /*left: 3.22rem;*/ } }
  #home .logo {
    visibility: hidden;
    opacity: 0; }
  .headroom--not-top .logo {
    top: 5px;
    max-width: 125px;
    width: 100%;;
    visibility: hidden;
    opacity: 0; }
  .logo--inverse {
    visibility: hidden;
    opacity: 0; }
    #home .logo--inverse {
      visibility: visible;
      opacity: 1; }
    .headroom--not-top .logo--inverse {
      visibility: visible;
      opacity: 1; }
      .headroom--not-top .logo--inverse img{
       width: 100%!important;
      max-width:188px;
      }   
.seal-red {
  background-color: #e53329;
  padding: 30px 80px;
  outline: 15px solid #e53329;
  margin-bottom: -30px;
  margin-top: 50px; }

#home.distracted-driving .header .header__nav {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }
  @media (max-width: 479px) {
    #home.distracted-driving .header .header__nav a.hidden-xs {
      display: none; } }
  #home.distracted-driving .header .header__nav a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: .75em;
    letter-spacing: 1px;
    font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif;
    padding-top: 19px;
    display: block;
    transition: all .15s;
    margin-left: 30px; }
    #home.distracted-driving .header .header__nav a:hover, #home.distracted-driving .header .header__nav a:focus {
      opacity: .75; }