/* Minification failed. Returning unminified contents.
(904,33): run-time error CSS1019: Unexpected token, found '$'
(904,33): run-time error CSS1042: Expected function, found '$'
(904,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
 */
/******************************************** StarTech color styles **************************/
/******************************************** Bootstrap Befault variable SCSS **************************/
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/* Lists - vertical & horizontal without bullets or padding */
/*
*   Global Variables
*/
/* Typography */
/* Layout */
/*
	display: flex;

	flex-direction: row | row-reverse | column | column-reverse;
		row (default): left to right in ltr; right to left in rtl
		row-reverse: right to left in ltr; left to right in rtl
		column: same as row but top to bottom
		column-reverse: same as row-reverse but bottom to top

	flex-wrap: nowrap | wrap | wrap-reverse;
		nowrap (default): all flex items will be on one line
		wrap: flex items will wrap onto multiple lines, from top to bottom.
		wrap-reverse: flex items will wrap onto multiple lines from bottom to top.

	justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;
		flex-start (default): items are packed toward the start line
		flex-end: items are packed toward the end line
		center: items are centered along the line
		space-between: items are evenly distributed in the line; first item is on the start line, last item on the end line
		space-around: items are evenly distributed in the line with equal space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies.
		space-evenly: items are distributed so that the spacing between any two items (and the space to the edges) is equal.

	align-items: stretch | flex-start | flex-end | center | baseline;
		stretch (default): stretch to fill the container (still respect min-width/max-width)
		flex-start: cross-start margin edge of the items is placed on the cross-start line
		flex-end: cross-end margin edge of the items is placed on the cross-end line
		center: items are centered in the cross-axis
		baseline: items are aligned such as their baselines align

	align-content: flex-start | flex-end | center | space-between | space-around | stretch;
		flex-start: lines packed to the start of the container
		flex-end: lines packed to the end of the container
		center: lines packed to the center of the container
		space-between: lines evenly distributed; the first line is at the start of the container while the last one is at the end
		space-around: lines evenly distributed with equal space around each line
		stretch (default): lines stretch to take up the remaining space

	order: <integer>; // default is 0 

	flex-grow: <number>;  // default is 0
*/
/******************************************** StarTech color styles **************************/
/******************************************** Bootstrap Befault variable SCSS **************************/
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/* Lists - vertical & horizontal without bullets or padding */
/*
*   Global Variables
*/
/* Typography */
/* Layout */
/*
	display: flex;

	flex-direction: row | row-reverse | column | column-reverse;
		row (default): left to right in ltr; right to left in rtl
		row-reverse: right to left in ltr; left to right in rtl
		column: same as row but top to bottom
		column-reverse: same as row-reverse but bottom to top

	flex-wrap: nowrap | wrap | wrap-reverse;
		nowrap (default): all flex items will be on one line
		wrap: flex items will wrap onto multiple lines, from top to bottom.
		wrap-reverse: flex items will wrap onto multiple lines from bottom to top.

	justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;
		flex-start (default): items are packed toward the start line
		flex-end: items are packed toward the end line
		center: items are centered along the line
		space-between: items are evenly distributed in the line; first item is on the start line, last item on the end line
		space-around: items are evenly distributed in the line with equal space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies.
		space-evenly: items are distributed so that the spacing between any two items (and the space to the edges) is equal.

	align-items: stretch | flex-start | flex-end | center | baseline;
		stretch (default): stretch to fill the container (still respect min-width/max-width)
		flex-start: cross-start margin edge of the items is placed on the cross-start line
		flex-end: cross-end margin edge of the items is placed on the cross-end line
		center: items are centered in the cross-axis
		baseline: items are aligned such as their baselines align

	align-content: flex-start | flex-end | center | space-between | space-around | stretch;
		flex-start: lines packed to the start of the container
		flex-end: lines packed to the end of the container
		center: lines packed to the center of the container
		space-between: lines evenly distributed; the first line is at the start of the container while the last one is at the end
		space-around: lines evenly distributed with equal space around each line
		stretch (default): lines stretch to take up the remaining space

	order: <integer>; // default is 0 

	flex-grow: <number>;  // default is 0
*/
/*%extend_select_1 {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
    border-bottom: none;
    overflow: hidden;
}*/
/*%extend_partner_1 {
    text-decoration: none;
    border: 1px solid $gray-mild--light;
    border-bottom: none;
    color: $blue-navy;
    border-top: 3px solid $blue-navy--darker;
    background: $white;
    position: relative;
}*/
/*%extend_partner_2 {
    width: 100%;
    height: 2px;
    background: $white;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
}*/
/*%extend_dynamicform_1 {
    padding: 10px 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: unset;
    color: $white;
}*/
/*%extend_dynamicform_2 {
    color: $blue-bright !important;
    font-weight: 600 !important;
    border: 1px solid $blue-bright !important;
    background: transparent !important;
}*/
.modal.show .modal-header button {
  background: transparent;
  border: 0 none;
  color: #0047BB; }
  .modal.show .modal-header button:hover {
    text-decoration: underline; }

.modal.show .modal-header .close {
  opacity: 1;
  font-size: 20px;
  font-size: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  color: #0047BB; }

.modal.show.full-screen {
  padding: 0 !important; }
  .modal.show.full-screen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    @media (min-width: 576px) {
      .modal.show.full-screen .modal-dialog {
        max-width: 100%; } }
  .modal.show.full-screen .modal-header {
    padding: 16px 16px 0 16px;
    border-bottom: 0 none; }
    .modal.show.full-screen .modal-header .close {
      padding: 0;
      margin: 0;
      padding-top: 4px; }
  .modal.show.full-screen .modal-content {
    border: 0 none;
    border-radius: 0;
    height: auto;
    min-height: 100%;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }

.product--wheretobuy-buy-st .modal-dialog {
  width: 20vw;
  margin-top: 32vh; }

.product--wheretobuy-buy-st .modal-content {
  background-color: #253746;
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  padding: 28px 0; }
  .product--wheretobuy-buy-st .modal-content span {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 4px; }

.more-button--block-list {
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7em;
  margin-top: 28px; }
  .more-button--block-list ul,
  .more-button--block-list ol {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0; }
  .more-button--block-list li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal) {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px; }
    .more-button--block-list li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal):before {
      content: "";
      position: absolute;
      left: 0;
      top: 12px;
      border: 2px solid #5C6975;
      background-color: #FFFFFF;
      width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .more-button--block-list ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: left; }
  .more-button--block-list li {
    margin-bottom: 28px;
    flex: 0 1 33.33%;
    padding-right: 28px; }

