.truste_caIcon_display {
  display: block !important; }

.truste_cursor_pointer {
  cursor: pointer; }

.truste_border_none {
  border: none; }

.g__vertical-nav-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media screen and (min-width: 768px) {
  .g__vertical-nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid #d9d9d9;
    border-width: 1px 0; } }

.g__vertical-nav {
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden; }

@media screen and (min-width: 768px) {
  .g__vertical-nav {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    border-right: 1px solid #d9d9d9;
    position: relative;
    overflow-y: auto; } }

.g__vertical-nav-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer; }

.g__vertical-nav-heading:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

@media screen and (min-width: 768px) {
  .g__vertical-nav-heading {
    display: none; } }

.g__vertical-nav-heading-arrow {
  fill: #000000;
  width: 9px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 3px 3px 0 1rem; }

.g__vertical-nav.open .g__vertical-nav-heading-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.g__vertical-nav.open .g__vertical-nav-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.g__vertical-nav-categories {
  display: none;
  margin-bottom: 1rem; }

@media screen and (min-width: 768px) {
  .g__vertical-nav-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    width: 100%; } }

.g__vertical-nav-categories .category {
  display: block; }

.g__vertical-nav-categories .category *,
.g__vertical-nav-categories .category *::before,
.g__vertical-nav-categories .category *::after {
  -webkit-box-sizing: unset;
  box-sizing: unset; }

