@charset "UTF-8";
/* ==========================================================================
		MIXINS
	 ========================================================================== */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
		VARS
	 ========================================================================== */
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 *
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License:
 */
.easy-autocomplete {
  position: relative;
}

.easy-autocomplete input {
  color: #555;
  float: none;
  padding: 6px 12px;
}

.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}

.easy-autocomplete a {
  display: block;
}

.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}

.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}

.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}

.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}

.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}

.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}

.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}

.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}

.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}

.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}

.easy-autocomplete.eac-dark {
  color: #fff;
}

.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-dark ul {
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass {
  color: #fff;
}

.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}

.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}

.easy-autocomplete.eac-blue {
  color: #fff;
}

.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}

.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}

.easy-autocomplete.eac-yellow {
  color: #333;
}

.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}

.easy-autocomplete.eac-purple {
  color: #333;
}

.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-purple ul {
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}

.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}

.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.easy-autocomplete-container ul li b {
  font-weight: bold;
}

.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}

.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

/*# sourceMappingURL=easy-autocomplete.css.map */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0083A5;
  opacity: 0.9;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: #cdcccb;
  font-style: normal;
  font-size: 4rem;
  font-family: Arial, Baskerville, monospace;
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.no-touchevents .mfp-close:hover, .no-touchevents .mfp-close:focus {
  color: #fff;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #cdcccb;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-image-holder .mfp-close:hover, .mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:focus {
  color: #fff;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder,
.mfp-inline-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close,
.mfp-inline-holder .mfp-close {
  top: -55px;
}

.mfp-iframe-scaler,
.mfp-inline-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe,
.mfp-inline-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *		user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *		Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *		and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *		`input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *		(include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: inherit;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Tipso Bubble Styles */
.tipso_bubble, .tipso_bubble > .tipso_arrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tipso_bubble {
  border-radius: 6px;
  letter-spacing: -0.3px;
  line-height: 1.69;
  opacity: 0.9;
  position: absolute;
  text-align: left;
  z-index: 9999;
}

.tipso_style {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.tipso_title {
  border-radius: 6px 6px 0 0;
  font-size: 1.5rem;
  padding: 20px 20px 0 20px;
}

.tipso_content {
  word-wrap: break-word;
  padding: 20px;
}

/* Tipso Bubble size classes - Similar to Foundation's syntax*/
.tipso_bubble.tiny {
  font-size: 0.6rem;
}

.tipso_bubble.small {
  font-size: 0.8rem;
}

.tipso_bubble.default {
  font-size: 1.3rem;
}

.tipso_bubble.large {
  font-size: 1.5rem;
  width: 100%;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid;
  pointer-events: none;
}

.tipso_bubble.top > .tipso_arrow {
  border-top-color: #000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  top: 100%;
  left: 50%;
  margin-left: -8px;
}

.tipso_bubble.bottom > .tipso_arrow {
  border-bottom-color: #000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}

.tipso_bubble.left > .tipso_arrow {
  border-left-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  top: 50%;
  left: 100%;
  margin-top: -8px;
}

.tipso_bubble.right > .tipso_arrow {
  border-right-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  top: 50%;
  right: 100%;
  margin-top: -8px;
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
  border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
  border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
  border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
  border-top-right-radius: 0;
}

/* ==========================================================================
		ANIMATION
	 ========================================================================== */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(6px, 0, 0);
  }
}
/* ==========================================================================
		BROWSER TWEAKS
	 ========================================================================== */
*,
*::after,
*::before {
  box-sizing: border-box;
  outline: 0;
}
*::-ms-clear,
*::after::-ms-clear,
*::before::-ms-clear {
  display: none;
}

/* IE 10 Overrides */
body {
  -ms-overflow-style: scrollbar !important;
}

input[type=submit],
textarea[type=submit] {
  cursor: pointer;
}

select {
  border-radius: 0;
}

textarea {
  resize: none;
}

input * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch *:not(input):not(textarea):not(select):not(object):not(embed):not(iframe):not(video):not(audio) {
  appearance: none;
}

/* ==========================================================================
		Fonts
	 ========================================================================== */
/* Webfont: Lato-Light */
@font-face {
  font-family: "Lato";
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Light.woff2") format("woff2"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Light.woff") format("woff"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: "Lato";
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Regular.woff2") format("woff2"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Regular.woff") format("woff"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular-Italic */
@font-face {
  font-family: "Lato";
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Italic.eot");
  /* IE9 Compat Modes */
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Italic.woff2") format("woff2"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Italic.woff") format("woff"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */
@font-face {
  font-family: "Lato";
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://www.dlink.com/_include/redesign/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Bold.woff2") format("woff2"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Bold.woff") format("woff"), url("https://www.dlink.com/_include/redesign/fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.dlink.com/_include/redesign/fonts/NotoSansTC-Thin.otf");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.dlink.com/_include/redesign/fonts/NotoSansTC-Light.otf");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.dlink.com/_include/redesign/fonts/NotoSansTC-Regular.otf");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.dlink.com/_include/redesign/fonts/NotoSansTC-Medium.otf");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.dlink.com/_include/redesign/fonts/NotoSansTC-Bold.otf");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* ==========================================================================
		FORM ELEMENTS
	 ========================================================================== */
/* ==========================================================================
		VARS
	 ========================================================================== */
/* ==========================================================================
		MIXINS
	 ========================================================================== */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

form {
  width: 100%;
}

.partner-portal .form-wrapper {
  font-weight: 300;
}
.partner-portal .form-wrapper .sub-heading, .partner-portal .form-wrapper .product-specs__title, .partner-portal .form-wrapper .rte h6, .rte .partner-portal .form-wrapper h6, .partner-portal .form-wrapper .rte h5, .rte .partner-portal .form-wrapper h5, .partner-portal .form-wrapper .product-row__id {
  color: #0a0e44;
  margin-top: 0;
}
.partner-portal .form-wrapper p {
  color: #59758b;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 300;
}

.field {
  margin: 0 0 30px;
}
.field--inline {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.partner-portal .field--inline {
  margin: 0 20px 30px 0;
}
.product-row .field--inline {
  margin-bottom: 0;
}

.field__label, .sc-form label {
  color: #535A5C;
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.73;
  margin: 0 0 10px;
  letter-spacing: -0.3px;
}
.partner-portal .field__label, .partner-portal .sc-form label, .sc-form .partner-portal label {
  color: #00a1cb;
  font-size: 1.4rem;
}
.partner-portal .field__label a, .partner-portal .sc-form label a, .sc-form .partner-portal label a {
  color: #00a1cb;
}
.field__label em, .sc-form label em {
  color: #999;
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.4;
  padding-top: 10px;
}
.form--advanced .field__label, .form--advanced .sc-form label, .sc-form .form--advanced label {
  display: block;
  font-weight: 400;
  padding-top: 10px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .form--advanced .field__label, .form--advanced .sc-form label, .sc-form .form--advanced label {
    display: inline-block;
    margin-right: 15px;
    width: 200px;
  }
}

.field__element, .sc-form textarea, .sc-form input, .sc-form .scfDropListGeneralPanel select,
.sc-form .scfListBoxGeneralPanel select,
.sc-form .dropdown-container select, .field__element--select .select, .sc-form select .select {
  border-color: #cdcccb;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  color: #535A5C;
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.73;
  margin: 0;
  padding: 6px;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.field__element::-webkit-input-placeholder, .sc-form textarea::-webkit-input-placeholder, .sc-form input::-webkit-input-placeholder, .sc-form .scfDropListGeneralPanel select::-webkit-input-placeholder,
.sc-form .scfListBoxGeneralPanel select::-webkit-input-placeholder,
.sc-form .dropdown-container select::-webkit-input-placeholder, .field__element--select .select::-webkit-input-placeholder, .sc-form select .select::-webkit-input-placeholder {
  color: #cdcccb;
}
.field__element:-moz-placeholder, .sc-form textarea:-moz-placeholder, .sc-form input:-moz-placeholder, .sc-form .scfDropListGeneralPanel select:-moz-placeholder,
.sc-form .scfListBoxGeneralPanel select:-moz-placeholder,
.sc-form .dropdown-container select:-moz-placeholder, .field__element--select .select:-moz-placeholder, .sc-form select .select:-moz-placeholder {
  color: #cdcccb;
}
.field__element::-moz-placeholder, .sc-form textarea::-moz-placeholder, .sc-form input::-moz-placeholder, .sc-form .scfDropListGeneralPanel select::-moz-placeholder,
.sc-form .scfListBoxGeneralPanel select::-moz-placeholder,
.sc-form .dropdown-container select::-moz-placeholder, .field__element--select .select::-moz-placeholder, .sc-form select .select::-moz-placeholder {
  color: #cdcccb;
}
.field__element:-ms-input-placeholder, .sc-form textarea:-ms-input-placeholder, .sc-form input:-ms-input-placeholder, .sc-form .scfDropListGeneralPanel select:-ms-input-placeholder,
.sc-form .scfListBoxGeneralPanel select:-ms-input-placeholder,
.sc-form .dropdown-container select:-ms-input-placeholder, .field__element--select .select:-ms-input-placeholder, .sc-form select .select:-ms-input-placeholder {
  color: #cdcccb;
}
.partner-portal .field__element, .partner-portal .sc-form textarea, .sc-form .partner-portal textarea, .partner-portal .sc-form input, .sc-form .partner-portal input, .partner-portal .sc-form .scfDropListGeneralPanel select, .sc-form .scfDropListGeneralPanel .partner-portal select,
.partner-portal .sc-form .scfListBoxGeneralPanel select,
.sc-form .scfListBoxGeneralPanel .partner-portal select,
.partner-portal .sc-form .dropdown-container select,
.sc-form .dropdown-container .partner-portal select, .partner-portal .field__element--select .select, .partner-portal .sc-form select .select, .sc-form .partner-portal select .select, .field__element--select .partner-portal .select, .sc-form select .partner-portal .select {
  border-color: #e6efff;
  border-radius: 0;
  border-width: 0 0 1px 0;
  color: #59758b;
  font-size: 1.7rem;
  font-weight: 300;
  padding-left: 0;
}
.partner-portal .field__element::-webkit-input-placeholder, .partner-portal .sc-form textarea::-webkit-input-placeholder, .sc-form .partner-portal textarea::-webkit-input-placeholder, .partner-portal .sc-form input::-webkit-input-placeholder, .sc-form .partner-portal input::-webkit-input-placeholder, .partner-portal .sc-form .scfDropListGeneralPanel select::-webkit-input-placeholder, .sc-form .scfDropListGeneralPanel .partner-portal select::-webkit-input-placeholder,
.partner-portal .sc-form .scfListBoxGeneralPanel select::-webkit-input-placeholder,
.sc-form .scfListBoxGeneralPanel .partner-portal select::-webkit-input-placeholder,
.partner-portal .sc-form .dropdown-container select::-webkit-input-placeholder,
.sc-form .dropdown-container .partner-portal select::-webkit-input-placeholder, .partner-portal .field__element--select .select::-webkit-input-placeholder, .partner-portal .sc-form select .select::-webkit-input-placeholder, .sc-form .partner-portal select .select::-webkit-input-placeholder, .field__element--select .partner-portal .select::-webkit-input-placeholder, .sc-form select .partner-portal .select::-webkit-input-placeholder {
  color: #59758b;
}
.partner-portal .field__element:-moz-placeholder, .partner-portal .sc-form textarea:-moz-placeholder, .sc-form .partner-portal textarea:-moz-placeholder, .partner-portal .sc-form input:-moz-placeholder, .sc-form .partner-portal input:-moz-placeholder, .partner-portal .sc-form .scfDropListGeneralPanel select:-moz-placeholder, .sc-form .scfDropListGeneralPanel .partner-portal select:-moz-placeholder,
.partner-portal .sc-form .scfListBoxGeneralPanel select:-moz-placeholder,
.sc-form .scfListBoxGeneralPanel .partner-portal select:-moz-placeholder,
.partner-portal .sc-form .dropdown-container select:-moz-placeholder,
.sc-form .dropdown-container .partner-portal select:-moz-placeholder, .partner-portal .field__element--select .select:-moz-placeholder, .partner-portal .sc-form select .select:-moz-placeholder, .sc-form .partner-portal select .select:-moz-placeholder, .field__element--select .partner-portal .select:-moz-placeholder, .sc-form select .partner-portal .select:-moz-placeholder {
  color: #59758b;
}
.partner-portal .field__element::-moz-placeholder, .partner-portal .sc-form textarea::-moz-placeholder, .sc-form .partner-portal textarea::-moz-placeholder, .partner-portal .sc-form input::-moz-placeholder, .sc-form .partner-portal input::-moz-placeholder, .partner-portal .sc-form .scfDropListGeneralPanel select::-moz-placeholder, .sc-form .scfDropListGeneralPanel .partner-portal select::-moz-placeholder,
.partner-portal .sc-form .scfListBoxGeneralPanel select::-moz-placeholder,
.sc-form .scfListBoxGeneralPanel .partner-portal select::-moz-placeholder,
.partner-portal .sc-form .dropdown-container select::-moz-placeholder,
.sc-form .dropdown-container .partner-portal select::-moz-placeholder, .partner-portal .field__element--select .select::-moz-placeholder, .partner-portal .sc-form select .select::-moz-placeholder, .sc-form .partner-portal select .select::-moz-placeholder, .field__element--select .partner-portal .select::-moz-placeholder, .sc-form select .partner-portal .select::-moz-placeholder {
  color: #59758b;
}
.partner-portal .field__element:-ms-input-placeholder, .partner-portal .sc-form textarea:-ms-input-placeholder, .sc-form .partner-portal textarea:-ms-input-placeholder, .partner-portal .sc-form input:-ms-input-placeholder, .sc-form .partner-portal input:-ms-input-placeholder, .partner-portal .sc-form .scfDropListGeneralPanel select:-ms-input-placeholder, .sc-form .scfDropListGeneralPanel .partner-portal select:-ms-input-placeholder,
.partner-portal .sc-form .scfListBoxGeneralPanel select:-ms-input-placeholder,
.sc-form .scfListBoxGeneralPanel .partner-portal select:-ms-input-placeholder,
.partner-portal .sc-form .dropdown-container select:-ms-input-placeholder,
.sc-form .dropdown-container .partner-portal select:-ms-input-placeholder, .partner-portal .field__element--select .select:-ms-input-placeholder, .partner-portal .sc-form select .select:-ms-input-placeholder, .sc-form .partner-portal select .select:-ms-input-placeholder, .field__element--select .partner-portal .select:-ms-input-placeholder, .sc-form select .partner-portal .select:-ms-input-placeholder {
  color: #59758b;
}
.product-row .field__element, .product-row .sc-form textarea, .sc-form .product-row textarea, .product-row .sc-form input, .sc-form .product-row input, .product-row .sc-form .scfDropListGeneralPanel select, .sc-form .scfDropListGeneralPanel .product-row select,
.product-row .sc-form .scfListBoxGeneralPanel select,
.sc-form .scfListBoxGeneralPanel .product-row select,
.product-row .sc-form .dropdown-container select,
.sc-form .dropdown-container .product-row select, .product-row .field__element--select .select, .product-row .sc-form select .select, .sc-form .product-row select .select, .field__element--select .product-row .select, .sc-form select .product-row .select {
  border-width: 1px 1px 1px 1px;
  padding-left: 10px;
}
.field__element--inline {
  display: inline-block;
  margin: 0 15px 15px 0;
  width: auto;
}
.field__element--focus, .field__element:focus, .sc-form textarea:focus, .sc-form input:focus, .sc-form .scfDropListGeneralPanel select:focus,
.sc-form .scfListBoxGeneralPanel select:focus,
.sc-form .dropdown-container select:focus, .field__element--select .select:focus, .sc-form select .select:focus {
  border: 1px solid #535a5c;
}
.partner-portal .field__element--focus, .partner-portal .field__element:focus, .partner-portal .sc-form textarea:focus, .sc-form .partner-portal textarea:focus, .partner-portal .sc-form input:focus, .sc-form .partner-portal input:focus, .partner-portal .sc-form .scfDropListGeneralPanel select:focus, .sc-form .scfDropListGeneralPanel .partner-portal select:focus,
.partner-portal .sc-form .scfListBoxGeneralPanel select:focus,
.sc-form .scfListBoxGeneralPanel .partner-portal select:focus,
.partner-portal .sc-form .dropdown-container select:focus,
.sc-form .dropdown-container .partner-portal select:focus, .partner-portal .field__element--select .select:focus, .partner-portal .sc-form select .select:focus, .sc-form .partner-portal select .select:focus, .field__element--select .partner-portal .select:focus, .sc-form select .partner-portal .select:focus {
  border-color: #00a1cb;
  border-width: 0 0 1px 0;
  color: #0a0e44;
}
.product-row .field__element--focus, .product-row .field__element:focus, .product-row .sc-form textarea:focus, .sc-form .product-row textarea:focus, .product-row .sc-form input:focus, .sc-form .product-row input:focus, .product-row .sc-form .scfDropListGeneralPanel select:focus, .sc-form .scfDropListGeneralPanel .product-row select:focus,
.product-row .sc-form .scfListBoxGeneralPanel select:focus,
.sc-form .scfListBoxGeneralPanel .product-row select:focus,
.product-row .sc-form .dropdown-container select:focus,
.sc-form .dropdown-container .product-row select:focus, .product-row .field__element--select .select:focus, .product-row .sc-form select .select:focus, .sc-form .product-row select .select:focus, .field__element--select .product-row .select:focus, .sc-form select .product-row .select:focus {
  border-width: 1px 1px 1px 1px;
}
.field__element--valid {
  border-color: #48ac00;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
}
.field__element--valid::-webkit-input-placeholder {
  color: #48ac00;
}
.field__element--valid:-moz-placeholder {
  color: #48ac00;
}
.field__element--valid::-moz-placeholder {
  color: #48ac00;
}
.field__element--valid:-ms-input-placeholder {
  color: #48ac00;
}
.field__element--error, .sc-form input.error {
  border: 1px solid #ff0c0c;
}
.field__element--error::-webkit-input-placeholder, .sc-form input.error::-webkit-input-placeholder {
  color: #ff0c0c;
}
.field__element--error:-moz-placeholder, .sc-form input.error:-moz-placeholder {
  color: #ff0c0c;
}
.field__element--error::-moz-placeholder, .sc-form input.error::-moz-placeholder {
  color: #ff0c0c;
}
.field__element--error:-ms-input-placeholder, .sc-form input.error:-ms-input-placeholder {
  color: #ff0c0c;
}
.field__element--disabled,
.field__element [disabled],
.sc-form textarea [disabled],
.sc-form input [disabled],
.sc-form .scfDropListGeneralPanel select [disabled],
.sc-form .scfListBoxGeneralPanel select [disabled],
.sc-form .dropdown-container select [disabled],
.field__element--select .select [disabled],
.sc-form select .select [disabled] {
  opacity: 0.35;
  background: 0;
  cursor: default;
}
.field__element--small-text {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .field__element--small-text {
    font-size: 1.4rem;
  }
}

.field__element--textarea, .sc-form textarea {
  min-height: 100px;
}
@media (min-width: 768px) {
  .field__element--textarea, .sc-form textarea {
    min-height: 150px;
  }
}
.partner-portal .field__element--textarea.field__element, .partner-portal .sc-form textarea, .sc-form .partner-portal textarea, .partner-portal .sc-form input.field__element--textarea, .sc-form .partner-portal input.field__element--textarea, .partner-portal .sc-form .scfDropListGeneralPanel select.field__element--textarea, .sc-form .scfDropListGeneralPanel .partner-portal select.field__element--textarea,
.partner-portal .sc-form .scfListBoxGeneralPanel select.field__element--textarea,
.sc-form .scfListBoxGeneralPanel .partner-portal select.field__element--textarea,
.partner-portal .sc-form .dropdown-container select.field__element--textarea,
.sc-form .dropdown-container .partner-portal select.field__element--textarea, .partner-portal .field__element--select .field__element--textarea.select, .partner-portal .sc-form select .field__element--textarea.select, .sc-form .partner-portal select .field__element--textarea.select, .field__element--select .partner-portal .field__element--textarea.select, .sc-form select .partner-portal .field__element--textarea.select {
  background: #f8fbff;
  border-color: #e6efff;
  border-width: 1px;
  padding: 10px;
}
.partner-portal .field__element--textarea.field__element--focus, .partner-portal .sc-form textarea.field__element--focus, .sc-form .partner-portal textarea.field__element--focus, .partner-portal .field__element--textarea.field__element:focus, .partner-portal .sc-form textarea:focus, .sc-form .partner-portal textarea:focus, .partner-portal .sc-form input.field__element--textarea:focus, .sc-form .partner-portal input.field__element--textarea:focus, .partner-portal .sc-form .scfDropListGeneralPanel select.field__element--textarea:focus, .sc-form .scfDropListGeneralPanel .partner-portal select.field__element--textarea:focus,
.partner-portal .sc-form .scfListBoxGeneralPanel select.field__element--textarea:focus,
.sc-form .scfListBoxGeneralPanel .partner-portal select.field__element--textarea:focus,
.partner-portal .sc-form .dropdown-container select.field__element--textarea:focus,
.sc-form .dropdown-container .partner-portal select.field__element--textarea:focus, .partner-portal .field__element--select .field__element--textarea.select:focus, .partner-portal .sc-form select .field__element--textarea.select:focus, .sc-form .partner-portal select .field__element--textarea.select:focus, .field__element--select .partner-portal .field__element--textarea.select:focus, .sc-form select .partner-portal .field__element--textarea.select:focus {
  border-color: #00a1cb;
  border-width: 1px;
  color: #0a0e44;
}

.field__element--select, .sc-form select {
  border: none;
  padding: 0;
  position: relative;
}
.appearance .field__element--select:before, .appearance .sc-form select:before, .sc-form .appearance select:before {
  color: #535A5C;
  font-size: 1.8rem;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.appearance .field__element--select:after, .appearance .sc-form select:after, .sc-form .appearance select:after {
  background: #f3f3f3;
  content: "";
  height: calc(100% - 2px);
  padding: 0 25px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
}
.appearance .partner-portal .field__element--select:before, .appearance .partner-portal .sc-form select:before, .sc-form .appearance .partner-portal select:before {
  color: #8b8da7;
}
.appearance .partner-portal .field__element--select:after, .appearance .partner-portal .sc-form select:after, .sc-form .appearance .partner-portal select:after {
  background: none;
  padding: 0;
}
.field__element--select .select, .sc-form select .select {
  appearance: none;
  background: #FFFFFF;
  min-height: 39px;
  padding: 9px 70px 9px 10px;
  position: relative;
  text-indent: 1px;
}
.partner-portal .field__element--select .select, .partner-portal .sc-form select .select, .sc-form .partner-portal select .select {
  border-color: #e6efff;
  border-radius: 0;
  border-width: 0 0 1px 0;
  padding-bottom: 6px;
  padding-right: 50px;
  padding-top: 6px;
}
.field__element--select .select::-ms-expand, .sc-form select .select::-ms-expand {
  display: none;
}

.field__element--checkbox, .sc-form input[type=checkbox],
.sc-form input[type=radio],
.field__element--radio {
  appearance: none;
  background: 0;
  border: 0;
  display: block;
  height: 0;
  visibility: hidden;
  width: 0;
}
.field__element--checkbox ~ .field__label, .sc-form .field__element--checkbox ~ label, .sc-form input[type=checkbox] ~ .field__label, .sc-form input[type=checkbox] ~ label,
.sc-form input[type=radio] ~ .field__label,
.sc-form input[type=radio] ~ label,
.field__element--radio ~ .field__label,
.sc-form .field__element--radio ~ label {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 25px;
  position: relative;
}
.partner-portal .field__element--checkbox ~ .field__label, .partner-portal .sc-form .field__element--checkbox ~ label, .sc-form .partner-portal .field__element--checkbox ~ label, .partner-portal .sc-form input[type=checkbox] ~ .field__label, .partner-portal .sc-form input[type=checkbox] ~ label, .sc-form .partner-portal input[type=checkbox] ~ .field__label, .sc-form .partner-portal input[type=checkbox] ~ label,
.partner-portal .sc-form input[type=radio] ~ .field__label,
.partner-portal .sc-form input[type=radio] ~ label,
.sc-form .partner-portal input[type=radio] ~ .field__label,
.sc-form .partner-portal input[type=radio] ~ label,
.partner-portal .field__element--radio ~ .field__label,
.partner-portal .sc-form .field__element--radio ~ label,
.sc-form .partner-portal .field__element--radio ~ label {
  color: #59758b;
  padding-left: 35px;
}
.field__element--checkbox ~ .field__label:before, .sc-form .field__element--checkbox ~ label:before, .sc-form input[type=checkbox] ~ .field__label:before, .sc-form input[type=checkbox] ~ label:before,
.sc-form input[type=radio] ~ .field__label:before,
.sc-form input[type=radio] ~ label:before,
.field__element--radio ~ .field__label:before,
.sc-form .field__element--radio ~ label:before {
  border-color: #cdcccb;
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 20px;
}
.partner-portal .field__element--checkbox ~ .field__label:before, .partner-portal .sc-form .field__element--checkbox ~ label:before, .sc-form .partner-portal .field__element--checkbox ~ label:before, .partner-portal .sc-form input[type=checkbox] ~ .field__label:before, .partner-portal .sc-form input[type=checkbox] ~ label:before, .sc-form .partner-portal input[type=checkbox] ~ .field__label:before, .sc-form .partner-portal input[type=checkbox] ~ label:before,
.partner-portal .sc-form input[type=radio] ~ .field__label:before,
.partner-portal .sc-form input[type=radio] ~ label:before,
.sc-form .partner-portal input[type=radio] ~ .field__label:before,
.sc-form .partner-portal input[type=radio] ~ label:before,
.partner-portal .field__element--radio ~ .field__label:before,
.partner-portal .sc-form .field__element--radio ~ label:before,
.sc-form .partner-portal .field__element--radio ~ label:before {
  margin-top: 2px;
}
.field__element--checkbox ~ .field__label:after, .sc-form .field__element--checkbox ~ label:after, .sc-form input[type=checkbox] ~ .field__label:after, .sc-form input[type=checkbox] ~ label:after,
.sc-form input[type=radio] ~ .field__label:after,
.sc-form input[type=radio] ~ label:after,
.field__element--radio ~ .field__label:after,
.sc-form .field__element--radio ~ label:after {
  background: #0083A5;
  border-radius: 100%;
  content: "";
  display: block;
  font-size: 2rem;
  height: 12px;
  left: 4px;
  opacity: 1;
  position: absolute;
  top: 2px;
  transform: scale(0, 0);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 12px;
}
.partner-portal .field__element--checkbox ~ .field__label:after, .partner-portal .sc-form .field__element--checkbox ~ label:after, .sc-form .partner-portal .field__element--checkbox ~ label:after, .partner-portal .sc-form input[type=checkbox] ~ .field__label:after, .partner-portal .sc-form input[type=checkbox] ~ label:after, .sc-form .partner-portal input[type=checkbox] ~ .field__label:after, .sc-form .partner-portal input[type=checkbox] ~ label:after,
.partner-portal .sc-form input[type=radio] ~ .field__label:after,
.partner-portal .sc-form input[type=radio] ~ label:after,
.sc-form .partner-portal input[type=radio] ~ .field__label:after,
.sc-form .partner-portal input[type=radio] ~ label:after,
.partner-portal .field__element--radio ~ .field__label:after,
.partner-portal .sc-form .field__element--radio ~ label:after,
.sc-form .partner-portal .field__element--radio ~ label:after {
  top: 4px;
}
.field__element--checkbox.field__element--checked ~ .field__label, .sc-form .field__element--checkbox.field__element--checked ~ label, .sc-form input.field__element--checked[type=checkbox] ~ .field__label, .sc-form input.field__element--checked[type=checkbox] ~ label,
.sc-form input.field__element--checked[type=radio] ~ .field__label,
.sc-form input.field__element--checked[type=radio] ~ label, .field__element--checkbox:checked ~ .field__label, .sc-form .field__element--checkbox:checked ~ label, .sc-form input[type=checkbox]:checked ~ .field__label, .sc-form input[type=checkbox]:checked ~ label,
.sc-form input[type=radio]:checked ~ .field__label,
.sc-form input[type=radio]:checked ~ label,
.field__element--radio.field__element--checked ~ .field__label,
.sc-form .field__element--radio.field__element--checked ~ label,
.field__element--radio:checked ~ .field__label,
.sc-form .field__element--radio:checked ~ label {
  color: #191f21;
}
.partner-portal .field__element--checkbox.field__element--checked ~ .field__label, .partner-portal .sc-form .field__element--checkbox.field__element--checked ~ label, .sc-form .partner-portal .field__element--checkbox.field__element--checked ~ label, .partner-portal .sc-form input.field__element--checked[type=checkbox] ~ .field__label, .partner-portal .sc-form input.field__element--checked[type=checkbox] ~ label, .sc-form .partner-portal input.field__element--checked[type=checkbox] ~ .field__label, .sc-form .partner-portal input.field__element--checked[type=checkbox] ~ label,
.partner-portal .sc-form input.field__element--checked[type=radio] ~ .field__label,
.partner-portal .sc-form input.field__element--checked[type=radio] ~ label,
.sc-form .partner-portal input.field__element--checked[type=radio] ~ .field__label,
.sc-form .partner-portal input.field__element--checked[type=radio] ~ label, .partner-portal .field__element--checkbox:checked ~ .field__label, .partner-portal .sc-form .field__element--checkbox:checked ~ label, .sc-form .partner-portal .field__element--checkbox:checked ~ label, .partner-portal .sc-form input[type=checkbox]:checked ~ .field__label, .partner-portal .sc-form input[type=checkbox]:checked ~ label, .sc-form .partner-portal input[type=checkbox]:checked ~ .field__label, .sc-form .partner-portal input[type=checkbox]:checked ~ label,
.partner-portal .sc-form input[type=radio]:checked ~ .field__label,
.partner-portal .sc-form input[type=radio]:checked ~ label,
.sc-form .partner-portal input[type=radio]:checked ~ .field__label,
.sc-form .partner-portal input[type=radio]:checked ~ label,
.partner-portal .field__element--radio.field__element--checked ~ .field__label,
.partner-portal .sc-form .field__element--radio.field__element--checked ~ label,
.sc-form .partner-portal .field__element--radio.field__element--checked ~ label,
.partner-portal .field__element--radio:checked ~ .field__label,
.partner-portal .sc-form .field__element--radio:checked ~ label,
.sc-form .partner-portal .field__element--radio:checked ~ label {
  color: #59758b;
}
.field__element--checkbox.field__element--checked ~ .field__label:after, .sc-form .field__element--checkbox.field__element--checked ~ label:after, .sc-form input.field__element--checked[type=checkbox] ~ .field__label:after, .sc-form input.field__element--checked[type=checkbox] ~ label:after,
.sc-form input.field__element--checked[type=radio] ~ .field__label:after,
.sc-form input.field__element--checked[type=radio] ~ label:after, .field__element--checkbox:checked ~ .field__label:after, .sc-form .field__element--checkbox:checked ~ label:after, .sc-form input[type=checkbox]:checked ~ .field__label:after, .sc-form input[type=checkbox]:checked ~ label:after,
.sc-form input[type=radio]:checked ~ .field__label:after,
.sc-form input[type=radio]:checked ~ label:after,
.field__element--radio.field__element--checked ~ .field__label:after,
.sc-form .field__element--radio.field__element--checked ~ label:after,
.field__element--radio:checked ~ .field__label:after,
.sc-form .field__element--radio:checked ~ label:after {
  opacity: 1;
  transform: scale(1, 1);
}

.field__element--checkbox ~ .field__label:after, .sc-form .field__element--checkbox ~ label:after, .sc-form input[type=checkbox] ~ .field__label:after, .sc-form input[type=checkbox] ~ label:after,
.sc-form input[type=radio] ~ .field__label:after,
.sc-form input[type=radio] ~ label:after, .field__element--checkbox ~ .field__label:before, .sc-form .field__element--checkbox ~ label:before, .sc-form input[type=checkbox] ~ .field__label:before, .sc-form input[type=checkbox] ~ label:before,
.sc-form input[type=radio] ~ .field__label:before,
.sc-form input[type=radio] ~ label:before {
  border-radius: 0;
}

.form-section {
  margin-bottom: 20px;
  position: relative;
}

.form-section.required:after {
  content: "*";
  display: inline-block;
  position: absolute;
  right: -15px;
  top: 30px;
}

.form-section > .field-validation-error {
  color: #ff0c0c;
  display: block;
  padding-top: 5px;
  width: 100%;
}

.form-section-checkbox > .field__label, .sc-form .form-section-checkbox > label {
  position: relative;
}

.form-section-checkbox > .field__label input[type=checkbox] ~ span, .sc-form .form-section-checkbox > label input[type=checkbox] ~ span {
  display: block;
  padding-left: 28px;
}

.form-section-checkbox > .field__label input[type=checkbox] ~ span:before, .sc-form .form-section-checkbox > label input[type=checkbox] ~ span:before {
  border-color: #cdcccb;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 20px;
}

.form-section-checkbox > .field__label input[type=checkbox] ~ span:after, .sc-form .form-section-checkbox > label input[type=checkbox] ~ span:after {
  background: #0083A5;
  border-radius: 0;
  content: "";
  display: block;
  font-size: 2rem;
  height: 12px;
  left: 4px;
  opacity: 1;
  position: absolute;
  top: 17px;
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 12px;
}

.form-section-checkbox > .field__label input[type=checkbox]:checked ~ span:after, .sc-form .form-section-checkbox > label input[type=checkbox]:checked ~ span:after {
  opacity: 1;
  transform: scale(1, 1);
}

.sc-form .scfValidatorRequired {
  color: #ff0c0c;
  display: block;
  padding-bottom: 10px;
  visibility: hidden;
  width: 100%;
}
.sc-form .scfValidatorRequired:before {
  content: attr(title);
  display: block;
  font-size: 1.3rem;
  margin: -15px 0 -20px;
  visibility: visible;
}
.sc-form .field-validation-error {
  color: #ff0c0c;
  display: block;
  padding-bottom: 10px;
  width: 100%;
}
.sc-form .field-validation-error:before {
  display: block;
  font-size: 1.3rem;
  margin: 0 0 -20px;
  visibility: visible;
}
.sc-form .scfCaptchaGeneralPanel .scfValidatorRequired:before {
  margin: 0;
}
.sc-form .scfSectionContent .scfEmailLabel,
.sc-form .scfSectionContent .scfDropListLabel,
.sc-form .scfSectionContent .scfTelephoneLabel,
.sc-form .scfSectionContent .scfMultipleLineTextLabel,
.sc-form .scfSectionContent .scfSingleLineTextLabel {
  width: 100%;
}
@media (min-width: 768px) {
  .sc-form .scfSectionContent .scfEmailLabel,
.sc-form .scfSectionContent .scfDropListLabel,
.sc-form .scfSectionContent .scfTelephoneLabel,
.sc-form .scfSectionContent .scfMultipleLineTextLabel,
.sc-form .scfSectionContent .scfSingleLineTextLabel {
    width: 100%;
  }
}
.sc-form .scfSectionContent .scfCheckBoxListGeneralPanel,
.sc-form .scfSectionContent .scfCaptchaGeneralPanel,
.sc-form .scfSectionContent .scfDropListGeneralPanel,
.sc-form .scfSectionContent .scfTelephoneGeneralPanel,
.sc-form .scfSectionContent .scfEmailGeneralPanel,
.sc-form .scfSectionContent .scfMultipleLineGeneralPanel,
.sc-form .scfSectionContent .scfSingleLineGeneralPanel {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .sc-form .scfSectionContent .scfCheckBoxListGeneralPanel,
.sc-form .scfSectionContent .scfCaptchaGeneralPanel,
.sc-form .scfSectionContent .scfDropListGeneralPanel,
.sc-form .scfSectionContent .scfTelephoneGeneralPanel,
.sc-form .scfSectionContent .scfEmailGeneralPanel,
.sc-form .scfSectionContent .scfMultipleLineGeneralPanel,
.sc-form .scfSectionContent .scfSingleLineGeneralPanel {
    width: 98%;
  }
}
.sc-form .scfSectionContent .scfCaptchaLimitGeneralPanel {
  width: 100%;
}
@media (min-width: 768px) {
  .sc-form .scfSectionContent .scfCaptchaLimitGeneralPanel {
    width: 215px;
  }
}
.sc-form .scfSectionContent .scfCaptchaLimitGeneralPanel td {
  display: table-cell;
  padding: 0;
  width: auto;
}
.sc-form .scfSectionContent .scfCaptchaLimitGeneralPanel td input {
  margin: 0;
}
.sc-form .scfSectionContent .scfRequired {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .sc-form .scfSectionContent .scfRequired {
    position: relative;
  }
}
.sc-form .scfSectionContent .scfCaptchaBorder {
  zoom: 1;
}
.sc-form .scfSectionContent .scfCaptchaBorder:after, .sc-form .scfSectionContent .scfCaptchaBorder:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.sc-form .scfSectionContent .scfCaptchaBorder:after {
  clear: both;
}
.sc-form .scfValidationSummary {
  display: none;
}
.sc-form .scfSectionLegend {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.sc-form .scfDateSelectorLabel {
  display: inline-block;
  margin-bottom: 15px;
}
.sc-form .scfDateSelectorGeneralPanel {
  margin-bottom: 15px;
}
.sc-form .scfCheckBoxList,
.sc-form .scfRadioButtonList {
  border-collapse: collapse;
  height: auto;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
}
.sc-form input[type=checkbox] ~ label,
.sc-form input[type=radio] ~ label {
  font-size: 1.3rem;
  padding-left: 30px;
}
.sc-form input[type=checkbox] ~ label:after, .sc-form input[type=checkbox] ~ label:before,
.sc-form input[type=radio] ~ label:after,
.sc-form input[type=radio] ~ label:before {
  top: 0;
}
.sc-form input[type=checkbox]:checked ~ label:after,
.sc-form input[type=radio]:checked ~ label:after {
  top: 4px;
}
.sc-form input[type=radio]:checked ~ label:after {
  border-radius: 100%;
}
.sc-form input[type=radio] ~ label:before,
.sc-form input[type=radio] ~ label:before {
  border-radius: 100%;
}
.sc-form .scfRadioButtonList input[type=radio] ~ .field__label:before, .sc-form .scfRadioButtonList input[type=radio] ~ label:before,
.sc-form .scfRadioButtonList input[type=radio] ~ .field__label:before {
  border-radius: 100%;
}
.sc-form input[type=radio],
.sc-form input[type=checkbox] {
  margin: 0;
}
.sc-form .scfCheckBoxListBorder,
.sc-form .scfDatePickerBorder,
.sc-form .scfDatePickerGeneralPanel,
.sc-form .scfDatePickerLabel,
.sc-form .scfDateSelectorBorder,
.sc-form .scfDropListBorder,
.sc-form .scfEmailBorder,
.sc-form .scfListBoxBorder,
.sc-form .scfMultipleLineTextBorder,
.sc-form .scfNumberBorder,
.sc-form .scfPasswordBorder,
.sc-form .scfRadioButtonListBorder,
.sc-form .scfSingleLineTextBorder,
.sc-form .scfTelephoneBorder {
  position: relative;
}
.sc-form .scfCaptchaLabel,
.sc-form .scfCheckBoxListLabel,
.sc-form .scfConfirmPasswordLabel,
.sc-form .scfCreditCardLabel,
.sc-form .scfDateLabel,
.sc-form .scfDatePickerLabel,
.sc-form .scfDateSelectorLabel,
.sc-form .scfDropListLabel,
.sc-form .scfEmailLabel,
.sc-form .scfFileUploadLabel,
.sc-form .scfListBoxLabel,
.sc-form .scfMultipleLineTextLabel,
.sc-form .scfNumberLabel,
.sc-form .scfPasswordLabel,
.sc-form .scfRadioButtonListLabel,
.sc-form .scfSingleLineTextLabel,
.sc-form .scfSmsTelephoneLabel,
.sc-form .scfTelephoneLabel {
  padding: 3px 2px;
  width: 35%;
}
.sc-form .scfDateSelectorShortLabelDay,
.sc-form .scfDateSelectorShortLabelMonth,
.sc-form .scfDateSelectorShortLabelYear {
  display: none;
}
.sc-form .scfRequired {
  display: inline-block;
  float: none;
  margin: 5px 0 0 5px;
  right: 0;
  top: 0;
}
.sc-form .scfDropListGeneralPanel,
.sc-form .scfListBoxGeneralPanel,
.sc-form .dropdown-container {
  border: none;
  padding: 0;
  position: relative;
}
.sc-form .scfDropListGeneralPanel select,
.sc-form .scfListBoxGeneralPanel select,
.sc-form .dropdown-container select {
  appearance: none;
  background: #FFFFFF;
  min-height: 39px;
  padding: 9px 70px 9px 10px;
  position: relative;
  text-indent: 1px;
}
.sc-form .scfDropListGeneralPanel select::-ms-expand,
.sc-form .scfListBoxGeneralPanel select::-ms-expand,
.sc-form .dropdown-container select::-ms-expand {
  display: none;
}
.appearance .sc-form .scfDropListGeneralPanel:before,
.appearance .sc-form .dropdown-container:before {
  color: #535A5C;
  font-size: 1.8rem;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.appearance .sc-form .scfDropListGeneralPanel:after,
.appearance .sc-form .dropdown-container:after {
  background: #f3f3f3;
  content: "";
  height: calc(100% - 2px);
  padding: 0 25px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
}
.sc-form .scfListBoxGeneralPanel select {
  padding: 9px 10px;
}
.appearance .sc-form .scfListBoxGeneralPanel select:after {
  display: none;
}
.sc-form input[type=submit] {
  width: auto;
}
.sc-form label {
  margin-bottom: 0;
}
.sc-form fieldset {
  border: none;
  margin: 20px 0;
  padding: 0;
}
.sc-form legend {
  margin-bottom: 15px;
}

.field__element--partner-portal-predictive {
  position: relative;
}

.field__partner-portal-predictive-panel {
  border: 1px solid #e6efff;
  display: none;
  list-style: none;
  margin: 0;
  max-height: 145px;
  overflow-y: scroll;
  position: absolute;
  top: calc(100% + 5px);
  width: 100%;
  z-index: 5;
}
.field__partner-portal-predictive-panel button {
  background: #f8fbff;
  border: none;
  color: #00a1cb;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0;
  padding: 10px 15px;
  text-align: left;
  width: 100%;
}
.field__partner-portal-predictive-panel li {
  display: block;
  list-style: none;
}
.field__partner-portal-predictive-panel li:first-child button {
  padding-top: 20px;
}
.field__partner-portal-predictive-panel li:last-child button {
  padding-bottom: 20px;
}
.field__partner-portal-predictive-panel--active {
  display: block;
}

.partner-portal-products {
  display: table;
  table-layout: fixed;
  visibility: hidden;
  width: 100%;
}
.partner-portal-products--show {
  visibility: visible;
}

.product-row {
  display: table-row;
}
.product-row > div,
.product-row > label {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.partner-portal .terms {
  background: #f8fbff;
  border-color: #e6efff;
  border-style: solid;
  border-width: 1px;
  color: #59758b;
  padding: 20px 10px;
  text-align: center;
}

/* ==========================================================================
	ICONS
========================================================================== */
@font-face {
  font-family: "icomoon";
  src: url("https://www.dlink.com/_include/redesign/icons/icomoon.eot?0.0.1");
  src: url("https://www.dlink.com/_include/redesign/icons/icomoon.eot?0.0.1#iefix") format("embedded-opentype"), url("https://www.dlink.com/_include/redesign/icons/icomoon.woff2?0.0.1") format("woff2"), url("https://www.dlink.com/_include/redesign/icons/icomoon.ttf?0.0.1") format("truetype"), url("https://www.dlink.com/_include/redesign/icons/icomoon.woff?0.0.1") format("woff"), url("https://www.dlink.com/_include/redesign/icons/icomoon.svg?0.0.1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon-after=line]:after,
[data-icon-before=line]:before, .icon-line, [data-icon-after=resources]:after,
[data-icon-before=resources]:before, .icon-resources, [data-icon-after=calendar-icon]:after,
[data-icon-before=calendar-icon]:before, .icon-calendar-icon, [data-icon-after=user]:after,
[data-icon-before=user]:before, .icon-user, [data-icon-after=arrow-double]:after,
[data-icon-before=arrow-double]:before, .icon-arrow-double, .appearance .field__element--select:before, .appearance .sc-form .scfDropListGeneralPanel:before,
.appearance .sc-form .dropdown-container:before, .appearance .sc-form select:before, .sc-form .appearance select:before, [data-icon-after=blog]:after,
[data-icon-before=blog]:before, .icon-blog, [data-icon-after=plus]:after,
[data-icon-before=plus]:before, .icon-plus, .is-mobile.touchevents .product-gallery-images__item:after, .is-tablet.touchevents .product-gallery-images__item:after, [data-icon-after=reset]:after,
[data-icon-before=reset]:before, .icon-reset, [data-icon-after=angle-down-circle]:after,
[data-icon-before=angle-down-circle]:before, .icon-angle-down-circle, [data-icon-after=angle-up-circle]:after,
[data-icon-before=angle-up-circle]:before, .icon-angle-up-circle, [data-icon-after=clock]:after,
[data-icon-before=clock]:before, .icon-clock, [data-icon-after=phone]:after,
[data-icon-before=phone]:before, .icon-phone, [data-icon-after=envelope]:after,
[data-icon-before=envelope]:before, .icon-envelope, [data-icon-after=download]:after,
[data-icon-before=download]:before, .icon-download, [data-icon-after=caret-up]:after,
[data-icon-before=caret-up]:before, .icon-caret-up, [data-icon-after=caret-down]:after,
[data-icon-before=caret-down]:before, .icon-caret-down, [data-icon-after=caret-right]:after,
[data-icon-before=caret-right]:before, .icon-caret-right, [data-icon-after=caret-left]:after,
[data-icon-before=caret-left]:before, .icon-caret-left, [data-icon-after=angle-down]:after,
[data-icon-before=angle-down]:before, .icon-angle-down, .product-item__compare-bar a:after, .product-item__compare-bar button:after, .jumplinks__item--active:after, .filter--resource-centre.filter .slider .slider__slide .accordion__button:after, .filter__more-options:after, .filter.filter--product-grid .module .accordion__button:after, .appearance .partner-portal .field__element--select:before, .appearance .partner-portal .sc-form select:before, .sc-form .appearance .partner-portal select:before, [data-icon-after=angle-up]:after,
[data-icon-before=angle-up]:before, .icon-angle-up, [data-icon-after=angle-right]:after,
[data-icon-before=angle-right]:before, .icon-angle-right, .partner-portal .teaser-button__link:after, [data-icon-after=angle-left]:after,
[data-icon-before=angle-left]:before, .icon-angle-left, [data-icon-after=arrow-down]:after,
[data-icon-before=arrow-down]:before, .icon-arrow-down, [data-icon-after=arrow-up]:after,
[data-icon-before=arrow-up]:before, .icon-arrow-up, [data-icon-after=arrow-right]:after,
[data-icon-before=arrow-right]:before, .icon-arrow-right, [data-icon-after=arrow-left]:after,
[data-icon-before=arrow-left]:before, .icon-arrow-left, [data-icon-after=instagram]:after,
[data-icon-before=instagram]:before, .icon-instagram, [data-icon-after=youtube]:after,
[data-icon-before=youtube]:before, .icon-youtube, [data-icon-after=document]:after,
[data-icon-before=document]:before, .icon-document, [data-icon-after=comments]:after,
[data-icon-before=comments]:before, .icon-comments, [data-icon-after=linkedin]:after,
[data-icon-before=linkedin]:before, .icon-linkedin, [data-icon-after=cogs]:after,
[data-icon-before=cogs]:before, .icon-cogs, [data-icon-after=play]:after,
[data-icon-before=play]:before, .icon-play, .mfp-content .row .padBrd .play:before, .video-inline__link:after, .social-callout__image-container--video a:after, .item-listing__image--video:after, [data-icon-after=close]:after,
[data-icon-before=close]:before, .icon-close, .table-specs__status--not-supported:before, .table-comparison__status--not-supported:before, .tooltip-close-btn:before, .mfp-close, [data-icon-after=check]:after,
[data-icon-before=check]:before, .icon-check, .rte ul.check-list li:before, [data-icon-after=compare-grid]:after,
[data-icon-before=compare-grid]:before, .icon-compare-grid, .compare-bar__grid-link:before, [data-icon-after=info-with-circle]:after,
[data-icon-before=info-with-circle]:before, .icon-info-with-circle, .tooltip:before, [data-icon-after=wifi]:after,
[data-icon-before=wifi]:before, .icon-wifi, [data-icon-after=tick]:after,
[data-icon-before=tick]:before, .icon-tick, .table-specs__status--supported:before, .table-comparison__status--supported:before, .in-page-list--tick .in-page-list__item:after, [data-icon-after=size]:after,
[data-icon-before=size]:before, .icon-size, [data-icon-after=search]:after,
[data-icon-before=search]:before, .icon-search, [data-icon-after=print]:after,
[data-icon-before=print]:before, .icon-print, [data-icon-after=power]:after,
[data-icon-before=power]:before, .icon-power, [data-icon-after=play-circle]:after,
[data-icon-before=play-circle]:before, .icon-play-circle, .product-feature-images .slick-dots li.video:before, .product-gallery-thumbnails__item--video:before, div[data-slick].product-gallery-images .slick-dots li.video:before, [data-icon-after=pin]:after,
[data-icon-before=pin]:before, .icon-pin, [data-icon-after=HD]:after,
[data-icon-before=HD]:before, .icon-HD, [data-icon-after=environment]:after,
[data-icon-before=environment]:before, .icon-environment, [data-icon-after=email]:after,
[data-icon-before=email]:before, .icon-email, [data-icon-after=certificate]:after,
[data-icon-before=certificate]:before, .icon-certificate, [data-icon-after=angle-right-circle]:after,
[data-icon-before=angle-right-circle]:before, .icon-angle-right-circle, [data-icon-after="360"]:after,
[data-icon-before="360"]:before, .icon-360, .product-gallery-thumbnails__item--360:before, [data-icon-after=tick-circle]:after,
[data-icon-before=tick-circle]:before, .icon-tick-circle, [data-icon-after=button-arrow]:after,
[data-icon-before=button-arrow]:before, .icon-button-arrow, .newsletter-sign-up .newsletter-sign-up__form-code button:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:after, .faq__item--show-arrow:after, .collection-toggle__button:after, .sc-form input[type=submit]:after, [data-icon-after=slider-arrow-left]:after,
[data-icon-before=slider-arrow-left]:before, .icon-slider-arrow-left, div[data-slick].slider .slick-prev:before, [data-icon-after=slider-arrow-right]:after,
[data-icon-before=slider-arrow-right]:before, .icon-slider-arrow-right, div[data-slick].slider .slick-next:before, [data-icon-after=facebook]:after,
[data-icon-before=facebook]:before, .icon-facebook, [data-icon-after=twitter]:after,
[data-icon-before=twitter]:before, .icon-twitter, [data-icon-after=compare-list]:after,
[data-icon-before=compare-list]:before, .icon-compare-list, .compare-bar__list-link:before, [data-icon-after=clear]:after,
[data-icon-before=clear]:before, .icon-clear, .compare-bar__clear-all-btn:before, [data-icon-after=angle-left-circle]:after,
[data-icon-before=angle-left-circle]:before, .icon-angle-left-circle, [data-icon-after=home]:after,
[data-icon-before=home]:before, .icon-home {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.icon-home {
  content: "\e900";
}

[data-icon-after=home]:after,
[data-icon-before=home]:before {
  content: "\e900";
}

.icon-angle-left-circle {
  content: "\e901";
}

[data-icon-after=angle-left-circle]:after,
[data-icon-before=angle-left-circle]:before {
  content: "\e901";
}

.icon-clear, .compare-bar__clear-all-btn:before {
  content: "\e902";
}

[data-icon-after=clear]:after,
[data-icon-before=clear]:before {
  content: "\e902";
}

.icon-compare-list, .compare-bar__list-link:before {
  content: "\e903";
}

[data-icon-after=compare-list]:after,
[data-icon-before=compare-list]:before {
  content: "\e903";
}

.icon-twitter {
  content: "\e904";
}

[data-icon-after=twitter]:after,
[data-icon-before=twitter]:before {
  content: "\e904";
}

.icon-facebook {
  content: "\e905";
}

[data-icon-after=facebook]:after,
[data-icon-before=facebook]:before {
  content: "\e905";
}

.icon-slider-arrow-right, div[data-slick].slider .slick-next:before {
  content: "\e906";
}

[data-icon-after=slider-arrow-right]:after,
[data-icon-before=slider-arrow-right]:before {
  content: "\e906";
}

.icon-slider-arrow-left, div[data-slick].slider .slick-prev:before {
  content: "\e907";
}

[data-icon-after=slider-arrow-left]:after,
[data-icon-before=slider-arrow-left]:before {
  content: "\e907";
}

.icon-button-arrow, .newsletter-sign-up .newsletter-sign-up__form-code button:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:after, .faq__item--show-arrow:after, .collection-toggle__button:after, .sc-form input[type=submit]:after {
  content: "\e908";
}

[data-icon-after=button-arrow]:after,
[data-icon-before=button-arrow]:before {
  content: "\e908";
}

.icon-tick-circle {
  content: "\e909";
}

[data-icon-after=tick-circle]:after,
[data-icon-before=tick-circle]:before {
  content: "\e909";
}

.icon-360, .product-gallery-thumbnails__item--360:before {
  content: "\e910";
}

[data-icon-after="360"]:after,
[data-icon-before="360"]:before {
  content: "\e910";
}

.icon-angle-right-circle {
  content: "\e911";
}

[data-icon-after=angle-right-circle]:after,
[data-icon-before=angle-right-circle]:before {
  content: "\e911";
}

.icon-certificate {
  content: "\e912";
}

[data-icon-after=certificate]:after,
[data-icon-before=certificate]:before {
  content: "\e912";
}

.icon-email {
  content: "\e913";
}

[data-icon-after=email]:after,
[data-icon-before=email]:before {
  content: "\e913";
}

.icon-environment {
  content: "\e914";
}

[data-icon-after=environment]:after,
[data-icon-before=environment]:before {
  content: "\e914";
}

.icon-HD {
  content: "\e915";
}

[data-icon-after=HD]:after,
[data-icon-before=HD]:before {
  content: "\e915";
}

.icon-pin {
  content: "\e916";
}

[data-icon-after=pin]:after,
[data-icon-before=pin]:before {
  content: "\e916";
}

.icon-play-circle, .product-feature-images .slick-dots li.video:before, .product-gallery-thumbnails__item--video:before, div[data-slick].product-gallery-images .slick-dots li.video:before {
  content: "\e917";
}

[data-icon-after=play-circle]:after,
[data-icon-before=play-circle]:before {
  content: "\e917";
}

.icon-power {
  content: "\e918";
}

[data-icon-after=power]:after,
[data-icon-before=power]:before {
  content: "\e918";
}

.icon-print {
  content: "\e919";
}

[data-icon-after=print]:after,
[data-icon-before=print]:before {
  content: "\e919";
}

.icon-search {
  content: "\e920";
}

[data-icon-after=search]:after,
[data-icon-before=search]:before {
  content: "\e920";
}

.icon-size {
  content: "\e921";
}

[data-icon-after=size]:after,
[data-icon-before=size]:before {
  content: "\e921";
}

.icon-tick, .table-specs__status--supported:before, .table-comparison__status--supported:before, .in-page-list--tick .in-page-list__item:after {
  content: "\e922";
}

[data-icon-after=tick]:after,
[data-icon-before=tick]:before {
  content: "\e922";
}

.icon-wifi {
  content: "\e923";
}

[data-icon-after=wifi]:after,
[data-icon-before=wifi]:before {
  content: "\e923";
}

.icon-info-with-circle, .tooltip:before {
  content: "\e924";
}

[data-icon-after=info-with-circle]:after,
[data-icon-before=info-with-circle]:before {
  content: "\e924";
}

.icon-compare-grid, .compare-bar__grid-link:before {
  content: "\e925";
}

[data-icon-after=compare-grid]:after,
[data-icon-before=compare-grid]:before {
  content: "\e925";
}

.icon-check, .rte ul.check-list li:before {
  content: "\e926";
}

[data-icon-after=check]:after,
[data-icon-before=check]:before {
  content: "\e926";
}

.icon-close, .table-specs__status--not-supported:before, .table-comparison__status--not-supported:before, .tooltip-close-btn:before, .mfp-close {
  content: "\e927";
}

[data-icon-after=close]:after,
[data-icon-before=close]:before {
  content: "\e927";
}

.icon-play, .mfp-content .row .padBrd .play:before, .video-inline__link:after, .social-callout__image-container--video a:after, .item-listing__image--video:after {
  content: "\e928";
}

[data-icon-after=play]:after,
[data-icon-before=play]:before {
  content: "\e928";
}

.icon-cogs {
  content: "\e929";
}

[data-icon-after=cogs]:after,
[data-icon-before=cogs]:before {
  content: "\e929";
}

.icon-linkedin {
  content: "\e930";
}

[data-icon-after=linkedin]:after,
[data-icon-before=linkedin]:before {
  content: "\e930";
}

.icon-comments {
  content: "\e931";
}

[data-icon-after=comments]:after,
[data-icon-before=comments]:before {
  content: "\e931";
}

.icon-document {
  content: "\e932";
}

[data-icon-after=document]:after,
[data-icon-before=document]:before {
  content: "\e932";
}

.icon-youtube {
  content: "\e933";
}

[data-icon-after=youtube]:after,
[data-icon-before=youtube]:before {
  content: "\e933";
}

.icon-instagram {
  content: "\e934";
}

[data-icon-after=instagram]:after,
[data-icon-before=instagram]:before {
  content: "\e934";
}

.icon-arrow-left {
  content: "\e935";
}

[data-icon-after=arrow-left]:after,
[data-icon-before=arrow-left]:before {
  content: "\e935";
}

.icon-arrow-right {
  content: "\e936";
}

[data-icon-after=arrow-right]:after,
[data-icon-before=arrow-right]:before {
  content: "\e936";
}

.icon-arrow-up {
  content: "\e937";
}

[data-icon-after=arrow-up]:after,
[data-icon-before=arrow-up]:before {
  content: "\e937";
}

.icon-arrow-down {
  content: "\e938";
}

[data-icon-after=arrow-down]:after,
[data-icon-before=arrow-down]:before {
  content: "\e938";
}

.icon-angle-left {
  content: "\e939";
}

[data-icon-after=angle-left]:after,
[data-icon-before=angle-left]:before {
  content: "\e939";
}

.icon-angle-right, .partner-portal .teaser-button__link:after {
  content: "\e940";
}

[data-icon-after=angle-right]:after,
[data-icon-before=angle-right]:before {
  content: "\e940";
}

.icon-angle-up {
  content: "\e941";
}

[data-icon-after=angle-up]:after,
[data-icon-before=angle-up]:before {
  content: "\e941";
}

.icon-angle-down, .product-item__compare-bar a:after, .product-item__compare-bar button:after, .jumplinks__item--active:after, .filter--resource-centre.filter .slider .slider__slide .accordion__button:after, .filter__more-options:after, .filter.filter--product-grid .module .accordion__button:after, .appearance .partner-portal .field__element--select:before, .appearance .partner-portal .sc-form select:before, .sc-form .appearance .partner-portal select:before {
  content: "\e942";
}

[data-icon-after=angle-down]:after,
[data-icon-before=angle-down]:before {
  content: "\e942";
}

.icon-caret-left {
  content: "\e943";
}

[data-icon-after=caret-left]:after,
[data-icon-before=caret-left]:before {
  content: "\e943";
}

.icon-caret-right {
  content: "\e944";
}

[data-icon-after=caret-right]:after,
[data-icon-before=caret-right]:before {
  content: "\e944";
}

.icon-caret-down {
  content: "\e945";
}

[data-icon-after=caret-down]:after,
[data-icon-before=caret-down]:before {
  content: "\e945";
}

.icon-caret-up {
  content: "\e946";
}

[data-icon-after=caret-up]:after,
[data-icon-before=caret-up]:before {
  content: "\e946";
}

.icon-download {
  content: "\e947";
}

[data-icon-after=download]:after,
[data-icon-before=download]:before {
  content: "\e947";
}

.icon-envelope {
  content: "\e948";
}

[data-icon-after=envelope]:after,
[data-icon-before=envelope]:before {
  content: "\e948";
}

.icon-phone {
  content: "\e949";
}

[data-icon-after=phone]:after,
[data-icon-before=phone]:before {
  content: "\e949";
}

.icon-clock {
  content: "\e950";
}

[data-icon-after=clock]:after,
[data-icon-before=clock]:before {
  content: "\e950";
}

.icon-angle-up-circle {
  content: "\e951";
}

[data-icon-after=angle-up-circle]:after,
[data-icon-before=angle-up-circle]:before {
  content: "\e951";
}

.icon-angle-down-circle {
  content: "\e952";
}

[data-icon-after=angle-down-circle]:after,
[data-icon-before=angle-down-circle]:before {
  content: "\e952";
}

.icon-reset {
  content: "\e953";
}

[data-icon-after=reset]:after,
[data-icon-before=reset]:before {
  content: "\e953";
}

.icon-plus, .is-mobile.touchevents .product-gallery-images__item:after, .is-tablet.touchevents .product-gallery-images__item:after {
  content: "\e954";
}

[data-icon-after=plus]:after,
[data-icon-before=plus]:before {
  content: "\e954";
}

.icon-blog {
  content: "\e955";
}

[data-icon-after=blog]:after,
[data-icon-before=blog]:before {
  content: "\e955";
}

.icon-arrow-double, .appearance .field__element--select:before, .appearance .sc-form .scfDropListGeneralPanel:before,
.appearance .sc-form .dropdown-container:before, .appearance .sc-form select:before, .sc-form .appearance select:before {
  content: "\e956";
}

[data-icon-after=arrow-double]:after,
[data-icon-before=arrow-double]:before {
  content: "\e956";
}

.icon-user {
  content: "\e957";
}

[data-icon-after=user]:after,
[data-icon-before=user]:before {
  content: "\e957";
}

.icon-calendar-icon {
  content: "\e958";
}

[data-icon-after=calendar-icon]:after,
[data-icon-before=calendar-icon]:before {
  content: "\e958";
}

.icon-resources {
  content: "\e959";
}

[data-icon-after=resources]:after,
[data-icon-before=resources]:before {
  content: "\e959";
}

.icon-line {
  content: "\e960";
}

[data-icon-after=line]:after,
[data-icon-before=line]:before {
  content: "\e960";
}

[data-icon-after],
[data-icon-before] {
  text-decoration: none;
}

[data-icon-before].icon-margin-right:before {
  margin-right: 10px;
}
[data-icon-before].icon-offset-left:before {
  margin-right: 10px;
}
@media (min-width: 1200px) {
  [data-icon-before].icon-offset-left {
    position: relative;
  }
  [data-icon-before].icon-offset-left:before {
    height: 100%;
    left: 0;
    padding: 0 10px 0 0;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
  }
}
[data-icon-before].icon-color-primary:after, [data-icon-before].icon-color-primary:before {
  color: #0083A5;
}

/* ==========================================================================
		TYPOGRAPHY
	 ========================================================================== */
.heading, .rte h4, .rte h3, .rte h2, .rte h1 {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  margin: 0;
}
.heading strong, .rte h4 strong, .rte h3 strong, .rte h2 strong, .rte h1 strong {
  font-weight: 400;
}
@media (min-width: 768px) {
  .heading.block, .rte h4.block, .rte h3.block, .rte h2.block, .rte h1.block {
    display: block;
  }
  .heading.inline, .rte h4.inline, .rte h3.inline, .rte h2.inline, .rte h1.inline {
    display: inline-block;
  }
  .heading.float-left, .rte h4.float-left, .rte h3.float-left, .rte h2.float-left, .rte h1.float-left {
    float: left;
  }
  .heading.float-right, .rte h4.float-right, .rte h3.float-right, .rte h2.float-right, .rte h1.float-right {
    float: right;
  }
}

.heading--primary, .rte h1 {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 3.8rem;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.11;
}
@media (min-width: 768px) {
  .heading--primary, .rte h1 {
    font-size: 6.4rem;
    letter-spacing: -1.3px;
    line-height: 1;
  }
}
.heading--primary span, .rte h1 span {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1.8px;
  line-height: 2.45;
  text-transform: uppercase;
}
.heading--primary.heading--highlight, .rte h1.heading--highlight {
  font-weight: 400;
}

.heading--secondary, .rte h2 {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 3rem;
  font-weight: 300;
  letter-spacing: -0.6px;
  line-height: 1.27;
}
@media (min-width: 768px) {
  .heading--secondary, .rte h2 {
    font-size: 4.2rem;
    letter-spacing: -0.8px;
    line-height: 1.4;
  }
}
.heading--secondary.heading--highlight, .rte h2.heading--highlight {
  font-weight: 400;
}

.heading--tertiary, .rte h3 {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.23;
}
@media (min-width: 768px) {
  .heading--tertiary, .rte h3 {
    font-size: 3.4rem;
    letter-spacing: -0.7px;
    line-height: 1.44;
  }
}
.heading--tertiary.heading--highlight, .rte h3.heading--highlight {
  font-weight: 400;
}

.heading--quaternary, .rte h4 {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.33;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .heading--quaternary, .rte h4 {
    font-size: 2rem;
    letter-spacing: 1.8px;
    line-height: 1;
  }
}

.heading--highlight {
  font-weight: 400;
}

.sub-heading, .product-specs__title, .rte h6, .rte h5, .product-row__id {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .sub-heading, .product-specs__title, .rte h6, .rte h5, .product-row__id {
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    line-height: 1.33;
  }
}
.sub-heading--intro, .rte h5 {
  font-size: 1.7rem;
  letter-spacing: -0.3px;
  line-height: 1.41;
}
.partner-portal .sub-heading--intro, .partner-portal .rte h5, .rte .partner-portal h5 {
  color: #59758b !important;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .partner-portal .sub-heading--intro, .partner-portal .rte h5, .rte .partner-portal h5 {
    font-size: 1.7rem !important;
  }
}
@media (min-width: 768px) {
  .sub-heading--intro, .rte h5 {
    font-size: 2rem;
    letter-spacing: -0.4px;
    line-height: 1.6;
  }
}
.sub-heading--title {
  font-size: 1.6rem;
  letter-spacing: -0.3px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .sub-heading--title {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    line-height: 1.47;
  }
}

.body-text, .featured-overview__subtitle,
.featured-overview__title, .article-listing__subtitle, .item-listing__subtitle, .rte ol li,
.rte ul li, .rte p {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
}
@media (min-width: 768px) {
  .body-text, .featured-overview__subtitle,
.featured-overview__title, .article-listing__subtitle, .item-listing__subtitle, .rte ol li,
.rte ul li, .rte p {
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    line-height: 1.73;
  }
}
.partner-portal .body-text, .partner-portal .featured-overview__subtitle,
.partner-portal .featured-overview__title, .partner-portal .article-listing__subtitle, .partner-portal .item-listing__subtitle, .partner-portal .rte ol li, .rte ol .partner-portal li,
.partner-portal .rte ul li,
.rte ul .partner-portal li, .partner-portal .rte p, .rte .partner-portal p {
  font-family: "Lato", "Noto Sans TC", sans-serif;
}

.rte {
  color: #191f21;
}
.section--black .rte, .section--midnightblue .rte, .section--dark .rte, .section--primary .rte {
  color: #fff;
}
.rte a {
  color: #0083A5;
}
.section--primary .rte a {
  color: #fff;
}
.rte h1 {
  margin-bottom: 20px;
}
.module--bg-light .rte h1 {
  color: #191f21;
}
.rte h2 {
  margin-bottom: 20px;
}
.module--bg-light .rte h2 {
  color: #191f21;
}
.rte h3 {
  margin-bottom: 20px;
}
.module--bg-light .rte h3 {
  color: #191f21;
}
.rte h4 {
  margin-bottom: 20px;
}
.module--bg-light .rte h4 {
  color: #191f21;
}
.rte h5 {
  margin-bottom: 20px;
}
.module--bg-light .rte h5 {
  color: #191f21;
}
.rte h6 {
  margin-bottom: 20px;
}
.module--bg-light .rte h6 {
  color: #191f21;
}
.rte p {
  color: #535A5C;
  margin-bottom: 20px;
}
.rte p:first-of-type {
  margin-top: 0;
}
.rte p:last-of-type {
  margin-bottom: 0;
}
.section--black .rte p, .section--midnightblue .rte p, .section--dark .rte p, .section--primary .rte p {
  color: #fff;
}
.module--bg-light .rte p {
  color: #535A5C;
}
.rte a:not(.button)[href] {
  color: #0083A5;
}
.rte a:not(.button)[href].no-decoration {
  text-decoration: none;
}
.section--dark .rte a:not(.button)[href], .section--primary .rte a:not(.button)[href] {
  color: #fff;
}
.rte a:not(.button)[href]:hover {
  color: rgba(0, 131, 165, 0.5);
}
.section--dark .rte a:not(.button)[href]:hover, .section--primary .rte a:not(.button)[href]:hover {
  color: #e6e6e6;
}
@media (min-width: 1280px) {
  .rte a:not(.button) {
    transition: all, 0.25s;
  }
}
.rte .button, .rte .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .rte button,
.rte .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .rte input[type=button],
.rte .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .rte input[type=reset],
.rte .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .rte input[type=submit], .rte .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .rte input[type=submit], .rte .notification .confirm, .notification .rte .confirm, .rte .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .rte .section-nav-in-page__link, .rte .sc-form input[type=submit], .sc-form .rte input[type=submit] {
  margin: 20px 0;
}
@media (min-width: 768px) {
  .rte .button--no-margin {
    margin: 0;
  }
}
.rte address {
  font-style: normal;
  padding: 20px 0;
}
.rte address p {
  font-size: 2.1rem;
}
.rte strong {
  font-weight: 700;
}
.rte em {
  font-style: italic;
}
.rte small {
  font-size: 80%;
}
.rte ol,
.rte ul {
  padding: 0 0 0 1.4rem;
}
.rte ol li,
.rte ul li {
  color: #535A5C;
  margin: 0 0 10px;
}
.section--black .rte ol li, .section--midnightblue .rte ol li, .section--dark .rte ol li, .section--primary .rte ol li,
.section--black .rte ul li,
.section--midnightblue .rte ul li,
.section--dark .rte ul li,
.section--primary .rte ul li {
  color: #fff;
}
@media (min-width: 768px) {
  .rte ol li,
.rte ul li {
    margin: 0 0 20px;
  }
}
.rte ol li a,
.rte ul li a {
  text-decoration: none;
}
.rte ul {
  list-style: disc;
}
.rte ul.check-list {
  list-style: none;
  padding: 0;
}
.rte ul.check-list li:before {
  background: #e6e6e6;
  border-radius: 100%;
  color: #0083A5;
  margin: 0 10px 0 0;
  padding: 5px;
}
.rte ol {
  list-style: decimal;
}
.rte img {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
}
.rte img.float-left {
  float: left;
  margin: 0 20px 20px 0;
}
.rte img.float-right {
  float: right;
  margin: 0 0 20px 20px;
}
.rte img.align-center {
  display: block;
  float: none;
  margin: 0 auto 20px;
}
.rte img.height-auto {
  height: auto;
}
.rte img.image--ignore-attribute {
  display: block;
  margin: 0 auto;
}
.rte .margin-top {
  margin-top: 10px;
}
.rte .margin-right {
  margin-right: 10px;
}
.rte .margin-bottom {
  margin-bottom: 10px;
}
.rte .margin-left {
  margin-left: 10px;
}
.rte .padding-top {
  margin-top: 10px;
}
.rte .padding-right {
  margin-right: 10px;
}
.rte .padding-bottom {
  margin-bottom: 10px;
}
.rte .padding-left {
  margin-left: 10px;
}
.rte [data-icon-after]:after {
  margin-left: 10px;
}
.rte [data-icon-before]:before {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .rte .block {
    display: block;
  }
  .rte .inline {
    display: inline-block;
  }
  .rte .float-left {
    float: left;
  }
  .rte .float-right {
    float: right;
  }
}
.partner-portal .rte p {
  color: #59758b;
}
.partner-portal .rte strong {
  color: #084386;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8rem;
}
@media (min-width: 769px) {
  .partner-portal .rte strong {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.partner-portal .rte h2,
.partner-portal .rte h3,
.partner-portal .rte h4,
.partner-portal .rte h5,
.partner-portal .rte h6 {
  color: #59758b;
  font-size: 2rem;
  font-weight: 500;
  margin: 10px 0;
}
.partner-portal .rte ul li {
  color: #59758b;
}
.partner-portal .rte blockquote {
  background: #f8fbff;
  color: #59758b;
  margin: 10px 0;
  padding: 20px;
}
.partner-portal .rte blockquote strong {
  color: #59758b;
  font-size: 1.4rem;
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.align-left,
[data-text-align=left] {
  text-align: left;
}

.align-center,
[data-text-align=center] {
  text-align: center;
}

.align-right,
[data-text-align=right] {
  text-align: right;
}

hr {
  background: 0;
  border-bottom: 1px solid #f3f3f3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: calc(100% - 40px);
}
@media (min-width: 1200px) {
  hr {
    width: 100%;
  }
}
.section--mid hr {
  border-bottom: 1px solid #e6e6e6;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.section--dark hr {
  border-bottom: 1px solid #5f6769;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.section--primary hr {
  border-bottom: 1px solid #0097bf;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

/* ==========================================================================
		GRID
========================================================================== */
.grid__col--overflow-hidden {
  overflow: hidden;
}

.grid__col--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid, .partner-portal-downloads-panel, .partner-portal-events-panel, .item-listing {
  display: flex;
  flex-wrap: wrap;
}
.partner-portal .content-tabbed__main-content .grid, .partner-portal .content-tabbed__main-content .partner-portal-downloads-panel, .partner-portal .content-tabbed__main-content .partner-portal-events-panel, .partner-portal .content-tabbed__main-content .item-listing {
  margin-left: -10px;
  width: calc(100% + 20px);
}
@media (min-width: 768px) {
  .partner-portal .content-tabbed__main-content .grid, .partner-portal .content-tabbed__main-content .partner-portal-downloads-panel, .partner-portal .content-tabbed__main-content .partner-portal-events-panel, .partner-portal .content-tabbed__main-content .item-listing {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
.grid--space-between {
  justify-content: space-between;
}
.grid--vertical-centre {
  align-items: center;
}
.grid--center {
  margin: auto;
}
.grid img, .partner-portal-downloads-panel img, .partner-portal-events-panel img, .item-listing img {
  flex-shrink: 0;
}
@media (min-width: 1025px) {
  .grid--nowrap {
    flex-wrap: nowrap;
  }
}
.grid--nowrap-all {
  flex-wrap: nowrap;
}
.grid--border {
  background: #FFFFFF;
  margin: 10px;
  width: calc(100% - 10px*2);
}
.grid--lr-padding {
  width: auto;
  margin: auto;
}
@media (min-width: 768px) {
  .grid--lr-padding {
    width: calc(100% - 10px*2);
  }
}
@media (min-width: 768px) {
  .grid, .partner-portal-downloads-panel, .partner-portal-events-panel, .item-listing {
    margin: 0;
    width: 100%;
  }
}

#loadMoreItems.grid, #loadMoreItems.partner-portal-downloads-panel, #loadMoreItems.partner-portal-events-panel, #loadMoreItems.item-listing {
  opacity: 1;
  padding: 0 10px;
  justify-content: space-between;
  margin-top: 30px;
}
@media (min-width: 1025px) {
  #loadMoreItems.grid, #loadMoreItems.partner-portal-downloads-panel, #loadMoreItems.partner-portal-events-panel, #loadMoreItems.item-listing {
    padding: inherit;
    justify-content: flex-start;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #loadMoreItems.grid, #loadMoreItems.partner-portal-downloads-panel, #loadMoreItems.partner-portal-events-panel, #loadMoreItems.item-listing {
    padding: 0 20px;
  }
}
#loadMoreItems.grid.loading, #loadMoreItems.loading.partner-portal-downloads-panel, #loadMoreItems.loading.partner-portal-events-panel, #loadMoreItems.loading.item-listing {
  opacity: 0.5;
}
#loadMoreItems.grid .pagecount, #loadMoreItems.partner-portal-downloads-panel .pagecount, #loadMoreItems.partner-portal-events-panel .pagecount, #loadMoreItems.item-listing .pagecount {
  border: none;
  flex-basis: 100%;
  margin: 0;
  padding: 0;
}

.grid__col, .item-listing__description-container, .item-listing__image-container {
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-height: 1px;
  position: relative;
  width: 100%;
}
.is-IE #loadMoreItems .grid__col, .is-IE #loadMoreItems .item-listing__description-container, .is-IE #loadMoreItems .item-listing__image-container, .is-IE #products .grid__col, .is-IE #products .item-listing__description-container, .is-IE #products .item-listing__image-container, .is-IE #whereToBuy .grid__col, .is-IE #whereToBuy .item-listing__description-container, .is-IE #whereToBuy .item-listing__image-container {
  flex-basis: auto;
}
.grid__col--1 {
  flex: 0 0 auto;
  width: calc((100%/12) * 1);
}
.grid--lr-padding .grid__col--1 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 1) + 1px);
  flex-basis: calc(((100%/12) * 1) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--1 {
    flex-basis: calc(((100%/12) * 1) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-1 {
  order: 1;
}
.grid__col--2 {
  flex: 0 0 auto;
  width: calc((100%/12) * 2);
}
.grid--lr-padding .grid__col--2 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 2) + 1px);
  flex-basis: calc(((100%/12) * 2) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--2 {
    flex-basis: calc(((100%/12) * 2) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-2 {
  order: 2;
}
.grid__col--3 {
  flex: 0 0 auto;
  width: calc((100%/12) * 3);
}
.grid--lr-padding .grid__col--3 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 3) + 1px);
  flex-basis: calc(((100%/12) * 3) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--3 {
    flex-basis: calc(((100%/12) * 3) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-3 {
  order: 3;
}
.grid__col--4, .item-listing__image-container {
  flex: 0 0 auto;
  width: calc((100%/12) * 4);
}
.grid--lr-padding .grid__col--4, .grid--lr-padding .item-listing__image-container {
  flex: 0 0 auto;
  width: calc(((100%/12) * 4) + 1px);
  flex-basis: calc(((100%/12) * 4) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--4, .grid--lr-padding .item-listing__image-container {
    flex-basis: calc(((100%/12) * 4) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-4 {
  order: 4;
}
.grid__col--5 {
  flex: 0 0 auto;
  width: calc((100%/12) * 5);
}
.grid--lr-padding .grid__col--5 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 5) + 1px);
  flex-basis: calc(((100%/12) * 5) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--5 {
    flex-basis: calc(((100%/12) * 5) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-5 {
  order: 5;
}
.grid__col--6 {
  flex: 0 0 auto;
  width: calc((100%/12) * 6);
}
.grid--lr-padding .grid__col--6 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 6) + 1px);
  flex-basis: calc(((100%/12) * 6) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--6 {
    flex-basis: calc(((100%/12) * 6) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-6 {
  order: 6;
}
.grid__col--7 {
  flex: 0 0 auto;
  width: calc((100%/12) * 7);
}
.grid--lr-padding .grid__col--7 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 7) + 1px);
  flex-basis: calc(((100%/12) * 7) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--7 {
    flex-basis: calc(((100%/12) * 7) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-7 {
  order: 7;
}
.grid__col--8, .item-listing__description-container {
  flex: 0 0 auto;
  width: calc((100%/12) * 8);
}
.grid--lr-padding .grid__col--8, .grid--lr-padding .item-listing__description-container {
  flex: 0 0 auto;
  width: calc(((100%/12) * 8) + 1px);
  flex-basis: calc(((100%/12) * 8) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--8, .grid--lr-padding .item-listing__description-container {
    flex-basis: calc(((100%/12) * 8) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-8 {
  order: 8;
}
.grid__col--9 {
  flex: 0 0 auto;
  width: calc((100%/12) * 9);
}
.grid--lr-padding .grid__col--9 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 9) + 1px);
  flex-basis: calc(((100%/12) * 9) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--9 {
    flex-basis: calc(((100%/12) * 9) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-9 {
  order: 9;
}
.grid__col--10 {
  flex: 0 0 auto;
  width: calc((100%/12) * 10);
}
.grid--lr-padding .grid__col--10 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 10) + 1px);
  flex-basis: calc(((100%/12) * 10) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--10 {
    flex-basis: calc(((100%/12) * 10) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-10 {
  order: 10;
}
.grid__col--11 {
  flex: 0 0 auto;
  width: calc((100%/12) * 11);
}
.grid--lr-padding .grid__col--11 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 11) + 1px);
  flex-basis: calc(((100%/12) * 11) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--11 {
    flex-basis: calc(((100%/12) * 11) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-11 {
  order: 11;
}
.grid__col--12 {
  flex: 0 0 auto;
  width: calc((100%/12) * 12);
}
.grid--lr-padding .grid__col--12 {
  flex: 0 0 auto;
  width: calc(((100%/12) * 12) + 1px);
  flex-basis: calc(((100%/12) * 12) - 5px);
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .grid--lr-padding .grid__col--12 {
    flex-basis: calc(((100%/12) * 12) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
.grid__col--order-12 {
  order: 12;
}
.grid__col--center {
  margin: auto;
}
@media (min-width: 768px) {
  .grid__col--border-top {
    border-top: 1px solid #EAEAEA;
  }
  .grid__col--border-right {
    border-right: 1px solid #EAEAEA;
  }
  .grid__col--border-bottom {
    border-bottom: 1px solid #EAEAEA;
  }
  .grid__col--border-left {
    border-left: 1px solid #EAEAEA;
  }
}
.grid--border .grid__col, .grid--border .item-listing__description-container, .grid--border .item-listing__image-container {
  border: 1px solid #EAEAEA;
  margin: -1px -1px 0 0;
  width: calc(100% + 1px);
}
.grid--border .grid__col--border-active {
  background-color: #fbfbff;
  border: 1px solid #1b9de7;
  position: relative;
}
.grid--border .grid__col--border-active:after, .grid--border .grid__col--border-active:before {
  background: #0083A5;
  content: "";
  position: absolute;
  z-index: 3;
}
.grid--border .grid__col--border-active:before {
  height: 1px;
  left: 0;
  top: 100%;
  width: 100%;
}
.grid--border .grid__col--border-active:after {
  height: 100%;
  left: 100%;
  top: 0;
  width: 1px;
}
.grid__col--hidden {
  display: none;
}

@media (min-width: 421px) {
  .grid__col--sm {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid--lr-padding .grid__col--sm {
    flex: 0 0 auto;
    width: calc(((100%/sm) * sm) + 1px);
    flex-basis: calc(((100%/sm) * sm) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm {
    flex-basis: calc(((100%/sm) * sm) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-auto {
    flex: 1 1;
    width: auto;
  }
  .grid__col--sm-auto-side-columns {
    width: 37.5%;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-1 {
    order: 1;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-1 {
    flex: 0 0 auto;
    width: calc((100%/12) * 1);
  }
  .grid--border .grid__col--sm-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
  }
  .grid--lr-padding .grid__col--sm-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
    flex-basis: calc(((100%/12) * 1) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-1 {
    flex-basis: calc(((100%/12) * 1) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-1 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-2 {
    order: 2;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-2 {
    flex: 0 0 auto;
    width: calc((100%/12) * 2);
  }
  .grid--border .grid__col--sm-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
  }
  .grid--lr-padding .grid__col--sm-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
    flex-basis: calc(((100%/12) * 2) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-2 {
    flex-basis: calc(((100%/12) * 2) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-2 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-3 {
    order: 3;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-3 {
    flex: 0 0 auto;
    width: calc((100%/12) * 3);
  }
  .grid--border .grid__col--sm-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
  }
  .grid--lr-padding .grid__col--sm-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
    flex-basis: calc(((100%/12) * 3) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-3 {
    flex-basis: calc(((100%/12) * 3) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-3 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-4 {
    order: 4;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-4 {
    flex: 0 0 auto;
    width: calc((100%/12) * 4);
  }
  .grid--border .grid__col--sm-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
  }
  .grid--lr-padding .grid__col--sm-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
    flex-basis: calc(((100%/12) * 4) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-4 {
    flex-basis: calc(((100%/12) * 4) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-4 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-5 {
    order: 5;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-5 {
    flex: 0 0 auto;
    width: calc((100%/12) * 5);
  }
  .grid--border .grid__col--sm-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
  }
  .grid--lr-padding .grid__col--sm-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
    flex-basis: calc(((100%/12) * 5) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-5 {
    flex-basis: calc(((100%/12) * 5) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-5 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-6 {
    order: 6;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-6 {
    flex: 0 0 auto;
    width: calc((100%/12) * 6);
  }
  .grid--border .grid__col--sm-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
  }
  .grid--lr-padding .grid__col--sm-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
    flex-basis: calc(((100%/12) * 6) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-6 {
    flex-basis: calc(((100%/12) * 6) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-6 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-7 {
    order: 7;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-7 {
    flex: 0 0 auto;
    width: calc((100%/12) * 7);
  }
  .grid--border .grid__col--sm-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
  }
  .grid--lr-padding .grid__col--sm-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
    flex-basis: calc(((100%/12) * 7) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-7 {
    flex-basis: calc(((100%/12) * 7) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-7 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-8 {
    order: 8;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-8 {
    flex: 0 0 auto;
    width: calc((100%/12) * 8);
  }
  .grid--border .grid__col--sm-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
  }
  .grid--lr-padding .grid__col--sm-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
    flex-basis: calc(((100%/12) * 8) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-8 {
    flex-basis: calc(((100%/12) * 8) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-8 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-9 {
    order: 9;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-9 {
    flex: 0 0 auto;
    width: calc((100%/12) * 9);
  }
  .grid--border .grid__col--sm-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
  }
  .grid--lr-padding .grid__col--sm-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
    flex-basis: calc(((100%/12) * 9) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-9 {
    flex-basis: calc(((100%/12) * 9) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-9 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-10 {
    order: 10;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-10 {
    flex: 0 0 auto;
    width: calc((100%/12) * 10);
  }
  .grid--border .grid__col--sm-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
  }
  .grid--lr-padding .grid__col--sm-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
    flex-basis: calc(((100%/12) * 10) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-10 {
    flex-basis: calc(((100%/12) * 10) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-10 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-11 {
    order: 11;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-11 {
    flex: 0 0 auto;
    width: calc((100%/12) * 11);
  }
  .grid--border .grid__col--sm-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
  }
  .grid--lr-padding .grid__col--sm-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
    flex-basis: calc(((100%/12) * 11) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-11 {
    flex-basis: calc(((100%/12) * 11) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-11 {
    margin: inherit;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-order-12 {
    order: 12;
  }
}
@media (min-width: 421px) {
  .grid__col--sm-12 {
    flex: 0 0 auto;
    width: calc((100%/12) * 12);
  }
  .grid--border .grid__col--sm-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
  }
  .grid--lr-padding .grid__col--sm-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
    flex-basis: calc(((100%/12) * 12) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 421px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--sm-12 {
    flex-basis: calc(((100%/12) * 12) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 421px) {
  .grid--border .grid--lr-padding .grid__col--sm-12 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid--lr-padding .grid__col--md {
    flex: 0 0 auto;
    width: calc(((100%/md) * md) + 1px);
    flex-basis: calc(((100%/md) * md) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md {
    flex-basis: calc(((100%/md) * md) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid__col--md-auto {
    flex: 1 1;
    width: auto;
  }
  .grid__col--md-auto-side-columns {
    width: 37.5%;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-1 {
    order: 1;
  }
}
@media (min-width: 768px) {
  .grid__col--md-1 {
    flex: 0 0 auto;
    width: calc((100%/12) * 1);
  }
  .grid--border .grid__col--md-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
  }
  .grid--lr-padding .grid__col--md-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
    flex-basis: calc(((100%/12) * 1) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-1 {
    flex-basis: calc(((100%/12) * 1) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-1 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-2 {
    order: 2;
  }
}
@media (min-width: 768px) {
  .grid__col--md-2 {
    flex: 0 0 auto;
    width: calc((100%/12) * 2);
  }
  .grid--border .grid__col--md-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
  }
  .grid--lr-padding .grid__col--md-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
    flex-basis: calc(((100%/12) * 2) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-2 {
    flex-basis: calc(((100%/12) * 2) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-2 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-3 {
    order: 3;
  }
}
@media (min-width: 768px) {
  .grid__col--md-3 {
    flex: 0 0 auto;
    width: calc((100%/12) * 3);
  }
  .grid--border .grid__col--md-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
  }
  .grid--lr-padding .grid__col--md-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
    flex-basis: calc(((100%/12) * 3) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-3 {
    flex-basis: calc(((100%/12) * 3) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-3 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-4 {
    order: 4;
  }
}
@media (min-width: 768px) {
  .grid__col--md-4 {
    flex: 0 0 auto;
    width: calc((100%/12) * 4);
  }
  .grid--border .grid__col--md-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
  }
  .grid--lr-padding .grid__col--md-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
    flex-basis: calc(((100%/12) * 4) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-4 {
    flex-basis: calc(((100%/12) * 4) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-4 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-5 {
    order: 5;
  }
}
@media (min-width: 768px) {
  .grid__col--md-5 {
    flex: 0 0 auto;
    width: calc((100%/12) * 5);
  }
  .grid--border .grid__col--md-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
  }
  .grid--lr-padding .grid__col--md-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
    flex-basis: calc(((100%/12) * 5) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-5 {
    flex-basis: calc(((100%/12) * 5) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-5 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-6 {
    order: 6;
  }
}
@media (min-width: 768px) {
  .grid__col--md-6 {
    flex: 0 0 auto;
    width: calc((100%/12) * 6);
  }
  .grid--border .grid__col--md-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
  }
  .grid--lr-padding .grid__col--md-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
    flex-basis: calc(((100%/12) * 6) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-6 {
    flex-basis: calc(((100%/12) * 6) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-6 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-7 {
    order: 7;
  }
}
@media (min-width: 768px) {
  .grid__col--md-7 {
    flex: 0 0 auto;
    width: calc((100%/12) * 7);
  }
  .grid--border .grid__col--md-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
  }
  .grid--lr-padding .grid__col--md-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
    flex-basis: calc(((100%/12) * 7) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-7 {
    flex-basis: calc(((100%/12) * 7) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-7 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-8 {
    order: 8;
  }
}
@media (min-width: 768px) {
  .grid__col--md-8 {
    flex: 0 0 auto;
    width: calc((100%/12) * 8);
  }
  .grid--border .grid__col--md-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
  }
  .grid--lr-padding .grid__col--md-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
    flex-basis: calc(((100%/12) * 8) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-8 {
    flex-basis: calc(((100%/12) * 8) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-8 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-9 {
    order: 9;
  }
}
@media (min-width: 768px) {
  .grid__col--md-9 {
    flex: 0 0 auto;
    width: calc((100%/12) * 9);
  }
  .grid--border .grid__col--md-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
  }
  .grid--lr-padding .grid__col--md-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
    flex-basis: calc(((100%/12) * 9) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-9 {
    flex-basis: calc(((100%/12) * 9) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-9 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-10 {
    order: 10;
  }
}
@media (min-width: 768px) {
  .grid__col--md-10 {
    flex: 0 0 auto;
    width: calc((100%/12) * 10);
  }
  .grid--border .grid__col--md-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
  }
  .grid--lr-padding .grid__col--md-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
    flex-basis: calc(((100%/12) * 10) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-10 {
    flex-basis: calc(((100%/12) * 10) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-10 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-11 {
    order: 11;
  }
}
@media (min-width: 768px) {
  .grid__col--md-11 {
    flex: 0 0 auto;
    width: calc((100%/12) * 11);
  }
  .grid--border .grid__col--md-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
  }
  .grid--lr-padding .grid__col--md-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
    flex-basis: calc(((100%/12) * 11) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-11 {
    flex-basis: calc(((100%/12) * 11) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-11 {
    margin: inherit;
  }
}
@media (min-width: 768px) {
  .grid__col--md-order-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .grid__col--md-12 {
    flex: 0 0 auto;
    width: calc((100%/12) * 12);
  }
  .grid--border .grid__col--md-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
  }
  .grid--lr-padding .grid__col--md-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
    flex-basis: calc(((100%/12) * 12) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--md-12 {
    flex-basis: calc(((100%/12) * 12) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .grid--border .grid--lr-padding .grid__col--md-12 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid--lr-padding .grid__col--lg {
    flex: 0 0 auto;
    width: calc(((100%/lg) * lg) + 1px);
    flex-basis: calc(((100%/lg) * lg) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg {
    flex-basis: calc(((100%/lg) * lg) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-auto {
    flex: 1 1;
    width: auto;
  }
  .grid__col--lg-auto-side-columns {
    width: 37.5%;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-1 {
    order: 1;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-1 {
    flex: 0 0 auto;
    width: calc((100%/12) * 1);
  }
  .grid--border .grid__col--lg-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
  }
  .grid--lr-padding .grid__col--lg-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
    flex-basis: calc(((100%/12) * 1) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-1 {
    flex-basis: calc(((100%/12) * 1) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-1 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-2 {
    order: 2;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-2 {
    flex: 0 0 auto;
    width: calc((100%/12) * 2);
  }
  .grid--border .grid__col--lg-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
  }
  .grid--lr-padding .grid__col--lg-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
    flex-basis: calc(((100%/12) * 2) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-2 {
    flex-basis: calc(((100%/12) * 2) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-2 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-3 {
    order: 3;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-3 {
    flex: 0 0 auto;
    width: calc((100%/12) * 3);
  }
  .grid--border .grid__col--lg-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
  }
  .grid--lr-padding .grid__col--lg-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
    flex-basis: calc(((100%/12) * 3) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-3 {
    flex-basis: calc(((100%/12) * 3) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-3 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-4 {
    order: 4;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-4 {
    flex: 0 0 auto;
    width: calc((100%/12) * 4);
  }
  .grid--border .grid__col--lg-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
  }
  .grid--lr-padding .grid__col--lg-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
    flex-basis: calc(((100%/12) * 4) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-4 {
    flex-basis: calc(((100%/12) * 4) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-4 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-5 {
    order: 5;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-5 {
    flex: 0 0 auto;
    width: calc((100%/12) * 5);
  }
  .grid--border .grid__col--lg-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
  }
  .grid--lr-padding .grid__col--lg-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
    flex-basis: calc(((100%/12) * 5) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-5 {
    flex-basis: calc(((100%/12) * 5) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-5 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-6 {
    order: 6;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-6 {
    flex: 0 0 auto;
    width: calc((100%/12) * 6);
  }
  .grid--border .grid__col--lg-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
  }
  .grid--lr-padding .grid__col--lg-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
    flex-basis: calc(((100%/12) * 6) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-6 {
    flex-basis: calc(((100%/12) * 6) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-6 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-7 {
    order: 7;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-7 {
    flex: 0 0 auto;
    width: calc((100%/12) * 7);
  }
  .grid--border .grid__col--lg-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
  }
  .grid--lr-padding .grid__col--lg-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
    flex-basis: calc(((100%/12) * 7) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-7 {
    flex-basis: calc(((100%/12) * 7) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-7 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-8 {
    order: 8;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-8 {
    flex: 0 0 auto;
    width: calc((100%/12) * 8);
  }
  .grid--border .grid__col--lg-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
  }
  .grid--lr-padding .grid__col--lg-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
    flex-basis: calc(((100%/12) * 8) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-8 {
    flex-basis: calc(((100%/12) * 8) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-8 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-9 {
    order: 9;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-9 {
    flex: 0 0 auto;
    width: calc((100%/12) * 9);
  }
  .grid--border .grid__col--lg-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
  }
  .grid--lr-padding .grid__col--lg-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
    flex-basis: calc(((100%/12) * 9) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-9 {
    flex-basis: calc(((100%/12) * 9) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-9 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-10 {
    order: 10;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-10 {
    flex: 0 0 auto;
    width: calc((100%/12) * 10);
  }
  .grid--border .grid__col--lg-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
  }
  .grid--lr-padding .grid__col--lg-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
    flex-basis: calc(((100%/12) * 10) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-10 {
    flex-basis: calc(((100%/12) * 10) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-10 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-11 {
    order: 11;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-11 {
    flex: 0 0 auto;
    width: calc((100%/12) * 11);
  }
  .grid--border .grid__col--lg-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
  }
  .grid--lr-padding .grid__col--lg-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
    flex-basis: calc(((100%/12) * 11) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-11 {
    flex-basis: calc(((100%/12) * 11) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-11 {
    margin: inherit;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-order-12 {
    order: 12;
  }
}
@media (min-width: 769px) {
  .grid__col--lg-12 {
    flex: 0 0 auto;
    width: calc((100%/12) * 12);
  }
  .grid--border .grid__col--lg-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
  }
  .grid--lr-padding .grid__col--lg-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
    flex-basis: calc(((100%/12) * 12) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--lg-12 {
    flex-basis: calc(((100%/12) * 12) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .grid--border .grid--lr-padding .grid__col--lg-12 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid--lr-padding .grid__col--xl {
    flex: 0 0 auto;
    width: calc(((100%/xl) * xl) + 1px);
    flex-basis: calc(((100%/xl) * xl) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl {
    flex-basis: calc(((100%/xl) * xl) - 15px);
    margin-left: 0;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-auto {
    flex: 1 1;
    width: auto;
  }
  .grid__col--xl-auto-side-columns {
    width: 37.5%;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-1 {
    order: 1;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-1 {
    flex: 0 0 auto;
    width: calc((100%/12) * 1);
  }
  .grid--border .grid__col--xl-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
  }
  .grid--lr-padding .grid__col--xl-1 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 1) + 1px);
    flex-basis: calc(((100%/12) * 1) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-1 {
    flex-basis: calc(((100%/12) * 1) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-1 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-2 {
    order: 2;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-2 {
    flex: 0 0 auto;
    width: calc((100%/12) * 2);
  }
  .grid--border .grid__col--xl-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
  }
  .grid--lr-padding .grid__col--xl-2 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 2) + 1px);
    flex-basis: calc(((100%/12) * 2) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-2 {
    flex-basis: calc(((100%/12) * 2) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-2 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-3 {
    order: 3;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-3 {
    flex: 0 0 auto;
    width: calc((100%/12) * 3);
  }
  .grid--border .grid__col--xl-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
  }
  .grid--lr-padding .grid__col--xl-3 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 3) + 1px);
    flex-basis: calc(((100%/12) * 3) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-3 {
    flex-basis: calc(((100%/12) * 3) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-3 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-4 {
    order: 4;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-4 {
    flex: 0 0 auto;
    width: calc((100%/12) * 4);
  }
  .grid--border .grid__col--xl-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
  }
  .grid--lr-padding .grid__col--xl-4 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 4) + 1px);
    flex-basis: calc(((100%/12) * 4) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-4 {
    flex-basis: calc(((100%/12) * 4) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-4 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-5 {
    order: 5;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-5 {
    flex: 0 0 auto;
    width: calc((100%/12) * 5);
  }
  .grid--border .grid__col--xl-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
  }
  .grid--lr-padding .grid__col--xl-5 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 5) + 1px);
    flex-basis: calc(((100%/12) * 5) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-5 {
    flex-basis: calc(((100%/12) * 5) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-5 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-6 {
    order: 6;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-6 {
    flex: 0 0 auto;
    width: calc((100%/12) * 6);
  }
  .grid--border .grid__col--xl-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
  }
  .grid--lr-padding .grid__col--xl-6 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 6) + 1px);
    flex-basis: calc(((100%/12) * 6) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-6 {
    flex-basis: calc(((100%/12) * 6) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-6 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-7 {
    order: 7;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-7 {
    flex: 0 0 auto;
    width: calc((100%/12) * 7);
  }
  .grid--border .grid__col--xl-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
  }
  .grid--lr-padding .grid__col--xl-7 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 7) + 1px);
    flex-basis: calc(((100%/12) * 7) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-7 {
    flex-basis: calc(((100%/12) * 7) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-7 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-8 {
    order: 8;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-8 {
    flex: 0 0 auto;
    width: calc((100%/12) * 8);
  }
  .grid--border .grid__col--xl-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
  }
  .grid--lr-padding .grid__col--xl-8 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 8) + 1px);
    flex-basis: calc(((100%/12) * 8) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-8 {
    flex-basis: calc(((100%/12) * 8) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-8 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-9 {
    order: 9;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-9 {
    flex: 0 0 auto;
    width: calc((100%/12) * 9);
  }
  .grid--border .grid__col--xl-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
  }
  .grid--lr-padding .grid__col--xl-9 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 9) + 1px);
    flex-basis: calc(((100%/12) * 9) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-9 {
    flex-basis: calc(((100%/12) * 9) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-9 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-10 {
    order: 10;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-10 {
    flex: 0 0 auto;
    width: calc((100%/12) * 10);
  }
  .grid--border .grid__col--xl-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
  }
  .grid--lr-padding .grid__col--xl-10 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 10) + 1px);
    flex-basis: calc(((100%/12) * 10) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-10 {
    flex-basis: calc(((100%/12) * 10) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-10 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-11 {
    order: 11;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-11 {
    flex: 0 0 auto;
    width: calc((100%/12) * 11);
  }
  .grid--border .grid__col--xl-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
  }
  .grid--lr-padding .grid__col--xl-11 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 11) + 1px);
    flex-basis: calc(((100%/12) * 11) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-11 {
    flex-basis: calc(((100%/12) * 11) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-11 {
    margin: inherit;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-order-12 {
    order: 12;
  }
}
@media (min-width: 1025px) {
  .grid__col--xl-12 {
    flex: 0 0 auto;
    width: calc((100%/12) * 12);
  }
  .grid--border .grid__col--xl-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
  }
  .grid--lr-padding .grid__col--xl-12 {
    flex: 0 0 auto;
    width: calc(((100%/12) * 12) + 1px);
    flex-basis: calc(((100%/12) * 12) - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid--lr-padding .grid__col--xl-12 {
    flex-basis: calc(((100%/12) * 12) - 15px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .grid--border .grid--lr-padding .grid__col--xl-12 {
    margin: inherit;
  }
}
/* ==========================================================================
		BUTTONS
	 ========================================================================== */
a.button,
.button,
.newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.search-bar--submit-outset .search-bar__container input[type=submit],
.notification .confirm,
.section-nav-in-page .section-nav-in-page__link,
.sc-form input[type=submit] {
  align-items: center;
  background-color: #0083A5;
  border-radius: 100px;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  display: inline-flex;
  font-size: 1.4rem;
  letter-spacing: -0.3px;
  line-height: 1.5;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 768px) {
  a.button,
.button,
.newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.search-bar--submit-outset .search-bar__container input[type=submit],
.notification .confirm,
.section-nav-in-page .section-nav-in-page__link,
.sc-form input[type=submit] {
    font-size: 1.5rem;
    padding: 10px 20px;
  }
}
.section--primary a.button,
.section--primary .button,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit],
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit],
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit],
.section--primary .notification .confirm,
.notification .section--primary .confirm,
.section--primary .section-nav-in-page .section-nav-in-page__link,
.section-nav-in-page .section--primary .section-nav-in-page__link,
.section--primary .sc-form input[type=submit],
.sc-form .section--primary input[type=submit] {
  background-color: #EAEAEA;
  color: #0083A5;
}
.section--primary a.button.hover, .section--primary a.button:hover,
.section--primary .button.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit],
.section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit],
.search-bar--submit-outset .search-bar__container .section--primary input.hover[type=submit],
.section--primary .notification .hover.confirm,
.notification .section--primary .hover.confirm,
.section--primary .section-nav-in-page .hover.section-nav-in-page__link,
.section-nav-in-page .section--primary .hover.section-nav-in-page__link,
.section--primary .sc-form input.hover[type=submit],
.sc-form .section--primary input.hover[type=submit],
.section--primary .button:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover,
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit]:hover,
.section--primary .notification .confirm:hover,
.notification .section--primary .confirm:hover,
.section--primary .section-nav-in-page .section-nav-in-page__link:hover,
.section-nav-in-page .section--primary .section-nav-in-page__link:hover,
.section--primary .sc-form input[type=submit]:hover,
.sc-form .section--primary input[type=submit]:hover {
  background-color: transparent;
}
.section--primary a.button.hover::after, .section--primary a.button:hover::after,
.section--primary .button.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit]::after,
.section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section--primary input.hover[type=submit]::after,
.section--primary .notification .hover.confirm::after,
.notification .section--primary .hover.confirm::after,
.section--primary .section-nav-in-page .hover.section-nav-in-page__link::after,
.section-nav-in-page .section--primary .hover.section-nav-in-page__link::after,
.section--primary .sc-form input.hover[type=submit]::after,
.sc-form .section--primary input.hover[type=submit]::after,
.section--primary .button:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover::after,
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit]:hover::after,
.section--primary .notification .confirm:hover::after,
.notification .section--primary .confirm:hover::after,
.section--primary .section-nav-in-page .section-nav-in-page__link:hover::after,
.section-nav-in-page .section--primary .section-nav-in-page__link:hover::after,
.section--primary .sc-form input[type=submit]:hover::after,
.sc-form .section--primary input[type=submit]:hover::after {
  background-color: #0083A5;
  border-color: #fff;
  color: #fff;
}
.section--primary a.button.hover::before, .section--primary a.button:hover::before,
.section--primary .button.hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button]::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset]::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit]::before,
.section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit]::before,
.search-bar--submit-outset .search-bar__container .section--primary input.hover[type=submit]::before,
.section--primary .notification .hover.confirm::before,
.notification .section--primary .hover.confirm::before,
.section--primary .section-nav-in-page .hover.section-nav-in-page__link::before,
.section-nav-in-page .section--primary .hover.section-nav-in-page__link::before,
.section--primary .sc-form input.hover[type=submit]::before,
.sc-form .section--primary input.hover[type=submit]::before,
.section--primary .button:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover::before,
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover::before,
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit]:hover::before,
.section--primary .notification .confirm:hover::before,
.notification .section--primary .confirm:hover::before,
.section--primary .section-nav-in-page .section-nav-in-page__link:hover::before,
.section-nav-in-page .section--primary .section-nav-in-page__link:hover::before,
.section--primary .sc-form input[type=submit]:hover::before,
.sc-form .section--primary input[type=submit]:hover::before {
  color: #cdcccb;
}
a.button.hover, a.button:hover,
.button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.search-bar--submit-outset .search-bar__container input.hover[type=submit],
.notification .hover.confirm,
.section-nav-in-page .hover.section-nav-in-page__link,
.sc-form input.hover[type=submit],
.button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.notification .confirm:hover,
.section-nav-in-page .section-nav-in-page__link:hover,
.sc-form input[type=submit]:hover {
  background-color: #007396;
  cursor: pointer;
}
.section--primary a.button.hover, .section--primary a.button:hover,
.section--primary .button.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit],
.section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit],
.search-bar--submit-outset .search-bar__container .section--primary input.hover[type=submit],
.section--primary .notification .hover.confirm,
.notification .section--primary .hover.confirm,
.section--primary .section-nav-in-page .hover.section-nav-in-page__link,
.section-nav-in-page .section--primary .hover.section-nav-in-page__link,
.section--primary .sc-form input.hover[type=submit],
.sc-form .section--primary input.hover[type=submit],
.section--primary .button:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover,
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit]:hover,
.section--primary .notification .confirm:hover,
.notification .section--primary .confirm:hover,
.section--primary .section-nav-in-page .section-nav-in-page__link:hover,
.section-nav-in-page .section--primary .section-nav-in-page__link:hover,
.section--primary .sc-form input[type=submit]:hover,
.sc-form .section--primary input[type=submit]:hover {
  background-color: #FFFFFF;
  color: #0083A5;
}
a.button::after, a.button::before,
.button::after,
.newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.search-bar--submit-outset .search-bar__container input[type=submit]::after,
.notification .confirm::after,
.section-nav-in-page .section-nav-in-page__link::after,
.sc-form input[type=submit]::after,
.button::before,
.newsletter-sign-up .newsletter-sign-up__form-code button::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::before,
.search-bar--submit-outset .search-bar__container input[type=submit]::before,
.notification .confirm::before,
.section-nav-in-page .section-nav-in-page__link::before,
.sc-form input[type=submit]::before {
  display: inline-block;
  font-size: 2.5rem;
}
a.button::after,
.button::after,
.newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.search-bar--submit-outset .search-bar__container input[type=submit]::after,
.notification .confirm::after,
.section-nav-in-page .section-nav-in-page__link::after,
.sc-form input[type=submit]::after {
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0 -5px 0 15px;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section--primary a.button::after,
.section--primary .button::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]::after,
.section--primary .search-bar--submit-outset .search-bar__container input[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section--primary input[type=submit]::after,
.section--primary .notification .confirm::after,
.notification .section--primary .confirm::after,
.section--primary .section-nav-in-page .section-nav-in-page__link::after,
.section-nav-in-page .section--primary .section-nav-in-page__link::after,
.section--primary .sc-form input[type=submit]::after,
.sc-form .section--primary input[type=submit]::after {
  border-color: #0083A5;
}
a.button::before,
.button::before,
.newsletter-sign-up .newsletter-sign-up__form-code button::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::before,
.search-bar--submit-outset .search-bar__container input[type=submit]::before,
.notification .confirm::before,
.section-nav-in-page .section-nav-in-page__link::before,
.sc-form input[type=submit]::before {
  margin: 0 8px 0 -5px;
}
a.button--secondary,
.button--secondary {
  background-color: transparent;
  border: 1px solid #0083A5;
  color: #0083A5;
}
.section--primary a.button--secondary,
.section--primary .button--secondary {
  background-color: transparent;
  border-color: #EAEAEA;
  color: #fff;
}
a.button--secondary::after, a.button--secondary::before,
.button--secondary::after,
.button--secondary::before {
  color: #cdcccb;
}
a.button--secondary::after,
.button--secondary::after {
  border-color: #cdcccb;
}
.section--primary a.button--secondary::after,
.section--primary .button--secondary::after {
  border-color: #EAEAEA;
}
a.button--secondary.hover, a.button--secondary:hover,
.button--secondary.hover,
.button--secondary:hover {
  background-color: #0083A5;
  color: #fff;
}
a.button--secondary.hover::after, a.button--secondary:hover::after,
.button--secondary.hover::after,
.button--secondary:hover::after {
  background-color: #0083A5;
  border-color: #fff;
  color: #fff;
}
a.button--secondary.hover::before, a.button--secondary:hover::before,
.button--secondary.hover::before,
.button--secondary:hover::before {
  color: #cdcccb;
}
a.button--alternate,
.button--alternate {
  background-color: #FFFFFF;
  color: #0083A5;
}
.section--primary a.button--alternate,
.section--primary .button--alternate {
  background-color: #FFFFFF;
}
a.button--alternate::after, a.button--alternate::before,
.button--alternate::after,
.button--alternate::before {
  color: #cdcccb;
}
a.button--alternate::after,
.button--alternate::after {
  background-color: transparent;
  border-color: #cdcccb;
}
.section--primary a.button--alternate::after,
.section--primary .button--alternate::after {
  color: #0083A5;
}
a.button--alternate.hover, a.button--alternate:hover,
.button--alternate.hover,
.button--alternate:hover {
  background-color: #FFFFFF;
  color: #0083A5;
}
a.button--alternate.hover::after, a.button--alternate:hover::after,
.button--alternate.hover::after,
.button--alternate:hover::after {
  background-color: #0083A5;
  border-color: #fff;
  color: #fff;
}
a.button--alternate.hover::before, a.button--alternate:hover::before,
.button--alternate.hover::before,
.button--alternate:hover::before {
  color: #cdcccb;
}
a.button--secondary-alternate,
.button--secondary-alternate {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.section--primary a.button--secondary-alternate,
.section--primary .button--secondary-alternate {
  background-color: transparent;
  color: #fff;
}
a.button--secondary-alternate::after, a.button--secondary-alternate::before,
.button--secondary-alternate::after,
.button--secondary-alternate::before {
  color: #fff;
}
a.button--secondary-alternate::after,
.button--secondary-alternate::after {
  border-color: #fff;
}
.section--primary a.button--secondary-alternate::after,
.section--primary .button--secondary-alternate::after {
  border-color: #fff;
}
a.button--secondary-alternate.hover, a.button--secondary-alternate:hover,
.button--secondary-alternate.hover,
.button--secondary-alternate:hover {
  background-color: transparent;
}
a.button--secondary-alternate.hover::after, a.button--secondary-alternate.hover::before, a.button--secondary-alternate:hover::after, a.button--secondary-alternate:hover::before,
.button--secondary-alternate.hover::after,
.button--secondary-alternate.hover::before,
.button--secondary-alternate:hover::after,
.button--secondary-alternate:hover::before {
  color: #fff;
}
a.button--secondary-alternate.hover::after, a.button--secondary-alternate:hover::after,
.button--secondary-alternate.hover::after,
.button--secondary-alternate:hover::after {
  background-color: #0083A5;
  border-color: transparent;
}
a.button--tertiary,
.button--tertiary {
  background-color: transparent;
  color: #0083A5;
  padding: 0 10px 0 0;
}
.section--primary a.button--tertiary,
.section--primary .button--tertiary {
  background-color: transparent;
  color: #fff;
}
a.button--tertiary::after, a.button--tertiary::before,
.button--tertiary::after,
.button--tertiary::before {
  color: #cdcccb;
}
a.button--tertiary::before,
.button--tertiary::before {
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
a.button--tertiary::after,
.button--tertiary::after {
  border-color: #cdcccb;
}
.section--primary a.button--tertiary::after,
.section--primary .button--tertiary::after {
  border-color: #cdcccb;
}
a.button--tertiary.hover, a.button--tertiary:hover,
.button--tertiary.hover,
.button--tertiary:hover {
  background-color: transparent;
}
.section--primary a.button--tertiary.hover, .section--primary a.button--tertiary:hover,
.section--primary .button--tertiary.hover,
.section--primary .button--tertiary:hover {
  background-color: transparent;
  color: #fff;
}
a.button--tertiary.hover::after, a.button--tertiary:hover::after,
.button--tertiary.hover::after,
.button--tertiary:hover::after {
  background-color: #0083A5;
  border-color: transparent;
  color: #fff;
}
a.button--tertiary.hover::before, a.button--tertiary:hover::before,
.button--tertiary.hover::before,
.button--tertiary:hover::before {
  color: #0083A5;
}
a.button--cta,
.button--cta,
.newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.section.resource-centre-section .callout .callout__button-container .button,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit],
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit],
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit],
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit],
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit],
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link,
.section.resource-centre-section .callout .callout__button-container .notification .confirm,
.notification .section.resource-centre-section .callout .callout__button-container .confirm,
.sc-form input[type=submit] {
  background-color: #F57F23;
  color: #fff;
}
.section--primary a.button--cta,
.section--primary .button--cta,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .button,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=button],
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=reset],
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit],
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit],
.section.resource-centre-section .callout .callout__button-container .section--primary .button,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=button],
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=reset],
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit],
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit],
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit],
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit],
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit],
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm,
.section--primary .sc-form input[type=submit],
.sc-form .section--primary input[type=submit] {
  background-color: #F57F23;
  color: #fff;
}
a.button--cta::after,
.button--cta::after,
.newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .button::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .notification .confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .confirm::after,
.sc-form input[type=submit]::after {
  border-color: #fff;
  color: #fff;
}
.section--primary a.button--cta::after,
.section--primary .button--cta::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .button::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=button]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=reset]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .button::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=button]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=reset]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit]::after,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link::after,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm::after,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm::after,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm::after,
.section--primary .sc-form input[type=submit]::after,
.sc-form .section--primary input[type=submit]::after {
  border-color: #fff;
}
a.button--cta.hover, a.button--cta:hover,
.button--cta.hover,
.newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .hover.button,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button.hover,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=button],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=reset],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit],
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit],
.sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link,
.section.resource-centre-section .callout .callout__button-container .notification .hover.confirm,
.notification .section.resource-centre-section .callout .callout__button-container .hover.confirm,
.sc-form input.hover[type=submit],
.button--cta:hover,
.newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .button:hover,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button:hover,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button]:hover,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover,
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover,
.section.resource-centre-section .callout .callout__button-container .notification .confirm:hover,
.notification .section.resource-centre-section .callout .callout__button-container .confirm:hover,
.sc-form input[type=submit]:hover {
  background-color: #ee700e;
}
a.button--cta.hover::after, a.button--cta.hover::before, a.button--cta:hover::after, a.button--cta:hover::before,
.button--cta.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .hover.button::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button.hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=button]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=reset]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::after,
.sc-form input.hover[type=submit]::after,
.button--cta.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .hover.button::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button.hover::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=button]::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=reset]::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::before,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::before,
.sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::before,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::before,
.section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::before,
.notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::before,
.sc-form input.hover[type=submit]::before,
.button--cta:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .button:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button]:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::after,
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::after,
.section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::after,
.notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::after,
.sc-form input[type=submit]:hover::after,
.button--cta:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .button:hover::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button:hover::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button]:hover::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover::before,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::before,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::before,
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::before,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::before,
.section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::before,
.notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::before,
.sc-form input[type=submit]:hover::before {
  color: #fff;
}
a.button--cta.hover::after, a.button--cta:hover::after,
.button--cta.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .hover.button::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button.hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=button]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=reset]::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::after,
.sc-form input.hover[type=submit]::after,
.button--cta:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .button:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button]:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover::after,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::after,
.sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::after,
.section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::after,
.notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::after,
.sc-form input[type=submit]:hover::after {
  border-color: #fff;
}
.section--primary a.button--cta.hover, .section--primary a.button--cta:hover,
.section--primary .button--cta.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset],
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .hover.button,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button.hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit],
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .section--primary .hover.button,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button.hover,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit],
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit],
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input.hover[type=submit],
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit],
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit],
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .hover.section-nav-in-page__link,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .hover.section-nav-in-page__link,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .hover.confirm,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .hover.confirm,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .hover.confirm,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .hover.confirm,
.section--primary .sc-form input.hover[type=submit],
.sc-form .section--primary input.hover[type=submit],
.section--primary .button--cta:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .button:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .section--primary .button:hover,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button:hover,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit]:hover,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link:hover,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link:hover,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm:hover,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm:hover,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm:hover,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm:hover,
.section--primary .sc-form input[type=submit]:hover,
.sc-form .section--primary input[type=submit]:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary a.button--cta.hover::after, .section--primary .section.resource-centre-section .callout .callout__button-container a.hover.button::after, .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.button::after, .section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::after, .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary a.hover.section-nav-in-page__link::after, .section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container a.hover.section-nav-in-page__link::after, .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::after, .section--primary .section.resource-centre-section .callout .callout__button-container .notification a.hover.confirm::after, .section.resource-centre-section .callout .callout__button-container .notification .section--primary a.hover.confirm::after, .section--primary .notification .section.resource-centre-section .callout .callout__button-container a.hover.confirm::after, .notification .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.confirm::after, .section--primary a.button--cta.hover::before, .section--primary .section.resource-centre-section .callout .callout__button-container a.hover.button::before, .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.button::before, .section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::before, .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary a.hover.section-nav-in-page__link::before, .section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container a.hover.section-nav-in-page__link::before, .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::before, .section--primary .section.resource-centre-section .callout .callout__button-container .notification a.hover.confirm::before, .section.resource-centre-section .callout .callout__button-container .notification .section--primary a.hover.confirm::before, .section--primary .notification .section.resource-centre-section .callout .callout__button-container a.hover.confirm::before, .notification .section.resource-centre-section .callout .callout__button-container .section--primary a.hover.confirm::before, .section--primary a.button--cta:hover::after, .section--primary .section.resource-centre-section .callout .callout__button-container a.button:hover::after, .section.resource-centre-section .callout .callout__button-container .section--primary a.button:hover::after, .section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::after, .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link:hover::after, .section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container a.section-nav-in-page__link:hover::after, .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::after, .section--primary .section.resource-centre-section .callout .callout__button-container .notification a.confirm:hover::after, .section.resource-centre-section .callout .callout__button-container .notification .section--primary a.confirm:hover::after, .section--primary .notification .section.resource-centre-section .callout .callout__button-container a.confirm:hover::after, .notification .section.resource-centre-section .callout .callout__button-container .section--primary a.confirm:hover::after, .section--primary a.button--cta:hover::before, .section--primary .section.resource-centre-section .callout .callout__button-container a.button:hover::before, .section.resource-centre-section .callout .callout__button-container .section--primary a.button:hover::before, .section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::before, .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link:hover::before, .section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container a.section-nav-in-page__link:hover::before, .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::before, .section--primary .section.resource-centre-section .callout .callout__button-container .notification a.confirm:hover::before, .section.resource-centre-section .callout .callout__button-container .notification .section--primary a.confirm:hover::before, .section--primary .notification .section.resource-centre-section .callout .callout__button-container a.confirm:hover::before, .notification .section.resource-centre-section .callout .callout__button-container .section--primary a.confirm:hover::before,
.section--primary .button--cta.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .hover.button::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button.hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=button]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=reset]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .hover.button::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button.hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=button]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=reset]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input.hover[type=submit]::after,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .hover.section-nav-in-page__link::after,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .hover.section-nav-in-page__link::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::after,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .hover.confirm::after,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .hover.confirm::after,
.section--primary .sc-form input.hover[type=submit]::after,
.sc-form .section--primary input.hover[type=submit]::after,
.section--primary .button--cta.hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button]::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset]::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .hover.button::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button.hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=button]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=reset]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::before,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .hover.button::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button.hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=button]::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=reset]::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit]::before,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::before,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input.hover[type=submit]::before,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::before,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::before,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .hover.section-nav-in-page__link::before,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::before,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .hover.section-nav-in-page__link::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::before,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .hover.confirm::before,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::before,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .hover.confirm::before,
.section--primary .sc-form input.hover[type=submit]::before,
.sc-form .section--primary input.hover[type=submit]::before,
.section--primary .button--cta:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .button:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=button]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .button:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=button]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=reset]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit]:hover::after,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link:hover::after,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::after,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm:hover::after,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::after,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm:hover::after,
.section--primary .sc-form input[type=submit]:hover::after,
.sc-form .section--primary input[type=submit]:hover::after,
.section--primary .button--cta:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover::before,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .button:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=button]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=reset]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::before,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .button:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=button]:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=reset]:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::before,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover::before,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::before,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit]:hover::before,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::before,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::before,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link:hover::before,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::before,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link:hover::before,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::before,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm:hover::before,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::before,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm:hover::before,
.section--primary .sc-form input[type=submit]:hover::before,
.sc-form .section--primary input[type=submit]:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary a.button--cta.hover::after, .section--primary a.button--cta:hover::after,
.section--primary .button--cta.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button.hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=button]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=reset]::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input.hover[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .hover.button::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button.hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .hover.button::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button.hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button.hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input.hover[type=submit]::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input.hover[type=submit]::after,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input.hover[type=submit]::after,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input.hover[type=submit]::after,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input.hover[type=submit]::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .hover.section-nav-in-page__link::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .hover.section-nav-in-page__link::after,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .hover.section-nav-in-page__link::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .hover.section-nav-in-page__link::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .hover.confirm::after,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .hover.confirm::after,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .hover.confirm::after,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .hover.confirm::after,
.section--primary .sc-form input.hover[type=submit]::after,
.sc-form .section--primary input.hover[type=submit]::after,
.section--primary .button--cta:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary button:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=button]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=reset]:hover::after,
.section--primary .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .button:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section--primary .section.resource-centre-section .callout .callout__button-container button:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section--primary .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .button:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .newsletter-sign-up .newsletter-sign-up__form-code button:hover::after,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button:hover::after,
.section.resource-centre-section .callout .callout__button-container .section--primary .search-bar--submit-outset .search-bar__container input[type=submit]:hover::after,
.search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit]:hover::after,
.section.resource-centre-section .callout .callout__button-container .sc-form .section--primary input[type=submit]:hover::after,
.section--primary .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit]:hover::after,
.sc-form .section.resource-centre-section .callout .callout__button-container .section--primary input[type=submit]:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link:hover::after,
.section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section--primary .section-nav-in-page__link:hover::after,
.section--primary .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link:hover::after,
.section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section--primary .section-nav-in-page__link:hover::after,
.section--primary .section.resource-centre-section .callout .callout__button-container .notification .confirm:hover::after,
.section.resource-centre-section .callout .callout__button-container .notification .section--primary .confirm:hover::after,
.section--primary .notification .section.resource-centre-section .callout .callout__button-container .confirm:hover::after,
.notification .section.resource-centre-section .callout .callout__button-container .section--primary .confirm:hover::after,
.section--primary .sc-form input[type=submit]:hover::after,
.sc-form .section--primary input[type=submit]:hover::after {
  background-color: transparent;
  border-color: #fff;
}
a.button--full-width,
.button--full-width {
  width: 100%;
}
a.button--uppercased,
.button--uppercased {
  text-transform: uppercase;
}
a.button--squared,
.button--squared {
  border-radius: 0;
}
a.button--after-right::after,
.button--after-right::after {
  border: none;
  right: 20px;
  position: absolute;
}
a.button--disabled,
.button--disabled {
  opacity: 0.2;
}
a.button--hard-left-edge,
.button--hard-left-edge {
  border-radius: 0 100px 100px 0;
}
a.button--block,
.button--block {
  display: flex;
  margin: 0 0 20px;
}
a.button--before-circle::before,
.button--before-circle::before {
  border: 1px solid #cdcccb;
  border-radius: 100%;
  margin: 0 15px 0 0;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section--primary a.button--before-circle::before,
.section--primary .button--before-circle::before {
  border-color: #0083A5;
}
a.button--simple,
.button--simple {
  border-radius: 4px;
}
@media (min-width: 768px) {
  a.button--no-margin,
.button--no-margin {
    margin: 0;
  }
}

/* ==========================================================================
		GLOBAL
	 ========================================================================== */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
}

html {
  /* Prevent font scaling in landscape while allowing user zoom */
  font-size: 62.5%;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-text-size-adjust: 100%;
}

.partner-portal .main {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .partner-portal .main {
    padding-bottom: 70px;
  }
}

body {
  background: #EAEAEA;
  font: 14px "Lato", "Noto Sans TC", sans-serif, sans-serif;
  overflow-x: hidden;
  position: relative;
  padding-top: 52px;
}
@media (min-width: 769px) {
  body {
    padding-top: 67px;
  }
}
body.partner-portal {
  background: none;
  font: 14px "Lato", "Noto Sans TC", sans-serif, sans-serif;
  padding-top: 82px;
}
body.no-sub-nav {
  padding-top: 54px;
}
@media (min-width: 769px) {
  body.no-sub-nav {
    padding-top: 65px;
  }
}
body.site-overlay {
  height: 100vh;
  width: 100vw;
}
@media (min-width: 769px) {
  body {
    padding-top: 67px;
  }
  body.partner-portal {
    padding-top: 100px;
  }
  body.primary-nav-active {
    padding-top: 162px;
  }
}
body.body-restrain {
  overflow: hidden;
}
body.show-menu {
  overflow: hidden;
}
body.loading:after, body.loading:before {
  z-index: 5;
}
body.loading:after {
  position: fixed;
}
body.body--restrain {
  overflow: hidden;
}

.site-overlay__item {
  background: #0083A5;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -10;
}
.site-overlay--no-bg .site-overlay__item {
  background: none;
}
.site-overlay .site-overlay__item {
  opacity: 0.9;
  z-index: 5;
}

.container, .simple-hero__content, .jumplinks__list, .hero__content, .hero__container, .featured-overview__container, .featured-overview__content, .feature-info__content, .feature-info__container, .campaign-hero__content, .campaign-hero__container, .breadcrumbs__list, .banner__container, .primary-nav__list, .primary-nav-in-page__list, .site-header__container {
  margin: auto;
  max-width: 1200px;
  padding: 0;
  width: 100%;
}
.container--narrow {
  max-width: 990px;
}
.container--narrow .wrapper--align {
  max-width: 495px;
}
.container--full-width {
  max-width: 100%;
}
.container .wrapper--align, .simple-hero__content .wrapper--align, .jumplinks__list .wrapper--align, .hero__content .wrapper--align, .hero__container .wrapper--align, .featured-overview__container .wrapper--align, .featured-overview__content .wrapper--align, .feature-info__content .wrapper--align, .feature-info__container .wrapper--align, .campaign-hero__content .wrapper--align, .campaign-hero__container .wrapper--align, .breadcrumbs__list .wrapper--align, .banner__container .wrapper--align, .primary-nav__list .wrapper--align, .primary-nav-in-page__list .wrapper--align, .site-header__container .wrapper--align {
  max-width: 600px;
  padding: 0;
  width: 100%;
  margin-right: auto;
  margin-left: initial;
}
.container .grid__col--md-order-1 .wrapper--align, .simple-hero__content .grid__col--md-order-1 .wrapper--align, .jumplinks__list .grid__col--md-order-1 .wrapper--align, .hero__content .grid__col--md-order-1 .wrapper--align, .hero__container .grid__col--md-order-1 .wrapper--align, .featured-overview__container .grid__col--md-order-1 .wrapper--align, .featured-overview__content .grid__col--md-order-1 .wrapper--align, .feature-info__content .grid__col--md-order-1 .wrapper--align, .feature-info__container .grid__col--md-order-1 .wrapper--align, .campaign-hero__content .grid__col--md-order-1 .wrapper--align, .campaign-hero__container .grid__col--md-order-1 .wrapper--align, .breadcrumbs__list .grid__col--md-order-1 .wrapper--align, .banner__container .grid__col--md-order-1 .wrapper--align, .primary-nav__list .grid__col--md-order-1 .wrapper--align, .primary-nav-in-page__list .grid__col--md-order-1 .wrapper--align, .site-header__container .grid__col--md-order-1 .wrapper--align {
  margin-right: initial;
  margin-left: auto;
}

.loader:after {
  background-image: url("../../../assets/images/loader.html");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 15px;
  width: 15px;
  z-index: 6;
}

.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}

html.mfp-helper {
  height: 100%;
}
html.mfp-helper body {
  overflow: hidden;
  height: 100%;
  -webkit-transform: translateZ(0);
}

.mfp-container {
  padding: 0;
}

.mfp-figure--product-zoom {
  background: #FFFFFF;
  height: 100%;
  padding-top: 50px;
  width: 100vw;
}

.mfp-content {
  height: 100%;
  vertical-align: top;
  min-width: 300px;
}
@media (min-width: 768px) {
  .mfp-content {
    height: auto;
    vertical-align: middle;
  }
}
.is-desktop .mfp-content {
  height: auto;
  vertical-align: middle;
}

.mfp-title {
  background: #FFFFFF;
  color: #191f21;
  padding: 20px 40px;
}

.mfp-image-holder .mfp-close {
  color: #0083A5;
}
.mfp-image-holder .mfp-close:hover {
  color: #191f21;
}
.mfp-image-holder .mfp-figure--product-zoom .mfp-close {
  background: #FFFFFF;
  color: #999;
  font-size: 3.3rem;
  padding: 6px;
  position: fixed;
  right: 0;
  top: -12px;
  width: auto;
}

.mfp-img {
  background: #FFFFFF;
  padding: 40px !important;
  touch-action: none;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  right: 6px;
}

.tipso_bubble {
  margin: 0 10px;
}

.tooltip-close-btn {
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
  width: 40px;
}
.image--ignore-attribute {
  height: auto !important;
  width: auto !important;
}

/* ==========================================================================
		FOOTER
	 ========================================================================== */
.site-footer {
  display: block;
  width: 100%;
  position: relative;
  padding: 50px 20px;
  background: #FFFFFF;
}
@media (min-width: 769px) {
  .site-footer {
    padding: 90px 20px 60px 20px;
  }
}

.site-footer__top {
  background: #FFFFFF;
  padding: 20px 10px 10px 10px;
  zoom: 1;
}
.site-footer__top:after, .site-footer__top:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.site-footer__top:after {
  clear: both;
}
@media (min-width: 768px) {
  .site-footer__top {
    padding: 10px;
  }
}

.site-footer__bottom {
  background: #0083A5;
  padding: 20px 0;
  zoom: 1;
}
.site-footer__bottom:after, .site-footer__bottom:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.site-footer__bottom:after {
  clear: both;
}

.site-footer__logo_link {
  display: none;
}
@media (min-width: 769px) {
  .site-footer__logo_link {
    display: block;
    height: calc(100% - 24px);
  }
}
.site-footer__logo_link .site-footer__logo {
  background-image: url("https://www.dlink.com/_include/redesign/svgs/logo-grey.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 40px;
  width: 100px;
}

/* ==========================================================================
		HEADER
	 ========================================================================== */
.site-header-wrapper--show-sub-nav {
  padding-top: 92px;
}
@media (min-width: 769px) {
  .site-header-wrapper--show-sub-nav {
    padding-top: 0;
  }
}

.site-header {
  background: #000000;
  position: fixed;
  top: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  will-change: transform;
  z-index: 6;
  zoom: 1;
}
.site-header:after, .site-header:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.site-header:after {
  clear: both;
}
.site-overlay .site-header {
  z-index: 7;
}
.site-header--black {
  background: #000000;
}
.site-header--white, .partner-portal .site-header {
  background: #FFFFFF;
}
.site-header--white .search-bar__container input[type=submit], .partner-portal .site-header .search-bar__container input[type=submit] {
  background-image: url(https://www.dlink.com/_include/redesign/svgs/search-grey.svg);
}
.site-header--white .search-bar__input, .partner-portal .site-header .search-bar__input {
  border-radius: 0;
  border-width: 0;
  border-bottom: 1px solid #000;
  color: #000;
  flex: 1;
  padding: 10px 0;
  width: auto;
  height: 45px;
  background: #FFFFFF;
}
.site-header--pinned {
  transform: translateY(0%);
}
.site-header--unpinned {
  transform: translateY(-100%);
}
.site-header__container {
  flex-wrap: nowrap;
  height: 55px;
  padding: 5px 0;
}
.partner-portal .site-header__container {
  height: 43px;
}
@media (min-width: 769px) {
  .site-header__container {
    display: flex;
    flex-direction: row;
    height: 65px;
    padding: 10px 20px;
  }
  .partner-portal .site-header__container {
    height: 55px;
    padding-bottom: 0;
  }
}

.site-header__logo {
  background-image: url("https://www.dlink.com/_include/redesign/svgs/logo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 40px;
  margin: 0 auto;
  width: 100px;
}
.partner-portal .site-header__logo {
  background-image: url("../images/dlink-vip-logo-colour.png");
  display: block;
  width: 100px;
}
@media (min-width: 769px) {
  .partner-portal .site-header__logo {
    flex: 0 1 250px;
    width: 250px;
  }
}
@media (min-width: 769px) {
  .site-header__logo {
    flex: 0 1 120px;
    height: 40px;
    margin: 0 40px 0 0;
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .site-header__logo {
    flex: 0 0 150px;
  }
}

.site-header__wrapper {
  position: relative;
}

/* ==========================================================================
		NAVIGATION
	 ========================================================================== */
.section-nav, .section.section-nav-in-page.section {
  display: inline-block;
  flex: 1 0 auto;
}
.section-nav--centered {
  width: 100%;
  text-align: center;
}

.section-nav__list, .section-nav-in-page__list {
  background: #000000;
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: auto;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: -10;
}
@media (min-width: 769px) {
  .section-nav__list, .section-nav-in-page__list {
    background: 0;
    float: left;
    height: auto;
    opacity: 1;
    overflow: visible;
    padding: 10px 20px 10px 0;
    position: relative;
    top: auto;
    z-index: 5;
  }
}
.site-header--white .section-nav__list, .site-header--white .section-nav-in-page__list, .partner-portal .site-header .section-nav__list, .partner-portal .site-header .section-nav-in-page__list {
  background: #FFFFFF;
}
.site-header--black .section-nav__list, .site-header--black .section-nav-in-page__list {
  background: #000000;
}
.partner-portal .section-nav__list, .partner-portal .section-nav-in-page__list {
  background: #FFFFFF;
  height: 0;
  padding: 0 20px 0;
  flex-direction: column;
  transition: none;
}
@media (min-width: 769px) {
  .partner-portal .section-nav__list, .partner-portal .section-nav-in-page__list {
    display: block;
    height: auto;
    padding: 10px 0 10px 0;
    z-index: 5;
  }
}
.partner-portal .section-nav--active .section-nav__list, .partner-portal .section-nav-in-page--active .section-nav-in-page__list .section-nav__list, .section-nav-in-page--active .partner-portal .section-nav-in-page__list .section-nav__list, .partner-portal .section-nav--active .section-nav-in-page__list, .partner-portal .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__list, .section-nav-in-page--active .partner-portal .section-nav-in-page__list .section-nav-in-page__list {
  display: flex;
  transition-delay: 0.2s;
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease-in;
}
.section-nav--active .section-nav__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav__list, .section-nav--active .section-nav-in-page__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__list {
  display: block;
  height: 100vh;
  opacity: 1;
  padding: 0 20px 120px;
  transition-delay: 0.2s;
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease-in;
  z-index: 5;
}
@media (min-width: 768px) {
  .section-nav--active .section-nav__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav__list, .section-nav--active .section-nav-in-page__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__list {
    padding: 20px 20px 0;
  }
}
@media (min-width: 769px) {
  .section-nav--active .section-nav__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav__list, .section-nav--active .section-nav-in-page__list, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__list {
    height: auto;
    padding: 0;
  }
}

.section-nav__sub-list, .section-nav-in-page__sub-list {
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section-nav__item--active .section-nav__sub-list, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__sub-list, .section-nav__item--active .section-nav-in-page__sub-list, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__sub-list {
  max-height: 500px;
  border-bottom: 1px solid #fff;
}
@media (min-width: 769px) {
  .section-nav__sub-list, .section-nav-in-page__sub-list {
    display: none;
    padding: 0 0 0 20px;
  }
}
.section-nav__sub-list .section-nav__link, .section-nav__sub-list .section-nav-in-page__link, .section-nav-in-page__sub-list .section-nav__link, .section-nav-in-page__sub-list .section-nav-in-page__link {
  font-size: 16px;
  font-weight: 700;
  color: #8c97a7;
}
@media (min-width: 769px) {
  .section-nav__sub-list .section-nav__link, .section-nav__sub-list .section-nav-in-page__link, .section-nav-in-page__sub-list .section-nav__link, .section-nav-in-page__sub-list .section-nav-in-page__link {
    font-weight: 400;
    color: inherit;
  }
}
.section-nav__item--active .section-nav__sub-list .section-nav__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__sub-list .section-nav__link, .section-nav__item--active .section-nav__sub-list .section-nav-in-page__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__sub-list .section-nav-in-page__link, .section-nav__item--active .section-nav-in-page__sub-list .section-nav__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__sub-list .section-nav__link, .section-nav__item--active .section-nav-in-page__sub-list .section-nav-in-page__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__sub-list .section-nav-in-page__link {
  border-bottom: 0;
}

.section-nav__item, .section-nav-in-page__item {
  display: block;
  margin: 10px 0;
  opacity: 0;
  position: relative;
  transition: opacity 0.75s ease-in;
}
@media (min-width: 769px) {
  .section-nav__item, .section-nav-in-page__item {
    border: 0;
    display: inline-block;
    margin: 0;
    opacity: 1;
  }
}
.section-nav__item:first-child, .section-nav-in-page__item:first-child {
  margin-left: 0;
}
.section-nav__item:last-child, .section-nav-in-page__item:last-child {
  margin-right: 0;
}
.section-nav__item:hover .section-nav__link, .section-nav__item:hover .section-nav-in-page__link, .section-nav-in-page__item:hover .section-nav__link, .section-nav-in-page__item:hover .section-nav-in-page__link {
  color: #7b7e80;
}
.section-nav--active .section-nav__item, .section-nav--active .section-nav-in-page__item, .section-nav-in-page--active .section-nav-in-page__list .section-nav__item, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__item {
  opacity: 1;
}
.section-nav__item--align-right {
  float: none;
  order: 1;
}
.section-nav__item--align-right:last-of-type {
  order: 0;
}
@media (min-width: 769px) {
  .section-nav__item--align-right {
    float: right;
  }
}
.section-nav__item.section-nav__item--always-active.hide:before, .section-nav__item--always-active.hide.section-nav-in-page__item:before {
  opacity: 0;
}
.section-nav__item--dark:before {
  border-bottom-color: #535A5C;
}
@media (min-width: 769px) {
  .section-nav__item--active, .section-nav-in-page__item--active .section-nav-in-page__link, .section-nav__item--always-active {
    border: 0;
  }
  .section-nav__item--active:before, .section-nav-in-page__item--active .section-nav-in-page__link:before, .section-nav__item--always-active:before {
    border-bottom-width: 15px;
  }
  .section-nav__item--active .section-nav__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link, .section-nav__item--active .section-nav-in-page__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__link, .section-nav__item--always-active .section-nav__link, .section-nav__item--always-active .section-nav-in-page__link {
    color: #67656b;
  }
}

.section-nav__sub-item, .section-nav-in-page__sub-item {
  border-bottom: 1px solid #8c97a7;
  display: block;
}
.section-nav__sub-item--active {
  border-bottom: 1px solid #EAEAEA;
}
.section-nav__sub-item:last-child, .section-nav-in-page__sub-item:last-child {
  border-bottom: 0;
  margin-right: 0;
}

.section-nav__link, .section-nav-in-page__link {
  background: 0;
  color: #fff;
  display: block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 18px;
  line-height: 26px;
  padding: 15px 0;
  text-decoration: none;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #fff;
  position: relative;
}
@media (min-width: 769px) {
  .section-nav__link, .section-nav-in-page__link {
    border: 0;
    font-weight: 400;
    padding: 0 8px;
    width: auto;
  }
}
@media (min-width: 1025px) {
  .section-nav__link, .section-nav-in-page__link {
    font-size: 16px;
    line-height: 24px;
    padding: 0 20px;
  }
}
@media (min-width: 769px) {
  .partner-portal .section-nav__link, .partner-portal .section-nav-in-page__link {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 1025px) {
  .partner-portal .section-nav__link, .partner-portal .section-nav-in-page__link {
    font-size: 16px;
    line-height: 24px;
  }
}
.section-nav__link[data-section]:after, [data-section].section-nav-in-page__link:after {
  content: "";
  transform: rotate(45deg);
  position: absolute;
  right: 5px;
  margin: auto;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-top: 5px;
}
@media (min-width: 769px) {
  .section-nav__link[data-section]:after, [data-section].section-nav-in-page__link:after {
    content: "";
    border: none;
    padding: 0;
    margin: 0;
  }
}
.section-nav__item--active .section-nav__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link, .section-nav__item--active .section-nav-in-page__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__link {
  border-bottom: 1px solid #fff;
}
@media (min-width: 769px) {
  .section-nav__item--active .section-nav__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link, .section-nav__item--active .section-nav-in-page__link, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__link {
    border: 0;
  }
}
.section-nav__item--active .section-nav__link[data-section]:after, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link[data-section]:after, .section-nav__item--active [data-section].section-nav-in-page__link:after, .section-nav-in-page__item--active .section-nav-in-page__link [data-section].section-nav-in-page__link:after {
  content: "";
  transform: rotate(224deg);
  position: absolute;
  right: 5px;
  margin: auto;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-top: 10px;
}
@media (min-width: 769px) {
  .section-nav__item--active .section-nav__link[data-section]:after, .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link[data-section]:after, .section-nav__item--active [data-section].section-nav-in-page__link:after, .section-nav-in-page__item--active .section-nav-in-page__link [data-section].section-nav-in-page__link:after {
    content: "";
    border: none;
    padding: 0;
    margin: 0;
  }
}
.section-nav__link[data-icon-before]::before, [data-icon-before].section-nav-in-page__link::before {
  margin-right: 10px;
}
.section-nav__link[data-icon-before=user], [data-icon-before=user].section-nav-in-page__link {
  position: relative;
}
.section-nav__link[data-icon-before=user]::before, [data-icon-before=user].section-nav-in-page__link::before {
  display: none;
  font-size: 2rem;
  left: 0;
  margin-right: 0;
  position: absolute;
  top: -2px;
}
@media (min-width: 769px) {
  .section-nav__link[data-icon-before=user]::before, [data-icon-before=user].section-nav-in-page__link::before {
    display: inline-block;
  }
}
@media (min-width: 769px) {
  .section-nav__link[data-icon-before=user], [data-icon-before=user].section-nav-in-page__link {
    margin-left: 30px;
    padding-left: 25px;
  }
}
.site-header--black .section-nav__link, .site-header--black .section-nav-in-page__link {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 769px) {
  .site-header--black .section-nav__link, .site-header--black .section-nav-in-page__link {
    color: #fff;
  }
}
.site-header--white .section-nav__link, .site-header--white .section-nav-in-page__link, .partner-portal .site-header .section-nav__link, .partner-portal .site-header .section-nav-in-page__link {
  color: #084386;
  font-weight: 500;
}
@media (min-width: 769px) {
  .site-header--white .section-nav__link, .site-header--white .section-nav-in-page__link, .partner-portal .site-header .section-nav__link, .partner-portal .site-header .section-nav-in-page__link {
    color: #191f21;
  }
}
@media (min-width: 769px) {
  .partner-portal .site-header--white .section-nav__item--active .section-nav__link, .partner-portal .site-header--white .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link, .section-nav-in-page__item--active .partner-portal .site-header--white .section-nav-in-page__link .section-nav__link, .partner-portal .site-header--white .section-nav__item--active .section-nav-in-page__link, .partner-portal .site-header--white .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__link, .section-nav-in-page__item--active .partner-portal .site-header--white .section-nav-in-page__link .section-nav-in-page__link, .partner-portal .site-header .section-nav__item--active .section-nav__link, .partner-portal .site-header .section-nav-in-page__item--active .section-nav-in-page__link .section-nav__link, .section-nav-in-page__item--active .partner-portal .site-header .section-nav-in-page__link .section-nav__link, .partner-portal .site-header .section-nav__item--active .section-nav-in-page__link, .partner-portal .site-header .section-nav-in-page__item--active .section-nav-in-page__link .section-nav-in-page__link, .section-nav-in-page__item--active .partner-portal .site-header .section-nav-in-page__link .section-nav-in-page__link {
    color: #00a1cb;
  }
}
.partner-portal .site-header--white .section-nav__link, .partner-portal .site-header--white .section-nav-in-page__link, .partner-portal .site-header .section-nav__link, .partner-portal .site-header .section-nav-in-page__link {
  color: #084386;
  font-weight: 500;
}
@media (min-width: 769px) {
  .partner-portal .site-header--white .section-nav__link, .partner-portal .site-header--white .section-nav-in-page__link, .partner-portal .site-header .section-nav__link, .partner-portal .site-header .section-nav-in-page__link {
    color: #084386;
  }
  .partner-portal .site-header--white .section-nav__link:hover, .partner-portal .site-header--white .section-nav-in-page__link:hover, .partner-portal .site-header .section-nav__link:hover, .partner-portal .site-header .section-nav-in-page__link:hover {
    color: #00a1cb;
  }
}

.section-nav__button, .section-nav-in-page__button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  height: 55px;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  margin: 0 5px;
}
@media (min-width: 769px) {
  .section-nav__button, .section-nav-in-page__button {
    display: none;
  }
}
.section-nav--active .section-nav__button span, .section-nav--active .section-nav-in-page__button span, .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span, .section-nav--always-active .section-nav__button span, .section-nav--always-active .section-nav-in-page__button span {
  background-color: transparent;
}
.site-header--white .section-nav--active .section-nav__button span, .site-header--white .section-nav--active .section-nav-in-page__button span, .site-header--white .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span, .site-header--white .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span, .section-nav-in-page--active .site-header--white .section-nav-in-page__list .section-nav__button span, .section-nav-in-page--active .site-header--white .section-nav-in-page__list .section-nav-in-page__button span, .partner-portal .site-header .section-nav--active .section-nav__button span, .partner-portal .site-header .section-nav--active .section-nav-in-page__button span, .partner-portal .site-header .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span, .partner-portal .site-header .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span, .section-nav-in-page--active .partner-portal .site-header .section-nav-in-page__list .section-nav__button span, .section-nav-in-page--active .partner-portal .site-header .section-nav-in-page__list .section-nav-in-page__button span, .site-header--white .section-nav--always-active .section-nav__button span, .site-header--white .section-nav--always-active .section-nav-in-page__button span, .partner-portal .site-header .section-nav--always-active .section-nav__button span, .partner-portal .site-header .section-nav--always-active .section-nav-in-page__button span {
  background-color: transparent;
}
.partner-portal .section-nav--active .section-nav__button span, .partner-portal .section-nav--active .section-nav-in-page__button span, .partner-portal .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span, .partner-portal .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span, .section-nav-in-page--active .partner-portal .section-nav-in-page__list .section-nav__button span, .section-nav-in-page--active .partner-portal .section-nav-in-page__list .section-nav-in-page__button span, .partner-portal .section-nav--always-active .section-nav__button span, .partner-portal .section-nav--always-active .section-nav-in-page__button span {
  background-color: transparent;
}
.section-nav--active .section-nav__button span:after, .section-nav--active .section-nav-in-page__button span:after, .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span:after, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span:after, .section-nav--active .section-nav__button span:before, .section-nav--active .section-nav-in-page__button span:before, .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span:before, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span:before, .section-nav--always-active .section-nav__button span:after, .section-nav--always-active .section-nav-in-page__button span:after, .section-nav--always-active .section-nav__button span:before, .section-nav--always-active .section-nav-in-page__button span:before {
  top: 0;
}
.section-nav--active .section-nav__button span:before, .section-nav--active .section-nav-in-page__button span:before, .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span:before, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span:before, .section-nav--always-active .section-nav__button span:before, .section-nav--always-active .section-nav-in-page__button span:before {
  transform: rotate(45deg);
}
.section-nav--active .section-nav__button span:after, .section-nav--active .section-nav-in-page__button span:after, .section-nav-in-page--active .section-nav-in-page__list .section-nav__button span:after, .section-nav-in-page--active .section-nav-in-page__list .section-nav-in-page__button span:after, .section-nav--always-active .section-nav__button span:after, .section-nav--always-active .section-nav-in-page__button span:after {
  transform: rotate(-45deg);
}
.section-nav__button span, .section-nav-in-page__button span,
.section-nav__button span:after,
.section-nav-in-page__button span:after,
.section-nav__button span:before,
.section-nav-in-page__button span:before {
  background: #fff;
  border-radius: 2px;
  content: "";
  cursor: pointer;
  display: block;
  height: 2px;
  position: absolute;
  width: 22px;
  transition: all 0.25s ease;
}
.site-header--white .section-nav__button span, .site-header--white .section-nav-in-page__button span, .partner-portal .site-header .section-nav__button span, .partner-portal .site-header .section-nav-in-page__button span,
.site-header--white .section-nav__button span:after,
.site-header--white .section-nav-in-page__button span:after,
.partner-portal .site-header .section-nav__button span:after,
.partner-portal .site-header .section-nav-in-page__button span:after,
.site-header--white .section-nav__button span:before,
.site-header--white .section-nav-in-page__button span:before,
.partner-portal .site-header .section-nav__button span:before,
.partner-portal .site-header .section-nav-in-page__button span:before {
  background: #00a1cb;
}
.partner-portal .section-nav__button span, .partner-portal .section-nav-in-page__button span,
.partner-portal .section-nav__button span:after,
.partner-portal .section-nav-in-page__button span:after,
.partner-portal .section-nav__button span:before,
.partner-portal .section-nav-in-page__button span:before {
  background: #00a1cb;
}
.section-nav__button span, .section-nav-in-page__button span {
  top: 26px;
}
.section-nav__button span:before, .section-nav-in-page__button span:before {
  top: -8px;
}
.section-nav__button span:after, .section-nav-in-page__button span:after {
  bottom: -8px;
}

.section.section-nav-in-page.section {
  display: none;
}
@media (min-width: 769px) {
  .section.section-nav-in-page.section {
    display: block;
    overflow: auto;
  }
  .section.section-nav-in-page.section .section-title {
    padding-bottom: 10px;
  }
  .section.section-nav-in-page.section .section-title .heading--tertiary, .section.section-nav-in-page.section .section-title .rte h3, .rte .section.section-nav-in-page.section .section-title h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
  }
}

.section-nav-in-page .section-nav-in-page__sub-list {
  display: block;
  overflow: auto;
}

.section-nav-in-page .section-nav-in-page__link {
  display: inline-table;
  position: relative;
  width: auto;
  height: 40px;
  padding: 0 30px;
  border: 1px solid #e5eff8;
  background: #FBFBFF;
  font-size: 14px;
  font-weight: 700;
  color: #1b9de7;
  margin: 0 10px;
}
.section-nav-in-page .section-nav-in-page__link:hover {
  border: 1px solid #11171f;
  background: #11171F;
}
.section-nav-in-page .section-nav-in-page__item--active .section-nav-in-page__link {
  border: 1px solid #11171f;
  background: #11171F;
}
.section-nav-in-page__link[data-section]:after {
  border: 0;
}

/* ==========================================================================
		NAVIGATION
	 ========================================================================== */
.primary-nav, .primary-nav-in-page {
  background: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  height: 0;
  overflow: hidden;
  transition: height 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.partner-portal .primary-nav, .partner-portal .primary-nav-in-page {
  background: none;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
.primary-nav--mobile-active {
  min-height: 98px;
  height: auto;
}
@media (min-width: 769px) {
  .primary-nav--mobile-active {
    height: 0;
  }
}
.primary-nav--desktop-active.primary-nav--active {
  height: 0;
}
@media (min-width: 769px) {
  .primary-nav--desktop-active.primary-nav--active {
    min-height: 250px;
    height: auto;
  }
}
@media (min-width: 769px) {
  .primary-nav, .primary-nav-in-page {
    box-shadow: none;
    height: 0px;
  }
}
@media (min-width: 769px) {
  .primary-nav--active, .primary-nav--always-open {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    min-height: 250px;
    height: auto;
  }
  .partner-portal .primary-nav--active, .partner-portal .primary-nav--always-open {
    background: #f3f3f3;
  }
}
.primary-nav--dark {
  background: #535A5C;
}

.primary-nav__list, .primary-nav-in-page__list {
  -webkit-overflow-scrolling: touch;
  display: none;
  height: 100%;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 0;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 769px) {
  .primary-nav__list--active, .primary-nav__list--always-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
  }
}

.primary-nav__item, .primary-nav-in-page__item {
  display: inline-block;
  margin: 0 20px;
  height: 100%;
}
@media (min-width: 769px) {
  .primary-nav__item, .primary-nav-in-page__item {
    margin: 0 25px;
  }
  .primary-nav__item:last-child, .primary-nav-in-page__item:last-child {
    margin-right: 0;
  }
}

.primary-nav__link, .primary-nav-in-page__link {
  color: #1b9de7;
  display: block;
  height: 100%;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 45px 0 50px;
  text-decoration: none;
  text-align: center;
  border-bottom: 3px solid transparent;
}
.primary-nav__link:hover .primary-nav__icon, .primary-nav__link:hover .primary-nav-in-page__icon, .primary-nav-in-page__link:hover .primary-nav__icon, .primary-nav-in-page__link:hover .primary-nav-in-page__icon {
  transform: translate(0px, -5px);
  transition: all 0.2s;
}
.primary-nav__item--active .primary-nav__link, .primary-nav__item--active .primary-nav-in-page__link {
  border-bottom: 3px solid #1b9de7;
}
.primary-nav--dark .primary-nav__link, .primary-nav--dark .primary-nav-in-page__link {
  color: #fff;
}
@media (min-width: 769px) {
  .primary-nav__link:hover, .primary-nav-in-page__link:hover {
    color: #00caff;
    border-bottom: 3px solid #00caff;
  }
  .primary-nav__item--active .primary-nav__link:hover, .primary-nav__item--active .primary-nav-in-page__link:hover {
    border-bottom: 3px solid #00caff;
  }
}

.primary-nav__icon, .primary-nav-in-page__icon {
  display: block;
  height: 140px;
  text-align: center;
  width: 140px;
}

.primary-nav-in-page {
  background: none;
  box-shadow: none;
  height: 0;
  width: 100%;
  transition: none;
}
.primary-nav-in-page.primary-nav-in-page--active {
  height: auto;
  box-shadow: none;
}

.primary-nav-in-page__list--active {
  display: block;
}

.primary-nav-in-page__item {
  margin: 0 15px;
}

.primary-nav-in-page__link:hover .primary-nav__icon, .primary-nav-in-page__link:hover .primary-nav-in-page__icon {
  transform: translate(0px, -5px);
  transition: all 0.2s;
}

/* ==========================================================================
		NAVIGATION
	 ========================================================================== */
.footer-nav {
  padding: 0;
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
@media (min-width: 769px) {
  .footer-nav {
    margin: 0;
  }
}

.footer-nav__list {
  display: inline-block;
  float: left;
  padding: 0;
  width: 100%;
  margin: 0;
}
@media (min-width: 769px) {
  .footer-nav__list {
    width: 25%;
  }
}

.footer-nav__item {
  display: inline-block;
  margin: 0;
}
.footer-nav__item .footer-nav__sub-list {
  list-style: none;
  padding: 0;
}
.footer-nav__item .footer-nav__sub-list .footer-nav__sub-item .footer-nav__link {
  font-size: 13px;
  color: #8c97a7;
}
.footer-nav__item .footer-nav__sub-list .footer-nav__sub-item .footer-nav__link--active {
  color: #1b9de7;
}

.footer-nav__header__link,
.footer-nav__link {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
  color: #00000b;
  font-weight: 300;
  text-decoration: none;
}
.footer-nav__item--active .footer-nav__header__link,
.footer-nav__item--active .footer-nav__link {
  border-bottom: 2px solid #0083A5;
}

.footer-nav__header__link {
  font-weight: 400;
}

.footer-nav__icon {
  display: block;
  height: 45px;
  margin: 0 auto 7px;
  text-align: center;
  width: auto;
}

/* ==========================================================================
		NAVIGATION
	 ========================================================================== */
.legal-nav {
  padding: 10px 0;
  width: 100%;
  float: left;
  margin-top: 20px;
}
@media (min-width: 769px) {
  .legal-nav {
    margin-top: 30px;
  }
}

.legal-nav__list {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}
@media (min-width: 768px) {
  .legal-nav__list {
    margin: 0;
  }
}

.legal-nav__item {
  display: inline-block;
  margin: 0;
}
@media (min-width: 769px) {
  .legal-nav__item {
    margin-bottom: 20px;
  }
}
.legal-nav__item:after {
  content: "|";
  display: inline-block;
  color: #8a8b8e;
  margin: 0 10px;
}
@media (min-width: 769px) {
  .legal-nav__item:after {
    margin: 0 15px;
  }
}
.legal-nav__item:last-child:after {
  content: "";
}

.legal-nav__link {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #1b9de7;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 0;
}
.legal-nav__item--active .legal-nav__link {
  border-bottom: 2px solid #0083A5;
}

.legal-nav__copyright {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 14px;
  color: #8a8b8e;
  font-weight: 300;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
		NOTIFICATION
	 ========================================================================== */
.notification {
  background: #7b7e80;
  color: #fff;
  padding: 2px 20px 2px 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 7;
}
.notification .icon-close, .notification .table-specs__status--not-supported:before, .notification .table-comparison__status--not-supported:before, .notification .mfp-close, .notification .tooltip-close-btn:before {
  background: none;
  border: none;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 10px;
}
.notification .richtext a {
  color: #fff;
  text-decoration: underline;
}
.notification .title {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding-right: 15px;
}
.notification .message {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  margin-right: 5px;
}
.notification .confirm {
  border: none;
  display: inline-block;
  font-size: 1rem;
  margin: 5px 0;
  padding: 5px 10px;
}
.notification.bottom {
  bottom: 0;
  top: auto;
}
.notification--hide {
  display: none;
}

/* ==========================================================================
		SECTIONS
	 ========================================================================== */
.section {
  background: #FFFFFF;
  display: block;
  padding: 20px 0;
  position: relative;
  vertical-align: top;
  width: 100%;
  position: relative;
}
.partner-portal .section {
  padding: 0;
}
.section .container.narrow-section-container, .section .narrow-section-container.simple-hero__content, .section .narrow-section-container.jumplinks__list, .section .narrow-section-container.hero__content, .section .narrow-section-container.hero__container, .section .narrow-section-container.featured-overview__container, .section .narrow-section-container.featured-overview__content, .section .narrow-section-container.feature-info__content, .section .narrow-section-container.feature-info__container, .section .narrow-section-container.campaign-hero__content, .section .narrow-section-container.campaign-hero__container, .section .narrow-section-container.breadcrumbs__list, .section .narrow-section-container.banner__container, .section .narrow-section-container.site-header__container, .section .narrow-section-container.primary-nav__list, .section .narrow-section-container.primary-nav-in-page__list {
  max-width: 990px;
}
@media (min-width: 768px) {
  .section {
    padding: 30px 0;
  }
  .partner-portal .section {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .section {
    padding: 40px 0;
  }
  .partner-portal .section {
    padding: 0 20px;
  }
}
.section--no-padding {
  display: block;
  padding: 0;
}
.section--no-padding-top {
  display: inline-block;
  padding-top: 0;
}
.section--no-padding-bottom {
  display: inline-block;
  padding-bottom: 0;
}
.section--border-bottom {
  position: relative;
}
.section--border-bottom:after {
  background: #f3f3f3;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  max-width: 1200px;
  position: absolute;
  transform: translate(-50%, 0);
  width: 100%;
}
.section--border-bottom.section--dark:after {
  background: #6b7477;
}
.section--border-bottom.section--primary:after {
  background: rgba(234, 234, 234, 0.25);
}
.section--black {
  background: #000000;
  color: #fff;
}
.section--dark {
  background: #535A5C;
  color: #fff;
}
.section--mid {
  background: #f3f3f3;
}
.section--midnightblue {
  background: #172664;
}
.section--primary {
  background: #0083A5;
  color: #fff;
}
.section--arrow-bottom:after {
  border-color: #FFFFFF transparent transparent transparent;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  bottom: 0;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .section--arrow-bottom:after {
    border-width: 30px 30px 0 30px;
  }
}
.section--arrow-bottom.section--black:after {
  border-color: #000000 transparent transparent transparent;
}
.section--arrow-bottom.section--dark:after {
  border-color: #535A5C transparent transparent transparent;
}
.section--arrow-bottom.section--mid:after {
  border-color: #f3f3f3 transparent transparent transparent;
}
.section--arrow-bottom.section--midnightblue:after {
  border-color: #172664 transparent transparent transparent;
}
.section--arrow-bottom.section--primary:after {
  border-color: #0083A5 transparent transparent transparent;
}
.section--arrow:before {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  width: 0;
}
@media (min-width: 768px) {
  .section--arrow:before {
    border-width: 0 30px 30px 30px;
  }
}
.section--arrow.section--black:before {
  border-color: transparent transparent #000000 transparent;
}
.section--arrow.section--dark:before {
  border-color: transparent transparent #535A5C transparent;
}
.section--arrow.section--mid:before {
  border-color: transparent transparent #f3f3f3 transparent;
}
.section--arrow.section--midnightblue:before {
  border-color: transparent transparent #172664 transparent;
}
.section--arrow.section--primary:before {
  border-color: transparent transparent #0083A5 transparent;
}
.section__background-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.section__background-image--video {
  display: block;
}
@media (min-width: 769px) {
  .section__background-image--video {
    display: none;
  }
}
.section__background-video {
  display: none;
}
@media (min-width: 769px) {
  .section__background-video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    height: auto;
    width: 100%;
    z-index: 0;
  }
}
.section__background-video video {
  object-fit: cover;
  pointer-events: none;
  width: auto !important;
}
@media (min-width: 769px) {
  .section__background-video video {
    width: 100% !important;
  }
}

.collection {
  zoom: 1;
}
.collection:after, .collection:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.collection:after {
  clear: both;
}
@media (min-width: 768px) {
  .collection--accordion {
    display: block !important;
  }
}

.collection-toggle {
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .collection-toggle {
    display: none;
  }
}

.collection-toggle__button {
  background: #FFFFFF;
  border-bottom: 1px solid #EAEAEA;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #0083A5;
  display: block;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  line-height: 1.6;
  padding: 20px;
  text-align: left;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
.collection-toggle--active .collection-toggle__button {
  background: #f3f3f3;
  color: #191f21;
}
.collection-toggle__button:after {
  border-radius: 100%;
  border: 1px solid #cdcccb;
  color: #cdcccb;
  float: right;
  font-size: 2.2rem;
  margin: 0 10px 0 15px;
  transform: rotate(90deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.collection-toggle--active .collection-toggle__button:after {
  transform: rotate(-90deg);
}

.section-title {
  padding: 10px;
}
@media (min-width: 768px) {
  .section-title {
    padding: 20px;
  }
}
.section-title .heading--primary, .section-title .rte h1, .rte .section-title h1 {
  color: #191f21;
  display: inline-block;
  margin: 0;
}
.section--black .section-title .heading--primary, .section--black .section-title .rte h1, .rte .section--black .section-title h1, .section--midnightblue .section-title .heading--primary, .section--midnightblue .section-title .rte h1, .rte .section--midnightblue .section-title h1, .section--dark .section-title .heading--primary, .section--dark .section-title .rte h1, .rte .section--dark .section-title h1, .section--primary .section-title .heading--primary, .section--primary .section-title .rte h1, .rte .section--primary .section-title h1 {
  color: #fff;
}
.section-title .heading--tertiary, .section-title .rte h3, .rte .section-title h3 {
  margin: 0;
}
.section-title--align-left {
  text-align: left;
}
.section-title--align-center {
  text-align: center;
}
.section-title--align-right {
  text-align: right;
}
.partner-portal .section-title .heading, .partner-portal .section-title .rte h1, .rte .partner-portal .section-title h1, .partner-portal .section-title .rte h2, .rte .partner-portal .section-title h2, .partner-portal .section-title .rte h3, .rte .partner-portal .section-title h3, .partner-portal .section-title .rte h4, .rte .partner-portal .section-title h4 {
  color: #b3bbbd;
  font-size: 1.8rem;
  font-weight: 500;
}

.section-title__subtitle {
  color: #191f21;
  line-height: 1.73;
  margin: 10px 0 0;
  letter-spacing: -0.3px;
}
@media (min-width: 768px) {
  .section-title__subtitle {
    width: 75%;
  }
  .section-title--align-center .section-title__subtitle {
    margin: 20px auto;
  }
}
.section-title__subtitle--align-center {
  text-align: center;
  margin: auto;
}
.section-title__subtitle--no-margin {
  margin: 0;
}
.section--black .section-title__subtitle, .section--midnightblue .section-title__subtitle, .section--dark .section-title__subtitle, .section--primary .section-title__subtitle {
  color: #fff;
}
.section-title__subtitle a {
  color: #0083A5;
}
.section--black .section-title__subtitle a, .section--midnightblue .section-title__subtitle a, .section--dark .section-title__subtitle a, .section--primary .section-title__subtitle a {
  color: #fff;
}
.partner-portal .section-title__subtitle {
  color: #00a1cb;
  font-size: 3rem;
  line-height: 1;
}

.section-title__sublist {
  display: block;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .section-title__sublist {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    vertical-align: super;
  }
}

.section-title__subitem {
  display: inline-block;
  line-height: 3;
  margin-right: 10px;
}
.section-title__subitem:last-child {
  margin: 0;
}

.section-title__sublink {
  color: #0083A5;
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0 20px 0 0;
  position: relative;
  padding: 0 0 0 30px;
}
.section-title__sublink:after, .section-title__sublink:before {
  color: #535A5C;
  font-size: 2rem;
  position: absolute;
  transform: translate(0%, -50%);
}
.section-title__sublink:after {
  left: 0;
  top: 50%;
}
.section-title__sublink:before {
  left: 0;
  top: 50%;
}
.section-title__sublink:hover {
  color: #F57F23;
}

.section.resource-centre-section {
  background-color: #fbfcff;
}

/* ==========================================================================
		MODULES
	 ========================================================================== */
.module {
  margin: 10px;
  padding: 10px 0;
  position: relative;
  zoom: 1;
}
.partner-portal .module {
  margin: 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .partner-portal .module {
    margin: 20px;
    padding: 0;
  }
}
.partner-portal .module--padded {
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal .module--padded {
    padding: 40px;
  }
}
.module:after, .module:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.module:after {
  clear: both;
}
@media (min-width: 768px) {
  .module {
    margin: 20px;
    padding: 20px 0;
  }
  .module--no-padding {
    height: 100%;
    margin: 0;
    padding: 0;
  }
}
.module--align-image-top, .module--align-image-top-left, .module--align-image-top-right {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.module--align-image-right, .module--align-image-top-right, .module--align-image-bottom-right {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  float: right !important;
}
.module--align-image-bottom, .module--align-image-bottom-left, .module--aling-image-bottom-right {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.module--align-image-left, .module--align-image-top-left, .module--align-image-bottom-left {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}
.module--bg-light {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 10px;
}
@media (min-width: 768px) {
  .module--bg-light {
    padding: 20px;
  }
}
.module--border-primary {
  border-color: #0083A5;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
}
.partner-portal .module--border-primary {
  border-color: #ecf3f9;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
}
.partner-portal .module--background {
  background: #e6effe;
}
.module--no-padding {
  height: 100%;
  margin: 0;
  padding: 0;
}
.module--no-spacing-top {
  margin-top: 0;
  padding-top: 0;
}
.module--no-spacing-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.module--no-spacing-left {
  margin-left: 0;
  padding-left: 0;
}
.module--no-spacing-right {
  margin-right: 0;
  padding-right: 0;
}
.module--no-padding-top {
  padding-top: 0;
}
.module--no-padding-bottom {
  padding-bottom: 0;
}
.module--no-padding-left {
  padding-left: 0;
}
.module--no-padding-right {
  padding-right: 0;
}
.module--no-margin-top {
  margin-top: 0;
  padding-top: 0;
}
.module--no-margin-bottom {
  padding-bottom: 0;
}
.module--no-margin-left {
  padding-left: 0;
}
.module--no-margin-right {
  padding-right: 0;
}
.module--auto-height {
  height: auto;
}
.module--full-width {
  width: 100%;
}
.grid--equal-heights .module {
  height: calc(100% - 10px*2);
}
.partner-portal .grid--equal-heights .module {
  height: calc(100% - 20px);
}
@media (min-width: 768px) {
  .grid--equal-heights .module {
    height: calc(100% - 40px);
  }
  .partner-portal .grid--equal-heights .module {
    height: calc(100% - 40px);
  }
}

/* ==========================================================================
		ITEM LISTING
	 ========================================================================== */
.item-listing {
  background: none;
  border: none;
  padding: 0;
}
.item-listing[href] {
  cursor: pointer;
  text-decoration: none;
}

.item-listing__description-container .button, .item-listing__description-container .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .item-listing__description-container button,
.item-listing__description-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .item-listing__description-container input[type=button],
.item-listing__description-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .item-listing__description-container input[type=reset],
.item-listing__description-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .item-listing__description-container input[type=submit], .item-listing__description-container .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .item-listing__description-container input[type=submit], .item-listing__description-container .sc-form input[type=submit], .sc-form .item-listing__description-container input[type=submit], .item-listing__description-container .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .item-listing__description-container .section-nav-in-page__link, .item-listing__description-container .notification .confirm, .notification .item-listing__description-container .confirm {
  margin: 20px 0 0;
}

.item-listing__description,
.item-listing__image {
  text-align: left;
}

.item-listing__description .richtext ul li {
  margin-bottom: 5px;
}

.item-listing__eyebrow {
  color: #7b7e80;
  margin: 10px 0;
}

.item-listing__title {
  color: #1b9de7;
  display: block;
  font-size: inherit;
  margin: 0 0 10px;
}

.item-listing__subtitle {
  color: #535A5C;
  font-weight: 700;
}

.item-listing__image {
  display: block;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .item-listing__image {
    margin-right: 20px;
  }
}
.item-listing__image img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 200px;
  max-width: 100%;
  position: relative;
  width: auto;
}
.item-listing__image--video {
  position: relative;
}
.item-listing__image--video:before {
  background: #191f21;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 3;
}
.no-touchevents .item-listing__image--video:hover:before {
  opacity: 0;
}
.item-listing__image--video:after {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 1px #FFFFFF;
  border-radius: 100%;
  color: #fff;
  height: 30px;
  left: 50%;
  padding: 7px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 30px;
  z-index: 4;
}
@media (min-width: 769px) {
  .item-listing__image--large .item-listing__image--video:after {
    font-size: 1.8rem;
    height: 60px;
    padding: 12px;
    width: 60px;
  }
}

/* ==========================================================================
		PREDICTIVE SEARCH
	 ========================================================================== */
.predictive-search {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  border-radius: 0;
  display: none;
  left: 0;
  max-height: calc(100vh - 52px);
  overflow-y: auto;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 5;
}
.site-header .predictive-search {
  background: #000000;
}
.site-header--white .predictive-search, .partner-portal .site-header .predictive-search {
  background: #FFFFFF;
}
.site-overlay .predictive-search {
  z-index: 6;
  width: 100%;
  margin-left: 0;
}
@media (min-width: 769px) {
  .site-overlay .predictive-search {
    width: 100%;
    margin-left: 160px;
  }
}
.predictive-search--active {
  display: block;
}
.predictive-search--contact-header {
  min-width: fit-content;
  margin-left: 20px !important;
  top: 40px;
  background: #FFFFFF;
}
.site-header .predictive-search {
  top: 110px;
  padding: 0px 15px;
}
@media (min-width: 769px) {
  .site-header .predictive-search {
    top: calc(100% + 1px);
    padding: 20px 45px;
  }
}
.site-header .predictive-search__heading-view-results .button::after, .site-header .predictive-search__heading-view-results .newsletter-sign-up .newsletter-sign-up__form-code button::after, .newsletter-sign-up .newsletter-sign-up__form-code .site-header .predictive-search__heading-view-results button::after,
.site-header .predictive-search__heading-view-results .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .site-header .predictive-search__heading-view-results input[type=button]::after,
.site-header .predictive-search__heading-view-results .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .site-header .predictive-search__heading-view-results input[type=reset]::after,
.site-header .predictive-search__heading-view-results .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]::after,
.newsletter-sign-up .newsletter-sign-up__form-code .site-header .predictive-search__heading-view-results input[type=submit]::after, .site-header .predictive-search__heading-view-results .search-bar--submit-outset .search-bar__container input[type=submit]::after, .search-bar--submit-outset .search-bar__container .site-header .predictive-search__heading-view-results input[type=submit]::after, .site-header .predictive-search__heading-view-results .sc-form input[type=submit]::after, .sc-form .site-header .predictive-search__heading-view-results input[type=submit]::after, .site-header .predictive-search__heading-view-results .section-nav-in-page .section-nav-in-page__link::after, .section-nav-in-page .site-header .predictive-search__heading-view-results .section-nav-in-page__link::after, .site-header .predictive-search__heading-view-results .notification .confirm::after, .notification .site-header .predictive-search__heading-view-results .confirm::after {
  border: 0;
  margin: 0;
}
.predictive-search__heading-title {
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 22px;
  color: #bbc1cf;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
}
.predictive-search__heading-view-results a {
  font-size: 14px;
  line-height: 30px;
  color: #1b9de7;
  font-weight: 400;
  float: right;
  padding: 0;
}
.predictive-search__heading-view-results a:after {
  content: ">";
  -ms-transform: 0;
  transform: 0;
  position: absolute;
  right: 5px;
  margin: auto;
  font-family: monospace;
  font-size: 12px;
  color: #1b9de7;
}
.predictive-search__heading-view-results a:hover:after {
  background: transparent;
  color: inherit;
}

.predictive-search__item {
  margin: 0px 20px;
  padding: 0;
  text-align: left;
}
.predictive-search__item .item-listing__image-container {
  width: auto;
}
.predictive-search__item .item-listing__image-container .item-listing__image {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.predictive-search__item .item-listing__description-container {
  width: calc(100% - 55px);
}
.predictive-search__item .item-listing__title {
  font-size: 14px;
  line-height: 22px;
  color: #67666b;
  font-weight: 400;
  margin: 0;
  padding: 5px 0;
}
.predictive-search__item .item-listing__title:hover {
  color: #1b9de7;
}

/* ==========================================================================
		ACCORDION
	 ========================================================================== */
.accordion__button:after, .accordion__button:before {
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion__button--active:after, .accordion__button--active:before {
  transform: rotate(90deg);
}
.accordion__content {
  display: none;
  padding-bottom: 30px;
}
.accordion__content--active {
  display: block;
}

.accordion-menu--mobile-active .accordion__tab {
  position: relative;
  width: 100%;
}
.accordion-menu--mobile-active .accordion__tab__header {
  display: none;
}
@media (min-width: 769px) {
  .accordion-menu--mobile-active .accordion__tab__header {
    display: block;
  }
}
.accordion-menu--mobile-active .accordion__button {
  display: flex;
  color: #191f21;
  background-color: transparent;
  display: block;
  font-size: 18px;
  line-height: 26px;
  padding: 15px 0;
  width: 100%;
  text-align: left;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #4c5254;
  position: relative;
  width: 100%;
}
.accordion-menu--mobile-active .accordion__button:after {
  content: "";
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 5px;
  margin: 5px auto auto;
  border: solid #1b9de7;
  border-radius: 0;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}
.accordion-menu--mobile-active .accordion__button--active {
  background-color: var(--tabs-background-color);
  color: var(--color-primary);
}
.accordion-menu--mobile-active .accordion__button--active:after {
  transform: rotate(224deg);
}
@media (min-width: 769px) {
  .accordion-menu--mobile-active .accordion__button {
    display: none;
  }
}
.accordion-menu--mobile-active .accordion__content {
  display: none;
}
.accordion-menu--mobile-active .accordion__content--active {
  display: block;
}
@media (min-width: 769px) {
  .accordion-menu--mobile-active .accordion__content {
    display: block;
  }
  .accordion-menu--mobile-active .accordion__content--active {
    display: block;
  }
}
.accordion-menu--mobile-active .accordion__content--link {
  padding: 10px 0;
}
@media (min-width: 769px) {
  .accordion-menu--mobile-active .accordion__content--link {
    padding: 0;
  }
}

/* ==========================================================================
	ARTICLE LISTING
========================================================================== */
.article-listing {
  height: calc(100% - 20px);
  margin: 10px;
  position: relative;
}
.partner-portal .article-listing {
  height: 100%;
  margin: 0;
}

.article-listing__wrapper {
  box-shadow: none;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0.15s cubic-bezier(0.4, 0, 0.2, 1), height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .article-listing__wrapper {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1025px) {
  .is-desktop .article-listing__wrapper:hover {
    box-shadow: 0 49.5px 70px -24.5px rgba(0, 0, 0, 0.3);
    height: calc(100% + 12px);
    margin: -6px -10px;
    padding: 6px 10px;
  }
  .is-desktop.is-Edge .article-listing__wrapper:hover, .is-desktop.is-IE .article-listing__wrapper:hover {
    height: 103%;
  }
  .partner-portal .article-listing__wrapper {
    cursor: default;
  }
  .partner-portal .article-listing__wrapper:hover {
    box-shadow: none;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: none;
  }
}

.article-listing__tile {
  height: calc(100% + 12px);
  margin: -6px -10px;
  padding: 6px 10px;
}

.article-listing__tile-content {
  align-items: stretch;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: calc(100% + 12px);
  justify-content: stretch;
  margin: -6px -10px;
  text-decoration: none;
}
.is-IE .article-listing__tile-content {
  flex-wrap: nowrap;
}
.article-listing--brand-primary .article-listing__tile-content {
  background: #0083A5;
}
.partner-portal .article-listing__tile-content {
  background: #f8fbff;
}

.article-listing__image-container {
  flex: 1 0 100%;
  order: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .article-listing__image-container {
    flex: 0 0 50%;
    order: 2;
  }
  .partner-portal .article-listing__image-container {
    order: 1;
  }
}
.article-listing--image-large .article-listing__image-container {
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .article-listing--image-large .article-listing__image-container {
    flex: 0 0 70%;
  }
}

.article-listing__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  min-height: 200px;
  right: auto;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .article-listing__image {
    min-height: 300px;
  }
}
.article-listing--image-large .article-listing__image {
  width: 100%;
}

.article-listing__content {
  flex: 1 0 100%;
  order: 2;
  overflow: hidden;
  padding: 20px 30px 30px;
}
@media (min-width: 768px) {
  .article-listing__content {
    flex: 1 1 50%;
    order: 1;
  }
  .partner-portal .article-listing__content {
    order: 2;
  }
}
.article-listing--image-large .article-listing__content {
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .article-listing--image-large .article-listing__content {
    flex: 0 1 30%;
  }
}
.article-listing--brand-primary .article-listing__content {
  color: #fff;
}

.article-listing__eyebrow {
  color: #7b7e80;
  margin: 10px 0;
}
.article-listing--brand-primary .article-listing__eyebrow {
  color: #fff;
}
.partner-portal .article-listing__eyebrow {
  color: #b3bbbd;
  font-size: 1.7rem;
  font-weight: 300;
}

.article-listing__title {
  color: #535A5C;
  display: block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 10px;
}
.article-listing--brand-primary .article-listing__title {
  color: #fff;
}
.partner-portal .article-listing__title {
  color: #00a1cb;
  font-weight: 500;
}

.article-listing__subtitle {
  color: #535A5C;
}
.article-listing--brand-primary .article-listing__subtitle {
  color: #fff;
}
.partner-portal .article-listing__subtitle {
  color: #59758b;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.aticle-listing__cta {
  color: #191f21;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.175rem;
  margin-top: 20px;
  text-transform: uppercase;
}

/* ==========================================================================
	Feature Info
========================================================================== */
.banner {
  height: auto;
  position: relative;
  width: 100%;
  min-height: 200px;
}
@media (min-width: 768px) {
  .banner {
    height: 350px;
    margin: 0;
  }
}
@media (min-width: 769px) {
  .banner {
    height: 445px;
    margin: 0;
  }
}
.banner--mid {
  background: #f3f3f3;
}
.banner--dark {
  background: #535A5C;
}
.banner--primary {
  background: #0083A5;
}
.banner--black .banner {
  background: #000000;
}
.banner--midnightblue .banner {
  background: #172664;
}

.banner__background-image-container {
  height: 100%;
  position: absolute;
  width: 100%;
}
@media (min-width: 768px) {
  .banner__background-image-container {
    overflow: hidden;
    position: absolute;
  }
}

.banner__background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .banner__background-image {
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (min-width: 768px) {
  .banner__background-image.skrollable {
    height: 200%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
  }
}

.banner__overlay {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.banner__content {
  left: 20px;
  padding: 20px 20px 20px 0;
  position: relative;
  width: calc(60% - 10px);
  z-index: 2;
}
@media (min-width: 768px) {
  .banner__content {
    left: 0;
    padding: 20px 0 20px 10px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.banner__content .rte {
  color: #fff;
}
.banner__content .rte p {
  color: #fff;
}

.banner__container {
  height: 100%;
  position: relative;
  zoom: 1;
}
.banner__container:after, .banner__container:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.banner__container:after {
  clear: both;
}
@media (min-width: 768px) {
  .banner__container {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0%);
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .banner__container {
    padding: 0;
  }
}

.banner__foreground-image {
  left: 50%;
  max-height: 140%;
  max-width: 35%;
  position: absolute;
  top: auto;
  transform: translate(-50%, 0);
  width: auto;
  min-height: 200px;
  z-index: 3;
}
@media (min-width: 768px) {
  .banner__foreground-image {
    bottom: 0;
    left: auto;
    max-width: 30%;
    right: 0;
    transform: translate(0%, 0);
  }
}
@media (min-width: 769px) {
  .banner__foreground-image {
    max-width: 30%;
    max-height: 110%;
  }
}
@media (min-width: 1025px) {
  .banner__foreground-image {
    max-width: 30%;
    max-height: 110%;
  }
}
@media (min-width: 1200px) {
  .banner__foreground-image {
    max-width: 30%;
    max-height: 120%;
  }
}
.banner__foreground-image--content-offset {
  bottom: auto;
  left: auto;
  min-height: 250px;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
.banner--invert .banner__foreground-image {
  left: 0;
  right: auto;
}

/* ==========================================================================
		SUB MENU
	 ========================================================================== */
.breadcrumbs {
  display: none;
}
@media (min-width: 768px) {
  .breadcrumbs {
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    display: block;
    position: relative;
    transform: translate(0, 0px);
    transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 1;
  }
}
.breadcrumbs--fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}

.breadcrumbs__list {
  position: relative;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .breadcrumbs__item {
    border: 0;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    width: auto;
  }
}
.breadcrumbs__item:after, .breadcrumbs__item:before {
  background: #d1d1d1;
  content: "";
  height: 1px;
  position: absolute;
  right: -15px;
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 10px;
}
.breadcrumbs__item:before {
  transform: translate(0, -50%) rotate(42deg);
  top: calc(50% - 3px);
}
.breadcrumbs__item:after {
  transform: translate(0, -50%) rotate(-42deg);
  top: calc(50% + 3px);
}
.breadcrumbs__item:first-child a.breadcrumbs__link:hover {
  text-decoration: none;
}
.breadcrumbs__item:last-child:after, .breadcrumbs__item:last-child:before {
  display: none;
}
.breadcrumbs__item a.breadcrumbs__link {
  color: #0083A5;
}
.breadcrumbs__item a.breadcrumbs__link:hover {
  text-decoration: underline;
}

.breadcrumbs__link {
  color: #191f21;
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 2.18;
  padding: 20px 0;
  text-decoration: none;
  transition: color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 768px) {
  .breadcrumbs__link {
    padding: 10px;
  }
}
@media (min-width: 1025px) {
  .breadcrumbs__link {
    padding: 10px 20px;
  }
}
.breadcrumbs__link:before {
  color: #0083A5;
  display: inline;
  font-size: 1.8rem;
  height: 45px;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
}
.breadcrumbs__item:first-child .breadcrumbs__link {
  padding-left: 0;
}

/* ==========================================================================
		callout
	 ========================================================================== */
.callout__container {
  display: block;
  color: inherit;
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .callout__container {
    display: none;
  }
}

.callout__container--mobile {
  display: none;
}
@media (max-width: 1024px) {
  .callout__container--mobile {
    display: flex;
    flex-flow: column wrap;
  }
}

.callout__row {
  display: flex;
  align-items: flex-start;
}

.callout__row--align-center {
  align-items: center;
}

.callout__row__item {
  display: flex;
  ali: flex-start;
  text-align: center;
  padding: 0 20px;
}

.callout__mobile__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.callout {
  align-items: flex-end;
  color: inherit;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-bottom: 0;
  text-align: center;
  text-decoration: none;
  zoom: 1;
}
.callout:after, .callout:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.callout:after {
  clear: both;
}

.callout__content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 20px;
}

.callout__title-container {
  margin-top: 20px;
}

.callout__content-wrapper {
  align-self: flex-end;
  width: 100%;
}

.callout__image-container {
  align-content: flex-end;
  align-items: flex-start;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  justify-content: center;
  margin: 0;
  max-height: 200px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.callout__image-container--rounded {
  border-radius: 5px;
}
.callout__image-container--overlay {
  border-radius: 5px 5px 0 0;
}
.callout__image-container--overlay:before {
  background: #FFFFFF;
  border-radius: 100%;
  bottom: -35px;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  opacity: 1;
  position: absolute;
  transform: translate(-50%, 1px);
  width: 120%;
  z-index: 2;
}
.section--mid .callout__image-container--overlay:before {
  background: #f3f3f3;
}
.section--dark .callout__image-container--overlay:before {
  background: #535A5C;
}
.section--primary .callout__image-container--overlay:before {
  background: #0083A5;
}

.callout__image {
  align-self: flex-end;
  display: block;
  max-height: 200px;
  max-width: 100%;
  height: auto;
  width: auto;
  z-index: 1;
}
.callout__image a {
  display: block;
}
.callout__image--full {
  max-width: 100%;
}
.callout__image--icon {
  align-self: flex-end;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 50px;
  width: auto;
}
.callout__image--product {
  display: block;
  height: auto;
  margin: auto;
  width: auto;
}

.callout__image-item {
  height: auto;
  max-width: 100%;
  max-height: inherit;
}

.callout__button-container {
  text-align: center;
  width: 100%;
}

.callout__content {
  margin: auto;
  padding: 0 5px;
  text-align: center;
  width: 100%;
  zoom: 1;
}
.callout__content:after, .callout__content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.callout__content:after {
  clear: both;
}
.callout__content a {
  color: inherit;
  text-decoration: none;
}
.is-IE .callout__content {
  flex: none;
  height: auto;
}
.callout__content--full {
  max-width: 100%;
}
.callout__content .heading, .callout__content .rte h1, .rte .callout__content h1, .callout__content .rte h2, .rte .callout__content h2, .callout__content .rte h3, .rte .callout__content h3, .callout__content .rte h4, .rte .callout__content h4 {
  margin: 0;
}
.section--black .callout__content .heading, .section--black .callout__content .rte h1, .rte .section--black .callout__content h1, .section--black .callout__content .rte h2, .rte .section--black .callout__content h2, .section--black .callout__content .rte h3, .rte .section--black .callout__content h3, .section--black .callout__content .rte h4, .rte .section--black .callout__content h4, .section--midnightblue .callout__content .heading, .section--midnightblue .callout__content .rte h1, .rte .section--midnightblue .callout__content h1, .section--midnightblue .callout__content .rte h2, .rte .section--midnightblue .callout__content h2, .section--midnightblue .callout__content .rte h3, .rte .section--midnightblue .callout__content h3, .section--midnightblue .callout__content .rte h4, .rte .section--midnightblue .callout__content h4, .section--dark .callout__content .heading, .section--dark .callout__content .rte h1, .rte .section--dark .callout__content h1, .section--dark .callout__content .rte h2, .rte .section--dark .callout__content h2, .section--dark .callout__content .rte h3, .rte .section--dark .callout__content h3, .section--dark .callout__content .rte h4, .rte .section--dark .callout__content h4, .section--primary .callout__content .heading, .section--primary .callout__content .rte h1, .rte .section--primary .callout__content h1, .section--primary .callout__content .rte h2, .rte .section--primary .callout__content h2, .section--primary .callout__content .rte h3, .rte .section--primary .callout__content h3, .section--primary .callout__content .rte h4, .rte .section--primary .callout__content h4 {
  color: #fff;
}
.callout__content .sub-heading, .callout__content .product-specs__title, .callout__content .product-row__id, .callout__content .rte h5, .rte .callout__content h5, .callout__content .rte h6, .rte .callout__content h6 {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0px;
}
.callout__content .sub-heading ~ .body-text, .callout__content .product-specs__title ~ .body-text, .callout__content .sub-heading ~ .featured-overview__subtitle, .callout__content .product-specs__title ~ .featured-overview__subtitle,
.callout__content .sub-heading ~ .featured-overview__title,
.callout__content .product-specs__title ~ .featured-overview__title, .callout__content .product-row__id ~ .body-text, .callout__content .product-row__id ~ .featured-overview__subtitle,
.callout__content .product-row__id ~ .featured-overview__title, .callout__content .rte h5 ~ .body-text, .callout__content .rte h5 ~ .featured-overview__subtitle,
.callout__content .rte h5 ~ .featured-overview__title, .rte .callout__content h5 ~ .body-text, .rte .callout__content h5 ~ .featured-overview__subtitle,
.rte .callout__content h5 ~ .featured-overview__title, .callout__content .rte h6 ~ .body-text, .callout__content .rte h6 ~ .featured-overview__subtitle,
.callout__content .rte h6 ~ .featured-overview__title, .rte .callout__content h6 ~ .body-text, .rte .callout__content h6 ~ .featured-overview__subtitle,
.rte .callout__content h6 ~ .featured-overview__title, .callout__content .rte .sub-heading ~ p, .callout__content .rte .product-specs__title ~ p, .rte .callout__content .sub-heading ~ p, .rte .callout__content .product-specs__title ~ p, .callout__content .rte .product-row__id ~ p, .rte .callout__content .product-row__id ~ p, .callout__content .rte h5 ~ p, .rte .callout__content h5 ~ p, .callout__content .rte h6 ~ p, .rte .callout__content h6 ~ p, .callout__content .rte ol .sub-heading ~ li, .callout__content .rte ol .product-specs__title ~ li, .rte ol .callout__content .sub-heading ~ li, .rte ol .callout__content .product-specs__title ~ li, .callout__content .rte ol .product-row__id ~ li, .rte ol .callout__content .product-row__id ~ li, .callout__content .rte ol h5 ~ li, .rte .callout__content ol h5 ~ li, .rte ol .callout__content h5 ~ li, .callout__content .rte ol h6 ~ li, .rte .callout__content ol h6 ~ li, .rte ol .callout__content h6 ~ li,
.callout__content .rte ul .sub-heading ~ li,
.callout__content .rte ul .product-specs__title ~ li,
.rte ul .callout__content .sub-heading ~ li,
.rte ul .callout__content .product-specs__title ~ li,
.callout__content .rte ul .product-row__id ~ li,
.rte ul .callout__content .product-row__id ~ li,
.callout__content .rte ul h5 ~ li,
.rte .callout__content ul h5 ~ li,
.rte ul .callout__content h5 ~ li,
.callout__content .rte ul h6 ~ li,
.rte .callout__content ul h6 ~ li,
.rte ul .callout__content h6 ~ li, .callout__content .sub-heading ~ .item-listing__subtitle, .callout__content .product-specs__title ~ .item-listing__subtitle, .callout__content .product-row__id ~ .item-listing__subtitle, .callout__content .rte h5 ~ .item-listing__subtitle, .rte .callout__content h5 ~ .item-listing__subtitle, .callout__content .rte h6 ~ .item-listing__subtitle, .rte .callout__content h6 ~ .item-listing__subtitle, .callout__content .sub-heading ~ .article-listing__subtitle, .callout__content .product-specs__title ~ .article-listing__subtitle, .callout__content .product-row__id ~ .article-listing__subtitle, .callout__content .rte h5 ~ .article-listing__subtitle, .rte .callout__content h5 ~ .article-listing__subtitle, .callout__content .rte h6 ~ .article-listing__subtitle, .rte .callout__content h6 ~ .article-listing__subtitle {
  font-size: 1.3rem;
}
.section--black .callout__content .sub-heading, .section--black .callout__content .product-specs__title, .section--black .callout__content .product-row__id, .section--black .callout__content .rte h5, .rte .section--black .callout__content h5, .section--black .callout__content .rte h6, .rte .section--black .callout__content h6, .section--midnightblue .callout__content .sub-heading, .section--midnightblue .callout__content .product-specs__title, .section--midnightblue .callout__content .product-row__id, .section--midnightblue .callout__content .rte h5, .rte .section--midnightblue .callout__content h5, .section--midnightblue .callout__content .rte h6, .rte .section--midnightblue .callout__content h6, .section--dark .callout__content .sub-heading, .section--dark .callout__content .product-specs__title, .section--dark .callout__content .product-row__id, .section--dark .callout__content .rte h5, .rte .section--dark .callout__content h5, .section--dark .callout__content .rte h6, .rte .section--dark .callout__content h6, .section--primary .callout__content .sub-heading, .section--primary .callout__content .product-specs__title, .section--primary .callout__content .product-row__id, .section--primary .callout__content .rte h5, .rte .section--primary .callout__content h5, .section--primary .callout__content .rte h6, .rte .section--primary .callout__content h6 {
  color: #fff;
}
.section--black .callout__content, .section--midnightblue .callout__content, .section--dark .callout__content, .section--primary .callout__content {
  color: #fff;
}

.callout__footnotes {
  color: #535A5C;
  width: 100%;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.5;
}
.section--black .callout__footnotes, .section--midnightblue .callout__footnotes, .section--dark .callout__footnotes, .section--primary .callout__footnotes {
  color: #fff;
}

.section.resource-centre-section .callout {
  height: 100%;
  border: 1px solid #F4F6FC;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.section.resource-centre-section .callout .callout__image-container {
  max-height: 180px;
}
.section.resource-centre-section .callout .callout__image-container .callout__image {
  max-height: 180px;
}
.section.resource-centre-section .callout .callout__content-wrapper {
  width: 80%;
  margin: auto;
  margin-top: 50px;
}
.section.resource-centre-section .callout .callout__content-wrapper .link--callout {
  font-size: 14px;
  line-height: 34px;
  color: #1b9de7;
  font-weight: 400;
  text-align: center;
}
.section.resource-centre-section .callout .callout__content-wrapper .heading--callout {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  text-align: center;
}
.section.resource-centre-section .callout .callout__content-wrapper .body-text, .section.resource-centre-section .callout .callout__content-wrapper .featured-overview__subtitle,
.section.resource-centre-section .callout .callout__content-wrapper .featured-overview__title, .section.resource-centre-section .callout .callout__content-wrapper .rte p, .rte .section.resource-centre-section .callout .callout__content-wrapper p, .section.resource-centre-section .callout .callout__content-wrapper .rte ol li, .rte ol .section.resource-centre-section .callout .callout__content-wrapper li,
.section.resource-centre-section .callout .callout__content-wrapper .rte ul li,
.rte ul .section.resource-centre-section .callout .callout__content-wrapper li, .section.resource-centre-section .callout .callout__content-wrapper .item-listing__subtitle, .section.resource-centre-section .callout .callout__content-wrapper .article-listing__subtitle {
  font-size: 15px;
  line-height: 28px;
  color: #828590;
  font-weight: 400;
  text-align: center;
}
.section.resource-centre-section .callout .callout__button-container {
  margin-top: 25px;
  margin-bottom: 25px;
}
.section.resource-centre-section .callout .callout__button-container .button, .section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container button,
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=button],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=reset],
.section.resource-centre-section .callout .callout__button-container .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container input[type=submit], .section.resource-centre-section .callout .callout__button-container .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout .callout__button-container input[type=submit], .section.resource-centre-section .callout .callout__button-container .sc-form input[type=submit], .sc-form .section.resource-centre-section .callout .callout__button-container input[type=submit], .section.resource-centre-section .callout .callout__button-container .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .section.resource-centre-section .callout .callout__button-container .section-nav-in-page__link, .section.resource-centre-section .callout .callout__button-container .notification .confirm, .notification .section.resource-centre-section .callout .callout__button-container .confirm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.section.resource-centre-section .callout:hover {
  box-shadow: 0px 8px 25px #9fb7d4;
  border-color: #1b9de7;
  z-index: 5;
}
.section.resource-centre-section .callout:hover .callout__image-item {
  transform: scale(1.1);
}
.section.resource-centre-section .callout:hover .callout__category-link {
  color: #00caff;
}
.section.resource-centre-section .callout:hover .button, .section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover button,
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=button],
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=reset],
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=submit], .section.resource-centre-section .callout:hover .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout:hover input[type=submit], .section.resource-centre-section .callout:hover .sc-form input[type=submit], .sc-form .section.resource-centre-section .callout:hover input[type=submit], .section.resource-centre-section .callout:hover .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .section.resource-centre-section .callout:hover .section-nav-in-page__link, .section.resource-centre-section .callout:hover .notification .confirm, .notification .section.resource-centre-section .callout:hover .confirm {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.section.resource-centre-section .callout:hover .button:hover, .section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code button:hover, .newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover button:hover,
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=button]:hover,
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=reset]:hover,
.section.resource-centre-section .callout:hover .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover,
.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout:hover input[type=submit]:hover, .section.resource-centre-section .callout:hover .search-bar--submit-outset .search-bar__container input[type=submit]:hover, .search-bar--submit-outset .search-bar__container .section.resource-centre-section .callout:hover input[type=submit]:hover, .section.resource-centre-section .callout:hover .sc-form input[type=submit]:hover, .sc-form .section.resource-centre-section .callout:hover input[type=submit]:hover, .section.resource-centre-section .callout:hover .section-nav-in-page .section-nav-in-page__link:hover, .section-nav-in-page .section.resource-centre-section .callout:hover .section-nav-in-page__link:hover, .section.resource-centre-section .callout:hover .notification .confirm:hover, .notification .section.resource-centre-section .callout:hover .confirm:hover {
  background-color: #ee700e;
}

/* ==========================================================================
	HERO
========================================================================== */
.campaign-hero {
  background: #FFFFFF;
  height: auto;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .campaign-hero {
    margin: 0;
    padding: 0 0 60px;
  }
}
.campaign-hero--dark {
  background: #535A5C;
  color: #fff;
}
.campaign-hero--mid {
  background: #f3f3f3;
}
.campaign-hero--primary {
  background: #0083A5;
  color: #fff;
}
.campaign-hero--black .campaign-hero {
  background: #000000;
}
.campaign-hero--midnightblue .campaign-hero {
  background: #172664;
}

.campaign-hero__image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.campaign-hero__overlay {
  background: #f3f3f3;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.campaign-hero__overlay--primary {
  background: rgba(0, 131, 165, 0.9);
}
.campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content {
  color: #fff;
}
.campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .button, .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content button,
.campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content input[type=button],
.campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content input[type=reset],
.campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .section-nav-in-page__link, .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .notification .confirm, .notification .campaign-hero__overlay--primary ~ .campaign-hero__container > .campaign-hero__content .confirm {
  color: #fff;
}
.campaign-hero__overlay--dark {
  background: rgba(83, 90, 92, 0.5);
}
.campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content {
  color: #fff;
}
.campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .button, .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content button,
.campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content input[type=button],
.campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content input[type=reset],
.campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content input[type=submit], .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .section-nav-in-page__link, .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .notification .confirm, .notification .campaign-hero__overlay--dark ~ .campaign-hero__container > .campaign-hero__content .confirm {
  color: #fff;
}

@media (min-width: 769px) {
  .campaign-hero__container {
    height: 550px;
    position: relative;
  }
}

.campaign-hero__content {
  color: #191f21;
  padding: 60px 20px 20px;
  position: relative;
  text-align: center;
  z-index: 3;
}
@media (min-width: 769px) {
  .campaign-hero__content {
    padding: 0 20px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(0%, -50%);
    width: 65%;
  }
}
.campaign-hero__content--align-left {
  text-align: left;
}
.campaign-hero__content--align-center {
  text-align: center;
}
.campaign-hero__content--align-right {
  text-align: right;
}
.campaign-hero--dark .campaign-hero__content, .campaign-hero--primary .campaign-hero__content, .campaign-hero--black .campaign-hero__content, .campaign-hero--midnightblue .campaign-hero__content {
  color: #fff;
}
.campaign-hero--dark .campaign-hero__content .button, .campaign-hero--dark .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--dark .campaign-hero__content button,
.campaign-hero--dark .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--dark .campaign-hero__content input[type=button],
.campaign-hero--dark .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--dark .campaign-hero__content input[type=reset],
.campaign-hero--dark .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--dark .campaign-hero__content input[type=submit], .campaign-hero--dark .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero--dark .campaign-hero__content input[type=submit], .campaign-hero--dark .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero--dark .campaign-hero__content input[type=submit], .campaign-hero--dark .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero--dark .campaign-hero__content .section-nav-in-page__link, .campaign-hero--dark .campaign-hero__content .notification .confirm, .notification .campaign-hero--dark .campaign-hero__content .confirm, .campaign-hero--primary .campaign-hero__content .button, .campaign-hero--primary .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--primary .campaign-hero__content button,
.campaign-hero--primary .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--primary .campaign-hero__content input[type=button],
.campaign-hero--primary .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--primary .campaign-hero__content input[type=reset],
.campaign-hero--primary .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--primary .campaign-hero__content input[type=submit], .campaign-hero--primary .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero--primary .campaign-hero__content input[type=submit], .campaign-hero--primary .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero--primary .campaign-hero__content input[type=submit], .campaign-hero--primary .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero--primary .campaign-hero__content .section-nav-in-page__link, .campaign-hero--primary .campaign-hero__content .notification .confirm, .notification .campaign-hero--primary .campaign-hero__content .confirm, .campaign-hero--black .campaign-hero__content .button, .campaign-hero--black .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--black .campaign-hero__content button,
.campaign-hero--black .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--black .campaign-hero__content input[type=button],
.campaign-hero--black .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--black .campaign-hero__content input[type=reset],
.campaign-hero--black .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--black .campaign-hero__content input[type=submit], .campaign-hero--black .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero--black .campaign-hero__content input[type=submit], .campaign-hero--black .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero--black .campaign-hero__content input[type=submit], .campaign-hero--black .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero--black .campaign-hero__content .section-nav-in-page__link, .campaign-hero--black .campaign-hero__content .notification .confirm, .notification .campaign-hero--black .campaign-hero__content .confirm, .campaign-hero--midnightblue .campaign-hero__content .button, .campaign-hero--midnightblue .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--midnightblue .campaign-hero__content button,
.campaign-hero--midnightblue .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--midnightblue .campaign-hero__content input[type=button],
.campaign-hero--midnightblue .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--midnightblue .campaign-hero__content input[type=reset],
.campaign-hero--midnightblue .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero--midnightblue .campaign-hero__content input[type=submit], .campaign-hero--midnightblue .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero--midnightblue .campaign-hero__content input[type=submit], .campaign-hero--midnightblue .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero--midnightblue .campaign-hero__content input[type=submit], .campaign-hero--midnightblue .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero--midnightblue .campaign-hero__content .section-nav-in-page__link, .campaign-hero--midnightblue .campaign-hero__content .notification .confirm, .notification .campaign-hero--midnightblue .campaign-hero__content .confirm {
  color: #fff;
}
.campaign-hero__content .heading, .campaign-hero__content .rte h1, .rte .campaign-hero__content h1, .campaign-hero__content .rte h2, .rte .campaign-hero__content h2, .campaign-hero__content .rte h3, .rte .campaign-hero__content h3, .campaign-hero__content .rte h4, .rte .campaign-hero__content h4 {
  margin: 0 0 10px;
}
@media (min-width: 769px) {
  .campaign-hero__content .heading, .campaign-hero__content .rte h1, .rte .campaign-hero__content h1, .campaign-hero__content .rte h2, .rte .campaign-hero__content h2, .campaign-hero__content .rte h3, .rte .campaign-hero__content h3, .campaign-hero__content .rte h4, .rte .campaign-hero__content h4 {
    margin: 0 0 30px;
  }
}
.campaign-hero__content .heading--quaternary, .campaign-hero__content .rte h4, .rte .campaign-hero__content h4 {
  display: block;
  opacity: 0.45;
}
@media (min-width: 769px) {
  .campaign-hero__content .heading--quaternary, .campaign-hero__content .rte h4, .rte .campaign-hero__content h4 {
    margin: 0 0 20px;
  }
}
.campaign-hero__content .sub-heading, .campaign-hero__content .product-specs__title, .campaign-hero__content .product-row__id, .campaign-hero__content .rte h5, .rte .campaign-hero__content h5, .campaign-hero__content .rte h6, .rte .campaign-hero__content h6 {
  display: none;
  font-weight: 400;
}
@media (min-width: 769px) {
  .campaign-hero__content .sub-heading, .campaign-hero__content .product-specs__title, .campaign-hero__content .product-row__id, .campaign-hero__content .rte h5, .rte .campaign-hero__content h5, .campaign-hero__content .rte h6, .rte .campaign-hero__content h6 {
    display: block;
  }
}
.campaign-hero__content .button, .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content button,
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=button],
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=reset],
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=submit], .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero__content input[type=submit], .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero__content input[type=submit], .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero__content .section-nav-in-page__link, .campaign-hero__content .notification .confirm, .notification .campaign-hero__content .confirm {
  display: none;
}
@media (min-width: 769px) {
  .campaign-hero__content .button, .campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content button,
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=button],
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=reset],
.campaign-hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .campaign-hero__content input[type=submit], .campaign-hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .campaign-hero__content input[type=submit], .campaign-hero__content .sc-form input[type=submit], .sc-form .campaign-hero__content input[type=submit], .campaign-hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .campaign-hero__content .section-nav-in-page__link, .campaign-hero__content .notification .confirm, .notification .campaign-hero__content .confirm {
    display: inline-flex;
  }
}
.campaign-hero__content img {
  display: block;
  margin: 0 0 20px;
  max-width: 100%;
}

.campaign-hero__foreground-image {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 30%;
  position: relative;
  z-index: 3;
}
@media (min-width: 769px) {
  .campaign-hero__foreground-image {
    bottom: 0;
    max-height: 100%;
    position: absolute;
  }
}

.campaign-hero__top {
  position: relative;
}
.campaign-hero__top .campaign-hero__content {
  left: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .campaign-hero__top .campaign-hero__content {
    width: 50%;
  }
}
.campaign-hero--invert .campaign-hero__top .campaign-hero__content {
  left: auto;
  right: 0;
}
.campaign-hero__top .campaign-hero__foreground-image {
  right: 0;
}
.campaign-hero--invert .campaign-hero__top .campaign-hero__foreground-image {
  left: 0;
  right: auto;
}

.campaign-hero__bottom {
  position: relative;
}
.campaign-hero__bottom .campaign-hero__content {
  right: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .campaign-hero__bottom .campaign-hero__content {
    width: 60%;
  }
}
.campaign-hero--invert .campaign-hero__bottom .campaign-hero__content {
  left: 0;
  right: auto;
}
.campaign-hero__bottom .campaign-hero__foreground-image {
  display: none;
}
@media (min-width: 769px) {
  .campaign-hero__bottom .campaign-hero__foreground-image {
    display: block;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .campaign-hero__bottom .campaign-hero__foreground-image {
    left: 0;
  }
}
.campaign-hero--invert .campaign-hero__bottom .campaign-hero__foreground-image {
  left: auto;
  right: 0;
}

.campaign-hero__shape {
  bottom: -20px;
  position: absolute;
  width: 100%;
}
.campaign-hero__shape--invert {
  display: none;
}
.campaign-hero--invert .campaign-hero__shape--invert {
  display: block;
}
.campaign-hero__shape--standard {
  display: block;
}
.campaign-hero--invert .campaign-hero__shape--standard {
  display: none;
}

.campaign-hero__shape-path {
  fill: #FFFFFF;
}
.campaign-hero--mid .campaign-hero__shape-path {
  fill: #f3f3f3;
}
.campaign-hero--primary .campaign-hero__shape-path {
  fill: #0083A5;
}
.campaign-hero--dark .campaign-hero__shape-path {
  fill: #535A5C;
}

/* ==========================================================================
		COMPARE BAR
	 ========================================================================== */
.compare-bar {
  display: none;
  text-align: right;
  width: calc(100% - 10px);
  margin-top: 62px;
}
@media (min-width: 768px) {
  .compare-bar {
    display: block;
    width: 100%;
  }
}
.compare-bar.compare-bar--mobile {
  display: block;
  margin: 0;
  text-align: center;
  width: 100%;
  padding: 0;
}

.compare-bar__list {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
@media (min-width: 768px) {
  .compare-bar__list {
    position: relative;
  }
}
.compare-bar__list:after, .compare-bar__list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.compare-bar__list:after {
  clear: both;
}

.compare-bar__list-item {
  display: inline-block;
  float: left;
  margin-left: 15px;
}
.compare-bar__list-item--no-margin {
  margin-left: 0;
}
.compare-bar__list-item--right {
  float: right;
  margin-left: 0;
}
.compare-bar__list-item--left {
  float: left;
  margin-left: 0;
}
.compare-bar--mobile .compare-bar__list-item {
  display: block;
  float: none;
  margin-left: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .compare-bar--mobile .compare-bar__list-item--mobile {
    display: none;
  }
}
.compare-bar__list-item:last-child {
  margin-left: 0;
}
.compare-bar__list-item a {
  text-decoration: none;
}

.compare-bar__list-link,
.compare-bar__grid-link {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  color: #535A5C;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 10px;
  padding: 10px;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.compare-bar__list-link--active,
.compare-bar__grid-link--active {
  background: #0083A5;
  color: #fff;
}
.compare-bar__list-link:hover,
.compare-bar__grid-link:hover {
  background: #0083A5;
  color: #fff;
}
.compare-bar__list-link--disabled,
.compare-bar__grid-link--disabled {
  opacity: 0.2;
}
.compare-bar__list-link--disabled:hover,
.compare-bar__grid-link--disabled:hover {
  background: inherit;
  color: #535A5C;
}
.compare-bar__list-link span,
.compare-bar__grid-link span {
  display: none;
}
.compare-bar__list-link:before,
.compare-bar__grid-link:before {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .compare-bar__list-link,
.compare-bar__grid-link {
    margin-bottom: 20px;
  }
}
.compare-bar--mobile .compare-bar__list-link,
.compare-bar--mobile .compare-bar__grid-link {
  margin: 10px 0;
}

.compare-bar__clear-all-btn,
.compare-bar__btn {
  color: #535A5C;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 10px;
  padding: 10px 0;
  background: transparent;
}
.compare-bar__clear-all-btn--active,
.compare-bar__btn--active {
  color: #535A5C;
  font-weight: 900;
}
.compare-bar__clear-all-btn:hover,
.compare-bar__btn:hover {
  color: #535A5C;
  text-decoration: underline;
}
.compare-bar__clear-all-btn--disabled,
.compare-bar__btn--disabled {
  opacity: 0.2;
}
.compare-bar__clear-all-btn span,
.compare-bar__btn span {
  display: none;
}
.compare-bar__clear-all-btn:before,
.compare-bar__btn:before {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .compare-bar__clear-all-btn,
.compare-bar__btn {
    margin-bottom: 20px;
  }
}
.compare-bar--mobile .compare-bar__clear-all-btn,
.compare-bar--mobile .compare-bar__btn {
  margin: 10px 0;
}

.compare-bar__clear-all-btn {
  display: none;
}
.compare-bar__clear-all-btn:before {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .compare-bar__clear-all-btn {
    display: inline-block;
  }
}

.compare-bar__list-link {
  border-radius: 0 3px 3px 0;
}
.compare-bar__grid-link {
  border-radius: 3px 0 0 3px;
  margin-right: -1px;
}
.compare-bar__select-list {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  margin: 0 0 20px 15px;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .compare-bar__select-list {
    padding: 10px 5px;
  }
}
.compare-bar--mobile .compare-bar__select-list {
  margin-left: 0;
}

.compare-bar__select-list-item {
  background: #FFFFFF;
  border: none;
  color: #535A5C;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  line-height: 1.5;
}
.compare-bar--mobile .compare-bar__select-list-item {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .compare-bar--mobile .compare-bar__select-list-item {
    display: none;
  }
}

.compare-bar__btn,
.compare-bar__load-more-btn,
.compare-bar__clear-all-btn {
  font-size: 10px;
  line-height: 18px;
  color: #8c97a7;
  border: none;
  margin: 0;
}
.compare-bar--mobile .compare-bar__btn,
.compare-bar--mobile .compare-bar__load-more-btn,
.compare-bar--mobile .compare-bar__clear-all-btn {
  text-align: center;
  width: auto;
}

.compare-bar__load-more-btn {
  color: #fff;
  margin: 20px 0 100px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  background-color: #1b9de7;
  width: auto;
}
.compare-bar__load-more-btn:after {
  transform: rotate(90deg);
  margin: 0 0 0 15px;
}
.compare-bar__load-more-btn.button--disabled {
  display: none;
}

span.compare-bar__count,
span.compare-bar__product-label {
  display: none;
}
span.compare-bar__count--active,
span.compare-bar__product-label--active {
  display: inline;
}

/* ==========================================================================
	CONTENT TABBED
	========================================================================== */
.content-tabbed {
  display: block;
  padding: 0 20px;
  width: 100%;
}
.partner-portal .content-tabbed {
  padding: 0;
}
.language-selector .content-tabbed {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .content-tabbed {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .no-flexbox.no-flexboxtweener .content-tabbed {
    display: block;
  }
}
.content-tabbed img {
  height: auto;
}

.content-tabbed__wrapper {
  display: block;
  height: auto;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  zoom: 1;
}
.content-tabbed__wrapper:after, .content-tabbed__wrapper:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.content-tabbed__wrapper:after {
  clear: both;
}
.language-selector .content-tabbed__wrapper {
  text-align: left;
}
.content-tabbed__wrapper:first-child {
  text-align: right;
}
.language-selector .content-tabbed__wrapper:first-child {
  text-align: left;
}
.partner-portal .content-tabbed__wrapper:first-child {
  text-align: center;
}
.content-tabbed__wrapper:last-child {
  text-align: left;
}
.partner-portal .content-tabbed__wrapper:last-child {
  text-align: center;
}
.content-tabbed--alternate .content-tabbed__wrapper.content-tabbed__wrapper--active .content-tabbed__item {
  background: #0083A5;
  border-color: #FFFFFF;
  color: #fff;
}
.content-tabbed__wrapper:last-child {
  margin-bottom: 0;
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
    transition: height 0.3s;
  }
  .content-tabbed--no-transition .content-tabbed__wrapper {
    transition: none;
  }
}
.content-tabbed__wrapper--active {
  overflow: visible;
  z-index: 1;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper--active {
    transition-delay: 0.3s;
    z-index: 2;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper--active {
  z-index: 1;
}

.content-tabbed__item {
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .content-tabbed__item {
    text-align: center;
  }
}
.partner-portal .content-tabbed__item {
  padding: 20px 20px;
}

button.content-tabbed__item {
  background: #4c5254;
  border: none;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  display: block;
  width: 100%;
}
button.content-tabbed__item::before {
  display: block;
  font-size: 3.5rem;
  margin-bottom: 15px;
  width: 100%;
}
.partner-portal button.content-tabbed__item {
  background: #f8fbff;
  border: 1px solid #ecf3f9;
  border-radius: 0;
  color: #00a1cb;
}
.content-tabbed--alternate button.content-tabbed__item {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #0083A5;
}
@media (min-width: 768px) {
  button.content-tabbed__item {
    display: inline-block;
    width: auto;
  }
  .partner-portal button.content-tabbed__item {
    display: block;
    width: 100%;
  }
}
.section .content-tabbed__wrapper--active button.content-tabbed__item {
  background: #f3f3f3;
  color: #0083A5;
}
.partner-portal .section .content-tabbed__wrapper--active button.content-tabbed__item {
  background: #0083A5;
  color: #fff;
}
.section--mid .content-tabbed__wrapper--active button.content-tabbed__item, .section--primary .content-tabbed__wrapper--active button.content-tabbed__item,
.content-tabbed__wrapper--active button.content-tabbed__item .section-dark {
  background: #FFFFFF;
  color: #0083A5;
}
.partner-portal .section--mid .content-tabbed__wrapper--active button.content-tabbed__item, .partner-portal .section--primary .content-tabbed__wrapper--active button.content-tabbed__item,
.partner-portal .content-tabbed__wrapper--active button.content-tabbed__item .section-dark {
  background: #0083A5;
  color: #fff;
}

.content-tabbed__main-content {
  cursor: default;
  font-size: 1.4rem;
  left: 0;
  opacity: 0;
  padding: 30px 0;
  position: relative;
  text-align: center;
  top: 100%;
  width: 100%;
  z-index: -1;
  zoom: 1;
}
.content-tabbed__main-content:after, .content-tabbed__main-content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.content-tabbed__main-content:after {
  clear: both;
}
@media (min-width: 768px) {
  .content-tabbed__main-content {
    opacity: 0;
    position: absolute;
    width: inherit;
  }
  .content-tabbed--alternate .content-tabbed__main-content {
    border-top: 1px solid #EAEAEA;
    margin-top: 30px;
    padding-top: 0;
  }
}
.content-tabbed__wrapper--active .content-tabbed__main-content {
  opacity: 1;
  transition: opacity 0.25s;
  transition-delay: 0s;
  z-index: 0;
}
.content-tabbed--no-transition .content-tabbed__wrapper--active .content-tabbed__main-content {
  transition: none;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper--active .content-tabbed__main-content {
    transition-delay: 0.5s;
  }
}
.content-tabbed__wrapper:nth-child(2) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(2) .content-tabbed__main-content {
    left: -100%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(2) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(3) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(3) .content-tabbed__main-content {
    left: -200%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(3) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(4) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(4) .content-tabbed__main-content {
    left: -300%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(4) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(5) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(5) .content-tabbed__main-content {
    left: -400%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(5) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(6) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(6) .content-tabbed__main-content {
    left: -500%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(6) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(7) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(7) .content-tabbed__main-content {
    left: -600%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(7) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(8) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(8) .content-tabbed__main-content {
    left: -700%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(8) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(9) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(9) .content-tabbed__main-content {
    left: -800%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(9) .content-tabbed__main-content {
  left: 0;
}
.content-tabbed__wrapper:nth-child(10) .content-tabbed__main-content {
  left: 0;
}
@media (min-width: 768px) {
  .content-tabbed__wrapper:nth-child(10) .content-tabbed__main-content {
    left: -900%;
  }
}
.no-flexbox.no-flexboxtweener .content-tabbed__wrapper:nth-child(10) .content-tabbed__main-content {
  left: 0;
}

.select-tabs-container__content {
  display: none;
}

/* ==========================================================================
		FAQ
========================================================================== */
.faq {
  position: relative;
  width: 100%;
  zoom: 1;
}
.faq:after, .faq:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.faq:after {
  clear: both;
}

.faq__list {
  margin: 0;
  padding: 0;
  width: 100%;
  zoom: 1;
}
.faq__list:after, .faq__list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.faq__list:after {
  clear: both;
}

.faq__item {
  border-top: 1px solid #EAEAEA;
  display: block;
  list-style: none;
  padding: 30px 0;
  position: relative;
  width: 100%;
}
.faq__item:last-child {
  border-bottom: 1px solid #EAEAEA;
}
.faq__item:hover:after {
  border-color: #0083A5;
  color: #0083A5;
}
.section--dark .faq__item:hover:after, .section--primary .faq__item:hover:after {
  border-color: #191f21;
  color: #191f21;
}
.faq__item--show-arrow {
  padding-right: 60px;
}
.faq__item--show-arrow:after {
  border-radius: 100%;
  border: 1px solid #cdcccb;
  color: #cdcccb;
  font-size: 2.5rem;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section--black .faq__item--show-arrow, .section--midnightblue .faq__item--show-arrow, .section--dark .faq__item--show-arrow, .section--primary .faq__item--show-arrow {
  border-color: #EAEAEA;
  color: #fff;
}
.faq--no-border .faq__item {
  border: 0;
}
.faq--prefix .faq__item {
  padding-left: 30px;
}
.section--dark .faq__item {
  border-color: #6b7477;
}
.section--primary .faq__item {
  border-color: rgba(234, 234, 234, 0.5);
}
.faq__item .button, .faq__item .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .faq__item button,
.faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .faq__item input[type=button],
.faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .faq__item input[type=reset],
.faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .faq__item input[type=submit], .faq__item .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .faq__item input[type=submit], .faq__item .sc-form input[type=submit], .sc-form .faq__item input[type=submit], .faq__item .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .faq__item .section-nav-in-page__link, .faq__item .notification .confirm, .notification .faq__item .confirm {
  margin: 10px 0 0;
}
.section--dark .faq__item .button, .section--dark .faq__item .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .section--dark .faq__item button,
.section--dark .faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .section--dark .faq__item input[type=button],
.section--dark .faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .section--dark .faq__item input[type=reset],
.section--dark .faq__item .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .section--dark .faq__item input[type=submit], .section--dark .faq__item .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .section--dark .faq__item input[type=submit], .section--dark .faq__item .sc-form input[type=submit], .sc-form .section--dark .faq__item input[type=submit], .section--dark .faq__item .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .section--dark .faq__item .section-nav-in-page__link, .section--dark .faq__item .notification .confirm, .notification .section--dark .faq__item .confirm {
  color: #fff;
}

.faq__question {
  color: #535A5C;
  display: block;
  font-size: 1.6rem;
  letter-spacing: -0.3px;
  line-height: 1.63;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.faq--prefix .faq__question:before {
  content: attr(data-question-abbr);
  font-weight: 700;
  left: 0;
  margin: 0 5px 0 0;
  position: absolute;
}
.section--black .faq__question, .section--midnightblue .faq__question, .section--dark .faq__question, .section--primary .faq__question {
  color: #fff;
}

.faq__item:hover a.faq__question {
  color: #0083A5;
}
.section--dark .faq__item:hover a.faq__question, .section--primary .faq__item:hover a.faq__question {
  color: #191f21;
}

/* ==========================================================================
	Feature Info
========================================================================== */
.feature-info {
  background: #FFFFFF;
  height: auto;
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .feature-info {
    margin: 0;
  }
}
.section--mid .feature-info {
  background: #f3f3f3;
}
.section--dark .feature-info {
  background: #535A5C;
}
.section--primary .feature-info {
  background: #0083A5;
}

.feature-info__background-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 421px) {
  .feature-info__background-image {
    height: 445px;
  }
}

.feature-info__overlay {
  background: #f3f3f3;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.section--primary .feature-info__overlay {
  background: rgba(0, 131, 165, 0.9);
}
.section--dark .feature-info__overlay {
  background: rgba(83, 90, 92, 0.5);
}

.feature-info__container {
  position: relative;
  z-index: 2;
  zoom: 1;
}
.feature-info__container:after, .feature-info__container:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.feature-info__container:after {
  clear: both;
}

.feature-info__content {
  color: #191f21;
  float: left;
  padding: 60px 20px 20px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
@media (min-width: 769px) {
  .feature-info__content {
    float: left;
    left: 0;
    text-align: left;
    width: 50%;
  }
  .feature-info--invert .feature-info__content {
    float: right;
  }
  .feature-info--no-content .feature-info__content {
    display: none;
  }
}
.feature-info__content--align-left {
  text-align: left;
}
.feature-info__content--align-center {
  text-align: center;
}
.feature-info__content--align-right {
  text-align: right;
}
.section--black .feature-info__content, .section--midnightblue .feature-info__content, .section--dark .feature-info__content, .section--primary .feature-info__content {
  color: #fff;
}
.feature-info__content .heading, .feature-info__content .rte h1, .rte .feature-info__content h1, .feature-info__content .rte h2, .rte .feature-info__content h2, .feature-info__content .rte h3, .rte .feature-info__content h3, .feature-info__content .rte h4, .rte .feature-info__content h4 {
  margin: 0 0 10px;
}
@media (min-width: 769px) {
  .feature-info__content .heading, .feature-info__content .rte h1, .rte .feature-info__content h1, .feature-info__content .rte h2, .rte .feature-info__content h2, .feature-info__content .rte h3, .rte .feature-info__content h3, .feature-info__content .rte h4, .rte .feature-info__content h4 {
    margin: 0 0 30px;
  }
}
.feature-info__content .heading--quaternary, .feature-info__content .rte h4, .rte .feature-info__content h4 {
  display: block;
  opacity: 0.45;
}
@media (min-width: 769px) {
  .feature-info__content .heading--quaternary, .feature-info__content .rte h4, .rte .feature-info__content h4 {
    margin: 0 0 20px;
  }
}
.feature-info__content .body-text, .feature-info__content .featured-overview__subtitle,
.feature-info__content .featured-overview__title, .feature-info__content .rte p, .rte .feature-info__content p, .feature-info__content .rte ol li, .rte ol .feature-info__content li,
.feature-info__content .rte ul li,
.rte ul .feature-info__content li, .feature-info__content .item-listing__subtitle, .feature-info__content .article-listing__subtitle {
  color: #7b7e80;
  font-weight: 400;
  margin: 0 0 20px;
}
.section--black .feature-info__content .body-text, .section--black .feature-info__content .featured-overview__subtitle,
.section--black .feature-info__content .featured-overview__title, .section--black .feature-info__content .rte p, .rte .section--black .feature-info__content p, .section--black .feature-info__content .rte ol li, .rte ol .section--black .feature-info__content li,
.section--black .feature-info__content .rte ul li,
.rte ul .section--black .feature-info__content li, .section--black .feature-info__content .item-listing__subtitle, .section--black .feature-info__content .article-listing__subtitle, .section--midnightblue .feature-info__content .body-text, .section--midnightblue .feature-info__content .featured-overview__subtitle,
.section--midnightblue .feature-info__content .featured-overview__title, .section--midnightblue .feature-info__content .rte p, .rte .section--midnightblue .feature-info__content p, .section--midnightblue .feature-info__content .rte ol li, .rte ol .section--midnightblue .feature-info__content li,
.section--midnightblue .feature-info__content .rte ul li,
.rte ul .section--midnightblue .feature-info__content li, .section--midnightblue .feature-info__content .item-listing__subtitle, .section--midnightblue .feature-info__content .article-listing__subtitle, .section--dark .feature-info__content .body-text, .section--dark .feature-info__content .featured-overview__subtitle,
.section--dark .feature-info__content .featured-overview__title, .section--dark .feature-info__content .rte p, .rte .section--dark .feature-info__content p, .section--dark .feature-info__content .rte ol li, .rte ol .section--dark .feature-info__content li,
.section--dark .feature-info__content .rte ul li,
.rte ul .section--dark .feature-info__content li, .section--dark .feature-info__content .item-listing__subtitle, .section--dark .feature-info__content .article-listing__subtitle, .section--primary .feature-info__content .body-text, .section--primary .feature-info__content .featured-overview__subtitle,
.section--primary .feature-info__content .featured-overview__title, .section--primary .feature-info__content .rte p, .rte .section--primary .feature-info__content p, .section--primary .feature-info__content .rte ol li, .rte ol .section--primary .feature-info__content li,
.section--primary .feature-info__content .rte ul li,
.rte ul .section--primary .feature-info__content li, .section--primary .feature-info__content .item-listing__subtitle, .section--primary .feature-info__content .article-listing__subtitle {
  color: #fff;
}
.feature-info__content .button, .feature-info__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .feature-info__content button,
.feature-info__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .feature-info__content input[type=button],
.feature-info__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .feature-info__content input[type=reset],
.feature-info__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .feature-info__content input[type=submit], .feature-info__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .feature-info__content input[type=submit], .feature-info__content .sc-form input[type=submit], .sc-form .feature-info__content input[type=submit], .feature-info__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .feature-info__content .section-nav-in-page__link, .feature-info__content .notification .confirm, .notification .feature-info__content .confirm {
  display: inline-flex;
  margin: 0 0 40px;
}
.feature-info__content .appstore {
  display: inline-block;
  height: 35px;
  margin: 0 20px 20px 0;
  max-height: 35px;
}
@media (min-width: 768px) {
  .feature-info__content .appstore {
    display: inline-block;
    height: 35px;
    margin: 0 20px 20px 0;
    width: auto;
  }
}
.feature-info__content .appstore img {
  display: block;
  height: 35px;
  width: auto;
}
.feature-info__content .appstore:last-child {
  margin-right: 0;
}

.feature-info__foreground-image-container {
  display: block;
  height: 220px;
  left: 50%;
  position: absolute;
  top: 50px;
  transform: translate(-50%, -100%);
  width: 30%;
}
@media (min-width: 768px) {
  .feature-info__foreground-image-container {
    height: 420px;
  }
}
@media (min-width: 769px) {
  .feature-info__foreground-image-container {
    bottom: 0;
    display: block;
    height: 700px;
    left: auto;
    margin: 0 auto;
    padding: 0 20px;
    position: absolute;
    right: 0;
    transform: translate(0, -40%);
    width: 35%;
    z-index: 2;
  }
  .feature-info--invert .feature-info__foreground-image-container {
    left: 0;
    right: auto;
  }
  .feature-info--no-content .feature-info__foreground-image-container {
    bottom: auto;
    max-height: 400px;
    position: absolute;
    right: 0;
    top: auto;
    transform: translate(0, -100%);
    width: auto;
  }
  .feature-info--invert.feature-info--no-content .feature-info__foreground-image-container {
    left: 0;
    right: auto;
  }
}

.feature-info__foreground-image {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: auto;
}

.feature-info__foreground-image-footnotes {
  margin: 20px 0;
}
.feature-info__foreground-image-footnotes .rte {
  color: #7b7e80;
  font-weight: 400;
  margin: 0 0 20px;
}
.section--black .feature-info__foreground-image-footnotes .rte, .section--midnightblue .feature-info__foreground-image-footnotes .rte, .section--dark .feature-info__foreground-image-footnotes .rte, .section--primary .feature-info__foreground-image-footnotes .rte {
  color: #fff;
}
.feature-info__foreground-image-footnotes .rte p {
  color: #7b7e80;
  font-size: 1.3rem;
}
.section--black .feature-info__foreground-image-footnotes .rte p, .section--midnightblue .feature-info__foreground-image-footnotes .rte p, .section--dark .feature-info__foreground-image-footnotes .rte p, .section--primary .feature-info__foreground-image-footnotes .rte p {
  color: #fff;
}

/* ==========================================================================
	Feature Info
========================================================================== */
.feature-listing {
  position: relative;
}

.feature-listing__image {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
}
.feature-listing__image img,
.feature-listing__image img.float-left,
.feature-listing__image img.float-right {
  float: none;
  margin: 0;
}
.rte .feature-listing__image {
  height: 60px;
}

.feature-listing__content {
  padding: 0 20px 0 80px;
}
@media (min-width: 768px) {
  .feature-listing__content {
    padding-right: 40px;
  }
}

/* ==========================================================================
	FEATURED OVERVIEW
========================================================================== */
.featured-overview {
  height: auto;
  margin: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .featured-overview {
    margin: 0 0 40px;
  }
}
.featured-overview--alternate {
  margin: 0;
  padding: 0;
}
.featured-overview--alternate:before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  bottom: 0;
  content: "";
  height: 10%;
  position: absolute;
  transform: translate(0, 0%);
  width: 100%;
  z-index: 2;
}
.section--dark .featured-overview--alternate:before {
  background: linear-gradient(to bottom, rgba(83, 90, 92, 0) 0%, #535a5c 100%);
}
.section--primary .featured-overview--alternate:before {
  background: linear-gradient(to bottom, rgba(0, 131, 165, 0) 0%, #0083a5 100%);
}
.section--mid .featured-overview--alternate:before {
  background: linear-gradient(to bottom, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
}

.featured-overview__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .featured-overview__image {
    height: 450px;
    margin: 0 0 20px;
    padding: 0 0 40px;
  }
}
@media (min-width: 769px) {
  .featured-overview__image {
    height: 650px;
    margin: 0 0 20px;
    padding: 0 0 40px;
  }
}

.featured-overview__overlay {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.featured-overview__overlay--primary {
  background: rgba(0, 131, 165, 0.9);
}
.featured-overview__overlay--dark {
  background: rgba(83, 90, 92, 0.5);
}

.featured-overview__subtitle,
.featured-overview__title {
  margin: 0;
}

.featured-overview__title {
  font-weight: 700;
}

.featured-overview__content {
  color: #535A5C;
  margin: auto;
  padding: 20px 0 0;
  text-align: center;
  width: 300px;
  z-index: 3;
}
.featured-overview__content--align-left {
  text-align: left;
}
.featured-overview__content--align-center {
  text-align: center;
}
.featured-overview__content--align-right {
  text-align: right;
}
.section--black .featured-overview__content, .section--midnightblue .featured-overview__content, .section--dark .featured-overview__content, .section--primary .featured-overview__content {
  color: #fff;
}

.featured-overview__container {
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 100%;
  z-index: 2;
}
.featured-overview__container--align-left {
  text-align: left;
}
.featured-overview__container--align-center {
  text-align: center;
}
.featured-overview__container--align-right {
  text-align: right;
}

.featured-overview__foreground-image-container {
  bottom: 0;
  float: none;
  height: 50%;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%, 0);
  width: 30%;
  z-index: 3;
}
.featured-overview__foreground-image-container .featured-overview__foreground-image {
  bottom: 0;
  display: block;
  height: auto;
  position: absolute;
  width: 100%;
}
.featured-overview__foreground-image-container .featured-overview__foreground-image--tall {
  height: 100%;
  width: auto;
}
.featured-overview--alternate .featured-overview__foreground-image-container {
  bottom: 40px;
  max-width: 25%;
  transform: translate(-50%, 0%);
}
@media (min-width: 1200px) {
  .featured-overview--alternate .featured-overview__foreground-image-container {
    bottom: 40px;
    top: auto;
    transform: translate(-50%, 0%);
  }
}
.featured-overview__foreground-image-container--supplementary {
  margin: 0;
  max-height: 85%;
  max-width: 15%;
  position: absolute;
  z-index: 3;
}
.featured-overview--alternate .featured-overview__foreground-image-container--supplementary {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(234, 234, 234, 0.8);
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  height: 100px;
  max-height: 100px;
  max-width: 100px;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100px;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--supplementary {
    height: 125px;
    max-height: 125px;
    max-width: 125px;
    padding: 20px;
    width: 125px;
  }
}
@media (min-width: 1025px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--supplementary {
    height: 150px;
    max-height: 150px;
    max-width: 150px;
    width: 150px;
  }
}
.section--complete .featured-overview--alternate .featured-overview__foreground-image-container--supplementary {
  opacity: 1;
}
.featured-overview--alternate .featured-overview__foreground-image-container--supplementary img {
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--supplementary img {
    padding: 20px;
  }
}
.featured-overview__foreground-image-container--secondary {
  display: none;
}
@media (min-width: 768px) {
  .featured-overview__foreground-image-container--secondary {
    bottom: -10%;
    display: block;
    left: 20px;
    transform: translate(0%, 0);
  }
}
.featured-overview--alternate .featured-overview__foreground-image-container--secondary {
  display: block;
  left: 50%;
  top: 5%;
  transform: translate(-50%, 0);
  transition-delay: 0.5s;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--secondary {
    left: 50%;
  }
}
@media (min-width: 1025px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--secondary {
    left: 50%;
    top: 10%;
  }
}
@media (min-width: 1025px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--secondary {
    left: 50%;
    top: 10%;
  }
}
.featured-overview__foreground-image-container--teritiary {
  display: none;
}
@media (min-width: 768px) {
  .featured-overview__foreground-image-container--teritiary {
    bottom: -10%;
    display: block;
    left: auto;
    right: 20px;
    transform: translate(0%, 0);
  }
}
.featured-overview--alternate .featured-overview__foreground-image-container--teritiary {
  right: auto;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--teritiary {
    display: block;
    left: 15%;
    top: 20%;
    transform: translate(0%, 0);
    transition-delay: 0.75s;
  }
}
@media (min-width: 769px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--teritiary {
    left: 20%;
    top: 30%;
  }
}
.featured-overview__foreground-image-container--quaternary {
  display: none;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--quaternary {
    display: block;
    left: auto;
    margin: 0;
    right: 15%;
    top: 20%;
    transform: translate(0%, 0);
    transition-delay: 1s;
  }
}
@media (min-width: 769px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--quaternary {
    right: 20%;
    top: 30%;
  }
}
.featured-overview__foreground-image-container--quinary {
  display: none;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--quinary {
    display: block;
    left: 10%;
    right: auto;
    top: 60%;
    transform: translate(0%, 0);
    transition-delay: 1.25s;
  }
}
@media (min-width: 769px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--quinary {
    left: 15%;
    top: 60%;
  }
}
.featured-overview__foreground-image-container--senary {
  display: none;
}
@media (min-width: 768px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--senary {
    left: auto;
    display: block;
    margin: 0;
    right: 10%;
    top: 60%;
    transform: translate(0%, 0);
    transition-delay: 1.5s;
  }
}
@media (min-width: 769px) {
  .featured-overview--alternate .featured-overview__foreground-image-container--senary {
    right: 15%;
    top: 60%;
  }
}

.featured-overview__shape {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.is-IE .featured-overview__shape {
  display: none;
}

.featured-overview__shape-path {
  fill: #FFFFFF;
}
.section--mid .featured-overview__shape-path {
  fill: #f3f3f3;
}
.section--primary .featured-overview__shape-path {
  fill: #0083A5;
}
.section--dark .featured-overview__shape-path {
  fill: #535A5C;
}

/* ==========================================================================
		FILTER
========================================================================== */
.filter {
  display: block;
  font-size: 1.6rem;
  padding-bottom: 20px;
  width: 100%;
}
.filter--hide-filters {
  display: none;
}
.filter--border-bottom {
  border-bottom: 1px solid #EAEAEA;
}
.filter--product-grid {
  background-color: #fbfcff;
  padding: 30px 40px;
  margin-top: 0;
}
@media (min-width: 1025px) {
  .filter--product-grid {
    margin-top: 64px;
  }
}
.filter button {
  color: #7b7e80;
  font-size: 1.2rem;
}
.filter .module {
  padding: 0;
}
.filter.filter--product-grid .module {
  margin: 30px 0 0;
  border-top: 1px solid #F4F6FC;
}
.filter.filter--product-grid .module .accordion__button {
  position: relative;
  margin: 30px 0 0;
  font-size: 16px;
  line-height: 22px;
  color: #11171f;
  font-weight: 700;
  cursor: pointer;
}
.filter.filter--product-grid .module .accordion__button:after {
  font-size: 24px;
  color: #1b9de7;
  position: absolute;
  right: 0;
  top: 10px;
  transform: translate(0, -50%) rotate(0deg);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.filter.filter--product-grid .module .accordion__button--active {
  padding-bottom: 10px;
}
.filter.filter--product-grid .module .accordion__button--active:after {
  transform: translate(0, -50%) rotate(180deg);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.filter.filter--product-grid .module .accordion__content {
  padding-bottom: 0;
}
.filter.filter--product-grid .module .accordion__content .filter__item {
  margin-bottom: 5px;
}
.filter.filter--product-grid .module .resource_filter {
  position: absolute;
  z-index: 2;
  width: calc(100% - 30px);
  left: -5px;
}

.filter__title {
  font-size: 22px;
  line-height: 25px;
  color: #11171f;
  font-weight: 700;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.filter__item--disabled {
  cursor: default;
  opacity: 0.3;
}

.filter__more-options {
  background: none;
  border: none;
  color: #0083A5;
  margin: 10px 0;
  padding: 0;
}
.filter__more-options:after {
  margin-left: 10px;
}
.filter__more-options--toggle:after {
  content: "\e941";
}

.filter__items-hidden {
  display: none;
}
.filter__items-hidden--toggle {
  display: block;
}

.filter__close,
.filter__reset {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 10px;
  line-height: 18px;
  color: #8c97a7;
  font-weight: 400;
  text-decoration: underline;
  float: right;
}

.filter.filter--product-grid .filter-mobile-wrapper > .module {
  margin: 30px 0 0;
  border-top: 1px solid #F4F6FC;
}
@media (min-width: 1025px) {
  .filter.filter--product-grid .filter-mobile-wrapper > .module {
    margin: 0;
    border: none;
  }
}
.filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-content {
  display: none;
}
@media (min-width: 1025px) {
  .filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-content {
    display: block;
  }
}
.filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-content.accordion__content--active {
  display: block;
}
.filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-button {
  display: block;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-button {
    display: none;
  }
}
.filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-button:after {
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  text-align: center;
}
.filter.filter--product-grid .filter-mobile-wrapper > .module .filter-mobile-button.accordion__button--active:after {
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  text-align: center;
}

.filter--resource-centre.filter.filter--product-grid {
  margin-top: 0;
  padding: 30px 15px;
}
@media (min-width: 1025px) {
  .filter--resource-centre.filter.filter--product-grid {
    padding: 30px 40px;
  }
}
.filter--resource-centre.filter.filter--product-grid .module {
  border: none;
  margin: 0;
}
.filter--resource-centre.filter .filter__title {
  font-size: 22px;
  line-height: 32px;
  color: #00000b;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-weight: 700;
  text-align: center;
  display: block;
}
.filter--resource-centre.filter .filter__reset,
.filter--resource-centre.filter .filter__close {
  display: none;
}
.filter--resource-centre.filter .filter__total-results-title {
  font-size: 24px;
  line-height: 34px;
  color: #8c97a7;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-weight: 300;
  text-align: center;
}
.filter--resource-centre.filter .slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.filter--resource-centre.filter .slider .slider__slide {
  width: 100%;
  float: left;
  display: block;
}
@media (min-width: 1025px) {
  .filter--resource-centre.filter .slider .slider__slide {
    width: 340px;
  }
}
.filter--resource-centre.filter .slider .slider__slide .accordion__button {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  color: #1b9de7;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-weight: 400;
  background-color: #FFFFFF;
  border-radius: 100px;
  border-width: 0;
  padding: 10px 15px;
  margin-top: 30px;
}
.filter--resource-centre.filter .slider .slider__slide .accordion__button:after {
  color: #1b9de7;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(0deg);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.filter--resource-centre.filter .slider .slider__slide .accordion__button.accordion__button--active {
  color: #00caff;
  border: 2px solid #1b9de7;
}
.filter--resource-centre.filter .slider .slider__slide .accordion__button.accordion__button--active:after {
  color: #00caff;
}
.filter--resource-centre.filter .slider .slider__slide .accordion__content.accordion__content--active {
  border-radius: 4px;
  filter: drop-shadow(0px 4px 1.5px rgba(13, 14, 53, 0.2));
  background-color: #FFFFFF;
  border: 1px solid #eef0f4;
  border-top: 0;
  margin: 0px 20px;
}
.filter--resource-centre.filter .slider .slider__slide .filter__item {
  margin-bottom: 0;
}
.filter--resource-centre.filter .slider .slider__slide .filter__item .product-item__checkbox:checked + label span {
  background-color: transparent;
}
.filter--resource-centre.filter .slider .slider__slide .filter__item .product-item__compare-label {
  font-size: 18px;
  line-height: 54px;
  color: #00000b;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-weight: 400;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 0;
}
.filter--resource-centre.filter .slider .slider__slide .filter__item .product-item__compare-label:hover {
  background-color: #fbfcff;
}
.filter--resource-centre.filter .slider .slider__slide .filter__item .product-item__compare-label span {
  left: auto;
  right: 0;
  top: 20px;
  border: none;
}

/* ==========================================================================
		HALF HEROS
	 ========================================================================== */
.half-heros {
  height: calc(100% - 4px);
  position: relative;
  cursor: pointer;
  margin: 4px 0 0;
  overflow: hidden;
  zoom: 1;
}
.half-heros:after, .half-heros:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.half-heros:after {
  clear: both;
}
@media (min-width: 769px) {
  .half-heros--left {
    margin-right: 2px;
  }
  .half-heros--right {
    margin-left: 2px;
  }
}
.half-heros--image-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  border-radius: 0;
  height: 400px;
  width: 100%;
  transition: all 0.8s ease;
  transform-origin: 40%;
}
@media (min-width: 769px) {
  .half-heros--image-background {
    height: 500px;
    background-size: cover;
  }
  .half-heros--image-background:hover {
    transform: scale(1.1);
  }
}
.half-heros--image-background--left {
  background-position-x: right;
}
.half-heros--image-background--right {
  background-position-x: left;
}
.half-heros__container {
  max-width: 600px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: flex-start;
  padding-top: 0;
}
.half-heros__container--left {
  margin: auto;
}
@media (min-width: 769px) {
  .half-heros__container--left {
    margin: 0;
    margin-left: auto;
  }
}
.half-heros__container--right {
  margin: auto;
}
@media (min-width: 769px) {
  .half-heros__container--right {
    margin: 0;
    margin-right: auto;
  }
}

.half-heros__content {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  padding: 20px;
  height: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  zoom: 1;
}
.half-heros__content:after, .half-heros__content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.half-heros__content:after {
  clear: both;
}
@media (min-width: 769px) {
  .half-heros__content {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .half-heros__content {
    float: left;
    text-align: left;
    width: 65%;
    padding: 40px 80px;
  }
  .half-heros__content--full {
    width: 100%;
  }
}
.half-heros__content--light {
  color: #fff;
}
@media (min-width: 769px) {
  .half-heros__container--left .half-heros__content {
    padding-left: 0;
  }
}
@media (min-width: 769px) {
  .half-heros__container--right .half-heros__content {
    padding-right: 0;
  }
}
.half-heros__content .heading, .half-heros__content .rte h1, .rte .half-heros__content h1, .half-heros__content .rte h2, .rte .half-heros__content h2, .half-heros__content .rte h3, .rte .half-heros__content h3, .half-heros__content .rte h4, .rte .half-heros__content h4 {
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
}
@media (min-width: 769px) {
  .half-heros__content .heading, .half-heros__content .rte h1, .rte .half-heros__content h1, .half-heros__content .rte h2, .rte .half-heros__content h2, .half-heros__content .rte h3, .rte .half-heros__content h3, .half-heros__content .rte h4, .rte .half-heros__content h4 {
    font-size: 36px;
    line-height: 36px;
  }
}
.half-heros__content--light .body-text, .half-heros__content--light .rte p, .rte .half-heros__content--light p, .half-heros__content--light .rte ol li, .rte ol .half-heros__content--light li,
.half-heros__content--light .rte ul li,
.rte ul .half-heros__content--light li, .half-heros__content--light .item-listing__subtitle, .half-heros__content--light .article-listing__subtitle, .half-heros__content--light .featured-overview__subtitle,
.half-heros__content--light .featured-overview__title {
  color: #fff;
}
.half-heros__content .half-heros__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 42px;
  color: #828590;
  padding: 0;
  margin: 0;
}
@media (min-width: 769px) {
  .half-heros__content .half-heros__subtitle {
    font-size: 20px;
  }
}
.half-heros__content .half-heros__link {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1b9de7;
}
@media (min-width: 769px) {
  .half-heros__content .half-heros__link {
    font-size: 18px;
  }
}
.half-heros__content .half-heros__link:hover {
  color: #00caff;
}
.half-heros__content .half-heros__link:after {
  content: "❯";
  font-size: 14px;
  padding-left: 10px;
  color: inherit;
}

/* ==========================================================================
	HERO
========================================================================== */
.hero {
  height: auto;
  padding: 0 0 20px;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (min-width: 769px) {
  .hero {
    margin: 0;
    height: 600px;
  }
  .hero--large {
    height: 600px;
  }
  .hero--normal {
    height: 368px;
  }
  .hero--small {
    height: 250px;
  }
}
.hero--mid {
  background: #f3f3f3;
}
.hero--dark {
  background: #535A5C;
}
.hero--primary {
  background: #0083A5;
}
.hero--black {
  background: #000000;
}
.hero--midnightblue {
  background: #172664;
}
.slider-wrapper--hero-slider .hero {
  height: auto;
  min-height: 70vh;
  padding-bottom: 0;
}
.slider-wrapper--content-slider .hero {
  height: auto;
  padding-bottom: 0;
}

.hero__image {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: 1;
  display: none;
}
@media (min-width: 769px) {
  .hero__image {
    top: 0;
    bottom: inherit;
    height: 100%;
    display: block;
  }
}
.hero__image.visible-sm {
  display: none;
}
.hero__image--mobile {
  display: none;
}
.hero__image--mobile.visible-sm {
  display: block;
}
@media (min-width: 769px) {
  .hero__image--mobile.visible-sm {
    display: none;
  }
}
.hero__image--video {
  display: none;
}

.hero__video {
  display: none;
}
@media (min-width: 769px) {
  .hero__video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    height: auto;
    width: 100%;
    z-index: 1;
  }
}
.hero__video video {
  object-fit: cover;
  pointer-events: none;
  width: auto !important;
}
@media (min-width: 769px) {
  .hero__video video {
    width: 100% !important;
  }
}

.hero__overlay {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.hero__overlay--light {
  background: rgba(243, 243, 243, 0.75);
}
.hero__overlay--primary {
  background: rgba(0, 131, 165, 0.9);
}
.hero__overlay--dark {
  background: rgba(0, 0, 0, 0.3);
}
.hero__overlay--mid {
  background: rgba(150, 150, 150, 0.5);
}
.hero__overlay--black {
  background: rgba(0, 0, 0, 0.3);
}
.hero__overlay--midnightblue {
  background: rgba(23, 38, 100, 0.3);
}

.slider-wrapper--hero-slider .hero__container, .slider-wrapper--content-slider .hero__container {
  display: block;
  height: auto;
  min-height: 70vh;
  padding-top: 60px;
  zoom: 1;
}
.slider-wrapper--hero-slider .hero__container:after, .slider-wrapper--hero-slider .hero__container:before, .slider-wrapper--content-slider .hero__container:after, .slider-wrapper--content-slider .hero__container:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.slider-wrapper--hero-slider .hero__container:after, .slider-wrapper--content-slider .hero__container:after {
  clear: both;
}
@media (min-width: 769px) {
  .slider-wrapper--hero-slider .hero__container, .slider-wrapper--content-slider .hero__container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    padding-top: 0px;
  }
}
.slider-wrapper--hero-slider .hero__container--hero-slider-centre, .slider-wrapper--content-slider .hero__container--hero-slider-centre {
  justify-content: center;
}
.slider-wrapper--hero-slider .hero__container--hero-slider-right, .slider-wrapper--content-slider .hero__container--hero-slider-right {
  justify-content: flex-end;
}
.slider-wrapper--content-slider .hero__container {
  min-height: 400px;
}
@media (min-width: 769px) {
  .hero__container {
    height: 550px;
    position: relative;
  }
  .hero__container--large {
    height: 550px;
  }
  .hero__container--normal {
    height: 300px;
  }
  .hero__container--small {
    height: 200px;
  }
}

.hero__container__image-container {
  height: 100%;
  display: grid;
}

.hero__content {
  padding: 60px 20px 20px;
  position: relative;
  text-align: center;
  z-index: 4;
}
.hero__content--light {
  color: #fff;
}
.slider-wrapper--hero-slider .hero__content, .slider-wrapper--content-slider .hero__content {
  padding: 0 20px 20px;
  margin: 0;
}
.slider-wrapper--hero-slider .hero__content--align-left, .slider-wrapper--hero-slider .hero__content--align-right, .slider-wrapper--content-slider .hero__content--align-left, .slider-wrapper--content-slider .hero__content--align-right {
  text-align: center;
}
@media (min-width: 769px) {
  .hero__content {
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(0%, -50%);
    width: 50%;
  }
  .slider-wrapper--hero-slider .hero__content, .slider-wrapper--content-slider .hero__content {
    margin: 0;
    padding: 40px 20px 60px 20px;
    position: relative;
    transform: translate(0%, 0%);
  }
  .slider-wrapper--hero-slider .hero__content--align-left, .slider-wrapper--content-slider .hero__content--align-left {
    text-align: left;
    float: left;
  }
  .slider-wrapper--hero-slider .hero__content--align-right, .slider-wrapper--content-slider .hero__content--align-right {
    text-align: right;
    float: right;
  }
  .hero--invert .hero__content {
    left: auto;
    right: 0;
  }
  .slider-wrapper--content-slider .hero__content {
    padding: 40px 20px 35px 60px;
  }
}
.hero__content--valign-bottom {
  align-self: flex-end;
  padding-bottom: 60px;
}
.hero__content--valign-top {
  align-self: flex-start;
}
.hero__content--align-left {
  text-align: left;
}
.hero__content--align-center {
  text-align: center;
}
.hero__content--align-right {
  text-align: right;
}
.hero__content .heading, .hero__content .rte h1, .rte .hero__content h1, .hero__content .rte h2, .rte .hero__content h2, .hero__content .rte h3, .rte .hero__content h3, .hero__content .rte h4, .rte .hero__content h4 {
  margin: 0 0 10px;
  text-transform: inherit;
}
@media (min-width: 769px) {
  .hero__content .heading, .hero__content .rte h1, .rte .hero__content h1, .hero__content .rte h2, .rte .hero__content h2, .hero__content .rte h3, .rte .hero__content h3, .hero__content .rte h4, .rte .hero__content h4 {
    font-size: 60px;
    margin: 0 0 30px;
  }
}
.slider-wrapper--content-slider .hero__content .heading--tertiary, .slider-wrapper--content-slider .hero__content .rte h3, .rte .slider-wrapper--content-slider .hero__content h3 {
  line-height: 1;
}
.hero__content .heading--quaternary, .hero__content .rte h4, .rte .hero__content h4 {
  display: block;
  letter-spacing: 0.01rem;
  opacity: 0.45;
}
@media (min-width: 769px) {
  .hero__content .heading--quaternary, .hero__content .rte h4, .rte .hero__content h4 {
    font-size: 22px;
    margin: 0 0 20px;
  }
}
.slider-wrapper--content-slider .hero__content .heading--quaternary, .slider-wrapper--content-slider .hero__content .rte h4, .rte .slider-wrapper--content-slider .hero__content h4 {
  font-weight: 300;
  opacity: 1;
  text-transform: none;
}
.hero__content .sub-heading, .hero__content .product-specs__title, .hero__content .product-row__id, .hero__content .rte h5, .rte .hero__content h5, .hero__content .rte h6, .rte .hero__content h6 {
  font-weight: 400;
}
.hero__content .button, .hero__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .hero__content button,
.hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .hero__content input[type=button],
.hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .hero__content input[type=reset],
.hero__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .hero__content input[type=submit], .hero__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .hero__content input[type=submit], .hero__content .sc-form input[type=submit], .sc-form .hero__content input[type=submit], .hero__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .hero__content .section-nav-in-page__link, .hero__content .notification .confirm, .notification .hero__content .confirm {
  display: inline-flex;
}

.svgfix {
  background: #FFFFFF;
  bottom: 0;
  position: absolute;
  height: 20%;
  width: 100%;
}
.hero--mid .svgfix {
  background: #f3f3f3;
}
.hero--primary .svgfix {
  background: #0083A5;
}
.hero--dark .svgfix {
  background: #535A5C;
}
.hero--black .svgfix {
  background: #000000;
}
.hero--midnightblue .svgfix {
  background: #172664;
}

.hero__shape {
  bottom: -1px;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
}
.is-IE .hero__shape {
  display: none;
}
.hero__shape--wave-invert {
  display: none;
}
.hero--invert .hero__shape--wave-invert {
  display: block;
}
.hero__shape--wave {
  display: block;
}
.hero--invert .hero__shape--wave {
  display: none;
}

.hero__shape-path {
  fill: #FFFFFF;
}
.hero--mid .hero__shape-path {
  fill: #f3f3f3;
}
.hero--primary .hero__shape-path {
  fill: #0083A5;
}
.hero--dark .hero__shape-path {
  fill: #535A5C;
}
.hero--black .hero__shape-path {
  fill: #000000;
}
.hero--midnightblue .hero__shape-path {
  fill: #172664;
}

.hero__foreground-image {
  display: block;
  float: none;
  margin: 0 auto -30px;
  max-height: 150px;
  max-width: 50%;
  position: relative;
  z-index: 3;
}
@media (min-width: 769px) {
  .hero__foreground-image {
    max-height: 100%;
    margin-right: 20px;
  }
  .slider-wrapper--hero-slider .hero__foreground-image, .slider-wrapper--content-slider .hero__foreground-image {
    bottom: 20px;
  }
  .hero--invert .hero__foreground-image {
    margin-left: 20px;
    margin-right: auto;
  }
  .hero__foreground-image--offset-y-center {
    align-self: center;
  }
  .hero__foreground-image--offset-y-top {
    align-self: baseline;
  }
  .hero__foreground-image--offset-y-bottom {
    align-self: end;
  }
}
@media (min-width: 1200px) {
  .hero__foreground-image {
    right: 0;
  }
  .hero--invert .hero__foreground-image {
    left: 0;
  }
}

/* ==========================================================================
		IN PAGE LIST
	 ========================================================================== */
.in-page-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  zoom: 1;
}
.in-page-list:after, .in-page-list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.in-page-list:after {
  clear: both;
}
@media (min-width: 768px) {
  .in-page-list {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .no-flexbox.no-flexboxtweener .in-page-list {
    display: block;
  }
}
.in-page-list--decimal {
  counter-reset: my-counter;
  padding: 0;
}
.in-page-list--tick {
  padding: 0;
}

.in-page-list__item {
  flex: 1 1 100%;
  margin: 0 0 20px;
  padding-right: 40px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .in-page-list--two-col .in-page-list__item {
    flex: 1 1 auto;
    max-width: 50%;
  }
  .no-flexbox.no-flexboxtweener .in-page-list--two-col .in-page-list__item {
    float: left;
    width: 50%;
  }
  .in-page-list--three-col .in-page-list__item {
    flex: 1 1 auto;
    max-width: 33.3333%;
  }
  .no-flexbox.no-flexboxtweener .in-page-list--three-col .in-page-list__item {
    float: left;
    width: 33.3333%;
  }
  .in-page-list--four-col .in-page-list__item {
    flex: 1 1 auto;
    max-width: 25%;
  }
  .no-flexbox.no-flexboxtweener .in-page-list--four-col .in-page-list__item {
    float: left;
    width: 25%;
  }
  .in-page-list--decimal.in-page-list--two-col .in-page-list__item:nth-child(odd), .in-page-list--tick.in-page-list--two-col .in-page-list__item:nth-child(odd) {
    padding-right: 50px;
  }
  .in-page-list--decimal.in-page-list--two-col .in-page-list__item:nth-child(even), .in-page-list--tick.in-page-list--two-col .in-page-list__item:nth-child(even) {
    padding-left: 110px;
  }
  .in-page-list--decimal.in-page-list--two-col .in-page-list__item:nth-child(even):after, .in-page-list--tick.in-page-list--two-col .in-page-list__item:nth-child(even):after {
    left: 60px;
  }
  .in-page-list--decimal.in-page-list--two-col .in-page-list__item:nth-child(even):before, .in-page-list--tick.in-page-list--two-col .in-page-list__item:nth-child(even):before {
    left: 50px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(1n+1), .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(1n+1) {
    padding-left: 90px;
    padding-right: 30px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(1n+1):after, .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(1n+1):after {
    left: 40px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(1n+1):before, .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(1n+1):before {
    left: 30px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(3n), .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(3n) {
    padding-right: 20px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(3n+1), .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(3n+1) {
    padding-left: 60px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(3n+1):after, .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(3n+1):after {
    left: 10px;
  }
  .in-page-list--decimal.in-page-list--three-col .in-page-list__item:nth-child(3n+1):before, .in-page-list--tick.in-page-list--three-col .in-page-list__item:nth-child(3n+1):before {
    left: 0;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(1n+1), .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(1n+1) {
    padding-left: 90px;
    padding-right: 30px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(1n+1):after, .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(1n+1):after {
    left: 40px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(1n+1):before, .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(1n+1):before {
    left: 30px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(4n), .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(4n) {
    padding-right: 20px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(4n+1), .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(4n+1) {
    padding-left: 60px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(4n+1):after, .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(4n+1):after {
    left: 10px;
  }
  .in-page-list--decimal.in-page-list--four-col .in-page-list__item:nth-child(4n+1):before, .in-page-list--tick.in-page-list--four-col .in-page-list__item:nth-child(4n+1):before {
    left: 0;
  }
}
.in-page-list--decimal .in-page-list__item:after {
  content: counter(my-counter);
  counter-increment: my-counter;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1rem;
}
.is-IE .in-page-list--decimal .in-page-list__item:after {
  top: 14px;
}
.in-page-list--decimal .in-page-list__item:before {
  height: 30px;
  width: 30px;
}
.in-page-list--tick .in-page-list__item:after {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.is-IE .in-page-list--tick .in-page-list__item:after {
  top: 17px;
}
.in-page-list--tick .in-page-list__item:before {
  height: 35px;
  width: 35px;
}
.in-page-list--tick .in-page-list__item, .in-page-list--decimal .in-page-list__item {
  line-height: 2rem;
  padding: 8px 20px 10px 60px;
}
.in-page-list--tick .in-page-list__item:after, .in-page-list--decimal .in-page-list__item:after {
  color: #0083A5;
  left: 10px;
  padding: 0;
  position: absolute;
  top: 10px;
}
.section--mid .in-page-list--tick .in-page-list__item:after, .section--mid .in-page-list--decimal .in-page-list__item:after {
  color: #f3f3f3;
}
.in-page-list--tick .in-page-list__item:before, .in-page-list--decimal .in-page-list__item:before {
  background: #f3f3f3;
  border-radius: 100%;
  content: "";
  display: block;
  font-size: 1.4rem;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: top;
}
.section--mid .in-page-list--tick .in-page-list__item:before, .section--mid .in-page-list--decimal .in-page-list__item:before {
  background: #0083A5;
}

/* ==========================================================================
		SUB MENU
	 ========================================================================== */
.jumplinks {
  display: none;
}
@media (min-width: 769px) {
  .jumplinks {
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    display: block;
    position: relative;
    transform: translate(0, 0px);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 1;
  }
}
.jumplinks--fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}
.jumplinks--offset {
  transform: translateY(65px);
}

.jumplinks__list {
  padding: 57px 0 0;
  position: relative;
}
@media (min-width: 769px) {
  .jumplinks__list {
    padding: 10px 20px;
  }
}
.secondary-nav .jumplinks__list {
  text-align: right;
}

.jumplinks__item {
  border-bottom: 1px solid #D8D8D8;
  display: none;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 769px) {
  .jumplinks__item {
    border: 0;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .jumplinks__item {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 769px) {
  .jumplinks__item:first-child {
    padding-left: 0;
  }
}
.jumplinks__item:last-child {
  border: 0;
}
@media (min-width: 769px) {
  .jumplinks__item:last-child {
    margin: 0;
  }
}
.jumplinks__item--active {
  display: block;
  position: absolute;
  top: 0;
}
.jumplinks__item--active:last-child {
  border-bottom: 1px solid #D8D8D8;
}
@media (min-width: 769px) {
  .jumplinks__item--active {
    border: 0;
    display: inline-block;
    position: relative;
  }
  .jumplinks__item--active:last-child {
    border: 0;
  }
}
.jumplinks__item--active:after {
  font-size: 1.6rem;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%) rotate(0deg);
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 769px) {
  .jumplinks__item--active:after {
    content: "";
    display: none;
  }
}
.jumplinks--active .jumplinks__item {
  display: block;
}
@media (min-width: 769px) {
  .jumplinks--active .jumplinks__item {
    display: inline-block;
  }
}
.jumplinks--active .jumplinks__item:after {
  transform: translate(0, -50%) rotate(180deg);
}

.jumplinks__anchor {
  color: #0083A5;
  display: block;
  padding: 20px 0;
  text-decoration: none;
}
@media (min-width: 769px) {
  .jumplinks__anchor {
    padding: 10px 20px;
  }
}
.jumplinks__anchor[data-jumplink], .jumplinks__anchor[data-modal] {
  cursor: pointer;
}
.jumplinks__anchor:before {
  display: none;
}
@media (min-width: 769px) {
  .jumplinks__anchor:before {
    display: inline-block;
    margin: 0 8px 0 0;
  }
}
.jumplinks__anchor:after {
  display: none;
}
@media (min-width: 769px) {
  .jumplinks__anchor:after {
    display: inline-block;
    margin: 0 0 0 3px;
  }
}
.jumplinks__anchor:hover {
  color: #0083A5;
}
@media (min-width: 769px) {
  .jumplinks__item--active .jumplinks__anchor {
    background: #0083A5;
    border-radius: 100px;
    color: #fff;
  }
}

/* ==========================================================================
		LANGUAGE SELECTOR
	 ========================================================================== */
.language-selector {
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
  zoom: 1;
}
.language-selector:after, .language-selector:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.language-selector:after {
  clear: both;
}
.language-selector--mega-dropdown {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  order: 99;
  width: 80px;
  height: 55px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .language-selector--mega-dropdown {
    width: 80px;
  }
}
@media (min-width: 769px) {
  .language-selector--mega-dropdown {
    position: relative;
    margin: inherit;
    width: auto;
    height: 100%;
  }
}
.site-footer .language-selector--mega-dropdown {
  width: auto;
  top: -45px;
  right: 15px;
}
@media (min-width: 769px) {
  .site-footer .language-selector--mega-dropdown {
    top: 0;
    right: 0;
  }
}
@media (min-width: 769px) {
  .language-selector {
    display: inline-block;
    text-align: left;
    width: 85px;
  }
  .site-footer .language-selector {
    float: left;
    height: auto;
    width: 100%;
    margin-top: 30px;
  }
}
.language-selector .heading, .language-selector .rte h1, .rte .language-selector h1, .language-selector .rte h2, .rte .language-selector h2, .language-selector .rte h3, .rte .language-selector h3, .language-selector .rte h4, .rte .language-selector h4 {
  color: #fff;
}
@media (min-width: 768px) {
  .language-selector .heading, .language-selector .rte h1, .rte .language-selector h1, .language-selector .rte h2, .rte .language-selector h2, .language-selector .rte h3, .rte .language-selector h3, .language-selector .rte h4, .rte .language-selector h4 {
    color: inherit;
  }
}

.language-selector__dropdown {
  overflow-y: scroll;
  padding-bottom: 40px;
  position: fixed;
  right: 0;
  top: 150px;
  visibility: hidden;
  width: 100%;
  z-index: -10;
}
@media (min-width: 768px) {
  .language-selector__dropdown {
    background: #FFFFFF;
    display: block;
    height: 0;
    right: 0;
    top: 67px;
    transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
  }
}
.language-selector__dropdown--active {
  height: auto;
  visibility: visible;
  z-index: 5;
}
@media (min-width: 768px) {
  .language-selector__dropdown--active {
    height: auto;
  }
}
.language-selector__dropdown--mobile-height {
  height: 100vh;
}
@media (min-width: 768px) {
  .language-selector__dropdown--mobile-height {
    height: auto;
  }
}

.language-selector__toggle {
  display: block;
  float: none;
  margin: 10px auto;
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  .language-selector__toggle {
    margin: 5px 15px 5px 0;
  }
}
.site-footer .language-selector__toggle {
  display: inline-block;
}
@media (min-width: 768px) {
  .site-footer .language-selector__toggle {
    display: inline-block;
    margin: 0;
    padding: 5px 15px 5px 0;
  }
  .site-footer .language-selector__toggle--mega-dropdown {
    display: inline-block;
    float: right;
    width: auto;
  }
}
.partner-portal .site-footer .language-selector__toggle {
  display: none;
}
@media (min-width: 768px) {
  .partner-portal .site-footer .language-selector__toggle {
    display: none;
  }
}
.site-header .language-selector__toggle {
  display: flex;
}
@media (min-width: 769px) {
  .site-header .language-selector__toggle {
    display: flex;
    margin: 0;
    padding: 5px 0 5px 0;
  }
  .site-header .language-selector__toggle--mega-dropdown {
    display: inline-block;
    float: right;
    width: auto;
  }
}
.language-selector--mega-dropdown .language-selector__toggle {
  cursor: pointer;
}
.appearance .language-selector--mega-dropdown .language-selector__toggle:after {
  color: #fff;
}
.appearance .site-footer .language-selector--mega-dropdown .language-selector__toggle:after {
  color: #1b9de7;
}

.language-selector__select {
  appearance: none;
  background: none;
  border: 0;
  color: #7b7e80;
  cursor: pointer;
  display: inline-block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.3rem;
  height: 38px;
  letter-spacing: -0.3px;
  line-height: 2.8;
}
.language-selector--mega-dropdown .language-selector__select {
  display: none;
}

.language-selector__flag {
  border-color: #FFFFFF;
  border-radius: 100%;
  border-width: 1px;
  display: inline-block;
  float: none;
  height: 25px;
  line-height: 1.3;
  margin: 5px 10px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 25px;
}
.language-selector--mega-dropdown .language-selector__flag {
  display: block;
  margin: 5px 0 5px 5px;
}
.site-footer .language-selector--mega-dropdown .language-selector__flag {
  margin: 5px 0;
  display: inline-block;
  float: left;
}
.language-selector__flag img {
  height: 95%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.language-selector__flag span {
  display: inline-block;
}

.language-selector__text {
  display: inline-block;
  margin: 5px 0;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #535A5C;
  font-weight: 500;
  padding-left: 10px;
}

.country-list {
  columns: 2;
  list-style: none;
  margin: 0;
  padding: 0 20px;
  text-align: left;
}
@media (min-width: 768px) {
  .country-list {
    columns: 5;
    padding: 40px 0 20px;
  }
}

.country-list__item {
  display: block;
  margin: 0 0 5px;
}

.country-list__link {
  color: #fff;
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.6;
  text-decoration: none;
}
@media (min-width: 768px) {
  .country-list__link {
    color: #0083A5;
  }
}

.region-list {
  display: block;
  margin: 20px 0;
  padding: 0;
}

.region-list__item {
  display: inline-block;
  margin: 0 20px 0 0;
}
.region-list__item:last-child {
  margin: 0;
}

img.flag-site-header--white {
  content: url("https://www.dlink.com/_include/redesign/svgs/flag-grey.svg");
}

img.flag-site-header--black {
  content: url("https://www.dlink.com/_include/redesign/svgs/flag-white.svg");
}

.cl-site-header--white {
  color: #535A5C;
}

.cl-site-header--black {
  color: #fff;
}

/* ==========================================================================
		FEEDBACK
=========================================================================== */
.feedback {
  border-bottom: 1px solid #cdcccb;
  border-left: 1px solid #cdcccb;
  border-radius: 8px;
  border-right: 1px solid #cdcccb;
  border-top: 1px solid #cdcccb;
  padding: 20px;
  zoom: 1;
}
.feedback:after, .feedback:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.feedback:after {
  clear: both;
}
@media (min-width: 768px) {
  .feedback {
    padding: 30px;
  }
}

.feedback__title {
  float: left;
  font-weight: 700;
  width: calc(100% - 90px);
}

.feedback__form {
  float: right;
  margin: 0 0 0 10px;
}

.feedback__input {
  display: none;
}
.feedback__input:disabled + .feedback__label {
  cursor: default;
  opacity: 0.25;
}
.feedback__input:disabled + .feedback__label:hover {
  color: #191f21;
}
.feedback__input:checked + .feedback__label {
  color: #0083A5;
}

.feedback__label {
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.feedback__label:hover {
  color: #0083A5;
}
.feedback__label:hover:after {
  color: #191f21;
}
.feedback__label:first-of-type {
  margin-right: 20px;
  position: relative;
}
.feedback__label:first-of-type:after {
  color: #191f21;
  content: "/";
  font-weight: 400;
  margin: 0 5px 0 10px;
  pointer-events: none;
  position: absolute;
  right: -20px;
}

.feedback__response {
  display: none;
  overflow: hidden;
  width: 100%;
}
.feedback__response .rte {
  display: block;
  min-height: 40px;
  padding: 20px 0 0 0;
  width: 100%;
}

/* ==========================================================================
		OFFSET IMAGE
	 ========================================================================== */
.offset-image {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 3;
}
.offset-image img {
  display: block;
  margin: 20px auto;
  max-width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .offset-image img {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .offset-image img {
    margin: 0;
    max-width: 100%;
  }
  .touchevents .offset-image img {
    position: relative;
  }
}
@media (min-width: 768px) {
  .offset-image--no-offset img {
    max-width: 100%;
  }
  .offset-image--align-right {
    align-items: flex-end;
  }
  .offset-image--align-bottom {
    justify-content: flex-end;
  }
  .offset-image--align-center {
    align-items: center;
  }
  .offset-image--align-v-center {
    justify-content: center;
  }
}

/* ==========================================================================
		PRODUCT COMPARISON TABLE
	 ========================================================================== */
.table-comparison {
  overflow-x: auto;
  position: relative;
  width: auto;
}
.table-comparison--border {
  border: 1px solid #cdcccb;
  padding: 5px;
}
.table-comparison--product-detail-comparison-header {
  border: 1px solid #cdcccb;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
  top: 6px;
  z-index: 3;
}
@media (min-width: 1025px) {
  .table-comparison--product-detail-comparison-header {
    border: none;
  }
}
.table-comparison--product-detail-comparison {
  border-width: 0 1px 1px 1px;
  overflow: inherit;
}
@media (min-width: 1025px) {
  .table-comparison--product-detail-comparison {
    border-width: 1px;
  }
}

.table-comparison__element {
  border-collapse: collapse;
  border-color: #cdcccb;
  border-style: solid;
  border-width: 1px 0;
  height: auto;
  table-layout: fixed;
  text-align: left;
}
.table-comparison__element--no-border {
  border-width: 0;
}
.table-comparison--layout-2 .table-comparison__element {
  width: 100%;
}
.table-comparison--layout-3 .table-comparison__element {
  width: 130%;
}
.table-comparison--layout-4 .table-comparison__element {
  width: 180%;
}
@media (min-width: 1025px) {
  .table-comparison__element {
    table-layout: auto;
    width: 100%;
  }
  .table-comparison--layout-2 .table-comparison__element {
    width: 100%;
  }
  .table-comparison--layout-3 .table-comparison__element {
    width: 100%;
  }
  .table-comparison--layout-4 .table-comparison__element {
    width: 100%;
  }
}
.table-comparison__element--fixed {
  table-layout: fixed;
}
@media (min-width: 1025px) {
  .table-comparison__element--fixed {
    table-layout: fixed;
  }
}

.table-comparison__product-detail-wrapper {
  align-items: stretch;
  align-content: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.table-comparison__cell-image {
  align-self: flex-start;
}

.table-comparison__cell-image,
.table-comparison__product-detail {
  flex: 1 1 100%;
}

.table-comparison__product-detail {
  align-self: flex-end;
  flex: 1 1 100%;
}

.table-comparison__row:last-child {
  display: none;
}
.table-comparison--product-detail-comparison .table-comparison__row:last-child, .table-comparison--product-detail-comparison-header .table-comparison__row:last-child {
  display: table-row;
}
@media (min-width: 1025px) {
  .table-comparison__row:last-child {
    display: table-row;
  }
}

.table-comparison__header {
  display: none;
  position: relative;
}
.table-comparison--product-detail-comparison .table-comparison__header {
  text-align: center;
}
.table-comparison--product-detail-comparison .table-comparison__row:last-child .table-comparison__header:after {
  background: #535A5C;
  bottom: -30px;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}
.is-IE .table-comparison--product-detail-comparison .table-comparison__row:last-child .table-comparison__header:after, .is-Edge .table-comparison--product-detail-comparison .table-comparison__row:last-child .table-comparison__header:after {
  display: none;
}
.table-comparison__header--align-centre {
  text-align: center;
}
@media (min-width: 1025px) {
  .table-comparison__header {
    background: #535A5C;
    color: #fff;
    display: table-cell;
    font-size: 1.5rem;
    font-weight: normal;
    padding: 20px;
    position: relative;
  }
}
.table-comparison__header--no-bg {
  background: none;
}
.is-IE .table-comparison__header--no-bg, .is-Edge .table-comparison__header--no-bg {
  background: #535A5C;
}
@media (min-width: 1025px) {
  .table-comparison__header--no-bg {
    background: none;
  }
  .is-IE .table-comparison__header--no-bg, .is-Edge .table-comparison__header--no-bg {
    background: #535A5C;
  }
}
.table-comparison__header:after {
  background: rgba(255, 255, 255, 0.05);
  bottom: 0;
  content: "";
  height: 1px;
  left: 10px;
  position: absolute;
  width: calc(100% - 10px*2);
}
.is-IE .table-comparison__header:after, .is-Edge .table-comparison__header:after {
  display: none;
}
@media (min-width: 1025px) {
  .table-comparison__header:after {
    left: 20px;
    width: calc(100% - 40px);
  }
}

.table-comparison__status {
  border-radius: 100%;
  display: inline-block;
  height: 45px;
  position: relative;
  width: 45px;
}
.table-comparison__status span {
  display: none;
}
.table-comparison__status:before {
  color: #fff;
  left: 50%;
  position: absolute;
  top: 49%;
  transform: translate(-50%, -49%);
}
.table-comparison__status--supported {
  background: #0083A5;
  font-size: 1.5rem;
}
.table-comparison__status--not-supported {
  background: #7b7e80;
  font-size: 2rem;
}
.table-comparison__cell {
  border-color: #cdcccb;
  border-style: solid;
  border-width: 0 1px;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  line-height: 1.5;
  padding: 50px 10px 10px 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.table-comparison__element--no-border .table-comparison__cell {
  border-width: 0;
}
.table-comparison__row:first-child .table-comparison__cell {
  vertical-align: top;
}
.table-comparison--product-detail-comparison .table-comparison__cell {
  padding: 60px 20px 20px 20px;
}
@media (min-width: 1025px) {
  .table-comparison--product-detail-comparison .table-comparison__cell {
    padding: 35px 20px;
  }
}
.table-comparison__cell:first-of-type .table-comparison__mobile-label {
  background: #535A5C;
  color: #fff;
  content: attr(data-heading);
  height: 40px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 3;
}
.table-comparison--layout-2 .table-comparison__cell:first-of-type .table-comparison__mobile-label {
  width: calc(200% + 3px);
}
.table-comparison--layout-2.table-comparison--product-detail-comparison-header .table-comparison__cell:first-of-type .table-comparison__mobile-label, .table-comparison--layout-2.table-comparison--product-detail-comparison .table-comparison__cell:first-of-type .table-comparison__mobile-label {
  left: -6px;
  width: calc(200% + 13px);
}
.table-comparison--layout-3 .table-comparison__cell:first-of-type .table-comparison__mobile-label {
  width: calc(300% + 4px);
}
.table-comparison--layout-4 .table-comparison__cell:first-of-type .table-comparison__mobile-label {
  width: calc(400% + 5px);
}
@media (min-width: 1025px) {
  .table-comparison__cell:first-of-type .table-comparison__mobile-label {
    display: none;
  }
}
.table-comparison__cell:nth-child(n+3) .table-comparison__mobile-label {
  display: none;
}
.table-comparison__cell img {
  display: inline-block;
  height: 100px;
  margin-bottom: 10px;
  max-width: 100%;
  width: auto;
}
@media (min-width: 1025px) {
  .table-comparison__cell img {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .table-comparison__cell {
    padding: 20px;
  }
}
.table-comparison__cell strong {
  display: block;
}
@media (min-width: 1025px) {
  .table-comparison__row:nth-child(even) .table-comparison__cell {
    background: #f3f3f3;
  }
  .table-comparison--product-detail-comparison .table-comparison__row:nth-child(even) .table-comparison__cell {
    background: none;
  }
  .table-comparison--product-detail-comparison .table-comparison__row:nth-child(odd) .table-comparison__cell {
    background: #f3f3f3;
  }
}
.table-comparison__row:first-child .table-comparison__cell {
  font-size: 1.6rem;
}

.table-comparison__header-bottom-label {
  background: #535A5C;
  bottom: -1px;
  left: 0;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.is-IE .table-comparison__header-bottom-label, .is-Edge .table-comparison__header-bottom-label {
  height: 100%;
  position: static;
}

/* ==========================================================================
		PRODUCT GALLERY
=========================================================================== */
.product-gallery {
  display: grid;
  width: 100%;
  zoom: 1;
}
.product-gallery:after, .product-gallery:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.product-gallery:after {
  clear: both;
}

div[data-slick].product-gallery-images {
  float: left;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
@media (min-width: 768px) {
  div[data-slick].product-gallery-images {
    width: calc(100% - 140px);
  }
}
div[data-slick].product-gallery-images.slick-initialized {
  opacity: 1;
}
div[data-slick].product-gallery-images .slick-list,
div[data-slick].product-gallery-images .slick-track {
  height: 100%;
}
div[data-slick].product-gallery-images iframe {
  display: block;
  height: 100%;
  width: 100%;
}
div[data-slick].product-gallery-images .slick-dots {
  left: auto;
  margin: 0;
  padding: 20px 0;
  position: static;
  text-align: center;
  transform: translateX(0);
  width: 100%;
}
@media (min-width: 768px) {
  div[data-slick].product-gallery-images .slick-dots {
    width: auto;
  }
}
div[data-slick].product-gallery-images .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
}
div[data-slick].product-gallery-images .slick-dots li.slick-active button {
  background: #0083A5;
}
div[data-slick].product-gallery-images .slick-dots li.video {
  margin: 0 20px 0 5px;
}
div[data-slick].product-gallery-images .slick-dots li.video:before {
  color: #f3f3f3;
  font-size: 3rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
div[data-slick].product-gallery-images .slick-dots li.video button {
  background: 0;
  border: 0;
}
div[data-slick].product-gallery-images .slick-dots li.video.slick-active:before {
  color: #0083A5;
}
div[data-slick].product-gallery-images .slick-dots button {
  background: #f3f3f3;
  border-radius: 100%;
  border: 0;
  display: block;
  height: 16px;
  padding: 0;
  text-indent: -9999px;
  width: 16px;
}
@media (min-width: 768px) {
  div[data-slick].product-gallery-images .slick-dots button {
    height: 12px;
    width: 12px;
  }
}

.product-gallery-images__item {
  display: block;
  height: 250px;
  margin: auto;
  position: relative;
  text-align: center;
  width: 100%;
}
.product-gallery-images__item .zoomImg {
  background: #FFFFFF;
}
.is-mobile.touchevents .product-gallery-images__item:after, .is-tablet.touchevents .product-gallery-images__item:after {
  background: #FFFFFF;
  border: 1px solid #999;
  border-radius: 100%;
  color: #999;
  font-size: 1.5rem;
  height: 26px;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 26px;
}
@media (min-width: 768px) {
  .product-gallery-images__item {
    height: 400px;
  }
  .product-gallery-images__item.slick-slide {
    height: 400px;
  }
}
.product-gallery-images__item .product-gallery__image {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

.product-gallery-thumbnails {
  display: none;
}
@media (min-width: 768px) {
  .product-gallery-thumbnails {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    opacity: 0;
    overflow: hidden;
    width: calc(100% - 140px);
  }
  .product-gallery-thumbnails.slick-initialized {
    opacity: 1;
  }
  .product-gallery-thumbnails .slick-list {
    padding: 0 !important;
  }
  .product-gallery-thumbnails .slick-list,
.product-gallery-thumbnails .slick-track {
    margin: 0 auto;
  }
}

.product-gallery-thumbnails__item {
  border: 1px solid #D8D8D8;
  cursor: pointer;
  height: 100px;
  margin: 0 10px;
  max-height: 100px;
  overflow: hidden;
  width: 110px;
}
.product-gallery-thumbnails__item.slick-slide {
  border: 1px solid #D8D8D8;
  height: 85px;
}
.product-gallery-thumbnails__item.slick-current {
  border: 1px solid #0083A5;
}
.product-gallery-thumbnails__item--360 {
  position: relative;
}
.product-gallery-thumbnails__item--360:before {
  color: #fff;
  font-size: 2rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product-gallery-thumbnails__item--360:after {
  background: rgba(0, 131, 165, 0.75);
  border-radius: 100%;
  content: "";
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.product-gallery-thumbnails__item--video {
  position: relative;
}
.product-gallery-thumbnails__item--video:before {
  color: #fff;
  font-size: 3rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product-gallery-thumbnails__item--video:after {
  background: rgba(0, 131, 165, 0.75);
  border-radius: 100%;
  content: "";
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.product-gallery-thumbnails__item .product-gallery__image {
  display: block;
  height: 100%;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

.product-details {
  zoom: 1;
}
.product-details:after, .product-details:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.product-details:after {
  clear: both;
}
@media (min-width: 769px) {
  .product-details .rte li {
    margin: 0 0 7px;
  }
}

.product-details__status {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}

.product-details__status-item {
  margin: 0 0 5px;
}

.product-details__status-label--success {
  color: #48ac00;
}
.product-details__status-label--alert {
  color: #f57f23;
}
.product-details__status-label--warning {
  color: #ff0c0c;
}

.rte__product-replacement .product-replacement__quickinfo {
  font-size: 16px;
  letter-spacing: 20px;
  line-height: 26px;
}
.rte__product-replacement .product-replacement__quickinfo:before {
  content: "•";
  display: inline-block;
  position: absolute;
  color: #535A5C;
}
.rte__product-replacement .product-replacement__quickinfo p {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  letter-spacing: 0.2px;
}
.rte__product-replacement .product-replacement__quickinfo .product-replacement__quickinfo__phase {
  font-weight: bold;
  color: #535A5C;
}
.rte__product-replacement .product-replacement__quickinfo .product-replacement__quickinfo__name {
  font-weight: bold;
  font-style: italic;
  color: #0083A5;
}
.rte__product-replacement .product-replacement__quickinfo .product-replacement__quickinfo__sku-code {
  font-weight: lighter;
  font-style: italic;
  color: #535A5C;
}

.section.product-replacement__section {
  background-color: #FFFFFF;
  padding: 0;
}
@media (min-width: 1025px) {
  .section.product-replacement__section {
    background-color: #f8fbff;
  }
}

.product-replacement__overview__module--left-side {
  background-color: #1c1e24;
  padding: 40px 30px 60px;
  margin: 0 10px;
}
@media (min-width: 1025px) {
  .product-replacement__overview__module--left-side {
    padding: 70px 80px 80px;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .product-replacement__overview__module--left-side {
    padding: 60px 50px 80px;
    margin: 0 20px;
  }
}
.product-replacement__overview__module--right-side {
  background-color: #f8fbff;
  margin: 0 10px;
}
@media (min-width: 1025px) {
  .product-replacement__overview__module--right-side {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .product-replacement__overview__module--right-side {
    background-color: transparent;
    margin: 0 20px;
  }
}
.product-replacement__overview__module .product-replacement__overview__phase {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__phase {
    margin-bottom: 40px;
  }
}
.product-replacement__overview__module .product-replacement__overview__name {
  color: #F57F23;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__name {
    font-size: 30px;
    line-height: 36px;
  }
}
.product-replacement__overview__module .product-replacement__overview__sku-code {
  color: #8c97a7;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__sku-code {
    font-size: 30px;
    line-height: 36px;
  }
}
.product-replacement__overview__module .product-replacement__overview__container--left-side {
  display: none;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__container--left-side {
    display: block;
  }
}
.product-replacement__overview__module .product-replacement__overview__container--right-side {
  display: block;
  background-color: #f8fbff;
  padding: 0px 30px 60px;
}
@media (min-width: 1025px) {
  .product-replacement__overview__module .product-replacement__overview__container--right-side {
    padding: 0px 80px 80px;
  }
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__container--right-side {
    display: none;
  }
}
.product-replacement__overview__module .product-replacement__overview__description-phase {
  color: #8c97a7;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #F4F6FC;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__description-phase {
    border-bottom: 1px solid #373739;
  }
}
.product-replacement__overview__module .product-replacement__overview__description {
  color: #53555C;
  font-size: 15px;
  line-height: 25px;
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__description {
    color: #fff;
    width: 80%;
  }
}
.product-replacement__overview__module .product-replacement__overview__description ul li {
  font-size: 15px;
  line-height: 25px;
  color: #53555C;
  margin: 0;
}
@media (min-width: 768px) {
  .product-replacement__overview__module .product-replacement__overview__description ul li {
    color: #fff;
  }
}
.product-replacement__overview__module .product-replacement__overview__image .product-gallery__image {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
}

/* ==========================================================================
		PRODUCT FEATURE
=========================================================================== */
.product-feature {
  display: block;
  width: 100%;
  zoom: 1;
}
.product-feature:after, .product-feature:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.product-feature:after {
  clear: both;
}

.product-feature-images {
  float: right;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}
@media (min-width: 768px) {
  .product-feature-images {
    width: calc(100% - 396px);
  }
}
.product-feature-images.slick-initialized {
  opacity: 1;
}
.product-feature-images .slick-list,
.product-feature-images .slick-track {
  height: 100%;
}
.product-feature-images iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.product-feature-images .slick-dots {
  margin: 0;
  padding: 20px 0;
  text-align: center;
}
.product-feature-images .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
}
.product-feature-images .slick-dots li.slick-active button {
  background: #0083A5;
}
.product-feature-images .slick-dots li.video {
  margin: 0 20px 0 5px;
}
.product-feature-images .slick-dots li.video:before {
  color: #f3f3f3;
  font-size: 3rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.product-feature-images .slick-dots li.video button {
  background: 0;
  border: 0;
}
.product-feature-images .slick-dots li.video.slick-active:before {
  color: #0083A5;
}
.product-feature-images .slick-dots button {
  background: #f3f3f3;
  border-radius: 100%;
  border: 0;
  display: block;
  height: 12px;
  padding: 0;
  text-indent: -9999px;
  width: 12px;
}

.product-feature-images__item {
  height: 250px;
  transition-delay: 0.25s !important;
}
.product-feature-images__item.slick-active {
  transition-delay: 0s !important;
}
@media (min-width: 768px) {
  .product-feature-images__item {
    height: 400px;
  }
}
@media (min-width: 769px) {
  .product-feature-images__item {
    height: 600px;
  }
}
.product-feature-images__item .product-feature__image {
  display: block;
  height: 100%;
  margin: auto;
  width: auto;
}

.product-feature-details {
  display: block;
  margin: 0 20px 0 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .product-feature-details {
    float: left;
    width: 300px;
  }
}
@media (min-width: 1025px) {
  .product-feature-details {
    float: left;
    width: 376px;
  }
}
.product-feature-details.slick-initialized {
  opacity: 1;
}
.product-feature-details .slick-list {
  padding: 0 !important;
}

.product-feature-details__item {
  background: #535A5C;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
@media (min-width: 769px) {
  .product-feature-details__item {
    padding: 20px;
  }
}
.product-feature-details__item.slick-current {
  background: #474d4f;
}
.product-feature-details__item .subtitle {
  margin: 0 0 10px 0;
}

/* ==========================================================================
		PRODUCT ITEM
	 ========================================================================== */
.product-item {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
  text-align: center;
  width: 100%;
}
.product-item a {
  color: inherit;
  display: block;
  text-decoration: none;
}
.product-item a:hover {
  text-decoration: none;
}
.product-item--border {
  border: 1px solid #D8D8D8;
}
.product-item--list {
  display: block;
}

.product-item--list .product-item__image-container {
  width: 33%;
}

.product-item__details-container {
  margin: 0 10px;
  text-align: left;
}
@media (min-width: 1025px) {
  .product-item__details-container {
    margin: 0 20px;
  }
}
.product-item--list .product-item__details-container {
  flex: 1;
}

.product-item__key-info {
  flex: 1;
  width: 100%;
}
.is-IE .product-item__key-info {
  flex: 1 1 auto;
}
.product-item--list .product-item__key-info {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}

.product-item__image {
  display: inline-block;
  height: auto;
  margin: 10px;
  max-width: 100%;
  position: relative;
}
.product-item--list .product-item__image {
  text-align: center;
}
.product-item--label .product-item__image {
  display: block;
}
.product-item--label .product-item__image:after {
  background: #0083A5;
  border-radius: 100%;
  color: #fff;
  content: attr(data-text);
  display: table-cell;
  font-size: 1.6rem;
  height: 70px;
  letter-spacing: -0.3px;
  line-height: 1.5;
  padding-top: 22px;
  position: absolute;
  right: 10%;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 70px;
}
.product-item__image img {
  display: inline-block;
  height: auto;
  margin: 10px;
  max-height: 180px;
  max-width: 100%;
  width: auto;
}
.product-item--list .product-item__image img {
  max-width: 40%;
}
@media (min-width: 768px) {
  .product-item--list .product-item__image img {
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .product-item__image {
    margin: 20px;
  }
}

.product-item__tag {
  font-size: 8px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  color: #fff;
  padding: 2px 10px;
  border-radius: 13px;
  width: fit-content;
  position: absolute;
  margin-top: -15%;
}
@media (min-width: 1025px) {
  .product-item__tag {
    font-size: 10px;
    line-height: 15px;
    padding: 5px 20px;
  }
}
.product-item__tag--coming-soon {
  background-image: linear-gradient(90deg, #00a1cb 0%, #20aec3 100%);
}
.product-item__tag--new {
  background-image: linear-gradient(90deg, #00a1cb 0%, #20aec3 100%);
}
.product-item__tag--hot {
  background-image: linear-gradient(90deg, #ff0072 0%, #f8145f 100%);
}

.product-item__image-ribbon {
  font-size: 8px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  color: #fff;
  padding: 2px 10px;
  border-radius: 13px;
  width: fit-content;
}
@media (min-width: 1025px) {
  .product-item__image-ribbon {
    font-size: 10px;
    line-height: 15px;
    padding: 5px 20px;
  }
}
.product-item__image-ribbon--coming-soon {
  background-image: linear-gradient(90deg, #00a1cb 0%, #20aec3 100%);
}
.product-item__image-ribbon--new {
  background-image: linear-gradient(90deg, #00a1cb 0%, #20aec3 100%);
}
.product-item__image-ribbon--hot {
  background-image: linear-gradient(90deg, #ff0072 0%, #f8145f 100%);
}

.product-item--list.product-item--label .product-item__image:after {
  font-size: 1rem;
  height: 40px;
  padding-top: 12px;
  width: 40px;
}
@media (min-width: 768px) {
  .product-item--list.product-item--label .product-item__image:after {
    font-size: 1.6rem;
    height: 70px;
    padding-top: 22px;
    width: 70px;
  }
}

.product-item__name {
  color: #11171f;
  display: block;
  font-size: 16px;
  font-weight: 400;
  min-height: 70px;
}
@media (min-width: 1025px) {
  .product-item__name {
    font-size: 20px;
    font-weight: 400;
    min-height: 90px;
  }
}
.slider__slide--active .product-item__name {
  color: #0083A5;
}
.product-item__number {
  color: #1b9de7;
  display: inline-block;
  font-size: 14px;
  line-height: 34px;
  font-weight: 400;
  width: 100%;
}
@media (min-width: 1025px) {
  .product-item__number {
    font-size: 13px;
    line-height: 24px;
  }
}
.slider__slide--active .product-item__number {
  color: #0083A5;
}
.product-item__description {
  color: #53555c;
  display: block;
  font-size: 14px;
  line-height: 25px;
  padding: 10px 0;
  text-align: left;
  border-top: 1px solid #F4F6FC;
}
@media (min-width: 1025px) {
  .product-item__description {
    padding: 20px 0;
  }
}
.product-item__description .richtext ul {
  padding-left: 15px;
  margin: 0;
}

.product-item__list {
  border-top: 1px solid #f3f3f3;
  color: #7b7e80;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 10px 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 1025px) {
  .product-item__list {
    margin-top: 20px;
    padding: 20px 20px 0;
  }
}
.product-item__list ul {
  font-size: 1.3rem;
  list-style-type: disc;
  margin: 0;
  padding-left: 10px;
  width: auto;
}
.product-item__list ul li {
  padding-left: 10px;
}
@media (min-width: 1025px) {
  .product-item__list ul {
    padding-left: 20px;
  }
}

.product-item__compare-bar {
  display: inline-block;
  margin-top: 10px;
  text-align: left;
  width: 100%;
  padding: 0 10px;
}
.product-item__compare-bar--disabled {
  opacity: 0.3;
}
.product-item__compare-bar a, .product-item__compare-bar button {
  background: none;
  border: none;
  color: #0083A5;
  display: inline-block;
  padding: 0;
  margin-left: 0;
  text-decoration: none;
  width: auto;
}
.product-item__compare-bar a:after, .product-item__compare-bar button:after {
  font-size: 24px;
  color: #cdcccb;
  position: absolute;
  top: 10px;
  transform: translate(0, -50%) rotate(270deg);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product-item__compare-bar a:hover:after, .product-item__compare-bar button:hover:after {
  color: #0083A5;
}
@media (min-width: 1025px) {
  .product-item__compare-bar {
    margin-top: 20px;
  }
}

.product-item__compare-label {
  color: #8c97a7;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  padding-left: 25px;
  position: relative;
  user-select: none;
  width: auto;
}
.product-item__compare--active .product-item__compare-label span, .product-item__compare-label:hover span {
  border: 1px solid #0083A5;
}
.product-item__compare--active .product-item__compare-label .product-item__compare-label_heading,
.product-item__compare--active .product-item__compare-label .product-item__compare-label_count, .product-item__compare-label:hover .product-item__compare-label_heading,
.product-item__compare-label:hover .product-item__compare-label_count {
  border: none;
}
.product-item__compare--active .product-item__compare-label button, .product-item__compare-label:hover button {
  border-bottom: 1px solid #0083A5;
}
.filter__item .product-item__compare-label {
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .product-item__compare-label {
    font-size: 14px;
    padding-left: 25px;
  }
}
.product-item__compare-bar--disabled .product-item__compare-label {
  cursor: default;
}
.product-item__compare-label p {
  margin: 0;
  margin-left: 10px;
}
.product-item__compare-label span {
  background-color: transparent;
  border: 1px solid #cdcccb;
  display: inline-block;
  height: 16px;
  left: 0;
  margin-right: 15px;
  position: absolute;
  transform-origin: center;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  top: 2px;
  vertical-align: -3px;
  width: 16px;
}
.product-item__compare-bar .product-item__compare-label span {
  top: 0;
}
.product-item__compare-label span:before {
  background: #cdcccb;
  border-radius: 2px;
  content: "";
  height: 2px;
  left: 3px;
  position: absolute;
  top: 7px;
  transform: rotate(45deg);
  transform-origin: 0 0;
  transition: width 50ms ease 50ms;
  width: 0;
}
.product-item__compare-label span:after {
  background: #cdcccb;
  border-radius: 2px;
  content: "";
  height: 2px;
  left: 5px;
  position: absolute;
  top: 10px;
  transform: rotate(305deg);
  transform-origin: 0 0;
  transition: width 50ms ease;
  width: 0;
}
.product-item__compare-label .product-item__compare-label_heading {
  left: 2px;
  position: relative;
  width: auto;
  border: none;
  padding-left: 10px;
  margin-right: 20px;
  vertical-align: 0;
}
.product-item__compare-label .product-item__compare-label_count {
  position: absolute;
  right: 0;
  left: auto;
  border: none;
  margin: 0;
  vertical-align: 0;
}
.no-touchevents .product-item__compare-label:hover span:before {
  transition: width 100ms ease;
  width: 5px;
}
.no-touchevents .product-item__compare-label:hover span:after {
  transition: width 150ms ease 100ms;
  width: 10px;
}
.no-touchevents .product-item__compare-label:hover .product-item__compare-label_heading:before, .no-touchevents .product-item__compare-label:hover .product-item__compare-label_heading:after,
.no-touchevents .product-item__compare-label:hover .product-item__compare-label_count:before,
.no-touchevents .product-item__compare-label:hover .product-item__compare-label_count:after {
  content: "";
  width: 0;
  transition: none;
}
.no-touchevents .product-item__compare-bar--disabled .product-item__compare-label:hover span:before {
  width: 0;
}
.no-touchevents .product-item__compare-bar--disabled .product-item__compare-label:hover span:after {
  width: 0;
}

.product-item__checkbox {
  display: none;
}
.product-item__checkbox:checked + label span {
  background-color: #FFFFFF;
  border: 1px solid #1b9de7;
}
.product-item__checkbox:checked + label span:after {
  background: #0083A5;
  transition: width 150ms ease 100ms;
  width: 10px;
}
.product-item__checkbox:checked + label span:before {
  background: #0083A5;
  transition: width 150ms ease 100ms;
  width: 5px;
}
.product-item__checkbox:checked + label .product-item__compare-label_heading,
.product-item__checkbox:checked + label .product-item__compare-label_count {
  color: #1b9de7;
  border: none;
}
.product-item__checkbox:checked + label .product-item__compare-label_heading:after, .product-item__checkbox:checked + label .product-item__compare-label_heading:before,
.product-item__checkbox:checked + label .product-item__compare-label_count:after,
.product-item__checkbox:checked + label .product-item__compare-label_count:before {
  content: "";
  background: transparent;
}

.product-item__topbar-status p,
.product-item__bottombar-status p {
  font-size: 16px;
  line-height: 18px;
  color: #8c97a7;
  font-weight: 400;
}

.product-item__topbar-status {
  margin: 0 0 30px;
  text-align: center;
  width: 100%;
}
@media (min-width: 1025px) {
  .product-item__topbar-status {
    text-align: left;
  }
}

.product-item__bottombar-status {
  margin: 20px 0 0;
  text-align: center;
  width: 100%;
}

/* ==========================================================================
		PRODUCT SPECIFICATIONS TABLE
	 ========================================================================== */
.product-specs {
  display: block;
  width: 100%;
  zoom: 1;
}
.product-specs:after, .product-specs:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.product-specs:after {
  clear: both;
}

.product-specs__title {
  border-bottom: 1px solid #f3f3f3;
  color: #535A5C;
  font-size: 1.6rem;
  letter-spacing: -0.3px;
  line-height: 1.5;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .product-specs__title {
    font-size: 1.8rem;
    letter-spacing: -0.4px;
    line-height: 1.33;
  }
}
.section--mid .product-specs__title {
  color: #535A5C;
}
.section--dark .product-specs__title {
  border-color: #778184;
  color: #fff;
}
.section--primary .product-specs__title {
  border-color: rgba(234, 234, 234, 0.5);
  color: #fff;
}

.product-specs__list {
  display: block;
  margin: 0;
  padding: 0 0 0 50px;
  width: 100%;
  zoom: 1;
}
.product-specs__list:after, .product-specs__list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.product-specs__list:after {
  clear: both;
}
@media (min-width: 768px) {
  .product-specs__list {
    float: left;
    width: 33.3333%;
  }
}
.product-specs__list:first-of-type {
  color: #191f21;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.3px;
  line-height: 1.6;
  padding: 0;
}

.product-specs__item {
  color: #535A5C;
  font-size: 1.4rem;
  list-style: none;
  letter-spacing: -0.3px;
  line-height: 1.71;
}
.product-specs__item--heading {
  color: #535A5C;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 4;
  text-align: left;
}
@media (min-width: 768px) {
  .product-specs__item--heading {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 4;
  }
}
.product-specs__item--heading:after, .product-specs__item--heading:before {
  display: inline-block;
  font-size: 2.6rem;
  line-height: 2.4;
  margin: 0 20px 0 0;
  vertical-align: bottom;
  width: 30px;
}
.section--mid .product-specs__item {
  color: #535A5C;
}
.section--black .product-specs__item, .section--midnightblue .product-specs__item, .section--dark .product-specs__item, .section--primary .product-specs__item {
  color: #fff;
}
.product-specs__list:first-of-type .product-specs__item {
  color: #191f21;
}
.section--mid .product-specs__list:first-of-type .product-specs__item {
  color: #535A5C;
}
.section--black .product-specs__list:first-of-type .product-specs__item, .section--midnightblue .product-specs__list:first-of-type .product-specs__item, .section--dark .product-specs__list:first-of-type .product-specs__item, .section--primary .product-specs__list:first-of-type .product-specs__item {
  color: #fff;
}

/* ==========================================================================
		PROMO
	 ========================================================================== */
.promo {
  background: #EAEAEA;
  border-radius: 4px;
  height: 250px;
  position: relative;
  cursor: pointer;
  zoom: 1;
}
.promo:after, .promo:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.promo:after {
  clear: both;
}
.promo--image-background {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
}
.promo--landing-page {
  margin: 4px 0;
  margin-bottom: 0;
  background-position-y: center;
}
@media (min-width: 1200px) {
  .promo--landing-page {
    margin: 4px 2px;
  }
}
.promo--landing-page--left {
  background-position-x: right;
}
.promo--landing-page--center {
  background-position-x: center;
}
.promo--landing-page-right {
  background-position-x: left;
}
.grid__col:first-child .promo--landing-page, .item-listing__image-container:first-child .promo--landing-page, .item-listing__description-container:first-child .promo--landing-page {
  margin-left: 0;
}
.grid__col:last-child .promo--landing-page, .item-listing__image-container:last-child .promo--landing-page, .item-listing__description-container:last-child .promo--landing-page {
  margin-right: 0;
}
.promo--overlay {
  color: #fff;
}
.promo--overlay:before {
  background-color: rgba(0, 131, 165, 0.7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.promo--overlay-light:before {
  background: rgba(243, 243, 243, 0.75);
}
.promo--overlay-dark:before {
  background: rgba(83, 90, 92, 0.5);
}

.promo__content {
  height: 250px;
  padding: 20px;
  text-align: left;
  width: 100%;
  zoom: 1;
}
.promo__content:after, .promo__content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.promo__content:after {
  clear: both;
}
.promo__content--light {
  color: #fff;
}
.promo--landing-page .promo__content {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  padding: 40px;
}
.promo--landing-page--left .promo__content {
  text-align: center;
  float: none;
  width: 75%;
  margin: auto;
}
@media (min-width: 1200px) {
  .promo--landing-page--left .promo__content {
    float: right;
    width: 50%;
  }
}
.promo--landing-page--center .promo__content {
  text-align: center;
  float: none;
  width: 75%;
  margin: auto;
}
@media (min-width: 1200px) {
  .promo--landing-page--center .promo__content {
    width: 100%;
  }
}
.promo--landing-page--right .promo__content {
  text-align: center;
  float: none;
  width: 75%;
  margin: auto;
}
@media (min-width: 1200px) {
  .promo--landing-page--right .promo__content {
    float: left;
    width: 50%;
  }
}
.promo--right .promo__content {
  text-align: right;
}
.promo--centre .promo__content {
  text-align: center;
}
@media (min-width: 769px) {
  .promo__content {
    float: left;
    text-align: left;
    width: 56.6666666667%;
  }
  .promo__content--no-padding-right {
    padding-right: 0;
  }
  .promo__content--full {
    width: 100%;
  }
  .promo--right .promo__content {
    text-align: right;
  }
  .promo--centre .promo__content {
    text-align: center;
  }
}
.promo--overlay .promo__content {
  position: relative;
  z-index: 3;
}
.promo__content .heading, .promo__content .rte h1, .rte .promo__content h1, .promo__content .rte h2, .rte .promo__content h2, .promo__content .rte h3, .rte .promo__content h3, .promo__content .rte h4, .rte .promo__content h4 {
  margin-top: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}
.promo--overlay.promo--overlay-light .promo__content .heading, .promo--overlay.promo--overlay-light .promo__content .rte h1, .rte .promo--overlay.promo--overlay-light .promo__content h1, .promo--overlay.promo--overlay-light .promo__content .rte h2, .rte .promo--overlay.promo--overlay-light .promo__content h2, .promo--overlay.promo--overlay-light .promo__content .rte h3, .rte .promo--overlay.promo--overlay-light .promo__content h3, .promo--overlay.promo--overlay-light .promo__content .rte h4, .rte .promo--overlay.promo--overlay-light .promo__content h4 {
  color: #535A5C;
}
.promo__content .body-text, .promo__content .rte p, .rte .promo__content p, .promo__content .rte ol li, .rte ol .promo__content li,
.promo__content .rte ul li,
.rte ul .promo__content li, .promo__content .item-listing__subtitle, .promo__content .article-listing__subtitle, .promo__content .featured-overview__subtitle,
.promo__content .featured-overview__title {
  color: #535A5C;
  margin: 5px;
}
.promo--overlay .promo__content .body-text, .promo--overlay .promo__content .rte p, .rte .promo--overlay .promo__content p, .promo--overlay .promo__content .rte ol li, .rte ol .promo--overlay .promo__content li,
.promo--overlay .promo__content .rte ul li,
.rte ul .promo--overlay .promo__content li, .promo--overlay .promo__content .item-listing__subtitle, .promo--overlay .promo__content .article-listing__subtitle, .promo--overlay .promo__content .featured-overview__subtitle,
.promo--overlay .promo__content .featured-overview__title {
  color: #fff;
}
.promo--overlay.promo--overlay-light .promo__content .body-text, .promo--overlay.promo--overlay-light .promo__content .rte p, .rte .promo--overlay.promo--overlay-light .promo__content p, .promo--overlay.promo--overlay-light .promo__content .rte ol li, .rte ol .promo--overlay.promo--overlay-light .promo__content li,
.promo--overlay.promo--overlay-light .promo__content .rte ul li,
.rte ul .promo--overlay.promo--overlay-light .promo__content li, .promo--overlay.promo--overlay-light .promo__content .item-listing__subtitle, .promo--overlay.promo--overlay-light .promo__content .article-listing__subtitle, .promo--overlay.promo--overlay-light .promo__content .featured-overview__subtitle,
.promo--overlay.promo--overlay-light .promo__content .featured-overview__title {
  color: #535A5C;
}
.promo__content--light .body-text, .promo__content--light .rte p, .rte .promo__content--light p, .promo__content--light .rte ol li, .rte ol .promo__content--light li,
.promo__content--light .rte ul li,
.rte ul .promo__content--light li, .promo__content--light .item-listing__subtitle, .promo__content--light .article-listing__subtitle, .promo__content--light .featured-overview__subtitle,
.promo__content--light .featured-overview__title {
  color: #fff;
  margin: 5px;
}
.promo__content .button, .promo__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .promo__content button,
.promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .promo__content input[type=button],
.promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .promo__content input[type=reset],
.promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .promo__content input[type=submit], .promo__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .promo__content input[type=submit], .promo__content .sc-form input[type=submit], .sc-form .promo__content input[type=submit], .promo__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .promo__content .section-nav-in-page__link, .promo__content .notification .confirm, .notification .promo__content .confirm {
  margin: 0 0 10px;
}
.promo--overlay .promo__content .button, .promo--overlay .promo__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay .promo__content button,
.promo--overlay .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay .promo__content input[type=button],
.promo--overlay .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay .promo__content input[type=reset],
.promo--overlay .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay .promo__content input[type=submit], .promo--overlay .promo__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .promo--overlay .promo__content input[type=submit], .promo--overlay .promo__content .sc-form input[type=submit], .sc-form .promo--overlay .promo__content input[type=submit], .promo--overlay .promo__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .promo--overlay .promo__content .section-nav-in-page__link, .promo--overlay .promo__content .notification .confirm, .notification .promo--overlay .promo__content .confirm {
  color: #fff;
}
.promo--overlay.promo--overlay-light .promo__content .button, .promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code button, .newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content button,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=button],
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=reset],
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit],
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=submit], .promo--overlay.promo--overlay-light .promo__content .search-bar--submit-outset .search-bar__container input[type=submit], .search-bar--submit-outset .search-bar__container .promo--overlay.promo--overlay-light .promo__content input[type=submit], .promo--overlay.promo--overlay-light .promo__content .sc-form input[type=submit], .sc-form .promo--overlay.promo--overlay-light .promo__content input[type=submit], .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page .section-nav-in-page__link, .section-nav-in-page .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page__link, .promo--overlay.promo--overlay-light .promo__content .notification .confirm, .notification .promo--overlay.promo--overlay-light .promo__content .confirm {
  color: #535A5C;
}
.promo--overlay.promo--overlay-light .promo__content .button:after, .promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code button:after, .newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content button:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=button]:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=reset]:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=submit]:after, .promo--overlay.promo--overlay-light .promo__content .search-bar--submit-outset .search-bar__container input[type=submit]:after, .search-bar--submit-outset .search-bar__container .promo--overlay.promo--overlay-light .promo__content input[type=submit]:after, .promo--overlay.promo--overlay-light .promo__content .sc-form input[type=submit]:after, .sc-form .promo--overlay.promo--overlay-light .promo__content input[type=submit]:after, .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page .section-nav-in-page__link:after, .section-nav-in-page .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page__link:after, .promo--overlay.promo--overlay-light .promo__content .notification .confirm:after, .notification .promo--overlay.promo--overlay-light .promo__content .confirm:after {
  border-color: #535A5C;
  color: #535A5C;
}
.promo--overlay.promo--overlay-light .promo__content .button:hover:after, .promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code button:hover:after, .newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content button:hover:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=button]:hover:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=button]:hover:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=reset]:hover:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=reset]:hover:after,
.promo--overlay.promo--overlay-light .promo__content .newsletter-sign-up .newsletter-sign-up__form-code input[type=submit]:hover:after,
.newsletter-sign-up .newsletter-sign-up__form-code .promo--overlay.promo--overlay-light .promo__content input[type=submit]:hover:after, .promo--overlay.promo--overlay-light .promo__content .search-bar--submit-outset .search-bar__container input[type=submit]:hover:after, .search-bar--submit-outset .search-bar__container .promo--overlay.promo--overlay-light .promo__content input[type=submit]:hover:after, .promo--overlay.promo--overlay-light .promo__content .sc-form input[type=submit]:hover:after, .sc-form .promo--overlay.promo--overlay-light .promo__content input[type=submit]:hover:after, .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page .section-nav-in-page__link:hover:after, .section-nav-in-page .promo--overlay.promo--overlay-light .promo__content .section-nav-in-page__link:hover:after, .promo--overlay.promo--overlay-light .promo__content .notification .confirm:hover:after, .notification .promo--overlay.promo--overlay-light .promo__content .confirm:hover:after {
  color: #fff;
}
.promo--overlay .promo__content .button--tertiary {
  color: #fff;
}
.promo__content ul {
  list-style: none;
  padding: 0;
}
.promo__content ul li:before {
  display: inline-block;
  margin: 0 10px 0 0;
}

.promo__image-container {
  display: none;
}
@media (min-width: 769px) {
  .promo__image-container {
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 43.33333337%;
  }
}

.promo__image {
  display: none;
}
@media (min-width: 769px) {
  .promo__image {
    bottom: 0;
    display: block;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .promo--fit-height .promo__image {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    right: auto;
    transform: translate(0%, -50%);
    width: auto;
  }
}

/* ==========================================================================
		SEARCH BAR
	 ========================================================================== */
.language-search-container {
  align-content: flex-end;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  justify-content: flex-end;
}

.site-header .search-bar {
  background: #000000;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 40px;
  width: 100%;
  transition-duration: 0.25s;
  transition-property: height, opacity;
  transition-timing-function: ease-in-out;
  z-index: 5;
}
@media (min-width: 769px) {
  .site-header .search-bar {
    display: none;
    float: right;
    height: 40px;
    overflow: visible;
    position: relative;
    top: auto;
    width: 400px;
  }
}
.site-overlay .site-header .search-bar--active {
  height: 400px;
}
@media (min-width: 769px) {
  .site-overlay .site-header .search-bar--active {
    height: auto;
  }
}
.site-header .search-bar--active {
  height: 110px;
}
@media (min-width: 769px) {
  .site-header .search-bar--active {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
  }
}
.site-header--black .search-bar {
  background: #000000;
}
.site-header--white .search-bar, .partner-portal .site-header .search-bar {
  background: #FFFFFF;
}

.search-bar-button {
  background-image: url(https://www.dlink.com/_include/redesign/svgs/search-grey.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
  background-color: transparent;
  border: 0;
  position: absolute;
  display: inline-block;
  width: 55px;
  height: 55px;
  top: 0;
  right: 80px;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .search-bar-button {
    right: 75px;
  }
}
@media (min-width: 769px) {
  .search-bar-button {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0;
    right: auto;
  }
}
.search-bar-button .no-flexbox {
  position: static;
}
.search-bar-button--active {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: block;
  height: 55px;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
}
.search-bar-button--active:after, .search-bar-button--active:before {
  top: 24px;
  border-radius: 2px;
  content: "";
  cursor: pointer;
  display: block;
  height: 2px;
  position: absolute;
  width: 22px;
  transition: all 0.25s ease;
}
.site-header .search-bar-button--active:after, .site-header .search-bar-button--active:before {
  background: #fff;
}
.site-header--white .search-bar-button--active:after, .partner-portal .site-header .search-bar-button--active:after, .site-header--white .search-bar-button--active:before, .partner-portal .site-header .search-bar-button--active:before {
  background: #191f21;
}
@media (min-width: 769px) {
  .search-bar-button--active:after, .search-bar-button--active:before {
    width: 26px;
  }
}
.search-bar-button--active:before {
  transform: rotate(45deg);
  color: #fff;
}
.search-bar-button--active:after {
  transform: rotate(-45deg);
  color: #fff;
}
.site-header .search-bar-button--active {
  position: absolute;
  width: 100%;
  background: #000000;
}
@media (min-width: 769px) {
  .site-header .search-bar-button--active {
    position: relative !important;
    z-index: 10;
    width: auto;
    height: auto;
    right: 0;
    margin: 0 -40px;
  }
}
.site-header--white .search-bar-button--active, .partner-portal .site-header .search-bar-button--active {
  background: #FFFFFF;
}
.site-header .search-bar-button {
  position: absolute;
}
@media (min-width: 769px) {
  .site-header .search-bar-button {
    position: relative;
  }
}

.search-bar__container {
  background: 0;
  padding: 0 10px;
  position: relative;
  top: 0;
  height: 100%;
  transition-duration: 0.25s;
  transition-property: height, opacity;
  transition-timing-function: ease-in-out;
  width: 100%;
  z-index: 5;
}
.search-bar__container form {
  zoom: 1;
}
.search-bar__container form:after, .search-bar__container form:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.search-bar__container form:after {
  clear: both;
}
.site-overlay .search-bar__container {
  z-index: 6;
}
@media (min-width: 769px) {
  .search-bar__container {
    top: 0;
  }
}
@media (min-width: 1200px) {
  .search-bar__container {
    opacity: 1;
    overflow: visible;
    padding: 0;
    top: auto;
  }
}
.site-header .search-bar__container {
  padding: 30px 20px;
}
@media (min-width: 769px) {
  .site-header .search-bar__container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
  }
}
.site-header .search-bar__container form {
  align-content: stretch;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}
@media (min-width: 769px) {
  .site-header .search-bar__container form {
    width: auto;
    margin: auto;
    padding-left: 40px;
  }
}
.search-bar__container input[type=submit] {
  position: absolute;
  top: 27px;
  right: 20px;
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  background-image: url(https://www.dlink.com/_include/redesign/svgs/search-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .search-bar__container input[type=submit] {
    top: 30px;
  }
}
@media (min-width: 769px) {
  .search-bar__container input[type=submit] {
    top: 45px;
  }
}
.site-header .search-bar__container input[type=submit] {
  top: 27px;
}
@media (min-width: 769px) {
  .site-header .search-bar__container input[type=submit] {
    position: relative;
    right: 100%;
    top: 0;
    padding: 0 20px;
  }
}
.search-bar--no-filter .search-bar__container input[type=submit] {
  color: transparent;
  font-size: 16px;
  top: 0;
  right: 10px;
  width: 37px;
  height: 37px;
  background-color: #FFFFFF;
  background-image: url(https://www.dlink.com/_include/redesign/svgs/search.svg);
}
.search-bar--submit-outset .search-bar__container input[type=submit] {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  left: auto;
  position: relative;
  right: auto;
  top: auto;
  width: auto;
}

.search-bar__logo {
  display: none;
}
@media (min-width: 769px) {
  .search-bar__logo {
    display: inline-block;
    float: left;
  }
}

.search-bar__filter,
.search-bar__input {
  float: left;
  height: 36px;
  margin: 0;
}
@media (min-width: 768px) {
  .search-bar__filter,
.search-bar__input {
    height: 46px;
  }
}
@media (min-width: 1200px) {
  .search-bar__filter,
.search-bar__input {
    height: 36px;
    margin: 0;
  }
}

.search-bar__filter {
  background: #FFFFFF;
  height: 50px;
  border-radius: 0;
  border-width: 0;
  color: #191f21;
  padding: 0 5px;
  position: relative;
  display: none;
}
.appearance .search-bar__filter:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #535A5C;
  color: #535A5C;
  content: "";
  display: block;
  font-size: 1em;
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  z-index: 2;
}
.search-bar__filter select {
  appearance: none;
  background: transparent;
  border: none;
  height: 100%;
  width: 100%;
}
.appearance .search-bar__filter select {
  padding: 0 15px 0 10px;
}

.search-bar__input {
  border-radius: 0;
  border-width: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  flex: 1;
  padding: 10px 0;
  width: auto;
  height: 45px;
  background: #000000;
}
@media (min-width: 768px) {
  .search-bar__input {
    width: auto;
  }
  .simple-hero__search--advanced .search-bar__input {
    float: left;
    margin: 0 0 20px 20px;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .search-bar__input {
    width: auto;
    border: 0;
  }
  .simple-hero__search--advanced .search-bar__input {
    float: left;
    margin: 0 0 20px 20px;
    width: auto;
  }
}
.simple-hero__search--advanced .search-bar__input {
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .simple-hero__search--advanced .search-bar__input {
    margin: 0 0 20px 20px;
    width: auto;
  }
}
.search-bar--no-filter .search-bar__input {
  border-radius: 0;
  border-width: 0;
  padding-left: 10px;
  padding-right: 35px;
  margin-bottom: 5px;
  width: 100%;
  height: auto;
  color: #191f21;
  background-color: #FFFFFF;
}
.search-bar--no-filter .search-bar__input--border {
  border-width: 1px;
}
.simple-hero__search--advanced .search-bar--no-filter .search-bar__input {
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .simple-hero__search--advanced .search-bar--no-filter .search-bar__input {
    margin: 0 0 20px 20px;
    width: auto;
  }
}
.search-bar__input--border {
  border-color: #cdcccb;
  border-style: solid;
  border-width: 1px;
}
.simple-hero__search--advanced .search-bar--no-filter .search-bar__input--contact {
  width: 100%;
}

.search-bar--no-filter .search-bar__input::-webkit-input-placeholder {
  font-size: 14px;
}

.search-bar--no-filter .search-bar__input::-ms-input-placeholder {
  font-size: 14px;
}

.search-bar--no-filter .search-bar__input::placeholder {
  font-size: 14px;
}

.search-bar__input::-webkit-input-placeholder {
  color: #bbc1cf;
  font-size: 16px;
  line-height: 26px;
}

.search-bar__input::-ms-input-placeholder {
  color: #bbc1cf;
  font-size: 16px;
  line-height: 26px;
}

.search-bar__input::placeholder {
  color: #bbc1cf;
  font-size: 16px;
  line-height: 26px;
}

.resource-centre-search-bar .search-bar--no-filter .search-bar__input {
  width: 100%;
  border-radius: 25px;
  padding-left: 15px;
  padding-right: 50px;
  display: none;
}
@media (min-width: 768px) {
  .resource-centre-search-bar .search-bar--no-filter .search-bar__input {
    font-size: 20px;
    line-height: 28px;
    display: block;
    padding-left: 25px;
  }
}
.resource-centre-search-bar .search-bar--no-filter .search-bar__input.visible-sm {
  display: block;
}
@media (min-width: 768px) {
  .resource-centre-search-bar .search-bar--no-filter .search-bar__input.visible-sm {
    display: none;
  }
}
@media (min-width: 768px) {
  .resource-centre-search-bar .search-bar--no-filter .search-bar__input::placeholder {
    font-size: 20px;
    line-height: 28px;
  }
}
.resource-centre-search-bar .search-bar--no-filter .search-bar__container input[type=submit] {
  background-image: url(https://www.dlink.com/_include/redesign/svgs/search-blue.svg);
  right: 15px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .resource-centre-search-bar .search-bar--no-filter .search-bar__container input[type=submit] {
    right: 25px;
    margin: 5px 0;
  }
}

/* ==========================================================================
		SECONDARY NAV
	 ========================================================================== */
.secondary-nav {
  background: #FFFFFF;
  border-bottom: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
  display: none;
  transform: translate(0, 0px);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  zoom: 1;
}
.secondary-nav:after, .secondary-nav:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.secondary-nav:after {
  clear: both;
}
@media (min-width: 769px) {
  .secondary-nav {
    display: block;
  }
}
.secondary-nav--fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}
.secondary-nav--offset {
  transform: translateY(65px);
}
.secondary-nav .jumplinks {
  border: 0;
  float: right;
  width: 100%;
}
@media (min-width: 769px) {
  .secondary-nav .jumplinks {
    width: 50%;
  }
}
.secondary-nav .jumplinks__list {
  text-align: right;
}
.secondary-nav .breadcrumbs {
  border: 0;
  float: left;
  width: 100%;
}
@media (min-width: 769px) {
  .secondary-nav .breadcrumbs {
    width: 50%;
  }
}
.secondary-nav .breadcrumbs__list {
  border: 0;
  padding: 5px 20px 6px;
}

/* ==========================================================================
		SHARE
	 ========================================================================== */
.share {
  color: #535A5C;
  letter-spacing: -0.3px;
  line-height: 1.7;
  text-align: center;
}
.share .heading--tertiary, .share .rte h3, .rte .share h3 {
  color: #191f21;
  letter-spacing: -0.7px;
}
.section--primary .share .heading--tertiary, .section--primary .share .rte h3, .rte .section--primary .share h3, .section--dark .share .heading--tertiary, .section--dark .share .rte h3, .rte .section--dark .share h3 {
  color: inherit;
}
.section--primary .share, .section--dark .share {
  color: inherit;
}

.share__quote {
  color: #191f21;
  font-size: 1.8rem;
  letter-spacing: -0.4px;
  padding: 10px 0;
}
.section--primary .share__quote, .section--dark .share__quote {
  color: inherit;
}
@media (min-width: 421px) {
  .share__quote {
    padding: 20px 0;
  }
}

ul.share__list {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
ul.share__list:after, ul.share__list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
ul.share__list:after {
  clear: both;
}
ul.share__list li {
  display: inline-block;
  float: left;
  margin: 0 12px;
}
ul.share__list button,
ul.share__list a {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
ul.share__list button:after, ul.share__list button:before,
ul.share__list a:after,
ul.share__list a:before {
  font-size: 2.5rem;
}
ul.share__list button.share__facebook,
ul.share__list a.share__facebook {
  position: relative;
}
ul.share__list button.share__facebook:before,
ul.share__list a.share__facebook:before {
  background: #FFFFFF;
  content: "";
  height: 96%;
  left: 3%;
  position: absolute;
  top: 0;
  width: 94%;
  z-index: 1;
}
ul.share__list button.share__facebook:after,
ul.share__list a.share__facebook:after {
  color: #3b5998;
  position: relative;
  z-index: 3;
}
ul.share__list button.share__twitter:after,
ul.share__list a.share__twitter:after {
  color: #00aced;
}

/* ==========================================================================
		SIMPLE HERO
========================================================================== */
.simple-hero {
  height: auto;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .simple-hero {
    height: 368px;
  }
  .simple-hero--large {
    height: 600px;
  }
  .simple-hero--normal {
    height: 368px;
  }
  .simple-hero--small {
    height: 250px;
  }
}

.simple-hero__image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.simple-hero--contain .simple-hero__image {
  background-size: auto 100%;
}

.simple-hero__overlay {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.simple-hero--primary .simple-hero__overlay {
  background: rgba(0, 131, 165, 0.9);
}
.simple-hero--dark .simple-hero__overlay {
  background: rgba(83, 90, 92, 0.5);
}
.simple-hero--black .simple-hero__overlay {
  background: rgba(0, 0, 0, 0.5);
}
.simple-hero--midnightblue .simple-hero__overlay {
  background: rgba(23, 38, 100, 0.5);
}
.simple-hero__overlay--light {
  background: rgba(243, 243, 243, 0.75);
}
.simple-hero__overlay--primary {
  background: rgba(0, 131, 165, 0.9);
}
.simple-hero__overlay--dark {
  background: rgba(0, 0, 0, 0.3);
}
.simple-hero__overlay--mid {
  background: rgba(150, 150, 150, 0.5);
}
.simple-hero__overlay--black {
  background: rgba(0, 0, 0, 0.3);
}
.simple-hero__overlay--midnightblue {
  background: rgba(23, 38, 100, 0.3);
}

.simple-hero__content {
  color: #191f21;
  padding: 60px 20px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .simple-hero__content {
    left: 50%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.site-overlay .simple-hero__content {
  z-index: 6;
}
.simple-hero__content--align-left {
  text-align: left;
}
.simple-hero__content--align-center {
  text-align: center;
}
.simple-hero__content--align-right {
  text-align: right;
}
.simple-hero__content--light {
  color: #fff;
}
.simple-hero--black .simple-hero__content, .simple-hero--midnightblue .simple-hero__content, .simple-hero--dark .simple-hero__content, .simple-hero--primary .simple-hero__content {
  color: #fff;
}
.simple-hero__content .heading, .simple-hero__content .rte h1, .rte .simple-hero__content h1, .simple-hero__content .rte h2, .rte .simple-hero__content h2, .simple-hero__content .rte h3, .rte .simple-hero__content h3, .simple-hero__content .rte h4, .rte .simple-hero__content h4 {
  margin: 0;
}
.simple-hero__content small {
  line-height: 0.5;
}
.simple-hero__content li {
  list-style: none;
}

.simple-hero__search {
  float: none;
  margin: 40px auto 20px;
  position: relative;
  width: 100%;
  z-index: 4;
  zoom: 1;
}
.simple-hero__search--advanced {
  display: inline-block;
  text-align: center;
  width: auto;
}
.simple-hero__search:after, .simple-hero__search:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.simple-hero__search:after {
  clear: both;
}
@media (min-width: 768px) {
  .simple-hero__search {
    margin: 40px 0 0;
    width: 400px;
  }
  .simple-hero__search--advanced {
    display: inline-block;
    width: auto;
  }
  .simple-hero__content--align-left .simple-hero__search {
    float: left;
  }
  .simple-hero__content--align-center .simple-hero__search {
    float: none;
    margin: 20px auto;
  }
  .simple-hero__content--align-right .simple-hero__search {
    float: right;
  }
}
.simple-hero__search .search-bar-button {
  display: none;
}
.simple-hero__search .search-bar__container:after {
  top: 10px;
}
@media (min-width: 768px) {
  .simple-hero__search .search-bar__container:after {
    top: 15px;
  }
}
@media (min-width: 1200px) {
  .simple-hero__search .search-bar__container:after {
    top: 10px;
  }
}

.simple-hero.resource-centre-search-bar .simple-hero__content .heading, .simple-hero.resource-centre-search-bar .simple-hero__content .rte h1, .rte .simple-hero.resource-centre-search-bar .simple-hero__content h1, .simple-hero.resource-centre-search-bar .simple-hero__content .rte h2, .rte .simple-hero.resource-centre-search-bar .simple-hero__content h2, .simple-hero.resource-centre-search-bar .simple-hero__content .rte h3, .rte .simple-hero.resource-centre-search-bar .simple-hero__content h3, .simple-hero.resource-centre-search-bar .simple-hero__content .rte h4, .rte .simple-hero.resource-centre-search-bar .simple-hero__content h4 {
  font-size: 41px;
  line-height: 48px;
  font-weight: 300;
}

/* ==========================================================================
		SLIDER
	 ========================================================================== */
.slider-wrapper {
  display: block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
}
.is-mobile .slider-wrapper, .is-tablet .slider-wrapper {
  overflow-x: auto;
  position: relative;
  width: auto;
}
.slider-wrapper--article-slider {
  position: relative;
}
.slider-wrapper--hero-slider, .slider-wrapper--content-slider {
  background: #FFFFFF;
  position: relative;
  z-index: 3;
}
.slider-wrapper--hero-slider .slick-list, .slider-wrapper--content-slider .slick-list {
  overflow: visible;
}
.slider-wrapper--hero-slider .module, .slider-wrapper--content-slider .module {
  margin: 0;
  padding: 0;
}
.slider-wrapper--hero-slider .slick-slider, .slider-wrapper--content-slider .slick-slider {
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slider-wrapper--hero-slider .slick-slider.slick-initialized, .slider-wrapper--content-slider .slick-slider.slick-initialized {
  opacity: 1;
}
.slider-wrapper--hero-slider .slider .slick-prev, .slider-wrapper--content-slider .slider .slick-prev {
  left: 20px;
}
.slider-wrapper--hero-slider .slider .slick-next, .slider-wrapper--content-slider .slider .slick-next {
  right: 20px;
}
.is-mobile .slider-wrapper--hero-slider .slider__slide, .is-tablet .slider-wrapper--hero-slider .slider__slide, .is-mobile .slider-wrapper--content-slider .slider__slide, .is-tablet .slider-wrapper--content-slider .slider__slide {
  width: 100vw;
}
@media (min-width: 768px) {
  .is-mobile .slider-wrapper--hero-slider .slider__slide, .is-tablet .slider-wrapper--hero-slider .slider__slide, .is-mobile .slider-wrapper--content-slider .slider__slide, .is-tablet .slider-wrapper--content-slider .slider__slide {
    width: 100vw;
  }
}
.slider-wrapper--hero-slider .slider__slide--mid, .slider-wrapper--content-slider .slider__slide--mid {
  background: #f3f3f3;
}
.slider-wrapper--hero-slider .slider__slide--dark, .slider-wrapper--content-slider .slider__slide--dark {
  background: #535A5C;
}
.slider-wrapper--hero-slider .slider__slide--primary, .slider-wrapper--content-slider .slider__slide--primary {
  background: #0083A5;
}
.slider-wrapper--hero-slider .slider__slide--black, .slider-wrapper--content-slider .slider__slide--black {
  background: #000000;
}
.slider-wrapper--hero-slider .slider__slide--midnightblue, .slider-wrapper--content-slider .slider__slide--midnightblue {
  background: #172664;
}
.slider-wrapper--hero-slider {
  z-index: auto;
}
.slider-wrapper--content-slider {
  height: 100%;
}
.slider-wrapper--content-slider .slick-slider {
  height: 100%;
  overflow: hidden;
}
.slider-wrapper--content-slider .slick-slider .slick-list,
.slider-wrapper--content-slider .slick-slider .slick-track {
  height: 100%;
}
.is-mobile .slider-wrapper--content-slider .slick-slider .slider__slide, .is-tablet .slider-wrapper--content-slider .slick-slider .slider__slide {
  width: auto;
}
@media (min-width: 768px) {
  .is-mobile .slider-wrapper--content-slider .slick-slider .slider__slide, .is-tablet .slider-wrapper--content-slider .slick-slider .slider__slide {
    width: auto;
  }
}
.slider-wrapper--progress-slider {
  background: #f8fbff;
  padding: 40px 40px 35px 40px;
  position: relative;
}

div[data-slick].slider {
  background: #FFFFFF;
  opacity: 0;
  position: relative;
  text-align: center;
  transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  visibility: visible;
  width: calc(100% + 1px);
}
div[data-slick].slider .slick-dots {
  top: 100%;
}
.filter div[data-slick].slider {
  background: transparent;
  color: #0083A5;
}
.is-mobile div[data-slick].slider, .is-tablet div[data-slick].slider {
  display: table;
  opacity: 1;
  table-layout: fixed;
  width: 100%;
}
div[data-slick].slider--collapsed {
  height: 0;
  visibility: hidden;
  z-index: -10;
}
div[data-slick].slider--collapsed .slick-prev,
div[data-slick].slider--collapsed .slick-next {
  display: none;
}
.is-mobile div[data-slick].slider--collapsed, .is-tablet div[data-slick].slider--collapsed {
  display: none;
}
div[data-slick].slider.slick-initialized {
  opacity: 1;
}
div[data-slick].slider--border-inner, div[data-slick].slider--border-outer {
  border: 1px solid #EAEAEA;
}
div[data-slick].slider--border-inner .slider__slide {
  border: none;
  height: auto;
  width: calc(100% + 1px);
}
.is-mobile div[data-slick].slider--border-inner .slider__slide, .is-tablet div[data-slick].slider--border-inner .slider__slide {
  display: table-cell;
  width: 80vw;
}
@media (min-width: 768px) {
  .is-mobile div[data-slick].slider--border-inner .slider__slide, .is-tablet div[data-slick].slider--border-inner .slider__slide {
    width: 40vw;
  }
}
div[data-slick].slider--border-inner .slider__slide--active:after {
  border: 1px solid #0083A5;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
@media (min-width: 421px) {
  div[data-slick].slider--border-inner .slider__slide--active:after {
    left: 1px;
    width: calc(100% - 2px);
  }
}
@media (min-width: 421px) {
  div[data-slick].slider--border-inner .slider__slide {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    margin-left: -1px;
  }
}
div[data-slick].slider--dot-nav {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  div[data-slick].slider--dot-nav {
    margin-bottom: 60px;
  }
}
div[data-slick].slider .slick-track {
  display: block;
}
.flexbox div[data-slick].slider .slick-track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: stretch;
}
div[data-slick].slider .slick-prev,
div[data-slick].slider .slick-next {
  background: #FFFFFF;
  border: solid 1px #cdcccb;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 26px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 25px;
  z-index: 2;
}
.filter div[data-slick].slider .slick-prev,
.filter div[data-slick].slider .slick-next {
  top: 50px;
  transform: translateY(0);
}
@media (min-width: 1280px) {
  div[data-slick].slider .slick-prev,
div[data-slick].slider .slick-next {
    height: 46px;
    width: 45px;
  }
}
div[data-slick].slider .slick-prev:hover,
div[data-slick].slider .slick-next:hover {
  border-color: #0083A5;
}
div[data-slick].slider .slick-prev:hover:before,
div[data-slick].slider .slick-next:hover:before {
  color: #0083A5;
}
div[data-slick].slider .slick-prev:before,
div[data-slick].slider .slick-next:before {
  color: #cdcccb;
  font-size: 1rem;
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 1280px) {
  div[data-slick].slider .slick-prev:before,
div[data-slick].slider .slick-next:before {
    font-size: 1.8rem;
  }
}
div[data-slick].slider .slick-prev.slick-disabled,
div[data-slick].slider .slick-next.slick-disabled {
  display: none !important;
}
div[data-slick].slider .slick-prev {
  left: -10px;
  right: auto;
}
@media (min-width: 1280px) {
  div[data-slick].slider .slick-prev {
    left: -23px;
  }
}
div[data-slick].slider .slick-next {
  left: auto;
  right: -10px;
}
@media (min-width: 1280px) {
  div[data-slick].slider .slick-next {
    right: -23px;
  }
}
.slider-wrapper--article-slider .slick-next,
.slider-wrapper--article-slider .slick-prev {
  background: #00a1cb;
  border: 0;
  color: #fff;
  display: inline-block;
  left: 0;
  margin: 0;
  padding: 10px 20px;
  position: absolute;
  top: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .slider-wrapper--article-slider .slick-next,
.slider-wrapper--article-slider .slick-prev {
    bottom: 0;
    top: auto;
  }
}
.slider-wrapper--article-slider .slick-next.slick-disabled,
.slider-wrapper--article-slider .slick-prev.slick-disabled {
  opacity: 0.5;
}

.slider-wrapper--article-slider .slick-next {
  left: auto;
  right: 0;
}

.slider__slide {
  outline: none;
  position: relative;
}
.is-mobile .slider__slide, .is-tablet .slider__slide {
  display: table-cell;
  width: 80vw;
}
@media (min-width: 768px) {
  .is-mobile .slider__slide, .is-tablet .slider__slide {
    width: 40vw;
  }
}
.filter .slider__slide {
  padding: 0;
  text-align: left;
}
.slider__slide:focus {
  outline: none;
}

div[data-slick] .slick-dots {
  padding: 0;
  text-align: center;
  position: absolute;
  top: auto;
  bottom: 14px;
  right: auto;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 15px;
  width: 100%;
  float: none;
  max-width: 100%;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  div[data-slick] .slick-dots {
    display: block;
    bottom: 15px;
    left: 50%;
    max-width: 1200px;
    margin-left: -600px;
  }
}
div[data-slick] .slick-dots li {
  margin: 0;
  margin-right: 10px;
}
div[data-slick] .slick-dots li:hover {
  cursor: pointer;
}
div[data-slick] .slick-dots li:last-child() {
  margin-right: -10px;
}
div[data-slick] .slick-dots li:first-child:nth-last-child(1) {
  width: calc(100% - 10px);
}
div[data-slick] .slick-dots li:first-child:nth-last-child(2), div[data-slick] .slick-dots li:first-child:nth-last-child(2) ~ li {
  width: calc(50% - 10px);
}
div[data-slick] .slick-dots li:first-child:nth-last-child(3), div[data-slick] .slick-dots lili:first-child:nth-last-child(3) ~ li {
  width: calc(33.3333% - 10px);
}
div[data-slick] .slick-dots li:first-child:nth-last-child(4), div[data-slick] .slick-dots li:first-child:nth-last-child(4) ~ li {
  width: calc(25% - 10px);
}
div[data-slick] .slick-dots li:first-child:nth-last-child(5), div[data-slick] .slick-dots li:first-child:nth-last-child(5) ~ li {
  width: calc(20% - 10px);
}
div[data-slick] .slick-dots li:first-child:nth-last-child(6), div[data-slick] .slick-dots li:first-child:nth-last-child(6) ~ li {
  width: calc(16.6666% - 10px);
}
@media (min-width: 769px) {
  div[data-slick] .slick-dots li {
    display: inline-block;
    width: auto !important;
  }
}
div[data-slick] .slick-dots li.slick-active button {
  background: #454545;
  border: 0;
}
div[data-slick] .slick-dots li.progress-active button {
  background: #FFFFFF;
  border: 0;
}
div[data-slick] .slick-dots button {
  background: #cdcccb;
  border: 0;
  font-size: 0;
  height: 5px;
  margin: 0;
  padding: 0;
  width: 100%;
  border-radius: 0;
}
@media (min-width: 769px) {
  div[data-slick] .slick-dots button {
    height: 2px;
    width: 100px;
  }
}
div[data-slick] .slick-dots button:hover {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.slider-wrapper--progress-slider div[data-slick] .slick-dots {
  align-content: stretch;
  align-items: stretch;
  bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  left: 50%;
  margin: 20px 0 0;
  padding: 0;
  position: absolute;
  top: auto;
  transform: translateX(-50%);
  width: 100%;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots::before {
  background: #d2e1f5;
  content: " ";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots button {
  position: relative;
  z-index: 10;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.slick-active button {
  border: none;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li {
  display: block;
  flex: 1 1 auto;
  margin: 0;
  position: relative;
  text-align: center;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li:first-child {
  text-align: left;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li:last-child {
  text-align: right;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.progress-active button {
  border: none;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.progress-active::before {
  background: #0083A5;
  content: " ";
  height: 2px;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 100%;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.progress-active:first-child::before {
  display: none;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.progress-active:nth-child(2)::before {
  width: 150%;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.progress-active:last-child::before {
  right: 0;
  width: 150%;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots li.slick-active button {
  background: #0083A5;
  border: none;
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots button {
  background: #d2e1f5;
  border: none;
  color: #fff;
  font-size: 1rem;
  height: 7px;
  margin: 0;
  padding: 0;
  width: 100%;
  border-radius: 0;
}
@media (min-width: 769px) {
  .slider-wrapper--progress-slider div[data-slick] .slick-dots button {
    height: 2px;
    width: 125px;
  }
}
.slider-wrapper--progress-slider div[data-slick] .slick-dots button:hover {
  border: none;
}
@media (min-width: 768px) {
  .slider-wrapper--progress-slider div[data-slick] .slick-dots {
    margin: 40px 0 0;
  }
}

/* Pause/Play buttons */
.slider-animation-button {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  bottom: 10px;
  right: 15px;
  cursor: pointer;
}
.slider-animation-button--pause {
  background-image: url(https://www.dlink.com/_include/redesign/svgs/pause.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  background-color: transparent;
  border: 0;
}
.slider-animation-button--play {
  width: 20px;
  height: 18px;
  bottom: 16px;
  border-top: 8px solid transparent;
  border-left: 12px solid #cdcccb;
  border-bottom: 8px solid transparent;
}

/* ==========================================================================
		SLIDER LATEST NEWS
	 ========================================================================== */
.section.section--latest-news .section-title .heading--tertiary, .section.section--latest-news .section-title .rte h3, .rte .section.section--latest-news .section-title h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}
.section.section--latest-news .section-title a {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #1b9de7;
  text-decoration: none;
}
.section.section--latest-news .section-title a:after {
  content: "❯";
  font-size: 18px;
  padding-left: 10px;
  color: inherit;
}

.is-mobile .slider__slide-latest-news.slider__slide, .is-tablet .slider__slide-latest-news.slider__slide {
  display: block;
  width: 100%;
}

@media (min-width: 769px) {
  .slick-slider-latest-news.slick-slider .slick-track {
    width: auto !important;
  }
}

.latest-news {
  height: calc(100% - 4px);
  position: relative;
  cursor: pointer;
  margin: 4px 0 0;
  overflow: hidden;
  zoom: 1;
}
.latest-news:after, .latest-news:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.latest-news:after {
  clear: both;
}
.latest-news.left {
  margin-left: 0;
}
@media (min-width: 769px) {
  .latest-news.left {
    margin-right: 2px;
  }
}
.latest-news.right {
  margin-left: 0;
}
@media (min-width: 769px) {
  .latest-news.right {
    margin-left: 2px;
  }
}
.latest-news.center {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 769px) {
  .latest-news.center {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.latest-news--image-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: top;
  background-position-x: center;
  border-radius: 0;
  height: 400px;
  width: 100%;
}
.latest-news--image-background--left {
  background-position-x: center;
}
@media (min-width: 769px) {
  .latest-news--image-background--left {
    background-position-x: right;
  }
}
.latest-news--image-background--right {
  background-position-x: center;
}
@media (min-width: 769px) {
  .latest-news--image-background--right {
    background-position-x: left;
  }
}
.latest-news__container {
  max-width: 600px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: flex-start;
  padding-top: 0;
}
.latest-news__container--center {
  margin: auto;
}
.latest-news__container--left {
  margin: auto;
}
@media (min-width: 769px) {
  .latest-news__container--left {
    margin: 0;
    margin-left: auto;
  }
}
.latest-news__container--right {
  margin: auto;
}
@media (min-width: 769px) {
  .latest-news__container--right {
    margin: 0;
    margin-right: auto;
  }
}

.latest-news__content {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 0 20px;
  height: auto;
  float: none;
  width: 75%;
  height: 300px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  zoom: 1;
}
.latest-news__content:after, .latest-news__content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.latest-news__content:after {
  clear: both;
}
@media (min-width: 1025px) {
  .latest-news__content {
    float: left;
    text-align: left;
    width: 50%;
    padding: 0 40px;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .latest-news__content {
    width: 60%;
  }
}
.latest-news__content--light {
  color: #fff;
}
.latest-news__content--align-center {
  text-align: center;
}
.latest-news__container--left .latest-news__content--align-center {
  margin-left: auto;
}
@media (min-width: 769px) {
  .latest-news__container--left .latest-news__content--align-center {
    margin-left: auto;
    margin-right: 0;
    float: right;
  }
}
@media (min-width: 769px) {
  .latest-news__container--left .latest-news__content {
    padding-left: 0;
  }
}
@media (min-width: 769px) {
  .latest-news__container--center .latest-news__content {
    width: 100%;
  }
}
.latest-news--left .latest-news__content {
  text-align: left;
  float: none;
  width: 100%;
  margin: auto;
  padding: 20px;
}
@media (min-width: 769px) {
  .latest-news--left .latest-news__content {
    float: left;
    width: 60%;
  }
}
.latest-news--right .latest-news__content {
  text-align: left;
  float: none;
  width: 100%;
  margin: auto;
  padding: 20px;
}
@media (min-width: 769px) {
  .latest-news--right .latest-news__content {
    float: left;
    width: 60%;
  }
}
.latest-news__content .latest-news__tag {
  font-size: 14px;
  font-weight: 400;
  color: #1b9de7;
}
.latest-news__content .latest-news__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding: 10px 0;
}
.latest-news__content--light .latest-news__title {
  color: #fff;
}
.latest-news__content .latest-news__link {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #1b9de7;
  text-decoration: none;
  padding-top: 10px;
}
.latest-news__content .latest-news__link:hover {
  color: #00caff;
}
.latest-news__content .latest-news__link:after {
  content: "❯";
  font-size: 14px;
  padding-left: 10px;
  color: inherit;
}

/* ==========================================================================
		Social Callout
========================================================================== */
.social-callout {
  zoom: 1;
}
.social-callout:after, .social-callout:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.social-callout:after {
  clear: both;
}

.social-callout__heading {
  color: #0083A5;
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: -0.4px;
  line-height: 1.33;
  margin: 0 0 10px;
  text-decoration: none;
}
.social-callout__heading:before {
  margin: 0 10px 0 0;
}
.section--black .social-callout__heading, .section--midnightblue .social-callout__heading, .section--dark .social-callout__heading, .section--primary .social-callout__heading {
  color: #fff;
}

.social-callout__image-container {
  align-items: center;
  align-content: center;
  display: flex;
  justify-content: center;
  height: 200px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.social-callout__image-container--video {
  position: relative;
}
.social-callout__image-container--video a {
  text-decoration: none;
}
.social-callout__image-container--video a:before {
  background: #191f21;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 2;
}
.social-callout__image-container--video a:hover:before {
  opacity: 0;
}
.social-callout__image-container--video a:after {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  border: solid 1px #FFFFFF;
  color: #fff;
  height: 30px;
  left: 50%;
  padding: 7px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  z-index: 3;
}
@media (min-width: 769px) {
  .social-callout__image-container--video a:after {
    font-size: 2.6rem;
    height: 60px;
    line-height: 1.3;
    padding: 12px;
    width: 60px;
  }
}

.social-callout__image {
  display: inline-block;
  max-height: 200px;
  max-width: 100%;
  width: auto;
}
.social-callout__image--icon {
  display: block;
  margin: auto;
  width: 50px;
}

.social-callout__content {
  color: #535A5C;
  height: 100%;
  padding: 20px 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  .social-callout__content {
    padding: 20px 0 0;
  }
}
.social-callout__content .heading, .social-callout__content .rte h1, .rte .social-callout__content h1, .social-callout__content .rte h2, .rte .social-callout__content h2, .social-callout__content .rte h3, .rte .social-callout__content h3, .social-callout__content .rte h4, .rte .social-callout__content h4 {
  margin: 0;
}
.section--black .social-callout__content, .section--midnightblue .social-callout__content, .section--dark .social-callout__content, .section--primary .social-callout__content {
  color: #fff;
}

/* ==========================================================================
		SOCIAL LIST
	 ========================================================================== */
.social-list {
  display: flex;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
  zoom: 1;
}
.social-list:after, .social-list:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.social-list:after {
  clear: both;
}
@media (min-width: 768px) {
  .social-list {
    display: block;
    padding: 5px 0 0 0;
  }
}

.social-list__item {
  display: inline-block;
  flex: 1;
  margin: 0 20px 0 0;
}
@media (min-width: 768px) {
  .social-list__item {
    text-align: center;
  }
}
.social-list__item:last-child {
  margin: 0;
}

.social-list__link {
  color: #8c97a7;
  display: block;
  font-size: 1.7rem;
  line-height: 1;
  text-decoration: none;
}
.social-list__link:before {
  vertical-align: bottom;
}

/* ==========================================================================
		support contact
	 ========================================================================== */
.content-tabbed--support-contact .content-tabbed__main-content .callout {
  border: 1px solid #F4F6FC;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container {
  margin-bottom: 25px;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
  background-color: #F57F23;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm::after {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::before, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::before, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link::after {
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link:hover {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.section-nav-in-page__link:hover::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.hover.section-nav-in-page__link {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.hover.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page .section--primary a.hover.section-nav-in-page__link::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a section-nav-in-page__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm {
  background-color: #F57F23;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm::after {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.confirm::after {
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification .section--primary a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.button, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.button::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.section-nav-in-page__link::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.confirm::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm::after {
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.button:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.section-nav-in-page__link:hover, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.confirm:hover, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.button:hover::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.section-nav-in-page__link:hover::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.confirm:hover::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.button:hover::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.section-nav-in-page__link:hover::before, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.confirm:hover::before, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.button, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.hover.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.hover.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.button::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.hover.section-nav-in-page__link::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.hover.confirm::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.button::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .section-nav-in-page a.hover.section-nav-in-page__link::before, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary .notification a.hover.confirm::before, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm {
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::after, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::after, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::after, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::after {
  color: #fff;
  border-color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::before, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::before, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::before {
  color: #fff;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper {
  width: 100%;
  margin: 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__image-container {
  padding-top: 25px;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__image-container .callout__image {
  max-height: 100px;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__image-container .callout__image img {
  width: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .heading--callout {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .heading--callout:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .sub-heading, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-row__id, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h5, .rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h5, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h6, .rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h6, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-specs__title {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .sub-heading:before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-row__id:before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h5:before, .rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h5:before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h6:before, .rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h6:before, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-specs__title:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-row__id {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-row__id:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h5 {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h5:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h6 {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .rte h6:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-specs__title {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content .product-specs__title:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .body-text, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte p, .rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper p, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte ol li, .rte ol .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper li,
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte ul li,
.rte ul .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper li, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .item-listing__subtitle, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .article-listing__subtitle, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .featured-overview__subtitle,
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .featured-overview__title {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte p {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte ol li {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .rte ul li {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .item-listing__subtitle {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .article-listing__subtitle {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .featured-overview__subtitle {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .featured-overview__title {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover {
  box-shadow: 0 8px 25px #9fb7d4;
  border-color: #1b9de7;
  z-index: 5;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.button, .content-tabbed--support-contact .content-tabbed__main-content .callout:hover .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout:hover .notification a.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.confirm {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.button:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout:hover .section-nav-in-page a.section-nav-in-page__link:hover, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.section-nav-in-page__link:hover, .content-tabbed--support-contact .content-tabbed__main-content .callout:hover .notification a.confirm:hover, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.confirm:hover {
  background-color: #ee700e;
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover .section-nav-in-page a.section-nav-in-page__link {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover .section-nav-in-page a.section-nav-in-page__link:hover {
  background-color: #ee700e;
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover .notification a.confirm {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.content-tabbed--support-contact .content-tabbed__main-content .callout:hover .notification a.confirm:hover {
  background-color: #ee700e;
  background-color: #ee700e;
}
.content-tabbed--support-contact .content-tabbed__wrapper {
  -ms-flex: 100%;
  flex: 100%;
  margin-bottom: 0;
}
.content-tabbed--support-contact .content-tabbed__wrapper:last-child {
  margin-bottom: 20px;
}
.content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content {
  left: 0;
  top: 0 !important;
  position: relative;
  width: 100% !important;
  padding: 0;
  height: 100%;
}
.content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content > .grid__col, .content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content > .item-listing__image-container, .content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content > .item-listing__description-container {
  height: 100%;
}
.content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content > .item-listing__image-container {
  height: 100%;
}
.content-tabbed--support-contact .content-tabbed__wrapper:nth-child(n) .content-tabbed__main-content > .item-listing__description-container {
  height: 100%;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item {
  background: none;
  color: #191f21;
  background-color: transparent;
  font-size: 18px;
  line-height: 26px;
  font-weight: 900;
  padding: 15px 0;
  text-align: left;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #F4F6FC;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item:after {
  content: "";
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 5px;
  margin: 0 auto auto;
  border: solid #1b9de7;
  border-radius: 0;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item img.primary-nav__icon, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item img.primary-nav-in-page__icon {
  display: inline-block;
  width: 22px;
  margin-right: 5px;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item img.primary-nav-in-page__icon {
  display: inline-block;
  width: 22px;
  margin-right: 5px;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .sub-heading, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-row__id, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h5, .rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h5, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h6, .rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h6, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-specs__title {
  display: inline-block;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .sub-heading:before, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-row__id:before, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h5:before, .rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h5:before, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h6:before, .rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h6:before, .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-specs__title:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-row__id {
  display: inline-block;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-row__id:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h5 {
  display: inline-block;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h5:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h6 {
  display: inline-block;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .rte h6:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-specs__title {
  display: inline-block;
}
.content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item .product-specs__title:before {
  content: none;
}
.content-tabbed--support-contact .content-tabbed__wrapper--active {
  background: transparent;
  color: inherit;
}
.content-tabbed--support-contact .content-tabbed__wrapper--active button.content-tabbed__item:after {
  -ms-transform: rotate(224deg);
  transform: rotate(224deg);
}

.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover {
  background-color: #ee700e;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::after {
  color: #fff;
  border-color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::before {
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link::after {
  border-color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover {
  background-color: #ee700e;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.section-nav-in-page__link:hover::before {
  border-color: #fff;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link {
  background-color: #ee700e;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.section-nav-in-page__link::before {
  border-color: #fff;
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link {
  background-color: #ee700e;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::after {
  color: #fff;
  border-color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::before {
  color: #fff;
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.section-nav-in-page__link {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.section-nav-in-page__link:hover {
  background-color: #ee700e;
}

.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
  background-color: #F57F23;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-image: linear-gradient(70deg, #ff9a2e 0%, #ff6f00 100%);
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm::after {
  border-color: #fff;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover {
  background-color: #ee700e;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::after {
  color: #fff;
  border-color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::before {
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm::after {
  border-color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section--primary a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm {
  background-color: #ee700e;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::after {
  color: #fff;
  border-color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::before {
  color: #fff;
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.confirm {
  background-image: linear-gradient(70deg, #f0ba80 0%, #f5a05e 100%);
}
.notification .content-tabbed--support-contact .content-tabbed__main-content .callout:hover a.confirm:hover {
  background-color: #ee700e;
}

.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link::after, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm::after, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm::after {
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::after, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::after, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button:hover::before, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::before, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::before, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::before, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link::after {
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm::after {
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::after, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::after, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::after, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.button::before, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.hover.section-nav-in-page__link::before, .section-nav-in-page .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::before, .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.hover.confirm::before, .notification .section--primary .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link {
  background-color: #F57F23;
  color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link::after {
  border-color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.section-nav-in-page__link::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
  background-color: #F57F23;
  color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm::after {
  border-color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm:hover::before {
  border-color: #fff;
  color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm {
  background-color: #ee700e;
  color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::after {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.section--primary .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.hover.confirm::before {
  border-color: #fff;
  color: #fff;
}

.newsletter-sign-up .newsletter-sign-up__form-code .section.resource-centre-section .callout .callout__button-container .section--primary button:hover::before {
  border-color: #fff;
  color: #fff;
}

.rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h5 {
  display: inline-block;
}
.rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h5:before {
  content: none;
}
.rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h6 {
  display: inline-block;
}
.rte .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item h6:before {
  content: none;
}
.rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h5 {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h5:before {
  content: none;
}
.rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h6 {
  font-size: 20px;
  line-height: 28px;
  color: #191f21;
  font-weight: 900;
  text-align: center;
}
.rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__content h6:before {
  content: none;
}
.rte .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper p {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.rte ol .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper li {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}
.rte ul .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper li {
  font: 14px "Lato", "Noto Sans TC", sans-serif;
  text-align: left;
  color: #191f21;
  overflow: auto;
}

@media (min-width: 768px) {
  .content-tabbed--support-contact .content-tabbed__wrapper {
    -ms-flex: 33%;
    flex: 33%;
    height: auto !important;
    min-height: 1px;
    margin-bottom: 20px;
  }
  .content-tabbed--support-contact .content-tabbed__wrapper button.content-tabbed__item {
    display: none;
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout {
    height: 100%;
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper {
    width: 80%;
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__content-wrapper .callout__image-container {
    padding-top: 50px;
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container {
    min-height: 100px;
    margin-bottom: 50px;
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.button, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link, .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm, .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .section-nav-in-page a.section-nav-in-page__link {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container .notification a.confirm {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section-nav-in-page .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.section-nav-in-page__link {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .notification .content-tabbed--support-contact .content-tabbed__main-content .callout .callout__button-container a.confirm {
    position: absolute;
    bottom: 75px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
/* ==========================================================================
		TABLE
	 ========================================================================== */
.table {
  position: relative;
}
.table--mobile-scroll {
  overflow-x: auto;
  width: auto;
}

.table__element, .rte table {
  border-collapse: collapse;
  height: auto;
  width: 100%;
}

.table__head tr, .rte table th tr {
  background: #535A5C;
  display: none;
}
@media (min-width: 1025px) {
  .table__head tr, .rte table th tr {
    display: table-row;
  }
  .section--dark .table__head tr, .section--dark .rte table th tr, .rte table .section--dark th tr {
    background: #000000;
  }
  .table--alternate .table__head tr, .table--alternate .rte table th tr, .rte table .table--alternate th tr {
    background: none;
  }
}
.table--mobile-scroll .table__head tr, .table--mobile-scroll .rte table th tr, .rte table .table--mobile-scroll th tr {
  display: table-row;
}

.table__header {
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 10px;
}
.table--mobile-scroll .table__header {
  min-width: 250px;
}
.table--alternate .table__header {
  border-color: #dcdcdb;
  border-width: 0 0 1px;
  color: inherit;
  font-size: 1.3rem;
  text-align: left;
}
.section--dark .table--alternate .table__header {
  border-color: #4c5254;
}
.section--primary .table--alternate .table__header {
  border-color: #4c5254;
}
@media (min-width: 1025px) {
  .table__header {
    padding: 20px;
  }
}

.table__row, .rte table tr {
  border: solid 1px #dcdcdb;
}
.table--mobile-scroll .table__row, .table--mobile-scroll .rte table tr, .rte table .table--mobile-scroll tr {
  border: none;
}
@media (min-width: 1025px) {
  .table__row, .rte table tr {
    border: none;
  }
  .table--alternate .table__row, .table--alternate .rte table tr, .rte table .table--alternate tr {
    border: none;
  }
}

.table__cell, .rte table td {
  display: block;
  font-size: 1.5rem;
  line-height: 1.7;
  padding: 10px 10px 10px 50%;
  position: relative;
  width: 100%;
}
.table--mobile-scroll .table__cell, .table--mobile-scroll .rte table td, .rte table .table--mobile-scroll td {
  min-width: 250px;
}
.table__cell:before, .rte table td:before {
  content: attr(data-table-header);
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 40%;
}
@media (min-width: 1025px) {
  .table__cell, .rte table td {
    border: solid 1px #dcdcdb;
    display: table-cell;
    padding: 20px;
    width: auto;
  }
  .table__cell:before, .rte table td:before {
    display: none;
  }
}
.table--mobile-scroll .table__cell, .table--mobile-scroll .rte table td, .rte table .table--mobile-scroll td {
  border: solid 1px #dcdcdb;
  display: table-cell;
  padding: 10px;
  width: auto;
}
.table--mobile-scroll .table__cell:before, .table--mobile-scroll .rte table td:before, .rte table .table--mobile-scroll td:before {
  display: none;
}
.table--alternate .table__cell, .table--alternate .rte table td, .rte table .table--alternate td {
  border-width: 0 0 1px;
  color: inherit;
  font-size: 1.3rem;
  font-weight: normal;
}
.table--mobile-scroll .table--alternate .table__cell, .table--mobile-scroll .table--alternate .rte table td, .rte table .table--mobile-scroll .table--alternate td {
  padding-left: 0;
}
.table--alternate .table__cell strong, .table--alternate .rte table td strong, .rte table .table--alternate td strong {
  font-size: 1.6rem;
}
.section--dark .table__cell, .section--dark .rte table td, .rte table .section--dark td {
  border-color: #4c5254;
}
.section--primary .table__cell, .section--primary .rte table td, .rte table .section--primary td {
  border-color: #535A5C;
}
@media (min-width: 1025px) {
  .table__cell:first-child, .rte table td:first-child {
    background: #f3f3f3;
  }
  .section--dark .table__cell:first-child, .section--dark .rte table td:first-child, .rte table .section--dark td:first-child, .section--primary .table__cell:first-child, .section--primary .rte table td:first-child, .rte table .section--primary td:first-child {
    background: #7b7e80;
  }
  .table--alternate .section--dark .table__cell:first-child, .table--alternate .section--dark .rte table td:first-child, .rte table .table--alternate .section--dark td:first-child, .table--alternate .section--primary .table__cell:first-child, .table--alternate .section--primary .rte table td:first-child, .rte table .table--alternate .section--primary td:first-child {
    background: none;
  }
  .table--alternate .table__cell:first-child, .table--alternate .rte table td:first-child, .rte table .table--alternate td:first-child {
    background: none;
  }
}

/* ==========================================================================
		TOOL TIP
	 ========================================================================== */
.tooltip {
  background: none;
  border: none;
  color: #cdcccb;
  display: inline-block;
  font-size: 0;
  height: 20px;
  transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  vertical-align: top;
  width: 20px;
}
.tooltip:hover {
  color: #fff;
}
.tooltip--primary {
  color: #0083A5;
}
.tooltip--primary:hover {
  color: #cdcccb;
}
.tooltip--text-label {
  height: auto;
  font-size: inherit;
  width: auto;
}
.tooltip--text-label:before {
  padding-right: 5px;
  vertical-align: bottom;
}
.tooltip:before {
  font-size: 1.6rem;
}

/* ==========================================================================
		VIDEO INLINE
	 ========================================================================== */
.video__inline {
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .video__inline--restricted-height {
    height: 480px;
    padding-bottom: 0;
  }
}
.video__inline--active iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__inline--full-width {
  width: 100%;
}

.video-inline__link {
  background-position: center center;
  background-size: cover;
  display: block;
  padding-bottom: 56.25%;
  text-decoration: none;
}
@media (min-width: 768px) {
  .video__inline--restricted-height .video-inline__link {
    height: 100%;
    padding-bottom: 0;
  }
}
.video-inline__link:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  position: absolute;
  transition: background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 1;
}
.no-touchevents .video-inline__link:hover:before {
  background: rgba(0, 0, 0, 0.1);
}
.video-inline__link:after {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 1px #FFFFFF;
  border-radius: 100%;
  color: #fff;
  font-size: 2rem;
  height: 50px;
  left: 50%;
  padding: 13px 0 0 2px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
  vertical-align: middle;
  width: 50px;
  z-index: 2;
}
@media (min-width: 768px) {
  .video-inline__link:after {
    font-size: 4rem;
    height: 100px;
    padding: 30px 0 0 8px;
    width: 100px;
  }
}

.video-inline__image {
  display: block;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.video-inline__image--fit-height {
  height: 100%;
  width: auto;
}

/* ==========================================================================
		PRODUCT SPECS TABLE
	 ========================================================================== */
.table-specs {
  overflow-x: auto;
  position: relative;
  width: auto;
}
.table-specs--border {
  border: 1px solid #F4F6FC;
  padding: 5px;
}
.table-specs--product-detail-specs-header {
  border: 1px solid #F4F6FC;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
  top: 6px;
  z-index: 3;
}
@media (min-width: 1025px) {
  .table-specs--product-detail-specs-header {
    border: none;
  }
}
.table-specs--product-detail-specs {
  border-width: 0 1px 1px 1px;
  overflow: inherit;
}
@media (min-width: 1025px) {
  .table-specs--product-detail-specs {
    border-width: 1px;
  }
}

@media (min-width: 1025px) {
  .section-title--align-center .section-title__subtitle.table-specs__link-wrapper,
.table-specs__link-wrapper {
    margin-bottom: 30px;
  }
}
.section-title--align-center .section-title__subtitle.table-specs__link-wrapper a,
.table-specs__link-wrapper a {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #0083A5;
  text-decoration: none;
}

.table-specs__element {
  border-collapse: collapse;
  border-color: #F4F6FC;
  border-style: solid;
  border-width: 1px 0;
  height: auto;
  table-layout: auto;
  width: 100%;
  text-align: left;
}
.table-specs__element--no-border {
  border-width: 0;
}
.table-specs--layout-2 .table-specs__element {
  width: 100%;
}
.table-specs--layout-3 .table-specs__element {
  width: 130%;
}
.table-specs--layout-4 .table-specs__element {
  width: 180%;
}
.table-specs__element--fixed {
  table-layout: fixed;
}
@media (min-width: 1025px) {
  .table-specs__element--fixed {
    table-layout: fixed;
  }
}

.table-specs_product-detail-wrapper {
  align-items: stretch;
  align-content: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.table-specs__cell-image {
  align-self: flex-start;
}

.table-specs__cell-image,
.table-specs__product-detail {
  flex: 1 1 100%;
}

.table-specs__product-detail {
  align-self: flex-end;
  flex: 1 1 100%;
}

.table-specs__header {
  position: relative;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  display: table-cell;
  width: 50%;
}
.table-specs__header__wrapper {
  width: initial;
  float: right;
}
.table-specs--product-detail-specs .table-specs__header {
  text-align: center;
}
.table-specs__header--align-left {
  text-align: left;
}
.table-specs__header--align-centre {
  text-align: center;
}
.table-specs__header--align-right {
  text-align: right;
}
@media (min-width: 768px) {
  .table-specs__header {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1025px) {
  .table-specs__header {
    background: #535A5C;
    color: #11171F;
    display: table-cell;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding: 20px;
    position: relative;
    width: 50%;
  }
  .table-specs__header__wrapper {
    width: 60%;
    float: right;
  }
}
.table-specs__header--no-bg {
  background: none;
  color: inherit;
}
.is-IE .table-specs__header--no-bg, .is-Edge .table-specs__header--no-bg {
  background: #535A5C;
}
@media (min-width: 1025px) {
  .table-specs__header--no-bg {
    background: none;
  }
  .is-IE .table-specs__header--no-bg, .is-Edge .table-specs__header--no-bg {
    background: #535A5C;
  }
}
.table-specs__header:after {
  background: rgba(255, 255, 255, 0.05);
  bottom: 0;
  content: "";
  height: 1px;
  left: 10px;
  position: absolute;
  width: calc(100% - 10px*2);
}
.is-IE .table-specs__header:after, .is-Edge .table-specs__header:after {
  display: none;
}
@media (min-width: 1025px) {
  .table-specs__header:after {
    left: 20px;
    width: calc(100% - 40px);
  }
}

.table-specs__status {
  border-radius: 100%;
  display: inline-block;
  height: 45px;
  position: relative;
  width: 45px;
}
.table-specs__status span {
  display: none;
}
.table-specs__status:before {
  color: #191f21;
  left: 0%;
  position: absolute;
  top: 49%;
}
.table-specs__status--supported {
  background: transparent;
  font-size: 1.5rem;
}
.table-specs__status--supported:before {
  color: #1b9de7;
}
.table-specs__status--not-supported {
  background: transparent;
  font-size: 2rem;
}
.table-specs__status--not-supported:before {
  color: #ff0c0c;
}

.table-specs__row {
  border: 1px solid #F4F6FC;
  border-style: solid;
  border-width: 1px 0;
}
.table-specs__row--datasheet-url {
  border-width: 0 0 1px 0;
}

.table-specs__cell {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  letter-spacing: -0.3px;
  color: #535A5C;
  padding: 10px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: auto;
}
.table-specs__cell--datasheet-url {
  padding: 0;
  text-align: center;
}
.table-specs__element--no-border .table-specs__cell {
  border-width: 0;
}
.table-specs--product-detail-specs .table-specs__cell {
  padding: 60px 20px 20px 20px;
}
@media (min-width: 1025px) {
  .table-specs--product-detail-specs .table-specs__cell {
    padding: 35px 20px;
  }
}
.table-specs__cell:first-of-type .table-specs__mobile-label {
  background: #535A5C;
  color: #fff;
  content: attr(data-heading);
  height: 40px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 3;
}
.table-specs--layout-2 .table-specs__cell:first-of-type .table-specs__mobile-label {
  width: calc(200% + 3px);
}
.table-specs--layout-2.table-specs--product-detail-specs-header .table-specs__cell:first-of-type .table-specs__mobile-label, .table-specs--layout-2.table-specs--product-detail-specs .table-specs__cell:first-of-type .table-specs__mobile-label {
  left: -6px;
  width: calc(200% + 13px);
}
.table-specs--layout-3 .table-specs__cell:first-of-type .table-specs__mobile-label {
  width: calc(300% + 4px);
}
.table-specs--layout-4 .table-specs__cell:first-of-type .table-specs__mobile-label {
  width: calc(400% + 5px);
}
@media (min-width: 1025px) {
  .table-specs__cell:first-of-type .table-specs__mobile-label {
    display: none;
  }
}
.table-specs__cell:nth-child(n+3) .table-specs__mobile-label {
  display: none;
}
.table-specs__cell img {
  display: inline-block;
  height: 100px;
  margin-bottom: 10px;
  max-width: 100%;
  width: auto;
}
@media (min-width: 1025px) {
  .table-specs__cell img {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .table-specs__cell {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1025px) {
  .table-specs__cell {
    font-size: 18px;
    line-height: 30px;
    padding: 3px;
  }
  .table-specs__cell--datasheet-url {
    text-align: center;
    padding: 50px 0 20px 0;
  }
}
.table-specs__cell strong {
  display: block;
}

.table-specs__header-bottom-label {
  background: #535A5C;
  bottom: -1px;
  left: 0;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.is-IE .table-specs__header-bottom-label, .is-Edge .table-specs__header-bottom-label {
  height: 100%;
  position: static;
}

/* ==========================================================================
    NEWSLETTER SIGN UP
========================================================================== */
.newsletter-sign-up {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media (min-width: 769px) {
  .newsletter-sign-up {
    padding: 50px 20px;
  }
}
.newsletter-sign-up .newsletter-sign-up__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.newsletter-sign-up__container {
  padding: 0;
}
.newsletter-sign-up .module {
  float: none;
}
@media (min-width: 769px) {
  .newsletter-sign-up .module {
    float: left;
    margin: 20px 0;
    padding: 20px 0;
  }
}
.newsletter-sign-up .newsletter-sign-up__text {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__text {
    font-size: 20px;
    line-height: 24px;
    width: 70%;
    text-align: left;
  }
}
.newsletter-sign-up .newsletter-sign-up__title {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__title {
    width: 70%;
    text-align: left;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code {
  color: #fff;
  padding-top: 0;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code {
    padding-top: 30px;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code input[type=text] {
  height: 50px;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #c3c3c3;
  font-size: 18px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code input[type=text] {
    text-align: left;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code input[type=text]::-webkit-input-placeholder {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code input[type=text]::-webkit-input-placeholder {
    color: #bbc1cf;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code .input[type=text]::-ms-input-placeholder {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code .input[type=text]::-ms-input-placeholder {
    color: #bbc1cf;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code input[type=text]::placeholder {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code input[type=text]::placeholder {
    color: #bbc1cf;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code button,
.newsletter-sign-up .newsletter-sign-up__form-code input[type=button],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=reset],
.newsletter-sign-up .newsletter-sign-up__form-code input[type=submit] {
  width: auto;
}
.newsletter-sign-up .newsletter-sign-up__form-code label {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 14px;
  font-weight: 300;
  color: #fff;
  display: block;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.newsletter-sign-up .newsletter-sign-up__form-code label span {
  width: calc(100% - 2rem);
  padding-left: 5px;
}
.newsletter-sign-up .newsletter-sign-up__form-code label a {
  color: #fff;
}
.newsletter-sign-up .newsletter-sign-up__form-code .module {
  width: 100%;
  text-align: center;
}
@media (min-width: 769px) {
  .newsletter-sign-up .newsletter-sign-up__form-code .module {
    width: 100%;
    text-align: left;
  }
}
.newsletter-sign-up .newsletter-sign-up__form-code .grid__col, .newsletter-sign-up .newsletter-sign-up__form-code .item-listing__image-container, .newsletter-sign-up .newsletter-sign-up__form-code .item-listing__description-container {
  display: block;
  margin-bottom: 20px;
}
.newsletter-sign-up .newsletter-sign-up__form-code .grid__col‑‑flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ==========================================================================
		PARTNER PORTAL CHART
=========================================================================== */
.partner-portal-chart {
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-chart {
    padding: 40px;
  }
}

.partner-portal-chart__item {
  overflow: hidden;
}

.partner-portal-chart__title {
  color: #879bac;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.7rem;
  font-weight: normal;
  letter-spacing: -0.01rem;
  margin-bottom: 10px;
}

.partner-portal-chart__value {
  color: #084386;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 4rem;
  line-height: 1;
  margin: 0;
}

/* ==========================================================================
		PARTNER PORTAL WELCOME PANEL
=========================================================================== */
.partner-portal-welcome-panel__details {
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__details {
    padding: 35px 40px 30px;
  }
}

.partner-portal-welcome-panel__title-wrapper {
  zoom: 1;
}
.partner-portal-welcome-panel__title-wrapper:after, .partner-portal-welcome-panel__title-wrapper:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal-welcome-panel__title-wrapper:after {
  clear: both;
}

.partner-portal-welcome-panel__avatar {
  border-bottom: 1px solid #ecf3f9;
  flex: 0 1 auto;
}
.partner-portal-welcome-panel__avatar img {
  display: block;
  max-width: 100%;
}
.object-fit .partner-portal-welcome-panel__avatar img {
  height: 100%;
  object-fit: cover;
}

.partner-portal-welcome-panel__user-details {
  background: #f3f3f3;
  border-bottom: 1px solid #ecf3f9;
  flex: 1 1 auto;
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__user-details {
    padding: 40px 40px 30px;
  }
}

.partner-portal-welcome-panel__points {
  color: #2140ff;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  vertical-align: top;
  width: 100%;
}
.partner-portal-welcome-panel__points a {
  color: #00a1cb;
  display: block;
  font-size: 1.1rem;
  margin-top: 5px;
  text-decoration: underline;
  vertical-align: top;
}
.partner-portal-welcome-panel__points a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__points {
    float: right;
    text-align: right;
    width: 40%;
  }
}

.partner-portal-welcome-panel__points-total {
  color: #084386;
  font-family: "Lato", "Noto Sans TC", sans-serif;
}

.partner-portal-welcome-panel__title {
  color: #879bac;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: -0.01rem;
  width: 100%;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__title {
    float: left;
    width: 60%;
  }
}

.partner-portal-welcome-panel__icon-summary {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.partner-portal-welcome-panel__icon {
  color: #6494c5;
  display: block;
  line-height: 1.2;
  margin: 10px 0 0 0;
  padding-left: 25px;
  position: relative;
}
.partner-portal-welcome-panel__icon::before {
  left: 0;
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__icon {
    display: inline-block;
    margin-right: 20px;
  }
}

.partner-portal-welcome-panel__user-title {
  color: #0b00a2;
  display: block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__user-title {
    font-size: 3rem;
  }
}

.partner-portal-welcome-panel__points-synopsis {
  color: #879bac;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.2rem;
  letter-spacing: -0.01rem;
  width: 100%;
}
.partner-portal-welcome-panel__points-synopsis span {
  color: #2140ff;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__points-synopsis {
    float: left;
    font-size: 1.5rem;
    width: 60%;
  }
}

.partner-portal-welcome-panel__progress-bar {
  background: #e8f2f9;
  border-radius: 10px;
  height: 15px;
  margin: 20px 0 10px;
  position: relative;
  width: 100%;
}

.partner-portal-welcome-panel__progress-current {
  background: #ffea00;
  background: linear-gradient(to right, #ffea00 0%, #d3f437 100%);
  border-radius: 10px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), 3s;
  width: 0%;
}

/* ==========================================================================
    PARTNER PORTAL TEASER BUTTONS
   ========================================================================== */
.partner-portal .teaser-button {
  display: block;
  margin-bottom: 40px;
  width: 100%;
}
.partner-portal .teaser-button:last-child {
  margin-bottom: 0;
}
.partner-portal .teaser-button__link {
  background: #f8fbff;
  display: block;
  padding: 20px 40px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.partner-portal .teaser-button__link span {
  display: block;
}
.partner-portal .teaser-button__link .teaser-button__title {
  color: #00a1cb;
  font-size: 1.7rem;
  margin-bottom: 4px;
}
.partner-portal .teaser-button__link .teaser-button__subtitle {
  color: #879bac;
  font-size: 1.5rem;
}
.partner-portal .teaser-button__link:after {
  color: #00a1cb;
  font-size: 3rem;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* ==========================================================================
    PARTNER PORTAL PROMOS
   ========================================================================== */
.partner-portal .image-promo {
  text-align: center;
}
.partner-portal .image-promo img {
  display: inline-block;
  max-width: 100%;
}
@media (min-width: 769px) {
  .partner-portal .image-promo img {
    display: block;
  }
}
.partner-portal .promo-image-background {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}
.partner-portal .promo-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.partner-portal .promo-text {
  color: #fff;
  flex: 1 1 auto;
  text-align: center;
}
.partner-portal .promo-text__title-wrapper {
  padding: 10px;
}
.partner-portal .promo-text__title-wrapper::before {
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 50%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.partner-portal .promo-text__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}
.partner-portal .promo-button-wrapper {
  padding: 0 20px 35px;
  text-align: center;
}

/* ==========================================================================
    PARTNER PORTAL CONGRATULATIONS
   ========================================================================== */
.partner-portal .congratulations-panel {
  color: #084386;
  font-size: 2rem;
  height: 100%;
  line-height: 1.4;
}
.partner-portal .congratulations-panel p {
  line-height: 1.4;
  margin: 0;
}
.partner-portal .congratulations-panel__top {
  height: 70%;
}
.partner-portal .congratulations-panel__bottom {
  background: #5c7081;
  color: #fff;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  height: 30%;
}
.partner-portal .congratulations-panel__bottom p {
  margin: 0 0 10px;
}
.partner-portal .congratulations-panel__bottom strong {
  font-weight: 400;
}
.partner-portal .congratulations-panel__bottom a,
.partner-portal .congratulations-panel__bottom button {
  color: #ebff01;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.partner-portal .congratulations-panel__bottom a:hover,
.partner-portal .congratulations-panel__bottom button:hover {
  color: #ebff01;
  text-decoration: none;
  transition: none;
}
.partner-portal .congratulations-panel__top .panel,
.partner-portal .congratulations-panel__bottom .panel {
  padding: 30px;
}
.partner-portal .congratulations-panel__top .panel .panel-title,
.partner-portal .congratulations-panel__bottom .panel .panel-title {
  color: #0b00a2;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2.6rem;
  margin: 0 0 15px;
}
.partner-portal .partner-benefits-block {
  margin-top: 20px;
  zoom: 1;
}
.partner-portal .partner-benefits-block:after, .partner-portal .partner-benefits-block:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal .partner-benefits-block:after {
  clear: both;
}
.partner-portal .partner-benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.partner-portal .partner-benefits-list__item {
  display: inline-block;
  float: left;
  padding-right: 10px;
  text-align: center;
  width: 33.333%;
  zoom: 1;
}
.partner-portal .partner-benefits-list__item:after, .partner-portal .partner-benefits-list__item:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal .partner-benefits-list__item:after {
  clear: both;
}
.partner-portal .benefit-icon {
  display: inline-block;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .partner-portal .benefit-icon {
    width: auto;
  }
}
.partner-portal .benefit-text {
  color: #0083a5;
  display: inline-block;
  float: left;
  font-size: 1.4rem;
  line-height: 1.75rem;
  max-width: 90px;
  padding: 5px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .partner-portal .benefit-text {
    padding-left: 10px;
    text-align: left;
  }
}

/* ==========================================================================
		PARTNER PORTAL EVENTS PANEL
=========================================================================== */
.partner-portal-events-panel {
  border-color: #ecf3f9;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .partner-portal-events-panel {
    flex-wrap: nowrap;
  }
}

.partner-portal-welcome-panel__details {
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-welcome-panel__details {
    padding: 35px 40px 30px;
  }
}

.partner-portal-welcome-panel__title-wrapper {
  zoom: 1;
}
.partner-portal-welcome-panel__title-wrapper:after, .partner-portal-welcome-panel__title-wrapper:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal-welcome-panel__title-wrapper:after {
  clear: both;
}

.partner-portal-events-panel__image {
  flex: 0 1 100%;
}
.partner-portal-events-panel__image img {
  display: block;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.object-fit .partner-portal-events-panel__image img {
  max-width: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .partner-portal-events-panel__image {
    flex: 0 1 auto;
  }
}

.partner-portal-events-panel__details {
  background: #f3f3f3;
  border-left: 1px solid #ecf3f9;
  flex: 1 1 100%;
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-events-panel__details {
    padding: 40px 40px 30px;
  }
}
@media (min-width: 769px) {
  .partner-portal-events-panel__details {
    flex: 1 1 auto;
  }
}
.partner-portal-events-panel__details p {
  color: #59758b;
}

.partner-portal-events-panel__icon-summary {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.partner-portal-events-panel__icon-summary .events-link {
  color: #00a1cb;
  font-size: 1.25rem;
  text-decoration: none;
}

.partner-portal-events-panel__icon {
  color: #6494c5;
  display: block;
  line-height: 1.2;
  margin: 10px 0 0 0;
  padding-left: 40px;
  position: relative;
  vertical-align: middle;
}
.partner-portal-events-panel__icon::before {
  font-size: 3rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .partner-portal-events-panel__icon {
    display: inline-block;
    margin-right: 20px;
  }
}
.partner-portal-events-panel__icon span {
  color: #59758b;
  font-size: 1.25rem;
}
.partner-portal-events-panel__icon--no-padding {
  display: block;
  padding-left: 0;
}
@media (min-width: 769px) {
  .partner-portal-events-panel__icon--no-padding {
    display: inline-block;
    float: right;
  }
}

.partner-portal-events-panel__title {
  color: #0b00a2;
  display: block;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .partner-portal-events-panel__title {
    font-size: 2.6rem;
  }
}

/* ==========================================================================
		PARTNER PORTAL DOWNLOADS PANEL
=========================================================================== */
.partner-portal-downloads-panel {
  border-color: #ecf3f9;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .partner-portal-downloads-panel {
    flex-wrap: nowrap;
  }
}

.partner-portal-downloads-panel__details {
  padding: 20px;
  width: 90%;
}
@media (min-width: 768px) {
  .partner-portal-downloads-panel__details {
    padding: 35px 40px 30px;
  }
}

.partner-portal-downloads-panel__image {
  flex: 0 1 100%;
}
.partner-portal-downloads-panel__image img {
  display: block;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.object-fit .partner-portal-downloads-panel__image img {
  max-width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .partner-portal-downloads-panel__image {
    flex: 0 1 50%;
  }
}
@media (min-width: 769px) {
  .partner-portal-downloads-panel__image {
    flex: 0 1 auto;
  }
}

.partner-portal-downloads-panel__details {
  background: #f3f3f3;
  border-left: 1px solid #ecf3f9;
  flex: 1 1 100%;
  padding: 20px;
}
@media (min-width: 768px) {
  .partner-portal-downloads-panel__details {
    padding: 40px 40px 30px;
  }
}
@media (min-width: 769px) {
  .partner-portal-downloads-panel__details {
    flex: 1 1 auto;
  }
}
.partner-portal-downloads-panel__details p {
  color: #59758b;
}

.partner-portal-downloads-panel__summary {
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 1.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.partner-portal-downloads-panel__info {
  color: #59758b;
  display: block;
  line-height: 1.2;
  margin: 10px 0 0 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 768px) {
  .partner-portal-downloads-panel__info {
    display: inline-block;
    margin-right: 18px;
  }
}
@media (min-width: 769px) {
  .partner-portal-downloads-panel__info {
    padding-left: 40px;
    width: 30%;
  }
  .partner-portal-downloads-panel__info:last-child {
    margin-right: 0;
    text-align: right;
  }
}
.partner-portal-downloads-panel__info span {
  color: #59758b;
  font-size: 1.25rem;
}
.partner-portal-downloads-panel__info--no-padding {
  display: block;
  padding-left: 0;
}
@media (min-width: 769px) {
  .partner-portal-downloads-panel__info--no-padding {
    display: inline-block;
    float: right;
  }
}

/* ==========================================================================
		PARTNER PORTAL CALLOUT
	 ========================================================================== */
.partner-portal .callout {
  align-items: flex-start;
  background: #f8fbff;
  color: inherit;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  padding-bottom: 20px;
  text-align: center;
  text-decoration: none;
  zoom: 1;
}
.partner-portal .callout:after, .partner-portal .callout:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal .callout:after {
  clear: both;
}
.partner-portal .callout a.button, .partner-portal .callout .section-nav-in-page a.section-nav-in-page__link, .section-nav-in-page .partner-portal .callout a.section-nav-in-page__link, .partner-portal .callout .notification a.confirm, .notification .partner-portal .callout a.confirm {
  text-transform: uppercase;
}

.partner-portal .callout__image-container {
  align-content: flex-start;
  align-items: flex-start;
  flex: 0 1 auto;
  justify-content: flex-start;
}
.partner-portal .callout__image-container--placeholder {
  min-height: 130px;
}
.partner-portal .callout__image-container--placeholder::before {
  background: #e6effe;
  border-radius: 100%;
  content: "";
  display: block;
  height: 100px;
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 20px;
  transform: translate(-50%, 1px);
  width: 100px;
  z-index: 2;
}

.partner-portal .callout__content {
  color: #59758b;
  margin: auto;
  padding: 20px 45px;
  text-align: center;
  width: 100%;
  zoom: 1;
}
.partner-portal .callout__content:after, .partner-portal .callout__content:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.partner-portal .callout__content:after {
  clear: both;
}
.partner-portal .callout__content .heading, .partner-portal .callout__content .rte h1, .rte .partner-portal .callout__content h1, .partner-portal .callout__content .rte h2, .rte .partner-portal .callout__content h2, .partner-portal .callout__content .rte h3, .rte .partner-portal .callout__content h3, .partner-portal .callout__content .rte h4, .rte .partner-portal .callout__content h4 {
  margin: 0;
}
.partner-portal .callout__content .heading--callout {
  color: #00a1cb;
  font-size: 2rem;
}

.partner-portal .callout__content-wrapper {
  align-self: flex-start;
  flex: 1 1 auto;
  width: 100%;
}

.partner-login {
  background-color: #F3F3F3;
}
.partner-login .portal-login-box {
  padding: 95px 0 70px 0;
}
.partner-login .portal-reset-password {
  padding: 80px 0 122px 0;
}
.partner-login .field_element {
  border-radius: 100px;
  border-width: 0;
  cursor: text;
  display: inline-flex;
  padding: 10px 15px;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 15px;
  line-height: 48px;
  height: 36px;
}
.partner-login .field_element_portal-box {
  color: #757575;
  width: 100%;
}
.partner-login .field_element_forgot-password {
  color: #000000;
  width: 100%;
}
@media (min-width: 990px) {
  .partner-login .field_element_forgot-password {
    width: 402px;
  }
}
.partner-login .forgot-password {
  height: 12px;
  width: 93px;
  color: #757575;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 11px;
  margin-left: 16px;
  line-height: 48px;
}
.partner-login .alert {
  height: 14px;
  color: #E85252;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  padding: 0;
  line-height: 32px;
}
.partner-login .alert li:before {
  display: inline-block;
  content: "!";
  border-radius: 50%;
  border: 1px solid #E85252;
  width: 21px;
  height: 21px;
  line-height: 22px;
  text-align: center;
  color: white;
  font-weight: normal;
  background-color: #E85252;
  margin-right: 10px;
}
.partner-login .error-field {
  border: 1px solid #E85252;
  background-color: #FFE0E0;
}
.partner-login ul {
  list-style: none;
  padding-left: 0px;
}
.partner-login .triangle {
  padding-top: -45px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 45px;
  border-color: #DEDBD5 transparent transparent transparent;
  margin-left: 50%;
}
.partner-login .info, .partner-login .text-reset-password {
  padding-left: 20px;
}
.partner-login .info .reset-password-title, .partner-login .text-reset-password .reset-password-title {
  color: #000000;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.partner-login .info .reset-password-subtitle, .partner-login .text-reset-password .reset-password-subtitle {
  color: #575B5C;
  font-family: "Lato", "Noto Sans TC", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 28px;
}
.partner-login .info {
  display: inline-flex;
}
.partner-login .icon-check, .partner-login .rte ul.check-list li:before, .rte ul.check-list .partner-login li:before {
  width: 50px;
  height: 50px;
  fill: #1DAA4B;
}
.partner-login .text-succes-reset {
  padding-left: 30px;
}

/* ==========================================================================
  PROGRESS SLIDER
========================================================================== */
.progress-slide {
  background: #f8fbff;
  height: calc(100% - 20px);
  position: relative;
}

.progress-slide__wrapper {
  box-shadow: none;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .progress-slide__wrapper {
    flex-wrap: nowrap;
  }
}

.progress-slide__tile {
  height: calc(100% + 12px);
  margin: -6px -10px;
  padding: 6px 10px;
}

.progress-slide__tile-content {
  background: #f8fbff;
  height: calc(100% + 12px);
  min-height: 300px;
  text-decoration: none;
}
.is-IE .progress-slide__tile-content {
  flex-wrap: nowrap;
}

.progress-slide__content {
  padding-bottom: 70px;
  overflow: hidden;
}

.progress-slide__title {
  color: #084386;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.progress-slide__subtitle {
  color: #00a1cb;
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.progress-slide__text {
  color: #59758b;
  font-size: 1.7rem;
}

/* ==========================================================================
		OVERRIDES
========================================================================== */
.rte .rte__legacy {
  width: 100%;
}
.rte .rte__legacy div[id] {
  height: auto !important;
  position: static !important;
  width: 100% !important;
}
.rte .richtext {
  position: relative;
  z-index: 1 !important;
}

.mfp-content .row {
  background: #FFFFFF;
  margin: auto;
  max-width: 1024px;
  position: relative;
}
.mfp-content .row .mask {
  zoom: 1;
}
.mfp-content .row .mask:after, .mfp-content .row .mask:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.mfp-content .row .mask:after {
  clear: both;
}
.mfp-content .row .padBrd {
  position: relative;
}
.mfp-content .row .padBrd:after {
  background: rgba(216, 216, 216, 0.5);
  bottom: 0;
  content: "";
  height: 1px;
  left: 20px;
  position: absolute;
  width: calc(100% - 40px);
}
.mfp-content .row .padBrd .row {
  zoom: 1;
}
.mfp-content .row .padBrd .row:after, .mfp-content .row .padBrd .row:before {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.mfp-content .row .padBrd .row:after {
  clear: both;
}
.mfp-content .row .padBrd .icon {
  display: inline-block;
  position: relative;
}
.mfp-content .row .padBrd .icon img {
  display: block;
}
.mfp-content .row .padBrd .play:before {
  color: #FFFFFF;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mfp-content .row .mfp-close {
  right: 0;
}
.mfp-content .row > .module {
  width: 100%;
}
@media (min-width: 1025px) {
  .mfp-content .row > .module {
    float: left;
    width: 50%;
  }
}
.mfp-content .row a {
  color: #0083A5;
  text-decoration: none;
}
.mfp-content .content-modal {
  background: #FFFFFF;
  margin: 0 auto;
  max-width: 1024px;
}
.mfp-content .content-modal .faq__item {
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0;
}
.mfp-content .content-modal .module {
  margin: 0;
  padding: 20px;
}
.mfp-content .content-modal .module .module {
  padding: 0;
}

/* ==========================================================================
		PRINT STYLES
========================================================================== */
@media print {
  @page :left {
    margin: 0.5cm;
  }
  @page :right {
    margin: 0.8cm;
  }
  footer,
header {
    display: none !important;
  }

  section {
    background: #FFFFFF !important;
    color: #191f21 !important;
  }

  .jumplinks,
.secondary-nav,
.breadcrumbs,
.hero__image,
.hero__overlay,
.search-bar,
.search-bar-button,
.section--arrow:before,
.section--arrow-bottom:after,
.simple-hero__image,
.simple-hero__overlay {
    display: none !important;
  }

  body {
    padding: 0 !important;
  }

  .banner__background-image,
.banner__overlay,
.callout__content .body-text,
.callout__content .rte ol li,
.rte ol .callout__content li,
.callout__content .rte ul li,
.rte ul .callout__content li,
.callout__content .item-listing__subtitle,
.callout__content .article-listing__subtitle,
.callout__content .featured-overview__subtitle,
.callout__content .featured-overview__title,
.callout__content .heading,
.callout__content .sub-heading,
.faq__question,
.heading,
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.hero,
.hero__content,
.module,
.product-feature-details__item,
.product-specs__item,
.product-specs__title,
.promo,
.promo__content,
.rte,
.rte li,
.rte p,
.section-title,
.section-title .heading,
.section-title__subtitle,
.simple-hero,
.simple-hero__content,
.social-callout p,
.sub-heading,
.product-row__id,
.rte h5,
.rte h6 {
    background: #FFFFFF !important;
    color: #191f21 !important;
  }

  .hero,
.hero__container,
.simple-hero {
    height: auto;
  }

  .hero__content,
.simple-hero__content {
    left: auto;
    padding: 20px 0;
    position: relative;
    top: auto;
    transform: translate(0, 0);
  }
}

/*# sourceMappingURL=legacy-main.css.map */