.more-button--block-button {
  margin-top: 28px;
  margin-bottom: 16px;
  *zoom: 1;
  border-top: 1px solid #ccd1d7; }
  .more-button--block-button:before, .more-button--block-button:after {
    display: table;
    content: "";
    line-height: 0; }
  .more-button--block-button:after {
    clear: both; }
  .more-button--block-button.more--button-background {
    margin-top: 40px;
    background: transparent url("https://st85cmsproweb101.blob.core.windows.net/cms/startech.com/media/images/divider-shadow-top.png") top center no-repeat; }
  .more-button--block-button button {
    background: transparent;
    border: 0 none;
    color: #0047BB;
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #FFFFFF;
    margin-top: -1px;
    border: 1px solid #ccd1d7;
    border-top: 0 none;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-left-radius: 12px;
    padding: 3px 28px 16px 28px; }
    .more-button--block-button button:hover {
      text-decoration: underline; }

@media (max-width: 991px) {
  .more-button--block-list li {
    margin-bottom: 16px;
    flex: 0 1 100%; } }

.product--status {
  padding: 3px 12px;
  color: #FFFFFF; }
  .product--status.new {
    background-color: #E87722;
    color: #253746; }
  .product--status.coming-soon {
    background-color: #0047BB; }
  .product--status.future {
    background-color: #0047BB; }
  .product--status.discontinued {
    background-color: #5C6975; }

.product--sku {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem; }

.sku-number {
  color: #5C6975;
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem; }

.product--features ul,
.product--features ol {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0; }

.product--features li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal) {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px; }
  .product--features li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal):before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    border: 2px solid #5C6975;
    background-color: #FFFFFF;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.product--features .product--features-list li {
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem; }

.product--features .product--features-list.secondary {
  display: none;
  position: absolute;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #FFFFFF;
  border: 1px solid #ccd1d7;
  transition: all 0.2s ease-in-out;
  z-index: 20;
  padding: 12px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  left: 0;
  margin-top: 20px;
  padding: 16px 16px 16px 20px !important; }
  .product--features .product--features-list.secondary:hover {
    border-color: rgba(34, 62, 87, 0.5);
    cursor: pointer; }
  .product--features .product--features-list.secondary:before, .product--features .product--features-list.secondary:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 12px 12px;
    display: block;
    right: 335px;
    width: 0; }
  .product--features .product--features-list.secondary:before {
    border-color: rgba(93, 105, 118, 0.25) transparent;
    z-index: 0;
    top: -13px; }
  .product--features .product--features-list.secondary:after {
    border-color: #FFFFFF transparent;
    z-index: 1;
    top: -11px; }
  .product--features .product--features-list.secondary.show {
    display: block; }
  .product--features .product--features-list.secondary:hover:before {
    border-color: rgba(34, 62, 87, 0.5) transparent; }
  .product--features .product--features-list.secondary:before, .product--features .product--features-list.secondary:after {
    left: 20px; }

.product--features button {
  margin-top: 8px;
  background: transparent;
  border: 0 none;
  color: #0047BB;
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600; }
  .product--features button:hover {
    text-decoration: underline; }

.product--price {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem; }
  .product--price-primary, .product--price-secondary {
    color: #253746;
    font-weight: 600; }
  .product--price-primary {
    font-size: 26px;
    font-size: 1.625rem;
    font-size: 26px;
    font-size: 1.625rem; }
  .product--price-secondary {
    font-size: 20px;
    font-size: 1.25rem;
    font-size: 20px;
    font-size: 1.25rem; }
  .product--price-information {
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #5C6975; }
  .product--price-additional .product--price--secondary {
    color: #192631; }

.product--listings .product--price-primary {
  font-size: 20px;
  font-size: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem; }

.product--listings .product--price-secondary {
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem; }

.product--stock {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #253746; }
  .product--stock-heading {
    text-transform: uppercase; }
  .product--stock-info {
    background: transparent;
    border: 0 none;
    color: #0047BB; }
    .product--stock-info:hover {
      text-decoration: underline; }

.product--listings .product--stock-heading {
  text-transform: none;
  display: block; }
  .product--listings .product--stock-heading span {
    display: none; }
  .product--listings .product--stock-heading:before {
    font-family: "Font Awesome 5 Pro";
    content: "\F00C";
    color: #12866E;
    margin-right: 4px; }

@media (max-width: 991px) {
  .product--listings .product--stock-heading {
    display: inline; } }

.product--wheretobuy-quantity {
  border-color: #001E60;
  height: 48px;
  padding: 12px 8px;
  margin-bottom: 8px;
  text-align: right;
  /* Hide HTML5 Up and Down arrows. */
  -moz-appearance: textfield; }
  .product--wheretobuy-quantity::-webkit-outer-adjust-hue-button, .product--wheretobuy-quantity::-webkit-inner-adjust-hue-button {
    -webkit-appearance: none;
    margin: 0; }
  .product--wheretobuy-quantity::-webkit-inner-spin-button, .product--wheretobuy-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.product--wheretobuy .cart-event-tracking .far {
  margin-right: 12px; }

.subnav {
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600; }
  @media (max-width: 991px) {
    .subnav .navbar-collapse {
      margin-top: 16px; } }
  .subnav ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none; }
    .subnav ul li {
      padding-left: 0 !important; }
      .subnav ul li:before {
        display: none; }
    .subnav ul li {
      padding-top: 12px; }
      .subnav ul li a {
        display: inline-block;
        padding: 12px 16px 12px 16px;
        color: #253746;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px; }
      .subnav ul li.active a {
        background-color: #FFFFFF; }
  @media (max-width: 991px) {
    .subnav--bottom {
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 0; } }
  .subnav--bottom .navbar-toggler {
    background: #FFFFFF;
    border-color: #253746; }
    .subnav--bottom .navbar-toggler:hover {
      border-color: #001E60;
      background: #001E60; }
  .subnav--bottom .navbar-toggler-icon {
    line-height: 1.5;
    color: #001E60; }
    .subnav--bottom .navbar-toggler-icon:hover {
      color: #FFFFFF; }
  @media (max-width: 991px) {
    .subnav--bottom ul {
      display: block;
      margin-top: 16px; } }
  .subnav--bottom ul li {
    padding: 0 0 0 16px !important;
    margin-bottom: 0 !important; }
    @media (max-width: 991px) {
      .subnav--bottom ul li {
        padding: 0 !important; } }
    .subnav--bottom ul li a {
      display: inline-block;
      padding: 12px 0 8px 0 !important;
      color: #253746;
      -webkit-border-top-right-radius: 0;
      -moz-border-radius-topright: 0;
      border-top-right-radius: 0;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left-radius: 0;
      border-bottom: 4px solid transparent;
      color: #0047BB; }
      @media (max-width: 991px) {
        .subnav--bottom ul li a {
          display: block;
          padding-left: 12px !important; } }
    .subnav--bottom ul li:first-child {
      padding-left: 0 !important; }
    .subnav--bottom ul li.active a {
      background-color: transparent;
      border-bottom-color: #253746;
      color: #253746; }
      @media (max-width: 991px) {
        .subnav--bottom ul li.active a {
          border-left: 4px solid #253746;
          border-bottom: 0 none; } }
    .subnav--bottom ul li.last-link {
      position: absolute !important;
      right: 0;
      padding-left: 0 !important; }
      .subnav--bottom ul li.last-link a {
        color: #FFFFFF;
        background-color: #001E60;
        padding-left: 12px !important;
        padding-right: 12px !important; }
        .subnav--bottom ul li.last-link a:hover {
          background-color: #253746; }

.product--sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear; }
  .product--sticky-heading {
    position: relative;
    padding-top: 12px;
    background: #FFFFFF;
    width: 100%;
    border-bottom: 1px solid #ccd1d7; }
  .product--sticky h2 {
    margin-bottom: 4px; }
  .product--sticky-top {
    background: transparent;
    border: 0 none;
    color: #0047BB;
    margin-top: 15%;
    float: right;
    color: #253746; }
    .product--sticky-top:hover {
      text-decoration: underline; }
    .product--sticky-top .far {
      display: inline-block;
      border: 1px solid #253746;
      padding: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 32px;
      height: 32px; }
    .product--sticky-top:hover {
      color: #FFFFFF; }
      .product--sticky-top:hover .far {
        background: #001E60;
        border-color: #001E60; }
  .product--sticky-nav {
    background-color: #f4f6f8; }
    .product--sticky-nav-name {
      display: inline-block;
      float: left;
      width: auto;
      font-size: 20px;
      font-size: 1.25rem;
      font-size: 20px;
      font-size: 1.25rem;
      margin: 20px 12px 0 0;
      padding-left: 15px; }
    .product--sticky-nav .subnav {
      float: left;
      width: auto; }
  .product--sticky.hidden {
    visibility: hidden;
    opacity: 0; }

@media (max-width: 991px) {
  .product--sticky {
    display: none;
    visibility: hidden; } }

.list--card-style:not(.no-shadow), .list--card-style-none:not(.no-shadow) {
  -webkit-box-shadow: inset 0px 12px 16px -8px rgba(11, 87, 128, 0.12);
  -moz-box-shadow: inset 0px 12px 16px -8px rgba(11, 87, 128, 0.12);
  box-shadow: inset 0px 12px 16px -8px rgba(11, 87, 128, 0.12); }

.list--card-style .product--items, .list--card-style-none .product--items {
  height: auto;
  padding: 12px; }

.list--card-style .card, .list--card-style-none .card {
  display: block;
  height: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #FFFFFF;
  border: 1px solid #ccd1d7;
  transition: all 0.2s ease-in-out;
  margin: 0;
  -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
  box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12); }
  .list--card-style .card:hover, .list--card-style-none .card:hover {
    border-color: rgba(34, 62, 87, 0.5);
    cursor: pointer; }
  .list--card-style .card picture, .list--card-style-none .card picture {
    margin-bottom: 20px; }
  .list--card-style .card .card-container, .list--card-style-none .card .card-container {
    padding: 16px; }
  .list--card-style .card .sku-number, .list--card-style-none .card .sku-number {
    display: block;
    margin-bottom: 4px; }

.list--card-style {
  padding: 28px 0; }
  .list--card-style ul {
    padding: 0 0 28px 0;
    list-style: none;
    margin-left: 0;
    *zoom: 1; }
    .list--card-style ul:before, .list--card-style ul:after {
      display: table;
      content: "";
      line-height: 0; }
    .list--card-style ul:after {
      clear: both; }
    .list--card-style ul.slick-list .slick-prev,
    .list--card-style ul.slick-list .slick-next {
      position: absolute;
      bottom: 0;
      background: transparent;
      border: 0 none;
      color: #001E60;
      font-size: 22px;
      font-size: 1.375rem;
      font-size: 22px;
      font-size: 1.375rem; }
      .list--card-style ul.slick-list .slick-prev.slick-disabled,
      .list--card-style ul.slick-list .slick-next.slick-disabled {
        color: #6d92b2; }
    .list--card-style ul.slick-list .slick-prev {
      left: 46%; }
    .list--card-style ul.slick-list .slick-next {
      left: 52%; }
    .list--card-style ul.slick-list.slick-slider .slick-track {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex; }
    .list--card-style ul.sub-categories {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      .list--card-style ul.sub-categories li {
        margin-bottom: 28px; }
      .list--card-style ul.sub-categories picture {
        display: block;
        padding-top: 8px;
        padding-bottom: 8px; }
      .list--card-style ul.sub-categories a h4 {
        color: #0047BB; }
        .list--card-style ul.sub-categories a h4:hover {
          text-decoration: underline; }

.list--card-style-none {
  padding: 28px 0 0 0; }
  .list--card-style-none ul {
    padding: 0;
    list-style: none;
    margin-left: 0;
    *zoom: 1; }
    .list--card-style-none ul:before, .list--card-style-none ul:after {
      display: table;
      content: "";
      line-height: 0; }
    .list--card-style-none ul:after {
      clear: both; }
    .list--card-style-none ul.sub-categories {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap; }
      .list--card-style-none ul.sub-categories li {
        margin-bottom: 28px; }
      .list--card-style-none ul.sub-categories picture {
        display: block;
        float: left;
        width: 40%;
        margin: auto 0; }
        .list--card-style-none ul.sub-categories picture img {
          margin-bottom: 0; }
      .list--card-style-none ul.sub-categories a h4 {
        color: #0047BB;
        font-size: 16px;
        font-size: 1rem;
        font-size: 16px;
        font-size: 1rem;
        margin: auto 0; }
        .list--card-style-none ul.sub-categories a h4:hover {
          text-decoration: underline; }
  .list--card-style-none .card {
    padding: 12px; }
    .list--card-style-none .card .card-container {
      height: 100%;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex; }

@media (min-width: 992px) {
  .list--card-style {
    padding-bottom: 0; } }

@media (max-width: 768px) {
  .list--card-style ul.slick-list .slick-prev {
    left: 42%; }
  .list--card-style ul.sub-categories {
    margin-left: 0; }
    .list--card-style ul.sub-categories picture {
      padding-top: 0;
      padding-bottom: 0; }
    .list--card-style ul.sub-categories h4 {
      padding-top: 12px;
      margin-bottom: 0; } }

@media (max-width: 576px) {
  .list--card-style ul {
    margin-left: 16.66667%; } }

.support--faqs {
  padding-bottom: 28px;
  border-bottom: 1px solid #ccd1d7; }
  .support--faqs h4 {
    margin-top: 20px;
    margin-bottom: 12px; }
  .support--faqs .card {
    border-color: transparent;
    border-radius: 4px;
    margin-bottom: 12px; }
    .support--faqs .card .panel-title {
      margin-bottom: 0; }
    .support--faqs .card > .card-header {
      padding: 0;
      color: #253746;
      background-color: transparent;
      border: 0 none;
      *zoom: 1; }
      .support--faqs .card > .card-header:before, .support--faqs .card > .card-header:after {
        display: table;
        content: "";
        line-height: 0; }
      .support--faqs .card > .card-header:after {
        clear: both; }
      .support--faqs .card > .card-header a {
        display: block;
        padding: 12px 0 12px 12px;
        background-color: #f4f6f8;
        *zoom: 1; }
        .support--faqs .card > .card-header a:before, .support--faqs .card > .card-header a:after {
          display: table;
          content: "";
          line-height: 0; }
        .support--faqs .card > .card-header a:after {
          clear: both; }
        .support--faqs .card > .card-header a span:first-child {
          margin-right: 12px;
          float: left;
          font-size: 20px;
          font-size: 1.25rem;
          font-size: 20px;
          font-size: 1.25rem;
          margin-top: 4px;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${opac})";
          filter: alpha(opacity=${opac});
          opacity: 0.5; }
        .support--faqs .card > .card-header a span:last-child {
          position: relative;
          float: left;
          display: block;
          width: 92%;
          padding-right: 20px; }
          .support--faqs .card > .card-header a span:last-child:after {
            content: "\f107";
            font-family: "Font Awesome 5 Pro";
            float: right;
            font-size: 20px;
            font-size: 1.25rem;
            font-size: 20px;
            font-size: 1.25rem;
            display: inline-block;
            position: absolute;
            right: -8px;
            top: 0; }
        .support--faqs .card > .card-header a[aria-expanded=true] {
          background-color: transparent;
          border: 1px solid #ccd1d7;
          border-bottom: 0 none;
          -webkit-border-top-right-radius: 4px;
          -moz-border-radius-topright: 4px;
          border-top-right-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius-topleft: 4px;
          border-top-left-radius: 4px; }
          .support--faqs .card > .card-header a[aria-expanded=true] span:last-child:after {
            content: "\f106"; }
      .support--faqs .card > .card-header + .collapse > .card-body {
        border: 1px solid #ccd1d7;
        border-top-color: transparent;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        padding: 0; }
        .support--faqs .card > .card-header + .collapse > .card-body .faq-content {
          padding: 20px 12px;
          word-break: break-word; }
          .support--faqs .card > .card-header + .collapse > .card-body .faq-content .video-youtube--container {
            padding: 0;
            /*margin-bottom: $s-space;*/
            background: transparent;
            border: 0 none;
            /*text-align: left;*/ }
            .support--faqs .card > .card-header + .collapse > .card-body .faq-content .video-youtube--container .video-text {
              margin-top: 12px;
              font-weight: 600; }
              .support--faqs .card > .card-header + .collapse > .card-body .faq-content .video-youtube--container .video-text .far {
                font-size: 18px;
                font-size: 1.125rem;
                font-size: 18px;
                font-size: 1.125rem; }
        .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links {
          *zoom: 1;
          padding: 12px;
          background: #f4f6f8;
          -webkit-border-bottom-right-radius: 4px;
          -moz-border-radius-bottomright: 4px;
          border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          -moz-border-radius-bottomleft: 4px;
          border-bottom-left-radius: 4px; }
          .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links:before, .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links:after {
            display: table;
            content: "";
            line-height: 0; }
          .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links:after {
            clear: both; }
          .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links h6 {
            margin: 0; }
          .support--faqs .card > .card-header + .collapse > .card-body .panel-footer-links .feedback-link span {
            margin-left: 8px;
            cursor: pointer; }

.main--tabs-navigation {
  border-bottom: 1px solid #ccd1d7;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600; }
  .main--tabs-navigation .nav-tabs {
    border-bottom: 0 none;
    padding-left: 15px;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: none;
    flex-wrap: none; }
    .main--tabs-navigation .nav-tabs > li {
      display: inline-block;
      float: left; }
      .main--tabs-navigation .nav-tabs > li a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 0 none;
        border-top: 3px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF; }
        .main--tabs-navigation .nav-tabs > li a:hover {
          background: #FFFFFF;
          border-top-color: #0047BB;
          border-left-color: #ccd1d7;
          border-right-color: #ccd1d7; }
        .main--tabs-navigation .nav-tabs > li a.active {
          background-color: #f4f6f8;
          border-left: 1px solid #ccd1d7;
          border-right: 1px solid #ccd1d7;
          border-top: 3px solid #0047BB;
          color: #253746;
          border-bottom: 0 none; }
          .main--tabs-navigation .nav-tabs > li a.active:hover {
            color: #0047BB; }

.tab-content {
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem; }

@media (max-width: 768px) {
  .main--tabs-navigation {
    font-size: 16px;
    font-size: 1rem;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600; }
    .main--tabs-navigation .container {
      padding: 0;
      max-width: 100%;
      margin: 0; }
      .main--tabs-navigation .container .row {
        margin: 0; }
    .main--tabs-navigation .nav-tabs {
      padding-left: 0;
      padding-right: 0; }
      .main--tabs-navigation .nav-tabs > li {
        float: none;
        margin-bottom: 0;
        display: block; }
        .main--tabs-navigation .nav-tabs > li a {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          border-bottom: 1px solid #ccd1d7;
          border-left: 0 none;
          border-right: 0 none;
          margin-right: 0; }
          .main--tabs-navigation .nav-tabs > li a.active {
            background-color: #f4f6f8;
            border-top: 3px solid #0047BB;
            border-bottom: 1px solid #ccd1d7; }
          .main--tabs-navigation .nav-tabs > li a > a,
          .main--tabs-navigation .nav-tabs > li a > a:hover {
            background-color: #f4f6f8;
            border-top: 3px solid #0047BB;
            color: #253746; }
          .main--tabs-navigation .nav-tabs > li a > a:hover {
            color: #0047BB; }
        .main--tabs-navigation .nav-tabs > li.first-item a {
          border-top: 1px solid #ccd1d7; }
        .main--tabs-navigation .nav-tabs > li.last-item a {
          border-bottom: 0 none; }
        .main--tabs-navigation .nav-tabs > li.product--support-tab {
          float: none !important; }
  .tab-content .no-padding-left {
    padding-left: 15px; }
  .tab-content .no-padding-right {
    padding-right: 15px; }
  .tab-content .no-padding {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 768px) {
  .magnifier {
    display: none; } }

.gallery--selected {
  position: relative;
  text-align: center;
  height: 400px; }

.gallery--current {
  height: 100%;
  max-width: 100%;
  max-height: 100%; }
  .gallery--current .gallery--open {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0 none; }
  .gallery--current img {
    max-height: 100%; }

.gallery--zoom {
  background: transparent;
  border: 0 none;
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0047BB; }
  .gallery--zoom .st-border {
    border: 1px solid #0047BB;
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.gallery--thumbs {
  padding: 0;
  padding-bottom: 28px;
  margin: 12px auto;
  position: relative;
  display: block;
  touch-action: pan-y;
  user-select: none; }
  .gallery--thumbs-list {
    list-style-type: none;
    margin: 0; }
  .gallery--thumbs-item {
    display: table-cell; }
  .gallery--thumbs-navigation {
    position: absolute;
    padding: 0;
    top: 3px;
    font-size: 20px;
    font-size: 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    background: transparent;
    border: 0 none; }
    .gallery--thumbs-navigation[aria-hidden="true"] {
      display: none; }
    .gallery--thumbs-navigation.disabled {
      cursor: default;
      pointer-events: none;
      color: #dadee2; }
    .gallery--thumbs-navigation:hover {
      color: #0047BB; }
    .gallery--thumbs-navigation.previous {
      left: 4px; }
    .gallery--thumbs-navigation.next {
      right: 4px; }
  .gallery--thumbs-container {
    -ms-transform: translate3d(0%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0; }
  .gallery--thumbs-inner {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out; }
    .gallery--thumbs-inner:after {
      content: '';
      display: table;
      clear: both; }
  .gallery--thumbs-list {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 1;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in-out; }
    .gallery--thumbs-list:after {
      content: '';
      display: table;
      clear: both; }
  .gallery--thumbs.gallery--nocontrols .gallery--thumbs-inner {
    justify-content: left; }
  .gallery--thumbs.gallery--nocontrols .gallery--thumbs-list {
    justify-content: left; }
  .gallery--thumbs-item {
    max-width: 60px;
    width: 60px;
    padding: 0 8px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    padding-bottom: 16px; }
  .gallery--thumbs-link {
    width: 100%;
    position: relative;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border: 2px solid rgba(93, 105, 118, 0.25);
    background: transparent; }
    .gallery--thumbs-link:hover {
      border: 2x solid #0047BB; }
    .gallery--thumbs-link[aria-expanded="true"] {
      border: 2px solid #0047BB; }

#galleryOpen .gallery--option {
  background: transparent;
  border: 0 none;
  color: #0047BB;
  padding: 4px 12px;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 12px; }
  #galleryOpen .gallery--option:hover {
    text-decoration: underline; }

#gallery--large {
  width: 100%;
  margin: 0 !important; }
  #gallery--large .carousel-inner {
    text-align: center !important;
    min-height: 70vh !important;
    vertical-align: middle !important; }
  #gallery--large .carousel-item {
    /*Lets create the magnifying glass*/ }
    @media (max-width: 768px) {
      #gallery--large .carousel-item {
        text-align: center !important; } }
    #gallery--large .carousel-item figure {
      margin: 0 !important; }
    #gallery--large .carousel-item figcaption {
      /*text-align: left;*/ }
    #gallery--large .carousel-item img {
      object-fit: contain; }
      @media (max-width: 992px) {
        #gallery--large .carousel-item img {
          max-width: 45vh; } }
      @media (max-width: 576px) {
        #gallery--large .carousel-item img {
          max-width: -webkit-fill-available; } }
      #gallery--large .carousel-item img:hover {
        opacity: 1; }
    #gallery--large .carousel-item .magnify {
      position: relative;
      height: 100%;
      left: 0; }
    #gallery--large .carousel-item .large {
      width: 120px;
      height: 120px;
      position: absolute;
      border-radius: 100%;
      /*Multiple box shadows to achieve the glass effect*/
      box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85), 0 0 4px 4px rgba(0, 0, 0, 0.25), inset 0 0 40px 3px rgba(0, 0, 0, 0.25);
      transform: scale(1.5);
      z-index: 10;
      /*hide the glass by default*/
      display: none; }
  #gallery--large .carousel-control {
    padding: 0;
    font-size: 32px;
    font-size: 2rem;
    font-size: 32px;
    font-size: 2rem;
    text-shadow: 0 0; }
    #gallery--large .carousel-control-prev, #gallery--large .carousel-control-next {
      background: transparent;
      color: #0047BB;
      opacity: 1;
      border: 0 none;
      text-align: left; }
    #gallery--large .carousel-control-prev {
      margin-left: 5px; }
    #gallery--large .carousel-control-next {
      margin-right: 5px; }
  #gallery--large .carousel-indicators {
    /*border: 1px solid red;*/
    bottom: 0;
    position: unset; }
    #gallery--large .carousel-indicators li {
      width: 8px;
      height: 8px;
      border: 0 none;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      padding: 8px;
      margin-left: 12px;
      border-color: #6d92b2;
      background-color: #6d92b2; }
      #gallery--large .carousel-indicators li.active {
        background-color: #0047BB;
        border-color: #0047BB; }

@media (max-width: 991px) {
  .gallery--thumbs {
    margin-top: 28px; }
    .gallery--thumbs-navigation {
      top: 20px; }
    .gallery--thumbs-item {
      max-width: 100px;
      width: 100px; } }

.product--total-reviews {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #5C6975; }
  .product--total-reviews .fa,
  .product--total-reviews .far,
  .product--total-reviews .fal {
    color: #FFC72C; }

.product--reviews-section {
  margin-bottom: 60px; }

.product--reviews-totalout {
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 12px; }

.product--reviews-bargraph {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 28px 0; }
  .product--reviews-bargraph li {
    padding-left: 0 !important; }
    .product--reviews-bargraph li:before {
      display: none; }
  .product--reviews-bargraph li {
    display: block;
    margin-bottom: 8px; }

.product--reviews-bar-container {
  display: inline-block;
  position: relative;
  width: 60%;
  height: 12px;
  background: #EDEDED;
  margin: 4px 12px 0 12px; }

.product--reviews-bar {
  display: inline-block;
  background: #FFC72C;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0; }

.product--reviews-guidelines {
  margin-top: 28px; }
  .product--reviews-guidelines h5 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 16px;
    font-size: 1rem;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0; }
  .product--reviews-guidelines button {
    margin: 12px 0 20px 0 !important; }

.product--reviews-navigation {
  border-bottom: 1px solid #ccd1d7;
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  color: #253746;
  padding-bottom: 16px;
  margin-bottom: 36px; }

.product--reviews-pagination {
  padding-top: 16px;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none; }
  .product--reviews-pagination li {
    padding-left: 0 !important; }
    .product--reviews-pagination li:before {
      display: none; }

.product--reviews-sort {
  margin-bottom: 20px; }
  .product--reviews-sort .sort-text {
    padding-top: 16px;
    display: inline-block; }
  .product--reviews-sort .dropdown-toggle {
    background: #FFFFFF;
    border: 1px solid #ccd1d7;
    color: #5C6975;
    text-align: left;
    padding: 16px;
    min-width: 200px;
    margin-left: 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
    .product--reviews-sort .dropdown-toggle:after {
      content: "\f107";
      font-family: "Font Awesome 5 Pro";
      float: right;
      display: block;
      border: 0 none; }
    .product--reviews-sort .dropdown-toggle[aria-expanded="true"]:after {
      content: "\f106"; }
  .product--reviews-sort .dropdown-menu {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #FFFFFF;
    border: 1px solid #ccd1d7;
    transition: all 0.2s ease-in-out;
    z-index: 20;
    padding: 12px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
    -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
    box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
    margin-top: 12px; }
    .product--reviews-sort .dropdown-menu:hover {
      border-color: rgba(34, 62, 87, 0.5);
      cursor: pointer; }
    .product--reviews-sort .dropdown-menu:before, .product--reviews-sort .dropdown-menu:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 12px 12px;
      display: block;
      right: 335px;
      width: 0; }
    .product--reviews-sort .dropdown-menu:before {
      border-color: rgba(93, 105, 118, 0.25) transparent;
      z-index: 0;
      top: -13px; }
    .product--reviews-sort .dropdown-menu:after {
      border-color: #FFFFFF transparent;
      z-index: 1;
      top: -11px; }
    .product--reviews-sort .dropdown-menu.show {
      display: block; }
    .product--reviews-sort .dropdown-menu:hover:before {
      border-color: rgba(34, 62, 87, 0.5) transparent; }
    .product--reviews-sort .dropdown-menu:before, .product--reviews-sort .dropdown-menu:after {
      right: 20px; }
    .product--reviews-sort .dropdown-menu .active {
      background: #f4f6f8; }
    .product--reviews-sort .dropdown-menu button {
      background: transparent;
      border: 0 none;
      color: #0047BB;
      display: block;
      width: 100%;
      text-align: left; }
      .product--reviews-sort .dropdown-menu button:hover {
        text-decoration: underline; }
  .product--reviews-sort .dropdown-menu {
    top: 105% !important;
    left: 50% !important;
    transform: translate3d(0, 0, 0) !important; }
    .product--reviews-sort .dropdown-menu button:disabled {
      color: #5C6975; }
      .product--reviews-sort .dropdown-menu button:disabled:hover {
        text-decoration: none; }
      .product--reviews-sort .dropdown-menu button:disabled .text-yellow {
        color: #5C6975; }

.product--reviews-information {
  margin-bottom: 40px; }
  .product--reviews-information h4 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 0;
    margin-top: 0; }
  .product--reviews-information-rating {
    display: inline-block;
    margin-right: 28px;
    line-height: 2.2; }
  .product--reviews-information-author {
    padding: 20px 0;
    color: #5C6975; }
  .product--reviews-information-comment {
    font-size: 16px;
    font-size: 1rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 8px; }
  .product--reviews-information-menu {
    color: #5C6975;
    margin-top: 20px; }
    .product--reviews-information-menu button {
      background: transparent;
      border: 0 none;
      color: #0047BB;
      font-size: 14px;
      font-size: 0.875rem;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      padding-left: 0;
      padding-right: 28px; }
      .product--reviews-information-menu button:hover {
        text-decoration: underline; }
      .product--reviews-information-menu button:last-child {
        padding-left: 60px; }
    .product--reviews-information-menu b {
      padding: 0 28px;
      color: #253746; }
    .product--reviews-information-menu .alert {
      margin: 8px 0; }
  .product--reviews-information .negative {
    padding: 0 28px; }
  .product--reviews-information .comments-st, .product--reviews-information .comments-user {
    margin: 20px 0 0 0;
    padding: 16px; }
  .product--reviews-information .comments-st {
    background: rgba(0, 71, 187, 0.08); }
  .product--reviews-information .comments-user {
    background: #f4f6f8; }

@media (max-width: 991px) {
  .product--reviews-section .no-padding-left {
    padding-left: 15px; }
  .product--reviews-section .no-padding-right {
    padding-right: 15px; }
  .product--reviews-section .no-padding {
    padding-left: 15px;
    padding-right: 15px; }
  .product--reviews-sort .sort-text {
    visibility: hidden;
    display: none; } }

@media (max-width: 768px) {
  .product--reviews-information-menu button {
    padding-right: 12px; }
  .product--reviews-information-menu b {
    padding: 0 12px; }
  .product--reviews-information-menu a {
    padding-left: 0;
    margin-top: 8px;
    display: inline-block;
    width: 100%; }
  .product--reviews-sort {
    float: none !important; } }

@media (min-width: 992px) {
  .review--create .modal-dialog {
    max-width: 85%; } }

@media (max-width: 768px) {
  .review--create .modal-dialog {
    max-width: 85%; } }

@media (max-width: 576px) {
  .review--create .modal-dialog {
    max-width: 95%; } }

.review--create .modal-header {
  border-bottom: 0 none; }

.review--create .modal-body {
  padding-top: 0;
  *zoom: 1; }
  .review--create .modal-body:before, .review--create .modal-body:after {
    display: table;
    content: "";
    line-height: 0; }
  .review--create .modal-body:after {
    clear: both; }

.review--create .modal-footer {
  border-top: 0 none; }

/******************************************** StarTech color styles **************************/
/******************************************** Bootstrap Befault variable SCSS **************************/
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/*
*   Global Variables
*/
/* Colour Palette */
/*
**  Solar Design System Colour
**  https://res-im.gitbook.io/solar/foundation/colour
*/
/* PRIMARY PALETTE */
/* Variations of PRIMARY PALETTE */
/* SECONDARY PALETTE */
/* NEUTRAL PALETTE */
/* Variation of SECONDARY PALETTE */
/* FEEDBACK PALETTE */
/* Lists - vertical & horizontal without bullets or padding */
/*
*   Global Variables
*/
/* Typography */
/* Layout */
/*
	display: flex;

	flex-direction: row | row-reverse | column | column-reverse;
		row (default): left to right in ltr; right to left in rtl
		row-reverse: right to left in ltr; left to right in rtl
		column: same as row but top to bottom
		column-reverse: same as row-reverse but bottom to top

	flex-wrap: nowrap | wrap | wrap-reverse;
		nowrap (default): all flex items will be on one line
		wrap: flex items will wrap onto multiple lines, from top to bottom.
		wrap-reverse: flex items will wrap onto multiple lines from bottom to top.

	justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;
		flex-start (default): items are packed toward the start line
		flex-end: items are packed toward the end line
		center: items are centered along the line
		space-between: items are evenly distributed in the line; first item is on the start line, last item on the end line
		space-around: items are evenly distributed in the line with equal space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies.
		space-evenly: items are distributed so that the spacing between any two items (and the space to the edges) is equal.

	align-items: stretch | flex-start | flex-end | center | baseline;
		stretch (default): stretch to fill the container (still respect min-width/max-width)
		flex-start: cross-start margin edge of the items is placed on the cross-start line
		flex-end: cross-end margin edge of the items is placed on the cross-end line
		center: items are centered in the cross-axis
		baseline: items are aligned such as their baselines align

	align-content: flex-start | flex-end | center | space-between | space-around | stretch;
		flex-start: lines packed to the start of the container
		flex-end: lines packed to the end of the container
		center: lines packed to the center of the container
		space-between: lines evenly distributed; the first line is at the start of the container while the last one is at the end
		space-around: lines evenly distributed with equal space around each line
		stretch (default): lines stretch to take up the remaining space

	order: <integer>; // default is 0 

	flex-grow: <number>;  // default is 0
*/
label, .review--create form h6 {
  color: #001E60;
  font-weight: 600; }

input[type="radio"] + label, .review--create form input[type="radio"] + h6 {
  color: #5C6975;
  font-weight: 400; }

.form-group,
.form-field {
  margin-bottom: 20px;
  position: relative; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.parsley-errors-list {
  list-style: none;
  clear: both;
  color: #B50000;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  font-size: 0.8125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0;
  margin: 0;
  list-style: none; }
  .parsley-errors-list li {
    padding-left: 0 !important; }
    .parsley-errors-list li:before {
      display: none; }
  .parsley-errors-list li {
    padding: 0 !important;
    color: #B50000;
    font-size: 14;
    padding: 0; }
    .parsley-errors-list li:before {
      content: "\f06a";
      font-family: "Font Awesome 5 Pro";
      font-weight: 600;
      margin-right: 4px;
      position: relative !important;
      width: auto !important;
      height: auto !important;
      border: none !important;
      top: 0 !important;
      border-radius: 0 !important; }

.field-validation-error,
.invalid-validation-text {
  color: #B50000;
  font-size: 13px;
  font-size: 0.8125rem;
  font-size: 13px;
  font-size: 0.8125rem; }

.field-optional {
  color: #5C6975;
  margin-left: 5px;
  font-weight: 400; }

.review--create .modal-body {
  padding-left: 40px;
  padding-right: 40px; }

.review--create form label, .review--create form h6 {
  color: #001E60;
  margin-bottom: 12px; }

.review--create form .rate {
  padding-left: 8px; }

.review--create form .fa-star {
  font-size: 18px;
  font-size: 1.125rem;
  font-size: 18px;
  font-size: 1.125rem; }

.review--create form .radio-custom label, .review--create form .radio-custom h6 {
  color: #5C6975;
  font-weight: 400; }

.review--create form h6 {
  font-size: 16px;
  font-size: 1rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400; }

.review--create form .bv--form-rating-star {
  background: transparent;
  border: 0 none;
  padding: 0 4px;
  color: #5C6975; }
  .review--create form .bv--form-rating-star.hovered, .review--create form .bv--form-rating-star.selected {
    color: #FFC72C; }

.review--create form .error {
  color: #B50000; }

.product--listings {
  /*padding-top: $l-space;
        padding-bottom: $l-space;*/ }
  .product--listings-sort {
    margin-bottom: 20px; }
    .product--listings-sort .sort-text {
      padding-top: 16px;
      display: inline-block; }
    .product--listings-sort .dropdown-toggle {
      background: #FFFFFF;
      border: 1px solid #ccd1d7;
      color: #5C6975;
      text-align: left;
      padding: 16px;
      min-width: 200px;
      margin-left: 12px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px; }
      .product--listings-sort .dropdown-toggle:after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        float: right;
        display: block;
        border: 0 none; }
      .product--listings-sort .dropdown-toggle[aria-expanded="true"]:after {
        content: "\f106"; }
    .product--listings-sort .dropdown-menu {
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      background-color: #FFFFFF;
      border: 1px solid #ccd1d7;
      transition: all 0.2s ease-in-out;
      z-index: 20;
      padding: 12px;
      -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      margin-top: 12px; }
      .product--listings-sort .dropdown-menu:hover {
        border-color: rgba(34, 62, 87, 0.5);
        cursor: pointer; }
      .product--listings-sort .dropdown-menu:before, .product--listings-sort .dropdown-menu:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 12px 12px;
        display: block;
        right: 335px;
        width: 0; }
      .product--listings-sort .dropdown-menu:before {
        border-color: rgba(93, 105, 118, 0.25) transparent;
        z-index: 0;
        top: -13px; }
      .product--listings-sort .dropdown-menu:after {
        border-color: #FFFFFF transparent;
        z-index: 1;
        top: -11px; }
      .product--listings-sort .dropdown-menu.show {
        display: block; }
      .product--listings-sort .dropdown-menu:hover:before {
        border-color: rgba(34, 62, 87, 0.5) transparent; }
      .product--listings-sort .dropdown-menu:before, .product--listings-sort .dropdown-menu:after {
        right: 20px; }
      .product--listings-sort .dropdown-menu .active {
        background: #f4f6f8; }
      .product--listings-sort .dropdown-menu button {
        background: transparent;
        border: 0 none;
        color: #0047BB;
        display: block;
        width: 100%;
        text-align: left; }
        .product--listings-sort .dropdown-menu button:hover {
          text-decoration: underline; }
    @media (max-width: 992px) {
      .product--listings-sort {
        margin-top: 16px; } }
    .product--listings-sort .dropdown-menu {
      transition: none !important;
      transform: none !important;
      top: 120% !important; }
  .product--listings-filters {
    display: none; }
    .product--listings-filters.show {
      display: block; }
    @media (max-width: 768px) {
      .product--listings-filters {
        position: fixed;
        top: 0;
        right: 0;
        width: 80vw;
        height: 100%;
        overflow-y: scroll;
        z-index: 1000;
        background: #fff;
        padding-right: 32px;
        -webkit-box-shadow: -12px 0px 25px -1px rgba(11, 87, 128, 0.12);
        -moz-box-shadow: -12px 0px 25px -1px rgba(11, 87, 128, 0.12);
        box-shadow: -12px 0px 25px -1px rgba(11, 87, 128, 0.12);
        border-left: 1px solid #ccd1d7; } }
    @media (max-width: 576px) {
      .product--listings-filters {
        width: 100vw;
        max-width: 100vw;
        padding-left: 32px;
        padding-right: 16px;
        padding-top: 8px; } }
    .product--listings-filters_toggle {
      margin-top: 16px; }
    .product--listings-filters .product--listings-filters_toggle {
      display: inline-block;
      padding: 12px 20px;
      font-size: 16px;
      font-size: 1rem;
      font-size: 16px;
      font-size: 1rem;
      border-radius: 4px;
      border: none;
      margin: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-weight: 600;
      background-color: #FFFFFF;
      color: #001E60;
      border: 1px solid #001E60;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      padding: 12px;
      margin-bottom: 16px;
      cursor: pointer; }
    .product--listings-filters-applied-tag {
      display: inline-block;
      background-color: #f4f6f8;
      padding: 4px 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      color: #001E60 !important;
      font-size: 13px;
      font-size: 0.8125rem;
      font-size: 13px;
      font-size: 0.8125rem;
      margin-bottom: 8px;
      margin-right: 4px;
      float: left; }
      .product--listings-filters-applied-tag:hover {
        background-color: #001E60;
        color: #FFFFFF !important;
        text-decoration: none !important; }
      .product--listings-filters-applied-tag span {
        margin-left: 8px; }
    .product--listings-filters-list {
      padding-top: 12px; }
      .product--listings-filters-list .filters--panel {
        font-size: 14px;
        font-size: 0.875rem;
        font-size: 14px;
        font-size: 0.875rem;
        margin-top: 16px;
        border: 1px solid #ccd1d7;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden; }
        .product--listings-filters-list .filters--panel-accordion__trigger {
          background: transparent;
          border: 0 none;
          display: block;
          width: 100%;
          text-align: left;
          font-weight: 600;
          background: #f4f6f8;
          color: #001E60;
          padding: 12px; }
          .product--listings-filters-list .filters--panel-accordion__trigger:after {
            font-family: "Font Awesome 5 Pro";
            float: right;
            content: "\F106"; }
          .product--listings-filters-list .filters--panel-accordion__trigger[aria-expanded=true]:after {
            content: "\F107"; }
        .product--listings-filters-list .filters--panel-list {
          display: none;
          padding-bottom: 16px;
          position: relative; }
          .product--listings-filters-list .filters--panel-list#filters--panel-cable_length {
            padding-top: 72px; }
          .product--listings-filters-list .filters--panel-list.show {
            display: block; }
          .product--listings-filters-list .filters--panel-list.expanded .filters--panel-list-group {
            height: 20rem;
            overflow-y: scroll; }
          .product--listings-filters-list .filters--panel-list-item {
            display: block;
            position: relative;
            width: auto;
            margin: 12px 12px 0 12px;
            cursor: pointer;
            font-weight: 400;
            line-height: 0.5;
            color: #5C6975; }
            .product--listings-filters-list .filters--panel-list-item .filters--panel-caption {
              width: 85%;
              display: inline-block;
              line-height: 1.4; }
            .product--listings-filters-list .filters--panel-list-item .float-right {
              margin-top: 4px; }
            .product--listings-filters-list .filters--panel-list-item a {
              font-weight: 600;
              line-height: 1;
              display: block; }
              .product--listings-filters-list .filters--panel-list-item a .pull-right {
                margin-top: 0;
                font-weight: 400;
                color: #5C6975; }
            .product--listings-filters-list .filters--panel-list-item:hover, .product--listings-filters-list .filters--panel-list-item:focus {
              color: #001E60;
              text-decoration: underline; }
              .product--listings-filters-list .filters--panel-list-item:hover .filters--panel-list-link + span, .product--listings-filters-list .filters--panel-list-item:focus .filters--panel-list-link + span {
                border-color: #001E60; }
          .product--listings-filters-list .filters--panel-list .k-checkbox-label {
            width: 70%;
            display: inline-block; }
            .product--listings-filters-list .filters--panel-list .k-checkbox-label .filters--panel-caption {
              width: 100%; }
          .product--listings-filters-list .filters--panel-list .view-button {
            background: transparent;
            border: 0 none;
            color: #0047BB;
            display: block;
            padding: 12px 12px 0 12px;
            -webkit-box-shadow: -8px 5px white;
            -moz-box-shadow: -8px 5px white;
            box-shadow: -8px 5px white;
            position: relative;
            z-index: 10;
            background: #FFFFFF;
            width: 100%;
            text-align: left; }
            .product--listings-filters-list .filters--panel-list .view-button:hover {
              text-decoration: underline; }
            .product--listings-filters-list .filters--panel-list .view-button[aria-expanded=true] {
              margin-top: 12px; }
          .product--listings-filters-list .filters--panel-list .toggle--length-button {
            position: absolute;
            top: 16px; }
            .product--listings-filters-list .filters--panel-list .toggle--length-button .btn-sm {
              font-size: 14px;
              font-size: 0.875rem;
              font-size: 14px;
              font-size: 0.875rem;
              color: #001E60;
              width: 100%;
              color: #001E60;
              text-transform: capitalize;
              border: 1px solid #001E60;
              background-color: #FFFFFF;
              -webkit-border-radius: 8px;
              -moz-border-radius: 8px;
              border-radius: 8px;
              padding: 8px 12px; }
              .product--listings-filters-list .filters--panel-list .toggle--length-button .btn-sm:hover, .product--listings-filters-list .filters--panel-list .toggle--length-button .btn-sm:focus {
                color: #FFFFFF;
                background-color: #001E60;
                border: 1px solid #001E60; }
              .product--listings-filters-list .filters--panel-list .toggle--length-button .btn-sm.active {
                background-color: #001E60;
                color: #FFFFFF; }
            .product--listings-filters-list .filters--panel-list .toggle--length-button.btn--index-0 {
              left: 0;
              padding-right: 0; }
              .product--listings-filters-list .filters--panel-list .toggle--length-button.btn--index-0 .btn-sm {
                -webkit-border-top-right-radius: 0;
                -moz-border-radius-topright: 0;
                border-top-right-radius: 0;
                -webkit-border-bottom-right-radius: 0;
                -moz-border-radius-bottomright: 0;
                border-bottom-right-radius: 0; }
            .product--listings-filters-list .filters--panel-list .toggle--length-button.btn--index-1 {
              right: 0;
              padding-left: 0; }
              .product--listings-filters-list .filters--panel-list .toggle--length-button.btn--index-1 .btn-sm {
                -webkit-border-top-left-radius: 0;
                -moz-border-radius-topleft: 0;
                border-top-left-radius: 0;
                -webkit-border-bottom-left-radius: 0;
                -moz-border-radius-bottomleft: 0;
                border-bottom-left-radius: 0;
                border-left: 0 none; }
  .product--listings-item {
    /*padding-top: $s-space;
            padding-bottom: $m-space;*/
    border-bottom: 1px solid #ccd1d7; }
    @media (max-width: 1200px) {
      .product--listings-item {
        padding-bottom: 20px; } }
    @media (min-width: 1200px) {
      .product--listings-item {
        padding-bottom: 20px; } }
    .product--listings-item#product--listings-item-0 {
      border-top: 1px solid #ccd1d7; }
    .product--listings-item.item--status {
      padding-top: 40px; }
    .product--listings-item .product--status {
      position: absolute;
      top: 0;
      left: 0; }
  .product--listings-information-product h4 {
    margin-bottom: 4px;
    cursor: pointer; }
  .product--listings-image {
    text-align: center;
    cursor: pointer; }
    .product--listings-image a {
      display: block; }
  .product--listings-pagination .pagination-container {
    text-align: center;
    margin-top: 20px; }
  .product--listings-pagination .pagination {
    align-items: center;
    justify-content: center; }
    .product--listings-pagination .pagination .page-item {
      margin-right: 12px;
      display: inline-block; }
      .product--listings-pagination .pagination .page-item .page-link {
        background-color: #dadee2;
        border-color: #dadee2;
        color: #253746;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
        width: 36px;
        height: 36px;
        text-align: center;
        float: none;
        display: inline-block;
        padding: 8px 0;
        font-weight: 600;
        line-height: 1.2; }
        .product--listings-pagination .pagination .page-item .page-link:hover {
          border-color: #001E60; }
      .product--listings-pagination .pagination .page-item.active .page-link {
        background-color: #253746;
        border-color: #253746;
        color: #FFFFFF; }
      .product--listings-pagination .pagination .page-item.PagedList-skipToNext .page-link, .product--listings-pagination .pagination .page-item.PagedList-skipToPrevious .page-link {
        background-color: transparent;
        border-color: #FFFFFF; }
      .product--listings-pagination .pagination .page-item .PagedList-skipToNext,
      .product--listings-pagination .pagination .page-item .PagedList-skipToPrevious {
        float: none;
        border: 0 none;
        padding: 0; }
        .product--listings-pagination .pagination .page-item .PagedList-skipToNext:hover,
        .product--listings-pagination .pagination .page-item .PagedList-skipToPrevious:hover {
          background-color: transparent; }
  .product--listings.accessories-listing {
    padding-top: 16px;
    *zoom: 1; }
    .product--listings.accessories-listing:before, .product--listings.accessories-listing:after {
      display: table;
      content: "";
      line-height: 0; }
    .product--listings.accessories-listing:after {
      clear: both; }
    .product--listings.accessories-listing.accessories-listing .btn.btn-primary {
      display: inline-block;
      padding: 12px 20px;
      font-size: 16px;
      font-size: 1rem;
      font-size: 16px;
      font-size: 1rem;
      border-radius: 4px;
      border: none;
      margin: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-weight: 600;
      background-color: #FFFFFF !important;
      color: #001E60;
      border: 1px solid #001E60; }
      .product--listings.accessories-listing.accessories-listing .btn.btn-primary:hover, .product--listings.accessories-listing.accessories-listing .btn.btn-primary:focus, .product--listings.accessories-listing.accessories-listing .btn.btn-primary:active {
        background-color: #001E60 !important; }

.product--variant {
  margin-top: 28px; }
  .product--variant-toggle {
    display: inline-block;
    position: relative;
    width: 75%;
    float: right; }
    .product--variant-toggle .dropdown-menu {
      transform: translate3d(0, 0, 0) !important; }
  .product--variant-style {
    margin-bottom: 12px; }
    .product--variant-style b {
      display: inline-block;
      width: 25%;
      font-size: 16px;
      font-size: 1rem;
      font-size: 16px;
      font-size: 1rem; }
    .product--variant-style .dropdown-menu {
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      background-color: #FFFFFF;
      border: 1px solid #ccd1d7;
      transition: all 0.2s ease-in-out;
      z-index: 20;
      padding: 12px;
      -webkit-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      -moz-box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      box-shadow: 0 2px 15px 0 rgba(11, 87, 128, 0.12);
      margin-top: 12px; }
      .product--variant-style .dropdown-menu:hover {
        border-color: rgba(34, 62, 87, 0.5);
        cursor: pointer; }
      .product--variant-style .dropdown-menu:before, .product--variant-style .dropdown-menu:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 12px 12px;
        display: block;
        right: 335px;
        width: 0; }
      .product--variant-style .dropdown-menu:before {
        border-color: rgba(93, 105, 118, 0.25) transparent;
        z-index: 0;
        top: -13px; }
      .product--variant-style .dropdown-menu:after {
        border-color: #FFFFFF transparent;
        z-index: 1;
        top: -11px; }
      .product--variant-style .dropdown-menu.show {
        display: block; }
      .product--variant-style .dropdown-menu:hover:before {
        border-color: rgba(34, 62, 87, 0.5) transparent; }
      .product--variant-style .dropdown-menu:before, .product--variant-style .dropdown-menu:after {
        right: 20px; }
      .product--variant-style .dropdown-menu .active {
        background: #f4f6f8; }
      .product--variant-style .dropdown-menu button {
        background: transparent;
        border: 0 none;
        color: #0047BB;
        display: block;
        width: 100%;
        text-align: left; }
        .product--variant-style .dropdown-menu button:hover {
          text-decoration: underline; }
      .product--variant-style .dropdown-menu:before, .product--variant-style .dropdown-menu:after {
        display: none; }
      .product--variant-style .dropdown-menu.open {
        width: 100%;
        margin-top: -2px;
        border-top: 0 none;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-box-shadow: 0 5px 5px 0 rgba(11, 87, 128, 0.12);
        -moz-box-shadow: 0 5px 5px 0 rgba(11, 87, 128, 0.12);
        box-shadow: 0 5px 5px 0 rgba(11, 87, 128, 0.12); }
        .product--variant-style .dropdown-menu.open a {
          padding-left: 4px; }
  .product--variant__trigger {
    background: #FFFFFF;
    border: 1px solid #ccd1d7;
    color: #5C6975;
    text-align: left;
    padding: 16px;
    min-width: 200px;
    margin-left: 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 0;
    border-color: #ccd1d7; }
    .product--variant__trigger:after {
      content: "\f107";
      font-family: "Font Awesome 5 Pro";
      float: right;
      display: block;
      border: 0 none; }
    .product--variant__trigger[aria-expanded="true"]:after {
      content: "\f106"; }
    .product--variant__trigger[aria-expanded="true"] {
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-bottomright: 0;
      border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-bottomleft: 0;
      border-bottom-left-radius: 0; }

.variant--color-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .variant--color-list li {
    padding-left: 0 !important; }
    .variant--color-list li:before {
      display: none; }

.variant--color-item {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  line-height: 1.6 !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 12px; }
  .variant--color-item.watch a {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccd1d7; }
  .variant--color-item.watch-black a {
    background: #000000; }
  .variant--color-item.watch-blue a {
    background: #00A9E0; }
  .variant--color-item.watch-gray a {
    background: #5C6975; }
  .variant--color-item.watch-green a {
    background: #12866E; }
  .variant--color-item.watch-orange a {
    background: #E87722; }
  .variant--color-item.watch-purple a {
    background: purple; }
  .variant--color-item.watch-red a {
    background: #B50000; }
  .variant--color-item.watch-yellow a {
    background: #F3A307; }
  .variant--color-item.watch-white a {
    background: #FFFFFF; }
  .variant--color-item.watch-clear a {
    background: #F5FFFA; }
  .variant--color-item.watch-aqua a {
    background: #a5ddd0; }
  .variant--color-item.active {
    border-width: 3px; }
    .variant--color-item.active.watch a {
      border: 3px solid #ccd1d7;
      text-align: center;
      text-decoration: none; }
      .variant--color-item.active.watch a:after {
        content: "\F00C";
        font-family: "Font Awesome 5 Pro";
        color: #FFC72C;
        font-size: 24px;
        font-size: 1.5rem;
        font-size: 24px;
        font-size: 1.5rem; }
  .variant--color-item.inactive {
    border-width: 3px;
    cursor: not-allowed; }
    .variant--color-item.inactive.watch a {
      border: 1px solid #ccd1d7;
      text-align: center; }
      .variant--color-item.inactive.watch a:after {
        content: "\F00D";
        font-family: "Font Awesome 5 Pro";
        color: #FFC72C;
        font-size: 24px;
        font-size: 1.5rem;
        font-size: 24px;
        font-size: 1.5rem; }

.product--replacement {
  margin-top: 20px; }

.product--detail-intro {
  margin-top: 28px; }
  .product--detail-intro .product--name {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 16px;
    margin-top: 0;
    line-height: 1.4;
    font-size: 36px;
    font-size: 2.25rem;
    font-size: 36px;
    font-size: 2.25rem;
    margin-bottom: 0; }
  .product--detail-intro .product--complementary-info {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 16px;
    margin-top: 0;
    color: #253746; }
  .product--detail-intro .product--sku {
    margin-top: 16px; }
  .product--detail-intro .product--total-reviews {
    margin-top: 16px; }
    .product--detail-intro .product--total-reviews a {
      font-size: 14px;
      font-size: 0.875rem;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600; }
    .product--detail-intro .product--total-reviews button {
      background: transparent;
      border: 0 none;
      color: #0047BB;
      font-size: 14px;
      font-size: 0.875rem;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600; }
      .product--detail-intro .product--total-reviews button:hover {
        text-decoration: underline; }

.product--main-information {
  clear: both;
  margin-bottom: 28px; }
  .product--main-information .product--features,
  .product--main-information .product--ecommerce {
    margin-top: 28px; }
  .product--main-information .product--price-heading {
    font-style: italic; }
  .product--main-information #product--quantity {
    text-align: right;
    height: auto;
    line-height: 2;
    padding: 12px;
    margin-bottom: 0; }
  .product--main-information .price--message {
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
    color: #192631; }
  .product--main-information .product--wheretobuy {
    margin-top: 28px; }
    .product--main-information .product--wheretobuy-options {
      padding: 0;
      margin: 0;
      list-style: none;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: left;
      color: #253746;
      margin-top: 28px;
      font-size: 14px;
      font-size: 0.875rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.7; }
      .product--main-information .product--wheretobuy-options li {
        padding-left: 8px; }
        .product--main-information .product--wheretobuy-options li:first-child {
          padding-left: 0;
          padding-right: 8px;
          border-right: 1px solid #ccd1d7; }

#product--tabs-information {
  margin-top: 40px;
  margin-bottom: 60px; }

#overview-description {
  margin-top: 40px;
  margin-bottom: 40px; }

#overview-applications {
  padding-top: 40px;
  border-top: 1px solid #ccd1d7; }

#overview-partners-id {
  padding-top: 28px;
  margin-bottom: 40px; }
  #overview-partners-id ul,
  #overview-partners-id ol {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0; }
  #overview-partners-id ul {
    margin-top: 28px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: left; }
    #overview-partners-id ul li {
      flex: 0 1 33%;
      margin-bottom: 16px; }

#technical-specifications {
  margin-bottom: 40px; }
  #technical-specifications .section {
    padding-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ccd1d7;
    *zoom: 1;
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7; }
    #technical-specifications .section:before, #technical-specifications .section:after {
      display: table;
      content: "";
      line-height: 0; }
    #technical-specifications .section:after {
      clear: both; }
    @media (max-width: 768px) {
      #technical-specifications .section .col-md-3.no-padding-left {
        padding-left: 16px !important; } }
  #technical-specifications h3 {
    margin-bottom: 8px; }
  #technical-specifications h6 {
    margin-top: 0; }
  #technical-specifications .row div:first-child .section {
    padding-top: 60px; }
  #technical-specifications .row div:last-child .section {
    padding-bottom: 60px; }
  #technical-specifications .spec--icons-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
    #technical-specifications .spec--icons-list li {
      padding-left: 0 !important; }
      #technical-specifications .spec--icons-list li:before {
        display: none; }
    @media (max-width: 768px) {
      #technical-specifications .spec--icons-list {
        padding-left: 16px !important;
        padding-right: 16px !important; } }
  #technical-specifications .spec--icons-item {
    padding: 0 16px 16px 0; }
  #technical-specifications .spec--icons-icon {
    display: block;
    width: 60px;
    height: 60px; }
  #technical-specifications #tech--specs {
    padding-top: 40px; }
    @media (max-width: 768px) {
      #technical-specifications #tech--specs .no-padding-left {
        padding-left: 16px !important; } }
    #technical-specifications #tech--specs table {
      width: 100%; }
      #technical-specifications #tech--specs table th,
      #technical-specifications #tech--specs table td {
        padding-bottom: 20px;
        vertical-align: top; }
      #technical-specifications #tech--specs table tr.border-top th,
      #technical-specifications #tech--specs table tr.border-top td {
        padding-top: 20px; }
      #technical-specifications #tech--specs table tr:first-child.border-top {
        border-top: 0 none !important; }
        #technical-specifications #tech--specs table tr:first-child.border-top th,
        #technical-specifications #tech--specs table tr:first-child.border-top td {
          padding-top: 0; }
  #technical-specifications #tech--certifications {
    padding-top: 40px; }
    @media (max-width: 768px) {
      #technical-specifications #tech--certifications .no-padding-left {
        padding-left: 16px !important; } }

#accessories {
  margin-bottom: 40px; }
  #accessories .section {
    padding-top: 28px;
    padding-bottom: 28px;
    *zoom: 1;
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7; }
    #accessories .section:before, #accessories .section:after {
      display: table;
      content: "";
      line-height: 0; }
    #accessories .section:after {
      clear: both; }
  #accessories h3 {
    margin-bottom: 8px; }

.driver-and-downloads--title {
  margin-top: 28px; }

#support {
  margin-bottom: 40px; }
  #support h4 {
    font-weight: 600; }
  #support--title {
    margin-top: 40px; }
  #support--downloads {
    /*padding-top: $m-space;*/
    padding-bottom: 28px;
    border-bottom: 1px solid #ccd1d7;
    padding-left: 0;
    margin-left: 15px;
    margin-bottom: 40px; }
  #support--safety .safety-measures {
    margin-top: 28px;
    padding-top: 28px;
    padding-bottom: 28px;
    border-top: 1px solid #ccd1d7; }
    #support--safety .safety-measures ul,
    #support--safety .safety-measures ol {
      list-style-type: none;
      margin-bottom: 0;
      padding: 0; }
    #support--safety .safety-measures li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal) {
      position: relative;
      padding-left: 20px;
      margin-bottom: 12px; }
      #support--safety .safety-measures li:not(.remove-list):not(.list-horizontal-border):not(.list-horizontal):before {
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        border: 2px solid #5C6975;
        background-color: #FFFFFF;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
  #support .element--downloads {
    margin: 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccd1d7; }
    #support .element--downloads-list, #support .element--downloads-details {
      list-style-type: none;
      padding: 0; }
    #support .element--downloads-details {
      font-size: 14px;
      font-size: 0.875rem;
      font-size: 14px;
      font-size: 0.875rem;
      color: #5C6975;
      *zoom: 1; }
      #support .element--downloads-details:before, #support .element--downloads-details:after {
        display: table;
        content: "";
        line-height: 0; }
      #support .element--downloads-details:after {
        clear: both; }
      #support .element--downloads-details li {
        float: left;
        padding: 0 16px;
        border-left: 1px solid #ccd1d7; }
        #support .element--downloads-details li:first-child {
          padding-left: 0;
          border-left: 0 none; }

.support-chat .card {
  border: 1px solid #ccd1d7;
  margin: 0; }
  .support-chat .card p {
    font-size: 14px;
    font-size: 0.875rem;
    font-size: 14px;
    font-size: 0.875rem; }
  .support-chat .card-container {
    padding: 16px; }

@media (max-width: 992px) {
  #overview-partners-id ul li {
    flex: 0 1 75%; }
  #technical-specifications #tech--specs table {
    margin: 28px -15px 16px -15px; } }

@media (max-width: 768px) {
  .product--detail-intro .product--total-reviews {
    margin-top: 0; }
  .product--main-information .product--ecommerce {
    padding-left: 15px; }
  #overview-partners-id .partner-id--list {
    padding-left: 0;
    padding-right: 0; }
    #overview-partners-id .partner-id--list li {
      flex: 0 1 100%; }
  #technical-specifications #tech--specs table {
    margin: 28px 0 16px 0; }
  #overview-description iframe,
  #overview-description embed,
  #overview-description object,
  #overview-description video {
    width: 100% !important;
    height: 315px; } }