.g__vertical-nav-categories .category.active {
  padding-left: 1rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  background: #000000; }

.g__vertical-nav-categories .category.active .category-label {
  color: #ffffff;
  border-bottom: none; }

.g__vertical-nav-categories .category.active .category-label:hover:not(.g__vertical-nav-categories .category.active .category-label-dropdown) {
  text-decoration: none;
  color: #ffffff; }

.g__vertical-nav-categories .category-label {
  font-weight: 500;
  font-size: 0.875rem;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  text-decoration: none;
  color: #000000;
  cursor: pointer; }

.g__vertical-nav-categories .category-label:focus:not(:focus-visible) {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.g__vertical-nav-categories .category-label:hover:not(.g__vertical-nav-categories .category-label-dropdown) {
  text-decoration: underline;
  color: #000000; }

.g__vertical-nav-categories .category-label.active {
  padding-left: 1rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  color: #fff; }
  .g__vertical-nav-categories .category-label.active:hover {
    color: #fff !important; }

.g__vertical-nav-categories .category-label:visited {
  color: #000000; }

.g__vertical-nav-categories .category-label.open {
  border-bottom: 0; }

.g__vertical-nav-categories .category-label.open .category-label-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.g__vertical-nav-categories .category-label-arrow {
  fill: #000000;
  width: 9px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 3px 3px 0 1rem; }

.g__vertical-nav-categories .subcategories {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 1rem; }

.g__vertical-nav-categories .subcategories .subcategory .subcategory-label {
  font-weight: 500;
  font-size: 0.875rem;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
  padding-left: 1rem; }

.g__vertical-nav-categories .subcategories .subcategory .subcategory-label:hover {
  text-decoration: underline;
  color: #000000; }

.g__vertical-nav-categories .subcategories .subcategory .subcategory-label:visited {
  color: #000000; }

.g__vertical-nav-categories .subcategories .subcategory .subcategory-label.active {
  padding-left: 2rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000000;
  color: #ffffff; }

.g__vertical-nav-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%; }

@media screen and (min-width: 768px) {
  .g__vertical-nav-body {
    padding: 1rem 2rem; } }

.g__heading h1 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 2rem;
  margin: 1.5rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h1 {
    font-size: 2.5rem; } }

.g__heading h2 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 1.5rem;
  margin: 1.5rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h2 {
    font-size: 2rem; } }

.g__heading h3 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 1.25rem;
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h3 {
    font-size: 1.5rem; } }

.g__heading h4 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 1rem;
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h4 {
    font-size: 1.25rem; } }

.g__heading h5 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 0.875rem;
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h5 {
    font-size: 1rem; } }

.g__heading h6 {
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-size: 0.875rem;
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  .g__heading h6 {
    font-size: 1rem; } }

.g__heading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.g__heading--light {
  color: #000000;
  background: transparent; }

.g__heading--light a:link,
.g__heading--light a:visited,
.g__heading--light a:hover,
.g__heading--light a:focus,
.g__heading--light a:active {
  color: #000000; }

.g__heading--dark {
  color: #ffffff;
  background: #000000; }

.g__heading--dark a:link,
.g__heading--dark a:visited,
.g__heading--dark a:hover,
.g__heading--dark a:focus,
.g__heading--dark a:active {
  color: #ffffff; }

.g__heading--left {
  text-align: left; }

.g__heading--right {
  text-align: right; }

.g__heading--center {
  text-align: center; }

.g__heading--justify {
  text-align: justify; }

.g__spotlight {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.g__spotlight--light {
  background-color: #ffffff; }

.g__spotlight--gray {
  background-color: #e6e6e6; }

.g__spotlight--dark {
  background-color: #000000; }

.g__spotlight--dark .g__button--contained--dark {
  border: 1px solid #ffffff; }

.g__spotlight--width-50-50,
.g__spotlight--width-70-30,
.g__spotlight--width-60-40,
.g__spotlight--width-half {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.g__spotlight--width-50-50 .media,
.g__spotlight--width-70-30 .media,
.g__spotlight--width-60-40 .media,
.g__spotlight--width-half .media {
  width: 100%; }

.g__spotlight--width-50-50 .body,
.g__spotlight--width-70-30 .body,
.g__spotlight--width-60-40 .body,
.g__spotlight--width-half .body {
  padding: 1rem 1rem 2rem 1rem; }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-50-50 .body,
  .g__spotlight--width-70-30 .body,
  .g__spotlight--width-60-40 .body,
  .g__spotlight--width-half .body {
    padding: 2rem 4rem; } }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-50-50 .media {
    width: 50%; } }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-70-30 .media {
    width: 70%; } }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-60-40 .media {
    width: 60%; } }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-half {
    margin: 0 auto;
    width: 50%; } }

@media screen and (min-width: 1024px) {
  .g__spotlight--width-50-50,
  .g__spotlight--width-70-30,
  .g__spotlight--width-60-40 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .g__spotlight--width-50-50:nth-child(even),
  .g__spotlight--width-70-30:nth-child(even),
  .g__spotlight--width-60-40:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .g__spotlight--width-50-50.g__spotlight--img-left,
  .g__spotlight--width-70-30.g__spotlight--img-left,
  .g__spotlight--width-60-40.g__spotlight--img-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .g__spotlight--width-50-50.g__spotlight--img-right,
  .g__spotlight--width-70-30.g__spotlight--img-right,
  .g__spotlight--width-60-40.g__spotlight--img-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; } }

.g__spotlight .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.g__spotlight .media img {
  width: 100%; }

.g__spotlight .body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.g__spotlight__button-container {
  padding-top: 1rem; }

.g__spotlight__button--left {
  text-align: left; }

.g__spotlight__button--right {
  text-align: right; }

.g__spotlight__button--center {
  text-align: center; }

.g__spotlight__button.g__button__host {
  display: block; }

.g__copy {
  display: block;
  overflow-x: auto;
  margin-bottom: 2rem; }

.g__copy--light,
.g__copy--gray {
  color: #000000;
  background: transparent; }

.g__copy--dark {
  color: #ffffff;
  background: #000000; }

.g__copy--dark a:link,
.g__copy--dark a:visited,
.g__copy--dark a:hover,
.g__copy--dark a:focus,
.g__copy--dark a:active {
  color: #ffffff; }

.g__copy--blue a:link,
.g__copy--blue a:visited,
.g__copy--blue a:active {
  color: #106fad; }

.g__copy--blue a:hover {
  color: #106fad; }

.g__copy--left,
.g__copy--left th {
  text-align: left; }

.g__copy--justify,
.g__copy--justify th {
  text-align: justify; }

.g__copy--center,
.g__copy--center th {
  text-align: center; }

.g__copy--right,
.g__copy--right th {
  text-align: right; }

.g__copy--footnote,
.g__copy--footnote table {
  font-size: 0.6875rem; }

.g__copy--small,
.g__copy--small table,
.g__copy--detail,
.g__copy--detail table {
  font-size: 0.875rem; }

.g__copy--primary,
.g__copy--primary table {
  font-size: 16px; }

.g__copy--large,
.g__copy--large table,
.g__copy--intro,
.g__copy--intro table {
  font-size: 1.125rem; }

.g__copy ul li,
.g__copy ol li {
  text-align: left; }

.g__copy img {
  max-width: 100%; }

.g__button {
  font-weight: 500; }

.g__button__host {
  display: inline-block;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.g__button__host--small {
  margin-bottom: 0.5rem; }

@media screen and (min-width: 768px) {
  .g__button__host {
    width: auto; } }

.g__button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  font-size: 1rem;
  line-height: 1.15;
  overflow: auto;
  -webkit-transition: background 0.2s, color 0.2s;
  -o-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  vertical-align: middle;
  padding: 0.875rem 2rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  word-break: break-word;
  color: #000000;
  cursor: pointer;
  width: 100%; }

.g__button.no-hover:hover {
  background: inherit;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  .g__button {
    width: auto; } }

.g__button--contained {
  border: 1px solid #000000; }

.g__button--contained--medium {
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem; }

.g__button--contained--small {
  font-size: 0.75rem;
  padding: 0.313rem 1rem; }

.g__button--contained--light {
  background: #ffffff;
  border: 1px solid #000000; }

.g__button--contained--light:hover {
  color: #ffffff;
  background: #000000; }

.g__button--contained--light:active {
  color: #000000;
  background: #ffffff; }

.g__button--contained--dark,
.g__button--contained--black {
  color: #ffffff;
  background: #000000; }

.g__button--contained--dark:visited,
.g__button--contained--black:visited {
  color: #ffffff; }

.g__button--contained--dark:hover,
.g__button--contained--black:hover {
  color: #000000;
  background: #ffffff;
  border: 1px solid #ffffff; }

.g__button--contained--dark:active,
.g__button--contained--black:active {
  color: #ffffff;
  background: #000000; }

.g__button--contained--dark {
  border: 1px solid #ffffff; }

.g__button--contained--black:hover {
  border: 1px solid #000000; }

.g__button--contained--disabled {
  color: #000000;
  border-color: #d9d9d9;
  background: #d9d9d9;
  cursor: not-allowed; }

.g__button--contained--disabled:visited {
  color: #000000; }

.g__button--contained--disabled:hover,
.g__button--contained--disabled:active {
  color: #000000;
  background: #d9d9d9; }

.g__button--contained--disabled .g__icon,
.g__button--contained--disabled svg {
  pointer-events: none; }

.g__button--contained--candy-blue {
  color: #000000;
  background: #6dcff6;
  border-color: #6dcff6; }

.g__button--contained--candy-blue:visited {
  color: #000000; }

.g__button--contained--candy-blue:hover {
  color: #000000;
  background: #ffffff; }

.g__button--contained--candy-blue:active {
  color: #000000;
  background: #6dcff6; }

.g__button--flat {
  background: transparent;
  border: 0;
  padding: 0.625rem 0;
  width: auto; }

.g__button--flat:hover {
  background: inherit;
  text-decoration: underline; }

.g__button--flat--primary {
  text-decoration: underline; }

.g__button--flat--primary:hover {
  color: #737373; }

.g__button--flat--secondary {
  color: #106fad; }

.g__button--flat--secondary:hover {
  color: #44abee; }

.g__button--flat--medium {
  font-size: 0.875rem; }

.g__button--flat--small {
  font-size: 0.75rem; }

.g__button--flat--disabled {
  color: gray;
  cursor: not-allowed; }

.g__button--flat--disabled:visited {
  color: gray; }

.g__button--flat--disabled:hover {
  text-decoration: none; }

.g__button__chevron {
  margin-left: 0.6em; }

.g__button__chevron > svg {
  margin-top: -0.19em;
  display: inline-block;
  vertical-align: middle;
  height: 0.9em;
  width: 1.4em;
  fill: currentcolor; }

a.g__button--flat--dark:hover {
  color: #ffffff; }

a.g__button--flat--light:hover {
  color: #000000; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  overflow: initial !important; }

.p-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100; }

.sticking {
  position: fixed;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 100; }

.sticking-dummy {
  display: none; }

.sticking + .sticking-dummy {
  display: block; }

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .flex-box.card {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit; }
    .flex-box.card .text {
      padding: 1em; }
  .flex-box .text {
    text-align: left; }
  .flex-box.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .flex-box > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50% !important; }
  .flex-box img {
    max-width: 300px; }
    .flex-box img.full {
      max-width: inherit; }

strong {
  font-weight: bold; }

.underline {
  text-decoration: underline !important; }

.g__vertical-nav-categories .category-label.active {
  color: #fff; }
  .g__vertical-nav-categories .category-label.active:visited {
    color: #fff; }

.video iframe {
  width: 100%;
  height: 100%; }

body h1, body h2, body h3, body h4, body h5, body h6 {
  text-transform: uppercase; }

body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6, body a, body a:link, body a:visited {
  color: #000; }

body h2 p {
  line-height: 1.4; }

body p {
  margin: 0 0 16px 0;
  line-height: 1.8; }

body small {
  font-size: 13px; }

body .btn-size-default {
  border-width: 1.5px; }

body .video {
  width: 100%;
  height: 50vw;
  max-height: 450px;
  min-height: 400px;
  text-align: center;
  position: relative;
  background-size: cover;
  background-position: center; }
  body .video:hover {
    cursor: pointer; }
    body .video:hover svg {
      opacity: 1 !important; }
  body .video svg {
    position: absolute;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 6;
    cursor: pointer; }
  body .video .start-video {
    display: block;
    width: 100%;
    height: 100%; }
    body .video .start-video svg {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80px;
      opacity: .5; }
      body .video .start-video svg.gray path {
        fill: #d9d9d9;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
      body .video .start-video svg.gray circle {
        stroke: #d9d9d9;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s; }
  body .video .video-close svg {
    top: 15%;
    right: 3%;
    width: 30px;
    height: 30px; }

body .performance__back-to-home {
  background-color: #fff; }
  body .performance__back-to-home ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0; }
    body .performance__back-to-home ul li {
      position: relative;
      padding: 0.8rem;
      list-style: none;
      white-space: nowrap; }
      body .performance__back-to-home ul li a {
        padding: 0;
        width: 100%;
        color: #000;
        letter-spacing: .05rem;
        margin: 1rem 0;
        font-weight: 400;
        text-transform: uppercase;
        font-family: Oswald,Roboto Condensed,Roboto,Noto Sans TC,Noto Sans SC,Noto Sans JP,Noto Sans KR,Prompt,sans-serif; }
        body .performance__back-to-home ul li a:hover, body .performance__back-to-home ul li a:visited {
          margin: 1rem 0;
          font-weight: 400; }

body .hero {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  max-height: 455px; }

body .g__vertical-nav {
  height: 100vh; }
  body .g__vertical-nav .subcategories {
    display: none; }
    body .g__vertical-nav .subcategories .subcategory .subcategory-label {
      height: auto;
      padding-top: 6px;
      padding-bottom: 6px; }

body .g__vertical-nav-body {
  overflow: hidden; }
  body .g__vertical-nav-body .container {
    width: 100%;
    max-width: 1050px !important;
    margin: 0 auto; }
    body .g__vertical-nav-body .container p a, body .g__vertical-nav-body .container small a, body .g__vertical-nav-body .container li a, body .g__vertical-nav-body .container ol a {
      text-decoration: underline; }
    body .g__vertical-nav-body .container figure {
      margin: 0; }
  body .g__vertical-nav-body .container__content.medium {
    max-width: 1050px; }
  body .g__vertical-nav-body .base {
    width: auto;
    margin: 0 auto;
    padding: 3rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    body .g__vertical-nav-body .base:last-child {
      border: none; }
    body .g__vertical-nav-body .base img {
      width: 100%; }
    body .g__vertical-nav-body .base p, body .g__vertical-nav-body .base li {
      font-size: 15px;
      line-height: 1.8; }
    body .g__vertical-nav-body .base p img {
      width: 30%; }
  body .g__vertical-nav-body .banner-icon {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 30px 0; }
    body .g__vertical-nav-body .banner-icon .banner-icon__icon {
      display: block;
      height: auto;
      text-align: center;
      padding: 0 20px; }
  body .g__vertical-nav-body .spotlight {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    body .g__vertical-nav-body .spotlight > * {
      padding: 20px 10px;
      min-width: 50%; }
      body .g__vertical-nav-body .spotlight > * .text {
        padding: 20px; }
  body .g__vertical-nav-body .g__card-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  body .g__vertical-nav-body .g__card {
    background: #fff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 1rem;
    min-height: 200px;
    width: calc(100% - 2rem);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
    -webkit-transition: -webkit-box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative; }
    body .g__vertical-nav-body .g__card.g__card--third {
      width: calc(100% / 3 - 2rem); }
      body .g__vertical-nav-body .g__card.g__card--third img {
        width: 100%;
        border-bottom: 1px solid #d9d9d9; }
    body .g__vertical-nav-body .g__card .g__card__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 100%; }
    body .g__vertical-nav-body .g__card .g__card__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      padding: 1rem; }
  body .g__vertical-nav-body table td {
    vertical-align: middle; }
  body .g__vertical-nav-body g-banner {
    position: relative;
    margin: 40px 0; }
    body .g__vertical-nav-body g-banner .g__banner--caption {
      position: absolute;
      z-index: 1;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: 400;
      left: 5rem;
      width: calc(100% - 10rem);
      height: auto;
      text-align: left; }
      body .g__vertical-nav-body g-banner .g__banner--caption .text {
        max-width: 45%; }
        body .g__vertical-nav-body g-banner .g__banner--caption .text h2 span, body .g__vertical-nav-body g-banner .g__banner--caption .text h3 span {
          display: inline-block;
          font-size: inherit; }

@media (max-width: 1024px) {
  body #Sub-Nav-GarminTechnology {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  body .g__vertical-nav-body .flex-box {
    display: block;
    text-align: center; }
  body .g__vertical-nav-body .flex-box > * {
    width: 100% !important; }
  body .g__vertical-nav-body .flex-box.card {
    width: calc(100% - 2em) !important; }
  body .g__vertical-nav-body .g__card.g__card--third {
    width: calc(100% / 2 - 2rem); }
  body .g__vertical-nav-body g-banner .g__banner--caption {
    position: relative;
    width: 100%;
    text-decoration: none;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0; }
    body .g__vertical-nav-body g-banner .g__banner--caption .text {
      max-width: inherit;
      text-align: center;
      margin-top: 10px; } }

@media (max-width: 768px) {
  body .g__vertical-nav-body .flex-box > * {
    width: 100% !important; } }

@media (max-width: 767px) {
  body .g__vertical-nav {
    height: auto;
    background-color: #fff; }
    body .g__vertical-nav.open {
      height: 100vh;
      overflow-y: scroll; }
  body .g__vertical-nav-body .base {
    padding: 4rem 1rem; }
  body .overflow-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }
    body .overflow-scroll img {
      width: 200% !important; } }

@media (max-width: 479px) {
  body .g__vertical-nav-body .spotlight > * {
    padding: 10px; }
  body .g__vertical-nav-body .g__card.g__card--third {
    width: calc(100% - 2rem); }
  body iframe {
    height: 350px; } }