/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/customize/?id=335a433f983ff9d3728ac0ed6fb91cd3)
 * Config saved to config.json and https://gist.github.com/335a433f983ff9d3728ac0ed6fb91cd3
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
body {
  margin: 0; }

.row {
  margin-left: -10px;
  margin-right: -10px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

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

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

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

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.u-row.row {
  clear: both; }

[class*="block-grid-"] {
  display: block;
  margin: -15px;
  padding: 0 .9375rem; }

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table; }

[class*="block-grid-"]:after {
  clear: both; }

[class*="block-grid-"] > * {
  display: inline;
  padding: 15px;
  height: auto;
  float: left;
  list-style: none; }

.block-grid-xs-1 > * {
  width: 100%; }

.block-grid-xs-1 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-1 > *:nth-of-type(1n+1) {
  clear: both; }

.block-grid-xs-2 > * {
  width: 50%; }

.block-grid-xs-2 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-2 > *:nth-of-type(2n+1) {
  clear: both; }

.block-grid-xs-3 > * {
  width: 33.333333333333336%; }

.block-grid-xs-3 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-3 > *:nth-of-type(3n+1) {
  clear: both; }

.block-grid-xs-4 > * {
  width: 25%; }

.block-grid-xs-4 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-4 > *:nth-of-type(4n+1) {
  clear: both; }

.block-grid-xs-5 > * {
  width: 20%; }

.block-grid-xs-5 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-5 > *:nth-of-type(5n+1) {
  clear: both; }

.block-grid-xs-6 > * {
  width: 16.666666666666668%; }

.block-grid-xs-6 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-6 > *:nth-of-type(6n+1) {
  clear: both; }

.block-grid-xs-7 > * {
  width: 14.285714285714286%; }

.block-grid-xs-7 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-7 > *:nth-of-type(7n+1) {
  clear: both; }

.block-grid-xs-8 > * {
  width: 12.5%; }

.block-grid-xs-8 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-8 > *:nth-of-type(8n+1) {
  clear: both; }

.block-grid-xs-9 > * {
  width: 11.11111111111111%; }

.block-grid-xs-9 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-9 > *:nth-of-type(9n+1) {
  clear: both; }

.block-grid-xs-10 > * {
  width: 10%; }

.block-grid-xs-10 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-10 > *:nth-of-type(10n+1) {
  clear: both; }

.block-grid-xs-11 > * {
  width: 9.090909090909092%; }

.block-grid-xs-11 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-11 > *:nth-of-type(11n+1) {
  clear: both; }

.block-grid-xs-12 > * {
  width: 8.333333333333334%; }

.block-grid-xs-12 > *:nth-of-type(n) {
  clear: none; }

.block-grid-xs-12 > *:nth-of-type(12n+1) {
  clear: both; }

@media (min-width: 768px) {
  .block-grid-sm-1 > * {
    width: 100%; }
  .block-grid-sm-1 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-1 > *:nth-of-type(1n+1) {
    clear: both; }
  .block-grid-sm-2 > * {
    width: 50%; }
  .block-grid-sm-2 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-2 > *:nth-of-type(2n+1) {
    clear: both; }
  .block-grid-sm-3 > * {
    width: 33.333333333333336%; }
  .block-grid-sm-3 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-3 > *:nth-of-type(3n+1) {
    clear: both; }
  .block-grid-sm-4 > * {
    width: 25%; }
  .block-grid-sm-4 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-4 > *:nth-of-type(4n+1) {
    clear: both; }
  .block-grid-sm-5 > * {
    width: 20%; }
  .block-grid-sm-5 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-5 > *:nth-of-type(5n+1) {
    clear: both; }
  .block-grid-sm-6 > * {
    width: 16.666666666666668%; }
  .block-grid-sm-6 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-6 > *:nth-of-type(6n+1) {
    clear: both; }
  .block-grid-sm-7 > * {
    width: 14.285714285714286%; }
  .block-grid-sm-7 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-7 > *:nth-of-type(7n+1) {
    clear: both; }
  .block-grid-sm-8 > * {
    width: 12.5%; }
  .block-grid-sm-8 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-8 > *:nth-of-type(8n+1) {
    clear: both; }
  .block-grid-sm-9 > * {
    width: 11.11111111111111%; }
  .block-grid-sm-9 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-9 > *:nth-of-type(9n+1) {
    clear: both; }
  .block-grid-sm-10 > * {
    width: 10%; }
  .block-grid-sm-10 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-10 > *:nth-of-type(10n+1) {
    clear: both; }
  .block-grid-sm-11 > * {
    width: 9.090909090909092%; }
  .block-grid-sm-11 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-11 > *:nth-of-type(11n+1) {
    clear: both; }
  .block-grid-sm-12 > * {
    width: 8.333333333333334%; }
  .block-grid-sm-12 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-sm-12 > *:nth-of-type(12n+1) {
    clear: both; } }

@media (min-width: 992px) {
  .block-grid-md-1 > * {
    width: 100%; }
  .block-grid-md-1 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-1 > *:nth-of-type(1n+1) {
    clear: both; }
  .block-grid-md-2 > * {
    width: 50%; }
  .block-grid-md-2 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-2 > *:nth-of-type(2n+1) {
    clear: both; }
  .block-grid-md-3 > * {
    width: 33.333333333333336%; }
  .block-grid-md-3 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-3 > *:nth-of-type(3n+1) {
    clear: both; }
  .block-grid-md-4 > * {
    width: 25%; }
  .block-grid-md-4 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-4 > *:nth-of-type(4n+1) {
    clear: both; }
  .block-grid-md-5 > * {
    width: 20%; }
  .block-grid-md-5 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-5 > *:nth-of-type(5n+1) {
    clear: both; }
  .block-grid-md-6 > * {
    width: 16.666666666666668%; }
  .block-grid-md-6 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-6 > *:nth-of-type(6n+1) {
    clear: both; }
  .block-grid-md-7 > * {
    width: 14.285714285714286%; }
  .block-grid-md-7 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-7 > *:nth-of-type(7n+1) {
    clear: both; }
  .block-grid-md-8 > * {
    width: 12.5%; }
  .block-grid-md-8 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-8 > *:nth-of-type(8n+1) {
    clear: both; }
  .block-grid-md-9 > * {
    width: 11.11111111111111%; }
  .block-grid-md-9 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-9 > *:nth-of-type(9n+1) {
    clear: both; }
  .block-grid-md-10 > * {
    width: 10%; }
  .block-grid-md-10 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-10 > *:nth-of-type(10n+1) {
    clear: both; }
  .block-grid-md-11 > * {
    width: 9.090909090909092%; }
  .block-grid-md-11 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-11 > *:nth-of-type(11n+1) {
    clear: both; }
  .block-grid-md-12 > * {
    width: 8.333333333333334%; }
  .block-grid-md-12 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-md-12 > *:nth-of-type(12n+1) {
    clear: both; } }

@media (min-width: 1200px) {
  .block-grid-lg-1 > * {
    width: 100%; }
  .block-grid-lg-1 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-1 > *:nth-of-type(1n+1) {
    clear: both; }
  .block-grid-lg-2 > * {
    width: 50%; }
  .block-grid-lg-2 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-2 > *:nth-of-type(2n+1) {
    clear: both; }
  .block-grid-lg-3 > * {
    width: 33.333333333333336%; }
  .block-grid-lg-3 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-3 > *:nth-of-type(3n+1) {
    clear: both; }
  .block-grid-lg-4 > * {
    width: 25%; }
  .block-grid-lg-4 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-4 > *:nth-of-type(4n+1) {
    clear: both; }
  .block-grid-lg-5 > * {
    width: 20%; }
  .block-grid-lg-5 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-5 > *:nth-of-type(5n+1) {
    clear: both; }
  .block-grid-lg-6 > * {
    width: 16.666666666666668%; }
  .block-grid-lg-6 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-6 > *:nth-of-type(6n+1) {
    clear: both; }
  .block-grid-lg-7 > * {
    width: 14.285714285714286%; }
  .block-grid-lg-7 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-7 > *:nth-of-type(7n+1) {
    clear: both; }
  .block-grid-lg-8 > * {
    width: 12.5%; }
  .block-grid-lg-8 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-8 > *:nth-of-type(8n+1) {
    clear: both; }
  .block-grid-lg-9 > * {
    width: 11.11111111111111%; }
  .block-grid-lg-9 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-9 > *:nth-of-type(9n+1) {
    clear: both; }
  .block-grid-lg-10 > * {
    width: 10%; }
  .block-grid-lg-10 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-10 > *:nth-of-type(10n+1) {
    clear: both; }
  .block-grid-lg-11 > * {
    width: 9.090909090909092%; }
  .block-grid-lg-11 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-11 > *:nth-of-type(11n+1) {
    clear: both; }
  .block-grid-lg-12 > * {
    width: 8.333333333333334%; }
  .block-grid-lg-12 > *:nth-of-type(n) {
    clear: none; }
  .block-grid-lg-12 > *:nth-of-type(12n+1) {
    clear: both; } }

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
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,
menu,
nav,
section,
summary {
  display: block; }

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

/**
 * Prevents 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/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
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; }

/**
 * Addresses 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
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
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 {
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
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.
 * 4. Improves appearance and consistency in all browsers.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
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` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * 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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
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; }

html {
  font-size: 16px; }

body, html {
  font-family: "ArrowDisplayRegular", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern";
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures; }

html {
  height: 100%;
  font-size: 100%; }

a:focus-visible {
  outline: 3px solid #7FC1EA; }

a.outline-focus-inside:focus-visible {
  outline: 3px solid #7FC1EA;
  outline-offset: -3px; }

input[type='checkbox']:focus-visible, input:focus-visible, select:focus-visible {
  outline: none !important;
  background: #fff;
  box-shadow: 0 0 0 3px #7FC1EA; }

body {
  min-height: 100%;
  font-size: 12px;
  transition: background-color .3s ease; }

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

h1, h2, h3, h4, h5, h6 {
  font-family: "ArrowDisplayRegular", sans-serif; }

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue-400.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400-italic.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400-italic.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400-italic.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400-italic.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400-italic.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700-italic.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700-italic.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700-italic.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700-italic.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-700-italic.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800-italic.eot#iefix");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800-italic.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800-italic.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800-italic.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-800-italic.ttf") format("truetype"); }

@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.eot");
  src: url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.eot#iefix") format("embedded-opentype"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.woff2") format("woff2"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.woff") format("woff"), url("https://static4.arrowelectronics.com.au/fonts/helvetica-neue/helvetica-neue/helvetica-neue-400.ttf") format("truetype"); }

@font-face {
  font-family: 'ArrowDisplayBold';
  font-display: swap;
  src: url(../../-/media/Arrow/Webfont/v200/WOFF2/ArrowDisplay_W_Bd.woff) format("woff2"), url(../../-/media/Arrow/Webfont/v200/WOFF/ArrowDisplay_W_Bd.woff) format("woff"); }

@font-face {
  font-family: 'ArrowDisplayMedium';
  font-display: swap;
  src: url(../../-/media/Arrow/Webfont/v200/WOFF2/ArrowDisplay_W_Md.woff) format("woff2"), url(../../-/media/Arrow/Webfont/v200/WOFF/ArrowDisplay_W_Md.woff) format("woff"); }

@font-face {
  font-family: 'ArrowDisplayRegular';
  font-display: swap;
  src: url(../../-/media/Arrow/Webfont/v200/WOFF2/ArrowDisplay_W_Rg.woff) format("woff2"), url(../../-/media/Arrow/Webfont/v200/WOFF/ArrowDisplay_W_Rg.woff) format("woff"); }

.Button {
  background-color: #000;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  outline: none;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  min-width: 0;
  width: auto;
  padding: 13px 28px;
  padding: 0.8125rem 1.75rem; }
  .Button.is-black {
    background: #000; }
  .Button.is-white {
    background: #fff; }
  .Button.is-verydarkgrey {
    background: #29272a; }
  .Button.is-grey {
    background: #757575; }
  .Button.is-red {
    background: #E31B23; }
  .Button.is-blue {
    background: #009DDC; }
  .Button.is-brightBlue {
    background: #0069AA; }
  .Button.is-activeButtonBlue {
    background: #004E7F; }
  .Button.is-green {
    background: #54B948; }
  .Button.is-orange {
    background: #F68A33; }
  .Button.is-purple {
    background: #92278f; }
  .Button.is-pink {
    background: #EB1478; }
  .Button.is-yellow {
    background: #fdbb31; }
  .Button.is-darkgrey {
    background: #505050; }
  .Button.is-iotgreen {
    background: #009A8C; }
  .Button.is-skyblue {
    background: #BFE0F4; }
  .Button.is-white:hover {
    background: #e6e6e6; }
  .Button.is-verydarkgrey:hover {
    background: #0f0e10; }
  .Button.is-grey:hover {
    background: #bebebe; }
  .Button.is-red:hover {
    background: #b5161c; }
  .Button.is-blue:hover {
    background: #0079a9; }
  .Button.is-brightBlue:hover {
    background: #0084D5; }
  .Button.is-green:hover {
    background: #439539; }
  .Button.is-orange:hover {
    background: #ec6f0a; }
  .Button.is-purple:hover {
    background: #6a1c68; }
  .Button.is-pink:hover {
    background: #bc1060; }
  .Button.is-yellow:hover {
    background: #f9a902; }
  .Button:hover, .Button:focus {
    background-color: #404040; }
  .Button:focus:not(#RegistrationForm-submitButton) {
    outline: 0;
    box-shadow: 0 0 0 3px #7FC1EA; }
  .Button--small {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 11px 12px;
    padding: 0.6875rem 0.75rem;
    letter-spacing: 0.05em; }
  .Button--large {
    font-size: 16px;
    font-size: 1rem;
    padding: 14px;
    padding: 0.875rem; }
  .Button--full {
    display: block;
    width: 100%; }
  .Button--bordered {
    background: transparent;
    border: 2px solid #000;
    color: #000;
    padding-top: 11px;
    padding-top: 0.6875rem;
    padding-bottom: 11px;
    padding-bottom: 0.6875rem; }
    .Button--bordered:hover, .Button--bordered:focus {
      color: #fff;
      background-color: #000;
      box-shadow: 0 0 0 3px #7FC1EA; }
    .Button--bordered.is-black {
      border-color: #000;
      color: #000; }
    .Button--bordered.is-white {
      border-color: #fff;
      color: #fff; }
    .Button--bordered.is-verydarkgrey {
      border-color: #29272a;
      color: #29272a; }
    .Button--bordered.is-grey {
      border-color: #757575;
      color: #757575; }
    .Button--bordered.is-red {
      border-color: #E31B23;
      color: #E31B23; }
    .Button--bordered.is-blue {
      border-color: #009DDC;
      color: #009DDC; }
    .Button--bordered.is-brightBlue {
      border-color: #0069AA;
      color: #0069AA; }
    .Button--bordered.is-activeButtonBlue {
      border-color: #004E7F;
      color: #004E7F; }
    .Button--bordered.is-green {
      border-color: #54B948;
      color: #54B948; }
    .Button--bordered.is-orange {
      border-color: #F68A33;
      color: #F68A33; }
    .Button--bordered.is-purple {
      border-color: #92278f;
      color: #92278f; }
    .Button--bordered.is-pink {
      border-color: #EB1478;
      color: #EB1478; }
    .Button--bordered.is-yellow {
      border-color: #fdbb31;
      color: #fdbb31; }
    .Button--bordered.is-darkgrey {
      border-color: #505050;
      color: #505050; }
    .Button--bordered.is-iotgreen {
      border-color: #009A8C;
      color: #009A8C; }
    .Button--bordered.is-skyblue {
      border-color: #BFE0F4;
      color: #BFE0F4; }
    .Button--bordered.is-black:hover {
      background-color: #000; }
    .Button--bordered.is-white:hover {
      background-color: #fff; }
    .Button--bordered.is-verydarkgrey:hover {
      background-color: #29272a; }
    .Button--bordered.is-grey:hover {
      background-color: #757575; }
    .Button--bordered.is-red:hover {
      background-color: #E31B23; }
    .Button--bordered.is-blue:hover {
      background-color: #009DDC; }
    .Button--bordered.is-brightBlue:hover {
      background-color: #0069AA; }
    .Button--bordered.is-activeButtonBlue:hover {
      background-color: #004E7F; }
    .Button--bordered.is-green:hover {
      background-color: #54B948; }
    .Button--bordered.is-orange:hover {
      background-color: #F68A33; }
    .Button--bordered.is-purple:hover {
      background-color: #92278f; }
    .Button--bordered.is-pink:hover {
      background-color: #EB1478; }
    .Button--bordered.is-yellow:hover {
      background-color: #fdbb31; }
    .Button--bordered.is-darkgrey:hover {
      background-color: #505050; }
    .Button--bordered.is-iotgreen:hover {
      background-color: #009A8C; }
    .Button--bordered.is-skyblue:hover {
      background-color: #BFE0F4; }
    .Button--bordered.is-black:hover {
      color: #fff; }
    .Button--bordered.is-white:hover {
      color: #000; }
    .Button--bordered.is-verydarkgrey:hover {
      color: #fff; }
    .Button--bordered.is-grey:hover {
      color: #fff; }
    .Button--bordered.is-red:hover {
      color: #fff; }
    .Button--bordered.is-blue:hover {
      color: #fff; }
    .Button--bordered.is-green:hover {
      color: #fff; }
    .Button--bordered.is-orange:hover {
      color: #fff; }
    .Button--bordered.is-purple:hover {
      color: #fff; }
    .Button--bordered.is-pink:hover {
      color: #fff; }
    .Button--bordered.is-skyblue:hover {
      color: #BFE0F4; }
    .Button--bordered.Button--inverted-colors {
      border-color: #fff;
      color: #fff; }
      .Button--bordered.Button--inverted-colors:hover, .Button--bordered.Button--inverted-colors:focus {
        background-color: #fff;
        color: #000;
        box-shadow: 0 0 0 3px #7FC1EA; }
      .Button--bordered.Button--inverted-colors.is-black {
        background-color: #000; }
      .Button--bordered.Button--inverted-colors.is-white {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-verydarkgrey {
        background-color: #29272a; }
      .Button--bordered.Button--inverted-colors.is-grey {
        background-color: #757575; }
      .Button--bordered.Button--inverted-colors.is-red {
        background-color: #E31B23; }
      .Button--bordered.Button--inverted-colors.is-blue {
        background-color: #009DDC; }
      .Button--bordered.Button--inverted-colors.is-brightBlue {
        background-color: #0069AA; }
      .Button--bordered.Button--inverted-colors.is-activeButtonBlue {
        background-color: #004E7F; }
      .Button--bordered.Button--inverted-colors.is-green {
        background-color: #54B948; }
      .Button--bordered.Button--inverted-colors.is-orange {
        background-color: #F68A33; }
      .Button--bordered.Button--inverted-colors.is-purple {
        background-color: #92278f; }
      .Button--bordered.Button--inverted-colors.is-pink {
        background-color: #EB1478; }
      .Button--bordered.Button--inverted-colors.is-yellow {
        background-color: #fdbb31; }
      .Button--bordered.Button--inverted-colors.is-darkgrey {
        background-color: #505050; }
      .Button--bordered.Button--inverted-colors.is-iotgreen {
        background-color: #009A8C; }
      .Button--bordered.Button--inverted-colors.is-skyblue {
        background-color: #BFE0F4; }
      .Button--bordered.Button--inverted-colors.is-black {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-white {
        border-color: #000;
        color: #000; }
      .Button--bordered.Button--inverted-colors.is-verydarkgrey {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-grey {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-red {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-blue {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-green {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-orange {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-purple {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-pink {
        border-color: #fff;
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-skyblue {
        border-color: #BFE0F4;
        color: #BFE0F4; }
      .Button--bordered.Button--inverted-colors.is-black:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-white:hover {
        background-color: #000; }
      .Button--bordered.Button--inverted-colors.is-verydarkgrey:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-grey:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-red:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-blue:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-green:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-orange:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-purple:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-pink:hover {
        background-color: #fff; }
      .Button--bordered.Button--inverted-colors.is-skyblue:hover {
        background-color: #BFE0F4; }
      .Button--bordered.Button--inverted-colors.is-black:hover {
        color: #000; }
      .Button--bordered.Button--inverted-colors.is-white:hover {
        color: #fff; }
      .Button--bordered.Button--inverted-colors.is-verydarkgrey:hover {
        color: #29272a; }
      .Button--bordered.Button--inverted-colors.is-grey:hover {
        color: #757575; }
      .Button--bordered.Button--inverted-colors.is-red:hover {
        color: #E31B23; }
      .Button--bordered.Button--inverted-colors.is-blue:hover {
        color: #009DDC; }
      .Button--bordered.Button--inverted-colors.is-brightBlue:hover {
        color: #0069AA; }
      .Button--bordered.Button--inverted-colors.is-activeButtonBlue:hover {
        color: #004E7F; }
      .Button--bordered.Button--inverted-colors.is-green:hover {
        color: #54B948; }
      .Button--bordered.Button--inverted-colors.is-orange:hover {
        color: #F68A33; }
      .Button--bordered.Button--inverted-colors.is-purple:hover {
        color: #92278f; }
      .Button--bordered.Button--inverted-colors.is-pink:hover {
        color: #EB1478; }
      .Button--bordered.Button--inverted-colors.is-yellow:hover {
        color: #fdbb31; }
      .Button--bordered.Button--inverted-colors.is-darkgrey:hover {
        color: #505050; }
      .Button--bordered.Button--inverted-colors.is-iotgreen:hover {
        color: #009A8C; }
      .Button--bordered.Button--inverted-colors.is-skyblue:hover {
        color: #BFE0F4; }
    .Button--bordered.Button--flat {
      font-size: 12px;
      font-size: 0.75rem;
      padding: 5px 9px;
      padding: 0.3125rem 0.5625rem; }
  .Button--vertical + .Button--vertical {
    margin-top: 10px; }
  .Button.is-hidden {
    overflow: hidden;
    border-width: 0;
    height: 0;
    padding: 0;
    margin: 0; }
  .Button.is-white {
    color: #000; }
  .Button--black {
    background-color: #000; }
    .Button--black:hover, .Button--black:focus {
      background-color: #404040; }
  .Button--green {
    background-color: #54B948; }
    .Button--green:hover, .Button--green:focus {
      background-color: #189c58; }
  .Button--orange {
    background-color: #F68A33; }
    .Button--orange:hover {
      background-color: #E46A2B; }
  .Button--red {
    background-color: #E31B23; }
    .Button--red:hover, .Button--red:focus {
      background-color: #ca1836;
      box-shadow: 0 0 0 3px #7FC1EA; }
  .Button--brightBlue {
    background-color: #0069AA;
    border-radius: 2px; }
    .Button--brightBlue:hover {
      background-color: #0084D5; }
    .Button--brightBlue:focus {
      background-color: #0069AA;
      box-shadow: 0 0 0 3px #7FC1EA;
      outline: solid 3px #7FC1EA !important; }
  .Button--white {
    border: 1px solid #7FC1EA;
    border-radius: 2px;
    background-color: #fff;
    color: #0069AA; }
    .Button--white:hover {
      background-color: rgba(0, 105, 170, 0.1);
      color: #0069AA;
      border: 1px solid #7FC1EA; }
    .Button--white:focus {
      box-shadow: 0 0 0 3px #7FC1EA;
      background-color: #fff; }
  .Button--blue {
    background-color: #009DDC; }
    .Button--blue:hover, .Button--blue:focus {
      background-color: #0084D5; }
  .Button--grey {
    color: #000;
    background-color: #d7d7d7; }
    .Button--grey:hover, .Button--grey:focus {
      background-color: #eee; }
  .Button--midgrey {
    background-color: #757575; }
    .Button--midgrey:hover, .Button--midgrey:focus {
      background-color: #29272a; }
  .Button-secondary {
    background-color: #0069AA00;
    color: #0069AA;
    background: #0069AA00;
    border-radius: 2px;
    text-decoration: underline; }
    .Button-secondary-margin-right-12 {
      margin-right: 20px; }
    .Button-secondary:hover {
      background-color: #0069AA1A;
      color: #0069AA; }
    .Button-secondary:focus {
      box-shadow: 0 0 0 3px #7FC1EA;
      background-color: #0069AA00; }
    .Button-secondary:active {
      background-color: #0069AA33; }

/**
 * Inline button wrapper for centered buttons
 */
.Centered-buttons {
  text-align: center; }
  .Centered-buttons .Button {
    margin: 0 .75em;
    min-width: 220px; }

/**
 * A round close button with an icon inside
 */
.Button--closeRound {
  background-color: #000;
  border-radius: 50px;
  padding: 1em; }

.Button--loaderInserted {
  transition: min-width .2s ease;
  min-width: 67px; }
  .Button--loaderInserted:before {
    content: ''; }
  .Button--loaderInserted > span {
    display: none; }
  .Button--loaderInserted .Loader {
    display: block;
    padding: 0; }

.Button.loading {
  font-size: 0;
  pointer-events: none; }
  .Button.loading:before {
    content: ''; }
  .Button.loading > span {
    font-size: 0; }
  .Button.loading:after,
  .Button.loading > span:before,
  .Button.loading > span:after {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    content: "";
    vertical-align: baseline;
    animation: threeBounceDelay 1.4s infinite ease-in-out;
    animation-fill-mode: both; }
  .Button.loading > span:before {
    animation-delay: -0.32s;
    margin-right: 5px; }
  .Button.loading > span:after {
    animation-delay: -0.16s;
    margin-right: 5px; }
  .Button.loading.is-white {
    background-color: #000; }
  .Button.loading span:after {
    margin-right: 2px; }

.Button--loadMore {
  position: relative;
  display: block;
  background-color: #0069AA;
  color: #fff;
  margin: 1.66667em auto;
  clear: both; }
  .Button--loadMore:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: ' ';
    height: 0;
    width: 0;
    margin-left: -5px;
    border-width: 6px 5px 0 5px;
    border-color: #000 transparent transparent transparent; }
  .Button--loadMore:hover {
    background-color: #0084D5; }
  .Button--loadMore:focus {
    background-color: #0069AA;
    box-shadow: 0 0 0 3px #7FC1EA;
    outline: none; }
  .Button--loadMore.is-hidden {
    overflow: hidden;
    display: none;
    border-width: 0;
    height: 0;
    padding: 0;
    margin: 0; }

.Masonry-pagination-container {
  display: block;
  text-align: center;
  height: 42px;
  margin: 25px auto 0;
  position: relative;
  clear: both;
  max-width: 77.5rem;
  padding-left: 1.25em;
  padding-right: 1.25em; }
  @media (min-width: 1258px) {
    .Masonry-pagination-container {
      padding-left: 0;
      padding-right: 0; } }

.Masonry-pagination {
  list-style: none;
  font-size: 16px;
  line-height: 1.5rem;
  color: #cfcfcf;
  cursor: default;
  padding-left: 0; }
  .Masonry-pagination li {
    display: inline-block;
    margin: 0 2px; }
    @media (min-width: 720px) {
      .Masonry-pagination li {
        margin: 0 4px; } }
  .Masonry-pagination a, .Masonry-pagination span {
    min-width: 1.2em;
    display: inline-block; }
    @media (min-width: 720px) {
      .Masonry-pagination a, .Masonry-pagination span {
        min-width: 1.5em; } }
  .Masonry-pagination a {
    color: #000; }
  .Masonry-pagination .Icon {
    vertical-align: middle;
    font-size: 11px; }
  .Masonry-pagination--current span {
    font-weight: 600;
    background: #29272a;
    color: #fff;
    border-radius: 50%;
    min-width: 1.5em; }
  .Masonry-pagination .Masonry-pagination--refine {
    color: #666;
    display: block;
    padding: 20px; }

.DoubleCtas {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-top: 10px;
  text-align: center; }
  .DoubleCtas-item {
    display: table-cell;
    background: #000;
    vertical-align: middle; }
    .DoubleCtas-item:not(:last-child) {
      border-right: 1px solid; }
  .DoubleCtas .Button {
    display: block;
    word-wrap: break-word;
    padding: 15px 10px; }
    .DoubleCtas .Button.u-hide {
      display: none !important; }
  .DoubleCtas .Button--bordered {
    background-color: #fff; }
    .DoubleCtas .Button--bordered:hover, .DoubleCtas .Button--bordered:focus {
      background-color: #000; }
  .DoubleCtas.is-black .Button {
    background: #000; }
  .DoubleCtas.is-white .Button {
    background: #fff; }
  .DoubleCtas.is-verydarkgrey .Button {
    background: #29272a; }
  .DoubleCtas.is-grey .Button {
    background: #757575; }
  .DoubleCtas.is-red .Button {
    background: #E31B23; }
  .DoubleCtas.is-blue .Button {
    background: #009DDC; }
  .DoubleCtas.is-brightBlue .Button {
    background: #0069AA; }
  .DoubleCtas.is-activeButtonBlue .Button {
    background: #004E7F; }
  .DoubleCtas.is-green .Button {
    background: #54B948; }
  .DoubleCtas.is-orange .Button {
    background: #F68A33; }
  .DoubleCtas.is-purple .Button {
    background: #92278f; }
  .DoubleCtas.is-pink .Button {
    background: #EB1478; }
  .DoubleCtas.is-yellow .Button {
    background: #fdbb31; }
  .DoubleCtas.is-darkgrey .Button {
    background: #505050; }
  .DoubleCtas.is-iotgreen .Button {
    background: #009A8C; }
  .DoubleCtas.is-skyblue .Button {
    background: #BFE0F4; }
  .DoubleCtas.is-white .Button:hover {
    background-color: #e6e6e6; }
  .DoubleCtas.is-verydarkgrey .Button:hover {
    background-color: #0f0e10; }
  .DoubleCtas.is-grey .Button:hover {
    background-color: #bebebe; }
  .DoubleCtas.is-red .Button:hover {
    background-color: #b5161c; }
  .DoubleCtas.is-blue .Button:hover {
    background-color: #0079a9; }
  .DoubleCtas.is-brightBlue .Button:hover {
    background-color: #0084D5; }
  .DoubleCtas.is-green .Button:hover {
    background-color: #439539; }
  .DoubleCtas.is-orange .Button:hover {
    background-color: #ec6f0a; }
  .DoubleCtas.is-purple .Button:hover {
    background-color: #6a1c68; }
  .DoubleCtas.is-pink .Button:hover {
    background-color: #bc1060; }
  .DoubleCtas.is-yellow .Button:hover {
    background-color: #f9a902; }
  .DoubleCtas.is-white .DoubleCtas-item {
    border-color: #e6e6e6; }
  .DoubleCtas.is-verydarkgrey .DoubleCtas-item {
    border-color: #0f0e10; }
  .DoubleCtas.is-grey .DoubleCtas-item {
    border-color: #bebebe; }
  .DoubleCtas.is-red .DoubleCtas-item {
    border-color: #b5161c; }
  .DoubleCtas.is-blue .DoubleCtas-item {
    border-color: #0079a9; }
  .DoubleCtas.is-brightBlue .DoubleCtas-item {
    border-color: #0084D5; }
  .DoubleCtas.is-green .DoubleCtas-item {
    border-color: #439539; }
  .DoubleCtas.is-orange .DoubleCtas-item {
    border-color: #ec6f0a; }
  .DoubleCtas.is-purple .DoubleCtas-item {
    border-color: #6a1c68; }
  .DoubleCtas.is-pink .DoubleCtas-item {
    border-color: #bc1060; }
  .DoubleCtas.is-yellow .DoubleCtas-item {
    border-color: #f9a902; }
  .DoubleCtas.is-white .Button {
    color: #000; }

@media screen and (min-width: 600px) {
  .DoubleCtas {
    margin-top: 15px; } }

@media screen and (min-width: 890px) {
  .DoubleCtas-item.u-laptop-up-hide {
    display: none; } }

.Masonry {
  position: relative;
  top: 0;
  width: auto; }

.Masonry-grid {
  clear: both;
  width: auto;
  height: auto;
  top: 0;
  zoom: 1;
  position: relative; }
  .Masonry-grid:before {
    content: " ";
    display: table; }
  .Masonry-grid:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .Masonry-grid {
      margin-left: -10px;
      margin-right: -10px; } }

@media (max-width: 1023px) {
  .Masonry {
    background-color: #eee; } }

.Masonry-grid-1x,
.Masonry-grid-2x,
.Masonry-grid-3x,
.Masonry-gridSizer {
  width: 100%; }
  @media (min-width: 600px) {
    .Masonry-grid-1x,
    .Masonry-grid-2x,
    .Masonry-grid-3x,
    .Masonry-gridSizer {
      float: left;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 600px) and (max-width: 1023px) {
    .Masonry-grid-1x,
    .Masonry-grid-2x,
    .Masonry-grid-3x,
    .Masonry-gridSizer {
      width: 50%; } }

.Masonry-grid-1x,
.Masonry-grid-2x,
.Masonry-grid-3x {
  margin-bottom: 1.8333em; }
  @media (min-width: 1024px) {
    .Masonry-grid-1x,
    .Masonry-grid-2x,
    .Masonry-grid-3x {
      margin-bottom: 20px; } }

@media (min-width: 1024px) {
  .Masonry-grid-1x,
  .Masonry-gridSizer {
    border: 0;
    outline: 0;
    zoom: 1;
    border-collapse: collapse; }
  .Masonry-grid-1x,
  .Masonry-gridSizer {
    width: 20%; }
  .Masonry-grid-2x {
    width: 40%; }
  .Masonry-grid-3x {
    width: 60%; }
  .ManufacturerContentBlock .Masonry-grid-1x,
  .ManufacturerContentBlock .Masonry-gridSizer {
    width: 33.33%; }
  .ManufacturerContentBlock .Masonry-grid-2x {
    width: 33.33%; }
  .col-md-1 .Masonry-grid-1x,
  .col-md-1 .Masonry-gridSizer,
  .col-md-1 .Masonry-grid-2x,
  .col-md-1 .Masonry-grid-3x,
  .col-md-2 .Masonry-grid-1x,
  .col-md-2 .Masonry-gridSizer,
  .col-md-2 .Masonry-grid-2x,
  .col-md-2 .Masonry-grid-3x,
  .col-md-3 .Masonry-grid-1x,
  .col-md-3 .Masonry-gridSizer,
  .col-md-3 .Masonry-grid-2x,
  .col-md-3 .Masonry-grid-3x,
  .col-md-4 .Masonry-grid-1x,
  .col-md-4 .Masonry-gridSizer,
  .col-md-4 .Masonry-grid-2x,
  .col-md-4 .Masonry-grid-3x,
  .col-md-5 .Masonry-grid-1x,
  .col-md-5 .Masonry-gridSizer,
  .col-md-5 .Masonry-grid-2x,
  .col-md-5 .Masonry-grid-3x {
    width: 100%; }
  .col-md-6 .Masonry-grid-1x,
  .col-md-6 .Masonry-gridSizer,
  .col-md-7 .Masonry-grid-1x,
  .col-md-7 .Masonry-gridSizer,
  .col-md-8 .Masonry-grid-1x,
  .col-md-8 .Masonry-gridSizer,
  .col-md-9 .Masonry-grid-1x,
  .col-md-9 .Masonry-gridSizer,
  .col-md-10 .Masonry-grid-1x,
  .col-md-10 .Masonry-gridSizer,
  .col-md-11 .Masonry-grid-1x,
  .col-md-11 .Masonry-gridSizer,
  .col-md-12 .Masonry-grid-1x,
  .col-md-12 .Masonry-gridSizer {
    width: 33.33333%; }
  .col-md-6 .Masonry-grid-2x,
  .col-md-7 .Masonry-grid-2x,
  .col-md-8 .Masonry-grid-2x,
  .col-md-9 .Masonry-grid-2x,
  .col-md-10 .Masonry-grid-2x,
  .col-md-11 .Masonry-grid-2x,
  .col-md-12 .Masonry-grid-2x {
    width: 66.66667%; }
  .col-md-6 .Masonry-grid-3x,
  .col-md-7 .Masonry-grid-3x,
  .col-md-8 .Masonry-grid-3x,
  .col-md-9 .Masonry-grid-3x,
  .col-md-10 .Masonry-grid-3x,
  .col-md-11 .Masonry-grid-3x,
  .col-md-12 .Masonry-grid-3x {
    width: 100%; } }

.Masonry-item .u-height,
.Masonry-item .u-height--half,
.Masonry-item .u-height--fullhalf,
.Masonry-item .u-height--double {
  height: 100%; }

.Masonry-grid-xhalf,
.Masonry-grid-x1,
.Masonry-grid-x2 {
  height: 22.5em; }
  @media (min-width: 600px) {
    .Masonry-grid-xhalf,
    .Masonry-grid-x1,
    .Masonry-grid-x2 {
      height: 25.83333em; } }

@media (min-width: 1024px) {
  .Masonry-grid-xhalf {
    height: 9.79167em; }
  .Masonry-grid-x1 {
    height: 20.83333em; }
  .Masonry-grid-x2 {
    height: 43.33333em; } }

.Masonry-grid-1halfx {
  height: 26.70rem; }

.Masonry-grid-1half {
  height: 12.70rem; }

.Masonry-emptyMessage {
  display: none;
  text-align: center;
  font-weight: 400;
  font-size: 1.66667em;
  padding: 5.55em 1.5em; }
  @media (min-width: 720px) {
    .Masonry-emptyMessage {
      font-size: 2.08333em; } }
  @media (min-width: 1024px) {
    .Masonry-emptyMessage {
      font-size: 3em;
      padding: 5em 4.16667em 5.55556em; } }
  .Masonry-emptyMessage-img {
    display: block;
    margin: auto;
    max-width: 100%; }

.Masonry.is-empty .Masonry-grid {
  display: none; }

.Masonry.is-empty .Masonry-emptyMessage {
  display: block; }

.Masonry.is-empty .Button--loadMore {
  display: none; }

#tagDiv + #ArticlesGrid .RoundCtas {
  top: 15px;
  bottom: 0px;
  right: 10px;
  left: auto; }

@media (min-width: 1024px) {
  #tagDiv + #ArticlesGrid .RoundCtas {
    top: 15px;
    bottom: 0px;
    right: 10px;
    left: auto; } }

.RedBubbles {
  position: absolute;
  left: 0.83333em; }
  .RedBubbles-bubble {
    background: #E31B23;
    color: white;
    display: inline-block;
    padding: 0.25em 0.83333em 0.41667em;
    border-radius: 1.66667em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.91667em; }
  .RedBubbles-bubble.is-brightBlue {
    background: #0069AA; }
  @media (min-width: 1024px) {
    .RedBubbles {
      position: static; } }

@media print {
  .Content-wrapper {
    padding-top: 0; }
  .RoundCtas {
    display: none; } }
@charset "UTF-8";
@font-face {
  font-family: "arrow-icons";
  src: url(../fonts/arrow-icons.e37fa506338670c5b43401e1f7084357.ttf) format("truetype"), url(../fonts/arrow-icons.4a8ce599e467648a9788cd05657c0749.woff) format("woff"), url(../fonts/arrow-icons.06329f7d372248551bd8e88e89ab22f8.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="Icon--"], [class*=" Icon--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "arrow-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Icon--Icon-logout:before {
  content: "\E937"; }

.Icon--play-video:before {
  content: "\E92D"; }

.Icon--youtube-v2:before {
  content: "\E92B"; }

.Icon--instagram:before {
  content: "\E92C"; }

.Icon--wechat:before {
  content: "\E92A"; }

.Icon--ic_bronze_205:before {
  content: "\E926";
  color: #ac5526; }

.Icon--ic_silver_205:before {
  content: "\E927";
  color: #bbb; }

.Icon--ic_gold_205:before {
  content: "\E928";
  color: #fab018; }

.Icon--ic_member_205:before {
  content: "\E929";
  color: #189cd8; }

.Icon--symbol-icon:before {
  content: "\E925";
  color: #009ddc; }

.Icon--flag:before {
  content: "\E90F"; }

.Icon--component-filter:before {
  content: "\E90A"; }

.Icon--component-development-systems2:before {
  content: "\E90B"; }

.Icon--component-test-and-measurement:before {
  content: "\E90C"; }

.Icon--warning:before {
  content: "\E907"; }

.Icon--embedded-systems-power-designer:before {
  content: "\E607"; }

.Icon--lighting-designer:before {
  content: "\E64E"; }

.Icon--bom-management:before {
  content: "\E65F"; }

.Icon--bom-manager:before {
  content: "\E697"; }

.Icon--home:before {
  content: "\E699"; }

.Icon--crossed-tools:before {
  content: "\E698"; }

.Icon--shield:before {
  content: "\E69A"; }

.Icon--desktop:before {
  content: "\E693"; }

.Icon--tablet:before {
  content: "\E694"; }

.Icon--mobile:before {
  content: "\E695"; }

.Icon--component-attenuator:before {
  content: "\E629"; }

.Icon--component-motion-control-and-fluid-power:before {
  content: "\E68E"; }

.Icon--component-others:before {
  content: "\E692"; }

.Icon--arrow-up:before {
  content: "\E60E"; }

.Icon--component-lighting-solutions:before {
  content: "\E60D"; }

.Icon--linkedin:before {
  content: "\E627"; }

.Icon--folder-open:before {
  content: "\E628"; }

.Icon--add-to-calendar:before {
  content: "\E601"; }

.Icon--login:before {
  content: "\E68C"; }

.Icon--add_columns:before {
  content: "\E600"; }

.Icon--arrow-down:before {
  content: "\E602"; }

.Icon--arrow-experts:before {
  content: "\E603"; }

.Icon--arrow-search:before {
  content: "\E604"; }

.Icon--audio:before {
  content: "\E605"; }

.Icon--blog:before {
  content: "\E606"; }

.Icon--cart:before {
  content: "\E608"; }

.Icon--chat-video:before {
  content: "\E609"; }

.Icon--chat:before {
  content: "\E60A"; }

.Icon--compare:before {
  content: "\E60B"; }

.Icon--component-amplifiers:before {
  content: "\E60C"; }

.Icon--component-audio-components:before {
  content: "\E610"; }

.Icon--component-batteries:before {
  content: "\E611"; }

.Icon--component-capacitor:before {
  content: "\E612"; }

.Icon--component-circuit-protection:before {
  content: "\E613"; }

.Icon--component-clock-and-timing:before {
  content: "\E614"; }

.Icon--component-communication:before {
  content: "\E615"; }

.Icon--component-computer-products:before {
  content: "\E616"; }

.Icon--component-connector:before {
  content: "\E617"; }

.Icon--component-controller:before {
  content: "\E618"; }

.Icon--component-counters-and-timers:before {
  content: "\E619"; }

.Icon--component-data-acquisition:before {
  content: "\E61A"; }

.Icon--component-development-systems:before {
  content: "\E61B"; }

.Icon--component-diodes--transistors-and-thyristors:before {
  content: "\E61C"; }

.Icon--component-displays:before {
  content: "\E61D"; }

.Icon--component-drivers-and-interfaces:before {
  content: "\E61E"; }

.Icon--component-electromechanical-switches:before {
  content: "\E61F"; }

.Icon--component-electronic-switches:before {
  content: "\E620"; }

.Icon--component-embedded-controller-and-system:before {
  content: "\E621"; }

.Icon--component-emi-rfi-suppression:before {
  content: "\E622"; }

.Icon--component-encoders:before {
  content: "\E623"; }

.Icon--component-fasteners-and-hardware:before {
  content: "\E624"; }

.Icon--component-kits-and-tools:before {
  content: "\E625"; }

.Icon--component-leds-and-led-lighting:before {
  content: "\E626"; }

.Icon--component-magnetic:before {
  content: "\E62A"; }

.Icon--component-materials--chemicals-and-adhesives:before {
  content: "\E62B"; }

.Icon--component-mechanical-power-transmission:before {
  content: "\E62C"; }

.Icon--component-memory:before {
  content: "\E62D"; }

.Icon--component-microcontroller-and-processor:before {
  content: "\E62E"; }

.Icon--component-motors:before {
  content: "\E62F"; }

.Icon--component-multimedia:before, .PersonSquare-ctaIconsContainer-contactButton-contactIcon.PersonSquare-ctaIconsContainer-videoIcon:before {
  content: "\E630"; }

.Icon--component-new:before {
  content: "\E631"; }

.Icon--component-optoelectronics:before {
  content: "\E632"; }

.Icon--component-oscillators-and-crystals:before {
  content: "\E633"; }

.Icon--component-peripherals:before {
  content: "\E635"; }

.Icon--component-pipe--tubing--hose-and-accessories:before {
  content: "\E636"; }

.Icon--component-power-management:before {
  content: "\E637"; }

.Icon--component-power-supplies:before {
  content: "\E638"; }

.Icon--component-programmable-devices:before {
  content: "\E639"; }

.Icon--component-relays:before {
  content: "\E63A"; }

.Icon--component-resistor:before {
  content: "\E63B"; }

.Icon--component-rf-and-microwave:before {
  content: "\E63C"; }

.Icon--component-sensors:before {
  content: "\E63D"; }

.Icon--component-solar:before {
  content: "\E63E"; }

.Icon--component-standard-and-specialty-logic:before {
  content: "\E63F"; }

.Icon--component-thermal-management:before {
  content: "\E640"; }

.Icon--component-transceiver:before {
  content: "\E641"; }

.Icon--component-wire-and-cables:before {
  content: "\E642"; }

.Icon--copy:before {
  content: "\E643"; }

.Icon--cross:before {
  content: "\E644"; }

.Icon--datasheets:before {
  content: "\E645"; }

.Icon--delete:before {
  content: "\E646"; }

.Icon--design-centre-dashboard:before {
  content: "\E647"; }

.Icon--divisions:before {
  content: "\E649"; }

.Icon--download:before {
  content: "\E64A"; }

.Icon--dropdown:before {
  content: "\E64B"; }

.Icon--edit:before {
  content: "\E64C"; }

.Icon--email:before, .PersonSquare-ctaIconsContainer-contactButton-contactIcon.PersonSquare-ctaIconsContainer-emailIcon:before {
  content: "\E64D"; }

.Icon--envelope:before {
  content: "\E64F"; }

.Icon--envision:before {
  content: "\E650"; }

.Icon--error:before {
  content: "\E651"; }

.Icon--events:before {
  content: "\E652"; }

.Icon--experts:before {
  content: "\E653"; }

.Icon--facebook:before {
  content: "\E654"; }

.Icon--favicon:before {
  content: "\E655"; }

.Icon--filters:before {
  content: "\E656"; }

.Icon--google-plus:before {
  content: "\E658"; }

.Icon--grid:before {
  content: "\E659"; }

.Icon--hamburger:before {
  content: "\E65A"; }

.Icon--help:before {
  content: "\E65B"; }

.Icon--language:before {
  content: "\E65C"; }

.Icon--left_arrow:before {
  content: "\E65D"; }

.Icon--left:before {
  content: "\E65E"; }

.Icon--link-arrow:before, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span:before {
  content: "\E660"; }

.Icon--link:before {
  content: "\E661"; }

.Icon--list:before {
  content: "\E664"; }

.Icon--little-man:before {
  content: "\E665"; }

.Icon--mag-glass:before {
  content: "\E666"; }

.Icon--manufacturer:before {
  content: "\E667"; }

.Icon--manufacturers-info:before {
  content: "\E668"; }

.Icon--minus:before {
  content: "\E669"; }

.Icon--my-account:before {
  content: "\E66A"; }

.Icon--my-arrow:before {
  content: "\E66B"; }

.Icon--new-manufacturer:before {
  content: "\E66C"; }

.Icon--news:before {
  content: "\E66D"; }

.Icon--out:before {
  content: "\E66E"; }

.Icon--pdf:before {
  content: "\E66F"; }

.Icon--people:before {
  content: "\E670"; }

.Icon--phone:before {
  content: "\E671"; }

.Icon--photo:before {
  content: "\E672"; }

.Icon--pin:before {
  content: "\E673"; }

.Icon--play:before {
  content: "\E674"; }

.Icon--plus:before {
  content: "\E675"; }

.Icon--power-supply-advisor:before {
  content: "\E676"; }

.Icon--print:before {
  content: "\E677"; }

.Icon--products:before {
  content: "\E678"; }

.Icon--reference-design:before {
  content: "\E679"; }

.Icon--reload:before {
  content: "\E67A"; }

.Icon--right_arrow:before {
  content: "\E67B"; }

.Icon--down_arrow:before {
  content: "\E92E"; }

.Icon--rohs-china:before {
  content: "\E67C"; }

.Icon--rohs:before {
  content: "\E67D"; }

.Icon--save_filled:before {
  content: "\E67E"; }

.Icon--save-line:before {
  content: "\E67F"; }

.Icon--save-search:before {
  content: "\E680"; }

.Icon--save:before {
  content: "\E681"; }

.Icon--saved-manufacturers:before {
  content: "\E682"; }

.Icon--share:before {
  content: "\E683"; }

.Icon--shopping-cart:before {
  content: "\E684"; }

.Icon--star:before {
  content: "\E685"; }

.Icon--time:before {
  content: "\E686"; }

.Icon--twitter:before {
  content: "\E687"; }

.Icon--delivery:before {
  content: "\E688"; }

.Icon--videos:before {
  content: "\E689"; }

.Icon--white-papers:before {
  content: "\E68A"; }

.Icon--youtube:before {
  content: "\E68B"; }

.Icon--bar-graph:before {
  content: "\E903"; }

.Icon--documents:before {
  content: "\E904"; }

.Icon--bom-magnify:before {
  content: "\E905"; }

.Icon--at-symbol:before {
  content: "\E906"; }

.Icon--userlogin:before {
  content: "\E936";
  color: #fff; }

.Icon--close:before {
  content: "\E934";
  color: #fff; }

.Icon--hamberger:before {
  content: "\E935";
  color: #fff; }

.Icon--Cart:before {
  content: "\E930";
  color: #fff; }

.Icon--search:before {
  content: "\E931";
  color: #fff; }

.Icon--fillter:before {
  content: "\E932";
  color: #fff; }

.Icon--login-new:before {
  content: "\E933";
  color: #fff; }

.Icon--cancel-circle:before {
  content: "\E924"; }

.Icon--component-npi-encoders:before {
  content: "\E915"; }

.Icon--component-npi-kits-tools:before {
  content: "\E916"; }

.Icon--component-npi-led:before {
  content: "\E917"; }

.Icon--component-npi-passives:before {
  content: "\E918"; }

.Icon--component-npi-power:before {
  content: "\E919"; }

.Icon--component-npi-semiconductors:before {
  content: "\E91A"; }

.Icon--component-npi-sensors:before {
  content: "\E91B"; }

.Icon--component-npi-test-measure:before {
  content: "\E91C"; }

.Icon--component-npi-thermal-management:before {
  content: "\E91D"; }

.Icon--component-npi-tools-supplies:before {
  content: "\E91E"; }

.Icon--component-npi-wire-cable:before {
  content: "\E91F"; }

.Icon--component-npi-circuit-protection:before {
  content: "\E920"; }

.Icon--component-npi-computers-peripherals:before {
  content: "\E921"; }

.Icon--component-npi-connectors:before {
  content: "\E922"; }

.Icon--component-npi-electromechanical:before {
  content: "\E923"; }

.Icon--bom-add:before {
  content: "\E914"; }

.Icon--perks-shield:before {
  content: "\E913"; }

.Icon--bom-beta:before {
  content: "\E912"; }

.Icon--crossed-arrows:before {
  content: "\E911"; }

.Icon--message:before {
  content: "\E910"; }

.Icon--orcad-text:before {
  content: "\E90D"; }

.Icon--orcad-logo:before {
  content: "\E90E"; }

.Icon--savings:before {
  content: "\E909"; }

.Icon--marketing:before {
  content: "\E908"; }

.Icon--pinterest:before {
  content: "\E902"; }

.Icon--tudou:before {
  content: "\E900"; }

.Icon--weibo:before {
  content: "\E901"; }

.Icon--my-arrow-tm:before {
  content: "\E69B"; }

.Icon--my-account-plus:before {
  content: "\E696"; }

.Icon--link-back-arrow:before {
  content: "\E663"; }

.Icon--key:before {
  content: "\E634"; }

.Icon--padlock:before {
  content: "\E662"; }

.Icon--pause:before {
  content: "\E60F"; }

.Icon--enlarge:before {
  content: "\E657"; }

.Icon--volume-mute:before {
  content: "\E68D"; }

.Icon--volume-low:before {
  content: "\E68F"; }

.Icon--volume-medium:before {
  content: "\E690"; }

.Icon--volume-high:before {
  content: "\E691"; }

.Icon--tick:before {
  content: "\E69C"; }

.Icon--log-in:before {
  content: "\E92F"; }

.Icon--cross-12:before {
  font-size: 12px;
  color: #757575; }

/* use this common css for heading so we can change whole page theme */
.Heading-bg-blue {
  background: #009DDC; }

.Heading-bg-brightBlue {
  background: #0069AA; }

button.helpButtonEnabled {
  border: 0.1875rem solid transparent; }
  button.helpButtonEnabled:focus, button.helpButtonEnabled:focus-visible {
    border: 0.1875rem solid #fff; }

.sr-only {
  border: 0;
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem; }

a.Custom-Link {
  text-decoration: underline;
  color: #0069AA; }
  a.Custom-Link:hover {
    color: #0084D5; }

/*
  Mobile breakpoints______
  Can either use standard include susy-breakpoint
  or the mixins below for inbetween sections.
*/
/* ==========================================================================

  Css arrows

  Author:     Stephen Zsolnai (http://www.zolla.co.uk)
  Decription: Add to any element that needs an arrow and it will be placed correctly.
              eg: <a class="Arrow Arrow--left" href="some_link.html">link text</a>
========================================================================== */
.Arrow {
  position: relative; }
  .Arrow:before {
    width: 0;
    height: 0;
    content: ' ';
    display: block;
    position: absolute; }
  .Arrow--left {
    padding-left: 0.625rem; }
    .Arrow--left:before {
      left: 0;
      top: 25%;
      border-top: 0.33333em solid transparent;
      border-bottom: 0.33333em solid transparent;
      border-right: 0.33333em solid #000; }
  .Arrow--right {
    padding-right: 10px; }
    .Arrow--right:before {
      right: 0;
      top: 25%;
      border-top: 0.33333em solid transparent;
      border-bottom: 0.33333em solid transparent;
      border-left: 0.33333em solid #000; }
  .Arrow--up:before {
    top: 0;
    border-left: 0.33333em solid transparent;
    border-right: 0.33333em solid transparent;
    border-bottom: 0.33333em solid #000; }
  .Arrow--down:before {
    bottom: 0;
    border-left: 0.33333em solid transparent;
    border-right: 0.33333em solid transparent;
    border-top: 0.33333em solid #000; }

.u-grey-background {
  background: #eee; }

.u-green-background {
  background: #54B948; }

/* Base page states
========================================================================== */
@media (min-width: 890px) {
  body #main-content,
  body .Footer {
    min-height: 500px;
    max-height: none; } }

@media (min-width: 890px) {
  body.is-showing-typeahead {
    background: #fff; }
    body.is-showing-typeahead.is-showingAutoComplete {
      background: #dedede; }
    body.is-showing-typeahead #main-content,
    body.is-showing-typeahead .Footer {
      overflow: hidden;
      max-height: 0; } }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.u-article-body ul {
  list-style-type: disc;
  padding-left: 20px;
  font-size: 1.1666666667em; }

.u-article-body ol {
  font-size: 1.1666666667em; }

a {
  text-decoration: none;
  color: inherit;
  transition: color 0.25s ease-out;
  cursor: pointer; }
  a:hover {
    transition: all 300ms; }

h1 {
  font-size: 2.75rem;
  line-height: 2.813rem;
  font-weight: 800;
  letter-spacing: -0.04em; }

h2 {
  font-size: 1.75rem;
  line-height: 1.813rem;
  font-weight: 800;
  letter-spacing: -0.04em; }

h3 {
  font-size: 1.75rem;
  line-height: 1.813rem;
  font-weight: 800;
  letter-spacing: -0.04em; }

h4 {
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 800;
  letter-spacing: -0.02em; }

h5 {
  font-size: 0.875rem;
  line-height: 1.063rem;
  font-weight: 600;
  letter-spacing: -0.02em; }

h6 {
  font-size: 0.688rem;
  line-height: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

p {
  line-height: 1.5;
  margin: 0; }
  p + p {
    margin-top: 1.66667em; }

blockquote {
  quotes: "\201C" "\201D" "\2018" "\2019";
  margin: 0; }

blockquote:before {
  content: open-quote; }

blockquote:after {
  content: close-quote; }

.Content {
  clear: both;
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  .Content:before {
    content: " ";
    display: table; }
  .Content:after {
    content: " ";
    display: table;
    clear: both; }
  @media (min-width: 1258px) {
    .Content {
      padding-left: 0;
      padding-right: 0; } }
  .Content--nopadding {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 1024px) and (max-width: 1240px) {
      .Content--nopadding {
        padding-left: 15px;
        padding-right: 15px; } }
  .Content-wrapper {
    padding-top: 84px; }
    @media (min-width: 1024px) {
      .Content-wrapper {
        padding-top: 0; } }
    @media (max-width: 1023px) {
      .has-headerTopBar-visible .Content-wrapper {
        padding-top: 7.75rem; } }
    .Content-wrapper:focus {
      outline: 0; }
    @media (min-width: 1024px) {
      .has-minimised-header .Content-wrapper {
        padding-top: 195px; } }
    @media print {
      .Content-wrapper {
        padding-top: 0; } }

.Content-overflow {
  overflow-x: hidden; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes anim-jelly {
  0% {
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.083333% {
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.166667% {
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.25% {
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.333333% {
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.416667% {
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.583333% {
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.75% {
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.833333% {
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.916667% {
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25% {
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.083333% {
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.166667% {
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.25% {
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.416667% {
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.583333% {
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.666667% {
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.75% {
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.833333% {
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  47.916667% {
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.083333% {
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  54.166667% {
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.25% {
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  58.333333% {
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.416667% {
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  62.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  64.583333% {
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.75% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70.833333% {
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  72.916667% {
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75% {
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.083333% {
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  79.166667% {
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.25% {
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.416667% {
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  87.5% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  89.583333% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  91.666667% {
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.75% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  95.833333% {
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  97.916667% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@keyframes loaderAnimation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes threeBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

@keyframes carousel-slide-in-from-right-primary {
  0% {
    transform: translateX(110%);
    opacity: 0; }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes carousel-slide-in-from-left-primary {
  0% {
    transform: translateX(-110%);
    opacity: 0; }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes carousel-slide-in-from-right-secondary {
  0% {
    transform: translateX(150%);
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes carousel-slide-in-from-left-secondary {
  0% {
    transform: translateX(-150%);
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes carousel-slide-out-to-left-primary {
  0% {
    transform: translateX(0);
    opacity: 1; }
  30% {
    transform: translateX(15%);
    opacity: 1; }
  100% {
    transform: translateX(-50%);
    opacity: 0; } }

@keyframes carousel-slide-out-to-right-primary {
  0% {
    transform: translateX(0);
    opacity: 1; }
  30% {
    transform: translateX(-15%);
    opacity: 1; }
  100% {
    transform: translateX(50%);
    opacity: 0; } }

@keyframes carousel-slide-out-to-left-secondary {
  0% {
    transform: translateX(0);
    opacity: 1; }
  30% {
    transform: translateX(15%);
    opacity: 1; }
  100% {
    transform: translateX(-50%);
    opacity: 0; } }

@keyframes carousel-slide-out-to-right-secondary {
  0% {
    transform: translateX(0);
    opacity: 1; }
  30% {
    transform: translateX(-15%);
    opacity: 1; }
  100% {
    transform: translateX(50%);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.4, 0.4);
    opacity: 0.5; }
  50% {
    opacity: 1.0; }
  100% {
    transform: scale(1.2, 1.2); } }

@keyframes grow-then-normal {
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1); } }

.Overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden; }

.Overlay--megamenu {
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 300ms, visibility 300ms;
  z-index: 100;
  opacity: 0;
  visibility: hidden; }
  .has-megamenu-open .Overlay--megamenu {
    visibility: visible; }

.Overlay--AdvancedSearchOpen {
  background: white;
  transition: opacity 300ms, visibility 300ms;
  z-index: 9999;
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 1024px) {
    .Overlay--AdvancedSearchOpen {
      display: none; } }
  .has-AdvancedSearch-open .Overlay--AdvancedSearchOpen {
    opacity: 1;
    visibility: visible; }

.Overlay--headerDropdown {
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 250ms, visibility 250ms;
  z-index: 125;
  opacity: 0;
  visibility: hidden; }
  .has-header-dropdown-open .Overlay--headerDropdown,
  .has-my-cart-dropdown-open .Overlay--headerDropdown {
    visibility: visible; }

.Overlay--SideNav {
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms; }
  .SideNav.is-open .Overlay--SideNav {
    opacity: 0.5;
    visibility: visible; }
  @media (min-width: 1024px) {
    .Overlay--SideNav {
      display: none; } }

.Overlay--mobile {
  top: 87px;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-in-out;
  z-index: 949;
  background: rgba(0, 0, 0, 0.5); }
  .Overlay--mobile.is-visible {
    opacity: 1;
    visibility: visible; }
  @media (min-width: 600px) {
    .Overlay--mobile {
      display: none; } }

body.has-headerTopBar-visible .Overlay--mobile {
  top: 127px; }

.Overlay--imageOverlay {
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms, visibility 300ms;
  z-index: 9000;
  opacity: 0;
  visibility: hidden; }
  .has-image-overlay .Overlay--imageOverlay {
    opacity: 1;
    visibility: visible; }

.Overlay--loading {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s, visibility 0.2s;
  z-index: 201;
  opacity: 0;
  visibility: hidden; }
  .Overlay--loading > span {
    position: fixed;
    left: 50%;
    top: 50%; }
  .is-loading .Overlay--loading {
    opacity: 1;
    visibility: visible; }
    .is-loading .Overlay--loading > span {
      font-size: 0;
      pointer-events: none; }
      .is-loading .Overlay--loading > span:before {
        content: ''; }
      .is-loading .Overlay--loading > span > span {
        font-size: 0; }
      .is-loading .Overlay--loading > span:after,
      .is-loading .Overlay--loading > span > span:before,
      .is-loading .Overlay--loading > span > span:after {
        width: 1.5625rem;
        height: 1.5625rem;
        background: #eee;
        border-radius: 100%;
        display: inline-block;
        content: "";
        vertical-align: baseline;
        animation: threeBounceDelay 1.4s infinite ease-in-out;
        animation-fill-mode: both; }
      .is-loading .Overlay--loading > span > span:before {
        animation-delay: -0.32s;
        margin-right: 5px; }
      .is-loading .Overlay--loading > span > span:after {
        animation-delay: -0.16s;
        margin-right: 5px; }

.Logo,
.LogoDivisions {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  display: block; }

.Logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.Logo--white {
  background-image: url("https://static4.arrowelectronics.com.au/img/logos/logo-footer-white.svg"); }

.Logo--base {
  height: 1.5rem; }

.Logo--medium {
  height: 2.92rem; }

.LogoDivisions--white {
  background-image: url("https://static4.arrowelectronics.com.au/img/logos/logo-arrow-divisions.svg"); }

.LogoDivisions--medium {
  height: 5em;
  max-width: 11em; }

.Form-input-container {
  position: relative; }

.Form-input-error {
  color: #E31B23;
  position: absolute;
  font-size: 1.2em;
  top: 0.6em;
  right: -1.2em;
  transform: translateX(0);
  transition: transform 100ms; }

.iconErrorImg {
  font-family: 'arrow-icons' !important;
  position: absolute;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: 1rem;
  margin-top: 0.4em;
  color: #E31B23;
  font-size: 1.2em; }

.inputErrorMessage {
  font-family: 'arrow-icons' !important;
  left: 2.0625rem;
  line-height: 1;
  margin-top: -1.2em; }

.Form-input {
  width: 100%;
  padding: .7em 1em; }
  .Form-input.is-invalid, .Form-input.Modal-input.is-invalid {
    color: #E31B23;
    border: 0.0625rem solid #E31B23;
    margin-bottom: 0.3125rem; }
    .Form-input.is-invalid + .Form-input-error, .Form-input.Modal-input.is-invalid + .Form-input-error {
      transform: translateX(-150%); }
    .Form-input.is-invalid + .is-invalid, .Form-input.Modal-input.is-invalid + .is-invalid {
      color: #E31B23; }

.select-list label {
  display: block;
  margin-bottom: 0.3125rem;
  font-size: 0.875rem; }

.select-list select {
  display: block;
  padding: 0.75em 0.75em 0.75em 1.75em;
  width: 100%;
  background: #fff;
  height: 2.5rem;
  border: 0;
  outline: 0.0625rem solid #d7d7d7;
  margin-bottom: 1.25rem; }

button.profileInformationSubmit {
  float: right !important; }

.CustomInputWrapper label {
  cursor: pointer;
  display: block;
  margin-bottom: 0.83333em;
  position: relative;
  padding-left: 1.91667em; }
  .CustomInputWrapper label:last-child {
    padding-bottom: 0; }
  .CustomInputWrapper label.disabled {
    color: #757575;
    pointer-events: none;
    cursor: default; }

.CustomInputWrapper select {
  color: #000;
  width: 100%;
  padding: 0.5625rem; }

.CustomInputWrapper input[type='radio'],
.CustomInputWrapper input[type='checkbox'] {
  position: absolute;
  outline: none; }

.CustomInputWrapper input[type='radio'] + label:before,
.CustomInputWrapper input[type='checkbox'] + label:before {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  transition: all 300ms;
  background: #eee;
  border: 0.0625rem solid #cfcfcf; }

.CustomInputWrapper input[type='radio'] + label:before {
  border-radius: 50%;
  background: #eee;
  border: 0.125rem solid #cfcfcf; }

.CustomInputWrapper input[type='checkbox']:checked + label:before {
  background: #757575;
  border-color: #757575; }

.CustomInputWrapper input[type='radio']:checked + label:before {
  border-color: #004E7F; }

.CustomInputWrapper input[type='radio']:focus {
  box-shadow: none; }

.CustomInputWrapper input[type='radio']:focus + label:before {
  border-color: #7FC1EA; }

.CustomInputWrapper input[type='radio']:hover + label:before {
  border-color: #0084D5; }

.CustomInputWrapper input[type='radio'] + label:after,
.CustomInputWrapper input[type='checkbox'] + label:after {
  line-height: 1;
  position: absolute;
  top: 0.0625rem;
  left: 0.125rem;
  content: "\2714";
  font-weight: 600;
  transform: scale(0);
  transition: transform 300ms;
  color: #0069AA; }

.CustomInputWrapper input[type='radio'] + label.disabled:before,
.CustomInputWrapper input[type='checkbox'] + label.disabled:before {
  background: #cfcfcf; }

.CustomInputWrapper input[type='radio'] + label:after {
  content: "";
  top: 0.4375rem;
  display: block;
  border-radius: 50%;
  background: #004E7F;
  left: 0.25rem;
  margin-top: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem; }

.CustomInputWrapper input[type='radio']:checked + label:after,
.CustomInputWrapper input[type='checkbox']:checked + label:after {
  transform: scale(1); }

.CustomInputWrapper input[type='radio']:checked {
  border: 0.0625rem solid #004E7F; }

.CustomInputWrapper input[type='radio']:checked + label,
.CustomInputWrapper input[type='checkbox']:checked + label {
  font-weight: 600; }

.CustomSelectWrapper {
  position: relative; }
  .CustomSelectWrapper select {
    width: 100%;
    border: 0;
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.5rem 1.9375rem 0.5rem 0.5625rem;
    text-overflow: ellipsis;
    cursor: pointer; }
    .CustomSelectWrapper select:checked + label {
      font-weight: 600; }
  .CustomSelectWrapper .Icon--dropdown {
    position: absolute;
    top: 0.75rem;
    right: 0.5625rem;
    font-size: 0.9166666667em;
    color: #fff;
    pointer-events: none; }

.Icon--circle {
  position: relative;
  border-radius: 50%;
  padding: 0;
  transition: all 300ms;
  font-size: 1.0625rem;
  padding: 0.625rem; }
  .Icon--circle:before {
    position: relative;
    z-index: 2; }
  .Icon--circle:after {
    bottom: 0;
    border-radius: 50%;
    content: " ";
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    transform: scale3d(0, 0, 0);
    transition: transform 300ms ease-in-out;
    z-index: 1; }
  .Icon--circle:hover:after {
    transform: scale3d(1.05, 1.05, 1.05); }
  .Icon--circle.is-hidden {
    overflow: hidden;
    border-width: 0;
    height: 0;
    padding: 0;
    margin: 0; }

.Icon--download {
  font-size: 0.96875rem;
  padding: 0.625rem;
  width: 2.25rem; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -2.5rem !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }
  75% {
    transform: rotate(2deg); }
  100% {
    transform: rotate(0); } }

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #000; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 0.5rem; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 0.5rem; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 0.5rem; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 0.5rem; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 1.125rem;
  padding: 0.625rem 1.875rem; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 0.625rem;
  /* half the width, for centering */
  margin-left: -0.625rem;
  top: 0;
  width: 1.25rem; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 1.25rem;
  margin-top: -0.625rem;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 0.625rem; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 1.25rem;
  margin-top: -0.625rem;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 0.625rem; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 0.625rem;
  margin-left: -0.625rem;
  width: 1.25rem; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 0.625rem solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0rem;
  top: 0.1875rem; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -0.1875rem;
  top: 0rem; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 0.1875rem;
  top: 0rem; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0rem;
  top: -0.1875rem; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 0.625rem solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -0.625rem; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -0.625rem; }

.tooltipster-base {
  z-index: 951;
  color: #000; }
  .tooltipster-base .tooltipster-box {
    border-radius: 0;
    border-width: 0.0625rem; }
  .tooltipster-base .tooltipster-content {
    color: #fff; }
  .tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border {
    border-width: 0.5625rem; }
  .has-megamenu-open .tooltipster-base {
    z-index: 900; }
  .tooltipster-base p {
    margin: 0 0 0.5em; }
    .tooltipster-base p:last-child {
      margin-bottom: 0; }

.Tooltip .tooltipster-box {
  border: 0;
  background: #000;
  text-align: center; }
  .Tooltip .tooltipster-box .tooltipster-content {
    color: #fff;
    font-family: inherit;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.625rem 1.875rem;
    max-width: 18.75rem; }

.Tooltip.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #000; }

.Tooltip.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #000; }

.Tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #000; }

.Tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #000; }

.u-Tooltip-close {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  cursor: pointer; }

.DetailsForm-input {
  margin-bottom: 1.53846em; }

.DetailsForm-label {
  cursor: pointer;
  font-size: 1.07692em;
  margin-bottom: 0.07692em; }

.DetailsForm-checkbox {
  float: left;
  padding-bottom: 2.30769em;
  margin-right: 1.15385em; }
  .DetailsForm-checkbox input {
    margin-top: 0.30769em; }

.DetailsForm-privacy h3 {
  margin-bottom: 1.69231em; }

.DetailsForm-privacy a {
  float: left;
  color: #757575; }

.DetailsForm-privacy .button {
  float: left;
  clear: both;
  margin-top: 1.53846em; }

@media (min-width: 600px) and (max-width: 890px) {
  .DetailsForm > div {
    padding-right: 1.53846em; } }

.Link, .ContentPage-body:not(.ContentPage-body--no-reset) a {
  font-weight: 600;
  text-decoration: underline; }
  .Link:hover, .ContentPage-body:not(.ContentPage-body--no-reset) a:hover, .Link:focus, .ContentPage-body:not(.ContentPage-body--no-reset) a:focus {
    text-decoration: underline; }
  .Link:visited, .ContentPage-body:not(.ContentPage-body--no-reset) a:visited {
    color: #0069AA; }
  .Link--roman {
    font-weight: 400; }

.Link--onDark {
  color: #fff; }
  .Link--onDark:visited {
    color: #fff; }

.Phone-icon {
  color: #CBC2C2; }

.Tags-item {
  display: block;
  float: left;
  margin-right: 0.41667em; }

.Tags-item-link, .Tags--Categories .Tags-item-text, .Tags--Design .Tags-item-text {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.91667em;
  font-weight: 800;
  line-height: 1em;
  letter-spacing: 0.1em;
  overflow: hidden;
  margin-top: 0.33333em;
  padding: 0.44444em 0.66667em;
  position: relative;
  display: block;
  transition: all 300ms; }

.Tags {
  width: 100%; }
  .Tags-header {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.16667em;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 0.1em;
    overflow: hidden;
    margin-top: 0.33333em;
    padding: 0.5em 0.66667em;
    position: relative;
    display: table;
    transition: all 300ms; }
  .Tags-item {
    max-width: 100%;
    z-index: 2;
    position: relative;
    margin-left: 0.1875rem; }
    .Tags-item:hover {
      background-color: #0084D5; }
    .Tags-item:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
    .Tags-item-link {
      background-color: #0069AA;
      box-shadow: 0 0 #0069AA; }
      .Tags-item-link:hover {
        background-color: #0084D5; }
      .Tags-item-link:focus {
        box-shadow: 0 0 0 0.1875rem #7FC1EA;
        outline: none; }
    .Tags-item-text {
      position: relative;
      z-index: 5;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  @media print {
    .Tags {
      display: none; } }

.Tags--Categories .Tags-item-text {
  background: #000; }

.Tags--Design .Tags-item-text {
  background: #54B948; }

.Tags--noAnimation .Tags-item-link {
  transition: none; }

.RoundCtas {
  font-size: 3em;
  display: block;
  float: right;
  margin-bottom: 0.83333em; }
  @media (min-width: 720px) {
    .RoundCtas {
      margin-bottom: 0; } }
  .RoundCtas .Icon {
    color: #fff;
    display: block;
    cursor: pointer;
    text-decoration: none !important;
    outline: none; }
    .RoundCtas .Icon:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA; }
  .RoundCtas--horizontal .Icon {
    display: inline-block;
    vertical-align: top; }
  .RoundCtas--vertical .Icon {
    display: block; }
    .RoundCtas--vertical .Icon + .Icon {
      margin-top: .3em; }
  .RoundCtas.is-black .Icon {
    background-color: #000; }
  .RoundCtas.is-white .Icon {
    background-color: #fff; }
  .RoundCtas.is-verydarkgrey .Icon {
    background-color: #29272a; }
  .RoundCtas.is-grey .Icon {
    background-color: #757575; }
  .RoundCtas.is-red .Icon {
    background-color: #E31B23; }
  .RoundCtas.is-blue .Icon {
    background-color: #009DDC; }
  .RoundCtas.is-brightBlue .Icon {
    background-color: #0069AA; }
  .RoundCtas.is-activeButtonBlue .Icon {
    background-color: #004E7F; }
  .RoundCtas.is-green .Icon {
    background-color: #54B948; }
  .RoundCtas.is-orange .Icon {
    background-color: #F68A33; }
  .RoundCtas.is-purple .Icon {
    background-color: #92278f; }
  .RoundCtas.is-pink .Icon {
    background-color: #EB1478; }
  .RoundCtas.is-yellow .Icon {
    background-color: #fdbb31; }
  .RoundCtas.is-darkgrey .Icon {
    background-color: #505050; }
  .RoundCtas.is-iotgreen .Icon {
    background-color: #009A8C; }
  .RoundCtas.is-skyblue .Icon {
    background-color: #BFE0F4; }
  .RoundCtas.is-white .Icon:hover {
    background-color: #e6e6e6; }
  .RoundCtas.is-verydarkgrey .Icon:hover {
    background-color: #0f0e10; }
  .RoundCtas.is-grey .Icon:hover {
    background-color: #bebebe; }
  .RoundCtas.is-red .Icon:hover {
    background-color: #b5161c; }
  .RoundCtas.is-blue .Icon:hover {
    background-color: #0079a9; }
  .RoundCtas.is-brightBlue .Icon:hover {
    background-color: #0084D5; }
  .RoundCtas.is-green .Icon:hover {
    background-color: #439539; }
  .RoundCtas.is-orange .Icon:hover {
    background-color: #ec6f0a; }
  .RoundCtas.is-purple .Icon:hover {
    background-color: #6a1c68; }
  .RoundCtas.is-pink .Icon:hover {
    background-color: #bc1060; }
  .RoundCtas.is-yellow .Icon:hover {
    background-color: #f9a902; }
  .RoundCtas.RoundCtas--inverted-colors.is-black .Icon {
    color: #000; }
  .RoundCtas.RoundCtas--inverted-colors.is-white .Icon {
    color: #fff; }
  .RoundCtas.RoundCtas--inverted-colors.is-verydarkgrey .Icon {
    color: #29272a; }
  .RoundCtas.RoundCtas--inverted-colors.is-grey .Icon {
    color: #757575; }
  .RoundCtas.RoundCtas--inverted-colors.is-red .Icon {
    color: #E31B23; }
  .RoundCtas.RoundCtas--inverted-colors.is-blue .Icon {
    color: #009DDC; }
  .RoundCtas.RoundCtas--inverted-colors.is-brightBlue .Icon {
    color: #0069AA; }
  .RoundCtas.RoundCtas--inverted-colors.is-activeButtonBlue .Icon {
    color: #004E7F; }
  .RoundCtas.RoundCtas--inverted-colors.is-green .Icon {
    color: #54B948; }
  .RoundCtas.RoundCtas--inverted-colors.is-orange .Icon {
    color: #F68A33; }
  .RoundCtas.RoundCtas--inverted-colors.is-purple .Icon {
    color: #92278f; }
  .RoundCtas.RoundCtas--inverted-colors.is-pink .Icon {
    color: #EB1478; }
  .RoundCtas.RoundCtas--inverted-colors.is-yellow .Icon {
    color: #fdbb31; }
  .RoundCtas.RoundCtas--inverted-colors.is-darkgrey .Icon {
    color: #505050; }
  .RoundCtas.RoundCtas--inverted-colors.is-iotgreen .Icon {
    color: #009A8C; }
  .RoundCtas.RoundCtas--inverted-colors.is-skyblue .Icon {
    color: #BFE0F4; }
  .RoundCtas.RoundCtas--inverted-colors .Icon {
    background-color: #fff; }
    .RoundCtas.RoundCtas--inverted-colors .Icon:after {
      background-color: #fff; }
  .RoundCtas .Icon.is-black {
    background-color: #000; }
  .RoundCtas .Icon.is-white {
    background-color: #fff; }
  .RoundCtas .Icon.is-verydarkgrey {
    background-color: #29272a; }
  .RoundCtas .Icon.is-grey {
    background-color: #757575; }
  .RoundCtas .Icon.is-red {
    background-color: #E31B23; }
  .RoundCtas .Icon.is-blue {
    background-color: #009DDC; }
  .RoundCtas .Icon.is-brightBlue {
    background-color: #0069AA; }
  .RoundCtas .Icon.is-activeButtonBlue {
    background-color: #004E7F; }
  .RoundCtas .Icon.is-green {
    background-color: #54B948; }
  .RoundCtas .Icon.is-orange {
    background-color: #F68A33; }
  .RoundCtas .Icon.is-purple {
    background-color: #92278f; }
  .RoundCtas .Icon.is-pink {
    background-color: #EB1478; }
  .RoundCtas .Icon.is-yellow {
    background-color: #fdbb31; }
  .RoundCtas .Icon.is-darkgrey {
    background-color: #505050; }
  .RoundCtas .Icon.is-iotgreen {
    background-color: #009A8C; }
  .RoundCtas .Icon.is-skyblue {
    background-color: #BFE0F4; }
  .RoundCtas .Icon.is-white:hover {
    background-color: #e6e6e6; }
  .RoundCtas .Icon.is-verydarkgrey:hover {
    background-color: #0f0e10; }
  .RoundCtas .Icon.is-grey:hover {
    background-color: #bebebe; }
  .RoundCtas .Icon.is-red:hover {
    background-color: #b5161c; }
  .RoundCtas .Icon.is-blue:hover {
    background-color: #0079a9; }
  .RoundCtas .Icon.is-brightBlue:hover {
    background-color: #0084D5; }
  .RoundCtas .Icon.is-green:hover {
    background-color: #439539; }
  .RoundCtas .Icon.is-orange:hover {
    background-color: #ec6f0a; }
  .RoundCtas .Icon.is-purple:hover {
    background-color: #6a1c68; }
  .RoundCtas .Icon.is-pink:hover {
    background-color: #bc1060; }
  .RoundCtas .Icon.is-yellow:hover {
    background-color: #f9a902; }
  @media print {
    .RoundCtas {
      display: none; } }

.Breadcrumb {
  border-bottom: 0.0625rem solid #eee;
  margin: 0; }
  .Breadcrumb-style {
    display: inline-block; }
  .Breadcrumb-item {
    display: inline-block;
    margin-right: 0.0625rem;
    padding: 1em 0; }
    .Breadcrumb-item a, .Breadcrumb-item span, .Breadcrumb-item h1 {
      font-size: 1em;
      font-weight: 600; }
      .Breadcrumb-item a:hover, .Breadcrumb-item span:hover, .Breadcrumb-item h1:hover {
        color: #757575;
        transition: all 300ms; }
    .Breadcrumb-item > span, .Breadcrumb-item h1 {
      color: #757575; }
    .Breadcrumb-item h1 {
      margin: 0;
      line-height: inherit;
      letter-spacing: inherit; }
    .Breadcrumb-item--back {
      border-right: 0.0625rem solid #eee;
      margin-right: 0.9375rem;
      padding-right: 0.9375rem; }
      .Breadcrumb-item--back a {
        font-weight: 800; }
        .Breadcrumb-item--back a:after {
          display: none; }
  .Breadcrumb--inverted {
    color: #fff;
    background: #333333 100%;
    border-top: 0.0625rem solid #3F3F3F;
    border-bottom: 0; }
    .Breadcrumb--inverted .Breadcrumb-item a:hover,
    .Breadcrumb--inverted .Breadcrumb-item > span, .Breadcrumb--inverted .Breadcrumb-item h1 {
      color: #CBC2C2; }
    .Breadcrumb--inverted .Breadcrumb-item a:after {
      color: #fff; }
    .Breadcrumb--inverted .Breadcrumb-item--back {
      border-right-color: #333333; }
      .Breadcrumb--inverted .Breadcrumb-item--back a:before {
        border-right-color: #fff; }
  @media print {
    .Breadcrumb {
      display: none; } }

.Badge {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 0.0625rem 0.3125rem;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 0.9375rem; }
  .Badge:after {
    content: "";
    border-right: 0.625rem solid transparent;
    position: absolute;
    margin-left: 0.3125rem; }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .Badge:after {
        margin-left: 0.125rem; } }
  .Badge.is-black {
    background-color: #000; }
    .Badge.is-black:after {
      border-top: 0.875rem solid #000; }
  .Badge.is-white {
    background-color: #fff; }
    .Badge.is-white:after {
      border-top: 0.875rem solid #fff; }
  .Badge.is-verydarkgrey {
    background-color: #29272a; }
    .Badge.is-verydarkgrey:after {
      border-top: 0.875rem solid #29272a; }
  .Badge.is-grey {
    background-color: #757575; }
    .Badge.is-grey:after {
      border-top: 0.875rem solid #757575; }
  .Badge.is-red {
    background-color: #E31B23; }
    .Badge.is-red:after {
      border-top: 0.875rem solid #E31B23; }
  .Badge.is-blue {
    background-color: #009DDC; }
    .Badge.is-blue:after {
      border-top: 0.875rem solid #009DDC; }
  .Badge.is-brightBlue {
    background-color: #0069AA; }
    .Badge.is-brightBlue:after {
      border-top: 0.875rem solid #0069AA; }
  .Badge.is-activeButtonBlue {
    background-color: #004E7F; }
    .Badge.is-activeButtonBlue:after {
      border-top: 0.875rem solid #004E7F; }
  .Badge.is-green {
    background-color: #54B948; }
    .Badge.is-green:after {
      border-top: 0.875rem solid #54B948; }
  .Badge.is-orange {
    background-color: #F68A33; }
    .Badge.is-orange:after {
      border-top: 0.875rem solid #F68A33; }
  .Badge.is-purple {
    background-color: #92278f; }
    .Badge.is-purple:after {
      border-top: 0.875rem solid #92278f; }
  .Badge.is-pink {
    background-color: #EB1478; }
    .Badge.is-pink:after {
      border-top: 0.875rem solid #EB1478; }
  .Badge.is-yellow {
    background-color: #fdbb31; }
    .Badge.is-yellow:after {
      border-top: 0.875rem solid #fdbb31; }
  .Badge.is-darkgrey {
    background-color: #505050; }
    .Badge.is-darkgrey:after {
      border-top: 0.875rem solid #505050; }
  .Badge.is-iotgreen {
    background-color: #009A8C; }
    .Badge.is-iotgreen:after {
      border-top: 0.875rem solid #009A8C; }
  .Badge.is-skyblue {
    background-color: #BFE0F4; }
    .Badge.is-skyblue:after {
      border-top: 0.875rem solid #BFE0F4; }

html.remodal-is-locked {
  overflow: hidden; }

body.remodal-is-active {
  overflow: hidden;
  height: 100%; }

.remodal,
[data-remodal-id] {
  visibility: hidden; }

.remodal {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  transition: opacity 300ms ease-out;
  opacity: 0;
  width: 100%; }
  @media (min-width: 641px) {
    .remodal {
      width: auto;
      max-width: 90%; } }
  .remodal-overlay {
    position: fixed;
    z-index: 10000;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    transition: opacity 300ms ease-out;
    background: rgba(255, 255, 255, 0.5); }
    body.remodal-is-active .remodal-overlay {
      opacity: 1; }
  .remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch; }
    .remodal-wrapper:after {
      display: inline-block;
      height: 100%;
      margin-left: -0.05em;
      content: ""; }
  .remodal-overlay, .remodal-wrapper {
    -webkit-transform: translateZ(0); }

.Modal-error, .Modal-dialog, .Modal-backOrder {
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  visibility: visible; }
  @media (min-width: 641px) {
    .Modal-error, .Modal-dialog, .Modal-backOrder {
      min-width: 335px;
      max-width: 100%;
      min-height: 0;
      margin: 20px auto; } }

.Modal-error-icon {
  color: #E31B23;
  font-size: 42px;
  float: left;
  margin: 10px 20px 10px 0; }
  .Modal-error-icon.is-warning {
    color: #F68A33; }
  .Modal-error-icon.is-info {
    color: #009DDC; }

.Modal-error-text {
  float: left;
  max-width: 300px; }
  .Modal-error-text > ul {
    padding-right: 50px; }

.Modal-link {
  text-decoration: underline;
  cursor: pointer; }

.Modal-backOrder {
  background-color: #fff;
  padding: 50px 2px;
  box-shadow: 0 0 10px #000;
  overflow-y: scroll; }
  .Modal-backOrder .Modal-iframe {
    max-height: 55vh;
    max-width: 95vw;
    width: 310px;
    height: 445px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    margin: 0 auto; }
    @media (min-width: 600px) {
      .Modal-backOrder .Modal-iframe {
        width: 560px; } }
    @media (min-width: 720px) {
      .Modal-backOrder .Modal-iframe {
        width: 660px;
        height: 600px; } }
    .Modal-backOrder .Modal-iframe iframe {
      width: 100%;
      height: 99%; }
  .Modal-backOrder .Modal-close {
    top: 25px;
    right: 40px;
    z-index: 10000;
    opacity: .5; }

.Modal-dialog {
  font-size: 16px;
  color: #000;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding: 20px;
  text-align: left;
  overflow: hidden; }
  .Modal-dialog:focus {
    box-shadow: 0 0 0 3px #7FC1EA !important;
    outline: 0; }

.Modal-header {
  font-size: 1.23077em;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 0.75em;
  padding-right: 3em;
  margin: 0 0 0.75em; }

.Modal-body p {
  font-size: 1.16667em;
  margin-bottom: 1.5em; }

.Modal-input-container {
  margin: 1em 0; }

.Modal-input {
  width: 100%;
  border: 1px solid #757575;
  padding: 0.5em 1em; }
  .Modal-input-error {
    top: 0.4em; }

.Modal-errorMessage {
  color: #E31B23; }

.Modal-buttons {
  font-size: 0;
  text-align: center; }
  .Modal-buttons .Button {
    display: block;
    text-align: center;
    margin-top: 10px; }
  @media (min-width: 641px) {
    .Modal-buttons .Button {
      display: inline-block;
      min-width: 49%;
      margin-top: 0;
      margin-left: 2%; }
      .Modal-buttons .Button:first-child {
        margin-left: 0; }
      .Modal-buttons .Button.Button--red {
        float: right; }
      .Modal-buttons .Button--right {
        float: right; }
    .Modal-buttons--three .Button {
      width: 32%;
      min-width: 0; }
      .Modal-buttons--three .Button--transparent {
        background: none;
        border: 2px solid #000;
        color: black; }
      .Modal-buttons--three .Button.Button--red {
        float: right; } }

.Modal-button {
  text-transform: uppercase;
  background: #000;
  color: #fff;
  padding: 0.5em 1em;
  text-align: center;
  width: 50%;
  display: inline-block;
  max-width: 149px;
  float: left; }
  .Modal-button[data-remodal-action="confirm"] {
    background: #E31B23;
    float: right; }

.Modal--share.is-black .Modal-header {
  background-color: #000; }

.Modal--share.is-white .Modal-header {
  background-color: #fff; }

.Modal--share.is-verydarkgrey .Modal-header {
  background-color: #29272a; }

.Modal--share.is-grey .Modal-header {
  background-color: #757575; }

.Modal--share.is-red .Modal-header {
  background-color: #E31B23; }

.Modal--share.is-blue .Modal-header {
  background-color: #009DDC; }

.Modal--share.is-brightBlue .Modal-header {
  background-color: #0069AA; }

.Modal--share.is-activeButtonBlue .Modal-header {
  background-color: #004E7F; }

.Modal--share.is-green .Modal-header {
  background-color: #54B948; }

.Modal--share.is-orange .Modal-header {
  background-color: #F68A33; }

.Modal--share.is-purple .Modal-header {
  background-color: #92278f; }

.Modal--share.is-pink .Modal-header {
  background-color: #EB1478; }

.Modal--share.is-yellow .Modal-header {
  background-color: #fdbb31; }

.Modal--share.is-darkgrey .Modal-header {
  background-color: #505050; }

.Modal--share.is-iotgreen .Modal-header {
  background-color: #009A8C; }

.Modal--share.is-skyblue .Modal-header {
  background-color: #BFE0F4; }

.Modal--share.Modal-dialog {
  padding: 0; }

.Modal--share .Modal-header {
  color: #000;
  font-size: 1.38462em;
  padding: 20px 40px 0px 20px;
  margin-bottom: 1em; }
  .Modal--share .Modal-header .Icon {
    font-size: 0.88889em;
    margin-right: 5px;
    color: #000; }

.Modal--share .Modal-close {
  top: 23px;
  color: #757575; }

.Modal--share .Modal-input {
  margin-bottom: 1.15385em; }

.Modal--share .Modal-container {
  max-width: 500px;
  padding: 1.76923em;
  padding-top: 0; }
  .Modal--share .Modal-container.loading {
    padding: 5.76923em 13.84615em 6.92308em 13.84615em;
    text-align: center;
    font-size: 0;
    pointer-events: none; }
    .Modal--share .Modal-container.loading:before {
      content: ''; }
    .Modal--share .Modal-container.loading > span {
      font-size: 0; }
    .Modal--share .Modal-container.loading:after,
    .Modal--share .Modal-container.loading > span:before,
    .Modal--share .Modal-container.loading > span:after {
      width: 20px;
      height: 20px;
      background: #eee;
      border-radius: 100%;
      display: inline-block;
      content: "";
      vertical-align: baseline;
      animation: threeBounceDelay 1.4s infinite ease-in-out;
      animation-fill-mode: both; }
    .Modal--share .Modal-container.loading > span:before {
      animation-delay: -0.32s;
      margin-right: 5px; }
    .Modal--share .Modal-container.loading > span:after {
      animation-delay: -0.16s;
      margin-right: 5px; }

.Modal--share .Icon--facebook {
  background: #3C5899; }

.Modal--share .Icon--twitter {
  background: #28A9E0; }

.Modal--share .Icon--google-plus {
  background: #DB4437; }

.Modal--share .Icon--linkedin {
  background: #1A85BC; }

.Modal--share .Icon--pinterest {
  background: #BD081C; }

.Modal-Payment.Modal-dialog {
  padding: 0; }

.Modal-Payment-chatDescription {
  font-size: 9px; }

.Modal-Payment-callDescription {
  font-size: 9px; }

.Modal-Payment-description {
  margin-bottom: 20px; }

.Modal-Payment-half {
  width: 50%;
  margin: 0 0 20px 0; }
  .Modal-Payment-half--left {
    float: left; }
    @media (max-width: 599px) {
      .Modal-Payment-half--left {
        float: none;
        width: 100%; } }
  .Modal-Payment-half--right {
    float: right; }
    @media (max-width: 599px) {
      .Modal-Payment-half--right {
        float: none;
        width: 100%; } }

.Modal-Payment-chat {
  border-left: 2px solid #d7d7d7;
  padding-left: 5%;
  cursor: pointer; }
  @media (max-width: 599px) {
    .Modal-Payment-chat {
      border-left: none;
      padding-left: 0;
      border-top: 2px solid #d7d7d7;
      padding-top: 5%; } }

.Modal-Payment-chatIcon {
  margin-top: 0.41667em;
  font-size: 3.5em; }

.Modal-Payment-phoneNumber {
  font-weight: 600; }

.Modal-Payment .Modal-header {
  color: #fff;
  font-size: 1.38462em;
  padding: 20px 40px 20px 20px; }
  .Modal-Payment .Modal-header .Icon {
    font-size: 0.88889em;
    margin-right: 5px;
    color: #fff; }

.Modal-Payment .Modal-close {
  top: 23px;
  color: #fff; }

.Modal-Payment .Modal-container {
  max-width: 500px;
  padding: 1.76923em;
  padding-top: 0;
  padding-right: 40px; }

.Modal--download {
  max-width: 450px; }
  .Modal--download .Button--blue.is-blue {
    color: #fff; }
    .Modal--download .Button--blue.is-blue:hover, .Modal--download .Button--blue.is-blue:focus {
      color: #000;
      background-color: #fff;
      border-color: #000; }

body.remodal-is-active .remodal,
.remodal-is-opened.remodal {
  opacity: 1;
  animation-name: anim-jelly;
  animation-duration: 1s;
  animation-timing-function: linear; }

.remodal, .remodal-wrapper:after {
  vertical-align: middle; }

.remodal .Modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  color: #757575;
  transition: opacity 300ms ease-out; }
  .remodal .Modal-close:hover, .remodal .Modal-close:focus {
    opacity: 1; }

.Modal-cross {
  background: none;
  border: 0; }
  .Modal-cross:focus {
    box-shadow: 0 0 0 3px #7FC1EA;
    outline: 0; }

.remodal-close {
  display: none; }

.lt-ie9 .remodal {
  width: 700px;
  min-height: 0;
  margin: 20px auto; }
  .lt-ie9 .remodal-overlay {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff)"; }

.Modal-steps {
  position: relative;
  overflow: hidden;
  transition: 0.1s min-height; }
  @media (min-width: 600px) {
    .Modal-steps {
      min-width: 460px; } }

.Modal-step {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  background: #fff;
  transform: translate(100%, 0);
  transition: transform 300ms; }
  .Modal-step.is-active {
    transform: translate(0, 0);
    position: static; }
  .Modal-step.is-visible {
    transform: translate(0, 0); }

.Modal--pointy .tooltipster-box {
  font-size: 12px;
  color: #000;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding: 20px;
  text-align: left;
  min-width: 300px; }

.Modal--pointy .tooltipster-content {
  padding: 0;
  min-width: 280px;
  max-width: 380px;
  color: black; }

.Modal--pointy.tooltipster-sidetip {
  color: white; }
  .Modal--pointy.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff; }
  .Modal--pointy.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff; }
  .Modal--pointy.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff; }
  .Modal--pointy.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff; }

.Modal--pointy .Modal-header {
  font-size: 1.5em;
  border-bottom: 0;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  padding-right: 0; }

.Modal--pointy .Modal-buttons {
  margin-top: 18px; }

.Article-video {
  clear: both;
  margin: 0.625rem -1.5em; }
  @media (min-width: 600px) {
    .Article-video {
      margin-right: 0;
      margin-left: 0; } }
  .Article-video-inner {
    position: relative; }
  .Article-video .BrightcoveExperience, .Article-video iframe {
    width: 100%;
    height: 100%; }

@media (max-width: 640px) {
  .CurrencyWarningModal button {
    width: 100%; } }

@media (min-width: 641px) {
  .CurrencyWarningModal {
    min-width: 12.5rem;
    max-width: 28.125rem; }
    .CurrencyWarningModal .buttons {
      margin: 1.25rem 0 0.625rem 0;
      text-align: center; }
      .CurrencyWarningModal .buttons button {
        width: 13.75rem; } }

.Image {
  width: 100%;
  height: auto;
  display: block;
  margin: 1.5em 0; }
  @media (min-width: 720px) {
    .Image {
      width: auto;
      display: inline; } }
  .Image-caption, .Image--main-caption {
    font-size: 0.83333em;
    letter-spacing: 0.02em;
    color: #CBC2C2;
    margin-top: 0.5em; }
    @media (min-width: 720px) {
      .Image-caption, .Image--main-caption {
        font-size: 0.85714em;
        margin-top: 0.71429em; } }
    .Image-caption a, .Image--main-caption a {
      color: #F68A33; }
  .Image--main {
    margin-bottom: 1em; }
    .Image--main img {
      width: 100%; }
    .Image--main-wrapper {
      margin-left: -1.125rem;
      margin-right: -1.125rem; }
    @media (min-width: 720px) {
      .Image--main-wrapper {
        margin-left: 0;
        margin-right: 0; } }
  @media (min-width: 720px) {
    .Image--floatedLeft {
      float: left;
      margin: 0 1.5em 0.5em 0; } }

.Image--inline {
  width: 100%;
  height: auto;
  display: block;
  margin: 1.5em 0; }
  @media (min-width: 720px) {
    .Image--inline {
      width: auto;
      display: inline;
      float: left;
      margin: 0 1.5em 0.5em 0; } }

.Quote {
  font-size: 1.83333em;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.2;
  width: 100%;
  margin: 0.81818em 0; }
  @media (min-width: 720px) {
    .Quote {
      width: 40%;
      margin: 0.5em 0 0.71429em 0.71429em;
      float: right;
      font-size: 2em; } }
  @media (min-width: 1024px) {
    .Quote {
      width: 25%; } }
  .Quote + p {
    margin-top: 1.66667em; }

.GridList {
  margin-bottom: 2.5em; }
  .GridList-Header {
    margin-top: 0;
    background: #0069AA;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: 0.08333em;
    padding: 0.41667em; }
    @media (min-width: 720px) {
      .GridList-Header {
        margin-top: 1.66667em; } }
  .GridList-Items-item {
    position: relative;
    border-bottom: 0.125rem solid #000;
    margin-bottom: 1.25em;
    padding-bottom: 5.41667em; }
    @media (min-width: 720px) {
      .GridList-Items-item {
        min-height: 15.625rem; } }
    .GridList-Items-item-new {
      background: #E31B23;
      border-radius: 1.875rem;
      color: #fff;
      display: inline-block;
      font-size: 0.75em;
      float: left;
      font-weight: 600;
      letter-spacing: 0.0625rem;
      margin-right: 0.3125rem;
      padding: 0.125rem 0.25rem;
      text-transform: uppercase; }
    .GridList-Items-item-header {
      margin: 0.83333em 0;
      font-size: 1.5em;
      display: inline; }
    .GridList-Items-item-footer {
      position: absolute;
      bottom: 1.25em;
      left: 0; }
      .GridList-Items-item-footer-downloadLink {
        display: table;
        font-size: 1.33333em; }
        .GridList-Items-item-footer-downloadLink-text {
          display: table-cell;
          vertical-align: middle;
          font-weight: 600;
          text-transform: uppercase;
          font-size: 0.75em; }
        .GridList-Items-item-footer-downloadLink:hover {
          color: #757575; }
          .GridList-Items-item-footer-downloadLink:hover .Icon--circle {
            background: #0084D5; }
        .GridList-Items-item-footer-downloadLink:focus {
          box-shadow: 0 0 0 0.1875rem #7FC1EA;
          outline: 0; }
    @media (min-width: 1024px) {
      .GridList-Items-item p {
        margin-top: 1.25em; } }
    @media (min-width: 720px) {
      .GridList-Items-item {
        padding: 0.83333em 0.83333em 6.25em; }
        .GridList-Items-item-footer {
          left: 0.83333em; } }
    @media (min-width: 720px) and (max-width: 1024px) {
      .GridList-Items-item {
        width: 48.97959%;
        float: left;
        margin-right: 2.04082%; }
        .GridList-Items-item:nth-of-type(even) {
          float: right;
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .GridList-Items-item {
        width: 18.36735%;
        float: left;
        margin-right: 2.04082%;
        min-height: 21.875rem; }
        .GridList-Items-item:nth-of-type(5n+5) {
          float: right;
          margin-right: 0; } }
  .GridList .Icon--circle {
    background: #0069AA;
    color: #fff;
    font-size: 1.2em;
    margin-right: 0.41667em;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem; }

.BoardMembers-item {
  margin: 0 0 2.08333em;
  width: 25%;
  float: left;
  padding-left: 1%;
  padding-right: 1%;
  margin-bottom: 2.08333em; }
  .BoardMembers-item-image {
    width: 100%;
    height: auto;
    margin: 0; }
  .BoardMembers-item-name {
    font-size: 1.16667em;
    margin: 0.5em 0 0.33333em;
    line-height: 1.2; }
  .BoardMembers-item-jobTitle {
    display: block;
    font-size: 0.91667em;
    line-height: 1.2;
    margin: 0.33333em 0;
    min-height: 4em; }
  @media (max-width: 600px) {
    .BoardMembers-item {
      padding: 0;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 600px) and (max-width: 720px) {
    .BoardMembers-item {
      padding: 0;
      width: 48.97959%;
      float: left;
      margin-right: 2.04082%; }
      .BoardMembers-item:nth-child(2n) {
        float: right;
        margin-right: 0; } }

/*
  Like the search results the pattern for indicating the page is
  reloading after a user action (like deleting a project) is to
  fade relevant sections.

  Apply the .PageReloading-fadeSection class to any element which
  should use this behaviour
*/
.PageReloading-fadeSection {
  transition: opacity .3s ease; }
  .PageReloading .PageReloading-fadeSection {
    opacity: 0.3;
    pointer-events: none; }

.AnnouncementBar {
  background-color: #29272a;
  color: #fff;
  padding: 2.08333em 0 2.5em; }
  .AnnouncementBar-icon {
    display: none;
    margin-right: -0.25rem; }
    .AnnouncementBar-icon .Icon {
      font-size: 4.16667em; }
    @media (min-width: 720px) {
      .AnnouncementBar--withIcon .AnnouncementBar-icon {
        width: 10%;
        display: inline-block;
        text-align: center;
        vertical-align: middle; } }
  .AnnouncementBar-content {
    margin-right: -0.25rem; }
    @media (min-width: 720px) {
      .AnnouncementBar-content {
        display: inline-block;
        vertical-align: middle;
        width: 75%; }
        .AnnouncementBar--withIcon .AnnouncementBar-content {
          width: 67.5%; } }
  .AnnouncementBar-title {
    font-size: 1.5em;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0; }
  .AnnouncementBar-paragraph {
    margin-bottom: 2.08333em;
    letter-spacing: 0.02em; }
    @media (min-width: 720px) {
      .AnnouncementBar-paragraph {
        margin-bottom: 0;
        font-size: 1.16667em; } }
  @media (min-width: 720px) {
    .AnnouncementBar-button-container {
      width: 25%;
      display: inline-block;
      vertical-align: middle;
      text-align: right; }
      .AnnouncementBar--withIcon .AnnouncementBar-button-container {
        width: 22.5%; } }
  .AnnouncementBar-button {
    font-size: 1.16667em;
    display: inline-block;
    background: transparent;
    border: 0.125rem solid #fff;
    line-height: 1;
    height: 3.21429em;
    letter-spacing: 0.05em;
    width: 100%;
    max-width: none; }
    @media (min-width: 720px) {
      .AnnouncementBar-button {
        max-width: 16.42857em; } }
  .AnnouncementBar--isError {
    background-color: #F68A33; }
  .AnnouncementBar--isHidden {
    display: none; }

.Categories-item {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0) translateY(-3.75rem);
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-bottom: 0.0625rem solid #eee; }
  .Categories-item.is-selected:hover {
    transform: translateX(0); }
  @media (min-width: 600px) {
    .Categories-item {
      width: 50%;
      float: left;
      border-bottom: transparent; } }
  @media (min-width: 1024px) {
    .Categories-item {
      width: 25%;
      float: left; } }
  @media (min-width: 1240px) {
    .Categories-item {
      width: 20%;
      float: left; } }
  .Categories-item-link {
    display: block;
    padding: 0.75rem 0.5rem 0 0;
    height: auto; }
    .Categories-item-link h3 {
      font-size: 0.875rem;
      line-height: 1.1;
      margin: 0;
      letter-spacing: 0.04em; }
    .Categories-item-link .Icon {
      font-size: 2.125rem; }
  .Categories-item-left, .Categories-item-right {
    display: inline-block;
    position: relative;
    vertical-align: text-top; }
  .Categories-item-left {
    margin-right: 0.75rem;
    text-align: center;
    width: 1.875rem; }
    @media (min-width: 1024px) {
      .Categories-item-left {
        margin-right: 0.625rem; } }
  .Categories-item-right {
    width: 70%;
    padding-top: 0.33333em; }
  .Categories-item:hover {
    transform: translateX(0.625rem); }

.Categories--products .Categories-header {
  font-size: 2em;
  margin: 2.5rem 0 1.25rem; }

.Categories--products .Categories-items {
  margin: 0 0 2.5rem;
  border-top: 0.0625rem solid #eee; }
  .Categories--products .Categories-items:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 600px) {
    .Categories--products .Categories-items {
      margin: 0 0 1.25rem; } }

.Categories--products .Categories-item .SubCategories-inner {
  transition: opacity 500ms, margin 500ms;
  height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0; }

.Categories--products .Categories-item.is-visible {
  transition: none;
  transform: translateY(0); }
  .Categories--products .Categories-item.is-visible .SubCategories {
    margin: 0.9375rem 0; }
    .Categories--products .Categories-item.is-visible .SubCategories-inner {
      opacity: 1;
      overflow: visible;
      margin: 1em 0;
      height: auto; }
      .Categories--products .Categories-item.is-visible .SubCategories-inner:before {
        display: block; }
      .Categories--products .Categories-item.is-visible .SubCategories-inner:before {
        opacity: 1; }

.Categories--products .Categories-button {
  display: none; }
  @media (max-width: 600px) {
    .Categories--products .Categories-button {
      display: block; } }

.Categories--products .SubCategories {
  transition: margin 500ms;
  backface-visibility: hidden;
  perspective: 1000;
  position: relative;
  margin: 0; }
  @media (max-width: 600px) {
    .Categories--products .SubCategories {
      display: none; } }
  .Categories--products .SubCategories-inner:before {
    content: '';
    position: absolute;
    top: -1.125rem;
    opacity: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.9375rem 1.125rem 0.9375rem;
    border-color: transparent transparent #eee transparent;
    transition: all 500ms; }
  .Categories--products .SubCategories:before {
    content: '';
    background: #eee;
    position: absolute;
    left: -1000%;
    right: -1000%;
    height: 100%;
    top: 0; }
  .Categories--products .SubCategories .Content {
    padding-left: 0;
    padding-right: 0;
    min-height: 1.875rem; }
  .Categories--products .SubCategories-header {
    padding: 0 0 2.5em;
    position: relative; }
    .Categories--products .SubCategories-header .Icon {
      position: absolute;
      font-size: 4.375rem;
      top: 0.28571em;
      left: 0; }
    .Categories--products .SubCategories-header .close-SubCategories {
      right: 0;
      left: auto;
      font-size: 1.375rem;
      top: 1.25rem;
      z-index: 10; }
    .Categories--products .SubCategories-header h2 {
      font-size: 2.33333em;
      background: transparent;
      padding: 0;
      min-height: 1em;
      line-height: 1.1;
      margin: 0 0 0.17857em; }
      .Categories--products .SubCategories-header h2 .Icon--link-arrow, .Categories--products .SubCategories-header h2 .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .Categories--products .SubCategories-header h2 span {
        font-size: 0.625rem;
        position: relative;
        top: -0.1875rem;
        margin-left: 0.3125rem; }
    .Categories--products .SubCategories-header-value {
      display: none; }
    .Categories--products .SubCategories-header-copy {
      margin: 0; }
    .Categories--products .SubCategories-header .Button {
      width: auto;
      background: #E31B23;
      padding: 0.9375rem 2.5rem; }
      .Categories--products .SubCategories-header .Button:hover {
        background: #b5161c; }
    .Categories--products .SubCategories-header .u-left {
      width: 68.33333%;
      float: left;
      padding: 2.5em 0 0 6.5em; }
    .Categories--products .SubCategories-header .u-right {
      width: 28.33333%;
      float: right;
      padding-top: 2.5em;
      max-width: 14.625rem; }
      @media (min-width: 600px) and (min-width: 1023px) {
        .Categories--products .SubCategories-header .u-right {
          padding-top: 5.83333em; } }
    @media (min-width: 1024px) {
      .Categories--products .SubCategories-header .Icon {
        font-size: 5rem;
        top: 0.575em; }
      .Categories--products .SubCategories-header .u-left {
        padding: 4.66667em 0 0 7.5em; }
      .Categories--products .SubCategories-header .u-right {
        padding-top: 7.66667em; }
      .Categories--products .SubCategories-header .close-SubCategories {
        font-size: 1.125rem;
        top: 1.25rem;
        right: 0; }
      .Categories--products .SubCategories-header .Button {
        float: right; } }

@media (max-width: 600px) {
  .Categories--products .Categories-item {
    display: block; }
    .Categories--products .Categories-item.show-items:nth-child(n+10) {
      display: block; }
    .Categories--products .Categories-item:nth-child(n+10) {
      display: none; } }

@media (min-width: 600px) and (max-width: 1024px) {
  .Categories--products .Categories-item .SubCategories {
    width: 200%; }
  .Categories--products .Categories-item:nth-child(2n) .SubCategories {
    left: -100%; }
    .Categories--products .Categories-item:nth-child(2n) .SubCategories-inner:before {
      left: 50%; }
  .Categories--products .Categories-item:nth-child(2n+1) {
    clear: left; } }

@media (min-width: 1024px) and (max-width: 1240px) {
  .Categories--products .Categories-item .SubCategories {
    width: 400%; }
  .Categories--products .Categories-item:nth-child(2n+1) {
    clear: none; }
  .Categories--products .Categories-item:nth-child(4n+1) {
    clear: left; }
  .Categories--products .Categories-item:nth-child(4n+2) .SubCategories {
    left: -100%; }
    .Categories--products .Categories-item:nth-child(4n+2) .SubCategories-inner:before {
      left: 25%; }
  .Categories--products .Categories-item:nth-child(4n+3) .SubCategories {
    left: -200%; }
    .Categories--products .Categories-item:nth-child(4n+3) .SubCategories-inner:before {
      left: 50%; }
  .Categories--products .Categories-item:nth-child(4n) .SubCategories {
    left: -300%; }
    .Categories--products .Categories-item:nth-child(4n) .SubCategories-inner:before {
      left: 75%; } }

@media (min-width: 1240px) {
  .Categories--products .Categories-item .SubCategories {
    width: 500%; }
  .Categories--products .Categories-item:nth-child(5n+1) {
    clear: left; }
  .Categories--products .Categories-item:nth-child(5n+2) .SubCategories {
    left: -100%; }
    .Categories--products .Categories-item:nth-child(5n+2) .SubCategories-inner:before {
      left: 20%; }
  .Categories--products .Categories-item:nth-child(5n+3) .SubCategories {
    left: -200%; }
    .Categories--products .Categories-item:nth-child(5n+3) .SubCategories-inner:before {
      left: 40%; }
  .Categories--products .Categories-item:nth-child(5n+4) .SubCategories {
    left: -300%; }
    .Categories--products .Categories-item:nth-child(5n+4) .SubCategories-inner:before {
      left: 60%; }
  .Categories--products .Categories-item:nth-child(5n) .SubCategories {
    left: -400%; }
    .Categories--products .Categories-item:nth-child(5n) .SubCategories-inner:before {
      left: 80%; } }

@media (min-width: 600px) {
  .modal--SubCategories {
    position: fixed;
    height: 100%;
    overflow: scroll;
    width: 100%; } }

.modal--SubCategories .SubCategories {
  background: #eee;
  position: relative; }
  .modal--SubCategories .SubCategories-header {
    padding: 0 0 2.5em;
    position: relative; }
    .modal--SubCategories .SubCategories-header .Icon {
      font-size: 2.5rem;
      display: inline-block;
      position: absolute;
      top: 0.3em;
      left: 0.45em; }
    .modal--SubCategories .SubCategories-header-value {
      font-size: 0.83333em;
      font-weight: normal;
      display: inline-block;
      width: 100%; }
    .modal--SubCategories .SubCategories-header-copy {
      margin: 2em 0; }
    .modal--SubCategories .SubCategories-header .Button {
      width: 100%;
      max-width: none;
      background: #E31B23; }
      .modal--SubCategories .SubCategories-header .Button:hover {
        background: #b5161c; }
  .modal--SubCategories .SubCategories h2 {
    min-height: 4.57143em;
    font-size: 1.16667em;
    line-height: 1.1;
    padding: 1.14286em 0 1.28571em 4.57143em;
    margin: 0;
    background: #fff; }
    .modal--SubCategories .SubCategories h2 .Icon--link-arrow, .modal--SubCategories .SubCategories h2 .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .modal--SubCategories .SubCategories h2 span {
      font-size: 0.625rem;
      margin-left: 0.1875rem; }
  .modal--SubCategories .SubCategories .close-SubCategories {
    position: absolute;
    font-size: 0.8125rem;
    right: 1.23077em;
    left: auto;
    top: 2em;
    cursor: pointer; }

@media (max-width: 719px) {
  #enableNewManufacturerDetails .Categories-item {
    border-bottom: none; } }

#enableNewManufacturerDetails .Categories-item-right {
  width: 100%;
  padding-top: 0.33333em;
  margin-right: 1rem; }

#enableNewManufacturerDetails .Categories .primary-label {
  font-family: Arrow Display;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0;
  text-align: left;
  color: #141314;
  margin-bottom: 0.5rem; }
  #enableNewManufacturerDetails .Categories .primary-label:hover {
    text-decoration: underline; }

#enableNewManufacturerDetails .Categories .primary-count {
  font-family: Arrow Text;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 0em;
  text-align: left;
  color: #505050; }

#enableNewManufacturerDetails .Categories .secondary-label {
  padding: 1rem;
  gap: 1rem; }

#enableNewManufacturerDetails .rightArrow {
  padding-top: 1.1875rem; }
  @media (max-width: 600px) {
    #enableNewManufacturerDetails .rightArrow {
      display: none; } }

#enableNewManufacturerDetails .Categories--products .Categories-header {
  font-family: Arrow Display;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  text-align: left;
  color: #141314;
  margin: 0 0 1.5rem 0; }
  @media (max-width: 890px) {
    #enableNewManufacturerDetails .Categories--products .Categories-header {
      font-size: 1.8125rem;
      line-height: 2.25rem;
      margin: 0;
      color: #000000CC; } }
  @media (max-width: 719px) {
    #enableNewManufacturerDetails .Categories--products .Categories-header {
      font-size: 1.4375rem;
      line-height: 1.8125rem;
      color: #000000CC; } }

#enableNewManufacturerDetails .Categories--products .Categories-items {
  margin: 0;
  padding: 0;
  border-top: none; }
  #enableNewManufacturerDetails .Categories--products .Categories-items:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 600px) {
    #enableNewManufacturerDetails .Categories--products .Categories-items {
      margin: 0 0 1.25rem; } }
  @media (max-width: 890px) {
    #enableNewManufacturerDetails .Categories--products .Categories-items {
      display: none; } }

#enableNewManufacturerDetails .Categories--products .Categories-item .SubCategories-inner {
  transition: opacity 500ms, margin 500ms;
  height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0; }

#enableNewManufacturerDetails .Categories--products .Categories-item.is-visible {
  transition: none;
  transform: translateY(0); }
  #enableNewManufacturerDetails .Categories--products .Categories-item.is-visible .SubCategories {
    margin: 0.9375rem 0; }
    #enableNewManufacturerDetails .Categories--products .Categories-item.is-visible .SubCategories-inner {
      opacity: 1;
      overflow: visible;
      margin: 1em 0;
      height: auto; }
      #enableNewManufacturerDetails .Categories--products .Categories-item.is-visible .SubCategories-inner:before {
        display: block; }
      #enableNewManufacturerDetails .Categories--products .Categories-item.is-visible .SubCategories-inner:before {
        opacity: 1; }

#enableNewManufacturerDetails .Categories--products .Categories-button {
  display: none; }
  @media (max-width: 600px) {
    #enableNewManufacturerDetails .Categories--products .Categories-button {
      display: block; } }

#enableNewManufacturerDetails .Categories--products .category-heading-container {
  justify-content: space-between;
  display: flex;
  box-shadow: none;
  outline: none; }
  @media (max-width: 890px) {
    #enableNewManufacturerDetails .Categories--products .category-heading-container {
      padding: 1.5rem 0 1.5rem 0;
      border-bottom: 1px solid #B3B3B3; }
      #enableNewManufacturerDetails .Categories--products .category-heading-container:focus-visible {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29272a;
        outline: 0; } }
  @media (min-width: 891px) {
    #enableNewManufacturerDetails .Categories--products .category-heading-container .Icon--right_arrow {
      display: none; } }

@media (max-width: 890px) {
  #enableNewManufacturerDetails .Categories--products .header-arrow {
    font-size: 1.5rem; } }

#enableNewManufacturerDetails .Categories--products .SubCategories {
  transition: margin 500ms;
  backface-visibility: hidden;
  perspective: 1000;
  position: relative;
  margin: 0; }
  @media (max-width: 600px) {
    #enableNewManufacturerDetails .Categories--products .SubCategories {
      display: none; } }
  #enableNewManufacturerDetails .Categories--products .SubCategories-inner:before {
    content: '';
    position: absolute;
    top: -1.125rem;
    opacity: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.9375rem 1.125rem 0.9375rem;
    border-color: transparent transparent #eee transparent;
    transition: all 500ms; }
  #enableNewManufacturerDetails .Categories--products .SubCategories:before {
    content: '';
    background: #eee;
    position: absolute;
    left: -1000%;
    right: -1000%;
    height: 100%;
    top: 0; }
  #enableNewManufacturerDetails .Categories--products .SubCategories .Content {
    padding-left: 0;
    padding-right: 0;
    min-height: 1.875rem; }
  #enableNewManufacturerDetails .Categories--products .SubCategories-header {
    padding: 0 0 2.5em;
    position: relative; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header .Icon {
      position: absolute;
      font-size: 4.375rem;
      top: 0.28571em;
      left: 0; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header .close-SubCategories {
      right: 0;
      left: auto;
      font-size: 1.375rem;
      top: 1.25rem;
      z-index: 10; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header h2 {
      font-size: 2.33333em;
      background: transparent;
      padding: 0;
      min-height: 1em;
      line-height: 1.1;
      margin: 0 0 0.17857em; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header h2 .Icon--link-arrow, #enableNewManufacturerDetails .Categories--products .SubCategories-header h2 .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a #enableNewManufacturerDetails .Categories--products .SubCategories-header h2 span {
        font-size: 0.625rem;
        position: relative;
        top: -0.1875rem;
        margin-left: 0.3125rem; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header-value {
      display: none; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header-copy {
      margin: 0; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header .Button {
      width: auto;
      background: #E31B23;
      padding: 0.9375rem 2.5rem; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .Button:hover {
        background: #b5161c; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header .u-left {
      width: 68.33333%;
      float: left;
      padding: 2.5em 0 0 6.5em; }
    #enableNewManufacturerDetails .Categories--products .SubCategories-header .u-right {
      width: 28.33333%;
      float: right;
      padding-top: 2.5em;
      max-width: 14.625rem; }
      @media (min-width: 600px) and (min-width: 1023px) {
        #enableNewManufacturerDetails .Categories--products .SubCategories-header .u-right {
          padding-top: 5.83333em; } }
    @media (min-width: 1024px) {
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .Icon {
        font-size: 5rem;
        top: 0.575em; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .u-left {
        padding: 4.66667em 0 0 7.5em; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .u-right {
        padding-top: 7.66667em; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .close-SubCategories {
        font-size: 1.125rem;
        top: 1.25rem;
        right: 0; }
      #enableNewManufacturerDetails .Categories--products .SubCategories-header .Button {
        float: right; } }

#enableNewManufacturerDetails .primary-category-container {
  display: grid;
  padding: 0; }

#enableNewManufacturerDetails .categoryContainer {
  display: grid; }
  #enableNewManufacturerDetails .categoryContainer:hover {
    background-color: #F0F0F0; }

#enableNewManufacturerDetails .primary-div {
  padding: 0.5rem 1rem 0.5rem 1rem; }
  #enableNewManufacturerDetails .primary-div:hover {
    background-color: #F0F0F0; }

#enableNewManufacturerDetails .sub-category-container {
  position: absolute;
  left: 100%;
  z-index: 100;
  box-shadow: 0rem 0.25rem 0.5rem 0rem #00000033;
  background-color: #fff;
  width: 20.375rem;
  display: grid; }
  @media (max-width: 890px) {
    #enableNewManufacturerDetails .sub-category-container {
      left: 50%;
      position: static;
      box-shadow: none; } }
  #enableNewManufacturerDetails .sub-category-container .secondary-label {
    padding: 1rem;
    font-family: Arrow Display;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    letter-spacing: 0rem;
    text-align: left; }
    #enableNewManufacturerDetails .sub-category-container .secondary-label:hover {
      text-decoration: underline;
      background-color: #F0F0F0; }

#enableNewManufacturerDetails .tertiarysub-category-container .tertiary-label {
  padding: 1rem 1rem 1rem 2rem;
  font-family: Arrow Text;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 0em;
  text-align: left;
  display: block; }
  #enableNewManufacturerDetails .tertiarysub-category-container .tertiary-label:hover {
    text-decoration: underline;
    background-color: #F0F0F0; }

@media (min-width: 600px) and (max-width: 1023px) {
  #enableNewManufacturerDetails .sub-category-container {
    display: grid; } }

#enableNewManufacturerDetails .flyout-Desktop {
  display: block; }
  @media (max-width: 890px) {
    #enableNewManufacturerDetails .flyout-Desktop {
      display: none; } }
  #enableNewManufacturerDetails .flyout-Desktop .selected {
    background-color: #F0F0F0; }
  #enableNewManufacturerDetails .flyout-Desktop a:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29272a;
    outline: 0;
    z-index: 101; }

@media (min-width: 891px) {
  #enableNewManufacturerDetails .responsive-flyout {
    display: none; }
    #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive {
      display: none; }
    #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container {
      display: none; } }

@media (max-width: 890px) {
  #enableNewManufacturerDetails .responsive-flyout a:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29272a;
    outline: 0;
    z-index: 101; }
  #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container {
    display: flex;
    padding: 1rem 2rem 1rem 2rem;
    border-bottom: 1px solid #dedede; }
    #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container:focus-visible {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29272a;
      outline: 0; } }
  @media (max-width: 890px) and (max-width: 719px) {
    #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container {
      padding: 1rem 1.5rem 1rem 1.5rem;
      border-bottom: 1px solid #B3B3B3; } }

@media (max-width: 890px) {
    #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container .Categories-heading {
      font-family: Arrow Display;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.3125rem;
      letter-spacing: 0;
      text-align: left;
      color: #141314;
      margin: 0 0 0 0.25rem; }
    #enableNewManufacturerDetails .responsive-flyout .responsive-heading-container .leftArrow {
      height: 1.5rem;
      width: 1.5rem;
      font-size: 1rem; }
  #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive {
    padding: 0 2rem 0 2rem;
    border-bottom: 1px solid #dedede; } }
  @media (max-width: 890px) and (max-width: 719px) {
    #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive {
      padding: 0 1.5rem 0 1.5rem; } }
  @media (max-width: 890px) and (max-width: 890px) {
    #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive {
      display: flex; } }

@media (max-width: 890px) {
    #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Primary-Category {
      width: 50%;
      padding: 1rem 0 1rem 0;
      border-right: 1px solid #dedede;
      margin-right: 1.5rem; } }
    @media (max-width: 890px) and (max-width: 719px) {
      #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Primary-Category {
        width: 100%;
        margin-right: 0;
        border-right: none; } }

@media (max-width: 890px) {
      #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Primary-Category .selected {
        background-color: #F0F0F0; }
      #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Primary-Category .Primary-Category-heading {
        font-family: Arrow Display;
        font-size: 1.1875rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: 0;
        text-align: left;
        margin: 0 0 1.5rem 0; } }
      @media (max-width: 890px) and (max-width: 719px) {
        #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Primary-Category .Primary-Category-heading {
          font-size: 0.9375rem;
          line-height: 1.1875rem;
          margin: 0 0 1rem 0; } }

@media (max-width: 890px) {
    #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Secondary-Category {
      width: 50%;
      padding: 1rem 0 1rem 0; } }
    @media (max-width: 890px) and (max-width: 719px) {
      #enableNewManufacturerDetails .responsive-flyout .flyout-Responsive .Secondary-Category {
        display: none; } }

@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slideOutRight {
  0% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(100%);
    opacity: 0; } }

/* Defaults for the tab styling.
---------------------*/
.hideTabs, .TabbedContent--hideMobile .TabbedContent-content {
  transition: opacity 300ms linear;
  max-height: 0;
  overflow: hidden;
  opacity: 0; }

.Content .TabbedContent-content {
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto; }

/* TabbedContent
---------------------*/
.TabbedContent-wrapper.u-col-1, .TabbedContent-wrapper.u-col-2, .TabbedContent-wrapper.u-col-3, .TabbedContent-wrapper.u-col-4 {
  width: 50%;
  float: left; }

@media (min-width: 1024px) {
  .TabbedContent-wrapper.u-col-1 {
    width: 18.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .TabbedContent-wrapper.u-col-2 {
    width: 38.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .TabbedContent-wrapper.u-col-3 {
    width: 58.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .TabbedContent-wrapper.u-col-4 {
    width: 78.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; } }

@media (min-width: 600px) {
  .TabbedContent--showMobile .TabbedContent-content {
    transition: opacity 300ms linear;
    max-height: 0;
    overflow: hidden;
    opacity: 0; } }

@media (max-width: 600px) {
  .TabbedContent--onPage .TabbedContent-content.is-active {
    opacity: 1;
    max-height: none;
    overflow: hidden; } }

.TabbedContent-tabs {
  width: 100%;
  margin-bottom: 2em;
  display: table;
  table-layout: fixed; }
  .TabbedContent-tabs--transparent .TabbedContent-tab {
    background: transparent;
    color: #000;
    border-right: 0.125rem solid #000;
    border-top: 0.125rem solid #000;
    border-bottom: 0.125rem solid #000; }
    .TabbedContent-tabs--transparent .TabbedContent-tab:first-child {
      border-left: 0.125rem solid #000; }
    .TabbedContent-tabs--transparent .TabbedContent-tab:hover, .TabbedContent-tabs--transparent .TabbedContent-tab.is-active {
      text-decoration: none;
      color: white; }
  @media (max-width: 600px) {
    .TabbedContent-tabs {
      display: block;
      margin-bottom: 10em;
      margin-top: 9.375rem; } }

.TabbedContent-heading {
  text-align: left;
  position: relative;
  padding: 0.5rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 0.9375rem;
  background: #d7d7d7;
  width: 100%;
  margin-bottom: 0.83333em;
  position: relative;
  background: #000; }
  .TabbedContent-heading:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: ' ';
    height: 0;
    width: 0;
    margin-left: -0.375rem;
    border-width: 0.375rem 0.375rem 0 0.375rem;
    border-color: #000 transparent transparent transparent;
    border-style: solid; }

.TabbedContent-tab {
  position: relative;
  padding: 0.5rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 0.9375rem;
  background: #d7d7d7;
  width: 100%;
  display: table-cell;
  width: auto;
  vertical-align: middle;
  letter-spacing: 0.05em; }
  .TabbedContent-tab.u-phablet-up-show {
    display: none; }
    @media (min-width: 600px) {
      .TabbedContent-tab.u-phablet-up-show {
        display: block; } }
    @media (min-width: 600px) {
      .TabbedContent-tab.u-phablet-up-show {
        display: table-cell;
        width: auto; } }
  .TabbedContent-tab.is-active {
    cursor: pointer;
    position: relative;
    background: #000; }
    .TabbedContent-tab.is-active:after {
      position: absolute;
      top: 100%;
      left: 50%;
      content: ' ';
      height: 0;
      width: 0;
      margin-left: -0.625rem;
      border-width: 0.5625rem 0.625rem 0 0.625rem;
      border-color: #000 transparent transparent transparent;
      border-style: solid; }
  .TabbedContent-tab:hover {
    background: #000;
    color: #fff; }
  @media (min-width: 600px) {
    .TabbedContent-tab {
      text-align: center; } }

.TabbedContent-content {
  position: relative;
  transition: opacity 0.5s; }
  @media (min-width: 600px) {
    .TabbedContent-content {
      opacity: 0;
      overflow: hidden;
      max-height: 0; }
      .TabbedContent-content.is-active {
        opacity: 1;
        max-height: none; }
      .TabbedContent-content .u-row {
        margin-right: -1%;
        margin-left: -1%; } }

.is-visible {
  visibility: visible;
  display: block; }

.is-disabled {
  visibility: hidden;
  display: none; }

@media (min-width: 600px) {
  .ConfirmView {
    min-width: 18.125rem; } }

.ExpandingCarousel-panel {
  transition: opacity 500ms, top 500ms;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  top: -0.5em; }
  .ExpandingCarousel-panel.is-active {
    opacity: 1;
    overflow: visible;
    top: 0;
    height: auto; }

.ExpandingCarousel .FixedItemCarousel-slide {
  position: relative;
  margin-bottom: 1.25rem; }
  .ExpandingCarousel .FixedItemCarousel-slide:after {
    content: 'x';
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.75rem 0.75rem;
    border-color: transparent transparent #54B948 transparent;
    margin-left: -1.125rem; }
  .ExpandingCarousel .FixedItemCarousel-slide.is-active:after {
    display: block;
    content: ''; }

.FixedItemCarousel-slide {
  padding: 0 0.46875rem;
  float: left;
  margin-bottom: 0.9375rem; }

.ResponsiveCarousel {
  text-align: center;
  position: relative; }
  .ResponsiveCarousel > button {
    background: rgba(238, 238, 238, 0.9);
    position: absolute;
    height: 100%;
    top: 0;
    text-indent: -999em;
    border: 0;
    padding: 0 0.625rem;
    transition: all 0.3s;
    opacity: 0;
    outline: none;
    z-index: 1; }
    .ResponsiveCarousel > button:after {
      font-family: 'arrow-icons';
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -0.625rem;
      content: "\E67B";
      text-indent: 0;
      font-size: 1.25rem; }
    .ResponsiveCarousel > button.slick-next {
      right: 0;
      left: auto; }
    @media (min-width: 1024px) {
      .ResponsiveCarousel > button.slick-prev {
        left: 1.375rem; } }
    .ResponsiveCarousel > button.slick-prev:after {
      content: "\E65D"; }
    .ResponsiveCarousel > button.is-active {
      opacity: 1; }
    .ResponsiveCarousel > button:hover {
      background: #d7d7d7; }
  .ResponsiveCarousel-pagination {
    position: sticky;
    margin: 0;
    list-style: none;
    text-align: center;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
    right: 11rem;
    top: 5.5625rem; }
    .ResponsiveCarousel-pagination li {
      position: relative;
      display: inline-block;
      margin: 0 0.125rem;
      width: 0.375rem;
      height: 0.375rem;
      cursor: pointer; }
      .ResponsiveCarousel-pagination li button:hover, .ResponsiveCarousel-pagination li button:focus {
        outline: 0.1875rem solid #7FC1EA; }
      .ResponsiveCarousel-pagination li.slick-active button {
        box-shadow: inset 0 0 0 0.5rem; }
    .ResponsiveCarousel-pagination button {
      padding: 0;
      border: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none;
      border-radius: 50%;
      text-indent: -999em;
      cursor: pointer;
      position: absolute;
      overflow: hidden;
      background-color: transparent;
      transition: box-shadow 0.3s ease;
      color: #000;
      box-shadow: inset 0 0 0 0.0625rem;
      z-index: 1; }
  @media (min-width: 1024px) {
    .ResponsiveCarousel--hiddenPaginationDesktop .ResponsiveCarousel-pagination {
      visibility: hidden; } }
  @media (min-width: 600px) {
    .ResponsiveCarousel {
      margin-left: -0.9375rem; }
      .ResponsiveCarousel.slick-loading {
        margin-left: -0.75rem; }
      .ResponsiveCarousel-slide {
        padding-left: 0.9375rem; } }
  @media (min-width: 1024px) {
    .ResponsiveCarousel {
      margin-left: -1.3125rem; }
      .ResponsiveCarousel.slick-loading {
        margin-left: -1.1875rem; }
      .ResponsiveCarousel-slide {
        padding-left: 1.3125rem; }
      .ResponsiveCarousel-slide-content {
        padding-top: 0; }
      .ResponsiveCarousel.slick-initialized .InformationTile.u-gutter-marginBottom {
        margin-bottom: 0; } }

.Carousel-arrow {
  background: #000;
  width: 1.25em;
  height: 2.5em;
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
  position: absolute;
  text-align: center;
  transition: transform 300ms;
  cursor: pointer;
  z-index: 5; }
  .Carousel-arrow .Arrow {
    position: absolute; }
  .Carousel-arrow--left .Arrow, .Carousel-arrow--right .Arrow {
    top: 50%;
    margin-top: -0.2em; }
    .Carousel-arrow--left .Arrow:before, .Carousel-arrow--right .Arrow:before {
      border-top-width: 0.2em !important;
      border-bottom-width: 0.2em !important; }
  .Carousel-arrow--left {
    left: 0;
    border-radius: 0 2.5em 2.5em 0; }
    .Carousel-arrow--left.slick-disabled {
      transform: translateX(-100%); }
    .Carousel-arrow--left .Arrow {
      padding-left: 0.625rem;
      left: 0.25em; }
      .Carousel-arrow--left .Arrow:before {
        left: 0;
        top: 25%;
        border-top: 0.33333em solid transparent;
        border-bottom: 0.33333em solid transparent;
        border-right: 0.33333em solid #fff; }
  .Carousel-arrow--right {
    right: 0;
    border-radius: 2.5em 0 0 2.5em; }
    .Carousel-arrow--right.slick-disabled {
      transform: translateX(100%); }
    .Carousel-arrow--right .Arrow {
      padding-right: 10px; }
      .Carousel-arrow--right .Arrow:before {
        right: 0;
        top: 25%;
        border-top: 0.33333em solid transparent;
        border-bottom: 0.33333em solid transparent;
        border-left: 0.33333em solid #fff; }
  .Carousel-arrow--up .Arrow, .Carousel-arrow--down .Arrow {
    left: 50%; }
    .Carousel-arrow--up .Arrow:before, .Carousel-arrow--down .Arrow:before {
      border-left-width: 0.2em !important;
      border-right-width: 0.2em !important;
      margin-left: -0.2em; }
  .Carousel-arrow--up {
    top: 0;
    border-radius: 0 0 2.5em 2.5em; }
    .Carousel-arrow--up.slick-disabled {
      transform: translateY(-100%); }
    .Carousel-arrow--up .Arrow:before {
      top: 0;
      border-left: 0.33333em solid transparent;
      border-right: 0.33333em solid transparent;
      border-bottom: 0.33333em solid #fff; }
  .Carousel-arrow--down {
    bottom: 0;
    border-radius: 2.5em 2.5em 0 0; }
    .Carousel-arrow--down.slick-disabled {
      transform: translateY(100%); }
    .Carousel-arrow--down .Arrow:before {
      bottom: 0;
      border-left: 0.33333em solid transparent;
      border-right: 0.33333em solid transparent;
      border-top: 0.33333em solid #fff; }
  .Carousel-arrow--verticallyCentered {
    top: 50%;
    margin-top: -1.25em; }
  .Carousel-arrow--noRound {
    border-radius: 0; }

.TransparentSquare {
  border-top: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  padding: 1.66667em;
  text-align: center; }
  .TransparentSquare .Icon {
    font-size: 7.91667em; }
  .TransparentSquare p {
    font-size: 1.33333em;
    margin-bottom: 0.83333em; }
  .TransparentSquare-iconWrap {
    position: relative; }
  .TransparentSquare-value {
    font-size: 2.83333em;
    margin: 0.41667em 0 0; }
  .TransparentSquare-cta {
    display: block;
    border: 0.125rem solid #000;
    padding: 0.625rem 0;
    font-size: 1.33333em;
    text-transform: uppercase; }
    .TransparentSquare-cta:hover {
      background: #000;
      color: white; }
  .TransparentSquare .RedBubbles {
    right: 7.1875rem;
    left: auto;
    position: absolute;
    top: 0; }
  .TransparentSquare.u-grid-1x, .TransparentSquare.u-grid-2x {
    margin-bottom: 1.66667em; }
  .TransparentSquare .Button--bordered {
    position: absolute;
    bottom: 0.9375rem;
    left: 5%;
    width: 90%; }
  @media (min-width: 600px) {
    .TransparentSquare .Icon {
      font-size: 8.33333em; }
    .TransparentSquare-value {
      font-size: 3.33333em;
      margin-bottom: 0.3125rem; }
    .TransparentSquare-iconWrap {
      margin-top: 0.9375rem; } }
  @media (min-width: 1024px) {
    .TransparentSquare .Icon {
      font-size: 6.25em; }
    .TransparentSquare .RedBubbles {
      right: 2.5rem;
      top: -0.1875rem; }
    .TransparentSquare-iconWrap {
      margin-top: 0; }
    .TransparentSquare-value {
      font-size: 3.16667em;
      margin-bottom: 0.3125rem; }
    .TransparentSquare p {
      font-size: 1.16667em; } }

.contactSquare {
  position: relative;
  height: 13.75rem;
  background: url("https://static4.arrowelectronics.com.au/img/placeholder/bg-chat.png") no-repeat #fff;
  background-position: 110% 0;
  background-size: 8.125rem; }
  .contactSquare-content {
    height: 100%;
    padding: 1em;
    position: relative;
    background: url("https://static4.arrowelectronics.com.au/img/placeholder/bg-contact.png") no-repeat;
    background-position: left bottom;
    background-size: 8.125rem; }
  .contactSquare-title {
    margin: 0;
    font-size: 2em;
    line-height: 1.5em;
    position: relative; }
  .contactSquare-summary {
    font-size: 1.16667em;
    line-height: 1.71429em; }
  .contactSquare-footer {
    position: absolute;
    bottom: 1em; }
  .u-height--half .contactSquare {
    height: 100%;
    background-size: inherit; }
    .u-height--half .contactSquare-content {
      background: none; }
    .u-height--half .contactSquare-title {
      font-size: 1.5em;
      line-height: 1.33333em; }
    .u-height--half .contactSquare-summary {
      font-size: 1.08333em;
      line-height: 1.07692em; }
  .contactSquare--chat {
    color: #fff;
    background-color: #54B948; }
  .Masonry-item .contactSquare {
    height: 100%; }
  .contactSquare--videoChatModule {
    background-color: #54B948;
    color: white; }

.EventSquare {
  padding: 1.66667em 0;
  border-top: 0.125rem solid #eee;
  background-color: #fff;
  width: 100%;
  height: 15rem;
  position: relative; }
  .EventSquare-title {
    font-size: 375rem;
    margin: 0 0 0.22727em 0; }
    .Article .EventSquare-title a {
      text-decoration: none; }
      .Article .EventSquare-title a:hover {
        text-decoration: underline; }
  .EventSquare time {
    font-size: 1rem;
    margin-bottom: 0.625em;
    display: block; }
  .EventSquare-details {
    padding: 0 1.25em;
    width: 75%;
    float: left; }
  .EventSquare-address {
    font-size: 0.8125rem;
    line-height: 1.6; }
    .EventSquare-address span {
      display: block;
      margin-bottom: 0.38462em; }
  .EventSquare .RoundCtas {
    margin-right: 0.375em; }
    .EventDetail .EventSquare .RoundCtas .Icon {
      margin-bottom: 0.26316em; }
  .EventSquare .Button {
    clear: both;
    max-width: none;
    font-size: 0.8125rem;
    letter-spacing: 0.125rem;
    width: 100%;
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    text-decoration: none; }
  @media (min-width: 600px) {
    .EventSquare {
      height: 18.75rem; }
      .EventSquare-header {
        min-height: 7em; }
      .EventSquare-details {
        padding: 0;
        width: 71%; } }

.LiveSupportEnabled .PersonSquare-ctaIconsContainer {
  display: none; }

.LiveSupportEnabled .AvailablityStatus {
  display: none; }

.PersonSquare {
  color: #fff;
  position: relative;
  height: 15.75rem;
  min-height: 15.75rem;
  background-size: cover;
  background-position: right 0; }
  .PersonSquare-Content {
    padding: 1.25rem;
    height: calc(100% - 2.6875rem);
    position: relative; }
  .PersonSquare-title {
    margin: 0 0 0.9375rem 0;
    font-size: 16px;
    line-height: 1;
    position: relative;
    width: 80%;
    z-index: 1;
    font-weight: 800; }
    .PersonSquare-title:after {
      content: '';
      background: #757575;
      height: 0.125rem;
      width: 3.75rem;
      display: block;
      margin-top: 0.625rem; }
  .PersonSquare-name {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1;
    position: relative;
    width: 55%;
    z-index: 1; }
  .PersonSquare-image {
    position: absolute;
    bottom: 2.5rem;
    right: 0;
    max-height: 11.25rem;
    max-width: 9.375rem;
    min-width: 7.5rem;
    z-index: 0; }
    @media (min-width: 600px) and (max-width: 1024px) {
      .PersonSquare-image {
        max-width: 12.5rem;
        min-width: 7.5rem; } }
  .PersonSquare .DoubleCtas {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block; }
    .PersonSquare .DoubleCtas-item {
      background: inherit;
      vertical-align: bottom; }
  .Masonry-item .PersonSquare {
    height: 100%; }
  .PersonSquare-ctaIconsContainer {
    height: 2.75rem;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 0.625rem;
    color: #54B948;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden; }
    .PersonSquare-ctaIconsContainer--inactive {
      color: #fff; }
    .PersonSquare-ctaIconsContainer-contactEngName {
      font-size: 0.875rem;
      margin: 0 0.625rem;
      max-width: calc(100% - 5rem);
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle; }
      .PersonSquare-ctaIconsContainer-contactEngName.js-message-engineer {
        cursor: pointer; }
    .PersonSquare-ctaIconsContainer-contactButton {
      display: inline-block;
      padding: 0 0.3125rem;
      cursor: pointer;
      font-size: 0.875rem;
      vertical-align: middle; }
      .PersonSquare-ctaIconsContainer-contactButton-contactIcon {
        font-family: "arrow-icons";
        font-style: normal;
        margin-right: 25rem;
        width: 1.25rem; }
        .PersonSquare-ctaIconsContainer-contactButton-contactIcon::before {
          display: inline-block;
          font-size: 1.5rem;
          vertical-align: middle; }
        .PersonSquare-ctaIconsContainer-contactButton-contactIcon.PersonSquare-ctaIconsContainer-chatIcon::before {
          content: "\E910";
          font-size: 1.125rem; }
        .PersonSquare-ctaIconsContainer-contactButton-contactIcon.PersonSquare-ctaIconsContainer-emailIcon::before {
          font-size: 1.375rem; }
      .PersonSquare-ctaIconsContainer-contactButton .slideText {
        display: none;
        vertical-align: middle; }
      .PersonSquare-ctaIconsContainer-contactButton:hover .slideText {
        display: inline; }
  .PersonSquare-narrowBlock .PersonSquare-ctaIconsContainer-contactEngName {
    display: none; }

.js-specificAgentChatBlock .Loader, .js-videoTextChatBlock .Loader {
  margin-top: 5.5625rem; }

.js-videoTextChatBlock {
  min-height: 15.75rem; }

.MyProjects-item--offGrid--PersonSquare {
  display: block;
  float: left; }
  .MyProjects-item--offGrid--PersonSquare .PersonSquare-image {
    min-width: 5.5rem;
    max-height: 11.25rem; }

.PersonSquare-Content-overlay {
  display: none;
  padding: 1em;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  color: #fff;
  transition: 0.1s linear; }
  .PersonSquare-Content-overlay .PersonSquare-title {
    margin-bottom: 0.375rem;
    margin-left: 0.25rem; }
    .PersonSquare-Content-overlay .PersonSquare-title:after {
      display: none; }
  .PersonSquare-Content-overlay .Button {
    font-size: 0.875rem !important; }
  .PersonSquare-Content-overlay .Button {
    position: absolute;
    bottom: 0.625rem;
    left: 0.9375rem;
    right: 0.9375rem;
    margin: 0 auto;
    width: auto; }
  .PersonSquare-Content-overlay .Tag {
    color: #fff;
    font-size: 0.625rem;
    float: left;
    clear: left; }
    .PersonSquare-Content-overlay .Tag.Tag--green {
      text-transform: uppercase;
      font-weight: bold;
      display: block;
      padding: 0.125rem;
      font-size: 0.75rem;
      margin: 0.25rem;
      background: #54B948; }

.PersonSquare-Content:hover .PersonSquare-Content-overlay {
  display: block; }

.u-grid-2 .PersonSquare {
  background-position: -12.1875rem 0; }

.MyProjects-item--offGrid > .PersonSquare {
  background-position: right 0; }
  @media (min-width: 1024px) {
    .MyProjects-item--offGrid > .PersonSquare {
      background-position: -12.5rem 0; } }

.LiveSupportEnabled .PersonSquare-Content {
  height: calc(100%); }

.browsehappy {
  position: fixed;
  background-color: #E31B23;
  z-index: 1000;
  width: 100%;
  padding: .5em;
  color: white;
  text-align: center;
  font-size: 0.875rem; }
  .browsehappy a {
    font-weight: bold;
    color: #fff; }

.Article-related {
  width: 100%;
  clear: both; }
  .Article-related h3 {
    width: 80%; }
  @media (min-width: 720px) {
    .Article-related {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media print {
    .Article-related {
      display: none; } }

.CarouselModule {
  position: relative; }
  .CarouselModule-slide {
    overflow: hidden; }
    .CarouselModule-slide-Tags {
      display: none; }
      @media (min-width: 1024px) {
        .CarouselModule-slide-Tags {
          display: block;
          clear: both;
          overflow: hidden;
          margin: 0 0 0.83333em; } }
    @media (min-width: 600px) {
      .CarouselModule-slide {
        padding: 0 0.625rem; } }
    .CarouselModule-slide figure {
      margin: 0;
      overflow: hidden;
      width: 48%;
      float: left;
      margin-right: 2.04082%;
      position: relative;
      height: 0;
      padding-top: 30.55%;
      position: relative;
      overflow: hidden; }
      .CarouselModule-slide figure a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        transition: all 600ms; }
        .CarouselModule-slide figure a:hover {
          transform: scale3d(1.015, 1.015, 1.015); }
        .CarouselModule-slide figure a:focus {
          outline: none;
          border: 0.1875rem solid #7FC1EA; }
      .CarouselModule-slide figure img {
        width: 100%;
        height: auto;
        transition: all 600ms; }
      @media (min-width: 600px) {
        .CarouselModule-slide figure {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0.75em;
          padding-top: 63.63%; } }
    .CarouselModule-slide h1,
    .CarouselModule-slide h3 {
      font-size: 1.41667em;
      line-height: 1.2;
      margin: 0 0 .4em 0;
      letter-spacing: 0.02em; }
  .CarouselModule .CarouselModule-prev, .CarouselModule .CarouselModule-next {
    position: absolute;
    top: -3.125rem;
    right: 0;
    font-size: 0.625rem;
    margin-right: 0.1875rem;
    line-height: 1;
    letter-spacing: 0;
    width: 1.6875rem;
    height: 1.6875rem;
    color: #fff;
    text-align: center;
    background: #0069AA;
    padding: 0.1875rem 0 0 0.1875rem;
    border-radius: 50%;
    text-decoration: none;
    border: none; }
    .CarouselModule .CarouselModule-prev:hover, .CarouselModule .CarouselModule-next:hover {
      background: #0084D5;
      cursor: pointer;
      text-decoration: none; }
    .CarouselModule .CarouselModule-prev:focus, .CarouselModule .CarouselModule-next:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      text-decoration: none;
      outline: none; }
    .CarouselModule .CarouselModule-prev.slick-disabled, .CarouselModule .CarouselModule-next.slick-disabled {
      background: #d7d7d7;
      cursor: default; }
  .CarouselModule .CarouselModule-prev {
    right: 2.1875rem;
    padding: 0.1875rem 0.1875rem 0 0;
    border: none; }
  .CarouselModule .slick-list {
    clear: both; }
    @media (min-width: 600px) {
      .CarouselModule .slick-list {
        margin: 0 -0.625rem; } }
  .CarouselModule-description {
    width: 48%;
    float: right;
    margin-right: 0; }
    @media (min-width: 600px) {
      .CarouselModule-description {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-left: 0.1875rem; } }
  .CarouselModule--video figure:after {
    font-family: 'arrow-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 0.625rem;
    line-height: 1;
    letter-spacing: 0;
    width: 1.6875rem;
    height: 1.6875rem;
    content: '\E674';
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    color: #fff;
    background: #000;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    text-align: center;
    border-radius: 50%;
    padding: 0.5625rem 0 0 0.1875rem;
    transition: opacity 300ms;
    z-index: 1; }
  .CarouselModule--video figure:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.CounterCarousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff; }
  @media (min-width: 1024px) {
    .CounterCarousel {
      height: 100%; } }
  .CounterCarousel-icon {
    height: 100%;
    text-align: center;
    font-size: 2.33333em;
    width: 1.60714em;
    padding: 0.39286em 0;
    background: #92278f;
    position: absolute; }
    .CounterCarousel-icon.is-black {
      background: #000; }
    .CounterCarousel-icon.is-white {
      background: #fff; }
    .CounterCarousel-icon.is-verydarkgrey {
      background: #29272a; }
    .CounterCarousel-icon.is-grey {
      background: #757575; }
    .CounterCarousel-icon.is-red {
      background: #E31B23; }
    .CounterCarousel-icon.is-blue {
      background: #009DDC; }
    .CounterCarousel-icon.is-brightBlue {
      background: #0069AA; }
    .CounterCarousel-icon.is-activeButtonBlue {
      background: #004E7F; }
    .CounterCarousel-icon.is-green {
      background: #54B948; }
    .CounterCarousel-icon.is-orange {
      background: #F68A33; }
    .CounterCarousel-icon.is-purple {
      background: #92278f; }
    .CounterCarousel-icon.is-pink {
      background: #EB1478; }
    .CounterCarousel-icon.is-yellow {
      background: #fdbb31; }
    .CounterCarousel-icon.is-darkgrey {
      background: #505050; }
    .CounterCarousel-icon.is-iotgreen {
      background: #009A8C; }
    .CounterCarousel-icon.is-skyblue {
      background: #BFE0F4; }
  .CounterCarousel-figure {
    padding: 1.33333em;
    margin-left: 3.75em; }
    .CounterCarousel-figure-number {
      font-size: 2.16667em;
      font-weight: 600;
      line-height: 1;
      margin: 0 0 .2em;
      overflow: hidden; }
  .CounterCarousel-paragraph {
    font-size: 1.33333em;
    line-height: 1.2em;
    max-height: 3.6em;
    overflow: hidden; }
    @media (min-width: 1024px) and (max-width: 1240px) {
      .CounterCarousel-paragraph {
        font-size: 1.08333em; } }
  .CounterCarousel-slide {
    position: relative;
    background: #000;
    overflow: hidden; }
  .CounterCarousel-link {
    display: block;
    height: 100%;
    background: #000;
    transition: background-color 300ms; }
    .CounterCarousel-link:hover {
      background: #29272a; }
  @media (min-width: 1024px) {
    .CounterCarousel--1 .CounterCarousel-slide {
      height: 15.625rem;
      margin-bottom: 0.1875rem; }
      .CounterCarousel--1 .CounterCarousel-slide:last-child {
        margin-bottom: 0; }
    .CounterCarousel--2 .CounterCarousel-slide {
      height: 7.71875rem;
      margin-bottom: 0.1875rem; }
      .CounterCarousel--2 .CounterCarousel-slide:last-child {
        margin-bottom: 0; }
    .CounterCarousel--3 .CounterCarousel-slide {
      height: 5.08333rem;
      margin-bottom: 0.1875rem; }
      .CounterCarousel--3 .CounterCarousel-slide:last-child {
        margin-bottom: 0; }
    .CounterCarousel--3 .CounterCarousel-paragraph {
      max-height: 1.2em; } }

@media (min-width: 1024px) {
  [lang=de-DE] .CounterCarousel-paragraph {
    font-size: 0.75em; } }

@media (min-width: 1240px) {
  [lang=de-DE] .CounterCarousel-paragraph {
    font-size: 1.08333em; } }

.js .CounterCarousel-figure-number::before {
  content: '0';
  width: 100%;
  position: absolute;
  background-color: black; }

.js .CounterCarousel-figure-number.isActive::before {
  content: ''; }

.Embedded-search {
  background: #000;
  padding: 0.9375rem 0; }
  .Embedded-search.is-black {
    background-color: #000; }
  .Embedded-search.is-white {
    background-color: #fff; }
  .Embedded-search.is-verydarkgrey {
    background-color: #29272a; }
  .Embedded-search.is-grey {
    background-color: #757575; }
  .Embedded-search.is-red {
    background-color: #E31B23; }
  .Embedded-search.is-blue {
    background-color: #009DDC; }
  .Embedded-search.is-brightBlue {
    background-color: #0069AA; }
  .Embedded-search.is-activeButtonBlue {
    background-color: #004E7F; }
  .Embedded-search.is-green {
    background-color: #54B948; }
  .Embedded-search.is-orange {
    background-color: #F68A33; }
  .Embedded-search.is-purple {
    background-color: #92278f; }
  .Embedded-search.is-pink {
    background-color: #EB1478; }
  .Embedded-search.is-yellow {
    background-color: #fdbb31; }
  .Embedded-search.is-darkgrey {
    background-color: #505050; }
  .Embedded-search.is-iotgreen {
    background-color: #009A8C; }
  .Embedded-search.is-skyblue {
    background-color: #BFE0F4; }
  @media (min-width: 720px) {
    .Embedded-search {
      padding: 0; } }
  @media (min-width: 720px) {
    .Embedded-search-content {
      display: table;
      width: 100%;
      padding: 0.625rem 1.125rem; } }
  @media (min-width: 1024px) {
    .Embedded-search-content {
      padding: 0rem 1.0625rem; } }
  @media (min-width: 1240px) {
    .Embedded-search-content {
      padding: 0; } }
  .Embedded-search-title {
    display: none;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    padding-bottom: 1em;
    letter-spacing: -0.01em;
    width: 50%; }
    @media (min-width: 720px) {
      .Embedded-search-title {
        font-size: 1.625rem;
        display: table-cell;
        line-height: 1;
        padding-bottom: 0;
        vertical-align: middle; } }
    @media (min-width: 1024px) {
      .Embedded-search-title {
        line-height: 2.69;
        padding: 0; } }
  .Embedded-search-search {
    position: relative; }
    @media (min-width: 720px) {
      .Embedded-search-search {
        width: 50%;
        display: table-cell;
        vertical-align: middle; } }
    @media (min-width: 1024px) {
      .Embedded-search-search {
        width: 50%;
        margin: 0.83333em 0; } }
    .Embedded-search-search-icon {
      font-size: 1.25rem;
      left: 0.65em;
      position: absolute;
      top: 0.875rem;
      z-index: 4; }
      @media (min-width: 1024px) {
        .Embedded-search-search-icon {
          top: 1.5rem; } }
  .Embedded-search-input {
    border: 0.0625rem solid #fff;
    font-size: 1.375rem;
    font-weight: 800;
    outline: none;
    padding: 0.45455em 3.125rem 0.5em 2.5rem;
    width: 100%; }
    .Embedded-search-input::-webkit-input-placeholder {
      transition: color 200ms;
      color: #000; }
    .Embedded-search-input::-moz-placeholder {
      transition: color 200ms;
      color: #000; }
    .Embedded-search-input:-ms-input-placeholder {
      transition: color 200ms;
      color: #000; }
    .Embedded-search-input:focus::-webkit-input-placeholder {
      color: #eee; }
    .Embedded-search-input:focus::-moz-placeholder {
      color: #eee; }
    .Embedded-search-input:focus:-ms-input-placeholder {
      color: #eee; }
    .Embedded-search-input.is-invalid {
      margin-bottom: 0; }
    .Embedded-search-input + label {
      font-weight: bold;
      position: absolute;
      top: 0.875rem;
      left: 2.5rem;
      letter-spacing: -0.01em;
      font-size: 0;
      text-indent: -624.9375rem; }
      .Embedded-search-input + label span {
        font-weight: normal;
        color: #757575;
        display: none; }
        @media (min-width: 1024px) {
          .Embedded-search-input + label span {
            display: inline-block;
            font-size: 1.5rem; } }
    .Embedded-search-input:focus + label {
      display: none; }
    .Embedded-search-input-box {
      position: relative; }
      .Embedded-search-input-box.SearchDoublePlaceholder-hidetext label {
        display: none; }
      .Embedded-search-input-box.SearchDoublePlaceholder-loaded label {
        font-size: 1.5rem;
        text-indent: 0; }
  .Embedded-search-submit {
    background: #0069AA;
    border: none;
    position: absolute;
    top: 0.1875rem;
    right: 0.1875rem;
    padding: 0.625rem; }
    @media (min-width: 1024px) {
      .Embedded-search-submit {
        top: 0.875rem; } }
    .Embedded-search-submit:hover {
      background-color: #0084D5; }
    .Embedded-search-submit:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
    .Embedded-search-submit .Icon {
      color: #fff;
      font-size: 1.375rem; }
  .Page--red .Embedded-search {
    background: #E31B23; }
  .Page--blue .Embedded-search {
    background: #009DDC; }
  .Page--orange .Embedded-search {
    background: #F68A33; }
  .Page--purple .Embedded-search {
    background: #92278f; }
  .Page--green .Embedded-search {
    background: #54B948; }
  .Page--yellow .Embedded-search {
    background: #fdbb31; }
  .Page--grey .Embedded-search {
    background: #eee; }

.ArwPrm {
  margin: 0 0 1.25em 0;
  padding: 1.25em;
  position: relative; }
  @media (min-width: 600px) {
    .ArwPrm {
      height: 25.83333em; } }
  @media (min-width: 1024px) {
    .ArwPrm {
      height: 23.33333em;
      padding: 1.66667em; } }
  .ArwPrm-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2; }
  .ArwPrm:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }
    @media (min-width: 600px) {
      .ArwPrm:before {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
        background-repeat: no-repeat; } }
    @media (min-width: 720px) {
      .ArwPrm:before {
        width: 80%; } }
    @media (min-width: 1024px) {
      .ArwPrm:before {
        width: 60%; } }
  .ArwPrm-imageContainer {
    background-size: cover;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 600ms;
    width: 100%;
    z-index: 1;
    overflow: hidden; }
  .ArwPrm-figcaption {
    height: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none; }
  .ArwPrm-heading {
    color: #fff;
    font-size: 2em;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.02em;
    margin-top: 0;
    margin-bottom: 0.625em;
    max-height: 3.45em;
    overflow: hidden;
    pointer-events: none; }
    @media (min-width: 720px) {
      .ArwPrm-heading {
        width: 70%; } }
  .ArwPrm-paragraph {
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.02em;
    max-height: 3.6em;
    margin-bottom: 1.25em;
    overflow: hidden;
    pointer-events: none; }
    @media (min-width: 720px) {
      .ArwPrm-paragraph {
        width: 70%; } }
  @media (min-width: 600px) {
    .ArwPrm-footer {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0; } }
  .ArwPrm-footer-logo {
    width: 8.75rem; }
    @media (min-width: 720px) {
      .ArwPrm-footer-logo {
        float: right;
        margin-top: 0.5em; } }
    .ArwPrm-footer-logo img, .ArwPrm-footer-logo picture {
      max-width: 100%; }
  .ArwPrm-footer-button {
    pointer-events: auto;
    border: 0.125rem solid #fff;
    color: #fff;
    margin-top: 2.5em; }
    @media (min-width: 720px) {
      .ArwPrm-footer-button {
        margin-top: 0em; } }
    .ArwPrm-footer-button:hover {
      color: #000;
      background: #fff; }
  .u-grid-2 .ArwPrm-heading,
  .Hero-side-top .ArwPrm-heading {
    width: 100%; }
    @media (max-width: 719px) {
      .u-grid-2 .ArwPrm-heading,
      .Hero-side-top .ArwPrm-heading {
        font-size: 1.66667em; } }
    @media (min-width: 720px) and (max-width: 1023px) {
      .u-grid-2 .ArwPrm-heading,
      .Hero-side-top .ArwPrm-heading {
        font-size: 1.91667em; } }
  .u-grid-2 .ArwPrm-footer-button,
  .Hero-side-top .ArwPrm-footer-button {
    margin-top: 0;
    position: absolute;
    bottom: 0; }
  .u-grid-2 .ArwPrm-footer-logo,
  .Hero-side-top .ArwPrm-footer-logo {
    display: none; }
  .u-grid-2 .ArwPrm-footer-button {
    width: 100%;
    max-width: none; }
  .Hero-side-top .ArwPrm-heading {
    max-height: 4.6em; }
  @media (min-width: 1024px) {
    .Hero-side-top .ArwPrm-footer-button {
      width: 100%;
      max-width: none; } }
  .Hero-side-bottom .ArwPrm {
    padding: 0.9375rem; }
    .Hero-side-bottom .ArwPrm-heading {
      font-size: 1.55em;
      max-height: 1.2em;
      margin-bottom: 0.15em; }
    .Hero-side-bottom .ArwPrm-paragraph {
      max-height: 2.4em;
      font-size: 1.1em;
      margin-bottom: .5em;
      width: 100%;
      font-weight: 400; }
    .Hero-side-bottom .ArwPrm-footer-button {
      margin-top: 0.83333em;
      width: auto; }
      .Hero-side-bottom .ArwPrm-footer-button.Button {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 11px 12px;
        padding: 0.6875rem 0.75rem;
        letter-spacing: 0.05em;
        padding-left: 1.5em;
        padding-right: 1.5em; }
  @media (max-width: 1023px) {
    .Hero-side-top .ArwPrm-footer-button,
    .Hero-side-bottom .ArwPrm-footer-button {
      width: auto;
      border: 0; }
      .Hero-side-top .ArwPrm-footer-button.Button,
      .Hero-side-bottom .ArwPrm-footer-button.Button {
        height: auto;
        line-height: 1em;
        font-size: 1.2em;
        letter-spacing: 0.04em;
        padding: 0; }
        .Hero-side-top .ArwPrm-footer-button.Button:after,
        .Hero-side-bottom .ArwPrm-footer-button.Button:after {
          font-family: 'arrow-icons';
          content: "\E67B";
          float: right;
          font-size: .6em;
          margin-left: 1em;
          margin-top: 0.0625rem; }
        .Hero-side-top .ArwPrm-footer-button.Button:hover,
        .Hero-side-bottom .ArwPrm-footer-button.Button:hover {
          color: #e6e6e6;
          background: transparent; } }

@media (min-width: 1024px) {
  [lang=de-DE] .Hero-side-bottom .ArwPrm-paragraph {
    font-size: 1em; } }

@media (min-width: 1024px) {
  [lang=de-DE] .Hero-side-bottom .ArwPrm-footer-button.Button {
    font-size: 0.6875rem; } }

.IconList {
  border-top: 0.0625rem solid #dedede; }
  .IconList-item-wrapper {
    display: block;
    padding: 0.83333em;
    border-bottom: 0.0625rem solid #dedede;
    position: relative; }
  .IconList-item-icon, .IconList-item-text, .IconList-item-date {
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.25rem; }
  .IconList-item-icon {
    text-align: center;
    width: 15%; }
  .IconList-item-text {
    width: 85%; }
  .IconList-item-date {
    padding-left: 7.5%;
    font-weight: 400; }
    @media (min-width: 1024px) {
      .IconList-item-date {
        padding-left: 0;
        width: 19%;
        text-align: right; } }
  .IconList-item--date .IconList-item-icon {
    width: 7.5%;
    text-align: left;
    vertical-align: top;
    padding-top: 0.3125rem; }
    @media (min-width: 1024px) {
      .IconList-item--date .IconList-item-icon {
        padding-top: 0; } }
  .IconList-item--date .IconList-item-text {
    height: 2.5rem;
    width: 86.5%; }
    @media (min-width: 1024px) {
      .IconList-item--date .IconList-item-text {
        width: 70.5%;
        height: 1.25rem; } }

.IconList-date .IconList-item-date {
  padding-left: 7.5%;
  font-weight: 400; }
  @media (min-width: 1024px) {
    .IconList-date .IconList-item-date {
      width: auto; } }

.IconList-date .IconList-item-icon {
  width: 7.5%;
  text-align: left;
  vertical-align: top;
  padding-top: 0.3125rem; }
  @media (min-width: 1024px) {
    .IconList-date .IconList-item-icon {
      padding-top: 0; } }

.IconList-date .IconList-item-text {
  height: 2.5rem;
  width: 87.5%;
  margin-right: 2%; }
  @media (min-width: 1024px) {
    .IconList-date .IconList-item-text {
      margin-right: 0;
      height: 1.25rem; } }

.IconList--noborder {
  border-top: 0; }
  .ContentPage-body .IconList--noborder,
  .ContentPage-body .IconList--noborder ul {
    padding-left: 0;
    list-style-type: none; }
  .IconList--noborder .IconList-item-wrapper {
    display: block;
    border: 0; }
  .IconList--noborder .IconList-item-icon {
    text-align: left;
    font-size: 1.4em;
    width: 1em;
    margin-right: .5em; }
  .IconList--noborder .IconList-item-text {
    font-size: 1.2em;
    padding-left: 0.3em;
    font-weight: 600;
    line-height: 1.2em;
    word-wrap: break-word; }

.listBlock {
  margin: 1.25em 0 0 0; }
  @media (min-width: 720px) {
    .listBlock {
      margin: 2.5em 0 0 0; } }
  .listBlock-header {
    background-color: #fff;
    margin: 0 0 0.83333em 0;
    padding: 0.83333em; }
    .listBlock-header-heading {
      font-size: 1.25em;
      float: left;
      line-height: 1.2;
      letter-spacing: 0.046875rem;
      margin: 0;
      text-transform: uppercase; }
    .listBlock-header-seeAll {
      font-size: 1.08333em;
      float: right;
      font-weight: 600;
      text-transform: uppercase; }
      .listBlock-header-seeAll span {
        margin-left: 0.125rem;
        font-size: 0.83333em; }
  .listBlock-item {
    background: #fff;
    border: 0.1875rem solid #fff;
    display: block;
    margin: 0 0 0.41667em 0; }
    @media (min-width: 720px) {
      .listBlock-item {
        margin: 0 0 0.83333em 0; } }
    .listBlock-item-image {
      background-size: cover;
      float: left;
      height: 6.25em;
      margin-right: 5%;
      position: relative;
      overflow: hidden;
      width: 45%; }
      @media (min-width: 720px) {
        .listBlock-item-image {
          width: 25%;
          height: 9.58333em; } }
      @media (min-width: 1024px) {
        .listBlock-item-image {
          width: 40%; } }
    .listBlock-item-play {
      color: #fff;
      display: block;
      position: absolute;
      width: 2.6em;
      height: 2.6em;
      left: 50%;
      font-size: 1.6em;
      margin-left: -1.3em;
      padding: 0.05em 0 0 0.3em;
      text-align: center;
      border-radius: 50%;
      top: 20%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 2; }
      @media (min-width: 720px) {
        .listBlock-item-play {
          font-size: 2.2em; } }
      .listBlock-item-play span {
        line-height: 2.6em;
        position: relative;
        z-index: 1; }
    .listBlock-item-text {
      float: left;
      width: 50%; }
      @media (min-width: 720px) {
        .listBlock-item-text {
          float: none;
          width: auto; } }
      @media (min-width: 1024px) {
        .listBlock-item-text {
          float: left;
          width: 55%; } }
    .listBlock-item-heading {
      font-size: 1.16667em;
      line-height: 1.2;
      margin: 0.9375em 0 0.41667em 0;
      max-height: 3.6em;
      overflow: hidden; }
    .listBlock-item-paragraph {
      margin: 0 0 0.83333em 0;
      line-height: 1.2;
      max-height: 2.4em;
      overflow: hidden; }
    .listBlock-item-creation {
      font-size: 1em;
      font-weight: 600; }
      @media (min-width: 720px) {
        .listBlock-item-creation {
          font-size: 0.83333em; } }

.rt a {
  font-weight: bold; }
  .rt a:hover, .rt a:focus {
    text-decoration: underline; }
  .rt a:visited, .rt a:active {
    color: #000; }

.rt .Tags-item a:visited, .rt .Tags-item a:active {
  color: #fff; }

.rt-button--outlined {
  display: inline-block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
  outline: none;
  padding: 0.92857em 0.71429em;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  width: auto;
  background-color: transparent;
  border-width: 0.125rem;
  border-style: solid;
  border-color: #000;
  color: #000;
  padding-left: 3.4em;
  padding-right: 3.4em; }

.rt .rt-button--outlined:visited {
  color: #000; }

.rt .rt-button--outlined:hover, .rt .rt-button--outlined:focus {
  text-decoration: none;
  color: #fff;
  background-color: #000; }

.rt-button--green {
  background-color: #54B948;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
  outline: none;
  padding: 0.92857em 0.71429em;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  width: auto;
  padding-left: 3.4em;
  padding-right: 3.4em; }

.rt .rt-button--green:visited {
  color: #fff; }

.rt .rt-button--green:hover, .rt .rt-button--green:focus {
  text-decoration: none;
  background-color: #189c58; }

.rt p {
  font-size: 1.16667em; }

.rt p + *,
.rt * + p {
  margin-top: 1.25rem; }

@media (max-width: 1023px) {
  .rt > *:first-child {
    margin-top: 1.25rem; } }

.rt--underlinedLinksStyledLists a {
  text-decoration: underline; }

.rt--underlinedLinksStyledLists ul {
  list-style-type: disc;
  padding-left: 1em; }

.rt--underlinedLinksStyledLists ol {
  padding-left: 1em; }

.rt-img--floatLeft {
  float: none;
  width: 100%;
  display: block;
  height: auto; }
  @media (min-width: 600px) {
    .rt-img--floatLeft {
      margin: 0 0 1.66667em;
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .rt-img--floatLeft {
      float: left;
      min-width: 0;
      max-width: 38.77551%;
      margin: 0 1.66667em 1.66667em 0; } }

.rt-img--floatRight {
  float: none;
  width: 100%;
  display: block;
  height: auto; }
  @media (min-width: 600px) {
    .rt-img--floatRight {
      margin: 0 0 1.66667em;
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .rt-img--floatRight {
      float: right;
      min-width: 0;
      max-width: 38.77551%;
      margin: 0 0 1.66667em 1.66667em; }
      p ~ .rt-img--floatRight {
        margin: 1.66667em 0 1.66667em 1.66667em; } }

.has-image-overlay {
  height: 100%;
  overflow: hidden; }

.ImageOverlay {
  position: fixed;
  transition: opacity 300ms, visibility 300ms;
  z-index: 9000;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0.83333em;
  overflow: auto; }
  .has-image-overlay .ImageOverlay {
    opacity: 1;
    visibility: visible; }
  .ImageOverlay-wrapper {
    position: relative;
    background-color: #fff;
    padding: 3.33333em 0.83333em 0.83333em;
    display: inline-block;
    margin: 4.16667em 0; }
  .ImageOverlay-close {
    position: absolute;
    border: none;
    top: 0.66667em;
    left: 0.83333em;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    padding: 0.5em;
    line-height: 1;
    vertical-align: middle;
    font-size: 0.83333em; }
    .ImageOverlay-close:focus {
      outline: none;
      box-shadow: 0 0 0 0.1875rem #7FC1EA; }
    @media (min-width: 1024px) {
      .ImageOverlay-close {
        font-size: 1em; } }
  .ImageOverlay-image {
    width: 100%;
    max-width: 102.33333em; }

.ManufacturersLogo--carousel-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400; }
  .ManufacturersLogo--carousel-title span {
    font-weight: 600; }

.ManufacturersLogo--carousel-image {
  width: 70%;
  margin: 1.25rem auto;
  max-width: 15.625rem; }

.ManufacturersLogo-title {
  border: none;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0; }
  .ManufacturersLogo-title span {
    font-weight: 600;
    font-size: inherit;
    left: -0.125rem; }

.TabbedCarousel {
  position: relative; }
  @media (min-width: 1024px) {
    .TabbedCarousel-content {
      display: none; }
      .TabbedCarousel-content > .BlackHeader {
        display: none; }
      .TabbedCarousel-content.is-active {
        display: block; } }
  @media (min-width: 600px) {
    .TabbedCarousel .TabbedResponsiveCarousel {
      margin-left: -1.8333em; } }
  @media (min-width: 1024px) {
    .TabbedCarousel .TabbedResponsiveCarousel {
      margin-left: -1%; } }
  .TabbedCarousel .ResponsiveCarousel-slide {
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .TabbedCarousel .ResponsiveCarousel-slide {
        padding-left: 0; } }

.Hr, .Hr--short {
  border-width: 0.125rem; }
  .Hr.is-black, .is-black.Hr--short {
    border-color: #000; }
  .Hr.is-white, .is-white.Hr--short {
    border-color: #fff; }
  .Hr.is-verydarkgrey, .is-verydarkgrey.Hr--short {
    border-color: #29272a; }
  .Hr.is-grey, .is-grey.Hr--short {
    border-color: #757575; }
  .Hr.is-red, .is-red.Hr--short {
    border-color: #E31B23; }
  .Hr.is-blue, .is-blue.Hr--short {
    border-color: #009DDC; }
  .Hr.is-brightBlue, .is-brightBlue.Hr--short {
    border-color: #0069AA; }
  .Hr.is-activeButtonBlue, .is-activeButtonBlue.Hr--short {
    border-color: #004E7F; }
  .Hr.is-green, .is-green.Hr--short {
    border-color: #54B948; }
  .Hr.is-orange, .is-orange.Hr--short {
    border-color: #F68A33; }
  .Hr.is-purple, .is-purple.Hr--short {
    border-color: #92278f; }
  .Hr.is-pink, .is-pink.Hr--short {
    border-color: #EB1478; }
  .Hr.is-yellow, .is-yellow.Hr--short {
    border-color: #fdbb31; }
  .Hr.is-darkgrey, .is-darkgrey.Hr--short {
    border-color: #505050; }
  .Hr.is-iotgreen, .is-iotgreen.Hr--short {
    border-color: #009A8C; }
  .Hr.is-skyblue, .is-skyblue.Hr--short {
    border-color: #BFE0F4; }
  @media (max-width: 1023px) {
    .Hr, .Hr--short {
      margin: 1em 0; } }

.Hr--short {
  text-align: left;
  width: 5.625rem; }

.GoogleTrustedStore {
  display: inline-block; }
  .GoogleTrustedStore > div {
    /*
      Google trusted store injects css after our css has loaded and sets it to a
      z-index of 2147483644. This is the only way to override and not have it go over cookies
      policy etc.
    */
    z-index: inherit !important; }
  .GoogleTrustedStore img {
    width: 0.375rem;
    height: 1.25rem;
    vertical-align: bottom; }

.AvailablityStatus {
  font-size: 0.875rem;
  color: #54B948;
  padding-top: 0.375rem; }
  .AvailablityStatus-text {
    text-transform: capitalize; }
  .AvailablityStatus-bubble {
    display: none;
    position: relative;
    height: 0.75rem;
    width: 0.75rem;
    background: #54B948;
    border-radius: 50%;
    transform: translateY(10%); }
    .AvailablityStatus-bubble--offline {
      background-color: #E31B23; }
    @media (min-width: 1024px) {
      .AvailablityStatus-bubble {
        display: inline-block; } }

.LiveStatus {
  margin-right: .5em;
  border-radius: 50%;
  background-color: #CBC2C2;
  margin-top: .2em;
  width: .8em;
  height: .8em;
  float: left; }
  @media (min-width: 1024px) {
    .LiveStatus {
      margin-right: 1em; } }
  .LiveStatus.is-live {
    background-color: #54B948; }

.AccountLocationList {
  padding: 0.3125rem 0.9375rem; }
  .AccountLocationList-item {
    border-bottom: 0.0625rem solid #000;
    padding: 1.25em 0; }
    .AccountLocationList-item:last-child a {
      cursor: default; }
      .AccountLocationList-item:last-child a:hover {
        text-decoration: none; }
    .AccountLocationList-item a {
      display: block;
      font-weight: 600;
      font-size: 1.6em; }
      .AccountLocationList-item a .Icon {
        display: inline-block;
        margin-right: 0.41667em; }
      .AccountLocationList-item a:hover {
        text-decoration: underline; }
  @media (min-width: 890px) {
    .AccountLocationList {
      padding: 0; } }

.AccountSalesContact {
  border-top: 0.0625rem solid #000;
  margin: 0.9375rem 0.9375rem 0;
  padding: 0.9375rem 0; }
  .AccountSalesContact .CircleImage {
    width: 2.5rem;
    height: 2.5rem; }
  .AccountSalesContact-image {
    float: left;
    margin-right: 1.25em; }
  .AccountSalesContact-content {
    float: left; }
  .AccountSalesContact-name {
    margin: 0.3125rem 0 0.5rem;
    font-size: 1.33333em;
    line-height: 1.25; }
  @media (min-width: 890px) {
    .AccountSalesContact {
      margin: 0;
      border-bottom: 0.125rem solid #000; } }

.AccountMobileSelect {
  background: #29272a;
  padding: 0.9375rem;
  color: #fff; }
  .AccountMobileSelect-heading {
    margin-top: 0;
    margin-bottom: 0.625rem; }
  .AccountMobileSelect-wrap select {
    display: block;
    width: 100%;
    background-color: #000;
    padding: 0.625rem;
    height: 2.5rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0rem;
    border: none; }
  .AccountMobileSelect-wrap:first-of-type {
    margin-bottom: 1.875rem; }
  @media (min-width: 889px) {
    .AccountMobileSelect {
      display: none; } }

.CircleImage {
  border-radius: 50%;
  overflow: hidden; }

.is-green .NewList-Copy {
  color: #757575; }

.is-green .NewList .Icon-background {
  border-bottom: 0; }

.NewList p + p {
  margin: 0; }

.NewList-Item {
  border-bottom: 1px solid #eee; }
  .NewList-Item:last-child {
    border-bottom: 0; }
  .NewList-Item a {
    display: block;
    padding: 20px 0; }
    .NewList-Item a:hover {
      text-decoration: underline; }
  .NewList-Item .Icon {
    float: left;
    color: #E31B23;
    font-size: 1.33333em;
    margin: 0 0.83333em 0 0;
    position: relative;
    top: 2px; }
    .is-red .NewList-Item .Icon {
      color: #E31B23; }
    .is-yellow .NewList-Item .Icon {
      color: #fdbb31; }
    .is-green .NewList-Item .Icon {
      color: #54B948; }
    .is-blue .NewList-Item .Icon {
      color: #009DDC; }
    .is-orange .NewList-Item .Icon {
      color: #F68A33; }
    .is-purple .NewList-Item .Icon {
      color: #92278f; }

.NewList-SubTitle {
  font-size: 0.86667em;
  color: #757575; }

.NewList-Content {
  white-space: normal;
  float: left;
  width: 70%; }
  .NewList-Content span {
    display: block;
    word-wrap: break-word;
    line-height: 1.14286; }

.NewList-BoldTitle {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.26667;
  margin-bottom: 5px;
  letter-spacing: -0.01em; }

.NewList-Copy {
  font-size: 0.85714em;
  padding-top: 15px; }

.NewList-Image,
.NewList .Icon-background {
  float: left;
  width: 25%;
  margin-right: 5%; }

.NewList .Icon-background {
  text-align: center;
  background: #eee;
  padding: 15px;
  border-bottom: 1px solid #29272a; }
  .NewList .Icon-background .Icon {
    float: none;
    margin: 0;
    font-size: 30px; }

.TagList-Item {
  padding: 0.9375rem 0;
  border-bottom: 0.0625rem solid #eee; }

.TagList-SubTitle {
  font-size: 0.75rem;
  color: #757575; }

.TagList .Tags-item-link {
  display: inline-block;
  padding: 0.3125rem;
  margin-bottom: 0.3125rem; }
  .Megamenu-wrap .TagList .Tags-item-link {
    white-space: normal; }

.CategoriesList {
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #eee; }
  .CategoriesList-item {
    padding-bottom: 0.3125rem;
    font-size: 0.75rem;
    white-space: normal;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
    .CategoriesList-item:last-child {
      padding-bottom: 0; }

.ManufacturersVerticalList-item {
  border-top: 0.0625rem solid #eee; }
  .ManufacturersVerticalList-item:first-child {
    border-top: 0; }

.ManufacturersVerticalList .ImageAlign-container {
  height: 5rem; }

.ManufacturersVerticalList .ManufacturersLogo-title {
  margin-top: 0; }

.LoginHeader {
  padding: 0.9375rem; }
  .LoginHeader .CircleImage {
    float: left;
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem;
    text-align: center;
    margin-top: 0.5rem; }
  .LoginHeader-content {
    float: left;
    width: 73%;
    margin-left: 7%;
    margin-bottom: 0.9375rem;
    min-height: 5.3125rem; }
    .has-minimised-header .LoginHeader-content {
      width: 75%; }
  .LoginHeader-boldText {
    margin: 0;
    font-size: 1.5em; }

.ArrowVideo {
  position: relative; }
  .ArrowVideo-unsupported {
    text-align: center;
    background: #000 url("https://static4.arrowelectronics.com.au/img/chip-man.png") center 5rem no-repeat;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
    padding-top: 14.375rem; }
    .ArrowVideo-unsupported p {
      margin: 0; }
  .ArrowVideo:before {
    content: '';
    display: block;
    padding-top: 56.25%; }
  .ArrowVideo .ArrowVideo-skin {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .ArrowVideo .ArrowVideo-skin.vjs-fullscreen {
      position: static; }
    .ArrowVideo .ArrowVideo-skin.videojs .vjs-big-play-button {
      top: 50%;
      left: 50%;
      margin: -4.6875rem 0 0 -4.6875rem;
      width: 9.375rem;
      height: 9.375rem;
      border-radius: 100%;
      background-color: rgba(0, 0, 0, 0.8); }
      .ArrowVideo .ArrowVideo-skin.videojs .vjs-big-play-button::before {
        font-family: 'arrow-icons';
        content: "\E674";
        font-size: 3.125rem;
        margin: 0;
        width: 9.375rem;
        line-height: 9.375rem;
        text-align: center;
        vertical-align: middle; }
    .ArrowVideo .ArrowVideo-skin .vjs-control-bar {
      color: #000;
      border: 0;
      background-color: #fff; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-control:focus:before, .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-control:hover:before, .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-menu-item:focus, .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-menu-item:hover {
        text-shadow: none; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-play-control::before, .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-volume-menu-button::before, .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-fullscreen-control::before {
        color: #fff;
        font-size: 0.625rem;
        background-color: #F68A33;
        border-radius: 1.25rem;
        width: 1.25rem;
        line-height: 1.25rem; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-play-control {
        font-family: 'arrow-icons'; }
        .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-play-control .vjs-paused::before {
          content: "\E674"; }
        .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-play-control .vjs-playing::before {
          content: "\E60F"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-fullscreen-control::before {
        font-family: 'arrow-icons';
        content: "\E657"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-volume-menu-button::before {
        font-family: 'arrow-icons';
        content: "\E691"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-volume-menu-button .vjs-menu-content {
        background-color: white; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-vol-0::before {
        font-family: 'arrow-icons';
        content: "\E68D"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-vol-1::before {
        font-family: 'arrow-icons';
        content: "\E68F"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-vol-2::before {
        font-family: 'arrow-icons';
        content: "\E690"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-vol-3::before {
        font-family: 'arrow-icons';
        content: "\E691"; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-volume-level {
        background-color: #F68A33; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-volume-handle {
        display: none; }
      .ArrowVideo .ArrowVideo-skin .vjs-control-bar .vjs-control:hover {
        box-shadow: none; }
    .ArrowVideo .ArrowVideo-skin .vjs-play-progress {
      background: initial;
      background-color: #F68A33; }
    .ArrowVideo .ArrowVideo-skin .vjs-load-progress {
      background: initial;
      background-color: rgba(238, 238, 238, 0.8); }
  .ArrowVideo--YouTube {
    margin-bottom: 1.875rem; }

.ImageSlider {
  overflow: hidden;
  position: relative;
  background: #fff; }
  @media (min-width: 1024px) {
    .ImageSlider {
      padding-bottom: 2.5em; } }
  .ImageSlider .Carousel-arrow {
    font-size: 1.66667em; }
    @media (min-width: 1024px) {
      .ImageSlider .Carousel-arrow {
        font-size: 2.5em; } }

.ImageCarousel {
  position: relative;
  height: 1.5625em;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .ImageCarousel {
      height: 3.38542em; } }
  .ImageCarousel-slide {
    height: 100%;
    text-align: center;
    overflow: hidden;
    position: relative; }
    .ImageCarousel-slide-img {
      max-width: 100%;
      margin: auto;
      vertical-align: middle;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .ImageCarousel-slide-img--fullheight {
        max-height: 100%; }
  .ImageCarousel-enlarge {
    position: relative;
    display: inline-block;
    margin: 0.83333em 0; }
    @media (min-width: 1024px) {
      .ImageCarousel-enlarge {
        font-size: 1.16667em; } }
    .ImageCarousel-enlarge--left {
      left: 0;
      border-radius: 0 2.5em 2.5em 0; }
      .ImageCarousel-enlarge--left.slick-disabled {
        transform: translateX(-100%); }
      .ImageCarousel-enlarge--left .Arrow {
        padding-left: 0.625rem;
        left: 0.25em; }
        .ImageCarousel-enlarge--left .Arrow:before {
          left: 0;
          top: 25%;
          border-top: 0.33333em solid transparent;
          border-bottom: 0.33333em solid transparent;
          border-right: 0.33333em solid #fff; }
    .ImageCarousel-enlarge--right {
      right: 0;
      border-radius: 2.5em 0 0 2.5em; }
      .ImageCarousel-enlarge--right.slick-disabled {
        transform: translateX(100%); }
      .ImageCarousel-enlarge--right .Arrow {
        padding-right: 10px; }
        .ImageCarousel-enlarge--right .Arrow:before {
          right: 0;
          top: 25%;
          border-top: 0.33333em solid transparent;
          border-bottom: 0.33333em solid transparent;
          border-left: 0.33333em solid #fff; }
  .ImageCarousel .slick-track {
    height: 18.75rem; }
    @media (min-width: 1024px) {
      .ImageCarousel .slick-track {
        height: 3.38542em; } }

.ThumbnailCarousel {
  padding: 0 2.5em;
  background-color: #29272a;
  position: relative;
  height: 0.52083em;
  overflow: hidden; }
  .ThumbnailCarousel.ThumbnailCarousel--horizontal .slick-track {
    height: 0.52083em; }
  .ThumbnailCarousel.ThumbnailCarousel--vertical {
    height: 6.30208em;
    padding: 0.26042em 0; }
  .ThumbnailCarousel-container {
    color: #fff;
    margin-top: 1.66667em;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 1024px) {
      .ThumbnailCarousel-container {
        position: absolute;
        bottom: 0;
        width: 100%;
        transform: translateY(0.52083em);
        transition: transform 300ms; }
        .ImageSlider.show-thumbnails .ThumbnailCarousel-container {
          transform: translateY(0); } }
  .ThumbnailCarousel-counter {
    background: #000;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding: 0.41667em 0.83333em; }
    @media (min-width: 1024px) {
      .ThumbnailCarousel-counter {
        padding-right: 2.91667em;
        font-size: 1.16667em;
        cursor: pointer; }
        .ThumbnailCarousel-counter:hover .Icon {
          color: #fff; } }
    .ThumbnailCarousel-counter-text {
      margin-right: 0.83333em;
      display: inline-block; }
    .ThumbnailCarousel-counter .Icon {
      font-size: 1.33333em;
      position: absolute;
      right: 0.3125em;
      top: 0.3125em;
      color: #CBC2C2;
      display: none;
      transition: color 100ms; }
      @media (min-width: 1024px) {
        .ThumbnailCarousel-counter .Icon {
          display: block;
          background: none;
          margin: -0.25rem; } }
      .ThumbnailCarousel-counter .Icon:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
  .ThumbnailCarousel-carousel {
    height: 100%; }
  .ThumbnailCarousel-slide {
    display: block;
    cursor: pointer;
    padding: 0.10417em;
    position: relative;
    float: left;
    height: 100%;
    width: 16.66%;
    background-color: #29272a; }
    .ThumbnailCarousel--vertical .ThumbnailCarousel-slide {
      height: 11.5625rem;
      width: 100%;
      float: none;
      padding: 0.83333em 2.5em; }
      .ThumbnailCarousel--vertical .ThumbnailCarousel-slide:before {
        top: 0.83333em;
        bottom: 0.83333em;
        left: 2.5em;
        right: 2.5em; }
    .ThumbnailCarousel-slide-img {
      max-width: 90%;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: #fff;
      background-position: center;
      margin: 0 auto; }
      .ThumbnailCarousel-slide-img:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
    .ThumbnailCarousel-slide:before {
      content: '';
      position: absolute;
      top: 0.10417em;
      bottom: 0.10417em;
      left: 0.10417em;
      right: 0.10417em;
      z-index: 10;
      background-color: #92278f;
      opacity: 0;
      transition: opacity 200ms; }
      .ThumbnailCarousel.is-black .ThumbnailCarousel-slide:before {
        background-color: #000; }
      .ThumbnailCarousel.is-white .ThumbnailCarousel-slide:before {
        background-color: #fff; }
      .ThumbnailCarousel.is-verydarkgrey .ThumbnailCarousel-slide:before {
        background-color: #29272a; }
      .ThumbnailCarousel.is-grey .ThumbnailCarousel-slide:before {
        background-color: #757575; }
      .ThumbnailCarousel.is-red .ThumbnailCarousel-slide:before {
        background-color: #E31B23; }
      .ThumbnailCarousel.is-blue .ThumbnailCarousel-slide:before {
        background-color: #009DDC; }
      .ThumbnailCarousel.is-brightBlue .ThumbnailCarousel-slide:before {
        background-color: #0069AA; }
      .ThumbnailCarousel.is-activeButtonBlue .ThumbnailCarousel-slide:before {
        background-color: #004E7F; }
      .ThumbnailCarousel.is-green .ThumbnailCarousel-slide:before {
        background-color: #54B948; }
      .ThumbnailCarousel.is-orange .ThumbnailCarousel-slide:before {
        background-color: #F68A33; }
      .ThumbnailCarousel.is-purple .ThumbnailCarousel-slide:before {
        background-color: #92278f; }
      .ThumbnailCarousel.is-pink .ThumbnailCarousel-slide:before {
        background-color: #EB1478; }
      .ThumbnailCarousel.is-yellow .ThumbnailCarousel-slide:before {
        background-color: #fdbb31; }
      .ThumbnailCarousel.is-darkgrey .ThumbnailCarousel-slide:before {
        background-color: #505050; }
      .ThumbnailCarousel.is-iotgreen .ThumbnailCarousel-slide:before {
        background-color: #009A8C; }
      .ThumbnailCarousel.is-skyblue .ThumbnailCarousel-slide:before {
        background-color: #BFE0F4; }
    .ThumbnailCarousel-slide:hover:before, .ThumbnailCarousel-slide.is-selected:before {
      opacity: .5; }
    .ThumbnailCarousel-slide:focus {
      outline: none;
      border: 0.1875rem solid #7FC1EA; }
  .ThumbnailCarousel-arrow {
    width: 1em;
    height: 100%; }
    .ThumbnailCarousel--vertical .ThumbnailCarousel-arrow {
      width: 100%;
      height: 1em; }
    .ThumbnailCarousel-arrow.slick-disabled {
      transform: none;
      background-color: #29272a;
      cursor: default; }
    .ThumbnailCarousel-arrow--left {
      left: 0; }
      .ThumbnailCarousel-arrow--left .Arrow {
        left: 0.25em; }
      .ThumbnailCarousel-arrow--left:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
    .ThumbnailCarousel-arrow--right {
      right: 0; }
      .ThumbnailCarousel-arrow--right .Arrow {
        right: 0.25em; }
      .ThumbnailCarousel-arrow--right:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
    .ThumbnailCarousel-arrow--up {
      top: 0; }
      .ThumbnailCarousel-arrow--up .Arrow {
        top: 0.25em; }
    .ThumbnailCarousel-arrow--down {
      bottom: 0; }
      .ThumbnailCarousel-arrow--down .Arrow {
        bottom: 0.25em; }
  .ThumbnailCarousel--border-button {
    border: black; }

.YouTubeWrapper {
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .YouTubeWrapper iframe {
    width: 100%;
    height: 100%; }
  .YouTubeWrapper .controls {
    width: 100%;
    color: #fff;
    padding: 0.3125rem;
    font-size: 0.625rem;
    vertical-align: middle;
    line-height: 0.625rem;
    background-color: #fff;
    position: absolute;
    bottom: -1.875rem; }
    .YouTubeWrapper .controls::-moz-selection {
      background-color: transparent;
      color: #000; }
    .YouTubeWrapper .controls::selection {
      background-color: transparent;
      color: black; }
    .YouTubeWrapper .controls .play-button {
      font-family: 'arrow-icons';
      font-size: 0.5rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-decoration: none;
      border-radius: 50%;
      text-align: center;
      background-color: #0069AA;
      padding: 0.3125rem; }
      .YouTubeWrapper .controls .play-button--playing::before {
        content: "\E60F"; }
      .YouTubeWrapper .controls .play-button--paused::before {
        content: "\E674"; }
      .YouTubeWrapper .controls .play-button:hover {
        cursor: pointer;
        background-color: #0084D5; }
      .YouTubeWrapper .controls .play-button:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
    .YouTubeWrapper .controls .duration {
      color: #000;
      font-size: 0.5rem;
      display: inline-block;
      width: 6.875rem;
      font-size: 10pt;
      vertical-align: middle;
      text-align: center;
      padding: 0 0.625rem 0 0.625rem;
      box-sizing: content-box; }
      .YouTubeWrapper .controls .duration .pos {
        padding: 0 0.125rem 0 0.125rem;
        display: inline-block;
        color: #000; }
      .YouTubeWrapper .controls .duration .len {
        padding: 0 0.125rem 0 0.125rem;
        display: inline-block;
        color: #000; }
    .YouTubeWrapper .controls .progress-slider {
      position: absolute;
      top: 0.8125rem;
      left: 9.375rem;
      right: 2.5rem;
      height: 0.25rem;
      cursor: pointer;
      display: inline-block;
      background-color: #dedede; }
      .YouTubeWrapper .controls .progress-slider .progress {
        background-color: #0069AA;
        height: 100%;
        width: 0%; }
    .YouTubeWrapper .controls .volume-control {
      position: absolute;
      right: 0.9375rem;
      padding: 0 0.625rem 0 0.625rem;
      font-family: 'arrow-icons';
      font-size: 0.5rem;
      width: 1.25rem;
      display: inline-block;
      vertical-align: middle;
      position: absolute; }
      .YouTubeWrapper .controls .volume-control .volume-button--vol1::before {
        content: "\E68D"; }
      .YouTubeWrapper .controls .volume-control .volume-button--vol2::before {
        content: "\E68F"; }
      .YouTubeWrapper .controls .volume-control .volume-button--vol3::before {
        content: "\E690"; }
      .YouTubeWrapper .controls .volume-control .volume-button--vol4::before {
        content: "\E691"; }
      .YouTubeWrapper .controls .volume-control .volume-button {
        font-family: 'arrow-icons';
        font-size: 0.5rem;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        text-decoration: none;
        border-radius: 50%;
        text-align: center;
        background-color: #0069AA;
        padding: 0.3125rem;
        z-index: 2; }
        .YouTubeWrapper .controls .volume-control .volume-button:focus {
          outline: none;
          border: 0.1875rem solid #7FC1EA; }
        .YouTubeWrapper .controls .volume-control .volume-button:hover {
          cursor: pointer;
          background-color: #0084D5; }
      .YouTubeWrapper .controls .volume-control .volume-tracks {
        width: 1.25rem;
        display: none;
        background-color: #fff;
        position: absolute;
        bottom: 1.25rem;
        z-index: 0; }
        .YouTubeWrapper .controls .volume-control .volume-tracks--popout {
          display: block;
          height: 7.5rem; }
      .YouTubeWrapper .controls .volume-control .volume-slider {
        margin: 0.625rem auto;
        background-color: #eee;
        width: 0.1875rem;
        height: 80%;
        z-index: 1;
        position: relative; }
      .YouTubeWrapper .controls .volume-control .volume-amount {
        background-color: #0069AA;
        position: absolute;
        bottom: 0;
        width: 0.1875rem;
        height: 100%; }

.PagingNumbers {
  float: right;
  margin-top: 1.875rem; }
  .PagingNumbers li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em; }
    .PagingNumbers li a {
      display: inline-block;
      padding: 0 0.125rem; }
    .PagingNumbers li.is-selected {
      font-weight: 600; }
    .PagingNumbers li .Icon {
      font-size: 0.66667em;
      line-height: 1.375em; }

.RecentlyViewed {
  background: #29272a;
  color: #eee;
  margin: 0 0 0.9375rem;
  position: relative; }
  .RecentlyViewed h4 {
    font-size: 0.10417em;
    margin: 0 0 0.9375rem;
    padding: 0.9375rem 0;
    border-bottom: 0.0625rem solid #757575; }
  .RecentlyViewed-content {
    padding: 0.9375rem; }
    @media (min-width: 1024px) {
      .RecentlyViewed-content {
        padding: 1.25rem; } }
  .RecentlyViewed .IconList {
    border: none;
    font-size: 1.16667em;
    font-weight: 600; }
    .RecentlyViewed .IconList-item-date {
      color: #757575;
      margin: 0.3125rem 0;
      display: block;
      padding: 0;
      font-size: 0.75rem; }
    .RecentlyViewed .IconList .Icon {
      float: left;
      padding: 0 0.9375rem 0 0;
      font-size: 1.125rem; }
    .RecentlyViewed .IconList-content {
      float: left;
      width: 86%; }
    .RecentlyViewed .IconList-item {
      margin-top: 0.3125rem; }
      .RecentlyViewed .IconList-item:first-child {
        margin-top: 0; }
    .RecentlyViewed .IconList-item a {
      display: block;
      max-height: 1.875rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media (min-width: 1024px) {
      .RecentlyViewed .IconList .IconList-item {
        margin-top: 0.9375rem; }
        .RecentlyViewed .IconList .IconList-item a {
          width: 65%;
          float: left; } }
    @media (min-width: 1240px) {
      .RecentlyViewed .IconList-content {
        width: 90.5%; }
      .RecentlyViewed .IconList .IconList-item a {
        width: 70%; } }
  @media (min-width: 720px) {
    .RecentlyViewed {
      float: left;
      width: 48%;
      padding: 0;
      margin: 0 1%; }
      .RecentlyViewed h4 {
        padding: 0.9375rem 0.3125rem; }
      .RecentlyViewed .IconList-item {
        padding-left: 0.3125rem; } }
  @media (min-width: 1024px) {
    .RecentlyViewed {
      float: none;
      width: auto;
      margin: 0 0 4.16667% 0; }
      .RecentlyViewed h4 {
        padding: 0.4375rem 0.3125rem 0.8125rem 0.3125rem;
        margin-bottom: 1.25rem; } }
  .RecentlyViewed--datasheets .RecentlyViewed-header h3 {
    border-top-color: #009DDC; }
  .RecentlyViewed--datasheets .Embedded-search-submit {
    background: #009DDC; }
  .RecentlyViewed--datasheets .IconList .Icon {
    color: #009DDC; }
  .RecentlyViewed--designs .RecentlyViewed-header h3 {
    border-top-color: #92278f; }
  .RecentlyViewed--designs .Embedded-search-submit {
    background: #92278f; }
  .RecentlyViewed--designs .IconList .Icon {
    color: #92278f; }
  .RecentlyViewed .Embedded-search-search {
    width: 100%;
    float: none;
    margin: 0 0 2.04082%;
    color: #000;
    display: block; }
  .RecentlyViewed .Embedded-search-search-icon {
    top: 0.875rem; }
  .RecentlyViewed .Embedded-search-submit {
    top: 0.1875rem; }
  @media (min-width: 1024px) {
    .RecentlyViewed .Embedded-search-input-box label {
      width: 80%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .RecentlyViewed .Embedded-search-input-box span {
      font-size: 1rem;
      vertical-align: middle;
      position: relative;
      top: -0.0625rem;
      font-size: 1.25rem; } }
  .RecentlyViewed-header {
    position: relative; }
    .RecentlyViewed-header h3 {
      border-top: 0.1875rem solid;
      position: relative;
      margin: 0;
      padding: 0.9375rem 0.9375rem 0;
      text-transform: uppercase;
      width: 100%;
      letter-spacing: 0.05em;
      background: #29272a;
      position: relative;
      font-size: 0.9375rem; }
    .RecentlyViewed-header-cta {
      position: absolute;
      display: none;
      color: #29272a;
      right: 0;
      font-weight: 800;
      font-size: 0.875rem;
      top: 0rem;
      height: 100%;
      background: #eee;
      padding: 1.25rem 0.9375rem 0;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
      .RecentlyViewed-header-cta:after {
        content: '';
        position: absolute;
        left: -47px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 47px 0 0 47px;
        border-color: #eee transparent transparent transparent;
        z-index: 3; }
      .RecentlyViewed-header-cta:hover {
        color: #757575; }
    @media (min-width: 1024px) {
      .RecentlyViewed-header-cta {
        display: block; }
      .RecentlyViewed-header h3 {
        width: 100%; }
        .RecentlyViewed-header h3 .Icon--link-arrow, .RecentlyViewed-header h3 .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .RecentlyViewed-header h3 span {
          display: none; } }

.CategoryListings {
  padding-top: 1.875rem; }
  .CategoryListings-stats {
    text-align: center;
    border-top: 0.125rem solid #E31B23;
    border-bottom: 0.125rem solid #000;
    clear: both;
    margin-bottom: 1.875rem; }
    .CategoryListings-stats-item {
      padding: 0.9375rem 0;
      text-transform: uppercase;
      font-size: 1rem; }
      .CategoryListings-stats-item span {
        font-weight: bold; }
      @media (min-width: 600px) {
        .CategoryListings-stats-item {
          padding: 1.625em 0; } }
    @media (min-width: 1024px) {
      .CategoryListings-stats {
        width: 18.33333%;
        float: left;
        margin-right: 2.04082%;
        border-bottom: 0.0625rem solid #d7d7d7; } }
  .CategoryListings-heading {
    font-size: 16px;
    border-bottom: 0.0625rem solid #d7d7d7;
    margin: 0 0 0.625rem;
    line-height: 1.0625;
    padding-bottom: 0.625rem; }
    .CategoryListings-heading a {
      padding-right: 0.625rem; }
  .CategoryListings-stats a:hover, .CategoryListings-items a:hover {
    color: #505050; }
  .CategoryListings-items {
    padding: 0 0 1.875rem 0; }
    .CategoryListings-items .ie-child-4 {
      margin-right: 0; }
    @media (min-width: 600px) {
      .CategoryListings-items {
        width: 100%; }
        .CategoryListings-items-item {
          width: 48.33333%;
          float: left;
          margin-bottom: 0.625rem;
          margin-right: 3%; } }
    @media (min-width: 600px) and (max-width: 1023px) {
      .CategoryListings-items-item:nth-child(2n) {
        float: right;
        margin-right: 0; }
      .CategoryListings-items-item:nth-child(2n+1) {
        clear: both; } }
    @media (min-width: 1024px) {
      .CategoryListings-items {
        width: 78.33333%;
        float: left;
        padding-top: 1.875rem;
        border-top: 0.125rem solid black;
        float: right; }
        .CategoryListings-items-item {
          margin-right: 2.5641%;
          width: 23.07692%;
          float: left; }
          .CategoryListings-items-item:nth-child(4n+4) {
            float: right;
            margin-right: 0; }
          .CategoryListings-items-item:nth-child(4n+5) {
            clear: left; } }

.CategoryListings-subItems {
  margin-bottom: 1.875rem; }
  .CategoryListings-subItems-item {
    margin-bottom: 0.3125rem; }
    .CategoryListings-subItems-item span {
      color: #505050; }

.u-mobile-bg {
  position: relative;
  padding-top: 30px; }
  .u-mobile-bg:before {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    background: #eee;
    height: 100%; }
  @media (min-width: 890px) {
    .u-mobile-bg:before {
      display: none; } }
  @media (min-width: 1024px) {
    .u-mobile-bg.u-gutter-paddingBottom {
      padding-bottom: 0; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 0.0625rem; }

.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; }

.CookieBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #29272a;
  color: #fff;
  z-index: 2000;
  font-size: 0.07292em;
  transition: transform 300ms;
  padding: 17.14286em 0; }
  .CookieBar .Content {
    padding-bottom: 0; }
  .CookieBar .ButtonList {
    padding: 0; }
  .CookieBar-title {
    margin-top: 0; }
    .CookieBar-title a {
      text-decoration: underline; }
  .CookieBar.is-accepted {
    transform: translateY(100%); }
  .CookieBar .u-textArrow {
    text-transform: uppercase;
    font-size: 13.71429em; }
    .CookieBar .u-textArrow span {
      transition: transform 0.3s; }
    .CookieBar .u-textArrow.is-active span {
      transform: rotate(90deg); }
  .CookieBar-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s 0.25s, transform 0.5s; }
    .CookieBar-content.is-active {
      padding-top: 17.14286em;
      max-height: 10em;
      opacity: 1; }
  .CookieBar h3 {
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -.02em;
    margin-block-end: 1.33em; }

@media screen and (min-width: 890px) {
  .CookieBar .u-grid-7 {
    text-align: right; }
  .CookieBar .ButtonList {
    overflow: hidden; }
    .CookieBar .ButtonList li {
      width: 49%;
      display: inline-block;
      margin-left: 1%; } }

@media screen and (min-width: 1024px) {
  .CookieBar-title {
    font-size: 18.28571em; }
  .CookieBar .u-row > [class*="u-grid-"] {
    margin-bottom: 0; }
  .CookieBar .ButtonList li {
    max-width: 21.875rem; } }

.LogoutHandler {
  text-align: center;
  padding: 3.75rem 0; }
  .js .LogoutHandler {
    opacity: 0; }
  .js .LogoutHandler--loggingOut {
    opacity: 1;
    transition: opacity .3s ease; }
  .LogoutHandler-message {
    font-weight: 600;
    font-size: 1.16667em; }
  .LogoutHandler-title {
    font-weight: 600;
    font-size: 2.33333em; }
  .LogoutHandler-image img {
    max-width: 6.25rem; }

.ProductMerchandisingHead {
  padding-top: 1.25rem;
  padding-bottom: 0.3125rem;
  text-transform: uppercase;
  font-size: 0.6875rem; }

.ProductMerchandising-inner {
  background-color: #eee;
  padding: 0.625rem;
  height: 7.5rem; }
  @media (min-width: 720px) {
    .ProductMerchandising-inner {
      height: 5rem;
      padding: 0.25rem; } }
  @media (min-width: 1024px) {
    .ProductMerchandising-inner {
      height: 5.0625rem;
      padding: 0.1875rem; } }

.ProductMerchandising-imageLinkContainer {
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
  width: 6.375rem; }
  @media (min-width: 720px) {
    .ProductMerchandising-imageLinkContainer {
      width: 3.4375rem; } }
  @media (min-width: 1024px) {
    .ProductMerchandising-imageLinkContainer {
      width: 4.6875rem; } }

.ProductMerchandising-imageLink {
  display: inline-block;
  max-width: 6.375rem; }
  @media (min-width: 720px) {
    .ProductMerchandising-imageLink {
      max-width: 3.4375rem; } }
  @media (min-width: 1024px) {
    .ProductMerchandising-imageLink {
      max-width: 4.6875rem; } }

.ProductMerchandising-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-height: 100%; }

.ProductMerchandising-info {
  display: inline-block;
  width: 60%;
  padding-left: 0.3125rem;
  vertical-align: top;
  position: relative; }
  @media (min-width: 720px) {
    .ProductMerchandising-info {
      margin-top: 0.3125rem;
      width: 70%; } }
  @media (min-width: 1024px) {
    .ProductMerchandising-info {
      margin-top: 0.625rem;
      width: 82%; } }

.ProductMerchandising-details-title {
  word-wrap: break-word;
  font-size: 0.75rem;
  line-height: 1;
  margin-top: 0;
  letter-spacing: 0.01em;
  margin-bottom: 0.3125rem; }

.ProductMerchandising-details-manufacturers {
  display: inline-block;
  letter-spacing: 0.025em;
  max-height: 1.125rem; }

.ProductMerchandising-details-category {
  display: block;
  letter-spacing: 0.025em;
  max-height: 2.25rem; }
  @media (min-width: 720px) {
    .ProductMerchandising-details-category {
      display: inline-block;
      max-height: 1.125rem; } }
  @media (min-width: 1024px) {
    .ProductMerchandising-details-category {
      display: block;
      width: 60%; } }

.ProductMerchandising .Button {
  display: block;
  font-size: 0.6875rem;
  margin-top: 0.1875rem;
  padding: 0.72727em 0;
  width: 40%; }
  @media (min-width: 720px) {
    .ProductMerchandising .Button {
      width: 15%;
      position: absolute;
      top: 0.125rem;
      right: 0;
      padding: 1.09091em 0; } }
  @media (min-width: 1024px) {
    .ProductMerchandising .Button {
      width: 22%;
      top: 0.4375rem; } }

.rt .ProductMerchandisingHead {
  margin: 0; }

.rt .ProductMerchandising .ProductMerchandising-details-title a:visited, .rt .ProductMerchandising .ProductMerchandising-details-title a:active {
  color: inherit; }

.rt .ProductMerchandising a:hover {
  text-decoration: none; }

.rt .ProductMerchandising a:visited, .rt .ProductMerchandising a:active {
  color: #fff; }

.LogoHighlight-overViewTitle {
  font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  letter-spacing: -0.055em;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400; }

.LogoHighlight-overViewTitle {
  font-size: 44px;
  font-weight: 600;
  line-height: 48px; }

.CertificationsList {
  display: block;
  padding-bottom: 2.5rem;
  width: 100%; }
  @media screen and (min-width: 720px) {
    .CertificationsList {
      display: table;
      margin: auto 0; } }
  .CertificationsList-itemLink {
    display: inline-block;
    margin-top: 1.25rem;
    width: 100%; }
    @media screen and (min-width: 720px) {
      .CertificationsList-itemLink {
        display: inline-flex;
        width: 33%; } }
    @media screen and (min-width: 1024px) {
      .CertificationsList-itemLink {
        width: 18%;
        margin-left: 1%;
        margin-right: 1%; } }
  .CertificationsList-iotTiles {
    display: inline-block;
    margin-top: 1.25rem;
    width: 100%; }
    @media screen and (min-width: 720px) {
      .CertificationsList-iotTiles {
        display: inline-flex;
        width: 33%; } }
    @media screen and (min-width: 1024px) {
      .CertificationsList-iotTiles {
        width: 19%;
        margin-left: 1%;
        margin-right: 1%; } }
  .CertificationsList-item {
    padding: 0.625rem 1.25rem;
    background: #eee;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.3);
    text-align: left; }
    @media screen and (min-width: 720px) {
      .CertificationsList-item {
        max-width: 90%;
        min-height: 6.875rem;
        margin: 0 0.625rem 0; } }
  .CertificationsList-title {
    padding-bottom: 0.3125rem;
    border-bottom: 0.0625rem solid #fff;
    box-shadow: inset 0 -0.0625rem 0 #dedede;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1; }
    .CertificationsList-title .Icon:before {
      color: #EB1478;
      margin-right: 0.3125rem;
      font-size: 2.125rem;
      font-weight: 400;
      vertical-align: middle;
      font-family: 'arrow-icons'; }
    @media screen and (min-width: 720px) {
      .CertificationsList-title .Icon:before {
        font-size: 1.75rem; } }
    @media screen and (min-width: 890px) {
      .CertificationsList-title {
        font-size: 18px; }
        .CertificationsList-title .Icon:before {
          font-size: 2rem; } }
  .CertificationsList-iot .Icon:before {
    color: #0069AA; }
  .CertificationsList-iot .Icon:hover::before {
    color: #0084D5; }
  .CertificationsList-description {
    padding-top: 0.3125rem;
    margin: 0;
    line-height: 1.2; }
  .CertificationsList-explore {
    text-transform: uppercase;
    margin-top: 0.5625rem;
    font-size: 11px; }

.DarkGradientHeader {
  background: black;
  color: white;
  overflow-x: hidden;
  position: relative;
  clear: both; }
  .DarkGradientHeader:before {
    content: " ";
    display: table; }
  .DarkGradientHeader:after {
    content: " ";
    display: table;
    clear: both; }
  .DarkGradientHeader-light {
    background: #eee;
    color: #000; }
  .DarkGradientHeader-firstRegion {
    border-right: 0.125rem solid; }
    .DarkGradientHeader-firstRegion.is-pink {
      border-color: #EB1478; }
  .DarkGradientHeader-content {
    padding: 1.25rem; }
    .DarkGradientHeader-content .HeroBanner {
      margin: 0; }
      .DarkGradientHeader-content .HeroBanner-content {
        padding: 1.25rem; }
  @media screen and (min-width: 600px) {
    .DarkGradientHeader-content {
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .DarkGradientHeader-content .HeroBanner-content {
      padding: 6.25rem 1.25rem; } }
  .DarkGradientHeader--Image {
    padding: 1.875rem 0;
    background-size: cover;
    background-position: center; }
    .DarkGradientHeader--Image:before {
      content: '';
      position: absolute;
      background: rgba(0, 0, 0, 0.7);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }

.HeroBanner {
  position: relative;
  margin: 2.5rem 0; }
  .HeroBanner-background {
    background-size: cover;
    background-position: center;
    color: #fff; }
    .HeroBanner-background:before {
      content: '';
      position: absolute;
      background: rgba(0, 0, 0, 0.7);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2; }
  .HeroBanner-background-light {
    background-size: cover;
    background-position: center;
    color: #000; }
    .HeroBanner-background-light:before {
      content: '';
      position: absolute;
      background: #eee;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2; }
  .HeroBanner-content {
    position: relative;
    padding: 1.25rem;
    z-index: 3; }
    .HeroBanner-content h3 {
      margin: 0;
      padding: 0; }
    .HeroBanner-content .Button + .Button {
      display: inline-block;
      border-color: #EB1478;
      margin-left: 0.625rem; }
  .HeroBanner-logo {
    max-width: 26.5625rem;
    height: auto; }
    .HeroBanner-logo img {
      width: 100%; }

.KeyPoints {
  padding: 2.5rem 0 1.875rem;
  background: #000;
  color: #fff;
  background-size: cover;
  background-position: center;
  text-align: center; }
  .KeyPoints a {
    color: #EB1478; }
  .KeyPoints--lightBackground {
    color: #000;
    background: #eee;
    background-size: cover;
    background-position: center; }
  .KeyPoints--whiteBackground {
    color: #000;
    background: #fff; }
  .KeyPoints-header {
    display: inline-block;
    position: relative; }
  .KeyPoints-content {
    display: table-cell;
    text-align: left;
    padding-left: 0.625rem;
    width: 80%;
    vertical-align: middle; }
  .KeyPoints-mainTitle {
    margin: 0 0 0.625rem 0; }
  .KeyPoints-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600; }
  .KeyPoints .TrioList {
    margin-top: 1.25rem; }
    .KeyPoints .TrioList-item {
      display: table;
      margin-bottom: 1.875rem; }
  .KeyPoints .Icon {
    display: inline-block;
    font-size: 3.75rem;
    vertical-align: middle;
    color: #EB1478; }
  .KeyPoints-buttonWrap {
    text-align: center;
    margin: 0.625rem 0; }
    .KeyPoints-buttonWrap .Button--bordered.Button--inverted-colors.is-pink {
      border-color: #EB1478; }
  .KeyPoints-innovation {
    font-size: 0.875rem;
    font-weight: 600;
    color: #757575; }
  .KeyPoints-endorsement {
    margin-top: 0.3125rem; }

.LogoHighlight {
  padding: 2.5rem; }
  @media screen and (min-width: 720px) {
    .LogoHighlight {
      display: flex; } }
  @media screen and (min-width: 1024px) {
    .LogoHighlight {
      padding-left: 0; } }
  .LogoHighlight-img {
    max-width: 14.375rem;
    height: auto;
    margin: 0.625rem auto; }
    .LogoHighlight-img img {
      width: 100%; }
  .LogoHighlight-content {
    width: 100%;
    padding-left: 1.25rem; }
    .LogoHighlight-content h2 {
      margin: 0; }
    .LogoHighlight-content .Button--bordered.Button--inverted-colors.is-pink {
      border-color: #EB1478; }
  .LogoHighlight-overViewTitle {
    letter-spacing: -0.055em; }
  .LogoHighlight-subTitle {
    margin-top: 0.3125rem; }
  .LogoHighlight-description {
    margin-bottom: 1.25rem; }
  .LogoHighlight-certifications {
    display: table;
    margin-top: 1.25rem; }
  .LogoHighlight-certification {
    display: table-cell; }
    .LogoHighlight-certification a {
      display: block; }
    .LogoHighlight-certification:first-child {
      padding-right: 1.25rem; }
  .LogoHighlight-certificationImg {
    max-width: 1.5rem;
    height: auto;
    display: inline-block;
    vertical-align: text-top; }
  .LogoHighlight-certificationTitle {
    font-size: 1.25rem; }
  .LogoHighlight-certificationDescription {
    margin-top: 0.625rem; }

.ManufacturersLogoList {
  margin-top: 1.25rem; }
  .ManufacturersLogoList-item {
    margin-bottom: 1.25rem;
    display: inline-block;
    width: 100%; }
  .ManufacturersLogoList-imgWrap {
    min-height: 3.75rem;
    line-height: 3.75rem;
    max-width: 7.1875rem;
    margin: 0 auto; }
    @media (min-width: 720px) {
      .ManufacturersLogoList-imgWrap {
        margin: 0 2.91667em; } }
  .ManufacturersLogoList-imgContainer {
    width: 135%;
    border-right: 0.125rem solid #cfcfcf; }
    .ManufacturersLogoList-imgContainer a {
      display: block; }
    .ManufacturersLogoList-imgContainer img {
      width: 75%;
      vertical-align: middle; }
  @media screen and (min-width: 600px) {
    .ManufacturersLogoList-item {
      float: left;
      width: 25%;
      margin-bottom: 1.25rem; }
      .ManufacturersLogoList-item:last-child .ManufacturersLogoList-imgContainer {
        border: none; } }
  @media screen and (min-width: 1024px) {
    .ManufacturersLogoList {
      margin-top: 0.9375rem; } }

.Perk {
  box-shadow: 0 0 0 0.0625rem #d7d7d7;
  position: relative;
  margin-top: 1.25rem; }
  .Perk:first-child {
    margin-top: 0rem; }
  .Perk--unavailable {
    opacity: 0.5;
    pointer-events: none; }
  .Perk-featured, .Perk-soldout {
    color: #fff;
    position: absolute;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  .Perk-featured {
    background-color: #EB1478; }
  .Perk-soldout {
    background-color: #cfcfcf; }
  .Perk-link {
    display: block; }
  .Perk-body {
    padding: 1.875rem 1.25rem 1.25rem; }
  .Perk-amount {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-weight: 600; }
  .Perk-amountMeta {
    display: inline-block;
    line-height: 19px;
    color: #757575; }
  .Perk-label {
    font-size: 16px;
    line-height: 29px; }
  .Perk-description {
    line-height: 19px; }
  .Perk-availability {
    color: #CBC2C2;
    line-height: 19px;
    margin-top: 0.625rem; }
  .Perk-cta {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    display: inline-block;
    cursor: pointer;
    background-color: #EB1478;
    border: 0.125rem solid #EB1478;
    padding: 0.6875rem 1.125rem;
    border-radius: 0.125rem;
    color: #fff;
    text-align: center;
    min-height: 2.5rem; }
  .Perk-delivery {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
    color: #666; }
  .Perk-getIt {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none; }
  .Perk:hover .Perk-getIt {
    display: block; }

.PromoButton {
  padding: 1.25rem 0 1.25rem 1.25rem; }
  .PromoButton h2 {
    margin-top: 0; }
  .PromoButton .Button--bordered.Button--inverted-colors.is-pink {
    border-color: #EB1478; }
  .PromoButton .IndiegogoContacts-disclaimer {
    margin-top: 1.25rem; }
    .PromoButton .IndiegogoContacts-disclaimer-regulation {
      margin-top: 0.625rem; }
    .PromoButton .IndiegogoContacts-disclaimer .IndiegogoContacts-link--disclaimer {
      color: #fff;
      margin-top: 0.3125rem; }

.TrioList-item {
  margin-bottom: 1.25rem;
  display: inline-block;
  width: 100%; }

@media screen and (min-width: 600px) {
  .TrioList-item {
    float: left;
    width: 33.3333%; } }

.MyCart {
  width: 430px;
  height: 0;
  opacity: 0;
  max-width: 88vw;
  position: absolute;
  top: auto;
  right: 0;
  overflow: hidden;
  font-size: 1.16667em;
  text-transform: none;
  background: #fff;
  color: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  white-space: normal;
  z-index: 1;
  display: none; }
  .MyCart-inner {
    padding: 20px;
    border-top: 0; }
  .MyCart-header {
    font-size: 1.28571em;
    font-weight: 800;
    letter-spacing: -0.02em;
    border-bottom: 2px solid #000;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em; }
  .MyCart-products {
    list-style: none;
    margin: 0 0 1em;
    padding: 0; }
  .MyCart-product {
    border-bottom: 2px solid #eee;
    margin: 0 0 0.5em;
    padding: 0.5em 1em 0.75em;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateX(-20px); }
  .MyCart-product-image {
    float: left;
    width: 60px;
    margin: -0.25em 1em -0.25em 0; }
  .MyCart-product-text {
    float: left;
    width: 160px;
    margin-right: 1em;
    word-wrap: break-word; }
  .MyCart-product-numbers {
    float: right;
    width: 111px;
    text-align: right; }
  .MyCart-product-name {
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0069AA;
    text-decoration: underline; }
    .MyCart-product-name:hover {
      color: #0084D5; }
  .MyCart-product-customKitText {
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase; }
  .MyCart-product-manufacturer, .MyCart-product-type {
    font-size: 0.85714em;
    width: 100%; }
  .MyCart-product-manufacturer, .MyCart-product-price, .MyCart-product-quantity {
    display: block; }
  .MyCart-product-quantity {
    overflow: hidden;
    white-space: nowrap; }
  .MyCart-product-price {
    font-weight: 600; }
  .MyCart-product-tier-price {
    text-decoration: line-through; }
  .MyCart-product-tier-discount {
    color: #0069AA; }
  .MyCart-seeAll {
    font-size: 0.85714em;
    text-decoration: underline; }
  .MyCart-buttons {
    list-style: none;
    padding: 0;
    margin: 2em 0 0.25em;
    display: table;
    width: 100%; }
  .MyCart-handlingFee {
    color: #007CCE;
    padding: 10px;
    border: 1px solid #007CCE;
    margin: 10px 0 0 0;
    font-size: 0.875rem; }
  .MyCart-total {
    text-align: left;
    padding-left: 20px;
    max-width: none;
    display: table-cell;
    width: 100%; }
    .MyCart-total:hover {
      background: #000; }
  .MyCart-view {
    display: table-cell;
    white-space: nowrap; }
    .MyCart-view .Button {
      font-weight: 600; }
  .MyCart-continue {
    display: block;
    padding: 18px;
    width: 98%;
    margin: 5px; }
  .MyCart.is-open {
    border-bottom: 1px solid #000;
    opacity: 1;
    display: block;
    z-index: 970; }
    .MyCart.is-open .MyCart-product:nth-of-type(1) {
      transition-delay: 0.4s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(2) {
      transition-delay: 0.5s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(3) {
      transition-delay: 0.6s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(4) {
      transition-delay: 0.7s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(5) {
      transition-delay: 0.8s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(6) {
      transition-delay: 0.9s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(7) {
      transition-delay: 1s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(8) {
      transition-delay: 1.1s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(9) {
      transition-delay: 1.2s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(10) {
      transition-delay: 1.3s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(11) {
      transition-delay: 1.4s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(12) {
      transition-delay: 1.5s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(13) {
      transition-delay: 1.6s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(14) {
      transition-delay: 1.7s;
      opacity: 1;
      transform: translateX(0); }
    .MyCart.is-open .MyCart-product:nth-of-type(15) {
      transition-delay: 1.8s;
      opacity: 1;
      transform: translateX(0); }

.Icon--out {
  font-size: 10px !important; }

.column-left {
  float: left;
  position: relative;
  width: 20px;
  margin: 3px; }

.column-middle {
  float: left;
  position: relative;
  width: 150px;
  margin: 3px; }

.column-right {
  float: left;
  position: relative;
  width: 20px;
  margin: 3px; }

.RichRelevance-ProductPlacement.is-active {
  margin: 0 0 0.9375rem; }
  @media (min-width: 1024px) {
    .RichRelevance-ProductPlacement.is-active {
      margin: 0 0 1.875rem; } }
  .RichRelevance-ProductPlacement.is-active .ResponsiveCarousel-slide .u-gutter-marginBottom {
    margin-bottom: 0; }

body.has-headerTopBar-visible .HeaderTopBar {
  display: block; }

.HeaderTopBar {
  position: relative;
  min-height: 40px;
  height: auto;
  overflow: hidden; }
  @media (min-width: 890px) {
    .HeaderTopBar {
      max-height: 9.375rem; } }
  .HeaderTopBar.is-black {
    background-color: #000; }
  .HeaderTopBar.is-white {
    background-color: #fff; }
  .HeaderTopBar.is-verydarkgrey {
    background-color: #29272a; }
  .HeaderTopBar.is-grey {
    background-color: #757575; }
  .HeaderTopBar.is-red {
    background-color: #E31B23; }
  .HeaderTopBar.is-blue {
    background-color: #009DDC; }
  .HeaderTopBar.is-brightBlue {
    background-color: #0069AA; }
  .HeaderTopBar.is-activeButtonBlue {
    background-color: #004E7F; }
  .HeaderTopBar.is-green {
    background-color: #54B948; }
  .HeaderTopBar.is-orange {
    background-color: #F68A33; }
  .HeaderTopBar.is-purple {
    background-color: #92278f; }
  .HeaderTopBar.is-pink {
    background-color: #EB1478; }
  .HeaderTopBar.is-yellow {
    background-color: #fdbb31; }
  .HeaderTopBar.is-darkgrey {
    background-color: #505050; }
  .HeaderTopBar.is-iotgreen {
    background-color: #009A8C; }
  .HeaderTopBar.is-skyblue {
    background-color: #BFE0F4; }
  .HeaderTopBar.is-black {
    color: #fff; }
  .HeaderTopBar.is-white {
    color: #000; }
  .HeaderTopBar.is-verydarkgrey {
    color: #fff; }
  .HeaderTopBar.is-grey {
    color: #fff; }
  .HeaderTopBar.is-red {
    color: #fff; }
  .HeaderTopBar.is-blue {
    color: #fff; }
  .HeaderTopBar.is-green {
    color: #fff; }
  .HeaderTopBar.is-orange {
    color: #fff; }
  .HeaderTopBar.is-purple {
    color: #fff; }
  .HeaderTopBar.is-pink {
    color: #fff; }
  .HeaderTopBar.is-skyblue {
    color: #BFE0F4; }
  .HeaderTopBar-image {
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 40px;
    margin: 0 auto;
    text-align: center;
    background-image: url("https://static4.arrowelectronics.com.au/img/header-top-bar-background.jpg"); }
    .HeaderTopBar-image h2 {
      font-size: 0.9375rem;
      margin: 0;
      text-transform: uppercase;
      padding: 0.5rem 3.125rem 0 0.5rem; }
  .HeaderTopBar-text {
    position: absolute;
    top: 0;
    text-align: center; }
    .HeaderTopBar-text h2 {
      font-size: 0.9375rem;
      margin: 0;
      padding: 0.4375rem 3.125rem;
      text-transform: uppercase; }
  .HeaderTopBar-closeWrapper {
    position: absolute;
    top: 0.125rem;
    right: 0;
    background-color: transparent;
    width: 2.5rem;
    height: 100%;
    color: #000; }
    .HeaderTopBar-closeWrapper .HeaderTopBar-close {
      border: none;
      font-size: 1.125rem;
      padding: 0.625rem;
      background-color: transparent;
      color: #000;
      top: 0.5rem;
      left: 0.625rem; }
      .HeaderTopBar-closeWrapper .HeaderTopBar-close:focus-visible {
        box-shadow: 0 0 0 0.125rem #7FC1EA;
        outline: 0; }
  .HeaderTopBar-desktop {
    display: none;
    color: #000; }
    @media (min-width: 890px) {
      .HeaderTopBar-desktop {
        display: block;
        text-decoration: underline; } }
    .HeaderTopBar-desktop:focus {
      outline-offset: -0.125rem; }
  .HeaderTopBar-mobile {
    display: block;
    color: #000; }
    @media (min-width: 890px) {
      .HeaderTopBar-mobile {
        display: none; } }

.CsrImpersonationBar {
  height: 4.625rem;
  background: #9C379D; }
  @media (max-width: 889px) {
    .CsrImpersonationBar {
      display: none; } }
  .CsrImpersonationBar-csr-details {
    display: inline-block;
    color: #fff;
    padding: 0.9375rem 0; }
    .CsrImpersonationBar-csr-details .Icon--my-account {
      display: inline-block;
      padding: 0 0.375rem 0 0.125rem; }
      .CsrImpersonationBar-csr-details .Icon--my-account:before {
        font-size: 2.5rem; }
    .CsrImpersonationBar-csr-details-wrapper {
      display: inline-block; }
    .CsrImpersonationBar-csr-details-name {
      font-size: 16px;
      padding: 0.0625rem;
      font-weight: 600; }
    .CsrImpersonationBar-csr-details-role {
      font-size: 16px;
      padding: 0.0625rem;
      font-style: italic; }
  .CsrImpersonationBar-customer {
    display: table;
    padding: 0.25rem 0 0.25rem 0.0625rem; }
  .CsrImpersonationBar-customer-details {
    color: #fff;
    padding-top: 0.0625rem;
    display: inline-block;
    display: table-cell;
    text-align: right; }
  .CsrImpersonationBar-customer-name {
    font-size: 18px;
    padding: 0.125rem;
    font-weight: 600;
    display: inline-block; }
  .CsrImpersonationBar-customer-checkout {
    display: table-cell;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding-top: 0.875rem;
    text-transform: uppercase;
    display: inline-block; }
  .CsrImpersonationBar-customer-account {
    color: #fff;
    font-size: 0.875rem;
    display: inline-block; }
  .CsrImpersonationBar-customer-account-hyphen {
    color: #fff;
    font-size: 16px;
    padding: 0.125rem 0.75rem 0.125rem 0.625rem;
    display: inline-block; }
  .CsrImpersonationBar-customer-email {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-top: 0.1875rem; }
  .CsrImpersonationBar-button-container {
    float: right;
    padding-top: 0.375rem; }
  .CsrImpersonationBar-button {
    background-color: #fff;
    color: #9C379D; }
    .CsrImpersonationBar-button:hover, .CsrImpersonationBar-button:focus {
      background-color: #d7d7d7; }

.CsrImpersonationFormModal {
  font-size: 0.875rem;
  max-width: 31.25rem;
  padding: 0rem; }
  .CsrImpersonationFormModal-header {
    background: #9C379D;
    color: #eee;
    height: 3.75rem;
    padding: 1.125rem 0.625rem;
    border-bottom: 0; }
  .CsrImpersonationFormModal-icon {
    background: #9C379D;
    color: #fff; }
  .CsrImpersonationFormModal-errors {
    display: none;
    color: #E31B23;
    margin-bottom: 1em;
    padding: 0.25rem 0.25rem 0 1rem;
    position: relative;
    line-height: 1.3; }
    .CsrImpersonationFormModal-errors > li {
      padding: 0.25rem 0.25rem 0 1.5rem; }
    .CsrImpersonationFormModal-errors:before {
      font-family: "arrow-icons";
      font-size: 1.25rem;
      content: "\E651";
      position: absolute;
      top: 0.1875rem;
      left: 0;
      padding: 0.25rem 0.25rem 0 1rem; }
  .CsrImpersonationFormModal-intro {
    font-size: 12px;
    font-weight: 600;
    padding: 0.25rem 0.25rem 0 1rem; }
  .CsrImpersonationFormModal .Form-input {
    border: 0.0625rem solid #dedede; }
    .CsrImpersonationFormModal .Form-input.is-invalid {
      border-color: #E31B23;
      margin-bottom: 0; }

.CsrImpersonationForm {
  width: 100%;
  max-width: 28.75rem; }
  .CsrImpersonationForm-emailQuote {
    padding-top: 0.9375rem; }
  .CsrImpersonationForm-list {
    margin: 1.5625rem 0;
    line-height: 1.3; }
    .CsrImpersonationForm-list li {
      margin-bottom: 0.9375rem; }
    .CsrImpersonationForm-list input {
      width: 6.875rem;
      padding: 0.25rem 0.25rem 0 1rem;
      margin: -0.5rem 0;
      text-align: center; }
      .CsrImpersonationForm-list input.is-invalid {
        border-color: #E31B23; }
    .CsrImpersonationForm-list .is-invalid {
      color: #E31B23; }
    .CsrImpersonationForm-list label.is-invalid {
      margin-left: 0.625rem; }
  .CsrImpersonationForm-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0.25rem 0.25rem 0 1rem; }
  .CsrImpersonationForm-container {
    margin: 1em 0 0;
    flex: 0 0 100%; }
    @media (min-width: 600px) {
      .CsrImpersonationForm-container {
        flex-basis: 50%;
        max-width: 50%; }
        .CsrImpersonationForm-container:nth-child(odd) {
          padding-right: 0.3125rem; }
        .CsrImpersonationForm-container:nth-child(even) {
          padding-left: 0.3125rem; }
        .CsrImpersonationForm-container--small {
          flex-basis: 33%;
          max-width: 33%; }
        .CsrImpersonationForm-container--large {
          flex-basis: 67%;
          max-width: 67%; }
        .CsrImpersonationForm-container--full {
          flex-basis: 100%;
          max-width: 100%; }
          .CsrImpersonationForm-container--full:nth-child(odd) {
            padding-right: 0; } }
  .CsrImpersonationForm-buttonContainer {
    margin: 1em 0;
    flex: 0 0 50%;
    max-width: 50%; }
    .CsrImpersonationForm-buttonContainer:nth-child(odd) {
      padding-right: 0.3125rem; }
    .CsrImpersonationForm-buttonContainer:nth-child(even) {
      padding-left: 0.3125rem; }
    .CsrImpersonationForm-buttonContainer .Button--centered {
      max-width: 80%;
      margin: 0 auto;
      display: block;
      width: 100%; }
    .CsrImpersonationForm-buttonContainer .loading {
      font-size: 0;
      pointer-events: none; }
      .CsrImpersonationForm-buttonContainer .loading:before {
        content: ''; }
      .CsrImpersonationForm-buttonContainer .loading > span {
        font-size: 0; }
      .CsrImpersonationForm-buttonContainer .loading:after,
      .CsrImpersonationForm-buttonContainer .loading > span:before,
      .CsrImpersonationForm-buttonContainer .loading > span:after {
        width: 0.875rem;
        height: 0.875rem;
        background: #fff;
        border-radius: 100%;
        display: inline-block;
        content: "";
        vertical-align: baseline;
        animation: threeBounceDelay 1.4s infinite ease-in-out;
        animation-fill-mode: both; }
      .CsrImpersonationForm-buttonContainer .loading > span:before {
        animation-delay: -0.32s;
        margin-right: 0.5rem; }
      .CsrImpersonationForm-buttonContainer .loading > span:after {
        animation-delay: -0.16s;
        margin-right: 0.5rem; }

.Home {
  overflow-x: hidden; }
  .Home .DesignCenter-section {
    margin: 0; }
  .Home .u-grey-background {
    margin-bottom: 2.5rem; }
  @media (max-width: 1024px) {
    .Home .u-gutter-paddingTop {
      padding-top: 0; } }
  @media (min-width: 1024px) {
    .Home .u-grey-background {
      padding-top: 2.5rem;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; }
      .Home .u-grey-background .Content {
        padding: 0; }
    .Home .u-mobile-bg {
      padding-bottom: 1.875rem; }
      .Home .u-mobile-bg .BlackHeader {
        background: transparent; }
        .Home .u-mobile-bg .BlackHeader--keyline-button .Icon--link-arrow, .Home .u-mobile-bg .BlackHeader--keyline-button .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .Home .u-mobile-bg .BlackHeader--keyline-button span {
          display: none; } }

.Sitemap h2 {
  clear: both; }
  .Sitemap h2 .u-textArrow span {
    top: -0.25rem; }

.Sitemap-subHeading {
  font-size: 1.2em;
  padding-top: 0.9375rem;
  clear: both; }

.Sitemap .Icon {
  font-size: .6em; }

.Sitemap-SubCategory > li {
  display: block;
  padding-left: 2%;
  height: 2em;
  float: left;
  width: 50%;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (min-width: 720px) {
    .Sitemap-SubCategory > li {
      width: 33%; } }
  @media (min-width: 1024px) {
    .Sitemap-SubCategory > li {
      width: 25%; } }
  .Sitemap-SubCategory > li a {
    text-decoration: underline; }
  .Sitemap-SubCategory > li ul {
    clear: both; }

.Sitemap-List.u-indent-left {
  padding-left: 1.875rem; }

.Sitemap-List-item {
  margin-bottom: 0.9375rem; }

@media screen and (min-width: 1024px) {
  .Sitemap .u-grid-5:nth-of-type(2n+1),
  .Sitemap .ie-child-1 {
    clear: both; } }

.Faq-container {
  margin-top: 1.25rem; }
  @media (min-width: 1024px) {
    .Faq-container {
      margin-top: 0; } }

.Faq-list {
  margin-top: 1.25rem;
  padding-left: 2.5rem;
  margin-bottom: 1.875rem; }
  @media screen and (max-width: 600px) {
    .Faq-list {
      margin-top: 0;
      padding-left: 0.3125rem;
      margin-top: 1.25rem; } }

/* ==========================================================================


  Typeahead

  Author:     Stephen Zsolnai (http://www.zolla.co.uk)
  Decription: The overlay and wrapper for typeahead that will contain the Categories, Category and Autocomplete views.

========================================================================== */
.Typeahead {
  z-index: 951;
  display: none; }
  .Typeahead:after {
    content: " ";
    display: block;
    clear: both; }
  .Typeahead-inner {
    border-top: solid 0.0625rem #eee;
    padding: 0;
    position: relative;
    bottom: 0.1875rem; }
  .Typeahead-content {
    position: relative;
    top: 1rem; }
  .Typeahead-content-filter {
    margin-left: 10.9375rem;
    position: relative;
    top: 1rem; }
    @media (max-width: 719px) {
      .Typeahead-content-filter {
        margin-left: 0rem; } }
    @media (max-width: 1023px) {
      .Typeahead-content-filter {
        top: 7.8125rem; } }
  .Typeahead-new-indicator {
    color: #9C379D;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px; }
  .Typeahead-sponsored {
    color: #757575;
    font-size: 12px; }
  .Typeahead .Icon--component-new {
    color: #E31B23; }
  .Typeahead.is-visible {
    display: block; }

.Typeahead {
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  transform: translateY(-3.625rem); }
  @media (min-width: 1024px) {
    .Typeahead-inner {
      margin-left: 10rem;
      margin-right: 34%; } }
  .TypeaheadAutocomplete {
    margin-top: 0;
    border-radius: 0 0 0.4375rem 0.4375rem;
    display: none;
    padding: 0 0.3125rem; }
    .TypeaheadAutocomplete.is-visible {
      display: block;
      background: #fff;
      position: relative;
      z-index: 1; }
      @media (max-width: 1023px) and (min-width: 720px) {
        .TypeaheadAutocomplete.is-visible {
          margin-left: 10%; } }
      @media (min-width: 1024px) {
        .TypeaheadAutocomplete.is-visible {
          margin-top: -1rem; } }
    .TypeaheadAutocomplete-heading {
      font-weight: 600;
      font-size: 11px;
      padding-left: 0.5rem;
      text-transform: uppercase; }
    .TypeaheadAutocomplete-results {
      padding: 1.0625rem 0 1.0625rem 0; }
      .TypeaheadAutocomplete-results li {
        margin: 0;
        padding: 0;
        animation: fade-in .5s ease; }
        .TypeaheadAutocomplete-results li:not(.TypeaheadAutocomplete-result):not(:first-of-type) {
          padding-top: 15px; }
      .TypeaheadAutocomplete-results a {
        color: #000;
        display: block;
        padding: 0.25rem 0.5rem; }
      .TypeaheadAutocomplete-results a {
        font-size: 0.10417em; }
      .TypeaheadAutocomplete-results .TypeaheadAutocomplete-referenceDesign a {
        text-transform: lowercase;
        padding-left: 20px;
        font-weight: 600;
        font-size: 12px;
        color: #757575; }
      .TypeaheadAutocomplete-results .TypeaheadAutocomplete-noResultsMessageHeading {
        font-size: 1.25rem;
        font-style: italic;
        padding: 0.25rem 0.5rem 1.25rem 0.5rem;
        color: #757575;
        display: block; }
      .TypeaheadAutocomplete-results .TypeaheadAutocomplete-noResultsMessage[data-typeahead-no-results] ul li {
        padding-top: 0; }
      .TypeaheadAutocomplete-results .TypeaheadAutocomplete-noResultsMessage a:hover span {
        color: #fff; }
      .TypeaheadAutocomplete-results .TypeaheadAutocomplete-noResultsMessage a span {
        display: inline-block;
        font-size: 0.375rem;
        vertical-align: middle;
        padding: 0.3125rem 0; }
      .TypeaheadAutocomplete-results a {
        font-size: 16px;
        font-weight: 200;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .TypeaheadAutocomplete-results li.is-active a,
      .TypeaheadAutocomplete-results a:hover {
        color: #fff;
        background-color: #000; }
        .TypeaheadAutocomplete-results li.is-active a span,
        .TypeaheadAutocomplete-results a:hover span {
          color: #fff; }

a.ProductLanding-tabbedContent {
  background: #eee;
  clear: both;
  padding-top: 1.25rem; }
  a.ProductLanding-tabbedContent .Categories--products .SubCategories:before {
    background: #fff; }
  a.ProductLanding-tabbedContent .Categories--products .SubCategories-inner:before {
    border-color: transparent transparent #fff transparent; }

a.ProductLanding .Categories-header {
  display: none; }

a.ProductLanding .Categories--products .Categories-items {
  border-top: 0; }

a.ProductLanding-manufacturers {
  padding: 1.25rem 0 0; }
  a.ProductLanding-manufacturers .BlackHeader--keyline {
    margin-bottom: 0; }

a.ProductLanding-nav {
  position: relative; }

a.ProductLanding .Icon--star--active {
  color: #E31B23; }

a.ProductLanding .Icon--star--inactive {
  color: #d7d7d7; }

@media (max-width: 1023px) {
  a.ProductLanding-header .Content {
    padding: 0; }
    a.ProductLanding-header .Content [class*="u-grid"] {
      margin-bottom: 0; } }

@media (min-width: 1024px) {
  a.ProductLanding .u-gutter-paddingTop {
    padding-top: 0; }
  a.ProductLanding .CounterCarousel {
    margin-bottom: 1.66667em; }
  a.ProductLanding .CounterCarousel-slide {
    margin-bottom: 0.125rem; } }

.ProductLanding {
  display: flex;
  flex-flow: row wrap; }
  .ProductLanding-tabbedContent {
    order: -1;
    width: 100%; }
    @media (max-width: 890px) {
      .ProductLanding-tabbedContent-tabs {
        display: block;
        flex-flow: column; }
        .ProductLanding-tabbedContent-tabs .Content {
          order: 0; }
        .ProductLanding-tabbedContent-tabs .BlackHeader:first-of-type {
          order: 3; }
        .ProductLanding-tabbedContent-tabs .BlackHeader:last-of-type {
          order: 1; }
        .ProductLanding-tabbedContent-tabs #tab-1 {
          order: 4;
          bottom: 0rem; }
        .ProductLanding-tabbedContent-tabs #tab-2 {
          order: 2;
          padding-bottom: 0.625rem;
          bottom: 3.125rem; } }
  .ProductLanding-nav {
    position: relative; }
  .ProductLanding-header {
    order: 2;
    width: 100%; }
  .ProductLanding .Content {
    order: 1;
    width: 100%; }
  .ProductLanding .Embedded-search {
    order: 0;
    width: 100%; }

@media (min-width: 720px) {
  .JumpTo--productLine--boxes {
    padding-top: 1.66667em; } }

.JumpTo--productLine--boxes .JumpTo-productLine-title {
  display: block;
  float: left;
  margin-bottom: 1.66667em;
  margin-top: 0.41667em;
  margin-right: 1.66667em;
  width: 100%; }
  @media (min-width: 720px) {
    .JumpTo--productLine--boxes .JumpTo-productLine-title {
      margin-bottom: 0;
      width: auto; } }
  .JumpTo--productLine--boxes .JumpTo-productLine-title h3 {
    margin-bottom: .5em;
    font-weight: 600; }
    @media (min-width: 720px) {
      .JumpTo--productLine--boxes .JumpTo-productLine-title h3 {
        margin: 0; } }

.JumpTo--productLine--boxes .JumpTo-productLine-item {
  float: left;
  margin-bottom: 1.66667em; }
  .JumpTo--productLine--boxes .JumpTo-productLine-item.is-visible {
    width: 50%; }
    @media (min-width: 600px) {
      .JumpTo--productLine--boxes .JumpTo-productLine-item.is-visible {
        width: 25%; } }
    @media (min-width: 720px) {
      .JumpTo--productLine--boxes .JumpTo-productLine-item.is-visible {
        width: 15%; } }
  @media (min-width: 720px) {
    .JumpTo--productLine--boxes .JumpTo-productLine-item {
      margin-left: 0;
      margin-right: 0.83333em; } }
  .JumpTo--productLine--boxes .JumpTo-productLine-item-title {
    display: block;
    font-weight: 600;
    font-size: 1.16667em;
    line-height: 1.2;
    padding: 0 0.41667em 0 0.41667em;
    text-align: center;
    height: 2.8em;
    max-width: 8.33333em;
    margin: 0 auto;
    border-bottom: 0.125rem solid #fff; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-black .JumpTo-productLine-item-title {
  border-color: #000; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-white .JumpTo-productLine-item-title {
  border-color: #fff; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-verydarkgrey .JumpTo-productLine-item-title {
  border-color: #29272a; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-grey .JumpTo-productLine-item-title {
  border-color: #757575; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-red .JumpTo-productLine-item-title {
  border-color: #E31B23; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-blue .JumpTo-productLine-item-title {
  border-color: #009DDC; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-brightBlue .JumpTo-productLine-item-title {
  border-color: #0069AA; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-activeButtonBlue .JumpTo-productLine-item-title {
  border-color: #004E7F; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-green .JumpTo-productLine-item-title {
  border-color: #54B948; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-orange .JumpTo-productLine-item-title {
  border-color: #F68A33; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-purple .JumpTo-productLine-item-title {
  border-color: #92278f; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-pink .JumpTo-productLine-item-title {
  border-color: #EB1478; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-yellow .JumpTo-productLine-item-title {
  border-color: #fdbb31; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-darkgrey .JumpTo-productLine-item-title {
  border-color: #505050; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-iotgreen .JumpTo-productLine-item-title {
  border-color: #009A8C; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-skyblue .JumpTo-productLine-item-title {
  border-color: #BFE0F4; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-white a:hover .JumpTo-productLine-item-title {
  border-color: #e6e6e6; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-verydarkgrey a:hover .JumpTo-productLine-item-title {
  border-color: #0f0e10; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-grey a:hover .JumpTo-productLine-item-title {
  border-color: #bebebe; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-red a:hover .JumpTo-productLine-item-title {
  border-color: #b5161c; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-blue a:hover .JumpTo-productLine-item-title {
  border-color: #0079a9; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-brightBlue a:hover .JumpTo-productLine-item-title {
  border-color: #0084D5; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-green a:hover .JumpTo-productLine-item-title {
  border-color: #439539; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-orange a:hover .JumpTo-productLine-item-title {
  border-color: #ec6f0a; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-purple a:hover .JumpTo-productLine-item-title {
  border-color: #6a1c68; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-pink a:hover .JumpTo-productLine-item-title {
  border-color: #bc1060; }

.JumpTo.JumpTo--productLine--boxes .JumpTo-productLine-item.is-yellow a:hover .JumpTo-productLine-item-title {
  border-color: #f9a902; }

.ManuHeader {
  display: block;
  margin: 3.33333em 0; }
  .ManuHeader-info-heading {
    font-size: 2em;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0.83333em; }
    @media (min-width: 720px) {
      .ManuHeader-info-heading {
        font-size: 3.66667em;
        margin-bottom: 0.45455em; } }
  .ManuHeader-info-paragraph {
    font-size: 1.25em; }
    @media (min-width: 720px) {
      .ManuHeader-info-paragraph {
        font-size: 1.5em; } }
    @media (min-width: 1024px) {
      .ManuHeader-info-paragraph {
        font-size: 1.83333em; } }
    .ManuHeader-info-paragraph--small {
      font-size: 1em; }
    .ManuHeader-info-paragraph + .ManuHeader-info-paragraph {
      margin-top: 1.25em; }
      @media (min-width: 720px) {
        .ManuHeader-info-paragraph + .ManuHeader-info-paragraph {
          margin-top: 1.66667em; } }
  .ManuHeader-info p + p {
    margin-top: 1.25rem; }
  .ManuHeader-totals {
    border-bottom: 0.125rem solid #000;
    display: block;
    margin-top: 2.5em;
    width: 100%; }
    @media (min-width: 720px) {
      .ManuHeader-totals {
        border-bottom: none; } }
  .ManuHeader-total {
    border-top: 0.125rem solid #000;
    display: block;
    padding: 1.66667em 0 1.66667em 0; }
    @media (min-width: 720px) {
      .ManuHeader-total {
        float: left;
        border-bottom: 0.125rem solid #000;
        width: 47%; }
        .ManuHeader-total:last-child {
          float: right; } }
    .ManuHeader-total .Icon {
      float: left;
      font-size: 3.33333em;
      margin-right: 0.66667em;
      min-width: 3.125rem; }
      @media (min-width: 1024px) {
        .ManuHeader-total .Icon {
          display: block;
          float: none;
          font-size: 5em;
          text-align: center;
          width: 100%; } }
    .ManuHeader-total-num {
      float: left;
      font-size: 3.16667em;
      line-height: 1em;
      font-weight: 800; }
      @media (min-width: 1024px) {
        .ManuHeader-total-num {
          display: block;
          float: none;
          font-size: 4.16667em;
          margin-bottom: 0.4em;
          margin-top: 0.2em;
          text-align: center;
          width: 100%; } }
    .ManuHeader-total-desc {
      float: left;
      margin-left: 1em;
      font-size: 1.25em;
      font-weight: 800;
      text-transform: uppercase;
      width: 50%; }
      @media (min-width: 1024px) {
        .ManuHeader-total-desc {
          display: block;
          margin-left: 0;
          text-align: center;
          width: 100%; } }
      .ManuHeader-total-desc-new {
        background: #E31B23;
        border-radius: 1.875rem;
        color: #fff;
        display: inline-block;
        font-size: 0.93333em;
        font-weight: 600;
        letter-spacing: 0.063rem;
        margin-bottom: 0.313rem;
        padding: 0.28571em 0.57143em; }
        @media (min-width: 1024px) {
          .ManuHeader-total-desc-new {
            position: relative;
            top: -0.25rem; } }
      .ManuHeader-total-desc-title {
        font-weight: normal;
        height: 1.875rem; }

.ManufacturersTabs {
  margin-bottom: 2.5rem; }
  .ManufacturersTabs-header {
    color: #fff;
    font-weight: 800;
    padding: 0.90909em 0;
    position: relative; }
    @media (min-width: 720px) {
      .ManufacturersTabs-header {
        padding: 1.13636em 0; } }
    .ManufacturersTabs-header-text {
      font-size: 1.83333em;
      margin: 0rem;
      letter-spacing: 0em;
      line-height: 1.9375rem; }
  .ManufacturersTabs-nav {
    background: #000;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative; }
    @media (min-width: 1024px) {
      .ManufacturersTabs-nav {
        overflow: visible; } }
    .ManufacturersTabs-nav .mobile-nav {
      height: 5.9375rem; }
    .ManufacturersTabs-nav ul {
      display: table-row;
      white-space: nowrap; }
      @media (min-width: 1024px) {
        .ManufacturersTabs-nav ul {
          white-space: normal;
          display: inline-block; } }
  .ManufacturersTabs-tab {
    display: table-cell;
    position: relative; }
    @media (min-width: 1024px) {
      .ManufacturersTabs-tab {
        display: inline-block; } }
    .ManufacturersTabs-tab-line:after {
      background: #29272a;
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      right: -0.125rem;
      width: 0.0625rem; }
    .ManufacturersTabs-tab-link, .ManufacturersTabs-tab-no-link {
      color: #fff;
      display: inline-block;
      font-weight: 600;
      font-size: 14px;
      min-width: 2.75rem;
      padding: 0.78571em 0.71429em;
      text-align: center;
      text-transform: uppercase;
      transition: all 0.45s;
      vertical-align: middle; }
      @media (min-width: 720px) {
        .ManufacturersTabs-tab-link, .ManufacturersTabs-tab-no-link {
          padding: 0.78571em 0.71429em; } }
      @media (min-width: 1024px) {
        .ManufacturersTabs-tab-link, .ManufacturersTabs-tab-no-link {
          min-width: 0;
          padding: 0.78571em 0.3125rem 0.78571em 0.375rem; } }
      @media (min-width: 1240px) {
        .ManufacturersTabs-tab-link, .ManufacturersTabs-tab-no-link {
          min-width: 0;
          padding: 0.78571em 0.625rem; } }
      .ManufacturersTabs-tab-link--is-icon, .ManufacturersTabs-tab-no-link--is-icon {
        padding: 0.57143em 0.625remx; }
      .ManufacturersTabs-tab-link--is-selected, .ManufacturersTabs-tab-no-link--is-selected {
        background: #004E7F; }
      .ManufacturersTabs-tab-link-is-empty, .ManufacturersTabs-tab-no-link-is-empty {
        color: #666;
        pointer-events: none; }
      .ManufacturersTabs-tab-link .Icon, .ManufacturersTabs-tab-no-link .Icon {
        font-size: 1.3125rem;
        pointer-events: none; }
      .ManufacturersTabs-tab-link.sub-menu-link:before, .ManufacturersTabs-tab-no-link.sub-menu-link:before {
        content: attr(data-value);
        display: block; }
    .ManufacturersTabs-tab-link:hover {
      background-color: #0069AA; }
    .ManufacturersTabs-tab-link:focus-visible {
      outline-offset: -0.1875rem; }
    .ManufacturersTabs-tab.line-cards {
      margin-right: 18em; }
    .ManufacturersTabs-tab > .ManufacturersTabs-tab-link-sub-menu {
      display: none;
      position: absolute;
      background: black;
      z-index: 30; }
    .ManufacturersTabs-tab:hover > .ManufacturersTabs-tab-link-sub-menu,
    .ManufacturersTabs-tab:focus > .ManufacturersTabs-tab-link-sub-menu {
      min-width: 9.6875rem;
      display: flex; }
  .ManufacturersTabs-footer {
    margin-bottom: 8.33333em;
    margin-top: 8.33333em; }
    .ManufacturersTabs-footer-heading {
      background: #000;
      color: #fff;
      font-size: 1.25em;
      margin: 0 auto;
      padding: 0.66667em 3.33333em; }

.ManufacturersTabs-results-section {
  display: none; }
  .ManufacturersTabs-results-section--is-active {
    display: block; }

.ManufacturersTabs-results-item-link {
  display: none; }
  .u-showCount-all .ManufacturersTabs-results-item-link--all {
    display: block; }
  .u-showCount-interactive .ManufacturersTabs-results-item-link--interactive {
    display: block; }

.ManufacturersTabs-results {
  position: relative;
  min-height: 2.5em;
  margin-top: 2.5em; }
  @media (min-width: 1024px) {
    .ManufacturersTabs-results {
      padding: 0; } }
  .ManufacturersTabs-results-icons {
    color: #757575;
    right: 0.83333em;
    top: 1.66667em;
    position: absolute; }
    .ManufacturersTabs-results-icons--is-active {
      color: #000; }
    .ManufacturersTabs-results-icons .Icon {
      font-size: 1.66667em;
      margin-left: 0.25em;
      cursor: pointer;
      border: none;
      background: none; }
    .ManufacturersTabs-results-icons .js-ManufacturersTabs-gridView:focus, .ManufacturersTabs-results-icons .js-ManufacturersTabs-listView:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-header {
    border-top: 0.125rem solid #000;
    padding-top: 3em;
    margin-top: 2.5em; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-heading {
    float: left;
    font-size: 1.83333em;
    margin-bottom: 0.90909em; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-heading-text {
      font-weight: 800;
      font-size: 1.01em;
      display: Inline;
      letter-spacing: -0.01em;
      line-height: 1.938rem; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item {
    cursor: pointer;
    display: block;
    margin-bottom: 1.66667em;
    position: relative;
    width: 100%; }
    @media (min-width: 720px) and (max-width: 1024px) {
      .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item {
        margin-right: 2%;
        padding-right: 3%;
        float: left;
        width: 48%; } }
    @media (min-width: 1024px) {
      .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item {
        margin-right: 2%;
        padding-right: 3%;
        float: left;
        width: 18%;
        height: 4em; } }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-image {
      display: none; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-text {
      font-weight: 600;
      font-size: 1.16667em;
      line-height: 1.25;
      max-height: 1.25em;
      margin-right: 0.35714em;
      overflow: hidden;
      display: block; }
      @media (min-width: 1024px) {
        .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-text {
          max-height: 2.5em; } }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-link {
      font-weight: 600;
      font-size: 1.16667em;
      line-height: 1.25;
      max-height: 1.25em;
      margin-right: 0.35714em;
      overflow: hidden;
      display: block;
      text-decoration: underline;
      color: #0069AA; }
      @media (min-width: 1024px) {
        .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-link {
          max-height: 2.5em; } }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-link:hover {
        color: #0084D5; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-num {
      display: block;
      font-size: 1.16667em;
      float: left;
      max-height: 1.25em;
      overflow: hidden;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-list .ManufacturersTabs-results-item-new {
      background: #E31B23;
      border-radius: 1.875rem;
      color: #fff;
      display: inline-block;
      font-size: 0.75em;
      float: left;
      font-weight: 600;
      letter-spacing: 0.063rem;
      margin-right: 0.313rem;
      padding: 1.125rem 0.25rem;
      text-transform: uppercase; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-header {
    border-bottom: 0.0625rem solid #CBC2C2;
    margin-top: 2.5em; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-heading {
    float: left;
    font-size: 1.83333em;
    margin-bottom: 0.90909em; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-heading-text {
      font-weight: 800; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-listGrid {
    border-left: 0.0625rem solid #CBC2C2; }
  .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item {
    border-bottom: 0.0625rem solid #CBC2C2;
    border-right: 0.0625rem solid #CBC2C2;
    border-top: 0.0625rem solid #CBC2C2;
    cursor: pointer;
    display: block;
    font-weight: 600;
    line-height: 1.25;
    height: 6.25em;
    overflow: hidden;
    padding: 1.25em;
    position: relative;
    transition: background 0.45s; }
    @media (min-width: 720px) {
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item {
        width: 50%;
        float: left; } }
    @media (min-width: 1024px) {
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item {
        width: 20%; } }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:after {
      background: #E31B23;
      bottom: 0;
      content: "";
      left: -0.0625rem;
      height: 200%;
      position: absolute;
      top: 0;
      transition: width 0.45s;
      width: 0; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:hover {
      background: #000; }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:hover:after {
        width: 0.83333em; }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:hover .ManufacturersTabs-results-item-image {
        display: none; }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:hover .ManufacturersTabs-results-item-text {
        color: #fff;
        display: block;
        max-height: 2.5em;
        overflow: hidden; }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:hover .ManufacturersTabs-results-item-num {
        color: #fff;
        display: block; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-num {
      display: none; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-text {
      display: none; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-new {
      background: #E31B23;
      border-radius: 1.875rem;
      color: #fff;
      display: inline-block;
      font-size: 0.75em;
      float: left;
      font-weight: 600;
      letter-spacing: 0.0625rem;
      margin-right: 0.3125rem;
      padding: 0.125rem 0.25rem;
      text-transform: uppercase;
      right: 0;
      top: 0.3125rem;
      text-align: right;
      position: absolute; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-image {
      height: 100%;
      text-align: center;
      width: 100%; }
      .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-image img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto; }
    .ManufacturersTabs-results.ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: 0; }

.JumpTo-item {
  width: 0;
  opacity: 0;
  transition: opacity 500ms; }
  .JumpTo-item.is-visible {
    opacity: 1;
    width: auto; }
    .JumpTo-item.is-visible a {
      cursor: pointer; }
  .JumpTo-item.is-hidden {
    display: none; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-black .JumpTo-item-title {
    border-color: #000; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-white .JumpTo-item-title {
    border-color: #fff; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-verydarkgrey .JumpTo-item-title {
    border-color: #29272a; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-grey .JumpTo-item-title {
    border-color: #757575; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-red .JumpTo-item-title {
    border-color: #E31B23; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-blue .JumpTo-item-title {
    border-color: #009DDC; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-brightBlue .JumpTo-item-title {
    border-color: #0069AA; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-activeButtonBlue .JumpTo-item-title {
    border-color: #004E7F; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-green .JumpTo-item-title {
    border-color: #54B948; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-orange .JumpTo-item-title {
    border-color: #F68A33; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-purple .JumpTo-item-title {
    border-color: #92278f; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-pink .JumpTo-item-title {
    border-color: #EB1478; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-yellow .JumpTo-item-title {
    border-color: #fdbb31; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-darkgrey .JumpTo-item-title {
    border-color: #505050; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-iotgreen .JumpTo-item-title {
    border-color: #009A8C; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-skyblue .JumpTo-item-title {
    border-color: #BFE0F4; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-white a:hover .JumpTo-item-title {
    border-color: #e6e6e6; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-verydarkgrey a:hover .JumpTo-item-title {
    border-color: #0f0e10; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-grey a:hover .JumpTo-item-title {
    border-color: #bebebe; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-red a:hover .JumpTo-item-title {
    border-color: #b5161c; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-blue a:hover .JumpTo-item-title {
    border-color: #0079a9; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-brightBlue a:hover .JumpTo-item-title {
    border-color: #0084D5; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-green a:hover .JumpTo-item-title {
    border-color: #439539; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-orange a:hover .JumpTo-item-title {
    border-color: #ec6f0a; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-purple a:hover .JumpTo-item-title {
    border-color: #6a1c68; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-pink a:hover .JumpTo-item-title {
    border-color: #bc1060; }
  .JumpTo.JumpTo--boxes .JumpTo-item.is-yellow a:hover .JumpTo-item-title {
    border-color: #f9a902; }

.JumpTo-title {
  display: block;
  float: left;
  margin-bottom: 1.66667em;
  margin-top: 1.25em;
  margin-right: 1.66667em;
  width: 100%; }
  @media (min-width: 720px) {
    .JumpTo-title {
      margin-bottom: 0;
      width: auto; } }
  .JumpTo-title h3 {
    margin-bottom: .5em;
    font-weight: 600; }
    @media (min-width: 720px) {
      .JumpTo-title h3 {
        margin: 0; } }

@media (min-width: 720px) {
  .JumpTo--boxes {
    padding-top: 3.33333em; } }

.JumpTo-item {
  float: left;
  margin-bottom: 1.66667em; }
  .JumpTo-item.is-visible {
    width: 50%; }
    @media (min-width: 600px) {
      .JumpTo-item.is-visible {
        width: 25%; } }
    @media (min-width: 720px) {
      .JumpTo-item.is-visible {
        width: 8.33333em; } }
  @media (min-width: 720px) {
    .JumpTo-item {
      margin-left: 0;
      margin-right: 0.83333em; } }
  .JumpTo-item-title {
    display: block;
    font-weight: 600;
    font-size: 1.16667em;
    line-height: 1.2;
    padding: 0 0.41667em 0 0.41667em;
    text-align: center;
    height: 3.8em;
    max-width: 8.33333em;
    margin: 0 auto;
    border-bottom: 0.125rem solid #fff; }
  .JumpTo-item-icon {
    display: block;
    text-align: center;
    max-width: 8.33333em;
    margin: 0 auto; }
    .JumpTo-item-icon .Icon {
      font-size: 2.5em;
      height: 1.5em;
      display: block; }
    .JumpTo-item-icon-image {
      height: 2.625rem;
      padding-bottom: 0.625rem; }
  .JumpTo-item a:hover .JumpTo-item-title {
    color: #e6e6e6;
    border-color: #e6e6e6; }
  .JumpTo-item a:hover .JumpTo-item-icon {
    color: #e6e6e6; }

.JumpTo.this--fit5 .JumpTo-item.is-visible {
  width: 18%;
  margin-right: 2.5%; }

.JumpTo.this--fit5 .JumpTo-item.is-visible.is-fixed {
  width: 8.33333em; }

.JumpTo.this--fit5 .JumpTo-item:last-child {
  margin-right: 0; }

.RefDrawerTabs-results-section {
  display: none; }
  .RefDrawerTabs-results-section--is-active {
    display: block; }

.RefDrawerTabs-count {
  display: none; }
  .u-showCount-all .RefDrawerTabs-count--all {
    display: block;
    visibility: visible; }
  .u-showCount-interactive .RefDrawerTabs-count--interactive {
    display: block;
    visibility: visible; }

.RefDrawerTabs-results {
  position: relative; }
  .RefDrawerTabs-results-listGrid {
    border-left: 0.0625rem solid #d7d7d7;
    border-top: 0.0625rem solid #d7d7d7; }
  .RefDrawerTabs-results-item {
    box-sizing: content-box;
    display: block;
    position: relative;
    transition: background 0.15s; }
    .RefDrawerTabs-results-item:hover {
      cursor: pointer; }
    @media (min-width: 720px) {
      .RefDrawerTabs-results-item {
        float: left;
        width: 25%; } }
    .RefDrawerTabs-results-item-block {
      border: none;
      border-right: 0.0625rem solid #d7d7d7;
      border-bottom: 0.0625rem solid #d7d7d7;
      font-weight: 600;
      background-color: #fff;
      width: 100%;
      font-size: 1em;
      line-height: 1.25;
      overflow: hidden;
      height: 6.25em;
      padding: 1.25em;
      position: relative;
      transition: padding 0.45s ease-out; }
      @media (min-width: 720px) {
        .RefDrawerTabs-results-item-block {
          height: 7em; } }
      @media (min-width: 1024px) {
        .RefDrawerTabs-results-item-block {
          height: 7.5em; } }
      .RefDrawerTabs-results-item-block:after {
        background: #0069AA;
        bottom: 0;
        content: "";
        left: -0.0625rem;
        height: 200%;
        position: absolute;
        top: 0;
        transition: width 0.45s ease-out;
        width: 0; }
      .RefDrawerTabs-results-item-block:focus {
        outline: none;
        border: 0.1875rem solid #7FC1EA; }
      .RefDrawerTabs-results-item-block:hover {
        padding: 1.25em 1.25em 1.25em 2.5em; }
        .RefDrawerTabs-results-item-block:hover:after {
          width: 1.08333em; }
    .RefDrawerTabs-results-item.is-visible {
      background: #000; }
      .RefDrawerTabs-results-item.is-visible .RefDrawerTabs-results-item-block {
        background-color: #000; }
      .RefDrawerTabs-results-item.is-visible .RefDrawerTabs-drawer {
        display: block;
        max-height: none; }
      @media (min-width: 890px) {
        .RefDrawerTabs-results-item.is-visible .RefDrawerTabs-drawer {
          max-height: 312.5rem; } }
    .RefDrawerTabs-results-item-text {
      display: block;
      font-weight: 600;
      font-size: 0.875rem;
      max-height: 2.5em;
      overflow: hidden;
      transition: color 0.45s;
      margin-bottom: 0.3125rem; }
      @media (min-width: 720px) {
        .RefDrawerTabs-results-item-text {
          font-size: 1.25em; } }
      @media (min-width: 1024px) {
        .RefDrawerTabs-results-item-text {
          font-size: 1.33333em; } }
      .RefDrawerTabs-results-item.is-visible .RefDrawerTabs-results-item-text {
        color: #fff; }
    .RefDrawerTabs-results-item-num {
      color: #666;
      content: "";
      font-weight: normal;
      font-size: 1em;
      height: 1.25em;
      overflow: hidden;
      transition: color 0.45s; }
      .RefDrawerTabs-results-item.is-visible .RefDrawerTabs-results-item-num {
        color: #CBC2C2; }

.RefDrawerTabs-drawer {
  display: none;
  box-sizing: content-box;
  background: #29272a;
  background: linear-gradient(to bottom, #0f0e10 0%, #29272a 2.6875rem, #29272a 100%);
  margin-left: 0%;
  margin-top: -0.0625rem;
  max-height: 0;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-in-out;
  width: 100%;
  z-index: 1; }
  @media (min-width: 720px) {
    .RefDrawerTabs-drawer {
      width: 400%; } }
  .RefDrawerTabs-drawer-item {
    position: relative; }
    @media (min-width: 720px) {
      .RefDrawerTabs-drawer-item {
        float: left;
        width: 25%;
        padding: 0.5em; } }
    .RefDrawerTabs-drawer-item-block {
      border: 0.0625rem red;
      display: none;
      visibility: hidden;
      font-weight: 600;
      font-size: 1em;
      line-height: 1.25;
      overflow: hidden;
      height: 6.25em;
      padding: 1.25em;
      outline: none;
      position: relative; }
      @media (min-width: 720px) {
        .RefDrawerTabs-drawer-item-block {
          height: 7em; } }
      @media (min-width: 1024px) {
        .RefDrawerTabs-drawer-item-block {
          height: 7.5em; } }
      .RefDrawerTabs-drawer-item-block:hover {
        background-color: #0084D5;
        color: #fff; }
      .RefDrawerTabs-drawer-item-block:focus {
        box-shadow: 0 0 0 0.1875rem #7FC1EA;
        color: #fff; }
    .RefDrawerTabs-drawer-item-text {
      color: #fff;
      display: block;
      font-weight: 600;
      font-size: 1.16667em;
      max-height: 2.5em;
      overflow: hidden;
      transition: color 0.3s ease-in; }
      @media (min-width: 720px) {
        .RefDrawerTabs-drawer-item-text {
          font-size: 1.16667em;
          margin-bottom: 0.3125rem; } }
      @media (min-width: 1024px) {
        .RefDrawerTabs-drawer-item-text {
          font-size: 1.33333em; } }
    .RefDrawerTabs-drawer-item-num {
      color: #CBC2C2;
      content: "";
      display: block;
      font-weight: normal;
      font-size: 1em;
      height: 1.25em;
      overflow: hidden;
      transition: color 0.3s ease-in; }

@media (min-width: 720px) {
  .RefDrawerTabs-results-item:nth-child(4n+2) .RefDrawerTabs-drawer {
    margin-left: -100%; }
  .RefDrawerTabs-results-item:nth-child(4n+3) .RefDrawerTabs-drawer {
    margin-left: -200%; }
  .RefDrawerTabs-results-item:nth-child(4n+4) .RefDrawerTabs-drawer {
    margin-left: -300%; }
  .RefDrawerTabs-results-item:nth-child(4n+5) {
    clear: left; } }

.ReferenceDesigns-Browse {
  margin-bottom: 1.66667em;
  margin-top: 2.5rem; }
  @media (max-width: 1024px) {
    .ReferenceDesigns-Browse {
      margin-top: 0;
      padding: 0; } }

.ReferenceDesigns-Browse-container {
  margin-bottom: 0; }

.ReferenceDesign-browseTab {
  display: none; }
  .ReferenceDesign-browseTab.is-active {
    display: block; }

fieldset {
  border: none; }

legend {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: -webkit-fill-available; }

.ReferenceDesigns-Browse-bar {
  background: #000;
  color: #fff; }
  .ReferenceDesigns-Browse-bar.u-grid-2 {
    margin-bottom: 0;
    padding-bottom: 0.625rem; }
  @media (min-width: 720px) {
    .ReferenceDesigns-Browse-bar {
      padding: 1.25em; } }
  @media (min-width: 1024px) {
    .ReferenceDesigns-Browse-bar {
      padding: 0;
      height: 100%; } }
  .ReferenceDesigns-Browse-bar .ReferenceDesigns-Browse-bar-wrapper {
    padding-left: 1.25em;
    padding-right: 1.25em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .ReferenceDesigns-Browse-bar .ReferenceDesigns-Browse-bar-wrapper {
        padding: 0; } }
  @media (min-width: 720px) and (max-width: 1023px) {
    .ReferenceDesigns-Browse-bar .ReferenceDesigns-Browse-bar-wrapper.CustomInputWrapper {
      width: auto; } }
  @media (min-width: 720px) and (max-width: 1023px) {
    .ReferenceDesigns-Browse-bar-title {
      display: none; } }
  .ReferenceDesigns-Browse-bar h2 {
    letter-spacing: 0;
    font-size: 1.33333em;
    background-color: #29272a;
    margin: 0 0 0.9375em;
    font-weight: 600; }
    .ReferenceDesigns-Browse-bar h2 .ReferenceDesigns-Browse-bar-wrapper {
      padding: 0.625em 0.9375em; }
  .ReferenceDesigns-Browse-bar-filterButtonContainer {
    padding-bottom: 1.25em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .ReferenceDesigns-Browse-bar-filterButtonContainer {
        width: 74.4186%;
        float: left;
        margin-right: 2.32558%; } }
    @media (min-width: 1024px) {
      .ReferenceDesigns-Browse-bar-filterButtonContainer {
        margin-bottom: 3.33333em; } }
    @media (min-width: 720px) {
      .ReferenceDesigns-Browse-bar-filterButtonContainer {
        padding-bottom: 0; }
        .ReferenceDesigns-Browse-bar-filterButtonContainer select {
          display: none; } }
    .ReferenceDesigns-Browse-bar-filterButtonContainer .CustomSelectWrapper select {
      background-color: #29272a;
      padding: 0.85714em; }
    .ReferenceDesigns-Browse-bar-filterButtonContainer .CustomSelectWrapper .Icon--dropdown {
      top: 1.25em;
      right: 1em; }
  .ReferenceDesigns-Browse-bar-filterButton {
    font-weight: 800;
    font-size: 1.25em;
    text-transform: none;
    border: 0.0625rem solid #666;
    color: #fff;
    width: 100%;
    text-align: left;
    margin-bottom: 0.66667em;
    height: 4.33333em;
    padding: 0 0.83333em;
    max-width: none;
    position: relative;
    transition: padding-left 300ms, color 300ms, border-color 300ms;
    display: none;
    line-height: 1; }
    @media (min-width: 720px) {
      .ReferenceDesigns-Browse-bar-filterButton {
        display: block; } }
    .ReferenceDesigns-Browse-bar-filterButton:before {
      content: ' ';
      background-color: #0069AA;
      width: 0;
      position: absolute;
      left: -0.0625rem;
      top: -0.0625rem;
      bottom: -0.0625rem;
      transition: width 300ms; }
    .ReferenceDesigns-Browse-bar-filterButton:focus {
      color: #fff;
      box-shadow: 0 0 0 0.1875rem #7FC1EA; }
    .ReferenceDesigns-Browse-bar-filterButton:hover {
      color: #fff;
      background-color: #0084D5; }
    .ReferenceDesigns-Browse-bar-filterButton.is-active {
      background: #004E7F;
      color: #fff;
      border-color: #fff; }
    .ReferenceDesigns-Browse-bar-filterButton.is-active {
      padding-left: 1.66667em;
      cursor: default; }
      .ReferenceDesigns-Browse-bar-filterButton.is-active:before {
        width: 1.08333em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .ReferenceDesigns-Browse-bar-filterButton {
        width: 31.25%;
        float: left;
        margin-right: 3.125%;
        margin-bottom: 0; }
        .ReferenceDesigns-Browse-bar-filterButton:last-of-type {
          float: right;
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .ReferenceDesigns-Browse-bar-filterButton {
        width: 100%;
        float: none; } }
  .ReferenceDesigns-Browse-bar-filterRadioContainer {
    width: 100%;
    letter-spacing: 0.04em;
    display: block;
    padding-bottom: 0.83333em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .ReferenceDesigns-Browse-bar-filterRadioContainer {
        width: 23.25581%;
        float: right;
        margin-right: 0; }
        .FilterContainer .ReferenceDesigns-Browse-bar-filterRadioContainer label {
          margin-bottom: 0.83333em; }
          .FilterContainer .ReferenceDesigns-Browse-bar-filterRadioContainer label:last-child {
            margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .ReferenceDesigns-Browse-bar-filterRadioContainer {
        padding-bottom: 0; } }
  .ReferenceDesigns-Browse-bar-filter-counter {
    color: #CBC2C2; }
  @media (max-width: 1023px) {
    .ReferenceDesigns-Browse-bar label:before, .ReferenceDesigns-Browse-bar label:after {
      font-size: 2.08333em; }
    .ReferenceDesigns-Browse-bar .ReferenceDesigns-Browse-bar-filter[type='radio'] + label {
      padding-left: 2.91667em; } }

.ReferenceDesigns-Browse .ReferenceDesigns-Browse-bar .FilterContainer-filter {
  background: #000; }

.ReferenceDesigns-SearchResults .SearchControls-subHeading {
  float: left;
  text-align: left;
  clear: both; }

.ReferenceDesigns-SearchResults .SearchControls-sortByWrapper {
  padding-top: 1.875rem; }

@media (min-width: 1024px) {
  .ReferenceDesigns-Manufacturers .ManufacturersTabs-tab-link {
    padding-left: 0.375rem;
    padding-right: 0.375rem; } }

@media (min-width: 1240px) {
  .ReferenceDesigns-Manufacturers .ManufacturersTabs-tab-link {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem; } }

.ReferenceDesigns-Manufacturers .ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item {
  height: 5.625rem; }

.ReferenceDesigns-Manufacturers .ManufacturersTabs-results-item-text {
  font-size: 0.9375rem; }

.ReferenceDesigns-Manufacturers .ManufacturersTabs-results-item--num {
  font-size: 0.75rem; }
  .ReferenceDesigns-Manufacturers .ManufacturersTabs-results-item--num.is-visible {
    display: block; }

@media (min-width: 720px) {
  .ReferenceDesigns-Manufacturers .ManufacturersTabs-results-item {
    width: 25%; } }

.ReferenceDesigns-Manufacturers .ManufacturersTabs-tab-link--is-selected {
  background: #0069AA; }

.ReferenceDesigns-Manufacturers .ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item:after, .ReferenceDesigns-Manufacturers .ManufacturersTabs-results--is-grid .ManufacturersTabs-results-item-new {
  background: #0069AA; }

.ReferenceDesigns-Manufacturers .adjustBorder {
  top: -0.0625rem; }

.ReferenceDesigns-Manufacturers .manufactureLinks {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  left: 0rem;
  padding-top: 0.9375rem;
  padding-left: 0.9375rem;
  top: 0rem; }
  .ReferenceDesigns-Manufacturers .manufactureLinks:focus-visible {
    outline-offset: -0.1875rem; }

.SignUpModule {
  background: #fff;
  height: 100%;
  position: relative;
  padding: 1.08333em 1.33333em 1.33333em; }
  .SignUpModule-icon {
    float: right;
    font-size: 2.9375rem; }
  .SignUpModule-heading {
    font-size: 1.66667em;
    line-height: 1.05;
    position: relative;
    min-height: 3.25rem;
    padding-right: 0.25em;
    padding-top: 0.1875rem;
    margin: 0;
    overflow: hidden; }
  .SignUpModule .Button {
    width: 100%; }
    @media (min-width: 1024px) {
      .SignUpModule .Button {
        position: absolute;
        bottom: 0.0625rem;
        left: 0; } }
  @media (min-width: 600px) {
    .SignUpModule {
      padding-top: 0.83333em; }
      .SignUpModule-heading {
        font-size: 1.41667em;
        min-height: 3.4375rem; } }
  @media (min-width: 1024px) {
    .SignUpModule {
      padding-left: 0;
      padding-right: 0; } }

.ReferenceDetail-carousel {
  border-top: 0.0625rem solid #eee;
  border-bottom: 0.0625rem solid #eee; }
  @media (min-width: 720px) and (max-width: 1023px) {
    .ReferenceDetail-carousel {
      float: left;
      padding-right: 0.66667em;
      width: 50% !important; } }

.ReferenceDetail-buy {
  margin-top: 2.08333em; }
  @media (min-width: 720px) and (max-width: 1023px) {
    .ReferenceDetail-buy {
      width: 50% !important;
      padding-left: 0.66667em; } }
  @media (min-width: 720px) {
    .ReferenceDetail-buy {
      float: right !important;
      margin-top: 0; } }

@media (min-width: 1024px) {
  .ReferenceDetail-aside {
    clear: right;
    float: right !important; } }

.ReferenceDetail-featured h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.75rem 0 0.9375rem; }

.ReferenceDetail-featured .sr-only {
  position: absolute;
  width: 0.0625rem; }

@media (max-width: 1023px) {
  .ReferenceDetail-flex {
    display: flex;
    flex-direction: horizontal;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: stretch; }
    .ReferenceDetail-flex-item {
      display: block;
      width: 100%; }
    .ReferenceDetail-flex .ReferenceDetail-carousel {
      order: 1; }
    .ReferenceDetail-flex .ReferenceDetail-buy {
      order: 2; }
    .ReferenceDetail-flex .ReferenceDetail-desc {
      order: 3; }
    .ReferenceDetail-flex .ReferenceDetail-aside {
      order: 4; } }

@media (min-width: 720px) and (max-width: 1023px) {
  .ReferenceDetail-carousel, .ReferenceDetail-buy {
    flex: none;
    -webkit-flex: 1; } }

.ReferenceDetail-header {
  margin: 2.5em 0 0.83333em 0; }
  @media (min-width: 1024px) {
    .ReferenceDetail-header {
      margin: 2.5em 0 2.5em 0; } }
  .ReferenceDetail-header-title {
    font-size: 2.33333em;
    font-weight: 800;
    line-height: 1.2;
    margin: 0; }
    @media (min-width: 720px) {
      .ReferenceDetail-header-title {
        font-size: 2.5em; } }
    @media (min-width: 1024px) {
      .ReferenceDetail-header-title {
        font-size: 3em;
        display: inline; } }
  .ReferenceDetail-header-subTitle {
    color: #757575;
    font-size: 1.66667em;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin: 0; }
    @media (min-width: 720px) {
      .ReferenceDetail-header-subTitle {
        font-size: 2em; } }
    @media (min-width: 1024px) {
      .ReferenceDetail-header-subTitle {
        display: inline;
        font-size: 2.5em; } }

@media (max-width: 1024px) {
  .ReferenceDetail-buy .u-col-1 {
    width: 100% !important; } }

.ReferenceDetail-buy-manufacturer {
  display: block;
  font-size: 0.91667em;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase; }
  @media (min-width: 720px) {
    .ReferenceDetail-buy-manufacturer {
      font-size: 1em; } }

.ReferenceDetail-buy-image img {
  max-height: 6.25rem;
  max-width: 12.5rem; }
  @media (min-width: 720px) and (max-width: 1023px) {
    .ReferenceDetail-buy-image img {
      max-height: 4.0625rem; } }

.ReferenceDetail-buy-list-item {
  margin-bottom: 0.83333em;
  font-size: 1.16667em; }

.ReferenceDetail-buy-list-title {
  font-size: 0.78571em;
  margin-bottom: 0.45455em;
  text-transform: uppercase; }
  @media (min-width: 720px) {
    .ReferenceDetail-buy-list-title {
      font-size: 0.85714em; } }

.ReferenceDetail-buy-buttons {
  border-top: 0.0625rem solid #fff;
  margin: 0 0 1.66667em 0;
  padding-top: 0.83333em; }
  .ReferenceDetail-buy-buttons .Button {
    margin-bottom: 0.83333em; }

.ReferenceDetail-buy-shares {
  float: left; }

.ReferenceDetail-buy .Icon--rohs {
  background: none !important;
  color: #54B948;
  font-size: 1.625rem;
  position: relative;
  top: 0.25em; }

.ReferenceDetail-buy .RoundCtas {
  margin-bottom: 0; }

@media (min-width: 600px) and (max-width: 1023px) {
  .u-row > .ReferenceDetail-buy[class*=u-grid-] [class*=u-grid-] {
    width: 100%; } }

.AssociatedDocs {
  text-transform: uppercase; }
  .AssociatedDocs-list {
    font-size: 1.16667em;
    letter-spacing: 0.08em;
    font-weight: 600;
    padding-bottom: 1.57143em; }
    @media (min-width: 720px) {
      .AssociatedDocs-list {
        padding-top: 0.57143em; } }
    @media (min-width: 1024px) {
      .AssociatedDocs-list {
        padding-top: 0; } }
    @media (min-width: 720px) and (max-width: 1023px) {
      .AssociatedDocs-list .IconList {
        border-top: none; }
        .AssociatedDocs-list .IconList-item:nth-child(-n+2) .IconList-item-wrapper {
          border-top: 0.0625rem solid #dedede; } }
    .AssociatedDocs-list .IconList-item {
      width: 100%;
      display: table;
      min-height: 4.28571em; }
      @media (min-width: 720px) and (max-width: 1023px) {
        .AssociatedDocs-list .IconList-item {
          width: 50%;
          float: left;
          padding: 0 0.5em; }
          .AssociatedDocs-list .IconList-item:nth-child(odd) {
            clear: left; } }
      .AssociatedDocs-list .IconList-item-wrapper {
        padding: 0.83333em 0;
        display: table-cell;
        vertical-align: middle; }
      .AssociatedDocs-list .IconList-item-icon {
        text-align: left;
        max-width: 3.57143em; }
        .AssociatedDocs-list .IconList-item-icon .Icon {
          font-size: 0.96875rem;
          background-color: #0069AA;
          color: #fff;
          padding: 0.625rem; }
          .AssociatedDocs-list .IconList-item-icon .Icon:hover {
            background-color: #0084D5; }

@media (min-width: 720px) {
  .EndProducts .BlackHeader {
    margin: 0.83333em 0; } }

@media (min-width: 1024px) {
  .EndProducts .BlackHeader {
    margin-top: 2.5em;
    margin-bottom: 1.66667em; } }

.ReferenceDetail-touchTab {
  margin-top: 1.66667em; }
  @media (min-width: 720px) {
    .ReferenceDetail-touchTab {
      margin-top: 2.5em; } }
  @media (min-width: 1024px) {
    .ReferenceDetail-touchTab {
      margin-top: 0; } }
  .ReferenceDetail-touchTab .TabbedContent-tabs {
    margin-bottom: 1.25em; }
    @media (min-width: 720px) {
      .ReferenceDetail-touchTab .TabbedContent-tabs {
        display: none; } }
  .ReferenceDetail-touchTab .TabbedContent-tab {
    text-align: center;
    font-size: 1em; }
  @media (min-width: 720px) {
    .ReferenceDetail-touchTab .TabbedContent-content {
      opacity: 1 !important;
      max-height: none !important; } }

.SearchResults.FeaturedResults {
  width: 100%; }
  .SearchResults.FeaturedResults tbody:before {
    display: none; }
  .SearchResults.FeaturedResults .SearchResults-resultRow {
    padding: 1.25em 4.16667em 1.25em 7.91667em;
    position: relative; }
  .SearchResults.FeaturedResults .SearchResults-image {
    max-width: 3.75rem; }
    @media (max-width: 720px) {
      .SearchResults.FeaturedResults .SearchResults-image {
        display: block;
        left: 0;
        margin-top: -1.875rem;
        margin-left: 1.25rem;
        position: absolute;
        top: 50%;
        vertical-align: middle; } }
  .SearchResults.FeaturedResults .SearchResults-productName {
    display: block;
    font-weight: 600;
    font-size: 1.16667em;
    width: 100%; }
    @media (min-width: 1024px) {
      .SearchResults.FeaturedResults .SearchResults-productName {
        display: inline;
        float: right; } }
  .SearchResults.FeaturedResults .Custom-Link {
    text-decoration: underline;
    color: #0069AA; }
    .SearchResults.FeaturedResults .Custom-Link:hover {
      color: #0084D5; }
  .SearchResults.FeaturedResults .SearchResults-column--manufacturer {
    display: none; }
    @media (min-width: 720px) {
      .SearchResults.FeaturedResults .SearchResults-column--manufacturer {
        display: table-cell; } }
  .SearchResults.FeaturedResults .SearchResults-column--type {
    font-size: 0.83333em;
    margin-top: 1em; }
    @media (min-width: 720px) {
      .SearchResults.FeaturedResults .SearchResults-column--type {
        font-size: 1em; } }
  .SearchResults.FeaturedResults .SearchResults-column--description {
    color: #757575;
    margin-top: 1em; }
  .SearchResults.FeaturedResults .SearchResults-column--cta {
    display: none;
    width: 11.25rem; }
    @media (min-width: 720px) {
      .SearchResults.FeaturedResults .SearchResults-column--cta {
        display: table-cell;
        padding-top: 4.375rem; } }
    @media (min-width: 1024px) {
      .SearchResults.FeaturedResults .SearchResults-column--cta {
        padding-top: 1.25rem;
        padding-right: 0.9375rem; } }
  .SearchResults.FeaturedResults .SearchResults-column--share {
    margin-top: -4.6875rem;
    right: 0;
    position: absolute; }
    @media (max-width: 719px) {
      .SearchResults.FeaturedResults .SearchResults-column--share {
        background: none; } }
    @media (min-width: 720px) {
      .SearchResults.FeaturedResults .SearchResults-column--share {
        border: none;
        min-width: 6.25rem;
        height: auto;
        margin-top: 0;
        right: auto;
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .SearchResults.FeaturedResults .SearchResults-column--share {
        border-bottom: 0.125rem solid #eee;
        bottom: auto;
        right: auto;
        position: static;
        top: auto;
        float: none;
        padding-bottom: 0.9375rem; } }
    .SearchResults.FeaturedResults .SearchResults-column--share .Icon {
      margin-bottom: 0.41667em; }
      @media (min-width: 720px) {
        .SearchResults.FeaturedResults .SearchResults-column--share .Icon {
          float: left;
          margin-right: 0.41667em; } }
      .SearchResults.FeaturedResults .SearchResults-column--share .Icon--pdf {
        background-color: #0069AA;
        font-size: 1.375rem;
        padding: 0.375rem; }
        .SearchResults.FeaturedResults .SearchResults-column--share .Icon--pdf:hover {
          background-color: #0084D5; }
    .SearchResults.FeaturedResults .SearchResults-column--share .Icon--save {
      margin-bottom: 0; }
  .SearchResults.FeaturedResults .SearchResults-resultRow td {
    height: auto; }
  .SearchResults.FeaturedResults .SearchResults-loadMore-container {
    max-width: 100%; }

.NewsletterTabs {
  padding-bottom: 1.53846em; }
  .NewsletterTabs h2 {
    font-size: 1.83333em;
    margin-top: 0; }
  .NewsletterTabs p {
    font-size: 1.16667em; }
  .NewsletterTabs.open {
    padding-bottom: 0; }
    .NewsletterTabs.open [class*="u-grid-"] {
      margin-bottom: 0; }
    .NewsletterTabs.open .js-toggleTab {
      background: #fff;
      border-bottom: 0;
      padding-top: 1.53846em;
      padding-bottom: 1.53846em;
      position: relative;
      bottom: -0.125rem; }
      .NewsletterTabs.open .js-toggleTab:hover, .NewsletterTabs.open .js-toggleTab:focus {
        color: #000; }
  .NewsletterTabs-spacer {
    height: 0.125rem; }
  .NewsletterTabs-trigger {
    position: relative; }
  .NewsletterTabs-button {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-left: 4.92857em;
    padding-right: 4.92857em; }
  .NewsletterTabs-img {
    width: 100%;
    margin-bottom: 0; }
  .NewsletterTabs-module {
    display: none;
    max-width: 100%;
    background: #fff;
    border-top: 0.125rem solid #000;
    margin-bottom: 1.92308em; }
    .NewsletterTabs-module h3 {
      font-size: 1.38462em; }
    .NewsletterTabs-module [class*="u-grid-"] {
      margin-bottom: 0; }
    .NewsletterTabs-module input[type="submit"] {
      padding-left: 6.28571em;
      padding-right: 6.28571em; }
    .NewsletterTabs-module .select-wrapper {
      position: relative; }
      .NewsletterTabs-module .select-wrapper .language-select {
        width: 100%;
        padding: 0.75em 0.75em 0.75em 1.75em; }
      .NewsletterTabs-module .select-wrapper .Icon--dropdown {
        position: absolute;
        top: 0.75rem;
        font-size: 0.91667em;
        right: 1.25rem;
        pointer-events: none; }
    .NewsletterTabs-module .NewslettersForm-countryContainer {
      position: relative;
      padding-left: 0;
      padding-right: 0; }
    .NewsletterTabs-module #NewslettersForm-country {
      display: block; }
      @media (max-width: 600px) {
        .NewsletterTabs-module #NewslettersForm-country {
          display: none; } }
    .NewsletterTabs-module #NewslettersForm-countryMobile {
      display: none;
      appearance: none;
      width: 100%;
      padding: 0.75em 0.75em 0.75em 1.75em;
      border: 0.0625rem solid #d7d7d7;
      border-radius: 0;
      background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
      /* IE10+ CSS */
      /* IE Edge 12+ CSS */ }
      @media (max-width: 600px) {
        .NewsletterTabs-module #NewslettersForm-countryMobile {
          display: block; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .NewsletterTabs-module #NewslettersForm-countryMobile {
          background: none; } }
      @supports (-ms-accelerator: true) {
        .NewsletterTabs-module #NewslettersForm-countryMobile {
          background: none; } }
    .NewsletterTabs-module #NewslettersForm-countryAutocompleteResults {
      display: none;
      position: absolute;
      max-width: 19.6875rem;
      max-height: 18.75rem;
      overflow-x: hidden;
      overflow-y: auto;
      width: 100%;
      top: 3.4375rem;
      padding: 0;
      z-index: 1;
      background-color: #fff;
      color: #000; }
      .NewsletterTabs-module #NewslettersForm-countryAutocompleteResults li {
        width: 100%;
        padding: 0.5625rem 0.5625rem;
        border-bottom: 0.0625rem solid #d7d7d7;
        border-left: 0.0625rem solid #d7d7d7;
        border-right: 0.0625rem solid #d7d7d7;
        overflow: hidden; }
        .NewsletterTabs-module #NewslettersForm-countryAutocompleteResults li:hover {
          background-color: #d7d7d7; }
  @media (min-width: 1023px) {
    .NewsletterTabs-img {
      margin-top: 1.25rem; }
    .NewsletterTabs .Content {
      overflow-x: inherit; } }
  @media (min-width: 890px) {
    .NewsletterTabs-module {
      margin-top: 0;
      padding-bottom: 1.53846em; }
    .NewsletterTabs.open .js-toggleTab {
      bottom: -0.125rem; } }
  @media (min-width: 600px) {
    .NewsletterTabs-privacy {
      padding-bottom: 1.53846em; }
    .NewsletterTabs-module {
      padding-bottom: 2.30769em; } }
  @media (min-width: 600px) {
    .NewsletterTabs-contentColumn {
      padding-bottom: 4.125rem; }
    .NewsletterTabs-trigger {
      margin-top: -4.125rem; }
    .NewsletterTabs.open .NewsletterTabs-trigger {
      margin-top: -2.75rem; } }

.Footer {
  width: 100%;
  background: #000; }
  .Footer-borderTop {
    border-top: solid 0.0625rem #fff; }
    @media (min-width: 720px) {
      .Footer-borderTop {
        border-top-width: 0.125rem; } }
  .Footer-paddingTop {
    padding-top: 2.5em; }
  @media print {
    .Footer {
      display: none; } }

.Footer-primary {
  color: #fff;
  padding-top: 1.66667em;
  overflow: hidden; }

.Footer-secondary {
  background: #29272a;
  color: #CBC2C2;
  font-size: 0.91667em;
  padding: 0.83333em 0; }
  .Footer-secondary-copyright {
    display: block; }
    .Footer-secondary-copyright .u-pipe {
      display: none; }
    @media (min-width: 720px) {
      .Footer-secondary-copyright {
        display: inline; }
        .Footer-secondary-copyright .u-pipe {
          display: inline; } }
  .Footer-secondary .Link, .Footer-secondary .ContentPage-body:not(.ContentPage-body--no-reset) a, .ContentPage-body:not(.ContentPage-body--no-reset) .Footer-secondary a {
    font-weight: 400;
    font-family: "ArrowDisplayMedium", sans-serif; }

.Footer-links .Footer-links-content {
  padding: 1em 0; }

.Footer-links .Link, .Footer-links .ContentPage-body:not(.ContentPage-body--no-reset) a, .ContentPage-body:not(.ContentPage-body--no-reset) .Footer-links a {
  text-decoration: none; }

.Footer-links-list {
  clear: both; }
  .Footer-links-list:before {
    content: " ";
    display: table; }
  .Footer-links-list:after {
    content: " ";
    display: table;
    clear: both; }
  .Footer-links-list .Footer-links-item {
    width: 50%;
    float: left; }
    @media (min-width: 720px) {
      .Footer-links-list .Footer-links-item {
        padding: 0.5em 0.5em 0 0;
        margin-bottom: 0.41667em; } }
    @media (min-width: 1024px) {
      .Footer-links-list .Footer-links-item {
        width: 33%; }
        .Footer-links-list .Footer-links-item .Link, .Footer-links-list .Footer-links-item .ContentPage-body:not(.ContentPage-body--no-reset) a, .ContentPage-body:not(.ContentPage-body--no-reset) .Footer-links-list .Footer-links-item a {
          font-size: 1.16667em; } }
    .Footer-links-list .Footer-links-item .Link, .Footer-links-list .Footer-links-item .ContentPage-body:not(.ContentPage-body--no-reset) a, .ContentPage-body:not(.ContentPage-body--no-reset) .Footer-links-list .Footer-links-item a {
      font-weight: 400;
      letter-spacing: 0.04em;
      font-family: "ArrowDisplayMedium", sans-serif; }

.ArrowDivisions {
  padding-left: 0.25rem; }

.Footer-divisions .LogoDivisions {
  margin: 0 auto 1em; }

.Footer-divisions .Footer-divisions-content {
  padding: 1.3em 0; }

.Footer-divisions-logo {
  float: left;
  font-size: 1.08333em;
  margin-bottom: 1.25em;
  width: 100%;
  font-weight: 400;
  padding: 0; }
  @media (min-width: 720px) {
    .Footer-divisions-logo {
      font-size: 1em;
      width: 20%;
      margin-bottom: 0; } }
  .Footer-divisions-logo-big {
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1; }
    @media (min-width: 720px) {
      .Footer-divisions-logo-big {
        display: block;
        font-size: 2em; } }
    @media (min-width: 1024px) {
      .Footer-divisions-logo-big {
        font-size: 2.66667em; } }
  .Footer-divisions-logo-small {
    letter-spacing: 0.02em;
    line-height: .9; }
    @media (min-width: 720px) {
      .Footer-divisions-logo-small {
        font-size: 1.41667em;
        letter-spacing: 0; } }
    @media (min-width: 1024px) {
      .Footer-divisions-logo-small {
        font-size: 1.83333em; } }

.Footer-divisions-links {
  width: 100%; }
  @media (min-width: 720px) {
    .Footer-divisions-links {
      float: right;
      width: 80%; } }

.Footer-divisions .Link, .Footer-divisions .ContentPage-body:not(.ContentPage-body--no-reset) a, .ContentPage-body:not(.ContentPage-body--no-reset) .Footer-divisions a {
  text-decoration: none; }

.Footer-about {
  margin-bottom: 1.25rem; }
  @media (max-width: 719px) {
    .Footer-about {
      border-top: 0;
      padding-top: 0; } }
  .Footer-about-content {
    font-size: 1.16667em;
    letter-spacing: 0.02em; }
    @media (min-width: 1240px) {
      .Footer-about-content {
        padding-right: 5em; } }
  .Footer-about-intro {
    font-weight: 800;
    letter-spacing: -0.02em;
    font-size: 1.14286em;
    line-height: 1.2;
    margin-top: 1.42857em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .Footer-about-intro {
        width: 49%;
        float: left;
        margin-right: 2%; } }
    @media (min-width: 720px) {
      .Footer-about-intro {
        font-size: 1.14286em;
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .Footer-about-intro {
        font-size: 1.5em;
        line-height: 1.5; } }
  .Footer-about-text {
    line-height: 1.2;
    margin-top: 0.71429em; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .Footer-about-text {
        margin-top: 0;
        width: 49%;
        float: left; } }
    @media (min-width: 1024px) {
      .Footer-about-text {
        margin-top: 1.42857em;
        line-height: 1.5; } }
  .Footer-about-readMore {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-top: 1.07143em; }
    @media (min-width: 1024px) {
      .Footer-about-readMore {
        margin-top: 1.42857em; } }
    @media (min-height: max-width) and (max-width: 719px) {
      .Footer-about-readMore {
        font-size: 0.85714em; } }
  .Footer-about .Logo {
    height: 2.14286em; }
    @media (min-width: 720px) {
      .Footer-about .Logo {
        margin-bottom: 1.66667em; } }
    @media (min-width: 1024px) {
      .Footer-about .Logo {
        margin-bottom: 2.5em; } }

.Footer-social {
  padding: 1.25em 0 0;
  margin-bottom: 0 !important;
  margin-top: 1.41667em; }
  @media (min-width: 600px) and (max-width: 719px) {
    .Footer-social {
      width: 100% !important; } }
  @media (min-width: 720px) {
    .Footer-social {
      margin-top: 0; } }

.Footer-social-icons-wrapper {
  overflow: hidden;
  text-align: right; }
  @media (min-width: 720px) {
    .Footer-social-icons-wrapper {
      text-align: left; } }

.Footer-social-icons-title {
  display: block;
  font-size: 1.08333em;
  font-weight: 800;
  letter-spacing: -0.02em;
  float: left;
  margin-top: 0.45455em; }
  @media (min-width: 720px) {
    .Footer-social-icons-title {
      float: none;
      margin: 0 0 0.45455em;
      font-size: 1.83333em;
      line-height: .8; } }

.Footer-social-icons {
  font-size: 0.8em; }
  @media (min-width: 720px) {
    .Footer-social-icons {
      font-size: 1em;
      margin-left: 0.1875rem; } }
  .Footer-social-icons li {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1em;
    vertical-align: middle; }
    @media (min-width: 720px) {
      .Footer-social-icons li:last-child {
        margin-right: 0; } }

.Footer-social-icon {
  display: block;
  width: 2.2em;
  line-height: 2.2em;
  background-color: #0069AA;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  transition: all 300ms; }
  .Footer-social-icon:hover {
    color: #fff;
    background-color: #0084D5;
    transform: scale3D(1.05, 1.05, 1.05); }
  .Footer-social-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.1875rem #7FC1EA; }

.Footer-social-image {
  background: #fff;
  border: 0.0625rem solid #dedede;
  padding: 0.3125rem;
  box-shadow: 0 0 0.3125rem 0.125rem rgba(0, 0, 0, 0.2);
  height: auto;
  width: auto; }
  .Footer-social-image img {
    display: block;
    min-width: 12.5rem;
    min-height: 23.75rem; }

.Footer-contact {
  margin-bottom: 1.25rem; }

.Footer-contact-tab-component {
  height: 32.5em;
  background: #29272a;
  position: relative; }

.Footer-contact-tabs {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  border-top: 2px solid #29272a;
  border-left: 2px solid #29272a;
  text-align: center;
  font-weight: 600;
  height: 5.83333em; }
  .Footer-contact-tabs:after {
    content: " ";
    display: block;
    clear: both; }

.Footer-contact-tab {
  width: 50%;
  float: left;
  padding-left: 7.14286%;
  padding-right: 7.14286%;
  background-color: #000;
  border-right: 2px solid #29272a;
  padding-top: 1.66667em;
  height: 5.5em;
  cursor: pointer;
  transition: background-color 400ms;
  font-weight: 800;
  letter-spacing: 0.08em; }
  .Footer-contact-tab:hover {
    background-color: #1a1a1a; }
  .Footer-contact-tab.is-selected {
    cursor: default;
    background-color: #29272a; }
  .Footer-contact-tab:focus {
    box-shadow: 0 0 0 0.1875rem #7FC1EA;
    outline: none;
    z-index: 2;
    position: relative; }

.Footer-contact-chat-tab {
  position: relative; }
  .Footer-contact-chat-tab:after {
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: #54B948;
    right: 0.7em;
    top: 0.7em;
    width: 0.5em;
    height: 0.5em; }

.Footer-contact-panels {
  position: relative;
  height: 26.66667em; }

.Footer-contact-panel {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 1em; }
  .Footer-contact-panel.is-selected {
    display: block; }
  .Footer-contact-panel:focus {
    box-shadow: 0 0 0 0.1875rem #7FC1EA;
    outline: none; }

.Footer-contact-valid {
  transition: transform 300ms, opacity 300ms, visibility 300ms;
  transform: translateY(3.125rem);
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -1em;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 2em;
  font-weight: 600;
  z-index: 0;
  visibility: hidden; }
  .Footer-contact-panel.is-successfully-submitted .Footer-contact-valid {
    transform: translateY(0);
    opacity: 1;
    visibility: visible; }

.Footer-feedback {
  padding: 1em;
  overflow: hidden; }
  .Footer-feedback form {
    transition: transform 300ms, opacity 300ms, visibility 300ms;
    transform: translateY(0);
    opacity: 1;
    visibility: visible; }
  .Footer-feedback.is-successfully-submitted form {
    transform: translateY(-3.125rem);
    opacity: 0;
    visibility: hidden; }

.Footer-feedback-input {
  border: none;
  color: #000;
  background-color: #eee;
  transition: background-color 200ms;
  margin-bottom: 0.25em;
  outline: none;
  padding: 0.83333em; }
  .Footer-feedback-input:focus {
    background-color: #fff; }

.Footer-feedback-content {
  height: 13.33333em;
  border-bottom: none; }

.Footer-feedback-submit {
  float: right;
  width: 40%;
  margin-top: 0.75em; }

.Footer-feedback {
  overflow: hidden; }

.Footer-newsletter {
  padding: 2.30769em; }
  .Footer-newsletter-sr-only {
    position: absolute;
    border: 0;
    height: 0.0625rem;
    margin: -0.0625rem;
    overflow: hidden;
    padding: 0;
    width: 0.0625rem; }

.Footer-newsletter-wrapper {
  transition: transform 300ms, opacity 300ms, visibility 300ms;
  transform: translateY(0);
  opacity: 1;
  visibility: visible; }
  .Footer-newsletter.is-successfully-submitted .Footer-newsletter-wrapper {
    transform: translateY(-0.3125rem);
    opacity: 0;
    visibility: hidden; }

.Footer-newsletter-description {
  font-weight: 600;
  margin: 0 0 2em; }

.Footer-newsletter-description-icon {
  float: left;
  font-size: 4em;
  margin-top: 0.1em;
  margin-right: 0.4em; }

.Footer-newsletter-description-title {
  font-size: 2.15385em;
  padding-right: 0.38462em; }

.Footer-newsletter-description-text {
  float: left;
  border-top: 0.0625rem solid white;
  font-size: 1.23077em;
  padding-top: 1.875rem;
  margin-top: 1.875rem; }

.Footer-newsletter-email {
  border: none; }

.Footer-newsletter-anchor {
  float: left;
  margin-top: 2em; }

.Footer-chat {
  display: none; }
  .Footer-chat.is-selected {
    display: block; }

.Footer-chat-phone {
  padding-top: 0.5em; }

.Footer-chat-intro {
  display: table;
  position: relative;
  height: 14.3em;
  overflow: hidden; }

.Footer-chat-intro-wrapper {
  display: table-cell;
  vertical-align: middle; }

.Footer-chat-head {
  font-size: 1.5em;
  font-weight: 600;
  padding: 0; }

.Footer-chat-head-icon {
  float: left;
  color: #CBC2C2;
  margin: 0.25em .5em 0 0; }
  .Footer-chat-head-icon.is-live {
    color: #54B948; }

.Footer-chat-description {
  margin-top: 1em; }

.Footer-chat-button-wrapper {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em; }
  .Footer-chat-button-wrapper:focus {
    box-shadow: 0 0 0 0.1875rem #7FC1EA;
    outline: none; }

.Footer-chat-button {
  display: block; }

.weChat.Modal-dialog {
  padding: 0;
  width: 19rem !important;
  min-width: 6.25rem;
  -webkit-box-shadow: 0rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.6);
  box-shadow: 0rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.6); }
  .weChat.Modal-dialog .Modal-header {
    background-color: transparent;
    height: 2rem;
    padding: 0;
    margin: 0;
    border: none; }
  .weChat.Modal-dialog .Modal-close {
    position: absolute;
    top: 0.4375rem;
    right: 0.4375rem;
    font-size: 1.125rem;
    opacity: 0.5;
    color: #757575; }
  .weChat.Modal-dialog .Modal-container {
    padding: 0 2rem 2rem; }
    .weChat.Modal-dialog .Modal-container img {
      max-width: 15rem; }

.Article-body-content .Article-image {
  margin: 1em 0 2.14286em; }

.Article-body-content .Article-image-caption {
  font-size: 0.78571em; }
  .Article-body-content .Article-image-caption img {
    width: auto; }

.Article-body-content .Article-image-description img {
  width: auto; }

.rt .Article-body-firstp {
  font-size: 1.57143em;
  letter-spacing: 0.02em; }
  .rt .Article-body-firstp--secondary {
    font-size: 1.28571em; }

.Article-quote {
  font-size: 2em;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.2;
  width: 100%;
  margin-bottom: 1.07143em; }
  @media (min-width: 720px) {
    .Article-quote {
      width: 40%;
      margin: 0 0 0.71429em 0.71429em;
      float: right; } }

.Article-image {
  width: 100%;
  overflow: hidden; }
  .Article-image img {
    width: 100%; }

.ImageAlign-container {
  display: table;
  padding: 0 1.25rem;
  height: 6.25rem;
  width: 100%;
  text-align: center; }

.ImageAlign-center {
  display: table-cell;
  vertical-align: middle;
  height: 100%; }
  .ImageAlign-center img {
    max-width: 8.125rem;
    max-height: 8.125rem;
    width: auto;
    height: auto;
    margin: 0 auto; }

.Article {
  margin-bottom: 2.08333em; }
  .Article a {
    text-decoration: underline; }
  .Article-generic-button {
    background-color: #009ddc; }
    .Article-generic-button a {
      text-decoration: none; }
  .Article-buttonContainer {
    display: flex;
    justify-content: center;
    margin-bottom: 0.625rem; }
  .Article .Tags-item a {
    text-decoration: none; }
  .Article .CarouselModule-slide-heading a {
    text-decoration: none; }
  .Article .ProductMerchandising a {
    text-decoration: none; }
  .Article-sidebar {
    background-color: #eee;
    padding-left: 1.66667em;
    padding-right: 1.66667em;
    padding-top: 0.08333em;
    padding-bottom: 3.33333em;
    margin-bottom: 3.33333em; }
    @media (max-width: 600px) {
      .Article-sidebar {
        margin-left: -1.5em;
        margin-right: -1.5em;
        width: auto !important; } }
    @media (min-width: 1024px) {
      .Article-sidebar {
        clear: none; } }
    .Article-sidebar-title {
      font-size: 1.91667em; }
    .Article-sidebar .BlackHeader {
      background: none;
      color: #000;
      font-size: 1.91667em;
      padding: 1.30435em 0 0.43478em 0;
      text-transform: capitalize; }
    @media (min-width: 1024px) {
      .Article-sidebar {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%; } }
    @media print {
      .Article-sidebar {
        display: none; } }
  .Article-image-caption img, .Article-image-description img {
    width: auto; }
  .Article-title {
    margin-bottom: 0.11364em; }
    @media (min-width: 1240px) {
      .Article-title {
        padding-right: 1em; } }
  .Article-date {
    color: #757575;
    margin-bottom: 0.83333em;
    display: block; }
  .Article-body {
    overflow: hidden;
    margin-top: 2.08333em; }
    @media (min-width: 720px) {
      .Article-body-side {
        width: 13.7931%;
        float: left;
        margin-right: 3.44828%;
        margin-top: 0.41667em; } }
    .Article-body-content {
      margin-top: 4%; }
      @media (min-width: 720px) {
        .Article-body-content {
          margin-top: 0;
          width: 82.75862%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 1240px) {
        .Article-body-content p, .Article-body-content .Article-image, .Article-body-content .ProductMerchandising {
          padding-right: 2.85714em; }
        .Article-body-content .Article-quote {
          padding-right: 1.07143em; } }
    @media (min-width: 720px) {
      .Article-body {
        margin-top: 3.33333em; } }
    .Article-body--no-author {
      width: 100%; }
  .Article-writtenby {
    margin-bottom: 1%;
    color: #CBC2C2; }
    @media (min-width: 720px) {
      .Article-writtenby {
        margin-bottom: 1.66667em; } }
  .Article-tags-header {
    font-size: 1.07143em;
    margin-top: 1.66667em;
    margin-bottom: 0.66667em;
    line-height: 1; }
    @media print {
      .Article-tags-header {
        display: none; } }
  .Article .rt img {
    max-width: 100%; }
  .Article .rt .ProductMerchandising img {
    max-width: none; }
  @media (min-width: 1024px) {
    .Article .ContentPage-body {
      width: 100%; } }

.u-article-body {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em; }

.Article-author {
  font-size: 0.05729em; }
  @media (min-width: 720px) {
    .Article-author + .Article-author {
      margin-top: 36.36364em; } }
  .Article-author img {
    width: 100%; }
  .Article-author-photo {
    margin-bottom: 10%;
    display: none; }
    @media (min-width: 720px) {
      .Article-author-photo {
        display: block; } }
  .Article-author-names {
    margin-top: 5.81818em;
    word-break: break-all; }
    @media (min-width: 720px) {
      .Article-author-names {
        margin-bottom: 10%; } }
  .Article-author-bio {
    display: none; }
    @media (min-width: 720px) {
      .Article-author-bio {
        display: block; } }
  .Article-author-name {
    font-weight: 600;
    font-size: 20.36364em;
    margin-top: 0.28571em;
    line-height: 1.5;
    margin-bottom: 1.42857em;
    word-wrap: break-word;
    word-break: normal; }
  .Article-author-company-name {
    font-size: 17.45455em;
    line-height: 1.5; }

.Article-author .Article-author-writtenby {
  margin-bottom: 3%;
  display: none; }
  @media (min-width: 720px) {
    .Article-author .Article-author-writtenby {
      display: block; } }

.SecondaryNav {
  position: relative;
  perspective: 62.5rem;
  perspective-origin: 50% 200%;
  width: 100%;
  z-index: 90; }
  @media (min-width: 1024px) {
    .SecondaryNav {
      max-width: 77.5rem;
      margin: auto;
      padding-left: 1.25em;
      padding-right: 1.25em; } }
  .SecondaryNav-wrapper {
    position: relative;
    background: #F68A33; }
    .SecondaryNav-wrapper.is-black {
      background: #000; }
    .SecondaryNav-wrapper.is-white {
      background: #fff; }
    .SecondaryNav-wrapper.is-verydarkgrey {
      background: #29272a; }
    .SecondaryNav-wrapper.is-grey {
      background: #757575; }
    .SecondaryNav-wrapper.is-red {
      background: #E31B23; }
    .SecondaryNav-wrapper.is-blue {
      background: #009DDC; }
    .SecondaryNav-wrapper.is-brightBlue {
      background: #0069AA; }
    .SecondaryNav-wrapper.is-activeButtonBlue {
      background: #004E7F; }
    .SecondaryNav-wrapper.is-green {
      background: #54B948; }
    .SecondaryNav-wrapper.is-orange {
      background: #F68A33; }
    .SecondaryNav-wrapper.is-purple {
      background: #92278f; }
    .SecondaryNav-wrapper.is-pink {
      background: #EB1478; }
    .SecondaryNav-wrapper.is-yellow {
      background: #fdbb31; }
    .SecondaryNav-wrapper.is-darkgrey {
      background: #505050; }
    .SecondaryNav-wrapper.is-iotgreen {
      background: #009A8C; }
    .SecondaryNav-wrapper.is-skyblue {
      background: #BFE0F4; }
  .SecondaryNav-discover {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.58333em;
    font-weight: 600;
    float: none;
    letter-spacing: 0.03125rem;
    overflow: hidden;
    padding: 0.78947em 0;
    position: relative;
    transition: color 0.3s ease-in;
    text-align: center;
    width: 100%;
    border-bottom: 0; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .SecondaryNav-discover {
        border-bottom: 0.0625rem solid #ec6f0a;
        cursor: pointer;
        font-size: 1.83333em;
        padding: 0.68182em 0; }
        .SecondaryNav-wrapper.is-white .SecondaryNav-discover {
          border-bottom-color: #e6e6e6; }
        .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-discover {
          border-bottom-color: #0f0e10; }
        .SecondaryNav-wrapper.is-grey .SecondaryNav-discover {
          border-bottom-color: #bebebe; }
        .SecondaryNav-wrapper.is-red .SecondaryNav-discover {
          border-bottom-color: #b5161c; }
        .SecondaryNav-wrapper.is-blue .SecondaryNav-discover {
          border-bottom-color: #0079a9; }
        .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-discover {
          border-bottom-color: #0084D5; }
        .SecondaryNav-wrapper.is-green .SecondaryNav-discover {
          border-bottom-color: #439539; }
        .SecondaryNav-wrapper.is-orange .SecondaryNav-discover {
          border-bottom-color: #ec6f0a; }
        .SecondaryNav-wrapper.is-purple .SecondaryNav-discover {
          border-bottom-color: #6a1c68; }
        .SecondaryNav-wrapper.is-pink .SecondaryNav-discover {
          border-bottom-color: #bc1060; }
        .SecondaryNav-wrapper.is-yellow .SecondaryNav-discover {
          border-bottom-color: #f9a902; } }
    @media (min-width: 1024px) {
      .SecondaryNav-discover {
        width: 20%;
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        font-size: 2em;
        line-height: 1em;
        padding: 0.58333em 0 0.54167em 0;
        text-align: left;
        max-width: 8em; } }
    .SecondaryNav-discover:hover {
      cursor: default; }
    @media (min-width: 1024px) {
      .SecondaryNav-discover-link-wrapper {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        max-width: 90%; } }
    .SecondaryNav-discover-link-wrapper .Icon {
      font-size: 0.63158em; }
      .SecondaryNav-discover-link-wrapper .Icon:before {
        display: inline-block;
        transition: all 500ms;
        transform: rotateX(0); }
      .SecondaryNav-discover-link-wrapper .Icon.is--inverted:before {
        transform: rotateX(180deg); }
    .SecondaryNav-discover-link-text {
      display: inline-block;
      vertical-align: middle;
      line-height: 1em; }
  .SecondaryNav-menu {
    border-left: 0.0625rem solid #ec6f0a;
    backface-visibility: hidden;
    list-style: none;
    margin: 0;
    position: absolute;
    opacity: 0;
    left: 0;
    transform: translateY(-1.25rem);
    transition: all 0.3s ease-in;
    padding: 0;
    transform-style: preserve-3d;
    visibility: hidden;
    width: 100%; }
    .SecondaryNav-wrapper.is-white .SecondaryNav-menu {
      border-left-color: #e6e6e6; }
    .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-menu {
      border-left-color: #0f0e10; }
    .SecondaryNav-wrapper.is-grey .SecondaryNav-menu {
      border-left-color: #bebebe; }
    .SecondaryNav-wrapper.is-red .SecondaryNav-menu {
      border-left-color: #b5161c; }
    .SecondaryNav-wrapper.is-blue .SecondaryNav-menu {
      border-left-color: #0079a9; }
    .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-menu {
      border-left-color: #0084D5; }
    .SecondaryNav-wrapper.is-green .SecondaryNav-menu {
      border-left-color: #439539; }
    .SecondaryNav-wrapper.is-orange .SecondaryNav-menu {
      border-left-color: #ec6f0a; }
    .SecondaryNav-wrapper.is-purple .SecondaryNav-menu {
      border-left-color: #6a1c68; }
    .SecondaryNav-wrapper.is-pink .SecondaryNav-menu {
      border-left-color: #bc1060; }
    .SecondaryNav-wrapper.is-yellow .SecondaryNav-menu {
      border-left-color: #f9a902; }
    @media (min-width: 720px) {
      .SecondaryNav-menu {
        float: left;
        margin-top: 0;
        max-height: none;
        opacity: 1;
        position: relative;
        transform: none;
        display: table;
        table-layout: fixed;
        visibility: visible;
        width: 100%; } }
    @media (min-width: 1024px) {
      .SecondaryNav-menu {
        width: 79.16667%;
        float: left;
        margin-right: 4.16667%;
        float: right;
        margin-right: 0; } }
    .SecondaryNav-menu--open {
      opacity: 1;
      background: #F68A33;
      pointer-events: auto;
      transform: translateY(0.0625rem);
      visibility: visible; }
      .SecondaryNav-wrapper.is-black .SecondaryNav-menu--open {
        background: #000; }
      .SecondaryNav-wrapper.is-white .SecondaryNav-menu--open {
        background: #fff; }
      .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-menu--open {
        background: #29272a; }
      .SecondaryNav-wrapper.is-grey .SecondaryNav-menu--open {
        background: #757575; }
      .SecondaryNav-wrapper.is-red .SecondaryNav-menu--open {
        background: #E31B23; }
      .SecondaryNav-wrapper.is-blue .SecondaryNav-menu--open {
        background: #009DDC; }
      .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-menu--open {
        background: #0069AA; }
      .SecondaryNav-wrapper.is-activeButtonBlue .SecondaryNav-menu--open {
        background: #004E7F; }
      .SecondaryNav-wrapper.is-green .SecondaryNav-menu--open {
        background: #54B948; }
      .SecondaryNav-wrapper.is-orange .SecondaryNav-menu--open {
        background: #F68A33; }
      .SecondaryNav-wrapper.is-purple .SecondaryNav-menu--open {
        background: #92278f; }
      .SecondaryNav-wrapper.is-pink .SecondaryNav-menu--open {
        background: #EB1478; }
      .SecondaryNav-wrapper.is-yellow .SecondaryNav-menu--open {
        background: #fdbb31; }
      .SecondaryNav-wrapper.is-darkgrey .SecondaryNav-menu--open {
        background: #505050; }
      .SecondaryNav-wrapper.is-iotgreen .SecondaryNav-menu--open {
        background: #009A8C; }
      .SecondaryNav-wrapper.is-skyblue .SecondaryNav-menu--open {
        background: #BFE0F4; }
    .SecondaryNav-menu-item {
      position: relative;
      border-top: 0.0625rem solid #fff;
      text-align: center;
      padding: 0 2%;
      transition: background-color 500ms; }
      .SecondaryNav-menu-item:first-child {
        border-top: none; }
      @media (min-width: 720px) {
        .SecondaryNav-menu-item {
          border-top: none;
          display: table-cell;
          border-right: 0.0625rem solid #ec6f0a;
          text-align: center; }
          .SecondaryNav-wrapper.is-white .SecondaryNav-menu-item {
            border-right-color: #e6e6e6; }
          .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-menu-item {
            border-right-color: #0f0e10; }
          .SecondaryNav-wrapper.is-grey .SecondaryNav-menu-item {
            border-right-color: #bebebe; }
          .SecondaryNav-wrapper.is-red .SecondaryNav-menu-item {
            border-right-color: #b5161c; }
          .SecondaryNav-wrapper.is-blue .SecondaryNav-menu-item {
            border-right-color: #0079a9; }
          .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-menu-item {
            border-right-color: #0084D5; }
          .SecondaryNav-wrapper.is-green .SecondaryNav-menu-item {
            border-right-color: #439539; }
          .SecondaryNav-wrapper.is-orange .SecondaryNav-menu-item {
            border-right-color: #ec6f0a; }
          .SecondaryNav-wrapper.is-purple .SecondaryNav-menu-item {
            border-right-color: #6a1c68; }
          .SecondaryNav-wrapper.is-pink .SecondaryNav-menu-item {
            border-right-color: #bc1060; }
          .SecondaryNav-wrapper.is-yellow .SecondaryNav-menu-item {
            border-right-color: #f9a902; } }
      .SecondaryNav-menu-item:hover, .SecondaryNav-menu-item.is-active {
        background-color: #ec6f0a; }
        .SecondaryNav-wrapper.is-white .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-white .SecondaryNav-menu-item.is-active {
          background-color: #e6e6e6; }
        .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-verydarkgrey .SecondaryNav-menu-item.is-active {
          background-color: #0f0e10; }
        .SecondaryNav-wrapper.is-grey .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-grey .SecondaryNav-menu-item.is-active {
          background-color: #bebebe; }
        .SecondaryNav-wrapper.is-red .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-red .SecondaryNav-menu-item.is-active {
          background-color: #b5161c; }
        .SecondaryNav-wrapper.is-blue .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-blue .SecondaryNav-menu-item.is-active {
          background-color: #0079a9; }
        .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-brightBlue .SecondaryNav-menu-item.is-active {
          background-color: #0084D5; }
        .SecondaryNav-wrapper.is-green .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-green .SecondaryNav-menu-item.is-active {
          background-color: #439539; }
        .SecondaryNav-wrapper.is-orange .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-orange .SecondaryNav-menu-item.is-active {
          background-color: #ec6f0a; }
        .SecondaryNav-wrapper.is-purple .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-purple .SecondaryNav-menu-item.is-active {
          background-color: #6a1c68; }
        .SecondaryNav-wrapper.is-pink .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-pink .SecondaryNav-menu-item.is-active {
          background-color: #bc1060; }
        .SecondaryNav-wrapper.is-yellow .SecondaryNav-menu-item:hover, .SecondaryNav-wrapper.is-yellow .SecondaryNav-menu-item.is-active {
          background-color: #f9a902; }
      .SecondaryNav-menu-item-link {
        color: #fff;
        display: block;
        font-size: 1.25em;
        font-weight: 400;
        line-height: 1.25rem;
        outline: none;
        position: relative;
        padding: 0.9375rem 0 0.9375rem 0; }
        .SecondaryNav-menu-item-link-text {
          height: 2.4em;
          line-height: 2.4em;
          max-width: 100%;
          position: relative;
          text-transform: uppercase;
          z-index: 5; }
          @media (min-width: 720px) {
            .SecondaryNav-menu-item-link-text {
              display: block; } }
          @media (min-width: 1024px) {
            .SecondaryNav-menu-item-link-text {
              display: inline-block;
              height: 3em;
              line-height: 3em;
              max-width: 90%; } }
          .SecondaryNav-menu-item-link-text span {
            display: inline-block;
            vertical-align: middle;
            line-height: 1em; }
        .SecondaryNav-menu-item-link .Icon {
          display: none; }
          @media (min-width: 720px) {
            .SecondaryNav-menu-item-link .Icon {
              display: block;
              font-size: 2.08333em;
              position: relative;
              z-index: 5; } }
          @media (min-width: 1024px) {
            .SecondaryNav-menu-item-link .Icon {
              display: inline-block;
              margin-right: 5%;
              max-width: 25%;
              vertical-align: middle; } }

.Article-share .Share-links {
  font-size: 0.8em;
  margin-top: 1.5em; }
  @media (min-width: 720px) {
    .Article-share .Share-links {
      font-size: 1em; } }

.Article-share .Share-links li {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em; }
  .Article-share .Share-links li:last-child {
    margin-right: 0; }

.Article-share .Share-link {
  display: block;
  width: 2.2em;
  line-height: 2.2em;
  background-color: #757575;
  border-radius: 50%;
  text-align: center;
  color: #eee;
  font-size: 1.4em;
  transition: all 300ms;
  text-decoration: none; }
  .Article-share .Share-link:hover {
    color: #fff;
    transform: scale3D(1.05, 1.05, 1.05);
    text-decoration: none; }
  .Article-share .Share-link:visited, .Article-share .Share-link:active {
    color: #fff;
    text-decoration: none; }

.Article-share .Icon--facebook {
  background: #3C5899; }

.Article-share .Icon--twitter {
  background: #28A9E0; }

.Article-share .Icon--google-plus {
  background: #DB4437; }

.Article-share .Icon--linkedin {
  background: #1A85BC; }

.Article-share .Icon--pinterest {
  background: #BD081C; }

.ContentPage {
  margin: 0 0 4em;
  padding-top: 4.16667em; }
  @media (min-width: 1024px) {
    .ContentPage {
      padding-top: 0; } }
  .ContentPage h1 {
    font-size: 2.16667em;
    line-height: 1.05;
    margin: 0.6em 0 0.7em; }
    @media (min-width: 600px) {
      .ContentPage h1 {
        font-size: 3.66667em; } }
    @media (min-width: 1024px) {
      .ContentPage h1 {
        margin: 0.8em 0 0.9em; } }
  .ContentPage .bordered-header {
    border-top: 0.125rem solid #000;
    border-bottom: 0.125rem solid #000;
    margin: 1.5em 0;
    padding: 1em 0;
    font-size: 1.5em;
    text-align: center; }
    @media (min-width: 600px) {
      .ContentPage .bordered-header {
        padding: .5em 0; } }
    @media (min-width: 1024px) {
      .ContentPage .bordered-header {
        margin: 0;
        font-size: 2em;
        padding: .45em 0;
        border-top: 0.0625rem solid #eee;
        border-bottom: 0.0625rem solid #eee;
        text-align: left;
        margin-bottom: .5em; } }
  .ContentPage-head {
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute;
    overflow: hidden;
    margin: -0.0625rem;
    padding: 0;
    width: 0.0625rem;
    height: 0.0625rem; }
    @media print {
      .ContentPage-head {
        width: auto;
        height: auto;
        position: static; } }
    @media (min-width: 890px) {
      .ContentPage-head {
        clip: auto;
        clip: rect(auto auto auto auto);
        position: static;
        overflow: visible;
        margin: 0;
        width: auto;
        height: auto; } }
  .ContentPage-body:not(.ContentPage-body--no-reset) {
    font-size: 1.16667em;
    position: relative;
    z-index: 1; }
    .ContentPage-body:not(.ContentPage-body--no-reset)-firstp {
      font-size: 1.33333em;
      line-height: 1.3;
      margin: 1.25em 0 1em; }
      @media (min-width: 1024px) {
        .ContentPage-body:not(.ContentPage-body--no-reset)-firstp {
          font-size: 1.66667em;
          margin: 1em 0 1.5em; } }
    .ContentPage-body:not(.ContentPage-body--no-reset) dt {
      font-weight: bold; }
    .ContentPage-body:not(.ContentPage-body--no-reset) ol {
      padding-left: 1.8em; }
    .ContentPage-body:not(.ContentPage-body--no-reset) ul {
      padding-left: 1.3em;
      list-style-type: disc; }
      .ContentPage-body:not(.ContentPage-body--no-reset) ul ul {
        list-style-type: circle; }
    .ContentPage-body:not(.ContentPage-body--no-reset) h2, .ContentPage-body:not(.ContentPage-body--no-reset) h3, .ContentPage-body:not(.ContentPage-body--no-reset) h4 {
      clear: both; }
  .ContentPage-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  @media (min-width: 1024px) {
    .ContentPage-body {
      width: 79.59184%;
      float: right;
      margin-right: 0; }
    .ContentPage-sidebar {
      width: 18.36735%;
      float: left;
      margin-right: 2.04082%;
      position: static; } }
  @media print {
    .ContentPage {
      overflow: hidden;
      margin: 0;
      padding-top: 0; } }

@media (max-width: 1023px) {
  .SideNav-offset {
    margin-top: 7.58333em; } }

.SideNav {
  border-top: 0.0625rem solid #666;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0; }
  @media (min-width: 1024px) {
    .SideNav {
      height: 100%; } }
  .SideNav-title {
    color: #fff;
    font-weight: 800;
    font-size: 1.58333em;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 0.625rem 0;
    background: #29272a;
    cursor: pointer;
    position: relative;
    z-index: 950;
    perspective: 62.5rem; }
    .SideNav-title .Icon:before {
      font-size: 0.6em;
      display: inline-block;
      transition: all 300ms;
      transform: rotateX(0);
      margin-left: .8em; }
  .SideNav-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    transform: translateY(-1.25rem);
    transform-style: preserve-3d; }
    @media (max-width: 1023px) {
      .SideNav-menu {
        display: none; } }
    .SideNav-menu-item-expanded {
      background-color: #29272a;
      padding: 2em 1.5em;
      color: #fff;
      height: 0; }
      .SideNav-menu-item-expanded-title {
        font-size: 1.6em;
        margin: .8em 0; }
      .SideNav-menu-item-expanded p {
        line-height: 1.0625rem;
        margin-bottom: 1.6em; }
        .SideNav-menu-item-expanded p > .Icon {
          vertical-align: middle;
          line-height: 1.0625rem;
          margin-right: 0;
          font-size: 1.1em !important; }
      .SideNav-menu-item-expanded .Button {
        width: 100%; }
    .SideNav-menu-item.is-expanded .SideNav-menu-item-expanded {
      height: auto; }
      .SideNav-menu-item.is-expanded .SideNav-menu-item-expanded > .Icon {
        font-size: 2em;
        color: #fff; }
    .SideNav-menu-item > a {
      display: block;
      color: #fff;
      border-top: 0.0625rem solid #666;
      font-size: 1.125em;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 800;
      letter-spacing: -0.02em;
      padding: 1.0625rem 0 0.9375rem;
      background: #29272a; }
    .SideNav-menu-item:last-child a {
      border-bottom: 0.0625rem solid #000; }
    .SideNav-menu-item .Icon {
      color: #eee;
      font-size: 1.2em;
      margin-right: .5em; }
  .SideNav-back-page {
    background: white;
    padding: 0.8125rem;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600; }
  .SideNav.is-open {
    z-index: 130; }
    .SideNav.is-open .SideNav-menu {
      transform: translateY(0rem);
      opacity: 1;
      visibility: visible;
      display: inherit; }
    .SideNav.is-open .SideNav-title .Icon:before {
      transform: rotateX(180deg); }
  @media (min-width: 1024px) {
    .SideNav {
      text-align: left;
      position: relative;
      border: none; }
      .SideNav-menu {
        border: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0rem);
        transition: none; }
        .SideNav--designCenter .SideNav-menu {
          background: #000;
          padding-top: 2em;
          height: 100%; }
        .SideNav-menu-item > a {
          background: none;
          color: #000;
          text-transform: none;
          font-size: 1.25em;
          font-weight: 800;
          border-top: 0.0625rem solid #eee;
          padding: 1.125rem 0.625rem 1.125rem 0;
          letter-spacing: 0.02em;
          transition: all 300ms;
          position: relative;
          margin: 0 0.625rem; }
          .SideNav--designCenter .SideNav-menu-item > a {
            border-top: 0.0625rem solid #29272a;
            color: #fff;
            font-weight: bold;
            font-size: 1.1em; }
            .SideNav--designCenter .SideNav-menu-item > a > .Icon {
              float: left;
              margin-right: .6em;
              height: 2.4em; }
        .SideNav-menu-item a:hover, .SideNav-menu-item.is-selected a {
          background: #000;
          color: #fff;
          padding-left: 1rem; }
          .SideNav--designCenter .SideNav-menu-item a:hover, .SideNav--designCenter .SideNav-menu-item.is-selected a {
            color: #eee;
            margin-left: 0;
            padding-left: 0.625rem;
            border-left: 0.25rem solid #54B948; }
        .SideNav-menu-item.is-selected a:after {
          content: '';
          position: absolute;
          top: 50%;
          right: -0.5rem;
          margin-top: -0.3125rem;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0.46875rem 0 0.46875rem 0.5rem;
          border-color: transparent transparent transparent #000; }
        .SideNav-menu-item:first-child a {
          border-top: 0.0625rem solid #000; }
          .SideNav--designCenter .SideNav-menu-item:first-child a {
            border-top: 0.0625rem solid #29272a; }
        .SideNav-menu-item:last-child a {
          border-bottom: none; }
          .SideNav--designCenter .SideNav-menu-item:last-child a {
            border-bottom: 0.0625rem solid #29272a; }
        .SideNav-menu-item .Icon {
          margin-right: .8em; } }
  @media print {
    .SideNav {
      display: none; } }

.Offices-dropdowns-left, .Offices-dropdowns-right {
  margin-bottom: 0.625rem; }

.Offices-dropdowns label {
  display: block;
  float: left;
  clear: both;
  font-size: 0.83333em;
  padding: .5em 0;
  margin: .6em .3em 0;
  font-weight: 800;
  text-transform: uppercase;
  width: 28%; }

.Offices-dropdowns-container {
  position: relative;
  display: block;
  float: right;
  width: 69%; }
  .Offices-dropdowns-container select {
    width: 100%;
    border: 0;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid black;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 20px;
    position: relative;
    z-index: 1; }
    @media (min-width: 720px) {
      .Offices-dropdowns-container select {
        font-size: 14px; } }
    .Offices-dropdowns-container select::-ms-expand {
      display: none; }
  .Offices-dropdowns-container .Icon--dropdown {
    position: absolute;
    top: 0.75rem;
    right: 0.0625rem;
    font-size: 0.91667em;
    z-index: 0; }
  @media (min-width: 600px) {
    .Offices-dropdowns-container:last-child {
      margin-right: 0; } }

@media (min-width: 600px) {
  .Offices-dropdowns-left {
    float: left;
    width: 50%;
    padding: 0 1.25rem 1em 0;
    margin-top: 1em;
    border-right: 0.0625rem solid #eee; }
  .Offices-dropdowns-right {
    margin-top: 1em;
    padding: 0 0 1em 1.25rem;
    float: right;
    width: 50%; }
  .Offices-dropdowns label {
    width: 38.33333%;
    float: left;
    margin-left: 0.83333%;
    margin-right: 0.83333%; }
  .Offices-dropdowns-container {
    width: 58.33333%;
    float: right;
    margin-left: 0.83333%;
    margin-right: 0.83333%; } }

.flag_AE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_AE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_AR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_AR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_AT {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_AT {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_AU {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_AU {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_BE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_BE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_BG {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_BG {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_BR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_BR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CA {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CA {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CH {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CH {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CN {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CN {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CO {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CO {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CY {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CY {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_CZ {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_CZ {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_DE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_DE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_DK {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_DK {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_EE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_EE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_EG {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_EG {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_ES {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_ES {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_FI {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_FI {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_FR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_FR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_GB {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_GB {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_GR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_GR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_HK {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_HK {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_HU {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_HU {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_ID {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_ID {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_IE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_IE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_IL {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_IL {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_IN {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_IN {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_IS {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_IS {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_IT {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_IT {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_JP {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_JP {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_KR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_KR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_LT {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_LT {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_LU {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_LU {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_LV {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_LV {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_MA {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_MA {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_MX {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_MX {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_MY {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_MY {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_NL {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_NL {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_NO {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_NO {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_NZ {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -256px;
  width: 44px;
  height: 31px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_NZ {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_PE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_PE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_PH {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_PH {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_PL {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_PL {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_PT {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_PT {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_RO {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -132px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_RO {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_RU {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -176px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_RU {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_SE {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -220px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_SE {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_SG {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px 0px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_SG {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_SI {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -32px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_SI {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_SK {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -64px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_SK {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_TH {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -96px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_TH {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_TR {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -128px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_TR {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_TW {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -160px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_TW {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_UA {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -192px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_UA {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_US {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -264px -224px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_US {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_UY {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: 0px -256px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_UY {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_VN {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -44px -256px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_VN {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.flag_ZA {
  background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites.png);
  background-position: -88px -256px;
  width: 44px;
  height: 32px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .flag_ZA {
      background-image: url(http://F:TeamCityBuildsFolderuildArrowDirsrc rrow.FrontEnd ssetsimgspriteslagssprites-2x.png);
      background-size: 308px 288px; } }

.Region + .Region {
  margin-top: 2.5em; }

.Region .Accordion-heading {
  padding-left: 0; }

.ContentPage-body .Region .Region-content,
.ContentPage-body .Region .Region-content ul {
  list-style-type: none;
  padding-left: 0; }
  .ContentPage-body .Region .Region-content a,
  .ContentPage-body .Region .Region-content ul a {
    overflow: hidden; }

@media (max-width: 599px) {
  .Region .Accordion-heading .Icon {
    font-size: 0.7em; }
  .Region .Accordion-heading.u-header-underlined {
    border-bottom: 0.0625rem solid #eee !important; } }

@media (max-width: 1023px) {
  .Region .Accordion-heading {
    font-size: 1.5em; } }

.Region-header {
  border-bottom: 0.125rem solid #000;
  font-size: 1.42857em;
  padding: 1.5em 0 0.3em; }
  @media (min-width: 600px) {
    .Region-header {
      padding-bottom: 0.625rem;
      margin-bottom: 0.625rem; } }
  @media (min-width: 1024px) {
    .Region-header {
      font-size: 1.71429em; } }

@media (min-width: 600px) and (max-width: 1024px) {
  .Region-content {
    margin-left: -1%;
    margin-right: -1%; } }

.Region abbr {
  border: none; }

.Region-item {
  transition: opacity .3s; }
  .Region-item-sur {
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.85714em; }
    @media (min-width: 600px) {
      .Region-item-sur {
        position: absolute;
        top: -0.3125rem;
        left: 0; } }
  .Region-item-header {
    font-weight: 400;
    font-size: 1.28571em;
    border-bottom: 0.0625rem solid #000;
    padding: .2em 0 0.6em; }
    @media (max-width: 600px) {
      .Region-item-header {
        margin-top: 0; } }
  .Region-item-link {
    display: block;
    transition: opacity .3s;
    padding: 1em 0;
    font-weight: 600; }
    .Region-item-link i {
      margin-top: 0.3125rem;
      margin-right: 1.25rem;
      float: left;
      display: block;
      border: 0.0625rem solid #d7d7d7;
      box-sizing: content-box; }
    .Region-item-link-title {
      font-weight: 600; }
  .Region-item-name {
    margin-bottom: 0.125rem; }
  .Region-item-address {
    padding-bottom: 1em;
    border-bottom: 0.0625rem solid #eee; }
  .Region-item-details {
    padding-bottom: 1em;
    margin-bottom: 0;
    border-bottom: 0.0625rem solid #eee; }
    .Region-item-details dt {
      float: left;
      clear: both;
      display: inline-block;
      width: 1rem; }
    .Region-item-details dd {
      display: inline-block;
      width: 90%;
      margin-left: 0rem;
      font-weight: bold; }
  .Region-item-map {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.85714em;
    margin-top: -0.3125rem;
    margin-left: -0.625rem;
    display: inline-block; }
    .Region-item-map [class*='Icon'] {
      font-size: 1.8em;
      margin-right: 0.5rem;
      position: relative;
      top: 0.125rem;
      padding-top: 0.5625rem;
      display: inline-block;
      left: 0.3125rem; }
  .Region-item-dropdown {
    border-top: 0.125rem solid #d7d7d7;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-0.625rem);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    padding: 0 1.25em;
    margin-top: 0.71429em;
    margin-left: -1.25em;
    margin-right: -1.25em; }
    .Region-item-dropdown:before {
      content: '';
      position: absolute;
      top: -0.5rem;
      left: 1.75rem;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0.625rem 0.4375rem 0.625rem;
      border-color: transparent transparent #d7d7d7 transparent; }
    .Region-item-dropdown.is-showing {
      display: block;
      transform: translateY(0rem);
      padding-top: 2em;
      opacity: 1;
      visibility: visible;
      height: auto;
      overflow: visible; }
    .Region-item-dropdown-detail {
      min-height: 27em;
      padding-bottom: 3em;
      position: relative; }
  .Region-item.is-disabled a {
    opacity: .25 !important; }
  .Region-item.is-disabled a:hover {
    cursor: default; }
  .Region-item.is-faded a:hover {
    opacity: 1; }
  @media (min-width: 600px) {
    .Region-item-dropdown {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0; }
      .Region-item-dropdown:before {
        left: 0.4375rem; } }
  @media (min-width: 600px) and (max-width: 1024px) {
    .Region-item {
      width: 48.33333%;
      float: left;
      margin-left: 0.83333%;
      margin-right: 0.83333%; }
      .Region-item-dropdown {
        width: 204%; }
        .Region-item-dropdown-inner {
          margin-left: -1%;
          margin-right: -1%; }
        .Region-item-dropdown-detail {
          width: 48.33333%;
          float: left;
          margin-left: 0.83333%;
          margin-right: 0.83333%; }
      .Region-item:nth-child(2n+3) {
        clear: both; }
      .Region-item:nth-child(even) {
        float: right;
        margin-right: 0; }
        .Region-item:nth-child(even) .Region-item-dropdown {
          margin-left: -105.3%; }
          .Region-item:nth-child(even) .Region-item-dropdown:before {
            left: 53%; } }
  @media (min-width: 1024px) {
    .Region-item {
      width: 23.07692%;
      float: left;
      margin-right: 2.5641%; }
      .Region-item-dropdown {
        width: 433%; }
        .Region-item-dropdown-detail {
          width: 23.07692%;
          float: left;
          margin-right: 2.5641%; }
          .Region-item-dropdown-detail:nth-child(4n+1) {
            margin-left: 0;
            clear: both; }
          .Region-item-dropdown-detail:nth-child(4n) {
            margin-right: 0; }
      .Region-item:nth-child(4n -2) .Region-item-dropdown {
        margin-left: -111%; }
        .Region-item:nth-child(4n -2) .Region-item-dropdown:before {
          left: 26.4%; }
      .Region-item:nth-child(4n -1) .Region-item-dropdown {
        margin-left: -222%; }
        .Region-item:nth-child(4n -1) .Region-item-dropdown:before {
          left: 52.2%; }
      .Region-item:nth-child(4n) .Region-item-dropdown {
        margin-left: -333%; }
        .Region-item:nth-child(4n) .Region-item-dropdown:before {
          left: 77.7%; }
      .Region-item:nth-child(4n) {
        float: right;
        margin-right: 0; }
      .Region-item:nth-child(4n+1) {
        clear: both; } }
  .Region-item.ie-child-3 {
    margin-right: 0; }
  .Region-item.ie-child-4 {
    float: right;
    margin-right: 0;
    margin-left: 0; }
  .Region-item.ie-child-1 {
    clear: both; }

/* Modifies Region-item in officeRegions.scss
  and contains a further tertiary selections
========================================================================== */
.Region-item--withTertiaryLevel .Region-item-dropdown {
  padding-top: 0;
  border-top: 0; }
  .Region-item--withTertiaryLevel .Region-item-dropdown:before {
    top: -0.4375rem; }

.Region-item-tertiary-selector {
  background: #dedede;
  margin-bottom: 4.5em; }
  @media (max-width: 890px) {
    .Region-item-tertiary-selector {
      overflow: hidden;
      height: 2.75rem;
      margin-left: -1.25em;
      margin-right: -1.25em; } }
  @media (max-width: 890px) {
    .Region-item-tertiary-selector-overflow {
      overflow: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 3.75rem; } }
  @media (min-width: 890px) {
    .Region-item-tertiary-selector-inner {
      width: auto !important; } }
  .Region-item-tertiary-selector-inner:after {
    content: " ";
    display: block;
    clear: both; }
  .Region-item-tertiary-selector-inner li {
    display: block;
    float: left; }
    .Region-item-tertiary-selector-inner li a {
      padding: .8em 1em;
      display: block;
      transition: background .3s;
      font-weight: 800; }
      .Region-item-tertiary-selector-inner li a:hover, .Region-item-tertiary-selector-inner li a.is-active {
        background: #000;
        color: #fff; }

.ContactUs-list {
  font-size: 1.14286em;
  list-style-type: disc;
  padding-left: 1.28571em; }

.ContactUs-heading {
  margin-bottom: 0.41667em; }
  .ContactUs-heading--main {
    border-bottom: 0.125rem solid #000;
    border-top: 0.125rem solid #000;
    font-weight: 800;
    font-size: 1.71429em;
    margin-top: 1.66667em;
    margin-bottom: 2.08333em;
    padding: 0.625em 0;
    text-align: center; }
    @media (min-width: 720px) {
      .ContactUs-heading--main {
        font-size: 1.42857em;
        margin-bottom: 2.5em;
        margin-top: 0;
        padding: 0.75em 0; } }
    @media (min-width: 1024px) {
      .ContactUs-heading--main {
        border-bottom: 0.0625rem solid #d7d7d7;
        border-top: 0.0625rem solid #d7d7d7;
        font-size: 2em;
        margin-bottom: 1.78571em;
        padding: 0.53571em 0;
        text-align: left; } }
  .ContactUs-heading--subHeading {
    font-weight: 600;
    font-size: 0.85714em; }

.ContactUs-paragraph {
  font-size: 1.14286em; }
  .ContactUs-paragraph + .u-textTiny {
    margin-top: 0.83333em; }
  .ContactUs-paragraph--small {
    font-size: 0.71429em; }
  .ContactUs-paragraph em {
    font-weight: 600;
    font-style: normal;
    color: #54B948; }

.ContactUs-link {
  display: block;
  font-size: 1.14286em;
  font-weight: 600;
  margin-top: 0.9375em;
  padding: 1.5em 0; }
  @media (min-width: 720px) {
    .ContactUs-link {
      margin-top: 2.125em; } }
  .ContactUs-link [class*="Icon-"] {
    float: left;
    margin: 0.3125rem 0.3125rem 0; }

.ContactUs-intl-section {
  display: block;
  font-size: 1.14286em;
  font-weight: 600;
  margin-top: 0.625rem;
  padding: 0.625rem 0; }
  @media (min-width: 720px) {
    .ContactUs-intl-section {
      margin-top: 1rem; } }
  .ContactUs-intl-section [class*="Icon-"] {
    margin: 0.3125rem 0.3125rem 0; }

.ContactUs-EmailForm-helpList-default {
  color: #757575; }

.ContactUs-EmailForm-helpList-selected {
  color: #000; }

.ContactUs-EmailForm-input {
  width: 100%;
  padding: .7em 1em; }

.ContactUs-EmailForm-lastName {
  margin: 0.375rem 0;
  padding: 0.1875rem 0 0.1875rem 0.3125rem; }

.ContactUs-EmailForm-description-input {
  resize: none; }

.ContactUs-EmailForm-helpList, .ContactUs-EmailForm-description, .ContactUs-EmailForm-lastName, .ContactUs-EmailForm-email, .ContactUs-EmailForm-firstName {
  margin: 0.375rem 0.125rem;
  padding: 0.1875rem 0.125rem; }

.ContactUs-EmailForm label.error {
  color: #E31B23;
  margin-top: 0.625rem;
  display: block; }

.ContactUs-EmailForm-formError {
  color: #E31B23; }

@media (min-width: 720px) {
  .ContactUs-EmailForm-buttons {
    margin-top: 0.625rem; } }

.ContactUs-EmailForm-button {
  width: 60%;
  margin: 0.375rem 0.125rem; }
  @media (min-width: 326px) and (max-width: 1024px) {
    .ContactUs-EmailForm-button {
      width: 100%;
      margin-top: 1.25em; }
      .ContactUs-EmailForm-button:first-child {
        margin-top: 0; } }

.ContactUs-buttons {
  border-top: 0.0625rem solid #eee;
  margin-top: 1.25em;
  padding-top: 2.08333em; }
  @media (min-width: 720px) {
    .ContactUs-buttons {
      margin-top: 2.08333em; } }
  .ContactUs-buttons .Button {
    margin-right: 1.25em;
    text-decoration: none; }
    .ContactUs-buttons .Button:visited {
      color: inherit;
      text-decoration: none; }
    .ContactUs-buttons .Button:focus, .ContactUs-buttons .Button:hover {
      color: #fff;
      text-decoration: none; }
    @media (min-width: 326px) and (max-width: 1024px) {
      .ContactUs-buttons .Button {
        width: 100%;
        margin-top: 1.25em; }
        .ContactUs-buttons .Button:first-child {
          margin-top: 0; } }

.ContactUs-annotation {
  background: #eee;
  padding: 1em 1.5em;
  font-weight: bold; }
  .ContactUs-annotation em {
    font-weight: normal;
    font-style: normal; }

@media print {
  .ContactUs .u-row div[class^='u-grid'] {
    page-break-inside: avoid; } }

.ContactUs-list {
  font-size: 1.14286em;
  list-style-type: disc;
  padding-left: 1.28571em; }

.ContactUs-international-numbers {
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333; }
  .ContactUs-international-numbers-phoneNumber {
    color: #757575; }

.ContactUs-region-images {
  float: right;
  margin-right: 1.25rem; }

.ContactUs-header-underlined {
  border-bottom: 0.0625rem solid #dedede;
  margin: 0 0 .5em;
  padding-bottom: 4.5em;
  padding-top: 1em; }
  @media (max-width: 720px) {
    .ContactUs-header-underlined {
      padding-bottom: 5em;
      padding-top: 0.9375rem; } }

.ContactUs-heading {
  margin-bottom: 0.41667em; }
  .ContactUs-heading--main {
    border-bottom: 0.125rem solid #000;
    border-top: 0.125rem solid #000;
    font-weight: 800;
    font-size: 1.71429em;
    margin-top: 1.66667em;
    padding: 0.625em 0;
    text-align: center; }
    @media (min-width: 720px) {
      .ContactUs-heading--main {
        font-size: 1.42857em;
        margin-top: 0;
        padding: 0.75em 0; } }
    @media (min-width: 1024px) {
      .ContactUs-heading--main {
        border-bottom: 0.0625rem solid #d7d7d7;
        border-top: 0.0625rem solid #d7d7d7;
        font-size: 2em;
        padding: 0.53571em 0;
        text-align: left; } }
  .ContactUs-heading--subHeading {
    font-weight: 600;
    font-size: 0.85714em; }

.ContactUs-loggedInUser-text {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600; }

.ContactUs-paragraph {
  margin-top: 0.625rem;
  font-size: 1.14286em; }
  .ContactUs-paragraph + .u-textTiny {
    margin-top: 0.625rem; }
  .ContactUs-paragraph--small {
    font-size: 0.71429em; }
  .ContactUs-paragraph em {
    font-weight: 600;
    font-style: normal;
    color: #54B948; }

.ContactUs-link {
  display: block;
  font-size: 1.14286em;
  font-weight: 600;
  margin-top: 0.9375em;
  padding: 1.5em 0; }
  @media (min-width: 720px) {
    .ContactUs-link {
      margin-top: 2.125em; } }
  .ContactUs-link [class*="Icon-"] {
    float: left;
    margin: 0.3125rem 0.3125rem 0; }

.ContactUs-intl-section {
  display: block;
  font-size: 1.14286em;
  font-weight: 600;
  margin-top: 0.625rem;
  padding: 0.625rem 0; }
  @media (min-width: 720px) {
    .ContactUs-intl-section {
      margin-top: 1rem; } }
  .ContactUs-intl-section [class*="Icon-"] {
    margin: 0.3125rem 0.3125rem 0; }

.ContactUs-EmailForm {
  padding: 1.25rem 0 0.625rem 0; }
  .ContactUs-EmailForm-userNotLoggedIn-default {
    display: None; }
  .ContactUs-EmailForm-confirmation {
    border: 0.125rem solid #54B948;
    padding: 0.625rem 0.125rem;
    margin: 0 0.625rem 1.25rem; }
    .ContactUs-EmailForm-confirmation-default {
      display: none; }
    .ContactUs-EmailForm-confirmation-title {
      font-size: 1.125rem;
      color: #54B948;
      margin: 0.3125rem 0.3125rem 0.0625rem 0.625rem; }
    .ContactUs-EmailForm-confirmation-message {
      font-size: 0.875rem;
      margin: 0.0625rem 0.3125rem 0.3125rem 0.625rem; }
  .ContactUs-EmailForm-salesOrderNumber-default, .ContactUs-EmailForm-returns-section-default {
    display: none; }
  .ContactUs-EmailForm-returnReasonList-default, .ContactUs-EmailForm-helpList-default {
    color: #757575; }
  .ContactUs-EmailForm-helpList-selected {
    color: #000; }
  .ContactUs-EmailForm-input {
    width: 100%;
    padding: .7em 1em; }
  .ContactUs-EmailForm-lastName {
    margin: 0.375rem 0;
    padding: 0.1875rem 0 0.1875rem 0.3125rem; }
  .ContactUs-EmailForm-description-input {
    resize: none; }
  .ContactUs-EmailForm-helpList, .ContactUs-EmailForm-description, .ContactUs-EmailForm-lastName, .ContactUs-EmailForm-email, .ContactUs-EmailForm-salesOrderNumber, .ContactUs-EmailForm-returnReasonList, .ContactUs-EmailForm-firstName {
    margin: 0.375rem 0.125rem;
    padding: 0.1875rem 0.125rem; }
  .ContactUs-EmailForm label.error {
    color: #E31B23;
    margin-top: 0.625rem;
    display: block; }
  .ContactUs-EmailForm-formError {
    color: #E31B23; }
  .ContactUs-EmailForm-button {
    width: 60%;
    margin: 0.625rem 0.125rem; }
    @media (min-width: 326px) and (max-width: 1024px) {
      .ContactUs-EmailForm-button {
        width: 100%;
        margin-top: 1.5em; } }
  .ContactUs-EmailForm-hidden {
    display: none; }
  .ContactUs-EmailForm-reCaptcha {
    margin-top: 5rem; }

.ContactUs-modal-header {
  margin-top: 0;
  border-bottom: #333333 0.0625rem solid;
  padding-bottom: 0.9375rem; }

.ContactUs-modal-message {
  margin-top: 1.25rem;
  margin-bottom: 1.5625rem; }

.ContactUs-modal-button {
  width: 70%;
  margin-left: auto;
  margin-right: auto; }
  .ContactUs-modal-button .Button {
    width: 100%; }

.ContactUs-buttons {
  border-top: 0.0625rem solid #eee;
  margin-top: 1.25em;
  padding-top: 2.08333em; }
  @media (min-width: 720px) {
    .ContactUs-buttons {
      margin-top: 2.08333em; } }
  .ContactUs-buttons .Button {
    margin-right: 1.25em;
    text-decoration: none; }
    .ContactUs-buttons .Button:visited {
      color: inherit;
      text-decoration: none; }
    .ContactUs-buttons .Button:focus, .ContactUs-buttons .Button:hover {
      color: #fff;
      text-decoration: none; }
    @media (min-width: 326px) and (max-width: 1024px) {
      .ContactUs-buttons .Button {
        width: 100%;
        margin-top: 1.25em; }
        .ContactUs-buttons .Button:first-child {
          margin-top: 0; } }

.ContactUs-annotation {
  background: #eee;
  padding: 1em 1.5em;
  font-weight: bold; }
  .ContactUs-annotation em {
    font-weight: normal;
    font-style: normal; }

@media print {
  .ContactUs .u-row div[class^='u-grid'] {
    page-break-inside: avoid; } }

.HeroCarousel {
  overflow: hidden; }
  .HeroCarousel:hover {
    max-width: 100%; }
  .HeroCarousel-slide {
    font-size: 0.875rem;
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 18.75rem;
    padding: 0.938rem;
    box-sizing: border-box;
    background-color: #000;
    background-position: top center;
    background-size: cover;
    position: absolute;
    visibility: hidden; }
    @media (min-width: 600px) {
      .HeroCarousel-slide {
        padding: 0.938rem 1.25rem; } }
    @media (min-width: 1024px) {
      .HeroCarousel-slide {
        height: 24.063rem;
        padding: 1.375rem 1.313rem 1.688rem 1.75rem; } }
    .HeroCarousel-slide:first-child {
      position: relative;
      visibility: visible; }
    .HeroCarousel-slide:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7); }
      @media (min-width: 600px) {
        .HeroCarousel-slide:before {
          background: transparent;
          background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%); } }
      @media (min-width: 720px) {
        .HeroCarousel-slide:before {
          width: 80%; } }
      @media (min-width: 1024px) {
        .HeroCarousel-slide:before {
          width: 60%; } }
    .HeroCarousel-slide-cta {
      padding-top: 1.5em;
      position: absolute;
      left: 0.938rem;
      bottom: 0.938rem; }
      .HeroCarousel-slide-cta .Button + .Button {
        margin-left: 0.938rem;
        display: none; }
        @media (min-width: 480px) {
          .HeroCarousel-slide-cta .Button + .Button {
            display: inline-block; } }
      @media (min-width: 600px) {
        .HeroCarousel-slide-cta {
          left: 1.25rem; } }
      @media (min-width: 1024px) {
        .HeroCarousel-slide-cta {
          left: 1.75rem;
          bottom: 1.688rem; } }
    .HeroCarousel-slide.is-editor-mode {
      position: relative;
      visibility: visible;
      margin-bottom: 1em; }
    .HeroCarousel-slide--light {
      color: #000; }
      .HeroCarousel-slide--light:before {
        background: rgba(255, 255, 255, 0.3); }
        @media (min-width: 600px) {
          .HeroCarousel-slide--light:before {
            background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%); } }
    .HeroCarousel-slide .RoundCtas {
      font-size: 2.5em;
      position: absolute;
      right: 1.25rem;
      top: 1.25rem; }
      @media (min-width: 600px) {
        .HeroCarousel-slide .RoundCtas {
          font-size: 2.85714em; } }
      .HeroCarousel-slide .RoundCtas .Icon {
        margin-bottom: 0.625rem;
        position: relative;
        z-index: 2; }
    .HeroCarousel-slide a span.sr-only {
      border: 0;
      height: 0.063rem;
      margin: -0.063rem;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 0.063rem; }
    .HeroCarousel-slide a.HeroCarousel-link:focus-visible {
      outline-offset: -0.188rem;
      outline-width: 0.188rem; }
  .HeroCarousel.slick-initialized .HeroCarousel-slide {
    position: relative;
    visibility: visible; }
  .HeroCarousel.is-editor-mode {
    max-width: 61.75rem; }
    .HeroCarousel.is-editor-mode .HeroCarousel-slide {
      position: relative;
      visibility: visible;
      margin-bottom: 1em;
      background-color: #000; }
    .HeroCarousel.is-editor-mode .HeroCarousel-background {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%; }
  .HeroCarousel-content {
    overflow: hidden;
    height: 15rem; }
    .HeroCarousel-link .HeroCarousel-content {
      padding: 0.938rem 0.938rem 0; }
      @media (min-width: 600px) {
        .HeroCarousel-link .HeroCarousel-content {
          padding: 0.938rem 1.25rem 0; } }
      @media (min-width: 1024px) {
        .HeroCarousel-link .HeroCarousel-content {
          height: 19.375rem;
          padding: 1.375rem 1.313rem 0 1.75rem; } }
  .HeroCarousel-header, .HeroCarousel-body, .HeroCarousel-subHeader, .HeroCarousel-button {
    margin-top: 0;
    margin-left: 0.188rem;
    position: relative;
    z-index: 2;
    transform: translate3d(0, 0, 0); }
  .HeroCarousel-header {
    display: block;
    overflow: hidden;
    max-width: 75%;
    max-height: 6rem;
    margin: 0 0 1rem;
    padding-bottom: 0.25rem;
    font-size: 1.42857em;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.02em; }
    @media (min-width: 600px) {
      .HeroCarousel-header {
        max-height: 7.313rem;
        font-size: 2.28571em;
        line-height: 1.15625;
        letter-spacing: -0.04em;
        margin-bottom: 0.938rem;
        padding-bottom: 0.313rem; } }
    @media (min-width: 720px) {
      .HeroCarousel-header {
        max-width: 50%; } }
    @media (min-width: 1024px) {
      .HeroCarousel-header {
        max-height: 11.5rem;
        margin-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-bottom: 0.813rem;
        font-size: 2.85714em;
        line-height: 1.036; } }
  .HeroCarousel-body {
    display: block;
    overflow: hidden;
    padding-top: 1.42857em;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: 0.04em;
    max-width: 85%; }
    @media (min-width: 600px) {
      .HeroCarousel-body {
        max-width: 75%; } }
    @media (min-width: 720px) {
      .HeroCarousel-body {
        max-width: 50%;
        font-size: 1.07143em; } }
    .HeroCarousel-body:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0.125rem;
      width: 6.5rem;
      height: 0.125rem;
      background: #F68A33; }
  .HeroCarousel-subHeader {
    font-size: 1.21429em;
    display: block; }
    @media (min-width: 600px) {
      .HeroCarousel-subHeader {
        font-size: 1.28571em;
        margin-bottom: 1.07143em; } }
    @media (min-width: 720px) {
      .HeroCarousel-subHeader {
        max-width: 50%; } }
  .HeroCarousel-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .HeroCarousel-button {
    min-width: 9.063rem; }
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-header,
  .HeroCarousel--animateSlideLeft .slide-in-forward .RoundCtas,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-tags {
    animation: carousel-slide-in-from-right-primary 0.4s ease-in-out 0.6s both; }
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-body,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-subHeader,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-pricing,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-creation,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-play,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-button,
  .HeroCarousel--animateSlideLeft .slide-in-forward .HeroCarousel-eventDetails {
    animation: carousel-slide-in-from-right-secondary 0.6s ease-in-out 0.6s both; }
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-header,
  .HeroCarousel--animateSlideLeft .slide-out-forward .RoundCtas,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-tags {
    animation: carousel-slide-out-to-left-primary 0.6s ease-in-out both; }
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-body,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-subHeader,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-pricing,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-creation,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-play,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-button,
  .HeroCarousel--animateSlideLeft .slide-out-forward .HeroCarousel-eventDetails {
    animation: carousel-slide-out-to-left-secondary 0.5s ease-in-out 0.1s both; }
  .HeroCarousel .playButton {
    background: none;
    border: none; }
    .HeroCarousel .playButton:focus {
      outline: none;
      box-shadow: 0 0 0 0.188rem #7FC1EA; }
  .HeroCarousel .iconTag {
    position: absolute;
    right: 0.188rem;
    bottom: 0.313rem;
    width: auto;
    height: 1.563rem;
    border: none; }
    .HeroCarousel .iconTag .play-button {
      font-family: 'arrow-icons';
      font-size: 0.625rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-decoration: none;
      border-radius: 50%;
      text-align: center;
      background-color: #0069AA;
      padding: 0.313rem;
      color: #fff;
      border: none;
      width: 1.25rem;
      height: 1.25rem;
      font-size: 0.625rem; }
      .HeroCarousel .iconTag .play-button--playing::before {
        content: "\E60F"; }
      .HeroCarousel .iconTag .play-button--paused::before {
        content: "\E674"; }
      .HeroCarousel .iconTag .play-button:hover {
        cursor: pointer;
        background-color: #0084D5; }
      .HeroCarousel .iconTag .play-button:focus {
        outline: 0.188rem solid #7FC1EA; }
    .HeroCarousel .iconTag .icon-text {
      position: relative;
      color: #0069AA;
      font-size: 1.125rem;
      font-weight: 600;
      margin-left: 0.5rem;
      top: 0.188rem; }
      .HeroCarousel .iconTag .icon-text:hover {
        cursor: pointer;
        color: #0084D5; }

.HeroCarousel-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0.625rem 0;
  list-style: none;
  text-align: center;
  cursor: default;
  -webkit-touch-callout: none;
  user-select: none;
  pointer-events: none; }
  @media (min-width: 1024px) {
    .HeroCarousel-pagination {
      text-align: left;
      position: relative; } }
  .HeroCarousel-pagination li {
    position: relative;
    display: inline-block;
    margin: 0 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    cursor: pointer;
    pointer-events: auto; }
  .HeroCarousel-pagination .HeroCarousel-pagination-button {
    padding: 0;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 0.125rem #fff;
    transition: box-shadow 0.3s ease; }
    .HeroCarousel-pagination .HeroCarousel-pagination-button:focus {
      outline: solid #7FC1EA; }
    .HeroCarousel-pagination .HeroCarousel-pagination-button span.sr-only {
      border: 0;
      height: 0.063rem;
      margin: -0.063rem;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 0.063rem; }
    @media (min-width: 1024px) {
      .HeroCarousel-pagination .HeroCarousel-pagination-button {
        box-shadow: inset 0 0 0 0.125rem #000; }
        .HeroCarousel-pagination .HeroCarousel-pagination-button:hover, .HeroCarousel-pagination .HeroCarousel-pagination-button:focus {
          outline: 0.188rem solid #7FC1EA; } }
  .HeroCarousel-pagination .slick-active {
    cursor: default; }
    .HeroCarousel-pagination .slick-active .HeroCarousel-pagination-button {
      box-shadow: inset 0 0 0 0.5rem #fff; }
      @media (min-width: 1024px) {
        .HeroCarousel-pagination .slick-active .HeroCarousel-pagination-button {
          box-shadow: inset 0 0 0 0.5rem #000; }
          .HeroCarousel-pagination .slick-active .HeroCarousel-pagination-button:hover, .HeroCarousel-pagination .slick-active .HeroCarousel-pagination-button:focus {
            box-shadow: inset 0 0 0 0.5rem #000;
            cursor: default;
            outline: 0.188rem solid #7FC1EA; } }

.HeroCarousel-slide--introduction .HeroCarousel-logo {
  position: absolute;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  display: block;
  width: 3.3125rem;
  height: 0.75rem;
  bottom: 0.9375rem;
  right: .9375rem; }
  @media (min-width: 600px) {
    .HeroCarousel-slide--introduction .HeroCarousel-logo {
      width: 6.625rem;
      height: 1.4375rem; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--introduction .HeroCarousel-logo {
      bottom: 1.5rem;
      right: 1.8125rem; } }

.HeroCarousel-slide--introduction .HeroCarousel-subHeader,
.HeroCarousel-slide--introduction .HeroCarousel-header {
  font-family: ArrowDisplayBold,sans-serif;
  max-width: 28.5rem; }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--introduction .HeroCarousel-subHeader,
    .HeroCarousel-slide--introduction .HeroCarousel-header {
      max-width: 30.375rem; } }

.HeroCarousel-slide--introduction .HeroCarousel-body {
  max-width: 25.938rem; }

.HeroCarousel-slide--introduction .HeroCarousel-slide-cta .Button--bordered {
  background-color: #fff; }
  .HeroCarousel-slide--introduction .HeroCarousel-slide-cta .Button--bordered:hover, .HeroCarousel-slide--introduction .HeroCarousel-slide-cta .Button--bordered:focus {
    background-color: #000; }

.HeroCarousel-slide--article .HeroCarousel-link {
  top: 3em; }

.HeroCarousel-slide--article .HeroCarousel-content {
  padding-top: 0.313rem;
  height: 12.375rem; }
  @media (min-width: 600px) {
    .HeroCarousel-slide--article .HeroCarousel-content {
      height: 14.688rem;
      padding-top: 0.625rem; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--article .HeroCarousel-content {
      height: 17.25rem; } }

.HeroCarousel-slide--article .HeroCarousel-tags {
  margin-bottom: 0.625rem;
  width: 80%;
  overflow: hidden;
  max-height: 2em;
  font-size: 0.85714em; }
  @media (min-width: 600px) {
    .HeroCarousel-slide--article .HeroCarousel-tags {
      font-size: 1em; } }

.HeroCarousel-slide--article .HeroCarousel-creation {
  bottom: 1.438rem;
  color: #fff;
  margin-top: 0.83333em;
  position: absolute;
  z-index: 2;
  transform: translate3d(0, 0, 0); }
  @media (min-width: 720px) {
    .HeroCarousel-slide--article .HeroCarousel-creation {
      bottom: 0.75rem; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--article .HeroCarousel-creation {
      bottom: 1.875rem; } }

.HeroCarousel-slide--article .HeroCarousel-play {
  font-size: 2em;
  width: 100%; }
  @media (min-width: 720px) {
    .HeroCarousel-slide--article .HeroCarousel-play {
      left: 65%;
      min-height: 12.5rem;
      height: calc(100% - 3.75rem);
      position: absolute;
      top: 0;
      width: 35%;
      font-size: 3.21429em; } }
  .HeroCarousel-slide--article .HeroCarousel-play .Icon {
    background-color: rgba(19, 19, 19, 0.7);
    color: #fff;
    display: block;
    height: 4.063rem;
    width: 4.063rem;
    margin: 0 auto;
    font-size: 2.375rem; }
    @media (min-width: 720px) {
      .HeroCarousel-slide--article .HeroCarousel-play .Icon {
        height: 5.313rem;
        width: 5.313rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
    .HeroCarousel-slide--article .HeroCarousel-play .Icon:before {
      left: 35%;
      position: absolute;
      top: 27%; }

.HeroCarousel-slide--article .HeroCarousel-eventDetails {
  color: #fff;
  min-width: 21.875rem;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  margin: 0.313rem 0.625rem 0.938rem 0;
  font-size: 0.8em; }
  @media (min-width: 720px) {
    .HeroCarousel-slide--article .HeroCarousel-eventDetails {
      position: absolute;
      bottom: 0.938rem;
      margin: 0; } }
  .HeroCarousel-slide--article .HeroCarousel-eventDetails .Icon {
    float: left;
    font-size: 1.66667em;
    margin-right: 0.625rem; }

.HeroCarousel-slide--article .HeroCarousel-date {
  line-height: 1.25rem; }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--article .HeroCarousel-date {
      float: left;
      width: 50%; } }

.HeroCarousel-slide--article .HeroCarousel-location {
  line-height: 1.25rem;
  margin-bottom: 0.313rem; }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--article .HeroCarousel-location {
      float: left;
      margin-bottom: 0;
      width: 50%; } }

.HeroCarousel-slide--article .HeroCarousel-slide-cta {
  z-index: 2;
  transform: translate3d(0, 0, 0); }
  @media (min-width: 600px) {
    .HeroCarousel-slide--article .HeroCarousel-slide-cta {
      position: absolute;
      left: auto;
      right: 1.25rem; }
      .HeroCarousel-slide--article .HeroCarousel-slide-cta .Button {
        float: right;
        margin-left: 0.938rem; } }

.HeroCarousel-slide--article .Button--orange:focus {
  background-color: #E46A2B; }

@media (min-width: 1024px) {
  .HeroCarousel-link .HeroCarousel-content {
    height: 19.375rem;
    padding: 1.375rem 1.313rem 0rem 1.75rem; } }

.HeroCarousel-slide--product .HeroCarousel-header {
  margin-bottom: 0.625rem; }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--product .HeroCarousel-header {
      font-size: 2.85714em; } }

.HeroCarousel-slide--product .HeroCarousel-subHeader {
  width: 50%; }
  @media (min-width: 600px) {
    .HeroCarousel-slide--product .HeroCarousel-subHeader {
      margin-bottom: 0.71429em; } }

@media (min-width: 600px) {
  .HeroCarousel-slide--product .HeroCarousel-content {
    height: 14.563rem; } }

@media (min-width: 720px) {
  .HeroCarousel-slide--product .HeroCarousel-content {
    height: 12.313rem; } }

@media (min-width: 1024px) {
  .HeroCarousel-slide--product .HeroCarousel-content {
    height: 16.688rem; } }

.HeroCarousel-slide--product .HeroCarousel-body {
  display: none;
  padding-top: 0; }
  .HeroCarousel-slide--product .HeroCarousel-body:before {
    display: none; }
  @media (min-width: 600px) {
    .HeroCarousel-slide--product .HeroCarousel-body {
      display: block; } }
  @media (min-width: 720px) {
    .HeroCarousel-slide--product .HeroCarousel-body {
      max-height: 4.6em; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--product .HeroCarousel-body {
      max-height: 6.2em; } }

.HeroCarousel-slide--product .HeroCarousel-pricing {
  position: absolute;
  pointer-events: none;
  bottom: 0.938rem;
  left: 0.938rem;
  z-index: 2;
  transform: translate3d(0, 0, 0); }
  @media (min-width: 600px) {
    .HeroCarousel-slide--product .HeroCarousel-pricing {
      left: 1.25rem;
      bottom: 1.688rem; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--product .HeroCarousel-pricing {
      left: 1.75rem; } }

.HeroCarousel-slide--product .HeroCarousel-price {
  display: block;
  font-size: 0.85714em;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1; }
  .HeroCarousel-slide--product .HeroCarousel-price strong {
    font-size: 2.83333em;
    padding-left: 0.25rem; }

.HeroCarousel-slide--product .HeroCarousel-button {
  display: none;
  float: left;
  min-width: 9.0625rem; }
  @media (min-width: 720px) {
    .HeroCarousel-slide--product .HeroCarousel-button {
      display: inline-block; } }
  @media (min-width: 1024px) {
    .HeroCarousel-slide--product .HeroCarousel-button {
      min-width: 9.0625rem; } }

.HeroCarousel-slide--product .HeroCarousel-slide-cta {
  position: static;
  padding-top: 0;
  pointer-events: auto; }
  @media (min-width: 480px) {
    .HeroCarousel-slide--product .HeroCarousel-slide-cta .Button + .Button {
      display: none; } }
  @media (min-width: 720px) {
    .HeroCarousel-slide--product .HeroCarousel-slide-cta .Button + .Button {
      display: inline-block; } }
  .HeroCarousel-slide--product .HeroCarousel-slide-cta .HeroCarousel-stock + .Button {
    margin-left: 0; }
  .HeroCarousel-slide--product .HeroCarousel-slide-cta .Button--bordered {
    background-color: #fff; }
    .HeroCarousel-slide--product .HeroCarousel-slide-cta .Button--bordered:hover, .HeroCarousel-slide--product .HeroCarousel-slide-cta .Button--bordered:focus {
      background-color: #000; }

.HeroCarousel-slide--product .HeroCarousel-stock {
  font-weight: normal;
  text-transform: none; }
  .HeroCarousel-slide--product .HeroCarousel-stock strong {
    line-height: 0.95; }
  .HeroCarousel-slide--product .HeroCarousel-stock:hover {
    background: #000; }

@media (min-width: 720px) {
  .HeroCarousel-slide--product .HeroCarousel-header,
  .HeroCarousel-slide--product .HeroCarousel-subHeader,
  .HeroCarousel-slide--product .HeroCarousel-body {
    max-width: 70%; } }

@media (min-width: 1024px) {
  .HeroCarousel-slide--product .HeroCarousel-header,
  .HeroCarousel-slide--product .HeroCarousel-subHeader,
  .HeroCarousel-slide--product .HeroCarousel-body {
    max-width: 50%; } }

.HeroCarousel-slide--video .HeroCarousel-body {
  display: none; }
  @media (min-width: 720px) {
    .HeroCarousel-slide--video .HeroCarousel-body {
      display: block; } }

.HeroCarousel-slide--video .Button--orange:focus {
  background-color: #E46A2B; }

.Hero-side-top, .Hero-side-bottom,
.Hero-side .u-height,
.Hero-side .u-height--half {
  height: 12em; }
  .Hero-side-top > [class*="u-height"], .Hero-side-bottom > [class*="u-height"],
  .Hero-side .u-height > [class*="u-height"],
  .Hero-side .u-height--half > [class*="u-height"] {
    height: 100%; }

@media (max-width: 1023px) {
  .Hero-side {
    padding: 1.5em;
    background-color: #eee; } }

.Hero-side-bottom {
  margin-top: 1.66667em; }
  @media (min-width: 720px) {
    .Hero-side-bottom {
      margin-top: 0.83333em; } }

@media (min-width: 720px) and (max-width: 1023px) {
  .Hero-side-top, .Hero-side-bottom {
    width: 49%;
    float: left; }
  .Hero-side-bottom {
    margin-left: 2%;
    margin-top: 0; } }

@media (min-width: 1024px) {
  .Hero-container {
    background-color: #fff; }
  .Hero-side .u-height {
    height: 20.83333em; } }

.ProductPurchase-button {
  width: 100%;
  overflow: hidden;
  position: relative;
  line-height: 1;
  height: auto;
  display: block;
  max-width: none; }

.ProductPurchase-quantity {
  padding: 0.75em;
  display: block;
  width: 100%;
  border: 0.0625rem solid #d7d7d7;
  box-shadow: inset -0.125rem 0.125rem 0 0.125rem #fff; }
  .ProductPurchase-quantity::-ms-clear {
    display: none; }
  .ProductPurchase-quantity.placeholder {
    color: #757575; }
  .ProductPurchase-quantity-label {
    font-weight: 400;
    display: block;
    margin-bottom: 0.25rem;
    color: #505050;
    font-size: 0.75rem;
    text-align: left; }

.ProductPurchase-priceTiers dt {
  float: left;
  min-width: 40%;
  max-width: 60%;
  text-align: left;
  clear: both; }

.ProductPurchase-priceTiers dd {
  float: right;
  min-width: 4em;
  max-width: 40%;
  text-align: right;
  margin: 0; }

[lang=de-DE] .ProductPurchase-button--backOrder.Button--small {
  padding: 0.91667em 0.25em; }

.PromoForm .hidden {
  display: none; }

.PromoForm-title, .PromoForm-confirmationMessage h2 {
  font-weight: 400;
  display: inline-block; }

.PromoForm .Icon--help {
  color: #29272a; }

.PromoForm .Icon--error {
  font-size: 1.25rem; }

.PromoForm-claimPrize {
  float: right;
  display: inline-block;
  margin-top: 1.3em; }

.PromoForm-disclaimer {
  float: right;
  color: #29272a;
  padding-bottom: 1.3em;
  width: 100%;
  text-align: right; }

.PromoForm-divider {
  border-bottom: 0.125rem solid #d7d7d7; }

.PromoForm-optOut {
  display: inline-block;
  color: #29272a;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  padding-bottom: 1.3em;
  float: right;
  margin-top: 1em; }

.PromoForm button[type='submit'] {
  float: right;
  margin-right: 0;
  width: 25%; }

.PromoForm-isSameAsShipping {
  transform: scale(1.25); }

.PromoForm-isSameAsShippingLabel {
  font-size: 1.25em; }

.PromoForm-intro {
  margin-bottom: 1.5625rem; }

.PromoForm-selectInput select {
  display: block;
  padding: 0.75em 0.75em 0.75em 1.75em;
  width: 100%;
  border: 0.0625rem solid #d7d7d7;
  height: 2.1875rem;
  background-color: transparent; }

.PromoForm-state {
  width: 100%;
  display: inline-block; }
  @media (min-width: 600px) {
    .PromoForm-state {
      width: 75%; } }

.PromoForm-postal {
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  @media (min-width: 600px) {
    .PromoForm-postal {
      width: 24%; } }

.PromoForm-share {
  text-align: center; }
  .PromoForm-share p {
    font-size: 1.5em;
    padding-bottom: 0.5em; }
  .PromoForm-share li {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1em;
    width: 2.2em;
    line-height: 2.2em;
    background-color: #757575;
    border-radius: 50%;
    text-align: center;
    color: #eee;
    font-size: 1.4em;
    transition: all 300ms;
    text-decoration: none; }
    .PromoForm-share li:hover {
      color: #fff;
      transform: scale3D(1.05, 1.05, 1.05);
      text-decoration: none; }
    .PromoForm-share li:visited, .PromoForm-share li:active {
      color: #fff;
      text-decoration: none; }
    .PromoForm-share li:last-child {
      margin-right: 0; }
    .PromoForm-share li a {
      padding: 0.5em; }

.Part-Category-hero-wrapper {
  background-size: cover;
  background-position: center;
  position: relative; }
  .Part-Category-hero-wrapper:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .Part-Category-hero-wrapper .Content--nopadding .u-row > .u-grid-8 {
    margin-bottom: 2.04082%; }

.Part-Category-hero {
  padding: 0 1.5em;
  color: #fff;
  position: relative; }
  .Part-Category-hero--background {
    background-color: #000; }
    .Part-Category-hero--background:before {
      background-color: #000; }
  .Part-Category-hero--backgroundLight {
    background-color: #eee;
    color: #000; }
    .Part-Category-hero--backgroundLight:before {
      background-color: #eee;
      color: #000; }
  @media (min-width: 1024px) {
    .Part-Category-hero {
      padding: 0;
      width: 80%; } }
  .Part-Category-hero-intro {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 400; }
    @media (min-width: 1024px) {
      .Part-Category-hero-intro {
        font-size: 2.16667em; } }
  .Part-Category-hero-text {
    margin: 0.16667em 0 0.20833em;
    display: table;
    font-size: 2em;
    font-weight: 800; }
    .Part-Category-hero-text .u-middle {
      display: table-cell;
      vertical-align: middle; }
      @media (min-width: 600px) {
        .Part-Category-hero-text .u-middle {
          line-height: 1.6; } }
      @media (min-width: 1024px) {
        .Part-Category-hero-text .u-middle {
          line-height: 1; } }
    .Part-Category-hero-text i {
      font-size: 1.25em;
      display: table-cell;
      vertical-align: top;
      padding-right: 0.9375rem; }
      @media (min-width: 600px) {
        .Part-Category-hero-text i {
          padding: 0.3125rem 0.9375rem 0 0; } }
    @media (min-width: 600px) {
      .Part-Category-hero-text {
        font-size: 2.33333em; }
        .Part-Category-hero-text i {
          font-size: 1.25em; } }
    @media (min-width: 1024px) {
      .Part-Category-hero-text {
        font-size: 3.66667em; }
        .Part-Category-hero-text i {
          font-size: 1.09091em;
          line-height: .75; } }
  .Part-Category-hero p {
    line-height: 1.33333;
    margin-bottom: 1.66667em;
    margin-top: 0; }
    @media (min-width: 720px) {
      .Part-Category-hero p {
        margin-top: 0;
        margin-bottom: 1.42857em;
        font-size: 1.25em;
        font-weight: 400; } }
  .Part-Category-hero h3 {
    font-size: 1.5em;
    line-height: 1.3; }
    @media (min-width: 1024px) {
      .Part-Category-hero h3 {
        font-size: 2em;
        margin: .5em 0; } }
  .Part-Category-hero .Part-Category-ctas {
    display: none; }
    @media (min-width: 1024px) {
      .Part-Category-hero .Part-Category-ctas {
        display: block;
        width: 28.33333%;
        float: right; } }
  .Part-Category-hero-copy {
    margin-bottom: 1.2em; }
    .Part-Category-hero-copy .ReadMore-container .ReadMore-toggle {
      color: #CBC2C2; }
    .Part-Category-hero-copy p:last-child {
      margin-bottom: 0; }

.Part-Category-lists {
  margin-top: 2.5em; }

.Part-Category-background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2; }
  @media (min-width: 1240px) {
    .Part-Category-background:before {
      background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.5) 50%, #000 100%); } }

.Part-Category .u-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
  background-size: cover; }

.Part-Category-stats a:hover, .Part-Category-items a:hover {
  color: #757575; }

.Part-Category-stats {
  text-align: center;
  border-top: 0.125rem solid #E31B23; }
  .Part-Category-stats li {
    padding: 1.25em 0;
    text-transform: uppercase;
    font-size: 1.33333em; }
    .Part-Category-stats li span {
      font-weight: bold; }

.Part-Category-logo {
  display: block;
  width: 100%;
  height: 100%; }

@media (min-width: 1024px) {
  .Part-Category .Content {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .Part-Category .TypeaheadCategory-header {
    font-size: 2.66667em; }
    .Part-Category .TypeaheadCategory-header i {
      display: inline-block;
      margin-right: 0.25em; }
  .Part-Category .u-primary .Part-Category-ctas {
    display: none; }
  .Part-Category-stats {
    width: 18.33333%;
    float: left;
    margin-right: 2.04082%;
    border-bottom: 0.125rem solid #eee; } }

.Part-Category-logo {
  background: #fff;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .Part-Category-logo img {
    max-width: 100%;
    max-height: 100%;
    align-self: center; }

@media (min-width: 1024px) {
  .AbsoluteLayout {
    position: relative;
    margin-bottom: 15px; }
    .AbsoluteLayout > .AbsoluteLayout-offsetColumn .DesignCenter-section:last-child,
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn .DesignCenter-section:last-child {
      margin-bottom: 0; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn {
      position: absolute;
      height: 100%;
      left: 0;
      top: 0; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-1 + .AbsoluteLayout-offsetColumn {
      left: 8.33333%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-2 + .AbsoluteLayout-offsetColumn {
      left: 16.66667%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-3 + .AbsoluteLayout-offsetColumn {
      left: 25%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-4 + .AbsoluteLayout-offsetColumn {
      left: 33.33333%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-5 + .AbsoluteLayout-offsetColumn {
      left: 41.66667%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-6 + .AbsoluteLayout-offsetColumn {
      left: 50%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-7 + .AbsoluteLayout-offsetColumn {
      left: 58.33333%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-8 + .AbsoluteLayout-offsetColumn {
      left: 66.66667%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-9 + .AbsoluteLayout-offsetColumn {
      left: 75%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-10 + .AbsoluteLayout-offsetColumn {
      left: 83.33333%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-11 + .AbsoluteLayout-offsetColumn {
      left: 91.66667%;
      margin-left: 0.625rem; }
    .AbsoluteLayout > .AbsoluteLayout-absoluteColumn.col-md-12 + .AbsoluteLayout-offsetColumn {
      left: 100%;
      margin-left: 0.625rem; } }

.DesignCenter-intro h1 {
  margin-bottom: 0.9375rem;
  display: inline-block;
  font-weight: 800; }

.DesignCenter-intro p {
  margin-bottom: 1.875rem;
  font-size: 0.875rem; }

.DesignCenter-intro .JumpTo-item {
  height: 2.75rem; }
  .DesignCenter-intro .JumpTo-item a {
    position: relative; }

@media (min-width: 1024px) {
  .DesignCenter-intro {
    padding-top: 1.25rem; }
    .DesignCenter-intro h1 {
      margin-top: 0; }
    .DesignCenter-intro .JumpTo-item {
      height: auto; } }

.DesignCenter-intro-icons {
  top: 0.625rem;
  display: none;
  position: relative;
  left: 1.875rem; }
  .DesignCenter-intro-icons .Icon--folder-open:before {
    top: -0.0625rem;
    left: 0.0625rem; }
  @media (min-width: 1024px) {
    .DesignCenter-intro-icons {
      display: inline-block; } }
  .DesignCenter-intro-icons .Icon {
    font-size: 1.5rem;
    background: #fff;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 1.625rem;
    display: block;
    color: #54B948; }
    .DesignCenter-intro-icons .Icon:before {
      display: block;
      text-align: center; }

.DesignCenter-intro-icon {
  border-left: 0.0625rem solid #dedede;
  display: inline-block;
  position: relative;
  height: 2.8125rem;
  padding: 0 0.9375rem;
  float: left; }
  .DesignCenter-intro-icon.is-active .Icon,
  .DesignCenter-intro-icon a:hover .Icon {
    background: #54B948;
    color: #fff; }

.DesignCenter-section {
  margin-bottom: 1.25rem; }

.DesignCenter-type {
  height: 12.5rem;
  background: #fff;
  border-bottom: 0.125rem solid #757575;
  text-align: center;
  position: relative;
  letter-spacing: 0.05em;
  white-space: nowrap;
  padding-top: 1.25rem; }
  .DesignCenter-type--noCta {
    display: block; }
  .DesignCenter-type > .Icon {
    color: #54B948;
    display: block;
    font-size: 4.5rem;
    text-align: center; }
  .DesignCenter-type .DesignCenter-title {
    color: #000;
    position: absolute;
    text-align: center;
    top: 6.875rem;
    left: 0;
    right: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: normal;
    text-transform: uppercase;
    padding: 0 0.625rem;
    word-break: break-word; }
  .DesignCenter-type .DesignCenter-type-cta {
    bottom: 0.76923em;
    color: #757575;
    font-weight: 500;
    font-size: 0.8125rem;
    left: 0.76923em;
    position: absolute;
    right: 0.76923em;
    text-transform: uppercase; }
  .DesignCenter-type .DesignCenter-type-ctaClose {
    bottom: 0.76923em;
    color: #fff;
    display: none;
    font-weight: 500;
    font-size: 0.8125rem;
    left: 0.76923em;
    position: absolute;
    right: 0.76923em;
    text-transform: uppercase; }
    .DesignCenter-type .DesignCenter-type-ctaClose .Icon {
      font-size: 0.5rem;
      position: relative;
      bottom: 0.0625rem;
      left: 0.125rem; }
  .is-active .DesignCenter-type {
    background: #54B948;
    border-bottom: 0.125rem solid #54B948; }
    .is-active .DesignCenter-type .DesignCenter-title,
    .is-active .DesignCenter-type > .Icon {
      color: #fff; }
    .is-active .DesignCenter-type .DesignCenter-type-cta {
      display: none; }
    .is-active .DesignCenter-type .DesignCenter-type-ctaClose {
      display: block; }
  .DesignCenter-type-subCopy {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    white-space: normal;
    padding: 0 0.625rem;
    overflow: hidden;
    height: 2.4em; }

.DesignCenter-typeList {
  padding: 0 1.25rem 1.25rem; }

.DesignCenter-toolsCarousel .ExpandingCarousel-carousel {
  padding: 0 0.625rem; }
  @media (min-width: 1024px) {
    .DesignCenter-toolsCarousel .ExpandingCarousel-carousel {
      padding: 0 1.25rem; } }
  .js .DesignCenter-toolsCarousel .ExpandingCarousel-carousel {
    display: none; }
    .js .DesignCenter-toolsCarousel .ExpandingCarousel-carousel.slick-initialized {
      display: block; }

.DesignCenter-toolsCarousel .FixedItemCarousel-slide {
  padding: 0 0.625rem 0 0; }

.ToolPanel {
  background-color: #54B948;
  color: #fff;
  overflow: hidden;
  padding: 0; }
  .ToolPanel-image {
    background: #4eaf43; }
    @media (min-width: 720px) {
      .ToolPanel-image {
        float: left;
        width: 50%; } }
    @media (min-width: 1024px) {
      .ToolPanel-image {
        float: left;
        width: 30%; } }
    .ToolPanel-image img {
      width: 100%;
      max-width: 100%;
      vertical-align: bottom; }
    .ToolPanel-image-inner {
      position: relative;
      overflow: hidden; }
      .ToolPanel-image-inner .u-height {
        margin-bottom: 0;
        height: 18.75rem;
        margin: 1.5em;
        width: auto; }
        @media (min-width: 720px) {
          .ToolPanel-image-inner .u-height {
            height: 20rem; } }
        @media (min-width: 1024px) {
          .ToolPanel-image-inner .u-height {
            height: 16.875rem; } }
      .ToolPanel-image-inner .ArwPrm-heading {
        width: 100%; }
      .ToolPanel-image-inner .RoundCtas.is-orange .Icon {
        background-color: #54B948;
        margin-bottom: 0.625rem; }
        .ToolPanel-image-inner .RoundCtas.is-orange .Icon:hover {
          background: #189c58; }
      .ToolPanel-image-inner .Tags-item-link {
        background-color: #54B948;
        box-shadow: 0 0 #54B948; }
    .ToolPanel-image-description {
      position: absolute;
      bottom: 1.5em;
      left: 1.5em;
      right: 1.5em; }
    .ToolPanel-image-title {
      display: block;
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 1.5em; }
    .ToolPanel-image-date {
      display: block; }

.ToolDescription {
  padding: 1.5em;
  position: relative; }
  @media (min-width: 720px) {
    .ToolDescription {
      float: left;
      width: 50%;
      position: relative;
      height: 100%;
      overflow: hidden; } }
  @media (min-width: 1024px) {
    .ToolDescription {
      width: 70%;
      float: right; } }
  .ToolDescription-counts {
    height: 1.25rem;
    line-height: 1.25rem;
    position: relative; }
    @media (min-width: 1024px) {
      .ToolDescription-counts {
        height: 0; } }
    .ToolDescription-counts .Icon--cross {
      position: absolute;
      right: 0;
      top: 0; }
  .ToolDescription-count {
    font-size: 0.75rem; }
    @media (min-width: 1024px) {
      .ToolDescription-count {
        display: none; } }
  .ToolDescription-info {
    padding: 1em 0; }
    @media (min-width: 1024px) {
      .ToolDescription-info {
        width: 95%;
        float: left; } }
    .ToolDescription-info h3 {
      margin: 0 0 0.3125rem;
      font-weight: 800; }
      @media (min-width: 1024px) {
        .ToolDescription-info h3 {
          font-size: 2.5rem;
          line-height: 2.5625rem;
          margin: 0rem 0 1.25rem; } }
    .ToolDescription-info p:first-of-type {
      font-size: 1.1875rem;
      line-height: 1.5625rem;
      margin-bottom: 0.75rem; }
      @media (min-width: 1024px) {
        .ToolDescription-info p:first-of-type {
          font-size: 1.375rem;
          line-height: 1.1818181818; } }
    .ToolDescription-info p {
      line-height: 1.2em; }
      @media (min-width: 600px) {
        .ToolDescription-info p {
          font-size: 0.9375rem;
          line-height: 1.2; } }
    .ToolDescription-info p + p {
      margin-top: 0.666667em; }
      @media (min-width: 1240px) {
        .ToolDescription-info p + p {
          font-size: 1rem;
          margin: 0; } }
  .ToolDescription-ctas .Button {
    width: 100%;
    margin: 0.625rem 0 0;
    padding-left: 0;
    padding-right: 0; }
  @media (min-width: 1024px) {
    .ToolDescription-ctas {
      margin-top: 2.5em;
      width: 100%;
      float: left; }
      .ToolDescription-ctas .Button {
        margin-right: 0.9375rem;
        width: 30%;
        float: left; } }

.Engineer {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  color: #fff; }
  .Engineer-name {
    font-weight: 600;
    font-size: 0.8125rem; }
  .Engineer-department {
    display: block;
    text-transform: uppercase;
    margin-top: 0.1875rem;
    font-size: 1.5rem; }
  .Engineer-online {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #54B948;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1; }
  .Engineer-chat {
    background-color: #439539;
    position: relative; }
    @media (min-width: 720px) {
      .Engineer-chat {
        display: block;
        float: left;
        height: 24.125rem;
        width: 45%; } }
    @media (min-width: 1240px) {
      .Engineer-chat {
        width: 30%;
        height: 18.75rem; } }
    .Engineer-chat .Engineer-selected {
      position: relative;
      margin: 1.5em; }
      .Engineer-chat .Engineer-selected img {
        width: 100%;
        max-width: 100%;
        vertical-align: bottom; }
        @media (min-width: 720px) {
          .Engineer-chat .Engineer-selected img {
            max-height: 19.875rem; } }
        @media (min-width: 1240px) {
          .Engineer-chat .Engineer-selected img {
            max-height: 14.375rem; } }
    .Engineer-chat .Button {
      width: 49.5%;
      float: left; }
      .Engineer-chat .Button + .Button {
        margin-left: 1%; }

.Engineer-selected-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  padding: 1.25rem; }

.Engineer-selected-title {
  display: block;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600; }
  .Engineer-selected-title hr {
    border-color: #54B948;
    margin: 0.5rem 0;
    border-width: 0.1875rem;
    width: 3.125rem; }

.Engineer-selected-employee {
  width: 7.8125rem;
  position: absolute;
  bottom: 1.5em;
  left: 1.5em;
  color: #fff; }

.Engineer-selected-name {
  font-weight: 400;
  font-size: 0.9375rem; }

.Engineer-selected-department {
  display: block;
  text-transform: uppercase;
  margin-top: 0.3125rem;
  font-size: 0.8125rem;
  color: #757575;
  font-weight: 400; }

.SpecificEngineerBlock {
  min-height: 12.5rem; }

@media (min-width: 1024px) {
  .EngineerPromo {
    border-top: 0.125rem solid #d7d7d7;
    border-bottom: 0.125rem solid #d7d7d7; } }

@media (min-width: 1024px) {
  .EngineerPromo-top {
    width: 20%;
    float: left; } }

.EngineerPromo-header {
  border-bottom: 0.0625rem solid #d7d7d7;
  border-top: 0.0625rem solid #d7d7d7;
  padding: 0.625rem 0 1.25rem 0; }
  @media (min-width: 600px) {
    .EngineerPromo-header {
      margin-bottom: 1.25rem; } }
  @media (min-width: 1024px) {
    .EngineerPromo-header {
      text-align: center;
      border: none;
      position: relative;
      margin-bottom: 0; } }

.EngineerPromo-title {
  float: left;
  margin: 0;
  position: relative;
  width: 40%;
  font-size: 1.5rem; }
  @media (min-width: 1024px) {
    .EngineerPromo-title {
      float: none;
      text-align: left;
      width: 80%; } }
  .EngineerPromo-title:after {
    bottom: -10%;
    background: #54B948;
    content: "";
    left: 0;
    width: 40%;
    position: absolute;
    height: 0.125rem; }
    @media (min-width: 1024px) {
      .EngineerPromo-title:after {
        width: 25%; } }

.EngineerPromo-icon {
  background: #54B948;
  border-radius: 50%;
  color: #fff;
  float: right;
  margin-right: 0.625rem;
  padding: 1.5625rem;
  font-size: 2.5rem; }
  @media (min-width: 600px) {
    .EngineerPromo-icon {
      margin-top: 0.625rem; } }
  @media (min-width: 1024px) {
    .EngineerPromo-icon {
      display: inline-block;
      float: none;
      text-align: center;
      margin-top: 0.9375rem;
      margin-right: 0;
      font-size: 2.1875rem;
      padding: 0.9375rem; } }

.EngineerPromo-number {
  float: left;
  font-size: 2.5rem;
  margin: 2.5rem 0 0 0;
  width: 35%; }
  @media (min-width: 600px) {
    .EngineerPromo-number {
      margin-top: 1.875rem; } }
  @media (min-width: 720px) {
    .EngineerPromo-number {
      font-size: 3.125rem; } }
  @media (min-width: 1024px) {
    .EngineerPromo-number {
      float: none;
      width: auto;
      font-size: 4.0625rem; } }

.EngineerPromo-text {
  display: block;
  float: right;
  width: 60%;
  margin: 2.5rem 0 0 0; }
  @media (min-width: 600px) {
    .EngineerPromo-text {
      margin-top: 1.875rem; } }
  @media (min-width: 1024px) {
    .EngineerPromo-text {
      float: none;
      font-size: 0.9375rem;
      line-height: 1.25rem;
      width: auto; } }

.EngineerPromo-heading {
  font-size: 1.25rem; }
  @media (min-width: 600px) {
    .EngineerPromo-heading {
      margin: 0; } }
  @media (min-width: 1024px) {
    .EngineerPromo-heading {
      font-size: 0.9375rem;
      line-height: 1.25rem;
      text-align: center;
      margin-bottom: 0.625rem; } }

@media (min-width: 1024px) {
  .EngineerPromo-engineers {
    width: 78%;
    float: right; } }

.EngineerPromo-engineers .ie-child-1 {
  margin-right: 1%; }

.EngineerPromo-engineers .ie-child-2 {
  margin-right: 0; }

.EngineerPromo-quote {
  margin-bottom: 3.125rem;
  margin-top: 3.125rem;
  position: relative;
  text-align: center;
  width: 100%; }
  @media (min-width: 600px) {
    .EngineerPromo-quote {
      margin-bottom: 1.875rem;
      margin-top: 1.875rem; } }
  .EngineerPromo-quote:before, .EngineerPromo-quote:after {
    color: #d7d7d7;
    font-size: 2.875rem; }
  .EngineerPromo-quote:before {
    position: absolute;
    left: 0.625rem;
    top: -0.5rem; }
  .EngineerPromo-quote:after {
    position: absolute;
    right: 0.625rem;
    top: -0.5rem; }
  .EngineerPromo-quote-speech {
    font-size: 0.875rem;
    font-weight: normal;
    color: #000;
    padding: 0 3.125rem;
    letter-spacing: -0.02em; }
  .EngineerPromo-quote-name {
    letter-spacing: 0.025rem;
    font-size: 0.6875rem;
    margin-top: 0.625rem;
    text-transform: uppercase;
    position: relative; }
    .EngineerPromo-quote-name:after {
      bottom: -0.9375rem;
      background: #d7d7d7;
      content: "";
      left: 45%;
      width: 10%;
      position: absolute;
      height: 0.125rem; }

.EngineerPromo .PersonSquare {
  height: auto;
  min-height: auto;
  margin-top: 0.9375rem; }
  .EngineerPromo .PersonSquare-image {
    bottom: auto;
    right: auto;
    float: left;
    position: relative;
    max-width: 40%;
    overflow: hidden; }
    .EngineerPromo .PersonSquare-image img {
      max-width: 200%;
      margin-left: -70%; }
  .EngineerPromo .PersonSquare-Content {
    background: #eee;
    height: auto;
    padding: 0;
    position: relative; }
    .EngineerPromo .PersonSquare-Content:after {
      content: '';
      position: absolute;
      right: 0rem;
      top: 0rem;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 1.5625rem 0 0 1.5625rem;
      border-color: #fff transparent transparent transparent;
      z-index: 3; }
  .EngineerPromo .PersonSquare-title {
    color: #000;
    margin: 0.5em 0 .5em;
    float: left;
    padding-left: 1.25rem;
    width: 32%; }
    @media (min-width: 1024px) {
      .EngineerPromo .PersonSquare-title:after {
        width: 2.5rem; } }
  .EngineerPromo .PersonSquare-subHeading {
    color: #000;
    font-size: 1.25rem;
    margin: 0;
    padding: 0.625rem; }
    @media (min-width: 1024px) {
      .EngineerPromo .PersonSquare-subHeading {
        padding: 0.3125rem 0.625rem; } }
  .EngineerPromo .PersonSquare .Tags--Categories {
    float: left;
    margin-top: 0.625rem;
    padding-left: 1.25rem;
    width: 60%; }
  .EngineerPromo .PersonSquare .Tags--Engineer {
    padding: 0 0.625rem; }
    .EngineerPromo .PersonSquare .Tags--Engineer .Tags-item-link {
      background: #54B948;
      font-size: 0.625rem; }
  .EngineerPromo .PersonSquare .AvailablityBubble {
    right: auto;
    left: 1rem; }
  .EngineerPromo .PersonSquare .DoubleCtas {
    bottom: auto;
    position: relative;
    display: block; }

.PromoProject {
  background-color: #29272a;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background-position: top left;
  padding: 1.25rem 0.9375rem; }
  .PromoProject .BlackHeader {
    font-weight: 600;
    margin: 0 1.25rem; }
  @media (max-width: 1024px) {
    .PromoProject .Content {
      padding: 0; } }
  .PromoProject .Button {
    margin: 2.5rem auto 1.25rem;
    display: block; }
  .PromoProject a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 0.875rem; }
    .PromoProject a:hover {
      color: #eee; }
  .PromoProject-items {
    position: relative; }
  .PromoProject-item {
    color: #fff;
    text-align: center;
    padding: 2.5rem 1.25rem;
    position: relative; }
    .PromoProject-item:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0.9375rem;
      border: 0.125rem solid #54B948;
      border-width: 0 0.125rem 0.125rem 0.125rem; }
    @media (min-width: 720px) {
      .PromoProject-item {
        width: 29.3333333%;
        float: left;
        margin: 0 2% 0.625rem;
        position: static; }
        .PromoProject-item:after {
          left: auto;
          right: auto;
          width: 29.3333333%;
          margin-left: -2%; } }
    .PromoProject-item .Icon {
      font-size: 4.25rem;
      display: inline-block;
      margin: 0 0 0.9375rem; }
    .PromoProject-item-title {
      font-size: 1.625rem;
      font-weight: 800;
      margin: 0.3125rem 0 0;
      line-height: 1.875rem; }
      .PromoProject-item-title:after {
        content: '';
        margin: 1.25rem auto;
        background: #54B948;
        width: 1.25rem;
        height: 0.125rem;
        display: block; }
    .PromoProject-item-description {
      line-height: 1.2;
      overflow: hidden;
      font-size: 0.875rem; }
      .PromoProject-item-description + .u-textArrow {
        margin-top: 1.875rem;
        display: inline-block; }
        @media (min-width: 720px) {
          .PromoProject-item-description + .u-textArrow {
            display: block;
            position: absolute;
            bottom: 1.25em;
            left: auto;
            margin-left: -2%;
            width: 29.3333333%; } }
  .PromoProject-greenBoxSurround .PromoProject-item:after {
    display: none; }
  .PromoProject-greenBoxSurround .PromoProject-item:first-child:after {
    display: block;
    bottom: auto;
    top: 0;
    border-width: 0.125rem 0.125rem 0 0.125rem; }
  .PromoProject-greenBoxSurround .PromoProject-item:last-child:after {
    display: block; }
  .PromoProject--four-item {
    width: 20%; }
  @media (min-width: 1024px) {
    .PromoProject {
      padding: 0.9375rem 0.9375rem 1.875rem;
      margin: 0 -2%; } }

@media (min-width: 720px) {
  .PromoProject--four .PromoProject-item {
    width: 21%; } }

.PromoProject--light {
  background-color: white;
  background-image: none; }
  .PromoProject--light .PromoProject-item {
    color: #000; }
    .PromoProject--light .PromoProject-item .Icon {
      color: #54B948; }

.DesignCenter-textCtaBlock {
  background-color: #d7d7d7;
  overflow: hidden;
  padding: 0.625rem; }
  @media (min-width: 720px) {
    .DesignCenter-textCtaBlock {
      padding: 1.5625rem; } }
  .DesignCenter-textCtaBlock-textBlock {
    margin-bottom: 0.625rem; }
    @media (min-width: 720px) {
      .DesignCenter-textCtaBlock-textBlock {
        width: 49%;
        margin-right: 2%;
        float: left; } }
  @media (min-width: 720px) {
    .DesignCenter-textCtaBlock-ctaBlock {
      width: 49%;
      float: left; } }

.DesignCenter-textCtaBlock-ctaBlock .Button {
  width: 100%;
  margin-bottom: 0.625rem; }
  .DesignCenter-textCtaBlock-ctaBlock .Button:last-child {
    margin-bottom: 0; }

.ProjectList .NewList-Item a {
  padding: 15px;
  font-weight: 800;
  transition: all 300ms; }
  .ProjectList .NewList-Item a:hover {
    background: #eee;
    color: #000; }
    .ProjectList .NewList-Item a:hover .NewList-Title {
      text-decoration: underline; }

.ProjectList .NewList-Item .Icon {
  color: #000;
  float: none;
  font-size: 8px;
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: -1px; }

@media (min-width: 720px) {
  .MyProjects {
    margin-left: -1%;
    margin-right: -1%; } }

.MyProjects-item {
  background: #29272a;
  color: #fff;
  float: left;
  text-align: left;
  position: relative; }
  .MyProjects-item.u-height {
    height: 110px;
    padding: 10px 20px; }
    @media (min-width: 720px) {
      .MyProjects-item.u-height {
        padding: 30px 20px 20px; } }
  .js .MyProjects-item,
  .js .MyProjects-item--hidden {
    display: none; }
  .js .MyProjects-item--visible {
    display: block;
    animation: fade-in .4s ease; }
  .MyProjects-item.u-gutter-marginBottom:last-child {
    margin-bottom: 0; }
  .MyProjects-item--offGrid {
    width: 100%; }
    @media (min-width: 720px) {
      .MyProjects-item--offGrid {
        margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
        width: 48%; } }
    @media (min-width: 1024px) {
      .MyProjects-item--offGrid {
        margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
        width: 23%; } }
  @media (min-width: 720px) {
    .MyProjects-item-inner {
      position: absolute;
      bottom: 1.5em;
      padding-right: 25px; } }
  .MyProjects-item-inner .Icon--folder-open {
    font-size: 2em;
    color: #fff;
    float: left;
    line-height: 90px;
    margin-right: 10px; }
    @media (min-width: 720px) {
      .MyProjects-item-inner .Icon--folder-open {
        margin-right: 0;
        float: none;
        line-height: 1em; } }
  .MyProjects-item-border {
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
    .MyProjects-item-border span {
      width: 25%;
      float: left;
      height: 3px; }
      @media (min-width: 720px) {
        .MyProjects-item-border span {
          height: 10px; } }
      .MyProjects-item-border span.is-red {
        background: #E31B23; }
      .MyProjects-item-border span.is-blue {
        background: #009DDC; }
      .MyProjects-item-border span.is-orange {
        background: #F68A33; }
      .MyProjects-item-border span.is-purple {
        background: #92278f; }
  .MyProjects-item-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    display: block; }
    .MyProjects-item-title:hover {
      color: #e6e6e6; }
    @media (max-width: 719px) {
      .MyProjects-item-title {
        line-height: 90px;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        padding-right: 15px; } }
    @media (min-width: 720px) {
      .MyProjects-item-title {
        margin: 10px 0; } }
  .MyProjects-item-date {
    display: none; }
    @media (min-width: 720px) {
      .MyProjects-item-date {
        display: block;
        margin: 10px 0; } }
  .MyProjects-item-link {
    display: none; }
    @media (min-width: 720px) {
      .MyProjects-item-link {
        display: block;
        font-weight: 600;
        text-transform: uppercase; } }
    .MyProjects-item-link .Icon--link-arrow, .MyProjects-item-link .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item-link span {
      font-size: 8px;
      margin-left: 5px; }
  @media (max-width: 719px) {
    .MyProjects-item .Icon--link-arrow, .MyProjects-item .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item span {
      font-size: 0.6em;
      float: right;
      line-height: 90px;
      margin-top: 2px;
      position: absolute;
      right: 0; } }
  @media (min-width: 720px) {
    .MyProjects-item.u-gutter-marginBottom {
      margin-bottom: 0; }
    .MyProjects-item.u-height {
      height: 320px; }
    .MyProjects-item .Icon--link-arrow, .MyProjects-item .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item span {
      display: none; }
    .MyProjects-item .MyProjects-item-link .Icon--link-arrow, .MyProjects-item .MyProjects-item-link .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item .MyProjects-item-link span {
      display: inline; } }
  @media (min-width: 1024px) {
    .MyProjects-item.u-height {
      height: 250px; } }

.MyProjects .RoundCtas {
  display: none; }
  @media (min-width: 720px) {
    .MyProjects .RoundCtas {
      display: block;
      position: absolute;
      top: 20px;
      right: 10px;
      cursor: pointer; }
      .MyProjects .RoundCtas .Icon {
        color: #29272a; }
      .MyProjects .RoundCtas .Icon--copy {
        font-size: 23px;
        padding: 7px; } }

.MyProjects .Icon-border {
  display: inline-block;
  border-radius: 50%; }

.MyProjects .Icon--plus {
  padding: 7px;
  background: #CBC2C2;
  display: inline-block;
  margin: 5px; }
  @media (min-width: 720px) {
    .MyProjects .Icon--plus {
      padding: 15px; } }

.MyProjects-footer {
  clear: both;
  overflow: hidden; }

.MyProjects .Button--loadMore {
  display: none; }

.MyProjects--moreAvailable .Button--loadMore {
  display: block; }

.MyProjects-item--create {
  text-align: center;
  position: relative;
  background: #757575;
  cursor: pointer; }
  .MyProjects-item--create:hover {
    background: #707070;
    transition: background 0.3s; }
    .MyProjects-item--create:hover .Icon-border {
      position: relative; }
      .MyProjects-item--create:hover .Icon-border-ring {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid #CBC2C2;
        animation: pulsate 1s ease-out;
        opacity: 0; }
  .MyProjects-item--create-border {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px dashed #eee; }
  .MyProjects-item--create .MyProjects-item-inner {
    position: relative;
    top: 0; }
  @media (max-width: 719px) {
    .MyProjects-item--create.u-height {
      padding: 15px; }
    .MyProjects-item--create .Icon--circle {
      font-size: 10px; }
    .MyProjects-item--create .Icon-border {
      float: left;
      margin: 26px 10px 0; }
    .MyProjects-item--create .Icon--link-arrow, .MyProjects-item--create .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item--create span {
      margin-right: 10px; }
    .MyProjects-item--create .MyProjects-item-title {
      padding-right: 25px; } }
  @media (min-width: 720px) {
    .MyProjects-item--create .Icon--link-arrow, .MyProjects-item--create .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .MyProjects-item--create span {
      display: none; }
    .MyProjects-item--create:before {
      content: '';
      width: 100%;
      height: 4%;
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(45deg, transparent 65%, white 45%); }
    .MyProjects-item--create .MyProjects-item-inner {
      position: absolute;
      padding: 0px 35px;
      top: 50%;
      margin-top: -55px;
      height: 110px;
      left: 0;
      right: 0; }
      .MyProjects-item--create .MyProjects-item-inner .MyProjects-item-title {
        margin: 15px 0;
        font-size: 15px; } }

.DesignCenter-section .ProductResults {
  padding-right: 0; }

.DesignCenter-section .SearchResults,
.DesignCenter-section .ProductResults {
  width: 100%;
  margin-bottom: 1.25rem;
  display: block;
  float: left; }
  .DesignCenter-section .SearchResults .SearchResults-results .Icon--circle,
  .DesignCenter-section .ProductResults .SearchResults-results .Icon--circle {
    margin-right: 0.0625rem;
    display: inline-block; }
    .DesignCenter-section .SearchResults .SearchResults-results .Icon--circle:last-child,
    .DesignCenter-section .ProductResults .SearchResults-results .Icon--circle:last-child {
      margin-right: 0; }
  .DesignCenter-section .SearchResults .SearchResults-results .Icon--circle.Icon--delete,
  .DesignCenter-section .ProductResults .SearchResults-results .Icon--circle.Icon--delete {
    color: white;
    background-color: #CBC2C2; }
  .DesignCenter-section .SearchResults .SearchResults-results .Icon--circle.Icon--envision,
  .DesignCenter-section .ProductResults .SearchResults-results .Icon--circle.Icon--envision {
    color: white;
    background-color: #54B948;
    margin-bottom: 19.1875rem; }
  .DesignCenter-section .SearchResults .SearchResults-results .Icon--circle.Icon--pdf,
  .DesignCenter-section .ProductResults .SearchResults-results .Icon--circle.Icon--pdf {
    color: white;
    background-color: #009DDC; }
  .DesignCenter-section .SearchResults .SearchResults-results .SearchResults-column--share,
  .DesignCenter-section .ProductResults .SearchResults-results .SearchResults-column--share {
    text-align: right; }
    @media (min-width: 890px) {
      .DesignCenter-section .SearchResults .SearchResults-results .SearchResults-column--share,
      .DesignCenter-section .ProductResults .SearchResults-results .SearchResults-column--share {
        min-width: 2.5rem; } }
  @media (min-width: 890px) {
    .DesignCenter-section .SearchResults .SearchResults-results .SearchResults-column.SearchResults-column--stock,
    .DesignCenter-section .SearchResults .SearchResults-results .SearchResults-column.SearchResults-column--manufacturer,
    .DesignCenter-section .ProductResults .SearchResults-results .SearchResults-column.SearchResults-column--stock,
    .DesignCenter-section .ProductResults .SearchResults-results .SearchResults-column.SearchResults-column--manufacturer {
      display: table-cell; } }
  .DesignCenter-section .SearchResults td, .DesignCenter-section .SearchResults th, .DesignCenter-section .SearchResults th.SearchResults-heading--price,
  .DesignCenter-section .ProductResults td,
  .DesignCenter-section .ProductResults th,
  .DesignCenter-section .ProductResults th.SearchResults-heading--price {
    position: relative;
    left: 0; }
    @media (min-width: 720px) {
      .DesignCenter-section .SearchResults td, .DesignCenter-section .SearchResults th, .DesignCenter-section .SearchResults th.SearchResults-heading--price,
      .DesignCenter-section .ProductResults td,
      .DesignCenter-section .ProductResults th,
      .DesignCenter-section .ProductResults th.SearchResults-heading--price {
        display: table-cell;
        height: auto; } }
  .DesignCenter-section .SearchResults td.SearchResults-column--share,
  .DesignCenter-section .ProductResults td.SearchResults-column--share {
    display: block;
    padding-top: 0;
    right: 0.9375rem;
    position: absolute;
    left: auto;
    top: 0.9375rem;
    margin-top: 0; }
    .DesignCenter-section .SearchResults td.SearchResults-column--share .Icon--delete,
    .DesignCenter-section .ProductResults td.SearchResults-column--share .Icon--delete {
      display: none; }
    .DesignCenter-section .SearchResults td.SearchResults-column--share .Icon--envision,
    .DesignCenter-section .ProductResults td.SearchResults-column--share .Icon--envision {
      display: none; }
    @media (min-width: 720px) {
      .DesignCenter-section .SearchResults td.SearchResults-column--share,
      .DesignCenter-section .ProductResults td.SearchResults-column--share {
        height: auto;
        clear: both;
        margin-left: 6.125rem;
        padding-top: 1.25rem;
        display: none;
        padding-right: 0.3125rem;
        display: table-cell;
        position: relative;
        left: 0;
        top: 0; }
        .DesignCenter-section .SearchResults td.SearchResults-column--share .Icon--delete,
        .DesignCenter-section .ProductResults td.SearchResults-column--share .Icon--delete {
          display: inline-block; } }
    @media (min-width: 1024px) {
      .DesignCenter-section .SearchResults td.SearchResults-column--share,
      .DesignCenter-section .ProductResults td.SearchResults-column--share {
        padding-right: 0; }
        .DesignCenter-section .SearchResults td.SearchResults-column--share .Icon--envision,
        .DesignCenter-section .ProductResults td.SearchResults-column--share .Icon--envision {
          display: inline-block; } }
  .DesignCenter-section .SearchResults td.SearchResults-column--name,
  .DesignCenter-section .ProductResults td.SearchResults-column--name {
    height: auto; }
  .DesignCenter-section .SearchResults td.SearchResults-column--price,
  .DesignCenter-section .ProductResults td.SearchResults-column--price {
    width: 10rem;
    min-width: 10rem;
    border-right: 0; }
  .DesignCenter-section .SearchResults.ProductResults th.SearchResults-heading--price,
  .DesignCenter-section .SearchResults .SearchResults-heading.SearchResults-heading--partNumber,
  .DesignCenter-section .ProductResults.ProductResults th.SearchResults-heading--price,
  .DesignCenter-section .ProductResults .SearchResults-heading.SearchResults-heading--partNumber {
    position: relative;
    left: 0; }
  .DesignCenter-section .SearchResults .SearchResults-heading.SearchResults-heading--lastModified,
  .DesignCenter-section .ProductResults .SearchResults-heading.SearchResults-heading--lastModified {
    width: 9.375rem;
    min-width: 9.375rem; }
  .DesignCenter-section .SearchResults .SearchResults-heading.SearchResults-heading--partNumber,
  .DesignCenter-section .ProductResults .SearchResults-heading.SearchResults-heading--partNumber {
    width: 12.5rem;
    min-width: 12.5rem; }
  .DesignCenter-section .SearchResults.ProductResults th.SearchResults-heading--price,
  .DesignCenter-section .ProductResults.ProductResults th.SearchResults-heading--price {
    width: 15.625rem;
    min-width: 15.625rem; }
  .DesignCenter-section .SearchResults.ProductResults th.SearchResults-heading[data-column="type"],
  .DesignCenter-section .ProductResults.ProductResults th.SearchResults-heading[data-column="type"] {
    width: 7.5rem;
    min-width: 7.5rem; }
  .DesignCenter-section .SearchResults:after,
  .DesignCenter-section .ProductResults:after {
    display: none; }
  .DesignCenter-section .SearchResults .SearchResults-resultRow td,
  .DesignCenter-section .ProductResults .SearchResults-resultRow td {
    border-bottom: 0rem; }
    .DesignCenter-section .SearchResults .SearchResults-resultRow td .sourcelink,
    .DesignCenter-section .ProductResults .SearchResults-resultRow td .sourcelink {
      background: #fdbb31;
      padding: 0.1875rem 0.625rem;
      display: inline-block;
      color: white;
      border-radius: 1.25rem;
      font-weight: bold; }
  .DesignCenter-section .SearchResults .SearchResults-priceTiers,
  .DesignCenter-section .ProductResults .SearchResults-priceTiers {
    width: 6.375rem; }
  .DesignCenter-section .SearchResults .SearchResults-stockPrice,
  .DesignCenter-section .ProductResults .SearchResults-stockPrice {
    display: block; }
  .DesignCenter-section .SearchResults .SearchResults-buyingOption .SearchResults-totalPrice,
  .DesignCenter-section .ProductResults .SearchResults-buyingOption .SearchResults-totalPrice {
    position: relative;
    top: 0; }
    .DesignCenter-section .SearchResults .SearchResults-buyingOption .SearchResults-totalPrice + .Button,
    .DesignCenter-section .ProductResults .SearchResults-buyingOption .SearchResults-totalPrice + .Button {
      margin-top: 0.1875rem; }

@media (min-width: 890px) {
  .DesignCenter-section .SearchResults-column--price {
    display: table-cell;
    float: none;
    min-width: 16.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0rem; }
  .DesignCenter-section .SearchResults-column--image {
    display: table-cell;
    float: none;
    height: auto; }
  .DesignCenter-section .SearchResults-column--totals span {
    display: block; }
  .DesignCenter-section .ReferenceResults .SearchResults-column--image,
  .DesignCenter-section .ContentResults .SearchResults-column--image {
    display: table-cell; }
  .DesignCenter-section .ProductResults .SearchResults-column--share {
    min-width: 8.875rem; } }

.DesignCenter-section .SearchResults-heading {
  color: #fff;
  background-color: #E31B23; }

.DesignCenter-section .BomResults .SearchResults-heading {
  background-color: #fdbb31; }

.DesignCenter-section .DataResults .SearchResults-heading {
  background-color: #009DDC; }

.DesignCenter-section .ReferenceResults .SearchResults-heading {
  background-color: #92278f; }

.DesignCenter-section .ContentResults .SearchResults-heading {
  background-color: #F68A33; }

.DesignCenter-section .BomResults .SearchResults-heading {
  background-color: #fdbb31; }

.DesignCenter-section .Button--mobileSeeAll {
  display: block; }
  @media (min-width: 720px) {
    .DesignCenter-section .Button--mobileSeeAll {
      display: none; } }

.DesignCenter-section .SearchResults-mobileSeeAllContainer {
  background-color: white;
  padding: 1.3em; }

.DesignCenter-section .SearchResults-heading {
  min-width: 0; }

.DesignCenter-section .ReferenceResults .Icon--circle.Icon--delete {
  margin-top: 0; }

.DesignCenter-section .ReferenceResults .SearchResults-column--image {
  display: none; }
  @media (min-width: 720px) {
    .DesignCenter-section .ReferenceResults .SearchResults-column--image {
      display: table-cell;
      float: none;
      height: auto; } }

.DesignCenter-section .SearchResults-buyingOption {
  padding-right: 0; }

.DesignCenter-section .ContentResults .SearchResults-column--description-heading,
.DesignCenter-section .SearchResults-column--description-paragraph {
  padding-right: 0.9375rem; }

.DesignCenter-section .ReferenceResults .SearchResults-column--manufacturerName,
.DesignCenter-section .ReferenceResults .SearchResults-column--application,
.DesignCenter-section .ReferenceResults .SearchResults-column--endProducts {
  padding-left: 0.9375rem; }

.DesignCenter-section .ReferenceResults .SearchResults-column--description-heading {
  padding-left: 0.9375rem; }

.DesignCenter-section .ReferenceResults .SearchResults-column--description-paragraph {
  padding-left: 0.9375rem; }

.DesignCenter-section .ReferenceResults .SearchResults-column--endProducts {
  max-width: 10.625rem; }

.DesignCenter-section .ContentResults .SearchResults-column--image {
  padding-left: 0.9375rem; }

.DesignCenter-section .ProductResults .SearchResults-image {
  left: 0.9375rem; }

.DesignCenter-section .SearchResults-image {
  z-index: 1; }

.DesignCenter-section h2 .Icon {
  margin-right: 1.25rem; }

.DesignCenter-headerBlock {
  background-color: #54B948;
  color: #fff;
  overflow: hidden;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem; }
  .DesignCenter-headerBlock--engineerList {
    background: url("https://static4.arrowelectronics.com.au/img/dc-engineer-bg.jpg") no-repeat #54B948;
    background-size: cover;
    margin-bottom: 1.25rem;
    padding-bottom: 0.625rem;
    padding-top: 1.875rem;
    position: relative; }
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer .DesignCenter-projectHeadingContainer-milestonestatus {
    border-radius: 0.9375rem;
    background-color: #fff;
    color: #54B948;
    padding: 0.3125rem 1.25rem;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 0.625rem; }
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer .DesignCenter-projectHeadingContainer-clear {
    clear: both; }
  .DesignCenter-headerBlock h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.625rem;
    display: inline-block; }
  .DesignCenter-headerBlock .DesignCenter-shareIcons {
    float: right;
    display: block;
    margin-top: 0.375rem; }
  .DesignCenter-headerBlock .Icon--circle {
    background-color: #fff;
    color: #54B948;
    margin-right: 0.625rem; }
    .DesignCenter-headerBlock .Icon--circle:last-child {
      margin-right: 0; }
  .DesignCenter-headerBlock .Icon--copy {
    font-size: 1.875rem;
    padding: 0.375rem;
    display: block;
    float: left;
    margin-top: -0.5625rem; }
  .DesignCenter-headerBlock .Icon--delete {
    font-size: 1.4375rem; }
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-created,
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-modified {
    display: inline-block;
    margin-bottom: 0.3125rem;
    margin-top: 0.75rem;
    font-size: 1rem; }
    .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-created span,
    .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-modified span {
      font-weight: bold; }
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-created {
    margin-right: 0.375rem; }
  .DesignCenter-headerBlock .DesignCenter-projectHeadingContainer-separator {
    display: inline-block;
    margin: 0 0.375rem 0 0; }

.DesignCenter-projectDetailsSummaryBlock {
  position: relative;
  background: #EDEDEF;
  overflow: hidden;
  margin-bottom: 0; }
  @media (min-width: 720px) {
    .DesignCenter-projectDetailsSummaryBlock {
      margin-bottom: 1.5rem;
      padding-top: 0.9375rem;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      padding-bottom: 0.9375rem; } }
  .DesignCenter-projectDetailsSummaryBlock .Button--green {
    clear: both; }
  .DesignCenter-projectDetailsSummaryBlock .DesignCenter-projectDetailsSummaryBlock-background {
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent);
    background-size: 3.125rem 3.125rem; }
  .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock {
    padding: 0.75rem;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 0.125rem solid #54B948; }
    .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock.ie-child-1 {
      margin-right: 0;
      zoom: 1; }
    .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock .u-row.row {
      margin: 0; }
    .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock .Button--green {
      float: left;
      display: none;
      margin-top: 0.9375rem; }
    .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock:last-child {
      margin-right: 0; }
    @media (min-width: 720px) {
      .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock {
        min-height: 18.75rem;
        width: 49%;
        float: left;
        margin-right: 2%;
        margin-bottom: 0; } }
    @media (min-width: 890px) {
      .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock {
        margin-bottom: 0.625rem;
        min-height: 19.1875rem; } }
    @media (min-width: 1024px) {
      .DesignCenter-projectDetailsSummaryBlock .DesignCenter-profileBlock .Button--green {
        display: block; } }
  .DesignCenter-projectDetailsSummaryBlock .DesignCenter-listing-seeAll .Icon {
    position: relative;
    font-size: 19.1875rem;
    margin-top: 0rem;
    top: 0.25rem;
    margin-left: 0.25rem; }

.DesignCenter-projectDetailsPillSummaryBlock {
  display: none; }
  @media (min-width: 720px) {
    .DesignCenter-projectDetailsPillSummaryBlock {
      display: block; } }

.DesignCenter-summaryPill {
  margin-bottom: 0.625rem;
  overflow: hidden;
  float: right;
  clear: right;
  margin-top: 0.25rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  min-width: 8.125rem;
  position: relative; }
  @media (min-width: 890px) {
    .DesignCenter-summaryPill {
      min-width: 14.625rem;
      padding-right: 0; } }
  .DesignCenter-summaryPill .Button {
    display: none; }
    @media (min-width: 890px) {
      .DesignCenter-summaryPill .Button {
        display: block; } }
  @media (min-width: 1024px) {
    .DesignCenter-summaryPill {
      width: auto;
      clear: none; } }
  .DesignCenter-summaryPill .Button {
    float: right;
    margin-left: 0.9375rem; }
  .DesignCenter-summaryPill .Icon--pdf, .DesignCenter-summaryPill .Icon--component-embedded-controller-and-system, .DesignCenter-summaryPill .Icon--reference-design, .DesignCenter-summaryPill .Icon--news, .DesignCenter-summaryPill .Icon--bom-manager {
    padding-right: 1.25rem;
    margin-top: 0rem;
    display: block;
    float: left;
    font-size: 1.125rem; }
  .DesignCenter-summaryPill .Icon--link-arrow, .DesignCenter-summaryPill .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .DesignCenter-summaryPill span {
    position: absolute;
    top: 0.8125rem;
    right: 0.625rem; }
    @media (min-width: 890px) {
      .DesignCenter-summaryPill .Icon--link-arrow, .DesignCenter-summaryPill .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .DesignCenter-summaryPill span {
        display: none; } }
  .DesignCenter-summaryPill .Icon--play {
    display: block;
    float: right;
    font-size: 0.58333em;
    margin-top: 0.1875rem;
    margin-left: 0.3125rem; }
  .DesignCenter-summaryPill--blue {
    background-color: #009DDC; }
  .DesignCenter-summaryPill--purple {
    background-color: #92278f; }
  .DesignCenter-summaryPill--red {
    background-color: #E31B23; }
  .DesignCenter-summaryPill--orange {
    background-color: #F68A33; }
  .DesignCenter-summaryPill--yellow {
    background-color: #fdbb31; }
  .DesignCenter-summaryPill .DesignCenter-summaryPill-contents {
    padding: 19.1875rem;
    color: #fff;
    font-size: 1.33333em;
    font-weight: 800;
    text-align: center;
    float: left;
    margin-top: 0.0625rem; }

.DesignCenter-summaryPill-heading {
  float: left;
  clear: left; }
  @media (min-width: 720px) {
    .DesignCenter-summaryPill-heading {
      max-width: 8.125rem;
      margin: 0; } }
  @media (min-width: 1240px) {
    .DesignCenter-summaryPill-heading {
      max-width: 12.5rem;
      margin-top: 0.625rem; } }

.DesignCenter-profileBlock-profileImage {
  width: 35%;
  height: auto;
  vertical-align: top;
  display: none;
  float: right;
  margin-right: 0.9375rem; }
  @media (min-width: 720px) {
    .DesignCenter-profileBlock-profileImage {
      display: block; } }

.DesignCenter-profileBlock-contributors {
  font-size: 6.3em;
  text-align: left;
  font-weight: 800;
  letter-spacing: -0.075rem;
  margin-right: 1.875rem;
  margin-left: 0rem;
  display: block;
  margin-bottom: -0.3125rem;
  line-height: 0.3em;
  margin-top: 1.25rem; }
  @media (min-width: 720px) {
    .DesignCenter-profileBlock-contributors {
      font-size: 10em; } }
  @media (min-width: 720px) {
    .DesignCenter-profileBlock-contributors {
      float: left;
      text-align: center;
      letter-spacing: -0.3875rem;
      margin-top: 1.5rem; } }
  .DesignCenter-profileBlock-contributors .small {
    margin-top: 0.25rem;
    font-size: 0.2em;
    margin-bottom: -1.4375rem;
    display: block;
    display: block;
    letter-spacing: 0rem;
    line-height: 4em; }
    @media (min-width: 720px) {
      .DesignCenter-profileBlock-contributors .small {
        margin-top: 0.625rem;
        font-size: 0.1666666667em;
        margin-bottom: -0.4375rem; } }

.DesignCenter-profileBlock--contributors .Icon {
  font-size: 1.875rem;
  float: right;
  margin-top: 0.1875rem;
  display: block; }
  @media (min-width: 890px) {
    .DesignCenter-profileBlock--contributors .Icon {
      display: block; } }

.DesignCenter-profileBlock--contributors .DesignCenter-profileBlock-changeProfileImage {
  display: none; }
  @media (min-width: 890px) {
    .DesignCenter-profileBlock--contributors .DesignCenter-profileBlock-changeProfileImage {
      display: block; } }

.DesignCenter-profileBlock--contributors .DesignCenter-profileBlock-profileImage.Icon--my-account {
  position: absolute;
  height: 70%;
  top: 0.625rem;
  right: 20%;
  font-size: 13rem;
  color: #eee; }

.DesignCenter-profileBlock-userDetails {
  margin-top: 0.9375rem;
  padding-top: 0.75rem;
  position: relative;
  clear: both; }
  .DesignCenter-profileBlock-userDetails:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 0.125rem;
    background-color: #54B948;
    position: absolute;
    top: 0;
    left: 0; }

.DesignCenter-profileBlock-userDetails td {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .DesignCenter-profileBlock-userDetails td:first-child {
    padding-left: 0; }

.DesignCenter-headerCount {
  font-weight: normal; }

.DesignCenter-section .DesignCenter-listing-header {
  margin: 0;
  padding: 0.875rem 0.9375rem;
  font-size: 2em;
  color: white; }
  .DesignCenter-section .DesignCenter-listing-header--reference {
    background-color: #92278f; }
  .DesignCenter-section .DesignCenter-listing-header--datasheets {
    background-color: #009DDC; }
  .DesignCenter-section .DesignCenter-listing-header--products {
    background-color: #E31B23; }
  .DesignCenter-section .DesignCenter-listing-header--research {
    background-color: #F68A33; }
  .DesignCenter-section .DesignCenter-listing-header--research {
    background-color: #F68A33; }
  .DesignCenter-section .DesignCenter-listing-header--bom {
    background-color: #fdbb31; }
  @media (min-width: 720px) {
    .DesignCenter-section .DesignCenter-listing-header {
      float: left;
      font-size: 3em;
      color: black;
      background-color: white; } }

.DesignCenter-section .DesignCenter-listing-header {
  font-size: 1.7em; }

.DesignCenter-listing-seeAll {
  float: right;
  display: block;
  margin-top: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  display: none; }
  @media (min-width: 890px) {
    .DesignCenter-listing-seeAll {
      display: block; } }
  @media (min-width: 720px) {
    .DesignCenter-listing-seeAll.DesignCenter-listing-seeAll--users {
      margin-top: 0.4375rem;
      display: block; } }

.DesignCenter-userTable {
  clear: both;
  font-weight: bold; }
  .DesignCenter-userTable .Icon {
    font-size: 1.375rem; }

.EnvisionProjectModal-button-wrapper {
  margin-top: 1.25rem; }
  .EnvisionProjectModal-button-wrapper button {
    width: 32.5%; }

.FullUsersModal {
  display: none; }
  .FullUsersModal .DesignCenter-userTable {
    width: 100%; }

.AddUsersModal {
  display: none; }

.remodal .FullUsersModal,
.remodal .AddUsersModal {
  display: block; }

.ChangeNameInput {
  width: 100%;
  padding: 0.625rem; }

.DesignCenter-projectHeadingContainer .Icon--edit {
  display: none;
  font-size: 1.0625rem; }
  @media (min-width: 720px) {
    .DesignCenter-projectHeadingContainer .Icon--edit {
      display: inline-block; } }

.DesignCenter-projectHeadingContainer .error {
  display: none; }

.DesignCenter-projectSourceContainer {
  font-size: 1rem; }
  .DesignCenter-projectSourceContainer a {
    text-decoration: underline; }

.LengthError {
  display: none; }

.lengthError .LengthError {
  display: block;
  margin-top: 0.625rem;
  color: #E31B23; }

.DesignCenter-profileBlock-userDetails .DesignCenter-listing-header {
  color: #000;
  padding-left: 0;
  padding-top: 0.3125rem;
  font-size: 1.6em; }

#designCenter-listing {
  background-color: #eee; }

.EngineerList-la .EngineerList-title {
  text-align: center; }
  .EngineerList-la .EngineerList-title h2 {
    font-size: 3em;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0.9375rem; }
  .EngineerList-la .EngineerList-title p {
    font-size: 1.33333em;
    line-height: 1.2;
    max-height: 6em;
    overflow: hidden;
    padding-top: 1.25rem;
    position: relative; }
    .EngineerList-la .EngineerList-title p:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 3.125rem;
      height: 0.125rem;
      background: #fff; }

.EngineerList-la .EngineerList-description {
  margin-top: 0.625rem;
  text-align: center;
  font-size: 1.33333em;
  line-height: 1.1; }

.EngineerList-la .EngineerList-chat {
  width: 11.25rem;
  margin: 0 auto;
  margin-top: 1.8125rem; }
  .EngineerList-la .EngineerList-chat .Button {
    width: 100%;
    font-size: 1.16667em;
    line-height: 1.1;
    border-radius: 0rem;
    -webkit-border-radius: 0rem; }

.EngineerList-la .EngineerList-ctas {
  width: 50%;
  margin: 0 auto;
  margin-top: 2.5rem; }

.EngineerList-la .EngineerList-cta {
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
  float: left;
  width: 33.33333%; }
  .EngineerList-la .EngineerList-cta-block {
    text-align: center;
    display: block;
    float: left; }
  .EngineerList-la .EngineerList-cta-icon {
    margin: 0 auto;
    text-align: center;
    font-size: 1.0625rem;
    color: #fff;
    position: relative;
    display: inline-block; }
    .EngineerList-la .EngineerList-cta-icon .Icon--shield,
    .EngineerList-la .EngineerList-cta-icon .Icon--chat-video,
    .EngineerList-la .EngineerList-cta-icon .Icon--crossed-tools {
      font-size: 2.1875rem; }
  .EngineerList-la .EngineerList-cta-heading {
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin-top: 0.9375rem;
    width: auto;
    display: block; }

.EngineerList-la .EngineerList-loadMore.SearchResults-loadMore--refine {
  display: none; }

@media (min-width: 720px) {
  .EngineerList-orig .EngineerList-title {
    float: left;
    width: 45%; } }

.EngineerList-orig .EngineerList-title h2 {
  font-size: 3.33333em;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.9375rem; }
  .EngineerList-orig .EngineerList-title h2:after {
    content: "";
    display: block;
    width: 4.375rem;
    height: 0.625rem;
    border-bottom: 0.125rem solid #fff; }
    @media (min-width: 720px) {
      .EngineerList-orig .EngineerList-title h2:after {
        height: 60%;
        width: 0.625rem;
        border-right: 0.125rem solid #fff;
        border-bottom: 0;
        position: absolute;
        top: 20%;
        left: 45%; } }

.EngineerList-orig .EngineerList-title p {
  font-size: 1.33333em;
  line-height: 1.2;
  max-height: 6em;
  overflow: hidden;
  padding-top: 1.25rem;
  position: relative; }
  .EngineerList-orig .EngineerList-title p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3.125rem;
    height: 0.125rem;
    background: #fff; }

.EngineerList-orig .EngineerList-description {
  display: none; }

.EngineerList-orig .EngineerList-chat {
  display: none; }

.EngineerList-orig .EngineerList-ctas {
  margin-top: 1.25rem; }
  @media (min-width: 720px) {
    .EngineerList-orig .EngineerList-ctas {
      float: right;
      margin-top: 0;
      width: 50%; } }

.EngineerList-orig .EngineerList-cta {
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
  float: left;
  width: 33.33333%; }
  .EngineerList-orig .EngineerList-cta-block {
    text-align: center;
    display: block;
    float: left; }
  .EngineerList-orig .EngineerList-cta-icon {
    margin: 0 auto;
    text-align: center;
    font-size: 1.0625rem;
    color: #fff;
    position: relative;
    display: inline-block; }
    .EngineerList-orig .EngineerList-cta-icon .Icon--shield,
    .EngineerList-orig .EngineerList-cta-icon .Icon--chat-video,
    .EngineerList-orig .EngineerList-cta-icon .Icon--crossed-tools {
      font-size: 2.1875rem; }
  .EngineerList-orig .EngineerList-cta-heading {
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin-top: 0.9375rem;
    width: auto;
    display: block; }

.EngineerList-orig .EngineerList-loadMore.SearchResults-loadMore--refine {
  display: none; }

.Modal-designCenter {
  font-size: 14px;
  color: #000;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  text-align: left;
  overflow: hidden;
  visibility: visible; }
  .Modal-designCenter--engineerMessage {
    max-height: 90vh;
    overflow: auto; }
    .Modal-designCenter--engineerMessage .Icon--tick,
    .Modal-designCenter--engineerMessage .Icon--error {
      display: block;
      width: 100px;
      height: 100px;
      margin: 20px auto;
      border-radius: 50%;
      color: #fff;
      position: relative;
      border-radius: 50%;
      transition: all 300ms;
      font-size: 50px;
      padding: .5em;
      font-weight: bold; }
    .Modal-designCenter--engineerMessage .Icon--tick {
      background-color: #54B948; }
    .Modal-designCenter--engineerMessage .Icon--error {
      background-color: #E31B23; }
  .Modal-designCenter hr {
    margin: 1.5em 0; }
  .Modal-designCenter .u-header2Small {
    margin-top: 0; }
  @media (min-width: 641px) {
    .Modal-designCenter {
      width: 500px; } }
  .Modal-designCenter .Modal-header {
    width: 100%;
    background-color: #54B948;
    padding: 20px 40px 20px 20px;
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    border-bottom: 0; }
    .Modal-designCenter .Modal-header .Icon {
      margin-right: .1em;
      float: left;
      line-height: 20px;
      font-size: 1.7em; }
      @media (min-width: 641px) {
        .Modal-designCenter .Modal-header .Icon {
          margin-right: .5em; } }
    .Modal-designCenter .Modal-header--white {
      background-color: #fff;
      color: #000;
      padding-bottom: 0; }
  .Modal-designCenter .Modal-inner {
    position: relative; }
    .Modal-designCenter .Modal-inner .Modal-header {
      font-size: 1.5em;
      font-weight: 600;
      line-height: 1.1;
      color: #000;
      background: transparent;
      padding-left: 0;
      padding-right: 0; }
  .Modal-designCenter .Modal-content {
    padding: 20px; }
  .Modal-designCenter .Modal-close {
    color: #fff;
    line-height: 20px; }
    .Modal-designCenter .Modal-close.is-grey {
      color: #757575; }
  .Modal-designCenter .Modal-allProjects {
    height: auto; }
  @media (max-width: 719px) {
    .Modal-designCenter .is-hidden-mobile {
      height: 0;
      overflow: hidden;
      transition: height .3s; } }
  .Modal-designCenter .BoxedList--checkbox {
    margin-bottom: 2.5em; }
    .Modal-designCenter .BoxedList--checkbox .is-locked .BoxedList-item-wrapper {
      background: #eee;
      color: #757575;
      cursor: default;
      position: relative;
      padding-right: 6.3em; }
      .Modal-designCenter .BoxedList--checkbox .is-locked .BoxedList-item-wrapper:before {
        content: '\E67F';
        font-family: 'arrow-icons';
        margin-right: .5em;
        width: 14px; }
      .Modal-designCenter .BoxedList--checkbox .is-locked .BoxedList-item-wrapper input {
        display: none;
        cursor: default; }
    .Modal-designCenter .BoxedList--checkbox .BoxedList-item-wrapper.is-selected {
      background: #eee;
      color: #757575; }
  .Modal-designCenter .is-inProject {
    position: absolute;
    font-size: 12px;
    top: 1em;
    right: 1em;
    font-weight: bold;
    text-transform: uppercase; }
  .Modal-designCenter .Modal-createProject-bigIcon {
    font-size: 80px;
    display: block;
    margin: .5em auto;
    width: 1em;
    color: #757575; }
  .Modal-designCenter .Modal-intro {
    margin-bottom: 1em; }
    .Modal-designCenter .Modal-intro.is-hidden {
      display: none; }
  @media (min-width: 641px) {
    .Modal-designCenter .Modal-createSaveButtons-create {
      margin-right: 4%; } }
  .Modal-designCenter .Modal-createSaveButtons-create,
  .Modal-designCenter .Modal-createSaveButtons-save {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 641px) {
      .Modal-designCenter .Modal-createSaveButtons-create,
      .Modal-designCenter .Modal-createSaveButtons-save {
        width: 48%;
        float: left;
        margin-bottom: 0; } }
  .Modal-designCenter .Modal-createSaveButtons {
    position: relative;
    width: 100%;
    transition: all 0.5s;
    opacity: 1;
    top: 0; }
    .Modal-designCenter .Modal-createSaveButtons.is-hidden {
      top: -100%;
      opacity: 0; }
    @media (min-width: 641px) {
      .Modal-designCenter .Modal-createSaveButtons {
        transition: all 0.5s;
        opacity: 1;
        left: 0;
        position: relative; }
        .Modal-designCenter .Modal-createSaveButtons.is-hidden {
          left: 100%; } }

.CreateProjectModal-errorMessage {
  display: block;
  height: auto;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  height: 0.9375rem;
  margin-bottom: 0.3125rem;
  color: #E31B23; }

.CreateProjectModal-nameInput {
  width: 100%;
  font-size: 0.875rem;
  padding: 0.92857em 2.5em 0.92857em 0.71429em;
  border: 0.0625rem solid #eee;
  background: #eee; }
  .CreateProjectModal-nameInput.is-invalid {
    border: 0.0625rem solid #E31B23; }

.CreateProjectModal-button-wrapper {
  margin-top: 1.25rem; }

.CreateProjectModal-nameInput-wrapper {
  position: relative;
  width: 100%; }
  .CreateProjectModal-nameInput-wrapper .Icon--cross {
    position: absolute;
    font-size: 1.125rem;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 2.8125rem;
    right: 0.9375rem;
    top: 0;
    color: #000;
    cursor: pointer; }
    .CreateProjectModal-nameInput-wrapper .Icon--cross:before {
      background: #eee; }
    .CreateProjectModal-nameInput-wrapper .Icon--cross:hover {
      color: #757575; }

.CreateProjectModal-cancelButton {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.625rem; }

.CreateProjectModal-createButton {
  width: 100%;
  max-width: 100%; }

@media (min-width: 641px) {
  .CreateProjectModal-nameInput-wrapper {
    width: 58%;
    margin-right: 4%;
    float: left; }
  .CreateProjectModal-createButton {
    width: 48%;
    margin-bottom: 0; }
  .CreateProjectModal-cancelButton {
    width: 48%;
    margin-right: 4%;
    float: left; } }

.tooltipster-content .CreateProjectModal-createForm .CreateProjectModal-nameInput-wrapper {
  width: 100%;
  display: block;
  float: none; }
  .tooltipster-content .CreateProjectModal-createForm .CreateProjectModal-nameInput-wrapper .Icon--cross {
    display: none; }

@media (min-width: 600px) {
  .tooltipster-content .CreateProjectModal-createForm {
    margin: 1.25rem 0; } }

.Modal-designCenter .Modal-inner {
  min-height: 9.0625rem; }

.Modal-designCenter .Modal-createProject-form {
  position: absolute;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
  width: 100%;
  top: 100%; }
  .Modal-designCenter .Modal-createProject-form.is-active {
    opacity: 1;
    top: 0;
    height: 9.0625rem; }
  .Modal-designCenter .Modal-createProject-form .Loader {
    margin: 0 auto; }
  .Modal-designCenter .Modal-createProject-form .CreateProjectModal-nameInput-wrapper {
    margin-bottom: 0.9375rem; }
  .Modal-designCenter .Modal-createProject-form .CreateProjectModal-button-wrapper {
    margin-top: 0; }
  .Modal-designCenter .Modal-createProject-form .CreateProjectModal-cancelButton {
    display: none; }
  .Modal-designCenter .Modal-createProject-form .u-header2Small {
    display: none; }
  @media (min-width: 641px) {
    .Modal-designCenter .Modal-createProject-form {
      height: 4.0625rem;
      position: absolute;
      left: -100%;
      bottom: 0;
      width: 100%;
      opacity: 0;
      top: auto;
      transition: all 0.5s; }
      .Modal-designCenter .Modal-createProject-form .CreateProjectModal-nameInput-wrapper {
        margin-bottom: 0; }
      .Modal-designCenter .Modal-createProject-form.is-active {
        left: 0;
        opacity: 1;
        top: auto;
        height: 4.0625rem; }
      .Modal-designCenter .Modal-createProject-form .CreateProjectModal-createButton {
        width: 38%; }
      .Modal-designCenter .Modal-createProject-form .Loader {
        font-size: 0.25rem; } }

.DeleteProjectModal {
  margin: 0; }
  .DeleteProjectModal-header {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0; }
  .DeleteProjectModal-errorMessage {
    display: block;
    height: auto;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    height: 0.9375rem;
    margin-bottom: 0.3125rem;
    color: #E31B23; }
  .DeleteProjectModal-buttonWrapper {
    margin-top: 1.25rem; }
  .DeleteProjectModal-cancelButton {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.625rem; }
  .DeleteProjectModal-deleteButton {
    width: 100%;
    max-width: 100%; }

@media (min-width: 641px) {
  .DeleteProjectModal-deleteButton {
    width: 48%;
    margin-bottom: 0; }
  .DeleteProjectModal-cancelButton {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0;
    float: left; } }

@media (min-width: 600px) {
  .tooltipster-content .DeleteProjectModal {
    width: 18.125rem; } }

@media (min-width: 600px) {
  .DeleteFromProjectModal {
    width: 18.125rem; } }

@media (min-width: 1024px) {
  .MyProjectsListing .AbsoluteLayout-offsetColumn {
    min-height: 800px; } }

.MyProjectsListing-intro {
  width: 100%;
  padding: 1.25em 0;
  display: inline-block; }
  @media (min-width: 1024px) {
    .MyProjectsListing-intro {
      text-align: right; } }
  @media (max-width: 1023px) {
    .MyProjectsListing-intro .js-createProject {
      display: none; } }
  .MyProjectsListing-intro h1 {
    font-weight: 800;
    margin: 0; }
    @media (max-width: 599px) {
      .MyProjectsListing-intro h1 {
        font-size: 28px;
        line-height: 29px; } }
    @media (min-width: 600px) {
      .MyProjectsListing-intro h1 {
        float: left;
        margin-top: 10px; } }
  @media (min-width: 600px) {
    .MyProjectsListing-intro .SearchControls-control {
      border-left: 0; } }
  .MyProjectsListing-intro .MyProjectsListing-sort {
    text-align: center; }
    @media (min-width: 600px) {
      .MyProjectsListing-intro .MyProjectsListing-sort {
        display: inline; } }
  .MyProjectsListing-intro .SearchControls-control-label {
    display: inline-block;
    line-height: 2.5;
    margin-top: 5px; }
  .MyProjectsListing-intro .SearchControls-selectContainer {
    width: auto;
    float: none;
    padding-top: 6px;
    padding-bottom: 11px; }
  .MyProjectsListing-intro .SearchControls-control {
    display: inline-block;
    padding: 0;
    margin: 15px 0 10px; }
    @media (min-width: 600px) and (max-width: 1023px) {
      .MyProjectsListing-intro .SearchControls-control {
        float: right; } }
  .MyProjectsListing-intro .SearchControls-select {
    width: auto;
    padding-right: 20px;
    padding-bottom: 4px;
    float: right; }
  .MyProjectsListing-intro .SearchControls-selectContainer .Icon--dropdown {
    bottom: .8em;
    top: auto; }
  @media (min-width: 720px) {
    .MyProjectsListing-intro .SearchControls-selectContainer .Icon--dropdown {
      right: .5em;
      left: auto; } }
  .MyProjectsListing-intro .Button {
    width: 100%;
    float: left; }
    @media (min-width: 720px) {
      .MyProjectsListing-intro .Button {
        width: 50%;
        margin-top: 0.83333em; } }
    @media (min-width: 1024px) {
      .MyProjectsListing-intro .Button {
        width: auto;
        float: none;
        margin-left: 1.66667em; } }

.MyProjectsListing-howTo {
  height: 0;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #eee;
  position: relative; }
  @media (max-width: 1023px) {
    .MyProjectsListing-howTo {
      margin-left: -1.5em;
      margin-right: -1.5em; } }
  .MyProjectsListing-howTo::before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent);
    background-size: 50px 50px; }
  .MyProjectsListing-howTo.is-visible {
    height: auto;
    opacity: 1; }
  .MyProjectsListing-howTo-wrapper {
    padding: 1.5em; }
  .MyProjectsListing-howTo h2 {
    margin: 0; }
  .MyProjectsListing-howTo .Icon--cross {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: 1.2em; }
  .MyProjectsListing-howTo-item {
    position: relative;
    margin-top: 15px;
    height: 195px; }
    @media (min-width: 600px) {
      .MyProjectsListing-howTo-item {
        height: 135px; } }
    @media (min-width: 1024px) {
      .MyProjectsListing-howTo-item {
        width: 49%;
        float: left;
        height: 155px; }
        .MyProjectsListing-howTo-item:nth-child(odd) {
          margin-right: 15px; } }
    .MyProjectsListing-howTo-item-image {
      position: absolute;
      width: 20%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #54B948; }
      .MyProjectsListing-howTo-item-image .Icon {
        color: #fff;
        font-size: 3em;
        display: block;
        text-align: center;
        margin-top: 25%; }
        @media (min-width: 600px) {
          .MyProjectsListing-howTo-item-image .Icon {
            font-size: 3.5em; } }
    .MyProjectsListing-howTo-item-description {
      width: 80%;
      height: 100%;
      margin-left: 20%;
      padding: 1.25em;
      background-color: #fff;
      border-bottom: 2px solid #54B948;
      overflow: hidden; }
      .MyProjectsListing-howTo-item-description p {
        font-size: 14px; }
        .MyProjectsListing-howTo-item-description p + p {
          margin-top: 15px; }

.ProjectEnvisionDesignModal--options .LoginModal {
  display: none; }

.ProjectEnvisionDesignModal--options .Loader {
  display: none; }

.ProjectEnvisionDesignModal--loggedOut .ProjectEnvisionDesignModal-body {
  display: none; }

.ProjectEnvisionDesignModal--loggedOut .Loader {
  display: none; }

.ProjectEnvisionDesignModal--loading .ProjectEnvisionDesignModal-body {
  display: none; }

.ProjectEnvisionDesignModal--loading .LoginModal {
  display: none; }

.EventDetail .u-grid-4 {
  position: relative; }

.EventDetail-events {
  margin-top: 1.25em; }
  .EventDetail-events .EventSquare.ie-child-3 {
    margin-right: 0; }

.EventDetail p {
  font-size: 0.875rem; }

.EventDetail .Article-title {
  margin-top: 0;
  margin-bottom: 0.33333em; }

.EventDetail .Article-date {
  margin-bottom: 1.66667em; }

.EventDetail .Article-head {
  padding-top: 2.5em;
  position: relative; }
  .EventDetail .Article-head-left {
    float: left; }
  @media (min-width: 600px) {
    .EventDetail .Article-head {
      margin-bottom: 1.66667em; } }
  @media (min-width: 600px) and (max-width: 1023px) {
    .EventDetail .Article-head-left {
      width: 60%; } }
  @media (min-width: 1024px) {
    .EventDetail .Article-head {
      margin-bottom: 0; }
      .EventDetail .Article-head .RoundCtas {
        position: absolute;
        bottom: 0;
        right: 0; }
        .EventDetail .Article-head .RoundCtas .Icon {
          display: inline-block; } }

.EventDetail .Article-tags {
  margin: 2.5em 0; }

.EventDetail .Article-tags-header {
  font-size: 1.25rem;
  margin-top: 0; }

.EventDetail .Article-image {
  margin-bottom: 2.5em; }
  .EventDetail .Article-image-caption {
    font-size: 0.75rem; }

@media (max-width: 1024px) {
  .EventDetail .Article-title {
    font-size: 1.875rem;
    line-height: 2.25rem; } }

.EventDetail .RoundCtas .Icon {
  margin-bottom: 0.27778em; }

@media (min-width: 600px) {
  .EventDetail-events .EventSquare {
    width: 32%;
    float: left;
    margin-right: 2%; }
    .EventDetail-events .EventSquare:nth-child(3n+3) {
      margin-right: 0; }
  .EventDetail .RoundCtas .Icon {
    font-size: 1.1875rem; } }

@media (min-width: 720px) {
  .EventDetail .BlackHeader {
    margin-top: 1.25rem; } }

@media (min-width: 1024px) {
  .EventDetail .BlackHeader {
    margin-top: 0;
    margin-bottom: 0; }
  .EventDetail .ResponsiveCarousel-pagination {
    display: none !important; }
  .EventDetail p {
    font-size: 1rem; } }

.Person {
  font-size: 0.875rem; }
  @media (max-width: 1023px) {
    .Person {
      margin-top: 5.625rem; } }
  .Person--author {
    margin-top: 1.5em; }
  @media (max-width: 1023px) {
    .Person .u-header-underlined {
      border-bottom: 0.0625rem solid #000; } }
  @media (max-width: 1024px) {
    .Person--author .u-header-underlined {
      font-size: 1.25rem; } }
  .Person .BoxedList-item-wrapper {
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 1.7em; }
  @media (max-width: 720px) {
    .Person-details {
      clear: both; } }
  .Person-header, .Person-header--h1,
  .ContentPage .Person-header--h1, .Person-header--inline {
    margin-top: 0 !important;
    clear: none !important;
    font-weight: 600; }
    .Person-header--h1,
    .ContentPage .Person-header--h1 {
      margin: .8em 0 1em;
      font-size: 2.16667em;
      max-height: 3.1em;
      margin-top: 1.25rem !important; }
      @media (min-width: 600px) {
        .Person-header--h1,
        .ContentPage .Person-header--h1 {
          font-size: 2.5em;
          margin: .8em 0 .8em; } }
      @media (min-width: 1024px) {
        .Person-header--h1,
        .ContentPage .Person-header--h1 {
          font-size: 3em;
          margin: .8em 0 .3em;
          max-height: 3.2em; } }
    .Person-header--inline {
      font-size: 1em;
      border-right: 0.0625rem solid #eee;
      padding-right: 1em;
      margin-right: 1em;
      margin-bottom: 1.5em;
      float: left; }
      @media (min-width: 1024px) {
        .Person-header--inline {
          font-size: 1.33333em; } }
      .Person-header--inline:last-child {
        border-right: 0; }
  @media (max-width: 1023px) {
    .Person .u-desktop-up-hide.Person-titles > hr {
      margin: 0 0 1.25rem; } }
  .Person-online, .Person-position, .Person-company {
    font-size: 1rem;
    line-height: 1.4em;
    display: block;
    letter-spacing: 0;
    font-weight: 600; }
  @media (max-width: 1023px) {
    .Person-online {
      display: none; } }
  @media (max-width: 1023px) {
    .Person-engineer-online {
      display: none; } }
  .Person-picture {
    display: block;
    margin-bottom: 1em;
    background-size: cover;
    background-position: 80% center;
    background-repeat: no-repeat;
    height: 9.375rem; }
    .Person-picture--author {
      background-size: contain;
      background-position: left; }
    @media (min-width: 400px) and (max-width: 719px) {
      .Person-picture {
        height: 12.5rem; } }
    @media (min-width: 720px) {
      .Person-picture {
        height: 15.625rem; } }
    .Person-picture img {
      width: 100%;
      height: 100%; }
  .Person-button {
    width: 100%;
    margin-bottom: 1em;
    display: block;
    clear: left; }
  .Person .IconList-item-text.js-ellipsis {
    width: 83%;
    height: 1.25rem; }
  @media (min-width: 1024px) {
    .Person-about {
      clear: left; } }
  @media (max-width: 1023px) {
    .Person-flex {
      display: flex;
      flex-direction: horizontal;
      justify-content: space-around;
      flex-flow: row wrap;
      align-items: stretch; }
      .Person-flex-item {
        display: block; } }

.QuickLinks {
  max-width: 77.5rem;
  margin: 1.875rem 0;
  padding: 0;
  padding-bottom: 0.3125rem;
  text-transform: capitalize; }
  .QuickLinks-items {
    padding: 0;
    font-size: 0; }
    .QuickLinks-items li {
      width: 100%;
      margin: 0;
      padding: 0 0 0.625rem 0;
      display: inline-block;
      vertical-align: top;
      font-size: 0.875rem; }
      @media (min-width: 720px) and (max-width: 1023px) {
        .QuickLinks-items li {
          width: 33.33%; }
          .QuickLinks-items li:nth-child(3n+1) {
            padding-left: 0; }
          .QuickLinks-items li:nth-child(3n+0) {
            padding-right: 0; } }
      @media (min-width: 1024px) {
        .QuickLinks-items li {
          width: 20%;
          padding: 0 0.625rem 0.625rem 0.625rem; }
          .QuickLinks-items li:nth-child(5n+1) {
            padding-left: 0; }
          .QuickLinks-items li:nth-child(5n+0) {
            padding-right: 0; } }
    .QuickLinks-items a {
      display: block; }

.Accordion-body {
  overflow: hidden; }
  .Accordion-body-overflow-visible {
    overflow: visible; }

.Accordion-heading {
  font-weight: 800;
  margin: 0;
  position: relative;
  padding: 0.35714em 1.60714em 0.35714em 0.35714em; }
  @media (min-width: 1024px) {
    .Accordion-heading {
      padding: 0.71429em 1.60714em 0.71429em 0; } }
  .Accordion-heading .Icon {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    margin-top: -.5em;
    transition: all 0.3s;
    cursor: pointer; }
  .Accordion-heading .Icon--plus {
    opacity: 1;
    transform: none;
    direction: rtl; }
  .Accordion-heading .Icon--minus {
    opacity: 0;
    transform: rotate(90deg); }
  .Accordion-heading.is-active .Icon--plus {
    transform: rotate(-90deg);
    opacity: 0; }
  .Accordion-heading.is-active .Icon--minus {
    transform: none;
    opacity: 1; }
  .Accordion-heading--sub {
    border-top: 0.0625rem solid #dedede;
    font-size: 1.14286em;
    margin: 0;
    padding: 0.625em 2em 0.625em 0; }
    @media (min-width: 1024px) {
      .Accordion-heading--sub {
        padding: 1.25em 0.2em 1.25em 0.3em; } }

.Accordion-paragraph {
  background: #eee;
  padding: 1.42857em; }

.Accordion-footer {
  float: right;
  padding: 0.71429em 1.42857em 0.71429em 0; }
  @media (min-width: 1024px) {
    .Accordion-footer {
      padding: 1.42857em 2.85714em 1.42857em 0; } }
  .Accordion-footer-text {
    font-weight: bold;
    margin-right: 1.66667em; }

.Accordion .Button {
  min-width: 10rem; }
  @media (min-width: 326px) and (max-width: 720px) {
    .Accordion .Button {
      margin: 1.07143em 0; } }

.js .Accordion-body {
  display: none; }
  @media print {
    .js .Accordion-body {
      display: block; }
      .js .Accordion-body i[class^="flag"] {
        display: none; } }

.rt .Accordion-footer {
  margin-top: 0; }

@media (min-width: 720px) {
  .Accordion--mobile .Accordion-heading .Icon--plus, .Accordion--mobile .Accordion-heading .Icon--minus {
    display: none; }
  .Accordion--mobile .Accordion-body {
    display: block !important;
    height: auto; } }

.ArrowLink {
  font-weight: bold;
  text-transform: uppercase; }
  .ArrowLink .Icon--link-arrow, .ArrowLink .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .ArrowLink span {
    font-size: 0.625rem;
    display: inline-block;
    margin-left: 0.25em; }
  .ArrowLink:hover {
    color: lighter(#000, 10%);
    text-decoration: underline; }

@media (max-width: 889px) {
  .AjaxLoader--isDesktopOnly {
    display: none; } }

.BackgroundBannerPromo {
  text-align: center;
  padding: 2.5rem 0;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0.0625rem 0 0 #dedede, inset 0 -0.0625rem 0 0 #fff;
  border-top: 0.0625rem solid #fff;
  border-bottom: 0.0625rem solid #dedede; }
  .BackgroundBannerPromo + .BackgroundBannerPromo {
    box-shadow: inset 0 -0.0625rem 0 0 #fff; }
  .BackgroundBannerPromo-heading {
    font-weight: 600;
    margin: 0 0 0.625rem;
    letter-spacing: -0.0625rem;
    line-height: 1.1; }
    .BackgroundBannerPromo-heading:after {
      margin-top: 0.9375rem; }
    .BackgroundBannerPromo-heading a {
      color: #EB1478; }
      .BackgroundBannerPromo-heading a:hover {
        text-decoration: underline; }
  .BackgroundBannerPromo-subHeading {
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: -0.0625rem;
    margin: 0 0 0.625rem;
    line-height: 1.1; }
    .BackgroundBannerPromo-subHeading a {
      color: #EB1478; }
      .BackgroundBannerPromo-subHeading a:hover {
        text-decoration: underline; }
  .BackgroundBannerPromo-text {
    font-size: 0.875rem;
    max-width: 49.375rem;
    margin: 0 auto 1.25rem;
    line-height: 1.1; }
    .BackgroundBannerPromo-text a {
      color: #EB1478; }
      .BackgroundBannerPromo-text a:hover {
        text-decoration: underline; }
  .BackgroundBannerPromo-button {
    font-size: 0.875rem;
    letter-spacing: 0; }
    .BackgroundBannerPromo-button.is-pink {
      background: transparent; }

.BackgroundBannerPromo--dark {
  background-color: #29272a;
  color: #fff;
  text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.8); }
  .BackgroundBannerPromo--dark .BackgroundBannerPromo-button {
    color: #fff;
    border-color: #fff;
    text-shadow: none; }
    .BackgroundBannerPromo--dark .BackgroundBannerPromo-button:hover {
      border-color: #EB1478; }

.BoxedList {
  margin: 0 -0.4375rem; }
  .ContentPage-body .BoxedList,
  .ContentPage-body .BoxedList ul {
    padding-left: 0;
    list-style-type: none; }
  .BoxedList-item {
    margin-bottom: 0.83333em;
    padding: 0 0.4375rem;
    width: 100%; }
  .BoxedList-item-wrapper {
    display: block;
    border: 0.0625rem solid #d7d7d7;
    padding: 0.83333em; }

.BoxedList--vertCentered .BoxedList-item {
  display: table; }
  .BoxedList--vertCentered .BoxedList-item-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0; }

.BoxedList--large {
  font-size: 1.16667em;
  font-weight: 600;
  letter-spacing: 0; }
  @media (min-width: 720px) {
    .BoxedList--large {
      font-size: 1.5em;
      font-weight: 800; } }
  .BoxedList--large .BoxedList-item {
    min-height: 3.33333em; }
    @media (min-width: 720px) {
      .BoxedList--large .BoxedList-item {
        padding: 0 0.38889em; } }
    .BoxedList--large .BoxedList-item-wrapper {
      padding: 0 0.55556em;
      height: 3.08333em; }

.BoxedList--checkbox {
  max-height: 20.3125rem;
  overflow-y: scroll;
  margin: 0;
  border-bottom: 0.0625rem solid #d7d7d7; }
  .BoxedList--checkbox .BoxedList-item {
    padding: 0;
    margin-bottom: 0; }
    .BoxedList--checkbox .BoxedList-item:last-child .BoxedList-item-wrapper {
      border-bottom: 0.0625rem solid #d7d7d7; }
  .BoxedList--checkbox label {
    cursor: pointer; }
  .BoxedList--checkbox input {
    margin-right: .5em;
    width: 0.875rem;
    position: relative; }
  .BoxedList--checkbox .BoxedList-item-wrapper {
    border-bottom: 0; }
    .BoxedList--checkbox .BoxedList-item-wrapper:hover {
      background: #eee; }

@media (min-width: 600px) and (max-width: 1023px) {
  .BoxedList--2col-tablet .BoxedList-item {
    width: 50%;
    float: left; } }

@media (max-width: 720px) {
  .BoxedList--2col-mobile .BoxedList-item {
    width: 50%;
    float: left; } }

@media (min-width: 720px) {
  .BoxedList--2col-desktop .BoxedList-item {
    width: 50%;
    float: left; } }

.ButtonList {
  padding: 0.75rem 0; }
  .ButtonList .Button {
    width: 100%;
    margin-bottom: 1.25rem; }

.ErrorBanner {
  text-align: center;
  background-color: #F68A33;
  color: #fff;
  padding: 1.5625rem 0 1.875rem; }
  .ErrorBanner-icon {
    display: block;
    margin: 1.25rem -0.25rem 1.25rem 0; }
    .ErrorBanner-icon .Icon {
      font-size: 3.125rem; }
    @media (min-width: 720px) {
      .ErrorBanner-icon {
        width: 14%;
        display: inline-block;
        text-align: center;
        vertical-align: middle; } }
  .ErrorBanner-content {
    text-align: left;
    margin: 1.25rem 0; }
    @media (min-width: 720px) {
      .ErrorBanner-content {
        display: inline-block;
        vertical-align: middle;
        width: 54%; } }
  .ErrorBanner-title {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0; }
  .ErrorBanner-messages {
    padding-left: 1.2em;
    list-style-type: disc; }
  .ErrorBanner-paragraph {
    margin-bottom: 1.5625rem;
    letter-spacing: 0.02em; }
    @media (min-width: 720px) {
      .ErrorBanner-paragraph {
        margin-bottom: 0;
        font-size: 0.875rem; } }
  .ErrorBanner-button-container {
    text-align: right;
    margin: 1.25rem 0; }
    @media (min-width: 720px) {
      .ErrorBanner-button-container {
        width: 30%;
        display: inline-block;
        vertical-align: middle;
        text-align: right; } }
  .ErrorBanner-button {
    font-size: 0.875rem;
    display: inline-block;
    background: transparent;
    border: 0.125rem solid #fff;
    line-height: 1;
    height: 2.8125rem;
    letter-spacing: 0.05em;
    width: 100%;
    max-width: none; }
    @media (min-width: 720px) {
      .ErrorBanner-button {
        max-width: 14.375rem; } }
  .ErrorBanner--isHidden {
    display: none; }

.Errors-head {
  border-bottom: 0.0625rem solid #eee;
  margin: 3.33333em 0; }

.Errors-useful-urls a {
  text-transform: uppercase;
  float: left;
  width: 33%;
  display: block;
  font-weight: bold;
  font-size: 1.08333em;
  margin-bottom: 1.33333em; }

.Errors-info {
  border-bottom: 0.0625rem solid #eee;
  margin: 0 0 1.66667em;
  padding: 0 0 3em; }
  .Errors-info-heading {
    font-size: 1.16667em;
    margin-bottom: 0.83333em; }
  .Errors-info p {
    font-size: 1.83333em; }

.Errors-useful {
  margin-bottom: 5em; }
  .Errors-useful-header {
    padding: 1.66667em 0 2.75em;
    font-size: 1.33333em; }

.Errors-hide {
  display: none; }

.Errors-modal-alignment {
  position: relative;
  right: 0; }

#linkExpired .Errors-info, #linkExpired .Errors-head, #emailVerified .Errors-info, #emailVerified .Errors-head {
  border: none; }

@media (min-width: 1024px) {
  #linkExpired .lineBreak::before, #emailVerified .lineBreak::before {
    content: "\A";
    white-space: pre; } }

#linkExpired h1, #emailVerified h1 {
  font-size: 2.3125rem;
  font-family: "ArrowDisplayMedium", sans-serif;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-weight: bold; }
  @media (max-width: 720px) {
    #linkExpired h1, #emailVerified h1 {
      font-size: 1.8125rem; } }

#linkExpired p, #emailVerified p {
  font-size: 1rem; }
  #linkExpired p a, #emailVerified p a {
    color: #0069AA;
    font-family: "ArrowDisplayMedium", sans-serif; }
    #linkExpired p a:hover, #emailVerified p a:hover {
      color: #0084D5; }
  @media (max-width: 720px) {
    #linkExpired p, #emailVerified p {
      font-size: 0.875rem; } }

#linkExpired .contact-us-text, #emailVerified .contact-us-text {
  margin-top: 1rem; }

.FamilyPagesNavigationTabs {
  overflow-x: hidden; }
  .FamilyPagesNavigationTabs-overview, .FamilyPagesNavigationTabs-category {
    display: none; }
  .FamilyPagesNavigationTabs-overview.is-active, .FamilyPagesNavigationTabs-category.is-active {
    display: block; }
  .FamilyPagesNavigationTabs-overview .FamilyPagesNavigationTabs-summaryWrapper {
    margin-left: 0; }
  .FamilyPagesNavigationTabs-header {
    overflow: auto;
    margin-top: 0.9375rem; }
  .FamilyPagesNavigationTabs-articles {
    margin: 1rem 0 1rem; }
    .FamilyPagesNavigationTabs-articles-image {
      float: left;
      margin-right: 1em;
      clear: both; }
      .FamilyPagesNavigationTabs-articles-image img {
        width: 12em;
        height: 8.5em; }
    .FamilyPagesNavigationTabs-articles-headLine {
      font-weight: 600;
      margin-bottom: 0.75rem; }
    .FamilyPagesNavigationTabs-articles-tags {
      color: #666;
      margin-top: 0.75rem;
      display: block; }
      .FamilyPagesNavigationTabs-articles-tags--text {
        text-transform: uppercase;
        font-weight: 600;
        padding-right: 0.75rem;
        float: left; }
  .FamilyPagesNavigationTabs-results {
    margin-bottom: 0.75rem;
    padding: 0 0.75rem; }
    @media (min-width: 890px) {
      .FamilyPagesNavigationTabs-results {
        width: 43%;
        display: inline-block; } }
    .FamilyPagesNavigationTabs-results--cta {
      margin-bottom: 0.75rem;
      transform: translateX(12%); }
      @media (min-width: 890px) {
        .FamilyPagesNavigationTabs-results--cta {
          float: right;
          transform: none; } }
      .FamilyPagesNavigationTabs-results--cta .Button {
        width: 55%; }
        @media (min-width: 890px) {
          .FamilyPagesNavigationTabs-results--cta .Button {
            width: auto; } }
      .FamilyPagesNavigationTabs-results--cta .Icon {
        color: #fff;
        font-size: 12px; }
        .FamilyPagesNavigationTabs-results--cta .Icon--pdf {
          cursor: pointer; }
    .FamilyPagesNavigationTabs-results-icon--blue {
      background: #009DDC; }
    .FamilyPagesNavigationTabs-results-icon--grey {
      background: #666; }
    .FamilyPagesNavigationTabs-results-icon--purple {
      background: #92278f; }
    .FamilyPagesNavigationTabs-results-viewAll {
      float: right;
      text-decoration: underline;
      padding-right: 0.75rem; }
    .FamilyPagesNavigationTabs-results-list {
      display: table-cell; }
      .FamilyPagesNavigationTabs-results-list li {
        margin-left: 0.625rem;
        word-wrap: break-word;
        word-break: break-all; }
      .FamilyPagesNavigationTabs-results-list li:before {
        content: '- '; }
        @media (min-width: 1024px) {
          .FamilyPagesNavigationTabs-results-list li:before {
            left: 0; } }
  .FamilyPagesNavigationTabs-specifications-title {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.15em; }
  .FamilyPagesNavigationTabs-specifications-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-left: 2%;
    margin-bottom: 0.75rem; }
    @media (min-width: 890px) {
      .FamilyPagesNavigationTabs-specifications-wrapper {
        width: 19%; } }
  .FamilyPagesNavigationTabs-specifications-list {
    list-style-type: inherit;
    padding-left: 1.625rem; }
  .FamilyPagesNavigationTabs-adWrapper {
    text-align: center; }
  .FamilyPagesNavigationTabs-summaryImageContainer {
    text-align: center; }
  .FamilyPagesNavigationTabs .Product-Summary {
    padding-bottom: 0.9375rem;
    padding-top: 0.9375rem;
    border: none; }
    .FamilyPagesNavigationTabs .Product-Summary:after {
      content: '';
      width: 3.125rem;
      height: 2px;
      background: #757575;
      display: block;
      margin: 0.3125rem 0 0.9375rem; }
    .FamilyPagesNavigationTabs .Product-Summary:after {
      margin: 0.9375rem 0 0;
      padding-top: 0.1875rem; }
  .FamilyPagesNavigationTabs .Product-Summary-ShareContainer {
    text-align: center; }
  .FamilyPagesNavigationTabs .Product-Summary-Details--Manufacturer {
    text-decoration: underline; }

.FamilyPagesNavigationTabs-hero-text,
.FamilyPagesNavigationTabs-hero-title {
  color: #fff;
  margin: 0.625rem 0; }

p.FamilyPagesNavigationTabs-hero-sub-title {
  color: #fff;
  margin: 0.625rem 0;
  font-size: 1.25rem;
  line-height: 1.5rem; }

.Password-title {
  margin-bottom: 0.3125rem; }

.Password-instructionText {
  margin-bottom: 0.9375rem; }

.Password-buttonContainer {
  float: right; }
  .Password-buttonContainer > input {
    margin-bottom: 0.625rem; }
  .Password-buttonContainer > a {
    line-height: 1.5;
    text-decoration: underline;
    float: right; }

.Password .Form-input-error {
  display: none;
  right: 0 !important;
  margin-bottom: 1.25rem !important;
  position: relative !important; }
  .Password .Form-input-error.is-active {
    display: block; }

.FullWidthBackgroundWrapper {
  position: relative;
  background-size: cover;
  background-position: center; }
  .FullWidthBackgroundWrapper:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.Hamburger .Icon--hamburger {
  font-size: 1.5em; }
  .Hamburger-container > .Hamburger .Icon--hamburger.is-selected {
    position: fixed;
    overflow-y: scroll;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    font-size: 16px; }
  @media (min-width: 1240px) {
    .Hamburger .Icon--hamburger {
      display: none; } }

.Hamburger .Icon--cross {
  font-size: 1.5em;
  background: #29272a;
  float: left; }

.Hamburger .Icon--arrow-down {
  display: none; }

.Hamburger .mobile-dropdown {
  position: fixed;
  overflow-y: scroll;
  top: 2.5rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 949;
  font-size: 16px;
  border-top: 0.625rem solid #000;
  margin-top: -0.625rem; }
  .Hamburger .mobile-dropdown .Header-utilityLinks {
    margin: 0; }
    @media (max-width: 890px) {
      .Hamburger .mobile-dropdown .Header-utilityLinks-text {
        float: none;
        display: block;
        height: auto; }
        .Hamburger .mobile-dropdown .Header-utilityLinks-text.dropdown-hidden {
          display: none; } }
    @media (min-width: 890px) {
      .Hamburger .mobile-dropdown .Header-utilityLinks-text {
        float: left; } }
  .Hamburger .mobile-dropdown .Header-nav-inner .dropdown-hidden {
    display: none; }

.Hamburger .hamburger-box {
  background: transparent;
  float: left;
  padding: 1em 1.25em;
  position: absolute;
  top: 0;
  left: -0.625rem; }
  .Hamburger .hamburger-box.cross-box {
    background-color: #29272a;
    z-index: 951; }

.has-headerTopBar-visible .mobile-dropdown {
  top: 127px; }

/*Common CSS for header dropdown goes here.*

  This class will be renamed HeaderDropdown once all the styling
  gets migrated from ~/assets/scss/modules/headerDropdown.scss
  and we are able to claim the class without breaking desktop
  rendering*/
.HeaderDd-intro {
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 0.0625rem solid #CBC2C2;
  padding-bottom: 1.25em; }

.HeaderDd-list {
  margin-top: 0.83333em; }
  .HeaderDd-list-column {
    float: left; }
  .HeaderDd-list-item {
    display: inline-block;
    color: #fff;
    padding: 0.83333em;
    width: 100%; }
    .HeaderDd-list-item:hover {
      background-color: #0084D5; }
    .HeaderDd-list-item-name, .HeaderDd-list-item-rate, .HeaderDd-list-item-language {
      display: inline-block;
      vertical-align: center; }
    .HeaderDd-list-item.is-active {
      background-color: #004E7F; }
  .HeaderDd-list li {
    display: inline-block;
    width: 24%; }
    @media (max-width: 600px) {
      .HeaderDd-list li {
        width: 49%; } }
    @media (min-width: 1024px) {
      .HeaderDd-list li {
        width: 30%; } }

.HeaderDd-wrap {
  padding: 1.25em;
  background-color: #29272a;
  padding: 0.8em 1.07143em; }

.Header-topLinks {
  margin-right: 0;
  margin-left: 0; }
  @media (min-width: 1024px) {
    .Header-topLinks {
      display: block;
      padding: 0 0 1em 0; } }

.Header-navBar {
  float: right;
  margin-top: 0; }
  @media (max-width: 1023px) {
    .Header-navBar {
      margin-top: -3.2em;
      position: relative; } }
  .Header-navBar .Header-utilityLinks {
    float: left;
    height: 100%; }
    @media (max-width: 890px) {
      .Header-navBar .Header-utilityLinks-text {
        display: none; } }
    @media (min-width: 891px) {
      .Header-navBar .Header-utilityLinks-text {
        display: inline-block;
        float: left;
        padding-top: 0.6em;
        font-weight: 800; }
        .Header-navBar .Header-utilityLinks-text.header-hidden {
          display: none; } }
    .Header-navBar .Header-utilityLinks-text a span {
      text-align: center; }
    @media (min-width: 1024px) {
      .Header-navBar .Header-utilityLinks-text a {
        display: block; }
        .Header-navBar .Header-utilityLinks-text a span {
          display: block; }
          .Header-navBar .Header-utilityLinks-text a span.displayInlineBlock {
            display: inline-block; } }
    @media (min-width: 1024px) {
      .Header-navBar .Header-utilityLinks-text .header-loggedIn {
        margin-left: 0;
        margin-top: 0; }
        .Header-navBar .Header-utilityLinks-text .header-loggedIn a {
          padding: 0.625rem; }
        .is-minimised-header .Header-navBar .Header-utilityLinks-text .header-loggedIn > a {
          padding: 0.375rem; } }
    @media (min-width: 890px) {
      .Header-navBar .Header-utilityLinks-text .header-loggedIn .Icon.Icon--left_arrow {
        display: none; }
      .Header-navBar .Header-utilityLinks-text .header-loggedIn .Icon.Icon--arrow-down {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px; } }
    @media (min-width: 1024px) {
      .Header-navBar .Header-utilityLinks-text-myArrow {
        top: 50%;
        height: 100%;
        transform: translateY(-50%);
        position: absolute; }
        .Header-navBar .Header-utilityLinks-text-myArrow a {
          padding: 0.9375rem 1rem; } }
    @media (min-width: 1024px) {
      .Header-navBar .Header-utilityLinks-login a {
        padding: 0.9375rem 1rem; }
        .Header-navBar .Header-utilityLinks-login a:hover {
          background-color: #29272a; } }
    .Header-navBar .Header-utilityLinks-loggedInUser {
      font-weight: 400; }
      @media (max-width: 1023px) {
        .Header-navBar .Header-utilityLinks-loggedInUser {
          padding-top: 0rem; } }
      @media (min-width: 1024px) {
        .Header-navBar .Header-utilityLinks-loggedInUser {
          z-index: 970; } }
      @media (min-width: 890px) and (max-width: 1023px) {
        .Header-navBar .Header-utilityLinks-loggedInUser .Header-utilityLinks-loggedInUser-text {
          width: 4.6875rem; } }
      @media (min-width: 890px) {
        .Header-navBar .Header-utilityLinks-loggedInUser .Header-utilityLinks-loggedInUser-text {
          text-align: center;
          display: block; }
          .Header-navBar .Header-utilityLinks-loggedInUser .Header-utilityLinks-loggedInUser-text.Header-utilityLinks-loggedInUser--name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; } }
  @media (max-width: 1023px) {
    .Header-navBar.Header-topLinks {
      display: none; } }
  @media (min-width: 1240px) {
    .Header-navBar.Header-topLinks {
      margin-right: -1.4375rem; } }
  @media (min-width: 1024px) {
    .Header-navBar .Header-nav-inner > li {
      margin-left: 1.5em; }
      .Header-navBar .Header-nav-inner > li a.Header-navBar-list--block {
        padding: 0.9375rem 1rem; }
      .Header-navBar .Header-nav-inner > li:hover {
        background-color: #29272a; }
      .Header-navBar .Header-nav-inner > li.header-hidden {
        display: none; }
      .Header-navBar .Header-nav-inner > li .Header-nav-inner-arrowDivisions {
        border-bottom: 0.0625rem solid #CBC2C2;
        color: #CBC2C2;
        padding-bottom: 0.125rem; }
    .Header-navBar .Header-nav-inner > li.Header-nav-inner-divisions {
      margin-left: 0rem; }
    .Header-navBar .Header-nav-inner > li.Header-nav-inner-dynamicLinks {
      margin-left: 0rem; }
    .Header-navBar .Header-nav-inner-dropdown li {
      opacity: 0;
      transform: translateX(-1.25rem); }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li {
      opacity: 1;
      transform: translateX(0); }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(1) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.05s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(2) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.1s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(3) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.15s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(4) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.2s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(5) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.25s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(6) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.3s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(7) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.35s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(8) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.4s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(9) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.45s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(10) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.5s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(11) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.55s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(12) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.6s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(13) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.65s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(14) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.7s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(15) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.75s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(16) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.8s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(17) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.85s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(18) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.9s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(19) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 0.95s; }
    .Header-navBar .Header-nav-inner-dropdown .arrow-up .HeaderDd-wrap li:nth-child(20) {
      transition: opacity 0.1s, transform 0.1s;
      transition-delay: 1s; } }
  body.has-divisions-menu-open .Header-navBar .Header-nav-inner-divisions {
    background-color: #29272a; }
  @media (min-width: 1024px) {
    .Header-navBar .Header-nav-inner-divisions {
      margin-top: 0;
      color: #CBC2C2;
      display: inline; }
      .Header-navBar .Header-nav-inner-divisions:hover {
        background-color: #000; }
      .Header-navBar .Header-nav-inner-divisions a:hover {
        color: #fff; } }
  @media (min-width: 1024px) {
    .Header-navBar .Header-nav-inner-dynamicLinks {
      margin-top: 0;
      color: #CBC2C2;
      display: inline; }
      .Header-navBar .Header-nav-inner-dynamicLinks:hover {
        background-color: #000; }
      .Header-navBar .Header-nav-inner-dynamicLinks a:hover {
        color: #fff; }
      .Header-navBar .Header-nav-inner-dynamicLinks span {
        padding-bottom: 0.125rem;
        border-bottom: solid 0.0625rem; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-black {
          border-bottom-color: #000; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-white {
          border-bottom-color: #fff; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-verydarkgrey {
          border-bottom-color: #29272a; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-grey {
          border-bottom-color: #757575; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-red {
          border-bottom-color: #E31B23; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-blue {
          border-bottom-color: #009DDC; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-brightBlue {
          border-bottom-color: #0069AA; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-activeButtonBlue {
          border-bottom-color: #004E7F; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-green {
          border-bottom-color: #54B948; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-orange {
          border-bottom-color: #F68A33; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-purple {
          border-bottom-color: #92278f; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-pink {
          border-bottom-color: #EB1478; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-yellow {
          border-bottom-color: #fdbb31; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-darkgrey {
          border-bottom-color: #505050; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-iotgreen {
          border-bottom-color: #009A8C; }
        .Header-navBar .Header-nav-inner-dynamicLinks span.is-skyblue {
          border-bottom-color: #BFE0F4; } }
  .Header-navBar-list--block {
    display: block;
    font-family: "ArrowDisplayMedium", sans-serif; }
  .Header-navBar-item {
    position: relative;
    margin-left: 0.9375rem;
    float: right; }
    .Header-navBar-item-divisions {
      color: #CBC2C2;
      background-color: #000; }
      .Header-navBar-item-divisions span {
        padding-bottom: 0.125rem;
        border-bottom: solid 0.0625rem #CBC2C2; }
      .Header-navBar-item-divisions:hover {
        color: #fff;
        background-color: #29272a; }
      body.has-divisions-menu-open .Header-navBar-item-divisions {
        color: #fff;
        background-color: #29272a; }
    .Header-navBar-item--dropdown-name {
      font-weight: 400; }
  .Header-navBar-cart {
    display: inline-block;
    margin-right: 0.625rem; }
    @media (min-width: 1024px) {
      .Header-navBar-cart {
        margin-right: inherit; } }
    .Header-navBar-cart .Icon {
      font-size: 1.625rem; }
    .Header-navBar-cart .u-dot.is-hidden {
      transition: transform 0.3s;
      transform: scale(0); }
  .Header-navBar--accountMenu-dropdown {
    position: relative; }
  .Header-navBar #header-cart {
    float: left;
    top: 0.5rem;
    z-index: 100; }
    @media (min-width: 1024px) {
      .Header-navBar #header-cart {
        margin-top: -0.8125rem;
        margin-left: 0;
        float: right;
        top: 50%;
        font-size: 12px; } }
    .Header-navBar #header-cart a:focus {
      outline: 0.125rem solid #7FC1EA;
      display: inline-block; }
  @media (min-width: 1024px) {
    .Header-navBar #header-chat {
      margin-top: 0;
      margin-left: 1.5em; } }

.mobile-dropdown {
  background: #000;
  color: white;
  font-weight: 600; }
  .mobile-dropdown ul li.Header-nav-item {
    margin-right: 1.5em;
    margin-left: 1.07143em;
    border-bottom: 0.0625rem solid #CBC2C2;
    height: 3em;
    padding: .8em 0; }
  .mobile-dropdown ul li.Header-nav-inner-dropdown {
    height: auto; }
    .mobile-dropdown ul li.Header-nav-inner-dropdown .AvailableLanguagesJson {
      display: none; }
    .mobile-dropdown ul li.Header-nav-inner-dropdown a {
      display: block; }
  .mobile-dropdown ul li:last-child {
    border-bottom: none; }
  .mobile-dropdown .hidden-dropdown {
    display: none; }
  .mobile-dropdown .Header-nav-item {
    padding-left: 0; }
    .mobile-dropdown .Header-nav-item .Icon--left_arrow {
      transition: all 300ms ease-in-out;
      transform: rotate(-90deg);
      float: right; }
    .mobile-dropdown .Header-nav-item .arrow-up.Header-nav-inner--language-dropdown .Icon--left_arrow, .mobile-dropdown .Header-nav-item .arrow-up.Header-nav-inner-dropdown-currency .Icon--left_arrow, .mobile-dropdown .Header-nav-item .arrow-up.Header-nav-inner--regions-dropdown .Icon--left_arrow, .mobile-dropdown .Header-nav-item .arrow-up.Header-nav-inner--accountMenu-dropdown .Icon--left_arrow {
      transform: rotate(90deg); }
    .mobile-dropdown .Header-nav-item div.svg-wrapper {
      display: none; }
  .mobile-dropdown .megamenu-tab {
    margin-left: 0;
    margin-right: 0; }
    .mobile-dropdown .megamenu-tab .megamenu-link {
      margin-left: 0.85714em; }
    .mobile-dropdown .megamenu-tab-item {
      border-left: 0.125rem solid #0069AA;
      padding: 0.28571em 1.42857em;
      margin-left: -0.85714em; }
    .mobile-dropdown .megamenu-tab .is-red {
      border-color: #E31B23; }
    .mobile-dropdown .megamenu-tab .is-green {
      border-color: #54B948; }
    .mobile-dropdown .megamenu-tab .is-blue {
      border-color: #009DDC; }
    .mobile-dropdown .megamenu-tab .is-orange {
      border-color: #F68A33; }
    .mobile-dropdown .megamenu-tab .is-purple {
      border-color: #92278f; }
  .mobile-dropdown .Header-utilityLinks li.Header-nav-item {
    padding-left: 0rem; }
  @media (min-width: 890px) {
    .mobile-dropdown .Header-utilityLinks {
      display: none; } }
  .mobile-dropdown .Header-nav-inner li.Header-nav-item {
    padding-left: 0rem; }
  .mobile-dropdown .Header-nav-inner-contactUsText {
    font-weight: 400; }
    @media (max-width: 1023px) {
      .mobile-dropdown .Header-nav-inner-contactUsText {
        display: inline; } }
  @media (min-width: 1240px) {
    .mobile-dropdown {
      display: none; } }

.head .AdvancedSearchBtn {
  text-transform: uppercase;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  padding-top: 0.125rem;
  cursor: pointer;
  position: absolute;
  right: 0.625rem;
  top: 2.375rem;
  background-color: black;
  border: 0;
  outline: 0; }
  .head .AdvancedSearchBtn-label {
    letter-spacing: 0.125rem; }
  .head .AdvancedSearchBtn:focus {
    outline: 0.125rem solid #7FC1EA !important; }
  @media (max-width: 1023px) {
    .head .AdvancedSearchBtn {
      top: 2.625rem; } }

.head .Search-bar {
  position: relative;
  width: 95%;
  height: 1.8125rem;
  float: none;
  background-color: #fff;
  display: inline-block;
  left: 0.25rem;
  border-radius: 0.4375rem;
  /* Reset Select */
  /* Custom Select */
  /* Arrow Down */ }
  @media (min-width: 1024px) {
    .head .Search-bar {
      height: 2.1875rem; }
      .head .Search-bar .is-showing-typeahead .Search-bar {
        border-radius: 0.4375rem 0.4375rem 0 0;
        transition: border-radius 300ms; } }
  .head .Search-bar select {
    z-index: 2;
    position: relative;
    outline: 0;
    box-shadow: none;
    border: 0;
    background: #eee;
    background-image: none; }
  .head .Search-bar .categorySelect {
    z-index: 1;
    position: absolute;
    display: block;
    width: 27.5%;
    height: 2.0625rem;
    background: #eee;
    overflow: hidden;
    border-radius: .25em; }
    @media (max-width: 719px) {
      .head .Search-bar .categorySelect {
        display: none; } }
    @media (min-width: 1024px) {
      .head .Search-bar .categorySelect {
        height: 2.1875rem; } }
  .head .Search-bar select {
    color: transparent;
    background: none;
    cursor: pointer;
    height: 100%;
    opacity: 0; }
  .head .Search-bar select::-ms-expand {
    display: none; }
  .head .Search-bar .categorySelect::after {
    z-index: 1;
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 0.625rem;
    background: #eee;
    pointer-events: none;
    color: #757575;
    font-weight: 600;
    font-size: 14px;
    line-height: 2.5; }
  .head .Search-bar .viewport {
    font-weight: 600;
    font-size: 0.875rem;
    color: #29272a;
    cursor: pointer;
    position: absolute;
    width: 85%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0.5rem 0 0 0.9375rem; }
  .head .Search-bar option {
    color: #000; }
  .head .Search-bar-select-input {
    padding-left: 0.875rem; }
    @media (max-width: 719px) {
      .head .Search-bar-select-input {
        padding-left: 0.875rem; } }
  .head .Search-bar-text-input {
    padding-left: 29%; }
  .head .Search-bar .Search-in-stock-div {
    right: 3.4375rem;
    top: 0.625rem;
    position: absolute;
    z-index: 1; }
  .head .Search-bar .Search-in-stock-checkbox {
    display: none; }
  .head .Search-bar .Search-in-stock-styled-checkbox {
    width: 0.9375rem;
    height: 0.9375rem;
    display: none;
    position: relative;
    margin-right: 0.3125rem;
    left: 0rem;
    border: 0.0625rem solid #bbbbbb;
    cursor: pointer;
    background-color: white; }
  .head .Search-bar .Search-in-stock-label {
    color: #757575;
    background-color: #fff;
    float: right;
    margin-right: 0.9375rem;
    font-size: 0.6875rem;
    font-family: 'Helvetica Neue';
    cursor: pointer;
    top: 0.125rem;
    position: relative;
    display: none; }
  .head .Search-bar .Search-in-stock-checkbox:checked + .Search-in-stock-styled-checkbox {
    background-color: #757575; }
    .head .Search-bar .Search-in-stock-checkbox:checked + .Search-in-stock-styled-checkbox:after {
      font-family: "arrow-icons";
      content: "\E69C";
      font-weight: 400;
      font-size: 0.625rem;
      position: absolute;
      left: 0.125rem;
      top: 0.125rem; }
  .head .Search-bar .Search-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 2.1875rem;
    padding: 0 1.25rem;
    color: #757575;
    font-size: 1.125rem;
    margin-right: 1.875rem;
    user-select: none; }
    .head .Search-bar .Search-placeholder:focus {
      transition: text-indent 300ms, color 300ms; }
    .head .Search-bar .Search-placeholder.is-hidden {
      display: none; }
    @media (min-width: 720px) and (max-width: 1024px) {
      .head .Search-bar .Search-placeholder {
        margin-right: 3.125rem; } }
    .head .Search-bar .Search-placeholder .Search-text--tabletDesktop {
      display: none; }
      @media (min-width: 720px) {
        .head .Search-bar .Search-placeholder .Search-text--tabletDesktop {
          display: inline-block;
          outline: none;
          width: 100%;
          white-space: nowrap;
          overflow: hidden; } }
    .head .Search-bar .Search-placeholder .Search-text--mobile {
      display: inline-block;
      outline: none;
      width: 100%; }
      @media (min-width: 720px) {
        .head .Search-bar .Search-placeholder .Search-text--mobile {
          display: none; } }

.head form input {
  font-size: 1.125rem;
  border: none;
  height: 100%;
  padding-left: 0.875rem;
  color: #000;
  outline: none;
  border-radius: 0.3125rem;
  width: 64%;
  padding-right: 0.625rem;
  font-weight: 800;
  left: 28%;
  position: relative; }
  @media (max-width: 719px) {
    .head form input {
      width: 92%;
      padding-right: 4.0625rem;
      margin-left: 0rem;
      left: 0; } }
  .head form input::-ms-clear {
    display: none; }

.head .Embedded-search-button {
  height: 100%;
  width: 7%;
  border: none;
  outline: 0;
  position: absolute;
  border-left: solid #eee;
  border-width: 0.09375rem;
  background-color: #fff;
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  top: 0;
  right: 0; }
  .head .Embedded-search-button:focus {
    outline: 0.125rem solid #7FC1EA; }
  @media (min-width: 1024px) {
    .head .Embedded-search-button {
      width: 7%; }
      .head .Embedded-search-button:hover {
        background-color: #29272a; } }

.head .Embedded-search-icon {
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: middle;
  z-index: 4;
  color: #757575; }
  @media (min-width: 1024px) {
    .head .Embedded-search-icon {
      font-size: 1.4375rem; } }

.AdvancedSearch-modal {
  font-size: 0.875rem;
  width: 37.5rem; }

.AdvancedSearchContent {
  color: #000; }
  .AdvancedSearchContent input.is-invalid {
    border: 0.0625rem solid #E31B23; }
  .AdvancedSearchContent .is-invalid {
    color: #E31B23;
    font-size: 0.875rem !important; }
  .AdvancedSearchContent .error-message-icon {
    padding-left: 1.25rem;
    position: relative; }
    .AdvancedSearchContent .error-message-icon:before {
      font-family: 'arrow-icons';
      font-size: 16px;
      content: "\E651";
      position: absolute;
      left: 0rem;
      bottom: 0rem; }
  .AdvancedSearchContent .is-hidden {
    display: none; }
  .AdvancedSearchContent--modal-header {
    font-weight: 400;
    font-style: italic; }
  .AdvancedSearchContent input.AdvancedSearchContent-search-element--validation-group {
    padding: 0.75em 0.75em 0.75em 0.75em; }
  .AdvancedSearchContent--overlay {
    margin: auto;
    width: 50%;
    padding: 1.875rem 1.25rem 0 1.25rem;
    height: 100%;
    background: #fff; }
    .AdvancedSearchContent--overlay input.is-invalid {
      border: 0.0625rem solid #E31B23; }
    .AdvancedSearchContent--overlay .is-invalid {
      color: #E31B23;
      font-size: 0.875rem; }
    .AdvancedSearchContent--overlay .is-hidden {
      display: none; }
  .AdvancedSearchContent-disabledLabel {
    color: #000; }
  .AdvancedSearchContent-header {
    font-size: 1.25rem;
    font-weight: 400; }
  .AdvancedSearchContent-search-element-split-left {
    display: inline-block;
    width: 15.625rem;
    height: 4.75rem;
    padding-top: 0.9375rem;
    font-size: 14px; }
    .AdvancedSearchContent-search-element-split-left--autocomplete-container {
      margin-top: 0.4375rem;
      padding-bottom: 2.5rem; }
    .AdvancedSearchContent-search-element-split-left--autocomplete {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      position: absolute;
      z-index: 2;
      width: 15.625rem;
      font-size: 14px;
      background: transparent; }
      .AdvancedSearchContent-search-element-split-left--autocomplete[disabled] {
        z-index: 0;
        background: #bbbbbb; }
    .AdvancedSearchContent-search-element-split-left--autocomplete-x {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      color: #cfcfcf;
      position: absolute;
      background: transparent;
      z-index: 1;
      width: 15.625rem;
      font-size: 14px; }
    .AdvancedSearchContent-search-element-split-left--validation-group {
      height: 2.125rem;
      width: 15.625rem;
      margin-top: 0.4375rem;
      display: block;
      border: 0.0625rem solid #bbbbbb; }
      @media (max-width: 540px) {
        .AdvancedSearchContent-search-element-split-left--validation-group {
          width: 19.375rem; } }
    @media (max-width: 540px) {
      .AdvancedSearchContent-search-element-split-left {
        width: 19.375rem; } }
  .AdvancedSearchContent-search-element-split-center {
    display: inline-block;
    height: 4.75rem;
    width: 3.125rem;
    padding: 0.9375rem 0 0 0.3125rem;
    font-size: 14px;
    margin-bottom: -4rem; }
    .AdvancedSearchContent-search-element-split-center--autocomplete-container {
      margin-top: 0.4375rem;
      padding-bottom: 2.5rem; }
    .AdvancedSearchContent-search-element-split-center--autocomplete {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      position: absolute;
      z-index: 2;
      width: 3.125rem;
      font-size: 14px;
      background: transparent; }
      .AdvancedSearchContent-search-element-split-center--autocomplete[disabled] {
        z-index: 0;
        background: #bbbbbb; }
    .AdvancedSearchContent-search-element-split-center--autocomplete-x {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      color: #cfcfcf;
      position: absolute;
      background: transparent;
      z-index: 1;
      width: 3.125rem;
      font-size: 14px; }
    .AdvancedSearchContent-search-element-split-center--validation-group {
      height: 2.125rem;
      width: 3.125rem;
      margin-top: 0.4375rem;
      display: block;
      border: 0.0625rem solid #bbbbbb; }
  .AdvancedSearchContent-search-element-split-right {
    display: inline-block;
    height: 4.75rem;
    width: 18.125rem;
    padding: 0.9375rem 0 0 0.625rem;
    font-size: 14px; }
    .AdvancedSearchContent-search-element-split-right--autocomplete-container {
      margin-top: 0.4375rem;
      padding-bottom: 2.5rem; }
    .AdvancedSearchContent-search-element-split-right--autocomplete {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      position: absolute;
      z-index: 2;
      width: 17.5625rem;
      font-size: 14px;
      background: transparent; }
      .AdvancedSearchContent-search-element-split-right--autocomplete[disabled] {
        z-index: 0;
        background: #bbbbbb; }
    .AdvancedSearchContent-search-element-split-right--autocomplete-x {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      color: #cfcfcf;
      position: absolute;
      background: transparent;
      z-index: 1;
      width: 17.5625rem;
      font-size: 14px; }
    .AdvancedSearchContent-search-element-split-right--validation-group {
      height: 2.125rem;
      width: 17.5625rem;
      margin-top: 0.4375rem;
      display: block;
      border: 0.0625rem solid #bbbbbb; }
      @media (max-width: 540px) {
        .AdvancedSearchContent-search-element-split-right--validation-group {
          width: 19.375rem;
          margin-left: -0.688rem; } }
    @media (max-width: 540px) {
      .AdvancedSearchContent-search-element-split-right {
        width: 19.375rem; } }
    @media (max-width: 540px) {
      .AdvancedSearchContent-search-element-split-right .required {
        margin-left: -0.688rem; } }
  .AdvancedSearchContent-search-element-split-operator-right {
    display: inline-block;
    height: 4.75rem;
    width: 14.8125rem;
    padding: 0.9375rem 0 0 0.625rem;
    font-size: 14px; }
    .AdvancedSearchContent-search-element-split-operator-right label {
      margin-left: -3.625rem; }
    .AdvancedSearchContent-search-element-split-operator-right--autocomplete-container {
      margin-top: 0.4375rem;
      padding-bottom: 2.5rem; }
    .AdvancedSearchContent-search-element-split-operator-right--autocomplete {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      position: absolute;
      z-index: 2;
      width: 14.25rem;
      font-size: 14px;
      background: transparent; }
      .AdvancedSearchContent-search-element-split-operator-right--autocomplete[disabled] {
        z-index: 0;
        background: #bbbbbb; }
    .AdvancedSearchContent-search-element-split-operator-right--autocomplete-x {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      color: #cfcfcf;
      position: absolute;
      background: transparent;
      z-index: 1;
      width: 14.25rem;
      font-size: 14px; }
    .AdvancedSearchContent-search-element-split-operator-right--validation-group {
      height: 2.125rem;
      width: 14.25rem;
      margin-top: 0.4375rem;
      display: block;
      border: 0.0625rem solid #bbbbbb; }
  .AdvancedSearchContent-search-element {
    width: 34.0625rem;
    padding-top: 0.9375rem;
    font-size: 14px; }
    @media (max-width: 540px) {
      .AdvancedSearchContent-search-element {
        width: 19.375rem; } }
    .AdvancedSearchContent-search-element--autocomplete-container {
      margin-top: 0.4375rem;
      padding-bottom: 2.5rem; }
    .AdvancedSearchContent-search-element--autocomplete {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      position: absolute;
      z-index: 2;
      width: 34.0625rem;
      font-size: 14px;
      background: transparent; }
    .AdvancedSearchContent-search-element--autocomplete-x {
      height: 2.1875rem;
      padding: 0.75em 0.75em 0.75em 0.75em;
      color: #cfcfcf;
      position: absolute;
      background: transparent;
      z-index: 1;
      width: 34.0625rem;
      font-size: 14px; }
    .AdvancedSearchContent-search-element--validation-group {
      height: 2.125rem;
      width: 34.0625rem;
      margin-top: 0.4375rem;
      display: block;
      border: 0.0625rem solid #bbbbbb; }
      @media (max-width: 540px) {
        .AdvancedSearchContent-search-element--validation-group {
          width: 19.375rem; } }
    .AdvancedSearchContent-search-element--search-btn {
      display: inline;
      float: right !important;
      width: 25% !important; }
      .AdvancedSearchContent-search-element--search-btn[disabled] {
        background: #757575; }
      @media (max-width: 540px) {
        .AdvancedSearchContent-search-element--search-btn {
          width: 35% !important;
          padding: 0.938rem; } }
    .AdvancedSearchContent-search-element--chat-video {
      float: left;
      color: #29272a;
      font-size: 1.25rem;
      padding-right: 0.625rem;
      display: inline; }
    .AdvancedSearchContent-search-element--chat-link {
      float: left;
      max-width: 12.5rem;
      color: #29272a;
      font-size: 12px;
      text-decoration: underline;
      display: inline; }
      @media (max-width: 540px) {
        .AdvancedSearchContent-search-element--chat-link {
          max-width: 10.5rem; } }
    .AdvancedSearchContent-search-element--chat-link:hover {
      color: #000; }
    .AdvancedSearchContent-search-element--status {
      padding-bottom: 0.9375rem; }
    .AdvancedSearchContent-search-element--header-checkbox {
      display: block;
      padding-bottom: 0.5rem;
      margin-bottom: -0.25rem;
      margin-left: -0.625rem; }
    .AdvancedSearchContent-search-element--checkbox-label {
      position: relative;
      padding-right: 1.75rem;
      margin-bottom: 1.625rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      margin-left: -0.625rem; }
    .AdvancedSearchContent-search-element--checkbox-label input {
      cursor: pointer; }
    .AdvancedSearchContent-search-element .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 14px;
      width: 14px;
      border: 0.0625rem solid #dedede; }
      .AdvancedSearchContent-search-element .checkmark:focus {
        box-shadow: 0 0 0 0.1875rem #7FC1EA;
        outline: none; }
    .AdvancedSearchContent-search-element--checkbox-label input:checked ~ .checkmark {
      background-color: #757575;
      color: #fff; }
    .AdvancedSearchContent-search-element .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .AdvancedSearchContent-search-element--checkbox-label input:checked ~ .checkmark:after {
      display: block; }
    .AdvancedSearchContent-search-element--checkbox-label .checkmark:after {
      font-family: "arrow-icons";
      content: "\E69C";
      font-weight: 400;
      font-size: 0.625rem;
      position: absolute;
      left: 0.0625rem;
      top: 0.0625rem; }
    .AdvancedSearchContent-search-element--closeContainer {
      cursor: pointer;
      float: right;
      color: #757575; }
    .AdvancedSearchContent-search-element--additional-parametrics {
      cursor: pointer;
      float: right;
      color: #bbbbbb;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 12px; }
    .AdvancedSearchContent-search-element--additional-parameter {
      cursor: pointer;
      float: right;
      font-weight: 600;
      font-size: 12px;
      color: #0069AA;
      text-decoration: underline; }
      .AdvancedSearchContent-search-element--additional-parameter:focus {
        outline: 0.125rem solid #7FC1EA; }
      .AdvancedSearchContent-search-element--additional-parameter:hover {
        color: #0084D5; }
    .AdvancedSearchContent-search-element--clearColumn {
      position: relative;
      display: inline-block;
      color: #eee;
      background-color: #CBC2C2;
      border-radius: 50%;
      text-align: center;
      font-size: 0.66667em;
      bottom: 0.0625rem;
      padding: 0.125rem;
      border: 0;
      outline: 0; }
    .AdvancedSearchContent-search-element--clearCross {
      position: relative;
      display: inline-block;
      color: #fff;
      background-color: #bbbbbb;
      border-radius: 50%;
      text-align: center;
      font-size: 0.66667em;
      bottom: 0.0625rem;
      padding: 0.25rem;
      border: 0;
      outline: 0; }
    .AdvancedSearchContent-search-element--addColumn {
      transform: rotate(45deg);
      position: relative;
      display: inline-block;
      border-radius: 50%;
      text-align: center;
      font-size: 12px; }
  .AdvancedSearchContent-close {
    font-size: 1.5rem;
    cursor: pointer;
    float: right; }
  .AdvancedSearchContent--overlay .AdvSearchElement-custom-select {
    cursor: pointer; }
    .AdvancedSearchContent--overlay .AdvSearchElement-custom-select.not-sortable {
      cursor: auto; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select.not-sortable .SearchResults-heading-arrowWrapper {
        display: none; }
    .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-arrowWrapper {
      z-index: 1;
      position: relative;
      display: inline-block;
      left: -1.1875rem;
      top: -2.375rem;
      width: 0rem;
      float: right; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-arrowWrapper .Icon {
        position: relative;
        display: inline-block;
        color: #757575;
        font-size: 0.66667em;
        top: 50%; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-arrowWrapper .Icon--arrow-down {
        top: 0rem;
        left: 0rem; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-arrowWrapper .Icon--arrow-up {
        top: 0.5rem;
        left: 0rem; }
    .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-center-arrowWrapper {
      z-index: 1;
      position: relative;
      display: inline-block;
      left: -0.625rem;
      top: -2.375rem;
      width: 0rem;
      float: right; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-center-arrowWrapper .Icon {
        position: relative;
        display: inline-block;
        color: #757575;
        font-size: 0.66667em;
        top: 50%; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-center-arrowWrapper .Icon--arrow-down {
        top: 0rem;
        left: 0rem; }
      .AdvancedSearchContent--overlay .AdvSearchElement-custom-select-center-arrowWrapper .Icon--arrow-up {
        top: 0.5rem;
        left: 0rem; }
  .AdvancedSearchContent .AdvSearchElement-custom-select {
    cursor: pointer; }
    .AdvancedSearchContent .AdvSearchElement-custom-select.not-sortable {
      cursor: auto; }
      .AdvancedSearchContent .AdvSearchElement-custom-select.not-sortable .SearchResults-heading-arrowWrapper {
        display: none; }
    .AdvancedSearchContent .AdvSearchElement-custom-select-arrowWrapper {
      z-index: 1;
      position: relative;
      display: inline-block;
      left: -1.1875rem;
      top: -2.375rem;
      width: 0rem;
      float: right; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-arrowWrapper .Icon {
        position: relative;
        display: inline-block;
        color: #757575;
        font-size: 0.66667em;
        top: 50%; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-arrowWrapper .Icon--arrow-down {
        top: 0rem;
        left: 0rem; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-arrowWrapper .Icon--arrow-up {
        top: 0.5rem;
        left: 0rem; }
    .AdvancedSearchContent .AdvSearchElement-custom-select-crossWrapper {
      z-index: 10;
      position: relative;
      display: inline-block;
      left: -1.375rem;
      top: -1.5625rem;
      width: 0rem;
      float: right; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-crossWrapper .Icon {
        position: relative;
        display: inline-block;
        font-size: 1.125rem;
        top: 50%;
        cursor: pointer;
        color: #757575; }
    .AdvancedSearchContent .AdvSearchElement-custom-select-center-arrowWrapper {
      z-index: 1;
      position: relative;
      display: inline-block;
      left: -0.625rem;
      top: -2.375rem;
      width: 0rem;
      float: right; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-center-arrowWrapper .Icon {
        position: relative;
        display: inline-block;
        color: #757575;
        font-size: 0.66667em;
        top: 50%; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-center-arrowWrapper .Icon--arrow-down {
        top: 0rem;
        left: 0rem; }
      .AdvancedSearchContent .AdvSearchElement-custom-select-center-arrowWrapper .Icon--arrow-up {
        top: 0.5rem;
        left: 0rem; }
  .AdvancedSearchContent .ManufacturerFilter-header {
    display: block;
    padding-bottom: 0.625rem; }
  .AdvancedSearchContent .ManufacturerFilter-disabled {
    color: #757575; }
  .AdvancedSearchContent .ManufacturerFilter-label {
    position: relative;
    padding-left: 1.125rem;
    padding-right: 1.75rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline; }
    .AdvancedSearchContent .ManufacturerFilter-label input {
      position: absolute;
      cursor: pointer; }
      .AdvancedSearchContent .ManufacturerFilter-label input:checked ~ .checkmark {
        background-color: #757575;
        color: #fff; }
        .AdvancedSearchContent .ManufacturerFilter-label input:checked ~ .checkmark:after {
          display: block; }
      .AdvancedSearchContent .ManufacturerFilter-label input:disabled {
        cursor: default; }
    .AdvancedSearchContent .ManufacturerFilter-label .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 0.875rem;
      width: 0.875rem;
      border: 0.0625rem solid #dedede; }
      .AdvancedSearchContent .ManufacturerFilter-label .checkmark:after {
        content: "\E69C";
        position: absolute;
        display: none;
        font-family: arrow-icons;
        font-weight: 400;
        font-size: 0.625rem;
        position: absolute;
        left: 0.0625rem;
        top: 0.0625rem; }
      .AdvancedSearchContent .ManufacturerFilter-label .checkmark:focus {
        box-shadow: 0 0 0 0.1875rem #7FC1EA;
        outline: none; }

.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.0625rem solid #bbbbbb;
  background: #fff;
  cursor: pointer;
  overflow: auto;
  -webkit-box-shadow: 0.0625rem 0.25rem 0.1875rem rgba(50, 50, 50, 0.24);
  -moz-box-shadow: 0.0625rem 0.25rem 0.1875rem rgba(50, 50, 50, 0.24);
  box-shadow: 0.0625rem 0.25rem 0.1875rem rgba(50, 50, 50, 0.24);
  font-size: 0.875rem; }

.autocomplete-suggestion {
  height: 1.875rem;
  padding: 0.4375rem 0.75em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.875rem; }

.autocomplete-no-suggestion {
  padding: 0.4375rem 0.3125rem;
  font-size: 0.875rem; }

.autocomplete-selected {
  background: #cfcfcf;
  font-size: 0.875rem; }

.autocomplete-suggestions strong {
  font-weight: 600;
  color: #000;
  font-size: 0.875rem; }

.autocomplete-group {
  padding: 0.125rem 0.3125rem;
  font-weight: 600;
  color: #000;
  display: block;
  font-size: 0.875rem; }

.autocomplete-category {
  padding-left: 0.625rem; }

.autocomplete-category-match {
  font-weight: 600; }

.autocomplete-category-no-match {
  color: #757575; }

.Header-search-searchBar--minimised .AdvancedSearchBtn {
  float: right;
  margin-top: 0.625rem;
  position: relative;
  top: 0rem;
  border: 0;
  outline: 0; }
  .Header-search-searchBar--minimised .AdvancedSearchBtn:focus {
    outline: 0.125rem solid #7FC1EA !important; }

@media (min-width: 1024px) {
  .is-showing-typeahead .Search-bar {
    border-radius: 0.4375rem 0.4375rem 0 0;
    transition: border-radius 300ms; }
  .Header-search-minimisedHeader, .Header-search-searchBar--minimised {
    display: none; } }

@media (max-width: 1024px) {
  .Header-search-minimisedHeader, .Header-search-searchBar--minimised {
    display: none; } }

#submit.AdvancedSearchContent-search-element--search-btn:focus {
  outline: none !important;
  background-color: #0069AA; }

.asterisk {
  color: red; }

.asteriskman {
  color: red;
  visibility: hidden; }

.htmlSection {
  color: #5876a3; }
  .htmlSection .htmlContent {
    font-size: 11.0pt;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    mso-fareast-font-family: Calibri;
    mso-fareast-theme-font: minor-latin;
    mso-ansi-language: EN-US;
    mso-fareast-language: EN-US;
    mso-bidi-language: AR-SA; }

.HeaderDd-wrap .linkList li:first-child {
  margin-top: 0.5em; }

.HeaderDd-wrap .linkList-item {
  border-bottom: none;
  padding: 1.25em; }
  @media (min-width: 720px) and (max-width: 1024px) {
    .HeaderDd-wrap .linkList-item {
      display: inline-block; } }
  .HeaderDd-wrap .linkList-item.is-active {
    background-color: #004E7F;
    color: #fff; }

.HeaderDd--language {
  display: none;
  left: 0;
  right: 0;
  margin-top: .8em; }
  @media (max-width: 1023px) {
    .HeaderDd--language {
      position: relative;
      width: 100vw;
      left: -1.07143em; } }

.Header-nav-inner--language-dropdown .linkList-item:hover {
  background-color: #CBC2C2; }

@media (min-width: 1024px) {
  .Header-nav-inner--language-dropdown {
    position: relative; }
    .Header-nav-inner--language-dropdown:hover {
      background-color: #29272a; }
    .Header-nav-inner--language-dropdown span.head-uppercase.is-yellow {
      font-size: 0.75rem; }
    .Header-nav-inner--language-dropdown .Icon--left_arrow {
      display: none; }
    .Header-nav-inner--language-dropdown .Icon--arrow-down {
      display: inline-block;
      font-size: 0.3125rem;
      top: -0.125rem;
      margin-left: 0.125rem;
      position: relative; }
    .Header-nav-inner--language-dropdown li {
      clear: both; }
    .Header-nav-inner--language-dropdown a.language-open {
      background-color: #29272a; }
    .Header-nav-inner--language-dropdown .Header-navBar-item--dropdown-language {
      display: none; }
    .Header-nav-inner--language-dropdown .Header-navBar-list--block {
      padding: 0.9375rem 1rem; }
    .Header-nav-inner--language-dropdown .HeaderDd-wrap {
      padding: 1.25rem; }
      .Header-nav-inner--language-dropdown .HeaderDd-wrap .linkList-item.is-active {
        background-color: #004E7F; }
      .Header-nav-inner--language-dropdown .HeaderDd-wrap .linkList-item {
        float: none;
        padding: 0;
        display: block; }
        .Header-nav-inner--language-dropdown .HeaderDd-wrap .linkList-item a {
          font-weight: 800;
          display: block;
          padding: 0.9375rem;
          transition: all .3s; }
    .Header-nav-inner--language-dropdown .linkList-item:hover {
      background-color: #0084D5; }
    .Header-nav-inner--language-dropdown .HeaderDd--language {
      position: absolute;
      z-index: 999;
      width: 13.125rem;
      background-color: #fff;
      color: black;
      left: -8.9375rem;
      top: 2.125rem; }
    .Header-nav-inner--language-dropdown .AvailableLanguagesJson {
      display: none; } }

.HeaderDd-list-item-name {
  width: 47%; }
  @media (min-width: 600px) and (max-width: 1024px) {
    .HeaderDd-list-item-name {
      text-align: center; } }
  @media (max-width: 1024px) {
    .HeaderDd-list-item-name {
      border-right: 0.08333em solid #fff; } }

.HeaderDd-list-item-rate {
  width: 48%;
  text-align: center; }

.HeaderDd-currency {
  display: none;
  left: 0rem;
  right: 0rem;
  margin-top: 0.8em; }
  @media (max-width: 1023px) {
    .HeaderDd-currency {
      position: relative;
      width: 100vw;
      left: -1.07143em; } }

@media (min-width: 1024px) {
  .Header-nav-inner-dropdown-currency {
    position: relative; }
    .Header-nav-inner-dropdown-currency:hover {
      background-color: #29272a; }
    .Header-nav-inner-dropdown-currency .Icon--left_arrow {
      display: none; }
    .Header-nav-inner-dropdown-currency .Icon--arrow-down {
      display: inline-block;
      font-size: 0.3125rem;
      top: -0.125rem;
      margin-left: 0.125rem;
      position: relative; }
    .Header-nav-inner-dropdown-currency li {
      margin-right: 1em; }
    .Header-nav-inner-dropdown-currency a.currency-open {
      background-color: #29272a; }
    .Header-nav-inner-dropdown-currency .Header-navBar-item--dropdown-currency {
      display: none; }
    .Header-nav-inner-dropdown-currency .Header-navBar-list--block {
      padding: 0.9375rem 1rem; }
    .Header-nav-inner-dropdown-currency .HeaderDd-wrap {
      padding: 1.25rem; }
    .Header-nav-inner-dropdown-currency .HeaderDd-list {
      margin-left: 1.2em; }
    .Header-nav-inner-dropdown-currency .HeaderDd-list-item {
      color: #000;
      font-weight: 800;
      height: 2.1875rem; }
      .Header-nav-inner-dropdown-currency .HeaderDd-list-item-name {
        width: 47%;
        text-align: center; }
      .Header-nav-inner-dropdown-currency .HeaderDd-list-item-rate {
        border-left: 0.08333em solid #000; }
      .Header-nav-inner-dropdown-currency .HeaderDd-list-item.is-active {
        background-color: #004E7F;
        color: #fff; }
        .Header-nav-inner-dropdown-currency .HeaderDd-list-item.is-active .HeaderDd-list-item-rate {
          border-left: 0.08333em solid #fff; }
        .Header-nav-inner-dropdown-currency .HeaderDd-list-item.is-active .HeaderDd-list-item-name {
          border-right: none; }
        .Header-nav-inner-dropdown-currency .HeaderDd-list-item.is-active:hover {
          background-color: #004E7F; }
      .Header-nav-inner-dropdown-currency .HeaderDd-list-item:hover {
        background-color: #0084D5; }
    .Header-nav-inner-dropdown-currency .HeaderDd-currency {
      position: absolute;
      z-index: 999;
      width: 28.125rem;
      background-color: #fff;
      color: #000;
      left: -23.25rem;
      top: 2.125rem; } }

.header-currency {
  margin-left: 1.125rem; }

.HeaderDd .Icon.Icon--left_arrow {
  display: none; }

.HeaderDd-regions {
  display: none;
  position: relative;
  width: 100vw;
  left: -1em;
  margin-top: 0.8em; }
  @media (min-width: 720px) {
    .HeaderDd-regions {
      position: absolute;
      z-index: 999;
      right: 0;
      left: auto;
      width: 13.125rem;
      overflow: hidden;
      background: #fff;
      color: #000;
      text-transform: none;
      margin-top: -0.125rem; }
      .HeaderDd-regions.HeaderDd-wrap {
        background-color: #fff; }
        .HeaderDd-regions.HeaderDd-wrap .linkList-item {
          padding: 0.3em;
          width: 100%; }
      .HeaderDd-regions .HeaderDd-intro {
        padding-top: 0.2em; } }
  @media (min-width: 1024px) {
    .HeaderDd-regions {
      width: 21em; } }

.Header-nav-inner--regions-dropdown {
  position: relative; }
  @media (min-width: 720px) {
    .Header-nav-inner--regions-dropdown {
      width: 100%; }
      .Header-nav-inner--regions-dropdown .Icon--left_arrow {
        display: none; }
      .Header-nav-inner--regions-dropdown:hover {
        background-color: #29272a; }
      .Header-nav-inner--regions-dropdown.arrow-up {
        background-color: #29272a; }
      .Header-nav-inner--regions-dropdown .linkList-item:hover {
        background-color: #eee; } }

.HeaderDd .Icon.Icon--left_arrow {
  display: none; }

.HeaderDd-accountMenu {
  display: none;
  position: relative;
  width: 100vw;
  left: -1em;
  margin-top: 0.8em; }
  .HeaderDd-accountMenu .Button--bordered {
    border: 0.125rem solid #fff;
    color: #fff;
    margin-bottom: 0; }
    .HeaderDd-accountMenu .Button--bordered:focus {
      color: #fff; }
  .HeaderDd-accountMenu ul.Linklist-accountMenuLinks .LinkList-subItem a {
    font-weight: 400; }
    .HeaderDd-accountMenu ul.Linklist-accountMenuLinks .LinkList-subItem a b {
      font-weight: 800; }
  .HeaderDd-accountMenu .HeaderDd-accountMenu-item, .HeaderDd-accountMenu .HeaderDd-accountMenu-item:last-child {
    border-bottom: 0.0625rem solid #CBC2C2; }
    .HeaderDd-accountMenu .HeaderDd-accountMenu-item a .Icon, .HeaderDd-accountMenu .HeaderDd-accountMenu-item:last-child a .Icon {
      padding-right: 0.625rem;
      display: inline; }
  @media (min-width: 890px) {
    .HeaderDd-accountMenu {
      z-index: 970;
      right: 0;
      left: auto;
      width: 13.125rem;
      overflow: hidden;
      background: #fff;
      color: #000;
      text-transform: none;
      border-bottom: 0.0625rem solid #000;
      position: absolute;
      margin-top: 0; }
      .HeaderDd-accountMenu .Button--bordered {
        border: 0.125rem solid #000;
        color: #000; }
        .HeaderDd-accountMenu .Button--bordered:hover {
          color: #fff; } }
  @media (min-width: 1024px) {
    .HeaderDd-accountMenu {
      width: 21em; } }

.Header-nav-inner--accountMenu-dropdown {
  position: relative; }
  @media (min-width: 1024px) {
    .Header-nav-inner--accountMenu-dropdown {
      width: 100%; }
      body.has-account-dropdown-open .Header-nav-inner--accountMenu-dropdown,
      .Header-nav-inner--accountMenu-dropdown:hover {
        background-color: #29272a; } }
  @media (min-width: 1024px) {
    .Header-nav-inner--accountMenu-dropdown .accountMenu-open {
      background-color: #29272a; } }

.PromoSquare {
  margin-top: 1.25em; }
  .PromoSquare-link img {
    max-width: 100%;
    height: auto; }
  .PromoSquare .ArwPrm-footer-button:hover {
    text-decoration: none; }

.TagList-Item {
  padding: 0.9375rem 0;
  border-bottom: 0.0625rem solid #eee; }

.TagList-SubTitle {
  font-size: 0.75rem;
  color: #757575; }

.TagList .Tags-item-link {
  display: inline-block;
  padding: 0.3125rem;
  margin-bottom: 0.3125rem; }
  .Megamenu-wrap .TagList .Tags-item-link {
    white-space: normal; }

.MyArrowHeader .ProgressBar {
  display: none; }
  @media (min-width: 720px) {
    .MyArrowHeader .ProgressBar {
      display: block;
      width: 0;
      left: 50%;
      position: relative;
      height: 0.125rem;
      background-color: #dedede;
      transition: all 1s ease-in-out; }
      .MyArrowHeader .ProgressBar--animate {
        left: 0;
        width: 100%; } }

@media (min-width: 720px) {
  .MyArrowHeader .MyArrowLink {
    position: relative;
    top: -1em;
    opacity: 0; }
    .MyArrowHeader .MyArrowLink--animate {
      transition: all 1s ease-in-out;
      top: 0;
      opacity: 1; } }

.NotificationBar--myArrow {
  background: #F68A33; }

.CategoriesList {
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #eee; }
  .CategoriesList-item {
    padding-bottom: 0.3125rem;
    font-size: 0.75rem;
    white-space: normal;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }
    .CategoriesList-item:last-child {
      padding-bottom: 0; }

.CategoryZeroList {
  display: inline-block;
  width: auto; }
  .CategoryZeroList h3,
  .CategoryZeroList h5 {
    margin: 0;
    padding: 0; }
  .CategoryZeroList h3 {
    color: #757575;
    margin: 0 1.25rem;
    border-bottom: 0.0625rem solid #dedede;
    padding-top: 0.3125rem; }
    .CategoryZeroList h3 a {
      padding-left: 0;
      padding-right: 0; }
  .CategoryZeroList h4 {
    font-size: 0.875rem;
    margin: 0 0 0 1.25rem;
    line-height: 29px; }
  .CategoryZeroList h5 {
    font-weight: 400; }
    .CategoryZeroList h5 span {
      color: #757575; }
  .CategoryZeroList-heading {
    margin-top: 0;
    font-size: 0.875rem;
    color: #000;
    padding-left: 1.25rem; }
    .CategoryZeroList-heading span {
      margin-left: 0.3125rem; }
  .CategoryZeroList-categories {
    float: left; }
  .CategoryZeroList-manufacturers {
    display: inline-block;
    width: 15.625rem;
    height: 34.6875rem;
    border-left: 0.0625rem solid #dedede; }
  .CategoryZeroList-panel {
    display: none;
    vertical-align: top;
    width: 15.625rem;
    height: 34.6875rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border-left: 0.0625rem solid #dedede; }
    .CategoryZeroList-panel:first-of-type {
      display: inline-block;
      border-left: 0; }
      .CategoryZeroList-panel:first-of-type li:first-of-type a {
        padding-top: 0;
        margin-top: -0.3125rem; }
    .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target]:not(.is-active) {
      display: none; }
    .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a {
      display: block;
      margin-top: 0.3125rem; }
      .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a h4 {
        max-width: 12.1875rem;
        display: inline-block; }
      .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span:before {
        display: inline-block;
        font-size: 0.5rem;
        margin-left: 0.3125rem; }
    .CategoryZeroList-panel-item {
      cursor: pointer;
      font-size: 12px;
      width: 15.625rem;
      position: relative;
      transition: all 300ms ease-in-out; }
      .CategoryZeroList-panel-item a {
        padding: 0.3125rem 1.25rem;
        display: block;
        line-height: 19px; }
        .CategoryZeroList-panel-item a .Icon--right_arrow {
          color: #333333; }
        .CategoryZeroList-panel-item a.is-active {
          color: white;
          font-weight: 600;
          background-color: #0069AA; }
          h3 .CategoryZeroList-panel-item a.is-active {
            font-weight: 400; }
            h3 .CategoryZeroList-panel-item a.is-active .Icon--right_arrow {
              display: none; }
          .CategoryZeroList-panel-item a.is-active .Icon--right_arrow {
            font-weight: 600;
            color: #fff;
            opacity: 1; }
        .CategoryZeroList-panel-item a:focus {
          color: white;
          outline: none;
          background-color: #0069AA; }
      .CategoryZeroList-panel-item--subitem a {
        padding: 0.3125rem 1.25rem; }
      .CategoryZeroList-panel-item .Icon--right_arrow {
        float: right;
        opacity: .3;
        font-size: 0.5rem;
        padding-right: 0.3125rem;
        padding-top: 0.3125rem;
        position: absolute;
        right: 1.25rem;
        top: 0.625rem; }
        ul .CategoryZeroList-panel-item .Icon--right_arrow {
          top: 50%;
          margin-top: -0.5rem; }
      .CategoryZeroList-panel-item:not([data-arrow-target-key]) {
        color: #333333; }
    .CategoryZeroList-panel-itemText {
      width: 95%;
      display: inline-block; }
    .CategoryZeroList-panel:first-child, .CategoryZeroList-panel.is-active {
      display: inline-block; }
  .CategoryZeroList .ManufacturersVerticalList-item {
    border-top: 0; }
    .CategoryZeroList .ManufacturersVerticalList-item a {
      display: block; }
    .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers {
      height: 4.0625rem;
      width: 8.125rem;
      margin-left: 2.5rem; }
      .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers-container {
        display: table;
        padding: 0 1.25rem;
        height: 6.25rem;
        width: 100%;
        text-align: center;
        margin-top: -0.9375rem; }
      .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers-0 {
        background-position: center 0; }
      .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers-1 {
        background-position: center -4.0625rem; }
      .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers-2 {
        background-position: center -8.125rem; }
      .CategoryZeroList .ManufacturersVerticalList-item .Featured-manufacturers-3 {
        background-position: center -12.1875rem; }
  .CategoryZeroList .megamenu-dropdown-heading {
    margin: 0 1.25rem;
    font-size: 0.875rem;
    border: 0; }

.Notification-absoluteContainer {
  position: absolute;
  right: 0;
  top: 100%;
  width: 26.875rem;
  z-index: 10000; }

.Notification-container {
  list-style: none;
  text-transform: none;
  font-size: 1.11111em;
  margin: 0;
  padding: 0.25rem 0 0; }

.Notification-cart {
  overflow: hidden;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.5);
  position: relative;
  width: 26.875rem;
  display: block;
  min-height: 0 !important; }

.Notification-message {
  padding: 1.5em;
  background: #fff;
  color: #000;
  user-select: none;
  overflow: hidden; }

.Notification-summary {
  border-top: 0.0625rem solid #eee;
  padding-top: 1.83333em; }
  .Notification-summary-total {
    float: left;
    padding-left: 0;
    padding-top: 0.41667em; }
    .Notification-summary-total--text {
      font-size: 1.25rem;
      word-spacing: 0.66667em; }
  .Notification-summary-view {
    float: right; }

.Notification-header {
  font-weight: 600;
  border-bottom: 0.1875rem solid #cfcfcf;
  padding-bottom: 1em;
  margin-bottom: 1em; }

.Notification-productImage {
  float: left;
  width: 3.2em;
  height: 3.2em;
  margin-right: 1em;
  margin-left: 1em; }

.Notification-details {
  margin-bottom: 1.5em;
  border: none;
  width: 78%; }
  .Notification-details th {
    font-weight: 600; }
  .Notification-details td:nth-child(2),
  .Notification-details th:nth-child(2) {
    float: right; }

.Notification--open {
  animation-name: anim-jelly;
  animation-duration: 1s;
  animation-timing-function: linear; }

.Notification--close {
  animation-name: animCartOut;
  animation-duration: 0.75s;
  transform-origin: center;
  position: absolute;
  z-index: 500; }
  .Notification--close .Notification-content {
    opacity: 0;
    transition: opacity 0.1s; }
  .Notification--close .Notification-message {
    transition: background 0.25s;
    background: #E31B23; }

@keyframes animCartOut {
  0% {
    width: 19.875rem;
    right: 0; }
  10% {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    right: 8.6875rem; }
  30% {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 0.3125rem;
    top: -2.1875rem;
    right: 8rem; }
  40% {
    top: -3.3125rem;
    right: 6rem; }
  55% {
    top: -3.75rem;
    right: 2.5rem; }
  70% {
    top: -3.5rem;
    right: 1.0625rem; }
  85% {
    top: -3rem;
    right: 0.3125rem; }
  100% {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 0.3125rem;
    top: -2.1875rem;
    right: -0.1875rem; } }

@media (min-width: 1024px) {
  body.is-minimised-header .HeaderTopBar,
  body.is-minimised-header .Header-search-searchBar--expanded,
  body.is-minimised-header .Header-topLinks,
  body.is-minimised-header .Header-utilityLinks,
  body.is-minimised-header .DivisionsMenu-wrap {
    display: none; }
  body.is-minimised-header .Header-search-minimisedHeader {
    display: block; }
    body.is-minimised-header .Header-search-minimisedHeader--cta.Icon--cross {
      display: none;
      background: #333333; }
    body.is-minimised-header .Header-search-minimisedHeader.Header-search-minimisedHeader--open .Header-search-minimisedHeader--cta.Icon--cross {
      display: block; }
    body.is-minimised-header .Header-search-minimisedHeader.Header-search-minimisedHeader--open .Header-search-minimisedHeader--cta.Icon--mag-glass {
      display: none; }
    body.is-minimised-header .Header-search-minimisedHeader--cta {
      position: absolute;
      right: 1.75rem;
      font-size: 1.25rem;
      padding: 0.625rem;
      z-index: 950; }
  body.is-minimised-header .Header-search-searchBar--minimised {
    display: none;
    position: fixed;
    top: 3.3em;
    left: 0;
    right: 0;
    background: #333333;
    padding: .5em 0; }
    body.is-minimised-header .Header-search-searchBar--minimised .Search-bar {
      width: 71%;
      left: 9%; }
  body.is-minimised-header .head {
    height: 44px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: #29272a;
    animation: HeaderToMinimised 300ms; }
    body.is-minimised-header .head-topSection {
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
    body.is-minimised-header .head .Logo {
      position: absolute;
      width: 5.3125rem;
      height: 1.25rem;
      transform: translateY(50%); }
  body.is-minimised-header .Header-bottomLinks {
    height: auto; }
    body.is-minimised-header .Header-bottomLinks .Header-navBar {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      height: 2.5rem;
      width: auto; }
  body.is-minimised-header .Header-bottomLinks {
    margin: 0;
    padding: 0; }
  body.is-minimised-header .megamenu-wrapper {
    height: 100%;
    margin-left: 6.25rem;
    display: block;
    background-color: transparent;
    z-index: 1;
    margin: 0 auto;
    max-width: 77.5rem; }
  body.is-minimised-header.has-header-dropdown-open.has-megamenu-open .megamenu .is-red:hover .megamenu-dropdown,
  body.is-minimised-header.has-header-dropdown-open.has-megamenu-open .megamenu .is-blue:hover .megamenu-dropdown,
  body.is-minimised-header.has-header-dropdown-open.has-megamenu-open .megamenu .is-green:hover .megamenu-dropdown,
  body.is-minimised-header.has-header-dropdown-open.has-megamenu-open .megamenu .is-purple:hover .megamenu-dropdown,
  body.is-minimised-header.has-header-dropdown-open.has-megamenu-open .megamenu .is-orange:hover .megamenu-dropdown {
    opacity: 0;
    visibility: hidden; }
  body.is-minimised-header .megamenu {
    background-color: transparent;
    margin: 0;
    left: 6.25rem;
    width: 90%; }
    body.is-minimised-header .megamenu-newPill {
      display: none; }
    body.is-minimised-header .megamenu-tab {
      padding: 0;
      font-size: 11px; }
      body.is-minimised-header .megamenu-tab-link {
        height: 100%;
        text-align: center;
        padding: 0 0.3125rem; }
      body.is-minimised-header .megamenu-tab-item {
        line-height: 2.125rem; }
    body.is-minimised-header .megamenu-dropdown {
      display: none; }
  body.is-minimised-header .Header-nav-item {
    margin-left: 0.4375rem;
    width: auto;
    padding: 0; }
    body.is-minimised-header .Header-nav-item:first-child {
      width: auto;
      height: 100%; }
  body.is-minimised-header #header-cart {
    width: 1.625rem;
    margin-top: 0;
    top: 0.25rem; }
    body.is-minimised-header #header-cart .MyCart {
      top: 2.5rem; }
  body.is-minimised-header #page-header {
    height: 100%;
    background: #29272a;
    padding-top: 0.25rem; }
  body.is-minimised-header .header-login .NavIcons-dropdown-wrapper,
  body.is-minimised-header .header-loggedIn .NavIcons-dropdown-wrapper {
    padding: 0.375rem; }
  body.is-minimised-header .Main-content {
    padding-top: 160px; }
  body.is-minimised-header.has-headerTopBar-visible .Main-content {
    padding-top: 200px; }
  body.is-minimised-header .is-external-vendor .Logo {
    position: relative;
    width: 10.625rem;
    height: 3rem;
    transform: none; }
  body.is-minimised-header .Overlay--megamenu,
  body.is-minimised-header .Overlay--headerDropdown {
    opacity: 0;
    visibility: hidden; }
  body.is-minimised-header.has-header-dropdown-open:not(.has-megamenu-open) .Overlay--megamenu,
  body.is-minimised-header.has-header-dropdown-open:not(.has-megamenu-open) .Overlay--headerDropdown, body.is-minimised-header.has-my-cart-dropdown-open:not(.has-megamenu-open) .Overlay--megamenu,
  body.is-minimised-header.has-my-cart-dropdown-open:not(.has-megamenu-open) .Overlay--headerDropdown {
    opacity: 0;
    visibility: visible; } }

@keyframes HeaderToMinimised {
  0% {
    transform: translateY(-54px); }
  100% {
    transform: translateY(0); } }

.head {
  position: fixed;
  z-index: 950;
  background: #000;
  width: 100%;
  color: #fff;
  height: auto;
  transition: top 300ms;
  display: block;
  margin: 0 auto;
  padding-bottom: .875em; }
  .head h1 {
    margin: 0;
    font-size: 1em;
    line-height: inherit;
    letter-spacing: 0; }
  .IsStickyHeader .head {
    position: fixed;
    top: 0;
    transition: none; }
  .head .Header-nav-item {
    margin-left: 0.9375rem; }
    @media (min-width: 1024px) {
      .head .Header-nav-item.megamenu-tab:not(:first-child) {
        margin-left: 0.1875rem;
        border-left: 0.3em solid transparent; } }
  .head-uppercase {
    text-transform: uppercase; }
  .head .screen-reader-only {
    position: absolute;
    left: -625rem;
    top: auto;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden; }
  .head .Logo {
    width: 5.625rem;
    transition: opacity 300ms;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    height: 1.5em; }
  @media (min-width: 1024px) {
    .head #page-header {
      background: #000; } }
  .head .Header-bottomLinks {
    bottom: 0.1875rem;
    clear: both; }
    .head .Header-bottomLinks:before {
      content: " ";
      display: table; }
    .head .Header-bottomLinks:after {
      content: " ";
      display: table;
      clear: both; }
    @media (max-width: 1023px) {
      .head .Header-bottomLinks {
        padding-top: .875em;
        position: relative;
        z-index: 2;
        overflow: hidden; }
        .head .Header-bottomLinks.Header-search {
          z-index: 1;
          height: 0;
          transition: height 0.25s ease-in; }
          .head .Header-bottomLinks.Header-search--visible {
            height: 6.125rem; } }
  .head .Icon--hamburger.is-selected + .Icon-cross {
    display: none; }
  .head .Icon--cross.is-selected + .Icon--hamburger {
    display: none; }
  .head .mobile-navigation {
    display: none; }
  .head .search-text-mobile {
    display: inline-block; }
    @media (min-width: 720px) {
      .head .search-text-mobile {
        display: none; } }
  .head .search-text-tablet-desktop {
    display: none; }
    @media (min-width: 720px) {
      .head .search-text-tablet-desktop {
        display: inline-block; } }
  @media (min-width: 890px) {
    .head .Header-nav-inner--accountMenu-dropdown .Icon--left_arrow {
      display: none; } }
  @media (min-width: 720px) {
    .head .Header-nav-inner--regions-dropdown .Icon--left_arrow {
      display: none; } }
  @media (min-width: 1024px) {
    .head {
      position: relative; }
      .head .Hamburger-container {
        display: none; }
      .head .Header-utilityLinks {
        margin-top: 0;
        width: 85%; }
      .head .Header-nav-inner {
        width: 100%; }
        .head .Header-nav-inner li {
          float: left; } }
    @media (min-width: 1024px) and (min-width: 1024px) {
      .head .Header-nav-inner-contactUsLabel {
        display: none; } }
  @media (min-width: 1024px) {
      .head .Logo {
        display: inline;
        float: left;
        width: 8.125rem;
        height: 1.875rem;
        top: 50%;
        transform: translateY(-50%);
        position: absolute; }
      .head .division-show {
        padding-top: 5.625rem; }
      .head .Header-bottomLinks {
        display: block;
        margin-bottom: 1.5em;
        margin-left: 0;
        margin-right: 0;
        height: 3rem;
        position: relative; }
        .head .Header-bottomLinks .Header-navBar {
          width: 27%;
          font-size: 1.16667em;
          height: 100%; }
      .head .Header-search {
        position: relative;
        margin: 0 34% 0 10rem;
        height: 0; }
        .head .Header-search.u-row {
          padding-top: 0; }
        .head .Header-search form {
          position: relative; }
        .head .Header-search-searchBar--expanded {
          position: absolute;
          bottom: -2.8125rem;
          left: 0;
          right: 0; }
          .head .Header-search-searchBar--expanded input {
            margin-bottom: 0rem;
            padding: 0rem 0rem 0.125rem 0.875rem; }
      .head .Header-search-AdvancedSearch {
        margin-bottom: 0.25rem; }
      .head .Header-utilityLinks > li {
        width: 40%;
        position: relative;
        height: 100%;
        z-index: 1; }
        .head .Header-utilityLinks > li > div {
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          position: absolute; }
      .head .Header-search-searchBar--minimised {
        display: none; } }

.HamburgerMenu--open {
  overflow: hidden; }
  .HamburgerMenu--open .Header-bottomLinks {
    overflow: visible; }
  .HamburgerMenu--open-typeaheadOpen {
    border-radius: 0.4375rem 0.4375rem 0 0; }

.account-links-hidden {
  display: none; }

@media (min-width: 1024px) {
  body.is-showing-typeahead #main-content {
    overflow: inherit;
    max-height: 100%; } }

a.skip-link {
  position: absolute;
  top: -4.5rem;
  left: 0.1875rem;
  background: #0069AA;
  color: #fff;
  padding: 0.5rem;
  font-size: 0.75rem;
  z-index: 100; }
  a.skip-link:focus {
    top: 0.1875rem; }

@media (min-width: 1024px) {
  .head.AjaxLoader {
    padding-top: 3.5rem; } }

.IFrameVideoPlayer {
  position: relative;
  padding-top: 66.6%; }
  .IFrameVideoPlayer-placeholder {
    width: 100%;
    display: block; }
  .IFrameVideoPlayer.is-active .IFrameVideoPlayer-placeholder {
    cursor: default;
    visibility: hidden; }
  .IFrameVideoPlayer.is-invalid .IFrameVideoPlayer-placeholder {
    visibility: visible; }
  .IFrameVideoPlayer-embed {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%; }
  .IFrameVideoPlayer--poster {
    padding-top: 0; }
    .js .IFrameVideoPlayer--poster:before {
      content: "\E674";
      font-family: arrow-icons;
      font-size: 3rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -2.75rem;
      margin-left: -2.75rem;
      padding: 1.25rem 0.9375rem 1.25rem 1.5625rem;
      color: #fff;
      border-radius: 50%;
      cursor: pointer;
      line-height: 1;
      width: 5.5rem;
      height: 5.5rem; }
    .js .IFrameVideoPlayer--poster.is-active:before {
      display: none; }
    .js .IFrameVideoPlayer--poster.is-black:before {
      background-color: #000; }
    .js .IFrameVideoPlayer--poster.is-white:before {
      background-color: #fff; }
    .js .IFrameVideoPlayer--poster.is-verydarkgrey:before {
      background-color: #29272a; }
    .js .IFrameVideoPlayer--poster.is-grey:before {
      background-color: #757575; }
    .js .IFrameVideoPlayer--poster.is-red:before {
      background-color: #E31B23; }
    .js .IFrameVideoPlayer--poster.is-blue:before {
      background-color: #009DDC; }
    .js .IFrameVideoPlayer--poster.is-brightBlue:before {
      background-color: #0069AA; }
    .js .IFrameVideoPlayer--poster.is-activeButtonBlue:before {
      background-color: #004E7F; }
    .js .IFrameVideoPlayer--poster.is-green:before {
      background-color: #54B948; }
    .js .IFrameVideoPlayer--poster.is-orange:before {
      background-color: #F68A33; }
    .js .IFrameVideoPlayer--poster.is-purple:before {
      background-color: #92278f; }
    .js .IFrameVideoPlayer--poster.is-pink:before {
      background-color: #EB1478; }
    .js .IFrameVideoPlayer--poster.is-yellow:before {
      background-color: #fdbb31; }
    .js .IFrameVideoPlayer--poster.is-darkgrey:before {
      background-color: #505050; }
    .js .IFrameVideoPlayer--poster.is-iotgreen:before {
      background-color: #009A8C; }
    .js .IFrameVideoPlayer--poster.is-skyblue:before {
      background-color: #BFE0F4; }
    .js .IFrameVideoPlayer--poster.is-white:hover:before {
      background-color: #e6e6e6; }
    .js .IFrameVideoPlayer--poster.is-verydarkgrey:hover:before {
      background-color: #0f0e10; }
    .js .IFrameVideoPlayer--poster.is-grey:hover:before {
      background-color: #bebebe; }
    .js .IFrameVideoPlayer--poster.is-red:hover:before {
      background-color: #b5161c; }
    .js .IFrameVideoPlayer--poster.is-blue:hover:before {
      background-color: #0079a9; }
    .js .IFrameVideoPlayer--poster.is-brightBlue:hover:before {
      background-color: #0084D5; }
    .js .IFrameVideoPlayer--poster.is-green:hover:before {
      background-color: #439539; }
    .js .IFrameVideoPlayer--poster.is-orange:hover:before {
      background-color: #ec6f0a; }
    .js .IFrameVideoPlayer--poster.is-purple:hover:before {
      background-color: #6a1c68; }
    .js .IFrameVideoPlayer--poster.is-pink:hover:before {
      background-color: #bc1060; }
    .js .IFrameVideoPlayer--poster.is-yellow:hover:before {
      background-color: #f9a902; }
    .js .IFrameVideoPlayer--poster .IFrameVideoPlayer-placeholder {
      cursor: pointer; }

.ProductMerchandiseList-purchase-button {
  float: right;
  width: 100%;
  margin-top: 0.625rem;
  white-space: nowrap; }
  @media (min-width: 890px) {
    .ProductMerchandiseList-purchase-button {
      width: 40%; } }

.ProductMerchandiseList a:hover {
  text-decoration: none; }

.ProductMerchandiseList-outOfStock {
  display: none;
  text-transform: uppercase;
  color: #E31B23;
  font-weight: 600;
  font-size: 0.875rem; }
  .ProductMerchandiseList-outOfStock.is-active {
    display: block; }

.ProductMerchandiseList-item {
  background: #eee;
  border-bottom: 0.25rem solid #fff;
  padding: 0.375rem; }
  .ProductMerchandiseList-item-description {
    display: inline-block;
    position: relative; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-description {
        width: 60%; } }
    @media (min-width: 890px) {
      .ProductMerchandiseList-item-description {
        width: 55%; } }
  .ProductMerchandiseList-item-image-container img {
    width: 6em;
    height: 6em;
    position: absolute; }
  .ProductMerchandiseList-item-product {
    display: block;
    line-height: 1.5;
    vertical-align: top;
    width: 70%;
    margin-left: 7.5em; }
    .ProductMerchandiseList-item-product-name {
      font-weight: 600;
      font-size: 0.875rem; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-product {
        margin-left: 7em; } }
  .ProductMerchandiseList-item-purchase-info {
    display: block;
    vertical-align: bottom;
    margin-top: 0.75rem;
    margin-left: 7.5em;
    height: 3.125rem; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-purchase-info {
        width: 39%;
        height: auto;
        display: inline-block;
        margin: 0;
        float: right;
        text-align: right;
        padding-right: 0.75rem; } }
    @media (min-width: 890px) {
      .ProductMerchandiseList-item-purchase-info {
        width: 42%; } }
    .ProductMerchandiseList-item-purchase-info--price {
      font-size: 0.875rem;
      display: block;
      font-weight: 600; }
    .ProductMerchandiseList-item-purchase-info--quantity {
      font-weight: 600;
      line-height: 2;
      text-transform: uppercase;
      display: block; }
    .ProductMerchandiseList-item-purchase-info--quantity {
      display: block; }

.ProductMerchandiseList-total {
  text-transform: uppercase;
  font-weight: 200;
  text-align: right;
  padding-right: 0.625rem; }
  .ProductMerchandiseList-total-price {
    font-weight: 600;
    font-size: 1.25rem; }

.ProductMerchandiseList-purchase-button {
  float: right;
  width: 100%;
  margin-top: 0.625rem;
  white-space: nowrap; }
  @media (min-width: 890px) {
    .ProductMerchandiseList-purchase-button {
      width: 40%; } }

.ProductMerchandiseList a:hover {
  text-decoration: none; }

.ProductMerchandiseList-outOfStock {
  display: none;
  text-transform: uppercase;
  color: #E31B23;
  font-weight: 600;
  font-size: 0.875rem; }
  .ProductMerchandiseList-outOfStock.is-active {
    display: block; }

.ProductMerchandiseList-item {
  background: #eee;
  border-bottom: 0.25rem solid #fff;
  padding: 0.375rem; }
  .ProductMerchandiseList-item-description {
    display: inline-block;
    position: relative; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-description {
        width: 60%; } }
    @media (min-width: 890px) {
      .ProductMerchandiseList-item-description {
        width: 55%; } }
  .ProductMerchandiseList-item-image-container img {
    width: 6em;
    height: 6em;
    position: absolute; }
  .ProductMerchandiseList-item-product {
    display: block;
    line-height: 1.5;
    vertical-align: top;
    width: 70%;
    margin-left: 7.5em; }
    .ProductMerchandiseList-item-product-name {
      font-weight: 600;
      font-size: 0.875rem; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-product {
        margin-left: 7em; } }
  .ProductMerchandiseList-item-purchase-info {
    display: block;
    vertical-align: bottom;
    margin-top: 0.75rem;
    margin-left: 7.5em;
    height: 3.125rem; }
    @media (min-width: 720px) {
      .ProductMerchandiseList-item-purchase-info {
        width: 39%;
        height: auto;
        display: inline-block;
        margin: 0;
        float: right;
        text-align: right;
        padding-right: 0.75rem; } }
    @media (min-width: 890px) {
      .ProductMerchandiseList-item-purchase-info {
        width: 42%; } }
    .ProductMerchandiseList-item-purchase-info--price {
      font-size: 0.875rem;
      display: block;
      font-weight: 600; }
    .ProductMerchandiseList-item-purchase-info--quantity {
      font-weight: 600;
      line-height: 2;
      text-transform: uppercase;
      display: block; }
    .ProductMerchandiseList-item-purchase-info--quantity {
      display: block; }

.ProductMerchandiseList-total {
  text-transform: uppercase;
  font-weight: 200;
  text-align: right;
  padding-right: 0.625rem; }
  .ProductMerchandiseList-total-price {
    font-weight: 600;
    font-size: 1.25rem; }

.ScrollableCarousel {
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
  padding-left: 2.8125rem; }
  .ScrollableCarousel-controls {
    display: flex;
    position: absolute;
    top: 2.8125rem;
    height: 3.75rem;
    align-items: center;
    z-index: 1;
    width: 1.25rem;
    background: #fff;
    box-shadow: 0.9375rem 0 0.9375rem -0.1875rem #fff;
    cursor: pointer;
    justify-content: center;
    border: 0rem; }
    @media (max-width: 1023px) {
      .ScrollableCarousel-controls {
        display: none; } }
    .ScrollableCarousel-controls--right {
      box-shadow: -0.9375rem 0 0.9375rem -0.1875rem #fff; }
    .ScrollableCarousel-controls--no-result {
      top: 4.6875rem; }
    .ScrollableCarousel-controls[direction='+='] {
      right: 1.875rem; }
    .ScrollableCarousel-controls[direction='-='] {
      left: 2.5rem; }
    .ScrollableCarousel-controls .arrow {
      width: 0;
      height: 0;
      border-top: 0.9375rem solid transparent;
      border-bottom: 0.9375rem solid transparent;
      border-right: 1.25rem solid #757575; }
      .ScrollableCarousel-controls .arrow--right {
        transform: rotate(180deg);
        margin-top: -0.25rem; }
  .ScrollableCarousel-noControls {
    padding-left: 0rem; }

.Layout-Search-Mobile-Filters {
  margin-right: 0.9375rem; }
  .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 1.875rem; }
    .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls {
      display: flex;
      position: absolute;
      top: 5.3125rem;
      height: 3.75rem;
      align-items: center;
      z-index: 1;
      width: 1.25rem;
      background: #fff;
      box-shadow: 0.9375rem 0 0.9375rem -0.1875rem #fff;
      cursor: pointer;
      justify-content: center;
      border: 0rem; }
      .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls--right {
        box-shadow: -0.9375rem 0 0.9375rem -0.1875rem #fff; }
      .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls[direction='+='] {
        right: 0.9375rem; }
      .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls[direction='-='] {
        left: 0.9375rem; }
      .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls .arrow {
        width: 0;
        height: 0;
        border-top: 0.5rem solid transparent;
        border-bottom: 0.5rem solid transparent;
        border-right: 0.625rem solid #757575; }
        .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-controls .arrow--right {
          transform: rotate(180deg);
          margin-top: -0.25rem; }
    .Layout-Search-Mobile-Filters .ScrollableCarousel-mobile-noControls {
      padding-left: 0rem; }

.NotificationBar {
  opacity: 0;
  text-align: center;
  position: relative;
  background: #757575;
  width: 100%;
  top: -3.75rem;
  color: #fff;
  transition: all 300ms ease-in-out;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.24); }
  @media (max-width: 1239px) {
    .NotificationBar {
      padding: 0 0.625rem; } }
  .NotificationBar--animate {
    opacity: 1;
    top: 5.5rem; }
    @media (max-width: 1023px) {
      .has-headerTopBar-visible .NotificationBar--animate {
        top: 7.75rem; } }
    @media (min-width: 1024px) {
      .NotificationBar--animate {
        top: 0; } }
  .NotificationBar-container {
    padding: 0.75rem 2.375rem 0.75rem 0.75rem;
    font-size: 1.2em; }
  .NotificationBar-message {
    display: inline-block;
    font-weight: 600;
    width: 90%; }
  .NotificationBar-dismiss {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    cursor: pointer; }
  .NotificationBar .is-hidden {
    display: none; }

#PerksNotificationBar {
  background: #e9d4e9;
  color: #000; }

.PerksNotificationBar-container {
  padding-left: 0;
  padding-right: 0; }

.PerksNotificationBar-content {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 1.25rem; }

.PerksNotificationBar-progressBar {
  overflow: hidden;
  position: relative;
  background: #fff;
  height: 1.375rem;
  width: 100%; }
  .PerksNotificationBar-progressBar:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-top: 0.625rem solid #e9d4e9;
    border-left: 0.3125rem solid transparent; }
  .PerksNotificationBar-progressBar:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    border-bottom: 0.625rem solid #e9d4e9;
    border-left: 0.3125rem solid transparent; }
  @media (min-width: 720px) {
    .PerksNotificationBar-progressBar {
      width: 12.1875rem; } }
  .PerksNotificationBar-progressBar:before {
    z-index: 2; }
  .PerksNotificationBar-progressBar-progress {
    position: relative;
    background: #92278f;
    height: 100%; }
    .PerksNotificationBar-progressBar-progress:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      right: 0;
      border-top: 0.625rem solid #fff;
      border-left: 0.3125rem solid transparent; }
    .PerksNotificationBar-progressBar-progress:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: 0;
      right: 0;
      border-bottom: 0.625rem solid #fff;
      border-left: 0.3125rem solid transparent; }
  .PerksNotificationBar-progressBar-label {
    position: absolute;
    left: 100%;
    top: 0;
    color: #92278f;
    line-height: 1;
    font-size: 11px;
    margin-top: 0.375rem;
    text-align: left;
    margin-left: 0.125rem; }
    .PerksNotificationBar-progressBar-label--inside {
      left: auto;
      right: 0;
      color: #fff;
      margin-left: 0;
      margin-right: 0.4375rem; }

.PerksNotificationBar-logo {
  color: #92278f;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 1.25rem;
  text-align: left;
  white-space: nowrap; }
  @media (min-width: 720px) {
    .PerksNotificationBar-logo {
      margin-right: 1.25rem; } }
  .PerksNotificationBar-logo-icon {
    font-size: 1.875rem;
    vertical-align: middle; }
  .PerksNotificationBar-logo-text {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    max-width: 4.375rem; }

.PerksNotificationBar-message {
  text-align: left; }
  @media (min-width: 720px) {
    .PerksNotificationBar-message {
      display: inline-block; } }

#BlockedUserNotificationBar {
  background: #FFE3A2;
  color: #000;
  z-index: 10; }

.BlockedUserNotificationBar {
  text-align: left;
  padding: 1em 0;
  padding-top: 1.125rem;
  height: 4.5rem; }
  .BlockedUserNotificationBar .Icon--warning {
    margin-right: 0.75rem;
    font-size: 1.5rem; }
  .BlockedUserNotificationBar .Icon--cross {
    float: right;
    cursor: pointer;
    font-size: 1.125rem; }
  .BlockedUserNotificationBar-titleSection {
    font-size: 0.875rem;
    display: table-cell;
    vertical-align: middle; }
    .BlockedUserNotificationBar-titleSection .TitleBold {
      font-weight: 600; }

#RemovedItemsNotificationBar {
  background: #F68A33; }

.RemovedItemsNotificationBar {
  text-align: left;
  padding: 1em 0; }
  .RemovedItemsNotificationBar .Icon--warning {
    display: table-cell; }
    @media (max-width: 1240px) {
      .RemovedItemsNotificationBar .Icon--warning {
        padding-left: 0.75rem; } }
  .RemovedItemsNotificationBar .Icon--cross {
    float: right;
    cursor: pointer; }
    @media (max-width: 1240px) {
      .RemovedItemsNotificationBar .Icon--cross {
        padding-right: 0.75rem; } }
  .RemovedItemsNotificationBar-titleSection {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0.3125rem; }
  .RemovedItemsNotificationBar-titleText {
    padding: 0 0.9375rem 0 0.9375rem;
    display: table-cell;
    font-size: 0.875rem;
    font-weight: 600; }
  .RemovedItemsNotificationBar-messageSection {
    margin-left: 1.875rem; }

#TieredPricingNotificationBar {
  background: #F68A33; }

.TieredPricingNotificationBar {
  text-align: left;
  padding: 1em 0; }
  .TieredPricingNotificationBar .Icon--warning {
    margin-right: 0.75rem; }
  .TieredPricingNotificationBar .Icon--cross {
    float: right;
    cursor: pointer; }
  .TieredPricingNotificationBar-titleSection {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0.3125rem; }
  .TieredPricingNotificationBar-messageSection {
    margin-left: 1.875rem; }

.DivisionsMenu {
  position: relative;
  display: none;
  color: #fff;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 950; }
  .DivisionsMenu-head {
    float: left; }
  .DivisionsMenu-link {
    height: 100%; }
  .DivisionsMenu-cell {
    float: left;
    width: 21%;
    text-align: center;
    transition: background-color 300ms, opacity 300ms;
    text-decoration: none;
    height: 100%;
    position: relative; }
    .DivisionsMenu-cell-wrap {
      word-wrap: break-word;
      padding: 1.25em; }
    .DivisionsMenu-cell-title {
      font-size: 1.45em;
      line-height: 1em;
      font-weight: 600; }
    .DivisionsMenu-cell-description {
      margin-top: 0.5em;
      font-size: 0.85em; }
    .DivisionsMenu-cell-icon {
      float: left;
      margin-top: 0.15em;
      font-size: 1.7em;
      margin-right: -0.12em; }
    .DivisionsMenu-cell-subsection {
      float: left;
      word-wrap: normal;
      text-align: left;
      width: 100%; }
    @media screen and (min-width: 1024px) {
      .DivisionsMenu-cell {
        width: 21%; } }
    .DivisionsMenu-cell--main {
      line-height: 1;
      width: 11.5%;
      padding-left: 0; }
      .DivisionsMenu-cell--main .DivisionsMenu-cell-subsection {
        text-align: center; }
      .DivisionsMenu-cell--main .DivisionsMenu-cell-title {
        font-size: 2em; }
      .DivisionsMenu-cell--main .DivisionsMenu-cell-subtitle {
        display: block;
        font-size: 1.5em; }
      .DivisionsMenu-cell--main .DivisionsMenu-cell-wrap {
        padding: 1.6em 0; }
      .DivisionsMenu-cell--main:before {
        display: none; }
  .DivisionsMenu-items {
    height: 100%;
    margin-right: 4em; }
  .DivisionsMenu-close {
    position: absolute;
    background: transparent;
    top: 0.375rem;
    right: 0;
    font-size: 1.5em;
    padding: .6em .9em;
    cursor: pointer;
    border: none;
    transition: opacity 90ms; }
    .DivisionsMenu-close:hover {
      opacity: .7; }
  .DivisionsMenu-wrap {
    height: 100%;
    background: #29272a; }
  .DivisionsMenu .Content {
    height: 100%; }

a.DivisionsMenu-cell:hover {
  background-color: #29272a; }

/*--------
When header is sticky.
----------*/
.is-minimised-header .DivisionsMenu {
  display: none; }

.InformationTile {
  background: #fff;
  position: relative;
  padding: 0.625rem 0.9375rem; }
  .InformationTile p,
  .InformationTile p + p {
    margin: 0; }
  .InformationTile .RoundCtas {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 2; }
    .InformationTile .RoundCtas .Icon {
      margin-bottom: 0.5rem; }
  .InformationTile .RedBubbles {
    top: 0.9375rem;
    left: 0.9375rem;
    z-index: 1; }
    .InformationTile .RedBubbles-bubble:not(:first-child) {
      display: none; }
    @media (min-width: 1024px) {
      .InformationTile .RedBubbles {
        top: 0;
        left: 0;
        position: relative; } }
  .InformationTile-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .InformationTile-link:focus {
      border: 0.1875rem solid #7FC1EA;
      outline: none; }
    .InformationTile-link-inner {
      padding: 0 0.9375rem;
      position: absolute;
      bottom: 3.4375rem;
      left: 0;
      width: 100%; }
  .InformationTile-psuedoLink:focus {
    border: 0.1875rem solid #7FC1EA;
    outline: none; }
  .InformationTile-playIcon {
    color: #fff;
    display: block;
    position: absolute;
    width: 2.6em;
    height: 2.6em;
    left: 50%;
    margin-left: -1.3em;
    padding: 0.05em 0 0 0.3em;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    font-size: 2.2em;
    top: 25%;
    transition: all 600ms; }
    .InformationTile-playIcon span {
      line-height: 2.6em;
      position: relative;
      z-index: 1; }
    .InformationTile-playIcon:hover {
      background: rgba(0, 0, 0, 0.9); }
  .InformationTile-details-title {
    max-height: 1.2em;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1;
    margin-top: 0;
    letter-spacing: 0.01em;
    margin-bottom: 0.3125rem; }
    .InformationTile-details-title a:hover {
      color: #404040; }
  .InformationTile-details-manufacturers {
    max-height: 1.2em;
    margin: 0.1875rem 0;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .InformationTile-details-description {
    max-height: 1.75em;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .InformationTile-details-productImage {
    max-width: 5.3125rem;
    margin-top: 0.625rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3em; }
  .InformationTile-price {
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1;
    max-height: 2.3125rem;
    overflow: hidden; }
    .InformationTile-price .InformationTile-costingUnit {
      font-weight: 400;
      font-size: 0.75rem;
      line-height: 1.2;
      letter-spacing: 0.04em;
      display: none; }
      .InformationTile-price .InformationTile-costingUnit.u-hide {
        display: none; }
  .InformationTile-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1; }
  .InformationTile--hasHint {
    padding-top: 3.75rem; }
    .InformationTile--hasHint.u-height {
      height: 20.625rem; }
    .InformationTile--hasHint .RoundCtas {
      top: 4.0625rem; }
    .InformationTile--hasHint .InformationTile-link-inner {
      top: 3.4375rem; }
  .InformationTile-hint {
    border: 0.0625rem solid #fff;
    background: linear-gradient(to bottom, #d7d7d7 0%, #fff 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.125rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
    padding-top: 0.9375rem;
    padding-left: 2.25rem; }
    .InformationTile-hint:before {
      content: "";
      position: absolute;
      top: 0.125rem;
      left: 0.125rem;
      width: 0;
      height: 0;
      border-top: 2.9375rem solid #E31B23;
      border-right: 2.9375rem solid transparent; }
    .InformationTile-hint--isCrossReference:after {
      font-family: "arrow-icons";
      content: "\E911";
      position: absolute;
      top: 0.5rem;
      left: 0.5rem;
      color: #fff;
      z-index: 1;
      pointer-events: none;
      font-weight: 400; }
  .InformationTile .ProductRating {
    margin-bottom: 0.41667em; }
  @media (min-width: 600px) {
    .InformationTile {
      margin-bottom: 1.875rem; }
      .InformationTile-details-productImage {
        max-width: 6.25rem; }
      .InformationTile-details-title {
        font-size: 1.125rem; }
      .InformationTile-manufacturers {
        font-size: 1rem;
        line-height: 1.3; }
      .InformationTile--hasHint.u-height {
        height: 21.5625rem; } }
  @media (min-width: 720px) {
    .InformationTile .InformationTile-costingUnit {
      display: block; }
    .InformationTile--hasHint.u-height {
      height: 22.8125rem; } }
  @media (min-width: 1024px) {
    .InformationTile {
      padding: 1.25em;
      text-align: left; }
      .InformationTile .NewBubble {
        position: static; }
      .InformationTile-details {
        margin-right: 3.75em; }
        .InformationTile-details-title {
          font-size: 1.33333em;
          line-height: 1.125em;
          margin: 0.9375rem 0 0 0; }
        .InformationTile-details-title, .InformationTile-details-manufacturers {
          width: 100%;
          display: block; }
      .InformationTile-price-range {
        font-size: 0.875rem; }
      .InformationTile-productDetails {
        padding: 0 0.9375rem; }
      .InformationTile--contact {
        margin-bottom: 0 !important; }
      .InformationTile .ProductRating {
        margin-bottom: 0.83333em; }
      .InformationTile--hasHint {
        padding-top: 4.0625rem; }
        .InformationTile--hasHint.u-height {
          height: 18.75rem; } }
  @media (min-width: 1240px) {
    .InformationTile .ProductRating {
      margin-bottom: 1.66667em; } }

@media (min-width: 1024px) {
  .InformationTile--1x1 .InformationTile-details-productImage {
    max-width: 4.375rem;
    padding-bottom: 0; }
  .InformationTile--1x1 .InformationTile-costingUnit {
    display: none; } }

@media (min-width: 720px) {
  .InformationTile--2x1 .RedBubbles-bubble:not(:first-child) {
    display: inline-block; } }

@media (min-width: 1024px) {
  .InformationTile--2x1 .InformationTile-details-productImage {
    padding-bottom: 0;
    margin-right: 4em;
    margin-bottom: -3em; }
  .InformationTile--2x1 .InformationTile-details-title {
    width: 50%; }
  .InformationTile--2x1 .InformationTile-costingUnit {
    display: inline; } }

@media (min-width: 720px) {
  .InformationTile--2x2 .RedBubbles-bubble:not(:first-child) {
    display: inline-block; } }

@media (min-width: 1024px) {
  .InformationTile--2x2 .InformationTile-details-productImage {
    max-width: 11.25rem; }
  .InformationTile--2x2 .InformationTile-details-title {
    font-size: 1.83333em;
    max-height: 5em; }
  .InformationTile--2x2 .InformationTile-details-manufacturers {
    font-size: 1.5em;
    line-height: 1.33333em;
    max-height: 5em; }
  .InformationTile--2x2 .InformationTile-details-description {
    font-size: 1.16667em; }
  .InformationTile--2x2 .InformationTile-price-range {
    font-size: 1.1em;
    max-height: 5em; }
  .InformationTile--2x2 .InformationTile-costingUnit {
    display: inline; } }

.InformationTile--colored {
  text-align: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0.125rem solid #000; }
  .is-brightBlue .InformationTile--colored {
    border-color: #0069AA; }
  .is-blue .InformationTile--colored {
    border-color: #009DDC; }
  .InformationTile--colored .InformationTile-link {
    position: relative;
    display: block; }
  .InformationTile--colored .InformationTile-details {
    padding-right: 3.125rem;
    padding-bottom: 0.2em;
    height: 17em;
    overflow: hidden;
    margin-top: 2.125rem; }
    .InformationTile--colored .InformationTile-details--withTags {
      margin-top: 0; }
    @media (min-width: 600px) {
      .InformationTile--colored .InformationTile-details {
        padding-right: 5rem;
        height: 20.5em; } }
    @media (min-width: 1024px) {
      .InformationTile--colored .InformationTile-details {
        padding-right: 0;
        height: auto;
        width: 100%;
        margin-top: 1.8125rem; }
        .InformationTile--colored .InformationTile-details--withTags {
          margin-top: 0; } }
    .InformationTile--colored .InformationTile-details-title {
      font-size: 1.66667em;
      line-height: 1.2;
      margin-bottom: 0.6em;
      margin-top: 0;
      max-height: 6em;
      white-space: normal; }
      @media (min-width: 600px) {
        .InformationTile--colored .InformationTile-details-title {
          max-height: 8em; } }
      @media (min-width: 1024px) {
        .InformationTile--colored .InformationTile-details-title {
          font-size: 1.5em;
          width: 100%;
          max-height: 3.6em; } }
    .InformationTile--colored .InformationTile-details-manufacturers {
      font-size: 1.16667em;
      line-height: 1.2;
      margin-bottom: 0.21429em; }
  .InformationTile--colored .InformationTile-footer {
    padding-bottom: 0;
    position: static; }
    @media (min-width: 1024px) {
      .InformationTile--colored .InformationTile-footer {
        position: absolute;
        bottom: 0.83333em;
        padding: 0 1.25em; } }
  .InformationTile--colored .InformationTile-creation {
    position: absolute;
    bottom: 1em; }
    @media (min-width: 1024px) {
      .InformationTile--colored .InformationTile-creation {
        clear: left;
        position: static; } }
  .InformationTile--colored .RoundCtas {
    float: left; }
    @media (min-width: 1024px) {
      .InformationTile--colored .RoundCtas {
        position: static; }
        .InformationTile--colored .RoundCtas .Icon {
          float: left;
          margin-right: 0.3125rem; } }
  .InformationTile--colored .Tags {
    overflow: hidden;
    margin-top: 0.125rem;
    margin-bottom: 0.5rem; }
    @media (min-width: 1024px) {
      .InformationTile--colored .Tags {
        margin-top: -0.1875rem; } }

.InformationTile--article {
  overflow: hidden;
  transition: all 600ms;
  color: #fff; }
  .InformationTile--article:hover {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .InformationTile--article:hover .InformationTile-bgImage {
      transform: scale3d(1.03, 1.03, 1.03); }
  .InformationTile--article .InformationTile-tags {
    position: relative;
    z-index: 2; }
    .InformationTile--article .InformationTile-tags-item-link {
      margin-top: 0; }
  .InformationTile--article .InformationTile-bgImage {
    background-size: cover;
    background-position: top left;
    transition: all 600ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .InformationTile--article .InformationTile-bgImage:before {
      content: '';
      position: absolute;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0, rgba(0, 0, 0, 0.637) 90%, rgba(0, 0, 0, 0.295) 100%);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .InformationTile--article .InformationTile-details {
    padding: 1.25em;
    height: 100%; }
    .InformationTile--article .InformationTile-details-title {
      font-size: 1.41667em;
      font-weight: 800;
      line-height: 1.17647em;
      letter-spacing: 0.02em;
      max-height: 2.33333em;
      margin-top: 0.9375rem;
      white-space: normal; }
    .InformationTile--article .InformationTile-details-description {
      font-weight: 400;
      line-height: 1.33333em;
      letter-spacing: 0.02em;
      margin-top: 1em;
      margin-bottom: 0;
      max-height: 4em;
      overflow: hidden;
      width: 80%; }
      @media (min-width: 1024px) {
        .InformationTile--article .InformationTile-details-description {
          width: 100%; } }
  .InformationTile--article .InformationTile-psuedoLink {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1; }
  .InformationTile--article .InformationTile-psuedoLink:hover .InformationTile-playIcon {
    background: rgba(0, 0, 0, 0.9); }
  .InformationTile--article .InformationTile-link-inner {
    padding-right: 10%;
    bottom: 2.5rem;
    width: 90%; }
    @media (min-width: 1024px) {
      .InformationTile--article .InformationTile-link-inner {
        padding-right: 0; } }
  .InformationTile--article .InformationTile-footer {
    padding-bottom: 0;
    position: static;
    z-index: 2; }
    @media (min-width: 1024px) {
      .InformationTile--article .InformationTile-footer {
        position: absolute;
        bottom: 0.83333em;
        padding: 0 1.25em; } }
  .InformationTile--article .InformationTile-creation {
    position: absolute;
    bottom: 1em; }
    @media (min-width: 1024px) {
      .InformationTile--article .InformationTile-creation {
        clear: left;
        position: static; } }

@media (min-width: 1024px) {
  .InformationTile--article1x1 .InformationTile-details-title,
  .InformationTile--event1x1 .InformationTile-details-title {
    max-height: 3.5em; }
  .InformationTile--article1x1 .InformationTile-details-description,
  .InformationTile--event1x1 .InformationTile-details-description {
    display: none; }
  .InformationTile--article1x1 .InformationTile-link-inner,
  .InformationTile--event1x1 .InformationTile-link-inner {
    bottom: auto;
    top: 0.875rem; }
  .InformationTile--article1x1 .RoundCtas,
  .InformationTile--event1x1 .RoundCtas {
    top: auto;
    bottom: 1.5rem;
    right: auto;
    left: 0.9375rem; }
    .InformationTile--article1x1 .RoundCtas .Icon,
    .InformationTile--event1x1 .RoundCtas .Icon {
      float: left;
      margin-right: 0.3125rem; } }

@media (min-width: 1024px) {
  .InformationTile--article2x1 .InformationTile-details-title,
  .InformationTile--event2x1 .InformationTile-details-title {
    max-height: 4.5em;
    font-size: 1.83333em; } }

@media (min-width: 1024px) {
  .InformationTile--article2x2 .InformationTile-details-title,
  .InformationTile--event2x2 .InformationTile-details-title {
    max-height: inherit;
    font-size: 2.33333em; } }

@media (min-width: 1024px) {
  .InformationTile--newsarticle1x1 .RoundCtas {
    top: auto;
    bottom: 0rem;
    right: auto;
    left: 0.9375rem; }
    .InformationTile--newsarticle1x1 .RoundCtas .Icon {
      float: left;
      margin-right: 0.3125rem; } }

.InformationTile--newsarticle1x1 .InformationTile-details-title {
  max-height: 3.5em;
  background-color: rgba(85, 86, 88, 0.39);
  color: #fff;
  display: inline;
  margin: 0;
  line-height: 1.5; }

.InformationTile--newsarticle1x1 .InformationTile-details-description {
  color: #fff;
  display: block;
  word-wrap: break-word;
  white-space: normal;
  overflow: visible; }

@media (min-width: 1024px) {
  .InformationTile--newsarticle1x1 .InformationTile-link-inner {
    bottom: auto;
    top: 0.875rem; } }

.InformationTile--video1x1 .InformationTile-details-description,
.InformationTile--video2x1 .InformationTile-details-description,
.InformationTile--video2x2 .InformationTile-details-description {
  display: none; }

@media (min-width: 1024px) {
  .InformationTile--video1x1 .InformationTile-psuedoLink .InformationTile--video1x1 .InformationTile-playIcon,
  .InformationTile--video2x1 .InformationTile-psuedoLink .InformationTile--video1x1 .InformationTile-playIcon,
  .InformationTile--video2x2 .InformationTile-psuedoLink .InformationTile--video1x1 .InformationTile-playIcon, .InformationTile--video1x1 .InformationTile-psuedoLink
  .InformationTile--video2x1 .InformationTile-playIcon,
  .InformationTile--video2x1 .InformationTile-psuedoLink
  .InformationTile--video2x1 .InformationTile-playIcon,
  .InformationTile--video2x2 .InformationTile-psuedoLink
  .InformationTile--video2x1 .InformationTile-playIcon, .InformationTile--video1x1 .InformationTile-psuedoLink
  .InformationTile--video2x2 .InformationTile-playIcon,
  .InformationTile--video2x1 .InformationTile-psuedoLink
  .InformationTile--video2x2 .InformationTile-playIcon,
  .InformationTile--video2x2 .InformationTile-psuedoLink
  .InformationTile--video2x2 .InformationTile-playIcon {
    top: 14%; } }

@media (min-width: 1024px) {
  .InformationTile--video2x1 .InformationTile-details-title {
    max-height: 3.5em;
    font-size: 1.83333em; } }

@media (min-width: 1024px) {
  .InformationTile--video2x2 .InformationTile-details-title {
    max-height: inherit;
    font-size: 2.33333em; }
  .InformationTile--video2x2 .InformationTile-details-description {
    display: block; }
  .InformationTile--video2x2 .InformationTile-psuedoLink .InformationTile-playIcon {
    top: 20%; } }

/* Follows the same styling as --article.
But needs some specifics here
========================================================================== */
.InformationTile--event1x1 .InformationTile-link-inner, .InformationTile--event2x1 .InformationTile-link-inner, .InformationTile--event2x2 .InformationTile-link-inner {
  bottom: 3.75rem; }

.InformationTile--event1x1 .InformationTile-creation, .InformationTile--event2x1 .InformationTile-creation, .InformationTile--event2x2 .InformationTile-creation {
  left: 0.9375rem; }

.InformationTile--event1x1 .InformationTile-footer, .InformationTile--event2x1 .InformationTile-footer, .InformationTile--event2x2 .InformationTile-footer {
  position: absolute;
  z-index: 2; }
  .InformationTile--event1x1 .InformationTile-footer-links, .InformationTile--event2x1 .InformationTile-footer-links, .InformationTile--event2x2 .InformationTile-footer-links {
    position: absolute;
    bottom: 1em; }
  .InformationTile--event1x1 .InformationTile-footer-link, .InformationTile--event2x1 .InformationTile-footer-link, .InformationTile--event2x2 .InformationTile-footer-link {
    display: block;
    margin: 0.3125rem 0; }
  .InformationTile--event1x1 .InformationTile-footer .Button, .InformationTile--event2x1 .InformationTile-footer .Button, .InformationTile--event2x2 .InformationTile-footer .Button {
    position: absolute;
    bottom: 1.2em;
    right: 0.9375rem; }

.InformationTile--event1x1 .InformationTile-details-description, .InformationTile--event2x1 .InformationTile-details-description {
  display: none; }

@media (min-width: 1024px) {
  .InformationTile--event1x1 .InformationTile-creation, .InformationTile--event2x1 .InformationTile-creation, .InformationTile--event2x2 .InformationTile-creation {
    display: none; }
  .InformationTile--event1x1 .InformationTile-details-description, .InformationTile--event2x1 .InformationTile-details-description, .InformationTile--event2x2 .InformationTile-details-description {
    display: none; }
  .InformationTile--event1x1 .InformationTile-footer-links, .InformationTile--event2x1 .InformationTile-footer-links, .InformationTile--event2x2 .InformationTile-footer-links {
    display: none;
    bottom: 0; }
  .InformationTile--event1x1 .InformationTile-footer .Button, .InformationTile--event2x1 .InformationTile-footer .Button, .InformationTile--event2x2 .InformationTile-footer .Button {
    bottom: .3em; } }

@media (min-width: 1024px) {
  .InformationTile--event1x1 .InformationTile-creation {
    display: block; }
  .InformationTile--event1x1 .InformationTile-footer {
    width: 75%;
    margin-left: 25%; }
    .InformationTile--event1x1 .InformationTile-footer-links {
      display: none; }
  .InformationTile--event1x1.has-register-button .InformationTile-creation {
    text-align: right;
    margin-bottom: 2.5rem; }
  .InformationTile--event1x1.has-register-button .RoundCtas {
    bottom: 0.3125rem; }
    .InformationTile--event1x1.has-register-button .RoundCtas .Icon {
      float: none; } }

.LineHeader {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  border-top: 0.1875rem solid #29272a;
  margin: 0.5rem 0;
  padding: 0.5rem 0 0; }
  .LineHeader .lineheader-title {
    font-size: 0.938rem;
    color: #fff;
    background-color: #0069AA;
    padding: 0.313rem; }
    .LineHeader .lineheader-title:hover {
      background-color: #0084D5; }
    .LineHeader .lineheader-title:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
  .LineHeader .u-textArrow {
    float: right;
    letter-spacing: 0.1em;
    font-size: 0.625rem;
    color: #fff;
    background-color: #0069AA;
    padding-left: 0.313rem;
    margin: 0.625rem; }
    .LineHeader .u-textArrow:hover {
      background-color: #0084D5; }
    .LineHeader .u-textArrow:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
  .LineHeader .u-textArrow-new {
    float: right;
    letter-spacing: 0.1em;
    font-size: 0.625rem;
    color: #fff;
    background-color: #0069AA;
    padding-left: 0.313rem; }
    .LineHeader .u-textArrow-new:hover {
      background-color: #0084D5; }
    .LineHeader .u-textArrow-new:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none; }
  .LineHeader--masonry {
    margin: 0.5rem 0.813rem; }
  .LineHeader.ViewAllHeader {
    display: inline-block;
    flex: auto;
    line-height: 1.813rem; }
  .LineHeader--manufacturer, .ManufacturerTabs .LineHeader {
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    flex: auto;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #29272a;
    border-top: 0; }
    .LineHeader--manufacturer .u-textArrow-new, .ManufacturerTabs .LineHeader .u-textArrow-new {
      text-transform: uppercase;
      float: right;
      letter-spacing: .1em;
      font-size: 0.625rem; }
    .LineHeader--manufacturer .u-textArrow, .ManufacturerTabs .LineHeader .u-textArrow {
      text-transform: uppercase;
      float: right;
      letter-spacing: 0.1em;
      font-size: 0.625rem; }
    .LineHeader--manufacturer #view-Header, .ManufacturerTabs .LineHeader #view-Header {
      padding: 0.625rem 0rem;
      float: right; }
  .LineHeader--research-and-events {
    padding: 0.5rem 0rem 0rem 1rem; }

.QuickLinks-items li {
  font-size: 0.875rem;
  padding: 0 0.625rem 0.625rem; }

.LinkList a {
  font-weight: 800;
  display: block;
  padding: 0.9375rem;
  transition: all 300ms; }

.LinkList-subItem > a:hover {
  background: #eee;
  color: #000; }

.LinkList--bordered {
  margin-bottom: 1.25rem; }
  .LinkList--bordered > a {
    display: block;
    border-bottom: 0.0625rem solid #eee;
    padding: 0.9375rem 0;
    white-space: normal; }
  .LinkList--bordered .Icon--link-arrow, .LinkList--bordered .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .LinkList--bordered span {
    font-size: 0.5rem;
    display: inline-block;
    margin-left: 0.1875rem;
    position: relative;
    top: -0.125rem; }

.LinkList li.is-active a {
  background: #000;
  color: #fff; }
  .LinkList li.is-active a:hover {
    text-decoration: none; }

@media (min-width: 890px) {
  .HeaderDropdown--language .LinkList {
    padding: 0; } }

.Load-error {
  padding: 2em; }
  .Load-error h2 {
    font-size: 1em; }

.Loader {
  font-size: 0;
  pointer-events: none;
  animation: fade-in .6s ease;
  text-align: center;
  padding: 1.25rem 0; }
  .Loader:before {
    content: ''; }
  .Loader > span {
    font-size: 0; }
  .Loader:after,
  .Loader > span:before,
  .Loader > span:after {
    width: 10px;
    height: 10px;
    background: #eee;
    border-radius: 100%;
    display: inline-block;
    content: "";
    vertical-align: baseline;
    animation: threeBounceDelay 1.4s infinite ease-in-out;
    animation-fill-mode: both; }
  .Loader > span:before {
    animation-delay: -0.32s;
    margin-right: 5px; }
  .Loader > span:after {
    animation-delay: -0.16s;
    margin-right: 5px; }
  .Loader--dark:after,
  .Loader--dark > span:before,
  .Loader--dark > span:after {
    background: #757575; }
  .Loader--large:after,
  .Loader--large > span:before,
  .Loader--large > span:after {
    width: 1.5625rem;
    height: 1.5625rem; }
  .Loader--large > span:before {
    margin-right: 0.625rem; }
  .Loader--large > span:after {
    margin-right: 0.625rem; }

.LoaderMessage {
  padding: 1.25rem; }
  .LoaderMessage-title {
    color: #757575;
    text-align: center;
    font-weight: normal;
    font-size: 16px; }

[data-tab-section-id] {
  display: none; }

.CmsModal-opener {
  cursor: pointer; }

#oldManufacturerDetails .ManufacturerTabs-heroBanner {
  color: #fff; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
    text-align: center;
    padding: 2.5rem; }
    .ManufacturerTabs #oldManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
      margin-bottom: 0; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
    vertical-align: middle; }
    @media (min-width: 720px) {
      #oldManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
        display: inline-block; } }
    #oldManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper .ManufacturerTabs-heroBanner-logo {
      float: left; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner h1 {
    font-size: 1.75rem;
    display: inline;
    margin: 0;
    line-height: 3.125rem; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner p {
    padding: 1.25rem 0 1.875rem 0;
    font-size: 16px; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo h1 {
    display: block; }
    @media (min-width: 720px) {
      #oldManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo h1 {
        border-left: 0.0625rem solid #fff;
        padding-left: 0.9375rem;
        margin-left: 0.9375rem;
        display: inline; } }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo .ManufacturerTabs-heroBanner-logo {
    display: inline-block;
    max-height: 3.125rem;
    padding: 0.3125rem;
    background: #fff; }

@media (max-width: 1023px) {
  #oldManufacturerDetails .ManufacturerTabs-heroBanner {
    margin: 0; } }

@media (max-width: 719px) {
  #oldManufacturerDetails .ManufacturerTabs-heroBanner-wrapper .ManufacturerTabs-heroBanner-logo {
    border-right: 0;
    margin: 0;
    padding: 0;
    float: none; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner-wrapper h3 {
    display: block; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
    margin-bottom: 1.25rem; }
  #oldManufacturerDetails .ManufacturerTabs-heroBanner p {
    display: none; } }

@media (max-width: 719px) {
  #oldManufacturerDetails .ManufacturerTabs h3 {
    border-left: 0;
    margin: 0;
    padding: 0; } }

#newManufacturerDetails .ManufacturerTabs-heroBanner {
  color: #fff; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
    padding: 1.5rem 1.5rem 1.5rem 0; }
    @media (max-width: 914px) {
      #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
        background-color: #141314CC; } }
    .ManufacturerTabs #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
      margin-bottom: 0; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
    vertical-align: middle; }
    @media (min-width: 720px) {
      #newManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
        display: inline-block;
        padding: 2rem 2rem 2rem 0; } }
    #newManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper .ManufacturerTabs-heroBanner-logo {
      float: left; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner h1 {
    font-family: Arrow Display;
    font-size: 2.3125rem;
    font-weight: 400;
    line-height: 2.875rem;
    letter-spacing: 0rem;
    text-align: left;
    margin: 0rem; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner p {
    font-family: Arrow Display;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    letter-spacing: 0rem;
    text-align: left;
    margin-top: 1.5rem; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo h1 {
    display: block; }
    @media (min-width: 720px) {
      #newManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo h1 {
        display: inline; } }
  #newManufacturerDetails .ManufacturerTabs-heroBanner--hasLogo .ManufacturerTabs-heroBanner-logo {
    background-color: #fff;
    padding: 0.3125rem;
    border-radius: 0.125rem;
    border: 1px solid #dedede;
    box-shadow: 0rem 0.25rem 0.25rem 0rem #00000040;
    width: 239px;
    height: 63px; }

@media (max-width: 1023px) {
  #newManufacturerDetails .ManufacturerTabs-heroBanner {
    margin: 0; }
    #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
      padding: 1.5rem 0rem 1.5rem 2rem; }
    #newManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
      padding: 1.5rem; } }

@media (max-width: 719px) {
  #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper {
    padding: 0rem; }
    #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper .ManufacturerTabs-heroBanner-logo {
      border-right: 0;
      margin: 0;
      padding: 0;
      float: none; }
    #newManufacturerDetails .ManufacturerTabs-heroBanner-wrapper h3 {
      display: block; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner-titleWrapper {
    margin-bottom: 1.25rem; }
  #newManufacturerDetails .ManufacturerTabs-heroBanner h1 {
    font-family: Arrow Display;
    font-size: 1.8125rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0rem;
    text-align: left;
    margin: 0rem; } }

@media (max-width: 719px) {
  #newManufacturerDetails .ManufacturerTabs h3 {
    border-left: 0;
    margin: 0;
    padding: 0; } }

#newManufacturerDetails .ManufacturerTabs .hero-container {
  display: flex;
  padding: 0rem 2rem 0rem 0rem; }
  @media (max-width: 720px) {
    #newManufacturerDetails .ManufacturerTabs .hero-container {
      display: flex;
      flex-direction: column-reverse;
      padding: 0rem; } }

#newManufacturerDetails .ManufacturerTabs .logo-container {
  padding: 1.5rem;
  text-align: center;
  margin: auto; }

@media (max-width: 914px) {
  #newManufacturerDetails .heroBannerContainer {
    background-color: #14131433; } }

@media (min-width: 915px) {
  #newManufacturerDetails .heroBannerContainer {
    background: linear-gradient(90deg, #141314CC 55.5%, #14131433 44.5%); } }

#newManufacturerDetails .ManufacturerTabs .Categories-header {
  display: block; }

@media (min-width: 1024px) {
  #newManufacturerDetails .ContentPage-body {
    width: 100%;
    float: none; } }

.d-flex {
  display: flex; }

.align-modules {
  display: flex; }
  @media (max-width: 890px) {
    .align-modules {
      display: block; } }

.items-inline {
  display: -ms-inline-grid; }
  .items-inline li {
    display: contents; }

.productCards .productText {
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2.265625rem;
  color: #000;
  letter-spacing: 0rem;
  font-family: Arrow Display; }
  @media (max-width: 767px) {
    .productCards .productText {
      font-size: 1.4375rem;
      line-height: 1.796875rem; } }

.productCards .viewAllText {
  float: right;
  font-size: 1rem;
  color: #0069AA;
  line-height: 1.25rem;
  text-decoration: underline;
  font-weight: 500;
  letter-spacing: 0rem;
  font-family: Arrow Display; }
  @media (max-width: 767px) {
    .productCards .viewAllText {
      display: none; } }
  .productCards .viewAllText:hover {
    color: #0084D5; }
  .productCards .viewAllText:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #29272a;
    outline: 0; }

@media (min-width: 1024px) {
  .reference-flex {
    display: flex; } }

@media (max-width: 767px) {
  .viewAllBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0; } }

.product-category-container {
  padding: 3rem 0 3rem 0; }
  @media (max-width: 890px) {
    .product-category-container {
      padding: 0 1.0625rem 0 1.0625rem; } }
  @media (max-width: 719px) {
    .product-category-container {
      padding: 0 0.5625rem 0 0.5625rem; } }

.ManufacturerTabs-sideNav {
  z-index: 1; }

.ManufacturerTabs .ManufacturerContentBlock {
  margin-top: 20px; }
  .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner {
    width: 100%; }
  .ManufacturerTabs .ManufacturerContentBlock .ContentBlock-backgroundImage {
    margin-top: 0px;
    margin-bottom: 0px; }
  .ManufacturerTabs .ManufacturerContentBlock .InformationTile-bgImage:before {
    background-image: linear-gradient(0deg, rgba(20, 20, 19, 0.6), rgba(20, 20, 19, 0.6)); }
  @media (min-width: 1024px) {
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile {
      padding: 0px; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner {
      top: 0; } }
  @media (max-width: 1024px) {
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile, .ManufacturerTabs .ManufacturerContentBlock .InformationTile-details {
      padding: 0; } }
  .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner {
    padding: 1.5rem 0 0 1.5rem;
    bottom: auto; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner .InformationTile-head {
      margin-bottom: 2.25rem;
      font-size: 1.4375rem; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner ul {
      font-size: 1.25rem;
      color: #fff;
      font-family: "ArrowDisplayMedium", sans-serif; }
      .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner ul li {
        text-decoration: underline; }
      .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner ul li:not(:nth-child(1)) {
        margin: 1.5rem 0 1.5rem 0; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner h4.InformationTile-details-title {
      font-size: 0.9375rem;
      margin-top: 0; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-link-inner p.InformationTile-details-description {
      font-size: 1.4375rem;
      white-space: unset;
      margin-top: 0.75rem;
      width: 100%;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ManufacturerTabs .ManufacturerContentBlock .InformationTile-footer {
    padding-left: 1.5rem;
    bottom: 1.5rem;
    font-family: "ArrowDisplayMedium", sans-serif;
    margin-top: 1.5rem; }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-footer .InformationTile-creation {
      font-size: 1rem;
      text-decoration: underline; }
    @media (max-width: 1024px) {
      .ManufacturerTabs .ManufacturerContentBlock .InformationTile-footer {
        position: absolute; } }
    .ManufacturerTabs .ManufacturerContentBlock .InformationTile-footer .InformationTile-creation {
      position: static; }

.ManufacturerTabs .SideNav-menu-item {
  display: none; }

@media (min-width: 1024px) {
  .ManufacturerTabs .SideNav-menu-item a {
    border-top: 0.0625rem solid #eee; }
  .ManufacturerTabs .ManufacturerTabs-sidebar {
    margin-top: 2.8125rem; } }

.ManufacturerTabs-body {
  color: #29272a;
  padding-top: 2.8125rem; }
  .ManufacturerTabs-body h2 {
    margin: 0.3125rem 0;
    font-size: 1.75rem;
    line-height: 2.8125rem; }
  .ManufacturerTabs-body .categoryHeading {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.265625rem;
    color: #000;
    letter-spacing: 0rem;
    font-family: Arrow Display; }
    @media (max-width: 767px) {
      .ManufacturerTabs-body .categoryHeading {
        font-size: 1.4375rem;
        line-height: 1.796875rem; } }
  .ManufacturerTabs-body h3 {
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 0.875rem; }
  .ManufacturerTabs-body-content {
    font-size: 0.875rem; }

.ManufacturerTabs-section--noBottom {
  margin-bottom: -1.875rem; }

.ManufacturerTabs-sectionHeader {
  font-size: 1.25rem;
  line-height: 1.5rem; }

.ManufacturerTabs section:not(:first-of-type) {
  margin-top: 1.875rem; }

.ManufacturerTabs .Categories-header {
  display: none; }

.ManufacturerTabs .Categories--products .ManufacturerTabs .Categories-items {
  border-top: 0; }

.ManufacturerTabs .InformationTile {
  margin-bottom: 0;
  border: 0.0625rem solid #eee; }
  .ManufacturerTabs .InformationTile .RoundCtas-item,
  .ManufacturerTabs .InformationTile .RedBubbles {
    display: none; }

@media (min-width: 1024px) {
  .ManufacturerTabs .Categories-item-link {
    height: auto; }
  .ManufacturerTabs .CategoryListings-heading {
    padding-bottom: 1.875rem; }
  .ManufacturerTabs .CategoryListings-subItems-item {
    line-height: 2em; } }

.ManufacturerTabs .SearchResults-datasheetRow .SearchResults-viewProducts {
  font-size: 12px;
  text-transform: capitalize; }

@media (max-width: 1023px) {
  .ManufacturerTabs [data-tab-section-id] {
    padding-bottom: 2.8125rem; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
    .ManufacturerTabs [data-tab-section-id] h2 a.u-textArrow:not(.viewAllLink) {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      left: 0; } }
  @media (max-width: 1023px) and (max-width: 767px) {
    .ManufacturerTabs [data-tab-section-id] h2 a.viewAllLink {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      left: 0; } }

@media (max-width: 1023px) {
  .ManufacturerTabs [data-tab-section-id] {
    padding-bottom: 2.8125rem; } }
  @media (max-width: 1023px) and (max-width: 1023px) {
    .ManufacturerTabs [data-tab-section-id] a#view-Header {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      left: 0;
      margin-bottom: 0.4375rem;
      padding: 0.3125rem; } }

@media (max-width: 1024px) {
  .ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel {
    margin-left: 0; } }

@media (min-width: 600px) and (max-width: 1023px) {
  .ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel .slick-track {
    width: auto !important; } }

@media (max-width: 599px) {
  .ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel-slide {
    float: none;
    margin-bottom: 0.9375rem;
    border-bottom: 0.125rem solid #92278f; } }

@media (min-width: 600px) and (max-width: 1023px) {
  .ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel-slide {
    width: 49% !important;
    float: left;
    padding-left: 0;
    margin-bottom: 0.9375rem;
    display: inline-block;
    border-bottom: 0.125rem solid #92278f; }
    .ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel-slide:nth-child(even) {
      margin-left: 2%; } }

.ManufacturerTabs [data-tab-section-id="reference-designs"] .ResponsiveCarousel-pagination {
  display: none !important; }

.ManufacturerTabs .sr-only {
  position: absolute;
  left: 12.25rem; }

.ManufacturerTabs .viewAllLink {
  font-size: 1rem;
  color: #0069AA;
  line-height: 1.25rem;
  text-decoration: underline;
  font-weight: 500;
  letter-spacing: 0rem;
  font-family: Arrow Display;
  text-transform: unset;
  float: right; }
  @media (max-width: 767px) {
    .ManufacturerTabs .viewAllLink {
      font-size: 0.875rem;
      line-height: 1.09375rem; } }
  .ManufacturerTabs .viewAllLink:hover {
    color: #0084D5; }
  .ManufacturerTabs .viewAllLink:focus-visible {
    box-shadow: 0 0 0 2px #29272a, 0 0 0 4px #fff;
    outline: 0; }

.ManufacturerTabs .u-textArrow:not(.viewAllLink):not(.swapIconsDatasheet) {
  text-transform: uppercase;
  float: right;
  letter-spacing: .1em;
  font-size: 0.625rem; }

.ManufacturerTabs .swapIconsDatasheet {
  letter-spacing: .1em;
  text-transform: capitalize; }

.viewAllProductLink {
  display: none; }
  @media (max-width: 767px) {
    .viewAllProductLink {
      width: 100%;
      text-align: center;
      display: block; } }

.viewAllProducts {
  font-size: 1rem;
  color: #0069AA;
  line-height: 1.25rem;
  text-decoration: underline;
  font-weight: 500;
  letter-spacing: 0rem;
  font-family: Arrow Display;
  text-transform: unset; }
  @media (max-width: 767px) {
    .viewAllProducts {
      font-size: 0.875rem;
      line-height: 1.09375rem; } }
  .viewAllProducts:hover {
    color: #0084D5; }
  .viewAllProducts:focus-visible {
    box-shadow: 0 0 0 2px #29272a, 0 0 0 4px #fff;
    outline: 0; }

.datasheetLink {
  margin-right: 1.25rem; }
  @media (max-width: 767px) {
    .datasheetLink {
      margin: 1.25rem;
      width: 83% !important; } }

.LoginForm-link {
  display: none; }
  .LoginForm-link.is-active {
    font-weight: bold;
    display: block; }

.LoginForm-fieldset {
  margin-bottom: 0;
  border: none;
  padding-left: 0; }

.LoginForm-password-block {
  position: relative;
  padding-top: 1.3125rem; }

.LoginForm-passwordLink-div {
  position: absolute;
  top: 0rem;
  right: 0rem; }

.LoginForm-passwordLink {
  font-weight: bold;
  font-size: 0.75rem; }

.LoginForm-password-label {
  position: absolute;
  top: 0rem;
  width: 100%; }

.LoginForm .u-form-input--radio label {
  margin-left: 0; }

.LoginForm .u-form-input--radio:last-of-type {
  margin-bottom: 0; }

.LoginForm .u-align-right {
  float: right;
  text-align: right;
  clear: both; }
  .LoginForm .u-align-right .Button {
    width: auto; }
  .LoginForm .u-align-right p {
    display: block;
    clear: both; }

.LoginForm .LoyaltyBox-Icon {
  font-size: 1.125rem; }

.LoginForm .LoyaltyContainer {
  padding-bottom: 1.25rem;
  display: none; }

.LoginForm .LoyaltyLabel {
  font-size: 1.5rem; }

.LoginForm .LoyaltyBox {
  border-top: 0.125rem solid #d7d7d7;
  border-bottom: 0.125rem solid #d7d7d7;
  border-left: 0.125rem solid #d7d7d7;
  border-right: 0.125rem solid #d7d7d7;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-top: 0.625rem;
  line-height: 1.125rem; }
  .LoginForm .LoyaltyBox-Label {
    padding-left: 0.3125rem; }

.LoginForm .LoyaltyEmailPreference {
  display: block;
  padding-top: 0.625rem; }
  .LoginForm .LoyaltyEmailPreference-Input {
    position: absolute; }
  .LoginForm .LoyaltyEmailPreference-Label {
    margin-left: 0.9375rem;
    display: inline-block;
    padding-left: 0.3125rem; }

.LoginForm .TermsAndPolicyText {
  padding-bottom: 1.125rem; }
  .LoginForm .TermsAndPolicyText a {
    color: #000;
    text-decoration: underline; }

.LoginForm .loginFail {
  display: none; }
  .LoginForm .loginFail.is-active {
    display: block;
    color: #E31B23;
    margin-bottom: 2em; }

.LoginForm .forgottenAccount {
  display: none; }
  .LoginForm .forgottenAccount.is-active {
    display: block;
    color: #E31B23;
    margin-bottom: 2em; }

.LoginForm .myArrow {
  display: none; }
  .LoginForm .myArrow.is-active {
    display: block; }

.LoginForm .arrowCom {
  display: none; }
  .LoginForm .arrowCom.is-active {
    display: block; }

.LoginForm .accountOptions {
  display: none; }
  .LoginForm .accountOptions.is-active {
    display: block; }

.LoginForm .error-message-icon {
  padding-left: 1.25rem;
  position: relative; }
  .LoginForm .error-message-icon:before {
    font-family: 'arrow-icons';
    font-size: 16px;
    content: "\E651";
    position: absolute;
    left: 0rem;
    bottom: 0rem; }

.ForgotPassword-api {
  font-size: 0.875rem;
  width: 31.875rem; }
  .ForgotPassword-api-errors {
    display: none;
    color: #E31B23;
    margin-bottom: 1em;
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.3;
    font-weight: 600; }
    .ForgotPassword-api-errors:before {
      font-family: "arrow-icons";
      font-size: 1.25rem;
      content: "\E651";
      position: absolute;
      top: 0.1875rem;
      left: 0; }
  .ForgotPassword-api-forgotten {
    display: none;
    color: #E31B23;
    margin-bottom: 1em;
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.3;
    font-weight: 600; }
    .ForgotPassword-api-forgotten:before {
      font-family: "arrow-icons";
      font-size: 1.25rem;
      content: "\E651";
      position: absolute;
      top: 0.1875rem;
      left: 0; }

.ForgotPassword-modal {
  font-size: 0.875rem;
  width: 31.875rem; }
  .ForgotPassword-modal-errors {
    display: none;
    color: #E31B23;
    margin-bottom: 1em;
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.3; }
    .ForgotPassword-modal-errors:before {
      font-family: "arrow-icons";
      font-size: 1.25rem;
      content: "\E651";
      position: absolute;
      top: 0.1875rem;
      left: 0; }
  .ForgotPassword-modal .Form-input {
    border: 0.0625rem solid #757575; }
    .ForgotPassword-modal .Form-input.is-invalid {
      border-color: #E31B23;
      margin-bottom: 0; }

.ForgotPasswordForm {
  width: 100%; }
  .ForgotPasswordForm-list {
    margin: 1.5625rem 0;
    line-height: 1.3; }
    .ForgotPasswordForm-list li {
      margin-bottom: 0.9375rem; }
    .ForgotPasswordForm-list input {
      width: 6.875rem;
      padding: 0.4375rem;
      margin: -0.5rem 0;
      text-align: center; }
      .ForgotPasswordForm-list input.is-invalid {
        border-color: #E31B23; }
    .ForgotPasswordForm-list .is-invalid {
      color: #E31B23; }
    .ForgotPasswordForm-list label.is-invalid {
      margin-left: 0.625rem; }
  .ForgotPasswordForm-gapDivFour {
    height: 0.25rem;
    width: 100%; }
  .ForgotPasswordForm-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .ForgotPasswordForm-container {
    margin: 1em 0 0;
    flex: 0 0 100%; }
    @media (min-width: 600px) {
      .ForgotPasswordForm-container {
        flex-basis: 50%;
        max-width: 50%; }
        .ForgotPasswordForm-container:nth-child(odd) {
          padding-right: 0.3125rem; }
        .ForgotPasswordForm-container:nth-child(even) {
          padding-left: 0.3125rem; }
        .ForgotPasswordForm-container--small {
          flex-basis: 33%;
          max-width: 33%; }
        .ForgotPasswordForm-container--large {
          flex-basis: 67%;
          max-width: 67%; }
        .ForgotPasswordForm-container--full {
          flex-basis: 100%;
          max-width: 100%; }
          .ForgotPasswordForm-container--full:nth-child(odd) {
            padding-right: 0; } }
  .ForgotPasswordForm-buttonContainer {
    margin: 1em auto 0;
    flex: 0 0 50%;
    max-width: 50%; }
    .ForgotPasswordForm-buttonContainer:nth-child(odd) {
      padding-right: 0.3125rem; }
    .ForgotPasswordForm-buttonContainer:nth-child(even) {
      padding-left: 0.3125rem; }
    .ForgotPasswordForm-buttonContainer .Button--centered {
      max-width: 80%;
      margin: 0 auto;
      display: block;
      width: 100%; }
    .ForgotPasswordForm-buttonContainer .loading {
      font-size: 0;
      pointer-events: none; }
      .ForgotPasswordForm-buttonContainer .loading:before {
        content: ''; }
      .ForgotPasswordForm-buttonContainer .loading > span {
        font-size: 0; }
      .ForgotPasswordForm-buttonContainer .loading:after,
      .ForgotPasswordForm-buttonContainer .loading > span:before,
      .ForgotPasswordForm-buttonContainer .loading > span:after {
        width: 0.875rem;
        height: 0.875rem;
        background: #fff;
        border-radius: 100%;
        display: inline-block;
        content: "";
        vertical-align: baseline;
        animation: threeBounceDelay 1.4s infinite ease-in-out;
        animation-fill-mode: both; }
      .ForgotPasswordForm-buttonContainer .loading > span:before {
        animation-delay: -0.32s;
        margin-right: 0.5rem; }
      .ForgotPasswordForm-buttonContainer .loading > span:after {
        animation-delay: -0.16s;
        margin-right: 0.5rem; }
  .ForgotPasswordForm-genericMsg {
    color: #0069AA; }

.Modal-LockedOut a {
  text-decoration: underline; }

.update-password-required {
  display: none; }
  .update-password-required div:not(.message-fail) {
    padding-top: 3rem;
    font-size: 1rem;
    font-family: "ArrowDisplayRegular", sans-serif; }
    .update-password-required div:not(.message-fail) a {
      color: #0069AA; }
  .update-password-required .message-fail {
    display: none;
    color: #E31B23;
    margin-top: 1.5rem;
    margin-bottom: -1.5rem; }
    .update-password-required .message-fail.is-active {
      padding-top: 1.875rem;
      display: block;
      color: #E31B23;
      margin-bottom: 2em; }
  .update-password-required .update-password-required-title {
    padding-top: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.3125rem;
    font-family: "ArrowDisplayMedium", sans-serif; }
    @media (max-width: 720px) {
      .update-password-required .update-password-required-title {
        font-size: 1.8125rem; } }
  .update-password-required .continue-shopping {
    padding-top: 1rem; }

.LoginSplash {
  text-align: center;
  padding: 1em 0 16em; }
  .LoginSplash-sectionHeader {
    font-size: 3em;
    font-weight: 400;
    position: relative; }
    .LoginSplash-sectionHeader:after {
      content: ' ';
      display: block;
      height: 0.125rem;
      left: 50%;
      margin-left: -1em;
      position: absolute;
      width: 2em; }
  .LoginSplash-subheader {
    font-size: 1.83333em;
    font-weight: 400;
    margin-bottom: .5em; }
  .LoginSplash--globalinventory {
    padding-right: 25%; }
    @media (max-width: 1024px) {
      .LoginSplash--globalinventory {
        display: inline-block;
        padding-right: 0em; } }
  .LoginSplash--preferredpricing {
    border-right: 0.125rem solid #d7d7d7;
    padding-left: 25%; }
    @media (max-width: 1024px) {
      .LoginSplash--preferredpricing {
        display: inline-block;
        border-right: none;
        padding-left: 0em; } }
  .LoginSplash-break-word {
    padding-bottom: 3.2em; }

.Main {
  background-color: #fff;
  position: relative; }
  .Main #tagDiv + div #ArticlesGrid .RoundCtas {
    top: 15px;
    bottom: 0px;
    right: 10px;
    left: auto; }
  @media (min-width: 1024px) {
    .Main {
      min-height: 100%;
      overflow: hidden; } }
  .is-external-vendor ~ .Main-content {
    padding-top: 0; }

.megamenu {
  padding-left: 0.9375rem;
  padding-right: 0; }
  .megamenu a {
    font-family: "ArrowDisplayMedium", sans-serif; }
  .megamenu-newPill {
    display: inline-block;
    background-color: #0069AA;
    padding: 0.25em 0.83333em 0.25em 0.83333em;
    border-radius: 0.83333em;
    font-size: 0.83333em;
    text-align: center; }
    .megamenu-newPill-link--inactive {
      cursor: default; }
    .megamenu-newPill:hover {
      background-color: #0069AA; }
    .megamenu-newPill-link--inactive .megamenu-newPill:hover {
      background-color: #E31B23; }
    .megamenu-newPill-text {
      display: inline-block;
      text-transform: uppercase; }
  .megamenu-wrapper {
    display: none; }
  .megamenu-wrapper ul {
    list-style: none;
    margin: 0rem auto; }
  .megamenu-Content > li div.svg-wrapper {
    display: flex;
    align-items: center;
    padding-top: 0.3125rem; }
  .megamenu-Content > li div.arrow-wrapper {
    display: flex;
    align-items: center;
    padding-top: 0.3125rem; }
  .megamenu .verticalTrends {
    left: unset !important; }
  .megamenu-dropdown {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    background: #fff;
    color: #000;
    left: 0;
    top: 2.66667em;
    width: 100%;
    border-top: 0.1875rem solid;
    padding: .7em 1.4em; }
    .megamenu-dropdown--category-zero {
      display: inline-block;
      width: auto;
      padding-left: 0;
      padding-bottom: 0; }
    @media (max-width: 1023px) {
      .megamenu-dropdown {
        display: none; } }
    .megamenu-dropdown-heading {
      padding-bottom: 0.71429em;
      border-bottom: 0.0625rem solid #eee;
      margin-bottom: 0;
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-weight: 800;
      letter-spacing: -.02em; }
      .megamenu-dropdown-heading .Icon--link-arrow, .megamenu-dropdown-heading .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .megamenu-dropdown-heading span {
        font-size: 0.5rem;
        display: inline-block;
        margin-left: 0.1875rem;
        position: relative;
        top: -0.125rem; }
      .megamenu-dropdown-heading--subheading {
        border-bottom: 0.125rem solid #eee;
        padding-bottom: 0.75rem;
        display: block;
        font-size: 12px;
        color: #757575;
        line-height: 0.75rem; }
  .megamenu .is-black {
    none: #000; }
  .megamenu .is-white {
    none: #fff; }
  .megamenu .is-verydarkgrey {
    none: #29272a; }
  .megamenu .is-grey {
    none: #757575; }
  .megamenu .is-red {
    none: #E31B23; }
  .megamenu .is-blue {
    none: #009DDC; }
  .megamenu .is-brightBlue {
    none: #0069AA; }
  .megamenu .is-activeButtonBlue {
    none: #004E7F; }
  .megamenu .is-green {
    none: #54B948; }
  .megamenu .is-orange {
    none: #F68A33; }
  .megamenu .is-purple {
    none: #92278f; }
  .megamenu .is-pink {
    none: #EB1478; }
  .megamenu .is-yellow {
    none: #fdbb31; }
  .megamenu .is-darkgrey {
    none: #505050; }
  .megamenu .is-iotgreen {
    none: #009A8C; }
  .megamenu .is-skyblue {
    none: #BFE0F4; }
  .megamenu .Icon--link-arrow, .megamenu .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .megamenu span {
    font-size: 0.5rem; }
  .megamenu .megamenu-dropdown-heading a:hover {
    text-decoration: underline; }
  @media (min-width: 1024px) {
    .megamenu {
      padding-left: 0;
      padding-bottom: 0; }
      .megamenu-wrapper {
        padding: 0 0.83333em 0.41667em 0.83333em;
        background: #29272a;
        margin-bottom: -1.2em;
        margin-top: -0.5em;
        display: inline-block;
        width: 100%; }
      .megamenu-newPill {
        position: relative;
        float: left;
        border-radius: 0rem;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        height: 2.125rem; }
        .megamenu-newPill-link {
          display: inline-block; }
        .megamenu-newPill-text {
          display: block; }
      .megamenu-tab {
        display: inline-block;
        float: left;
        padding: 0;
        border-bottom: 0.0625rem solid #0084D5;
        height: 2.125rem; }
        .megamenu-tab-link {
          padding: 0.6875rem 1.25rem 0.5rem 1.125rem; }
        .megamenu-tab:first-child .megamenu-tab-link {
          padding-left: 0;
          display: inline-block; }
        .megamenu-tab.Header-nav-item:first-child {
          margin-left: 0;
          padding-left: 0; }
          .megamenu-tab.Header-nav-item:first-child:focus {
            box-shadow: 0 0 0 0.1875rem #7FC1EA; }
        .megamenu-tab.is-black.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-black.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-black.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-white.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-white.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-white.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-verydarkgrey.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-verydarkgrey.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-verydarkgrey.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-grey.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-grey.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-grey.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-red.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-red.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-red.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-blue.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-blue.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-blue.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-brightBlue.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-brightBlue.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-brightBlue.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-activeButtonBlue.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-activeButtonBlue.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-activeButtonBlue.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-green.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-green.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-green.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-orange.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-orange.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-orange.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-purple.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-purple.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-purple.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-pink.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-pink.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-pink.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-yellow.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-yellow.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-yellow.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-darkgrey.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-darkgrey.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-darkgrey.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-iotgreen.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-iotgreen.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-iotgreen.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-skyblue.megamenu-open .megamenu-dropdown {
          transition: opacity 300ms ease-in, visibility 300ms ease-in 300ms;
          opacity: 1;
          visibility: visible; }
        .has-megamenu-open .megamenu-tab.is-skyblue.megamenu-open,
        .has-megamenu-open .megamenu-tab.is-skyblue.megamenu-open .megamenu-dropdown {
          transition-delay: 0s;
          transition: all 0s ease-in; }
        .megamenu-tab.is-current {
          background-color: #004E7F; }
        .megamenu-tab.megamenu-open.is-black {
          background: #000; }
        .megamenu-tab.megamenu-open.is-white {
          background: #fff; }
        .megamenu-tab.megamenu-open.is-verydarkgrey {
          background: #29272a; }
        .megamenu-tab.megamenu-open.is-grey {
          background: #757575; }
        .megamenu-tab.megamenu-open.is-red {
          background: #E31B23; }
        .megamenu-tab.megamenu-open.is-blue {
          background: #009DDC; }
        .megamenu-tab.megamenu-open.is-brightBlue {
          background: #0069AA; }
        .megamenu-tab.megamenu-open.is-activeButtonBlue {
          background: #004E7F; }
        .megamenu-tab.megamenu-open.is-green {
          background: #54B948; }
        .megamenu-tab.megamenu-open.is-orange {
          background: #F68A33; }
        .megamenu-tab.megamenu-open.is-purple {
          background: #92278f; }
        .megamenu-tab.megamenu-open.is-pink {
          background: #EB1478; }
        .megamenu-tab.megamenu-open.is-yellow {
          background: #fdbb31; }
        .megamenu-tab.megamenu-open.is-darkgrey {
          background: #505050; }
        .megamenu-tab.megamenu-open.is-iotgreen {
          background: #009A8C; }
        .megamenu-tab.megamenu-open.is-skyblue {
          background: #BFE0F4; } }
  @media (max-width: 1023px) {
    .megamenu .is-black.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-white.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-verydarkgrey.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-grey.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-red.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-blue.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-brightBlue.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-activeButtonBlue.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-green.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-orange.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-purple.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-pink.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-yellow.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-darkgrey.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-iotgreen.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; }
    .megamenu .is-skyblue.megamenu-open .megamenu-dropdown {
      opacity: 0;
      visibility: hidden; } }

.svg-wrapper {
  display: flex;
  align-items: center;
  padding-top: 0.1875rem;
  margin-left: 3.75rem; }

.arrow-wrapper {
  display: flex;
  align-items: center;
  padding-top: 0.1875rem;
  margin-left: 3.75rem; }
  @media (max-width: 767px) {
    .arrow-wrapper {
      display: none; } }

.arrowdown {
  width: 0.6875rem;
  height: 0.875rem;
  position: absolute;
  top: 0.75rem;
  display: block;
  margin-left: -0.3125rem;
  outline: none; }
  .arrowdown:focus {
    outline: 0.1875rem solid #7FC1EA; }

.arrowup {
  width: 0.6875rem;
  height: 0.875rem;
  position: absolute;
  top: 0.75rem;
  display: none;
  margin-left: -0.3125rem; }
  .arrowup:focus {
    outline: 0.1875rem solid #7FC1EA; }

li:hover .arrowdown {
  display: none; }

li:hover .arrowup {
  display: block; }

li:focus .arrowdown {
  display: none; }

li:focus .arrowup {
  display: block; }

@media (min-width: 1024px) {
  body.is-minimised-header .megamenu-tab {
    padding: 0;
    font-size: 0.688rem; } }

.alignArrow {
  display: flex; }

.megamenu-tab {
  cursor: pointer; }
  .megamenu-tab-column-wrapper {
    padding-top: 1.25em;
    column-count: 3; }
    .megamenu-tab-column-wrapper--oneCol {
      column-count: auto; }
    .megamenu-tab-column-wrapper--twoCol {
      column-count: 2; }
  .megamenu-tab-design-center {
    margin-top: 1.25rem; }
    .megamenu-tab-design-center .Icon {
      font-size: 2.5rem; }
    .megamenu-tab-design-center .PromoProject {
      position: relative; }
      .megamenu-tab-design-center .PromoProject-item {
        width: 100%;
        margin: 0;
        padding: 1.25rem;
        min-height: auto; }
        .megamenu-tab-design-center .PromoProject-item > * {
          float: left; }
        .megamenu-tab-design-center .PromoProject-item-icon-holder {
          width: 25%;
          margin-right: 2em;
          position: relative;
          margin-top: 1rem; }
        .megamenu-tab-design-center .PromoProject-item-title {
          font-size: 1rem;
          margin: 0; }
          .megamenu-tab-design-center .PromoProject-item-title:after {
            position: absolute;
            right: -1.5em;
            top: 50%;
            width: 0.125rem;
            height: 1.875rem;
            margin: -0.9375rem 0 0 0; }
        .megamenu-tab-design-center .PromoProject-item-description {
          font-size: 0.75rem;
          margin-top: 0.625rem;
          margin-left: 2em;
          width: 53%;
          white-space: normal;
          text-align: left; }
        .megamenu-tab-design-center .PromoProject-item-greenBox {
          bottom: 0; }
          .megamenu-tab-design-center .PromoProject-item-greenBox-shell {
            padding: 2.5rem 0;
            position: relative; }
      .megamenu-tab-design-center .PromoProject .Button {
        margin-bottom: 0; }

.MegaMenu-designCenterEngineerChat {
  margin-bottom: 1.25rem;
  padding-right: 1.25rem;
  overflow: hidden; }
  .MegaMenu-designCenterEngineerChat-heading {
    color: #54B948;
    margin: 0.9375rem 0 1.125rem;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0; }
    .MegaMenu-designCenterEngineerChat-heading:after {
      display: block;
      content: "";
      width: 3.3125rem;
      margin-top: 0.8125rem;
      border-bottom: 0.125rem solid #000; }
  .MegaMenu-designCenterEngineerChat-description {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1.25rem; }
  .MegaMenu-designCenterEngineerChat-image {
    width: 7.5rem;
    height: auto;
    float: left; }
  .MegaMenu-designCenterEngineerChat-ctaList {
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    margin-left: 0.4375rem; }
    .MegaMenu-designCenterEngineerChat-ctaList-item {
      margin-bottom: 0.8125rem; }
    .MegaMenu-designCenterEngineerChat-ctaList .Icon {
      font-size: 1.375rem;
      vertical-align: middle;
      top: -0.0625rem;
      position: relative;
      margin-right: 0.375rem; }
      .MegaMenu-designCenterEngineerChat-ctaList .Icon--message {
        font-size: 1.1875rem; }

.js .ReadMore-content {
  display: none; }

.ReadMore-container:before {
  content: "\2026"; }

.ReadMore-container.is-open:before {
  content: ""; }

.ReadMore-container.is-open .ReadMore-content {
  display: inline; }

.ReadMore-container .ReadMore-toggle {
  white-space: nowrap;
  font-weight: 400;
  text-decoration: underline;
  color: #757575;
  font-size: 0.85em; }
  .ReadMore-container .ReadMore-toggle:visited {
    color: #757575; }

.ReadMore-container .ReadMore-toggle-less {
  display: none; }

.ReadMore-container.is-open .ReadMore-toggle-more {
  display: none; }

.ReadMore-container.is-open .ReadMore-toggle-less {
  display: inline; }

.RegistrationForm-formInstructions {
  margin-bottom: 1.25rem; }

.RegistrationForm-hasInputSelection {
  position: relative; }

.RegistrationForm-countryContainer {
  position: relative;
  padding-left: 0;
  padding-right: 0; }

.RegistrationForm #RegistrationForm-country {
  display: block; }
  @media (max-width: 600px) {
    .RegistrationForm #RegistrationForm-country {
      display: none; } }

.RegistrationForm #RegistrationForm-GDPRConsent.is-invalid {
  outline: 0.0625rem solid #E31B23; }

.RegistrationForm .error-message-icon {
  padding-left: 1.25rem;
  position: relative; }
  .RegistrationForm .error-message-icon:before {
    font-family: 'arrow-icons';
    font-size: 16px;
    content: "\E651";
    position: absolute;
    left: 0rem;
    bottom: 0rem; }

.RegistrationForm #RegistrationForm-countryMobile {
  display: none;
  appearance: none;
  width: 100%;
  padding: 0.75em 0.75em 0.75em 1.75em;
  border: 0.0625rem solid #757575;
  border-radius: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
  /* IE10+ CSS */
  /* IE Edge 12+ CSS */ }
  @media (max-width: 600px) {
    .RegistrationForm #RegistrationForm-countryMobile {
      display: block; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .RegistrationForm #RegistrationForm-countryMobile {
      background: none; } }
  @supports (-ms-accelerator: true) {
    .RegistrationForm #RegistrationForm-countryMobile {
      background: none; } }

.RegistrationForm #RegistrationForm-countryAutocompleteResults {
  display: none;
  position: absolute;
  max-width: 19.6875rem;
  max-height: 18.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  top: 3.4375rem;
  padding: 0;
  z-index: 1;
  background-color: #fff;
  color: #000; }
  .RegistrationForm #RegistrationForm-countryAutocompleteResults li {
    width: 100%;
    padding: 0.5625rem 0.5625rem;
    border-bottom: 0.0625rem solid #d7d7d7;
    border-left: 0.0625rem solid #d7d7d7;
    border-right: 0.0625rem solid #d7d7d7;
    overflow: hidden; }
    .RegistrationForm #RegistrationForm-countryAutocompleteResults li:hover, .RegistrationForm #RegistrationForm-countryAutocompleteResults li:focus, .RegistrationForm #RegistrationForm-countryAutocompleteResults li.selected {
      background-color: #d7d7d7; }

.RegistrationForm-tosContainer {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.3125rem; }

.RegistrationForm-policyContainer {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.3125rem;
  margin-top: 3rem; }
  @media (max-width: 720px) {
    .RegistrationForm-policyContainer {
      margin-top: 1.5rem; } }
  .RegistrationForm-policyContainer.is-invalid {
    color: #E31B23; }

.RegistrationForm-marketingContainer {
  padding-top: 1rem;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.625rem; }
  .RegistrationForm-marketingContainer input {
    width: initial;
    display: inline-block; }
  .RegistrationForm-marketingContainer label {
    display: inline; }

.RegistrationForm .LoyaltyBox-Icon {
  font-size: 1.125rem; }

.RegistrationForm .LoyaltyContainer {
  padding-top: 1.5625rem; }

.RegistrationForm .LoyaltyLabel {
  font-size: 1.5rem;
  line-height: normal; }

.RegistrationForm .LoyaltyBox {
  border-top: 0.125rem solid #d7d7d7;
  border-bottom: 0.125rem solid #d7d7d7;
  border-left: 0.125rem solid #d7d7d7;
  border-right: 0.125rem solid #d7d7d7;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-top: 0.625rem;
  line-height: 1.125rem; }
  .RegistrationForm .LoyaltyBox-Label {
    padding-left: 0.3125rem; }
  .RegistrationForm .LoyaltyBox-tdTop {
    vertical-align: top; }
  .RegistrationForm .LoyaltyBox-tdLabel {
    padding-left: 0.3125rem; }

.RegistrationForm-submitButtonHidden {
  display: none; }

.RegistrationForm-submitButtonContainer, .RegistrationForm-signinLabelContainer {
  width: 90%; }
  @media (max-width: 600px) {
    .RegistrationForm-submitButtonContainer, .RegistrationForm-signinLabelContainer {
      float: left;
      clear: both; } }
  @media (min-width: 601px) {
    .RegistrationForm-submitButtonContainer, .RegistrationForm-signinLabelContainer {
      float: right;
      clear: both; } }
  @media (max-width: 720px) {
    .RegistrationForm-submitButtonContainer, .RegistrationForm-signinLabelContainer {
      width: 100%; } }
  .RegistrationForm-submitButtonContainer #RegistrationForm-submitButton, .RegistrationForm-signinLabelContainer #RegistrationForm-submitButton {
    width: 100%; }

.RegistrationForm-submitButtonContainer {
  margin-top: 1.3125rem; }

.RegistrationForm-toggle {
  position: relative; }

.RegistrationForm strong {
  display: inline-block; }

.RegistrationForm .u-align-right {
  float: right;
  text-align: right;
  clear: both; }
  .RegistrationForm .u-align-right .Button {
    width: auto; }
  .RegistrationForm .u-align-right p {
    display: block;
    clear: both; }

.RegistrationForm-addMarginBottom {
  margin-bottom: 2em; }
  .RegistrationForm-addMarginBottom p {
    float: right; }

.RegistrationForm .js-togglePassword {
  position: absolute;
  top: 1.35rem;
  cursor: pointer;
  padding: 0.625rem;
  right: 0; }
  .RegistrationForm .js-togglePassword .RegistrationForm-passwordHide {
    display: none; }
  .RegistrationForm .js-togglePassword.is-active .RegistrationForm-passwordShow {
    display: none; }
  .RegistrationForm .js-togglePassword.is-active .RegistrationForm-passwordHide {
    display: block; }

.RegistrationForm a:focus:not(#RegistrationForm-submitButton),
.RegistrationForm button:focus:not(#RegistrationForm-submitButton),
.RegistrationForm span:focus:not(#RegistrationForm-submitButton),
.RegistrationForm input:focus:not(#RegistrationForm-submitButton) {
  outline: solid 0.1875rem #7FC1EA !important;
  outline-offset: 0 !important; }

.RegistrationForm button,
.RegistrationForm a {
  color: #0069AA; }

.RegistrationForm a {
  text-decoration: underline; }

.RegistrationForm button.RegistrationForm-passwordShow, .RegistrationForm button.RegistrationForm-passwordHide {
  background: transparent;
  border: none;
  color: unset; }

.RegistrationForm span.required--red {
  color: #E31B23; }

.RegistrationFormHeader .header {
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 2.3125rem;
  font-family: "ArrowDisplayMedium", sans-serif; }
  @media (max-width: 720px) {
    .RegistrationFormHeader .header {
      font-size: 1.8125rem; } }

.RegistrationFormHeader .setup-your-account-message {
  margin-top: 1rem;
  font-size: 1rem;
  color: #505050;
  font-family: "ArrowDisplayRegular", sans-serif; }
  @media (max-width: 720px) {
    .RegistrationFormHeader .setup-your-account-message {
      font-size: 0.875rem; } }

.RegistrationFormHeader .emailAddress {
  margin-top: 3rem; }
  @media (max-width: 720px) {
    .RegistrationFormHeader .emailAddress {
      margin-top: 1.5rem; } }
  .RegistrationFormHeader .emailAddress p {
    font-size: 1rem;
    font-family: "ArrowDisplayRegular", sans-serif;
    padding-top: 1rem; }
    @media (max-width: 720px) {
      .RegistrationFormHeader .emailAddress p {
        font-size: 0.875rem; } }

.RegistrationFormHeader .loginFail {
  display: none; }
  .RegistrationFormHeader .loginFail.is-active {
    padding-top: 1.875rem;
    display: block;
    color: #E31B23;
    margin-bottom: 2em; }

.RegistrationForm-submitButtonContainer button#RegistrationForm-submitButton {
  background-color: #0069AA;
  color: #fff;
  width: auto;
  text-decoration: unset;
  text-transform: unset;
  float: right;
  margin-right: 0; }
  .RegistrationForm-submitButtonContainer button#RegistrationForm-submitButton:hover, .RegistrationForm-submitButtonContainer button#RegistrationForm-submitButton:active {
    background-color: #0084D5; }
  .RegistrationForm-submitButtonContainer button#RegistrationForm-submitButton:focus-visible {
    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #29272a;
    outline: 0; }

.RegistrationModal-modalDialog {
  width: 75%; }
  .RegistrationModal-modalDialog .shortForm {
    display: block; }
  .RegistrationModal-modalDialog .longForm {
    display: none; }
  .RegistrationModal-modalDialog.isLongForm .shortForm {
    display: none; }
  .RegistrationModal-modalDialog.isLongForm .longForm {
    display: block; }
  .RegistrationModal-modalDialog .goToLogin {
    display: block; }
  .RegistrationModal-modalDialog .autoLogin {
    display: none; }
  .RegistrationModal-modalDialog.isAutoLogin .goToLogin {
    display: none; }
  .RegistrationModal-modalDialog.isAutoLogin .autoLogin {
    display: block; }

.RegistrationModal-modalButton {
  margin-bottom: 0.0625rem; }

.LoyaltyTable {
  margin-top: 0.625rem; }

.passwordValidationMessages {
  margin-top: 3rem; }
  @media (max-width: 720px) {
    .passwordValidationMessages {
      margin-top: 1.5rem; } }
  .passwordValidationMessages div {
    display: flex;
    align-items: center;
    margin-top: 0.25rem;
    padding: 0.25rem; }
  .passwordValidationMessages .invalid {
    color: #757575; }
  .passwordValidationMessages .valid {
    color: #000; }
  .passwordValidationMessages #length, .passwordValidationMessages #number, .passwordValidationMessages #uppercase, .passwordValidationMessages #lowercase, .passwordValidationMessages #special-character {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-family: "ArrowDisplayRegular", sans-serif; }
  .passwordValidationMessages .icon-dot::before {
    content: "\2022";
    color: #757575;
    padding: 0.4375rem;
    font-size: 1rem; }
  .passwordValidationMessages .icon-check::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EF700D40B-6B62-4193-816D-18A963C66751%3C/title%3E%3Cg id='1.-Icons/1.-System/Success' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,3 C7.02943725,3 3,7.02943725 3,12 C3,16.9705627 7.02943725,21 12,21 C16.9705627,21 21,16.9705627 21,12 C21,7.02943725 16.9705627,3 12,3 Z M16.7643505,7.08969288 C16.9658625,7.22984799 17.0324657,7.49162162 16.9340388,7.70728262 L16.8893341,7.78566637 L10.6296784,16.7856664 C10.4562729,17.0349851 10.1099771,17.0684608 9.89169977,16.8782781 L9.82409483,16.8065895 L7.08375055,13.2731048 C6.91452051,13.0548943 6.95422698,12.7408118 7.17243743,12.5715817 C7.36640228,12.421155 7.63611795,12.4358139 7.81251581,12.5941848 L7.87396052,12.6602686 L10.197,15.655 L16.068377,7.2146765 C16.2260515,6.98797545 16.5376494,6.93201838 16.7643505,7.08969288 Z' id='Fill' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(26%) sepia(83%) saturate(5119%) hue-rotate(150deg) brightness(93%) contrast(101%); }

.RegistrationForm-signinLabelContainer {
  display: none; }

.GetStarted .columnContainer {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

.GetStarted .row {
  margin-top: 3rem; }

.GetStarted .signInLinkHasAccount {
  padding-left: 0.25rem; }

.GetStarted a {
  color: #0069AA;
  text-decoration: underline;
  font-size: 1rem;
  font-family: "ArrowDisplayMedium", sans-serif; }
  .GetStarted a:hover {
    color: #0084D5; }
  @media (max-width: 47.938rem) {
    .GetStarted a {
      font-size: 0.875rem; } }

.GetStarted p {
  font-size: 1rem; }
  @media (max-width: 720px) {
    .GetStarted p {
      font-size: 0.875rem; } }

.GetStarted .Button {
  background-color: #0069AA;
  color: #fff;
  text-transform: unset; }
  .GetStarted .Button:hover {
    background-color: #0084D5; }
  .GetStarted .Button:focus-visible {
    box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #29272a;
    outline: 0; }

.GetStarted .heading {
  margin-bottom: 3rem; }

.GetStarted .message-fail {
  display: none;
  margin-top: -1.5rem;
  margin-bottom: 1.5rem; }
  .GetStarted .message-fail.is-active {
    padding-top: 0rem;
    display: block; }
  .GetStarted .message-fail span {
    font-family: "ArrowDisplayRegular", sans-serif;
    font-size: 0.875rem;
    color: #E31B23; }
    @media (max-width: 720px) {
      .GetStarted .message-fail span {
        font-family: "ArrowDisplayMedium", sans-serif; } }

.GetStarted .resend-email-message-fail {
  display: none;
  margin-top: 1.5rem;
  margin-bottom: -1.5rem; }
  .GetStarted .resend-email-message-fail.is-active {
    padding-top: 0rem;
    display: block; }
  .GetStarted .resend-email-message-fail span {
    font-family: "ArrowDisplayRegular", sans-serif;
    font-size: 0.875rem;
    color: #E31B23; }
    @media (max-width: 720px) {
      .GetStarted .resend-email-message-fail span {
        font-family: "ArrowDisplayMedium", sans-serif; } }

.GetStarted .user-already-exists {
  display: none; }
  .GetStarted .user-already-exists.is-active {
    padding-top: 0.313rem;
    display: block;
    color: #E31B23;
    margin-bottom: 2em; }

.GetStarted .error-message-icon {
  padding-left: 1.25rem;
  position: relative; }
  .GetStarted .error-message-icon:before {
    font-family: 'arrow-icons';
    font-size: 16px;
    content: "\E651";
    position: absolute;
    left: 0rem;
    bottom: 0rem; }
    @media (max-width: 47.938rem) {
      .GetStarted .error-message-icon:before {
        bottom: 1.125rem; } }

.GetStarted h1 {
  padding-top: 3rem;
  margin-top: 0;
  font-size: 2.3125rem;
  font-family: "ArrowDisplayMedium", sans-serif; }
  @media (max-width: 47.938rem) {
    .GetStarted h1 {
      font-size: 1.8125rem; } }

.GetStarted .verify-and-activate-account {
  display: none; }
  .GetStarted .verify-and-activate-account .verifyText {
    margin-top: 1rem; }
  .GetStarted .verify-and-activate-account .emailLinkText {
    margin-top: 3rem; }
  .GetStarted .verify-and-activate-account div {
    font-size: 1rem; }
    @media (max-width: 47.938rem) {
      .GetStarted .verify-and-activate-account div {
        font-size: 0.875rem; } }

.GetStartedForm > div {
  margin-bottom: 0rem; }

@media (min-width: 601px) {
  .GetStartedForm-submitButtonContainer, .GetStartedForm-signinLabelContainer {
    clear: both; } }

@media (min-width: 1024px) {
  .GetStartedForm-submitButtonContainer #GetStartedForm-submitButton, .GetStartedForm-signinLabelContainer #GetStartedForm-submitButton {
    width: auto; } }

@media (max-width: 720px) {
  .GetStartedForm-submitButtonContainer #GetStartedForm-submitButton, .GetStartedForm-signinLabelContainer #GetStartedForm-submitButton {
    margin-left: auto;
    width: max-content;
    order: 1;
    padding: 0.8125rem 1.625rem; } }

@media (min-width: 1024px) {
  .GetStartedForm-submitButtonContainer {
    display: flex;
    justify-content: flex-end; } }

@media (max-width: 720px) {
  .GetStartedForm-submitButtonContainer {
    display: grid;
    justify-content: flex-end; } }

@media (min-width: 1024px) {
  .GetStartedForm .GetStartedForm-signinLabelContainer {
    display: flex;
    justify-content: flex-end;
    padding-right: 3rem;
    align-items: center;
    display: flex; } }

@media (max-width: 720px) {
  .GetStartedForm .GetStartedForm-signinLabelContainer {
    padding-right: 0;
    padding-top: 1.5rem;
    order: 2; } }

.GetStartedForm strong {
  display: inline-block; }

.GetStartedForm span.required--red {
  color: #E31B23; }

.Share-link {
  display: block;
  width: 2.2em;
  line-height: 2.2em;
  background-color: #757575;
  border-radius: 50%;
  text-align: center;
  color: #eee;
  font-size: 1.4em;
  transition: all 300ms; }
  .Share-link:hover {
    color: #fff;
    transform: scale3D(1.05, 1.05, 1.05); }
  .Share-links {
    text-align: center;
    font-size: 0.8em;
    margin-top: 2.5em; }
    @media (min-width: 720px) {
      .Share-links {
        font-size: 1em; } }
    .Share-links li {
      display: inline-block;
      margin-right: 1em;
      margin-bottom: 1em; }
      .Share-links li:last-child {
        margin-right: 0; }

.MyArrow-newCustomerSignUp {
  float: right; }
  @media (max-width: 599px) {
    .MyArrow-newCustomerSignUp {
      float: none; } }

.MyArrow-featuresSection {
  padding-top: 2em; }
  .MyArrow-featuresSection a, .MyArrow-featuresSection a:hover {
    text-decoration: none; }

.MyArrow-pageSubheader {
  margin-bottom: 0.5em;
  margin-left: 1%; }

.MyArrow-featureDescription {
  margin-top: 0;
  font-weight: 400; }

.MyArrow-section {
  margin-top: 2em; }

.MyArrow-newCustomer {
  padding-right: 4%; }
  @media (max-width: 599px) {
    .MyArrow-newCustomer {
      padding-right: 0;
      padding-bottom: 4%; } }

.MyArrow-featuresSubheader {
  margin-top: 0.5em; }

.MyArrow-featureIcons {
  font-size: 30pt; }

.MyArrow-headerIcons {
  padding-right: 0.4em; }

.MyArrow-existingCustomer {
  border-left: 2px solid #d7d7d7;
  padding-left: 5%; }
  @media (max-width: 599px) {
    .MyArrow-existingCustomer {
      border-left: none;
      padding-left: 0;
      border-top: 2px solid #d7d7d7;
      padding-top: 5%; } }

.MyArrow-video {
  width: 95%; }
  .MyArrow-video img {
    width: 95%; }

.MyArrow-videoContent > ul {
  list-style-type: disc;
  margin-left: 2em; }
  .MyArrow-videoContent > ul > li {
    margin-bottom: 8px; }

.MyArrow-download {
  text-decoration: underline;
  font-size: 14px; }

/* This is added to the parent and controls showing and hiding of pricing buttons
  based on pricing avaialability
========================================================================== */
.ProductPricing .ProductPricing-hide {
  visibility: hidden; }

.ProductPricing .ProductPricing-loading {
  visibility: hidden; }
  .ProductPricing .ProductPricing-loading:after {
    content: "";
    width: 2.75rem;
    height: 0.75rem;
    background: url("https://static4.arrowelectronics.com.au/img/preloader_anim_greydots_white.gif") no-repeat center center;
    display: block;
    margin: 0 auto;
    visibility: visible; }

.PromotionBanner {
  margin-top: -0.75rem; }
  .PromotionBanner-title {
    color: #E31B23;
    font-size: 1.25rem;
    padding-bottom: 0.875rem;
    padding-top: 0.3125rem; }
  .PromotionBanner-options {
    display: none; }
    .PromotionBanner-options.is-visible {
      display: block; }
  .PromotionBanner-text {
    padding-bottom: 0.625rem;
    display: block; }
  .PromotionBanner-links {
    padding-bottom: 0.9375rem; }
    .PromotionBanner-links a {
      text-decoration: underline;
      color: #757575; }
    .PromotionBanner-links-optIn {
      display: none; }
      .PromotionBanner-links-optIn.is-visible {
        display: block; }
    .PromotionBanner-links-optOut {
      display: none; }
      .PromotionBanner-links-optOut.is-visible {
        display: block; }

.TabbedAjaxTemplatedContent {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

.TabbedAjaxTemplatedContent-tabMenuItems {
  display: none;
  border-bottom: 0.0625rem solid #d7d7d7;
  padding-bottom: 0.5625rem;
  font-size: 1.0625rem;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem; }
  @media (min-width: 720px) {
    .js .TabbedAjaxTemplatedContent-tabMenuItems {
      display: block; } }

.TabbedAjaxTemplatedContent-tabMenuItem {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.5rem;
  color: #CBC2C2;
  line-height: 1.25rem; }
  .TabbedAjaxTemplatedContent-tabMenuItem:first-child {
    margin-left: 0; }
  .TabbedAjaxTemplatedContent-tabMenuItem:last-child {
    margin-right: 0; }
  .TabbedAjaxTemplatedContent-tabMenuItem.is-active {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #000;
    cursor: default; }

.TabbedAjaxTemplatedContent-tabAccordionItem {
  display: none;
  border-top: 0.0625rem solid #d7d7d7;
  border-bottom: 0.0625rem solid #d7d7d7;
  padding: 0.5625rem 0;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  color: #CBC2C2; }
  .TabbedAjaxTemplatedContent-tabAccordionItem:before {
    content: "\E675";
    font-family: arrow-icons;
    line-height: 1;
    float: right;
    margin-right: 0.625rem; }
  .TabbedAjaxTemplatedContent-tabAccordionItem.is-active {
    margin-bottom: 0.5625rem; }
    .TabbedAjaxTemplatedContent-tabAccordionItem.is-active:before {
      content: "\E669"; }
  .js .TabbedAjaxTemplatedContent-tabAccordionItem {
    display: block; }
    @media (min-width: 720px) {
      .js .TabbedAjaxTemplatedContent-tabAccordionItem {
        display: none; } }
  .TabbedAjaxTemplatedContent-tab + .TabbedAjaxTemplatedContent-tabAccordionItem {
    margin-top: -0.0625rem; }
  .TabbedAjaxTemplatedContent-tab.is-active + .TabbedAjaxTemplatedContent-tabAccordionItem {
    margin-top: 0.5rem; }

.TabbedAjaxTemplatedContent-tab {
  display: none;
  overflow: hidden; }
  .TabbedAjaxTemplatedContent-tab.loading {
    opacity: 0.5; }
  .TabbedAjaxTemplatedContent-tab.is-active {
    display: block; }

.TagFilter.is-black .is-active {
  background-color: #000; }

.TagFilter.is-white .is-active {
  background-color: #fff; }

.TagFilter.is-verydarkgrey .is-active {
  background-color: #29272a; }

.TagFilter.is-grey .is-active {
  background-color: #757575; }

.TagFilter.is-red .is-active {
  background-color: #E31B23; }

.TagFilter.is-blue .is-active {
  background-color: #009DDC; }

.TagFilter.is-brightBlue .is-active {
  background-color: #0069AA; }

.TagFilter.is-activeButtonBlue .is-active {
  background-color: #004E7F; }

.TagFilter.is-green .is-active {
  background-color: #54B948; }

.TagFilter.is-orange .is-active {
  background-color: #F68A33; }

.TagFilter.is-purple .is-active {
  background-color: #92278f; }

.TagFilter.is-pink .is-active {
  background-color: #EB1478; }

.TagFilter.is-yellow .is-active {
  background-color: #fdbb31; }

.TagFilter.is-darkgrey .is-active {
  background-color: #505050; }

.TagFilter.is-iotgreen .is-active {
  background-color: #009A8C; }

.TagFilter.is-skyblue .is-active {
  background-color: #BFE0F4; }

.TagFilter .BoxedList-item {
  margin-bottom: 0.02604em; }
  .TagFilter .BoxedList-item-wrapper {
    cursor: pointer;
    border: none;
    font-weight: 600;
    background-color: #0069AA;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: background-color 200ms; }

.TagFilter .BoxedList .TagFilter-clear {
  background-color: #0069AA; }
  .TagFilter .BoxedList .TagFilter-clear:hover {
    background-color: #0084D5; }
  .TagFilter .BoxedList .TagFilter-clear:focus {
    box-shadow: #7FC1EA;
    color: #fff; }
  .TagFilter .BoxedList .TagFilter-clear-text, .TagFilter .BoxedList .TagFilter-clear-icon {
    vertical-align: middle; }
  .TagFilter .BoxedList .TagFilter-clear-icon {
    margin-left: 0.41667em; }

.TagFilter-filters .BoxedList-item {
  font-size: 1.16667em; }
  .TagFilter-filters .BoxedList-item-wrapper {
    height: 3.35714em;
    padding: 1.07143em 1.64286em; }

.TagFilter-tags {
  margin-top: 0.83333em;
  overflow: hidden;
  transition: 300ms height; }
  .TagFilter-tags .BoxedList-item-wrapper {
    height: 0.23438em;
    letter-spacing: 0.05em; }
  .TagFilter.has-loadMore .TagFilter-tags {
    height: 1.5625em; }
  @media (min-width: 720px) {
    .TagFilter-tags {
      margin-top: 1.25em; }
      .TagFilter.has-loadMore .TagFilter-tags {
        height: auto; } }
  .TagFilter-tags-loadMore {
    margin-top: 0.41667em;
    width: 60%;
    display: none; }
    @media (max-width: 720px) {
      .TagFilter.has-loadMore .TagFilter-tags-loadMore {
        display: block; } }

@media (min-width: 720px) {
  .TagFilter .BoxedList {
    margin-left: 0;
    margin-right: 0; }
    .TagFilter .BoxedList-item {
      display: inline-block;
      width: auto;
      float: none;
      padding: 0.25em;
      margin-bottom: 0.02604em; }
      .TagFilter .BoxedList-item-wrapper {
        height: 2.58333em;
        background-color: #0069AA; }
        .TagFilter .BoxedList-item-wrapper:hover {
          background-color: #0084D5; }
        .TagFilter .BoxedList-item-wrapper:focus {
          box-shadow: 0 0 0 0.1875rem #7FC1EA;
          outline: none; } }

.TagFilter .SiFilter {
  overflow: unset; }
  .TagFilter .SiFilter .is-active {
    background-color: #0f0e10;
    border: none;
    outline: none; }
    .SecondaryNavigation-wrapper.is-white .TagFilter .SiFilter .is-active {
      background-color: #e6e6e6; }
    .SecondaryNavigation-wrapper.is-verydarkgrey .TagFilter .SiFilter .is-active {
      background-color: #0f0e10; }
    .SecondaryNavigation-wrapper.is-grey .TagFilter .SiFilter .is-active {
      background-color: #bebebe; }
    .SecondaryNavigation-wrapper.is-red .TagFilter .SiFilter .is-active {
      background-color: #b5161c; }
    .SecondaryNavigation-wrapper.is-blue .TagFilter .SiFilter .is-active {
      background-color: #0079a9; }
    .SecondaryNavigation-wrapper.is-brightBlue .TagFilter .SiFilter .is-active {
      background-color: #0084D5; }
    .SecondaryNavigation-wrapper.is-green .TagFilter .SiFilter .is-active {
      background-color: #439539; }
    .SecondaryNavigation-wrapper.is-orange .TagFilter .SiFilter .is-active {
      background-color: #ec6f0a; }
    .SecondaryNavigation-wrapper.is-purple .TagFilter .SiFilter .is-active {
      background-color: #6a1c68; }
    .SecondaryNavigation-wrapper.is-pink .TagFilter .SiFilter .is-active {
      background-color: #bc1060; }
    .SecondaryNavigation-wrapper.is-yellow .TagFilter .SiFilter .is-active {
      background-color: #f9a902; }

.si-margin {
  margin-bottom: 24px; }
  .si-margin .si-tabBorder {
    border-right: 0.125rem solid #000; }

.SiTabTemplate .TagFilter.is-black .is-active {
  background-color: #000; }

.SiTabTemplate .TagFilter.is-white .is-active {
  background-color: #fff; }

.SiTabTemplate .TagFilter.is-verydarkgrey .is-active {
  background-color: #29272a; }

.SiTabTemplate .TagFilter.is-grey .is-active {
  background-color: #757575; }

.SiTabTemplate .TagFilter.is-red .is-active {
  background-color: #E31B23; }

.SiTabTemplate .TagFilter.is-blue .is-active {
  background-color: #009DDC; }

.SiTabTemplate .TagFilter.is-brightBlue .is-active {
  background-color: #0069AA; }

.SiTabTemplate .TagFilter.is-activeButtonBlue .is-active {
  background-color: #004E7F; }

.SiTabTemplate .TagFilter.is-green .is-active {
  background-color: #54B948; }

.SiTabTemplate .TagFilter.is-orange .is-active {
  background-color: #F68A33; }

.SiTabTemplate .TagFilter.is-purple .is-active {
  background-color: #92278f; }

.SiTabTemplate .TagFilter.is-pink .is-active {
  background-color: #EB1478; }

.SiTabTemplate .TagFilter.is-yellow .is-active {
  background-color: #fdbb31; }

.SiTabTemplate .TagFilter.is-darkgrey .is-active {
  background-color: #505050; }

.SiTabTemplate .TagFilter.is-iotgreen .is-active {
  background-color: #009A8C; }

.SiTabTemplate .TagFilter.is-skyblue .is-active {
  background-color: #BFE0F4; }

.SiTabTemplate .TagFilter .BoxedList-item {
  margin-bottom: 0.02604em; }
  .SiTabTemplate .TagFilter .BoxedList-item-wrapper {
    cursor: pointer;
    border: none;
    font-weight: 600;
    background-color: #0069AA;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: background-color 200ms; }

.SiTabTemplate .TagFilter .BoxedList .TagFilter-clear {
  background-color: #0069AA; }
  .SiTabTemplate .TagFilter .BoxedList .TagFilter-clear:hover {
    background-color: #0084D5; }
  .SiTabTemplate .TagFilter .BoxedList .TagFilter-clear:focus {
    box-shadow: #7FC1EA;
    color: #fff; }
  .SiTabTemplate .TagFilter .BoxedList .TagFilter-clear-text, .SiTabTemplate .TagFilter .BoxedList .TagFilter-clear-icon {
    vertical-align: middle; }
  .SiTabTemplate .TagFilter .BoxedList .TagFilter-clear-icon {
    margin-left: 0.41667em; }

.SiTabTemplate .TagFilter-filters .BoxedList-item {
  font-size: 1.16667em; }
  .SiTabTemplate .TagFilter-filters .BoxedList-item-wrapper {
    height: 3.35714em;
    padding: 1.07143em 1.64286em; }

.SiTabTemplate .TagFilter-tags {
  margin-top: 0.83333em;
  overflow: hidden;
  transition: 300ms height; }
  .SiTabTemplate .TagFilter-tags .BoxedList-item-wrapper {
    height: 0.23438em;
    letter-spacing: 0.05em; }
  .TagFilter.has-loadMore .SiTabTemplate .TagFilter-tags {
    height: 1.5625em; }
  @media (min-width: 720px) {
    .SiTabTemplate .TagFilter-tags {
      margin-top: 1.25em; }
      .TagFilter.has-loadMore .SiTabTemplate .TagFilter-tags {
        height: auto; } }
  .SiTabTemplate .TagFilter-tags-loadMore {
    margin-top: 0.41667em;
    width: 60%;
    display: none; }
    @media (max-width: 720px) {
      .TagFilter.has-loadMore .SiTabTemplate .TagFilter-tags-loadMore {
        display: block; } }
  @media (max-width: 890px) {
    .SiTabTemplate .TagFilter-tags li:first-child {
      margin-left: 0.21875rem; }
    .SiTabTemplate .TagFilter-tags li:last-child {
      margin-right: 0.0625rem; } }

@media (min-width: 720px) {
  .SiTabTemplate .TagFilter .BoxedList {
    margin-left: 0;
    margin-right: 0; }
    .SiTabTemplate .TagFilter .BoxedList-item {
      display: inline-block;
      width: auto;
      float: none;
      padding: 0.25em;
      margin-bottom: 0.02604em; }
      .SiTabTemplate .TagFilter .BoxedList-item-wrapper {
        height: 2.58333em;
        background-color: #0069AA; }
        .SiTabTemplate .TagFilter .BoxedList-item-wrapper:hover {
          background-color: #0084D5; }
        .SiTabTemplate .TagFilter .BoxedList-item-wrapper:focus {
          box-shadow: 0 0 0 0.1875rem #7FC1EA;
          outline: none; } }

.SiTabTemplate .TagFilter .SiFilter .is-active {
  background-color: #0f0e10;
  border: none;
  outline: none; }
  .SecondaryNavigation-wrapper.is-white .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #e6e6e6; }
  .SecondaryNavigation-wrapper.is-verydarkgrey .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #0f0e10; }
  .SecondaryNavigation-wrapper.is-grey .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #bebebe; }
  .SecondaryNavigation-wrapper.is-red .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #b5161c; }
  .SecondaryNavigation-wrapper.is-blue .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #0079a9; }
  .SecondaryNavigation-wrapper.is-brightBlue .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #0084D5; }
  .SecondaryNavigation-wrapper.is-green .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #439539; }
  .SecondaryNavigation-wrapper.is-orange .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #ec6f0a; }
  .SecondaryNavigation-wrapper.is-purple .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #6a1c68; }
  .SecondaryNavigation-wrapper.is-pink .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #bc1060; }
  .SecondaryNavigation-wrapper.is-yellow .SiTabTemplate .TagFilter .SiFilter .is-active {
    background-color: #f9a902; }

.SiTabTemplate .si-margin {
  margin-bottom: 24px; }
  .SiTabTemplate .si-margin .si-tabBorder {
    border-right: 0.125rem solid #141314; }

.SecondaryNavigation {
  position: relative;
  width: 100%;
  z-index: 90; }
  @media (min-width: 1024px) {
    .SecondaryNavigation {
      max-width: 77.5rem;
      margin: auto;
      padding-left: 1.25em;
      padding-right: 1.25em; } }
  .SecondaryNavigation-mobileToggle {
    display: block;
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    max-width: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 1.5625rem;
    cursor: pointer; }
    .SecondaryNavigation-mobileToggle .Icon:before {
      display: inline-block;
      transition: all 500ms;
      transform: rotateX(0); }
    .SecondaryNavigation-mobileToggle .Icon.is--inverted:before {
      transform: rotateX(180deg); }
    @media (min-width: 720px) {
      .SecondaryNavigation-mobileToggle {
        display: none; } }
  .SecondaryNavigation-wrapper {
    position: relative;
    background: #757575; }
    .SecondaryNavigation-wrapper.is-black {
      background: #000; }
    .SecondaryNavigation-wrapper.is-white {
      background: #fff; }
    .SecondaryNavigation-wrapper.is-verydarkgrey {
      background: #29272a; }
    .SecondaryNavigation-wrapper.is-grey {
      background: #757575; }
    .SecondaryNavigation-wrapper.is-red {
      background: #E31B23; }
    .SecondaryNavigation-wrapper.is-blue {
      background: #009DDC; }
    .SecondaryNavigation-wrapper.is-brightBlue {
      background: #0069AA; }
    .SecondaryNavigation-wrapper.is-activeButtonBlue {
      background: #004E7F; }
    .SecondaryNavigation-wrapper.is-green {
      background: #54B948; }
    .SecondaryNavigation-wrapper.is-orange {
      background: #F68A33; }
    .SecondaryNavigation-wrapper.is-purple {
      background: #92278f; }
    .SecondaryNavigation-wrapper.is-pink {
      background: #EB1478; }
    .SecondaryNavigation-wrapper.is-yellow {
      background: #fdbb31; }
    .SecondaryNavigation-wrapper.is-darkgrey {
      background: #505050; }
    .SecondaryNavigation-wrapper.is-iotgreen {
      background: #009A8C; }
    .SecondaryNavigation-wrapper.is-skyblue {
      background: #BFE0F4; }
  .SecondaryNavigation-tab:hover, .SecondaryNavigation-tab.is-active {
    background-color: #5c5c5c;
    border: none;
    outline: none; }
    .SecondaryNavigation-wrapper.is-white .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-white .SecondaryNavigation-tab.is-active {
      background-color: #e6e6e6; }
    .SecondaryNavigation-wrapper.is-verydarkgrey .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-verydarkgrey .SecondaryNavigation-tab.is-active {
      background-color: #0f0e10; }
    .SecondaryNavigation-wrapper.is-grey .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-grey .SecondaryNavigation-tab.is-active {
      background-color: #bebebe; }
    .SecondaryNavigation-wrapper.is-red .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-red .SecondaryNavigation-tab.is-active {
      background-color: #b5161c; }
    .SecondaryNavigation-wrapper.is-blue .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-blue .SecondaryNavigation-tab.is-active {
      background-color: #0079a9; }
    .SecondaryNavigation-wrapper.is-brightBlue .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-brightBlue .SecondaryNavigation-tab.is-active {
      background-color: #0084D5; }
    .SecondaryNavigation-wrapper.is-green .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-green .SecondaryNavigation-tab.is-active {
      background-color: #439539; }
    .SecondaryNavigation-wrapper.is-orange .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-orange .SecondaryNavigation-tab.is-active {
      background-color: #ec6f0a; }
    .SecondaryNavigation-wrapper.is-purple .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-purple .SecondaryNavigation-tab.is-active {
      background-color: #6a1c68; }
    .SecondaryNavigation-wrapper.is-pink .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-pink .SecondaryNavigation-tab.is-active {
      background-color: #bc1060; }
    .SecondaryNavigation-wrapper.is-yellow .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-yellow .SecondaryNavigation-tab.is-active {
      background-color: #f9a902; }
  .SecondaryNavigation .Custom-focus:focus-visible {
    box-shadow: 0 0 0 3px #7FC1EA;
    outline: 0; }
  .SecondaryNavigation-discover {
    color: #fff;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    overflow: hidden;
    padding: 1.5625rem 0;
    text-align: center;
    width: 100%;
    transition: background-color 500ms, color 0.3s ease-in; }
    @media (min-width: 720px) and (max-width: 1023px) {
      .SecondaryNavigation-discover {
        border-bottom: 0.125rem solid #000;
        font-size: 1.25rem; } }
    @media (min-width: 1024px) {
      .SecondaryNavigation-discover {
        font-size: 1.25rem;
        line-height: 14px;
        text-align: center; } }
    .SecondaryNavigation-discover-link-wrapper {
      display: none; }
      @media (min-width: 720px) {
        .SecondaryNavigation-discover-link-wrapper {
          display: block; } }
      @media (min-width: 1024px) {
        .SecondaryNavigation-discover-link-wrapper {
          display: inline-block;
          float: left;
          width: 19%; } }
    .SecondaryNavigation-discover-link-siwrapper {
      display: block; }
      @media (min-width: 720px) {
        .SecondaryNavigation-discover-link-siwrapper {
          display: block; } }
      @media (min-width: 1024px) {
        .SecondaryNavigation-discover-link-siwrapper {
          display: inline-block;
          float: left;
          width: 19%; } }
    .SecondaryNavigation-discover-link-text {
      display: inline-block;
      vertical-align: middle;
      line-height: 1; }
  .SecondaryNavigation-list {
    position: absolute;
    opacity: 0;
    transition: all 0.3s ease-in;
    padding: 0;
    visibility: hidden;
    width: 100%; }
    @media (min-width: 720px) {
      .SecondaryNavigation-list {
        opacity: 1;
        position: relative;
        display: table;
        table-layout: fixed;
        visibility: visible; } }
    @media (min-width: 1024px) {
      .SecondaryNavigation-list {
        width: 79.16667%;
        float: left;
        margin-right: 4.16667%;
        float: right;
        margin-right: 0;
        float: left; }
        .SecondaryNavigation-list [data-category-tab="1"] {
          border-left: 0.125rem solid #000; } }
    .SecondaryNavigation-list--open {
      opacity: 1;
      background: #757575;
      visibility: visible; }
      .SecondaryNavigation-wrapper.is-black .SecondaryNavigation-list--open {
        background: #000; }
      .SecondaryNavigation-wrapper.is-white .SecondaryNavigation-list--open {
        background: #fff; }
      .SecondaryNavigation-wrapper.is-verydarkgrey .SecondaryNavigation-list--open {
        background: #29272a; }
      .SecondaryNavigation-wrapper.is-grey .SecondaryNavigation-list--open {
        background: #757575; }
      .SecondaryNavigation-wrapper.is-red .SecondaryNavigation-list--open {
        background: #E31B23; }
      .SecondaryNavigation-wrapper.is-blue .SecondaryNavigation-list--open {
        background: #009DDC; }
      .SecondaryNavigation-wrapper.is-brightBlue .SecondaryNavigation-list--open {
        background: #0069AA; }
      .SecondaryNavigation-wrapper.is-activeButtonBlue .SecondaryNavigation-list--open {
        background: #004E7F; }
      .SecondaryNavigation-wrapper.is-green .SecondaryNavigation-list--open {
        background: #54B948; }
      .SecondaryNavigation-wrapper.is-orange .SecondaryNavigation-list--open {
        background: #F68A33; }
      .SecondaryNavigation-wrapper.is-purple .SecondaryNavigation-list--open {
        background: #92278f; }
      .SecondaryNavigation-wrapper.is-pink .SecondaryNavigation-list--open {
        background: #EB1478; }
      .SecondaryNavigation-wrapper.is-yellow .SecondaryNavigation-list--open {
        background: #fdbb31; }
      .SecondaryNavigation-wrapper.is-darkgrey .SecondaryNavigation-list--open {
        background: #505050; }
      .SecondaryNavigation-wrapper.is-iotgreen .SecondaryNavigation-list--open {
        background: #009A8C; }
      .SecondaryNavigation-wrapper.is-skyblue .SecondaryNavigation-list--open {
        background: #BFE0F4; }
    .SecondaryNavigation-list-item {
      border-top: 0.0625rem solid #fff;
      text-align: center;
      transition: background-color 500ms; }
      .SecondaryNavigation-list-item:first-child {
        border-left: 0.125rem solid #000; }
      @media (min-width: 720px) {
        .SecondaryNavigation-list-item {
          border-top: none;
          display: table-cell;
          vertical-align: middle;
          border-right: 0.125rem solid #000; }
          .SecondaryNavigation-list-item--overview {
            display: none; } }
      .SecondaryNavigation-list-item-link {
        color: #fff;
        display: block;
        font-size: 0.875rem;
        font-weight: 600;
        padding: 1.5625rem;
        text-transform: uppercase; }
        @media (min-width: 720px) {
          .SecondaryNavigation-list-item-link {
            display: block; } }
  .SecondaryNavigation.is-limited .SecondaryNavigation-discover-link-wrapper {
    display: none; }
  .SecondaryNavigation.is-limited .SecondaryNavigation-list {
    width: 100%; }
  .SecondaryNavigation.is-limited .SecondaryNavigation-list-item--overview {
    display: block; }

.SiTabTemplate .SecondaryNavigation::-webkit-scrollbar {
  display: none; }

.SiTabTemplate .SecondaryNavigation {
  position: relative;
  width: 100%;
  z-index: 90;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  @media (min-width: 1024px) {
    .SiTabTemplate .SecondaryNavigation {
      max-width: 77.5rem;
      margin: auto;
      padding-left: 1.25em;
      padding-right: 1.25em;
      overflow-x: auto;
      overflow-y: hidden; } }
  @media (max-width: 890px) {
    .SiTabTemplate .SecondaryNavigation {
      overflow-x: auto;
      overflow-y: hidden;
      max-width: 41rem;
      margin: auto; } }
  @media (max-width: 540px) {
    .SiTabTemplate .SecondaryNavigation {
      overflow-x: auto;
      overflow-y: hidden;
      max-width: 16rem;
      margin: auto; } }
  .SiTabTemplate .SecondaryNavigation-wrapper {
    position: relative;
    background: #757575; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-black {
      background: #000; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-white {
      background: #fff; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-verydarkgrey {
      background: #29272a; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-grey {
      background: #757575; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-red {
      background: #E31B23; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-blue {
      background: #009DDC; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-brightBlue {
      background: #0069AA; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-activeButtonBlue {
      background: #004E7F; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-green {
      background: #54B948; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-orange {
      background: #F68A33; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-purple {
      background: #92278f; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-pink {
      background: #EB1478; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-yellow {
      background: #fdbb31; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-darkgrey {
      background: #505050; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-iotgreen {
      background: #009A8C; }
    .SiTabTemplate .SecondaryNavigation-wrapper.is-skyblue {
      background: #BFE0F4; }
  .SiTabTemplate .SecondaryNavigation-tab:hover, .SiTabTemplate .SecondaryNavigation-tab.is-active {
    background-color: #141314;
    border: none;
    outline: none; }
    .SecondaryNavigation-wrapper.is-white .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-white .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #e6e6e6; }
    .SecondaryNavigation-wrapper.is-verydarkgrey .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-verydarkgrey .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #0f0e10; }
    .SecondaryNavigation-wrapper.is-grey .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-grey .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #bebebe; }
    .SecondaryNavigation-wrapper.is-red .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-red .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #b5161c; }
    .SecondaryNavigation-wrapper.is-blue .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-blue .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #0079a9; }
    .SecondaryNavigation-wrapper.is-brightBlue .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-brightBlue .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #0084D5; }
    .SecondaryNavigation-wrapper.is-green .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-green .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #439539; }
    .SecondaryNavigation-wrapper.is-orange .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-orange .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #ec6f0a; }
    .SecondaryNavigation-wrapper.is-purple .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-purple .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #6a1c68; }
    .SecondaryNavigation-wrapper.is-pink .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-pink .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #bc1060; }
    .SecondaryNavigation-wrapper.is-yellow .SiTabTemplate .SecondaryNavigation-tab:hover, .SecondaryNavigation-wrapper.is-yellow .SiTabTemplate .SecondaryNavigation-tab.is-active {
      background-color: #f9a902; }
  .SiTabTemplate .SecondaryNavigation .Custom-focus {
    margin: 0.125rem 0; }
    .SiTabTemplate .SecondaryNavigation .Custom-focus:focus-visible {
      box-shadow: 0 0 0 3px #7FC1EA;
      outline: 0; }
  .SiTabTemplate .SecondaryNavigation-discover {
    color: #fff;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    overflow: hidden;
    padding: 1.5625rem 0;
    text-align: center;
    width: 100%;
    transition: background-color 500ms, color 0.3s ease-in; }
    @media (max-width: 890px) {
      .SiTabTemplate .SecondaryNavigation-discover {
        padding: 1rem; } }
    .SiTabTemplate .SecondaryNavigation-discover-link-siwrapper {
      display: block; }
      @media (min-width: 720px) {
        .SiTabTemplate .SecondaryNavigation-discover-link-siwrapper {
          display: block; } }
      @media (min-width: 1024px) {
        .SiTabTemplate .SecondaryNavigation-discover-link-siwrapper {
          display: inline-block;
          float: left;
          min-width: 20%; } }
      @media (max-width: 890px) {
        .SiTabTemplate .SecondaryNavigation-discover-link-siwrapper {
          min-width: 33.4%; } }
      @media (max-width: 540px) {
        .SiTabTemplate .SecondaryNavigation-discover-link-siwrapper {
          min-width: 100%; } }
    .SiTabTemplate .SecondaryNavigation-discover-link-text {
      display: inline-block;
      vertical-align: middle;
      line-height: 1; }

.SiTabTemplate .menu {
  white-space: nowrap; }

.SiTabTemplate .paddle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
  z-index: 140;
  font-size: 1.125rem;
  padding: 0.75rem;
  background-color: #29272a;
  color: #fff;
  border: unset; }

.SiTabTemplate .paddles button:focus-visible {
  box-shadow: 0 0 0 3px #7FC1EA;
  outline: 0;
  z-index: 100; }

.SiTabTemplate .left-paddle {
  left: 0.188rem; }

.SiTabTemplate .right-paddle {
  right: 0.188rem; }

.SiTabTemplate .hidden {
  display: none; }

.PartSpecifications-heading {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.75rem 0 0.9375rem; }

.PartSpecifications-list {
  overflow: hidden;
  width: 100%; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle div:first-child:after {
    font-family: "arrow-icons";
    border-radius: 50%;
    border: 0.0625rem solid #757575;
    font-size: 0.4375rem;
    text-align: center;
    line-height: 1;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: 0.625rem;
    position: relative; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle div:first-child:after {
    content: "\E668";
    background: #757575;
    color: #fff;
    top: -0.125rem; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle.is-variation-1.is-open div:first-child:after {
    transform: rotate(90deg); }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle.is-variation-1 div:first-child:after {
    content: "\E67B";
    background: transparent;
    color: #757575;
    top: -0.0625rem;
    padding: 0.0625rem 0 0 0.0625rem;
    font-weight: 600;
    transition: 0.1s transform; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle td:first-child:after {
    font-family: "arrow-icons";
    border-radius: 50%;
    border: 0.0625rem solid #757575;
    font-size: 0.4375rem;
    text-align: center;
    line-height: 1;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: 0.625rem;
    position: relative; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle td:first-child:after {
    content: "\E668";
    background: #757575;
    color: #fff;
    top: -0.125rem; }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle.is-variation-1.is-open td:first-child:after {
    transform: rotate(90deg); }
  .PartSpecifications-list.is-active .SimpleAccordion-toggle.is-variation-1 td:first-child:after {
    content: "\E67B";
    background: transparent;
    color: #757575;
    top: -0.0625rem;
    padding: 0.0625rem 0 0 0.0625rem;
    font-weight: 600;
    transition: 0.1s transform; }
  .PartSpecifications-list-heading {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600; }
  .PartSpecifications-list li {
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.2;
    padding: 0.4375rem 0.625rem; }
    .PartSpecifications-list li:nth-child(odd) {
      background: #dedede;
      padding: 0.3125rem 0.625rem; }
    .PartSpecifications-list li strong {
      font-weight: 600;
      word-wrap: break-word; }
    .PartSpecifications-list li .Icon--rohs {
      color: #54B948;
      margin-left: 0.3125rem;
      vertical-align: middle; }
  .PartSpecifications-list tr {
    height: 1.5rem;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.2;
    padding: 0.4375rem 0.625rem; }
    .PartSpecifications-list tr:nth-child(odd) {
      background: #dedede;
      padding: 0.3125rem 0.625rem; }
    .PartSpecifications-list tr strong {
      font-weight: 600;
      word-wrap: break-word; }
    .PartSpecifications-list tr .Icon--rohs {
      color: #54B948;
      margin-left: 0.3125rem;
      vertical-align: middle; }
    .PartSpecifications-list tr td {
      padding-top: 0.375rem; }
  .PartSpecifications-list-definition {
    border-top: 0.0625rem solid #cfcfcf;
    margin-top: 0.25rem;
    padding-top: 0.3125rem; }
  .PartSpecifications-list--containsSubLists > li:nth-child(odd) {
    background: none; }

.PartSpecifications--description {
  border-bottom: 0.0625rem solid #d4d4d4; }
  .PartSpecifications--description li:nth-child(odd) {
    background: none; }
  .PartSpecifications--description tr:nth-child(odd) {
    background: none; }

@media (min-width: 1024px) {
  .PartSpecifications {
    margin-bottom: 2.5rem; }
    .PartSpecifications .ResponsiveCarousel .content {
      padding: 0; } }

.PartSpecifications .rt h2 {
  font-size: 2em;
  margin: 0; }

@media (min-width: 641px) {
  .BomModal {
    min-width: 31.25rem;
    max-width: 35.625rem; } }

.BomModal-intro a {
  text-decoration: underline; }

.BomModal-checkbox {
  position: absolute;
  left: 0.4375rem;
  top: 50%;
  transform: translateY(-50%); }
  .BomModal-checkbox:checked + .BomModal-checkboxLabel:after {
    opacity: 1; }

.BomModal-checkboxLabel {
  cursor: pointer;
  padding-left: 1.4375rem;
  display: block;
  user-select: none; }
  .BomModal-checkboxLabel:before {
    content: "";
    position: absolute;
    width: 0.9375rem;
    height: 0.9375rem;
    left: 0.375rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0.0625rem solid #d7d7d7;
    background: #fff; }
  .BomModal-checkboxLabel:after {
    text-align: center;
    font-size: 0.5625rem;
    font-family: arrow-icons;
    opacity: 0;
    content: "\E69C";
    position: absolute;
    width: 0.9375rem;
    height: 0.9375rem;
    background: #0069AA;
    color: #fff;
    left: 0.375rem;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0.1875rem; }

.BomModal-pos-relative {
  position: relative; }

.BomModal-list {
  border: 0.0625rem solid #cfcfcf; }
  .BomModal-list-header {
    color: #666;
    background: #eee;
    border-bottom: 0.0625rem solid #cfcfcf;
    font-size: 12px;
    font-weight: 600;
    padding: 0.5rem 0.625rem;
    margin: 0;
    line-height: 1; }
    .BomModal-list-header-text.hasError {
      color: #E31B23; }
    .BomModal-list-header-tooltip {
      cursor: help;
      font-size: 11px;
      font-weight: 400;
      float: right; }
      .BomModal-list-header-tooltip:after {
        content: "i";
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        width: 0.75rem;
        height: 0.75rem;
        text-align: center;
        margin-left: 0.3125rem;
        padding-right: 0.0625rem;
        padding-top: 0.0625rem; }
  .BomModal-list-applyAll {
    position: absolute;
    top: 0rem;
    right: 0rem;
    color: #666;
    font-size: 0.75rem;
    padding: 0.5rem 0.625rem;
    line-height: 1; }
  .BomModal-list-items {
    padding: 0.25rem;
    max-height: 5.3125rem;
    overflow: auto;
    background: linear-gradient(#fff 0.625rem, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 0) 0 100%, linear-gradient(#eee, #fff), linear-gradient(#fff, #eee) 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100% 0.625rem;
    background-attachment: local, local, scroll, scroll; }
    .BomModal-list-items--large {
      height: 5.3125rem; }
    .BomModal-list-items.is-empty {
      text-align: center; }
  .BomModal-list-item {
    padding: 0.25rem 0.375rem;
    position: relative; }
    .BomModal-list-item-status {
      width: 7.5rem;
      position: absolute;
      top: 50%;
      right: 0.4375rem;
      transform: translateY(-50%);
      text-align: right;
      margin-top: -0.0625rem; }
      .BomModal-list-item-status .Loader, .BomModal-list-item-status-success, .BomModal-list-item-status-failed {
        padding: 0;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        vertical-align: top; }
      .BomModal-list-item-status-success {
        color: #008445; }
      .BomModal-list-item-status-failed {
        color: #E31B23; }
    .BomModal-list-item .BomModal-checkboxLabel {
      padding-right: 7.5rem; }

.BomModal-buttons {
  display: flex; }
  .BomModal-buttons .Button {
    transition: background-color 300ms;
    margin: 0 0.3125rem;
    padding: 0.6875rem;
    flex: 1 1 0; }
    .BomModal-buttons .Button:first-child {
      margin-left: 0; }
    .BomModal-buttons .Button:last-child {
      margin-right: 0; }
    .BomModal-buttons .Button[disabled] {
      background: #d7d7d7; }
  .BomModal-buttons-add:focus {
    background-color: #0069AA; }
  .loading .BomModal-buttons-add {
    background: #0069AA;
    font-size: 0;
    pointer-events: none; }
    .loading .BomModal-buttons-add:before {
      content: ''; }
    .loading .BomModal-buttons-add > span {
      font-size: 0; }
    .loading .BomModal-buttons-add:after,
    .loading .BomModal-buttons-add > span:before,
    .loading .BomModal-buttons-add > span:after {
      width: 0.75rem;
      height: 0.75rem;
      background: #fff;
      border-radius: 100%;
      display: inline-block;
      content: "";
      vertical-align: baseline;
      animation: threeBounceDelay 1.4s infinite ease-in-out;
      animation-fill-mode: both; }
    .loading .BomModal-buttons-add > span:before {
      animation-delay: -0.32s;
      margin-right: 0.5rem; }
    .loading .BomModal-buttons-add > span:after {
      animation-delay: -0.16s;
      margin-right: 0.5rem; }
  .BomModal-buttons-cancel {
    background-color: #0069AA00;
    border: 0.125rem solid #0069AA;
    background: #0069AA00;
    color: #0069AA; }
    .BomModal-buttons-cancel:focus {
      box-shadow: 0 0 0 0.1875rem #7FC1EA;
      outline: none;
      background-color: #0069AA00; }
    .BomModal-buttons-cancel:hover {
      background-color: #0069AA1A; }
    .BomModal-buttons-cancel:active {
      background-color: #0069AA33; }
  .loading .BomModal-buttons-retry {
    background: #E31B23;
    font-size: 0;
    pointer-events: none; }
    .loading .BomModal-buttons-retry:before {
      content: ''; }
    .loading .BomModal-buttons-retry > span {
      font-size: 0; }
    .loading .BomModal-buttons-retry:after,
    .loading .BomModal-buttons-retry > span:before,
    .loading .BomModal-buttons-retry > span:after {
      width: 0.75rem;
      height: 0.75rem;
      background: #fff;
      border-radius: 100%;
      display: inline-block;
      content: "";
      vertical-align: baseline;
      animation: threeBounceDelay 1.4s infinite ease-in-out;
      animation-fill-mode: both; }
    .loading .BomModal-buttons-retry > span:before {
      animation-delay: -0.32s;
      margin-right: 0.5rem; }
    .loading .BomModal-buttons-retry > span:after {
      animation-delay: -0.16s;
      margin-right: 0.5rem; }
  .BomModal-buttons-goToBom:focus {
    background-color: #0069AA; }

.BomModal-create {
  display: flex;
  position: relative; }
  .BomModal-create-button {
    transition: background-color 300ms;
    margin-left: 1.25rem; }
    .BomModal-create-button:focus {
      background-color: #0069AA; }
    .BomModal-create-button[disabled] {
      background: #d7d7d7; }
    .loading .BomModal-create-button {
      background: #0069AA;
      font-size: 0;
      pointer-events: none; }
      .loading .BomModal-create-button:before {
        content: ''; }
      .loading .BomModal-create-button > span {
        font-size: 0; }
      .loading .BomModal-create-button:after,
      .loading .BomModal-create-button > span:before,
      .loading .BomModal-create-button > span:after {
        width: 0.75rem;
        height: 0.75rem;
        background: #fff;
        border-radius: 100%;
        display: inline-block;
        content: "";
        vertical-align: baseline;
        animation: threeBounceDelay 1.4s infinite ease-in-out;
        animation-fill-mode: both; }
      .loading .BomModal-create-button > span:before {
        animation-delay: -0.32s;
        margin-right: 0.5rem; }
      .loading .BomModal-create-button > span:after {
        animation-delay: -0.16s;
        margin-right: 0.5rem; }
  .BomModal-create .BomModal-input {
    flex: 1 1 0;
    min-width: 5.625rem; }
  .BomModal-create-error {
    position: absolute;
    color: #E31B23;
    pointer-events: none;
    top: 3.0625rem;
    font-size: 0.75rem; }

.BomModal-input {
  border: 0.0625rem solid #cfcfcf;
  padding: 0.75rem 0.75rem 0.6875rem;
  line-height: 1;
  color: #757575; }
  .BomModal-input:focus {
    color: #000; }
  .BomModal-input[readonly] {
    color: #cfcfcf; }

.BomModal-quantity .BomModal-input {
  width: 6.25rem;
  text-align: center; }

.errorIcon {
  padding-left: 1.25rem;
  position: absolute; }
  .errorIcon:before {
    font-family: 'arrow-icons';
    font-size: 16px;
    content: "\E651";
    position: absolute;
    left: 0rem;
    bottom: 0rem; }

#BomNotificationBar {
  background: #0069AA; }

.BomNotificationBar {
  text-align: left;
  padding: 1em 0; }
  .BomNotificationBar .Icon--cross {
    float: right;
    cursor: pointer; }
  .BomNotificationBar-titleSection {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0.3125rem; }
  .BomNotificationBar-messageSection {
    text-align: left; }
  .BomNotificationBar-dismiss {
    position: absolute;
    top: 40%;
    right: 0.75rem;
    cursor: pointer; }

.BomUnauthenticated-modal {
  font-size: 0.875rem;
  width: 21.875rem; }
  .BomUnauthenticated-modal-message a {
    text-decoration: underline;
    font-weight: medium;
    color: #0069AA; }
    .BomUnauthenticated-modal-message a:hover {
      color: #0084D5; }

@media (min-width: 720px) {
  .AddToCartModal {
    max-width: 50%; } }

.AddToCartModal-image {
  float: left;
  width: 3em;
  height: 3em;
  display: inherit; }
  @media (max-width: 1024px) {
    .AddToCartModal-image {
      display: none; } }

.AddToCartModal-imageContainer {
  display: inherit;
  margin-right: 1rem; }
  @media (max-width: 1024px) {
    .AddToCartModal-imageContainer {
      display: none; } }

.AddToCartModal-priceDetails {
  width: 12.5rem;
  float: right;
  text-align: right;
  display: inline-block; }
  .AddToCartModal-priceDetails--total {
    font-size: 0.875rem;
    font-weight: 600; }

.AddToCartModal-productDetails {
  text-align: left;
  display: inline-block; }
  .AddToCartModal-productDetails--mpn {
    font-weight: 600; }

.AddToCartModal-product {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid #757575; }

.AddToCartModal-buttons {
  text-align: center;
  margin: 1.5rem 0 .5rem 0; }
  @media (min-width: 720px) {
    .AddToCartModal-buttons a {
      width: 90%; } }

.AddToCartModal-continueShopping {
  text-align: center; }

.AddToCartModal-header {
  border-bottom: 0.0625rem solid #757575; }

.AddToCartModal .u-actionDescription {
  font-size: 12px; }
  .AddToCartModal .u-actionDescription:hover {
    cursor: pointer; }

.AddToCartModal-inCartDetails {
  font-size: 16px; }
  .AddToCartModal-inCartDetails > div {
    margin-bottom: .25rem; }

.AddToCartModal .font-bold {
  font-weight: 600; }

.AddToCartModal-product-tier-price {
  font-weight: 400;
  text-decoration: line-through; }

.AddToCartModal-product-tier-discount {
  font-weight: 600;
  color: #54B948; }

@media (min-width: 720px) {
  .AddToCartModal {
    min-width: 31.875rem; } }

.AddToCartModal-buttons a {
  width: 100%;
  padding-left: 0.8em;
  padding-right: 0.8em; }

.GotAQuestion {
  margin-top: 0.9375rem;
  margin-bottom: 2em;
  border-top: 0.1875rem solid #000;
  border-bottom: 0.1875rem solid #000;
  overflow: auto;
  padding-bottom: 0.625rem;
  display: none;
  width: 100%; }
  .GotAQuestion-chatIcon {
    width: 40%;
    float: right; }
    .GotAQuestion-chatIcon-chatIconContainer {
      margin: 0.625rem; }
      .GotAQuestion-chatIcon-chatIconContainer span {
        font-size: 3.75rem; }
  .GotAQuestion-chatText {
    font-weight: 300;
    padding: 0.625rem 0 0 0.625rem; }
    .GotAQuestion-chatText-heading {
      font-size: 1.125rem;
      font-weight: 700;
      margin-bottom: 0.3125rem; }
    .GotAQuestion-chatText p {
      margin-top: 0.5rem;
      line-height: 1.2; }
  @media (min-width: 1025px) {
    .GotAQuestion {
      display: inline-block; } }

.ReviewYourKit-modal {
  font-size: 0.875rem;
  width: 100%;
  padding: 2rem; }
  .ReviewYourKit-modal-message a {
    text-decoration: underline;
    font-weight: medium;
    color: #009DDC !important; }
    .ReviewYourKit-modal-message a:hover {
      color: #009DDC; }

.main-container {
  box-shadow: rgba(0, 0, 0, 0.24) 0rem 0.1875rem 0.5rem; }
  .main-container .dynamic-table-container {
    overflow-y: auto;
    max-height: 37.5rem; }
    .main-container .dynamic-table-container .dynamic-table {
      border-collapse: collapse;
      width: 100%;
      word-break: break-all; }
      .main-container .dynamic-table-container .dynamic-table .select-row {
        width: 2.0625rem;
        text-align: center; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .currentSelColor:nth-child(odd) {
        background-color: #EEEEEE; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .qtyCol, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .unitPriceCol, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .totalPriceCol {
        text-align: left;
        white-space: nowrap; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .imgCol {
        text-align: center; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .partNumber, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .category, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .mfrName {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-word;
        overflow: hidden; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-body .datasheet {
        padding: 1.25rem;
        text-align: center;
        min-width: 3.125rem; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-head .dynamic-table-head-row {
        background: #fff;
        color: black;
        position: sticky;
        top: 0; }
      .main-container .dynamic-table-container .dynamic-table .dynamic-table-head-element, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body-element {
        padding: 1.25rem;
        text-align: left;
        min-width: 3.125rem; }
        .main-container .dynamic-table-container .dynamic-table .dynamic-table-head-element .link, .main-container .dynamic-table-container .dynamic-table .dynamic-table-body-element .link {
          cursor: pointer; }
      .main-container .dynamic-table-container .dynamic-table .noWrap {
        white-space: nowrap; }
      .main-container .dynamic-table-container .dynamic-table .noResults {
        text-align: center;
        font-weight: 700;
        padding: 0.9375rem 0.5rem 0.9375rem 0.5rem; }

.subTotal {
  padding: 1.25rem 1rem 1.25rem 1.25rem;
  text-align: right;
  font-weight: bold;
  font-size: 1.25rem;
  border-top: 0.125rem solid #DEDEDE; }

.space {
  padding-top: 2.5rem;
  text-align: right; }
  .space .closeBtn {
    height: 3rem;
    font-weight: bold;
    padding: 0rem 1.75rem; }

.stepRow {
  background-color: #D8D8D8; }
  .stepRow .stepCol {
    font-weight: bold;
    font-size: 0.875rem;
    color: black;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem; }

/* Classes to help with centering images when used as backgrounds
  Classes will be output to the elements containing bg images from the cms.
========================================================================== */
.u-bg-align-center-left {
  background-position: center left; }

.u-bg-align-center-right {
  background-position: center right; }

.u-bg-align-center-centre {
  background-position: center center; }

.u-bg-align-top-left {
  background-position: top left; }

.u-bg-align-top-right {
  background-position: top right; }

.u-bg-align-top-centre {
  background-position: top center; }

.u-bg-align-bottom-left {
  background-position: bottom left; }

.u-bg-align-bottom-right {
  background-position: bottom right; }

.u-bg-align-bottom-centre {
  background-position: bottom center; }

.u-bg--grey {
  background-color: #eee; }

.u-bg--dark-grey {
  background-color: #29272a; }

@media (max-width: 719px) {
  .u-bg--grey--tablet-down {
    background-color: #eee;
    padding-top: 15px;
    padding-top: 0.9375rem; } }

.u-breakPointChangeHelper {
  display: none;
  position: relative;
  z-index: 0; }
  @media (min-width: 600px) {
    .u-breakPointChangeHelper {
      z-index: 1; } }
  @media (min-width: 720px) {
    .u-breakPointChangeHelper {
      z-index: 2; } }
  @media (min-width: 890px) {
    .u-breakPointChangeHelper {
      z-index: 3; } }
  @media (min-width: 1024px) {
    .u-breakPointChangeHelper {
      z-index: 4; } }
  @media (min-width: 1240px) {
    .u-breakPointChangeHelper {
      z-index: 5; } }

.u-cf:before,
.u-cf:after {
  content: " ";
  display: table; }

.u-cf:after,
.u-clear {
  clear: both; }

.u-desktop-up-show {
  display: none; }
  @media (min-width: 1024px) {
    .u-desktop-up-show {
      display: block; } }

@media (min-width: 1024px) {
  .u-desktop-up-hide {
    display: none; } }

@media (max-width: 1023px) {
  .u-float-right-desktop {
    float: none !important;
    width: 100% !important;
    clear: both; } }

@media (min-width: 1024px) {
  .u-float-right-desktop {
    float: right !important; } }

.Modal-inner > .Loading {
  margin-top: 4em; }

.u-form-header-no-bottom {
  margin-bottom: 0; }

.u-form-header-group {
  margin-bottom: 2em; }

.u-form-textBox {
  font-size: 0.875rem;
  margin-bottom: 20px; }

.u-form-group--2 .u-form-input--text, .u-form-group--3 .u-form-input--text, .u-form-group--4 .u-form-input--text {
  width: 100%; }
  .u-form-group--2 .u-form-input--text:last-child, .u-form-group--3 .u-form-input--text:last-child, .u-form-group--4 .u-form-input--text:last-child {
    margin-right: 0; }
  @media (min-width: 600px) {
    .u-form-group--2 .u-form-input--text, .u-form-group--3 .u-form-input--text, .u-form-group--4 .u-form-input--text {
      float: left; } }
  @media (min-width: 720px) {
    .u-form-group--2 .u-form-input--text, .u-form-group--3 .u-form-input--text, .u-form-group--4 .u-form-input--text {
      width: 220px;
      margin-right: 20px; } }

@media (min-width: 600px) and (max-width: 719px) {
  .u-form-group--2 .u-form-input--text {
    width: 48%;
    margin-right: 4%; }
  .u-form-group--3 .u-form-input--text {
    float: left;
    width: 30.5%;
    margin-right: 4%; }
    .u-form-group--3 .u-form-input--text:last-child {
      width: 31%; }
  .u-form-group--4 .u-form-input--text {
    float: left;
    width: 23%;
    margin-right: 4%; } }

.u-form-checkboxList, .u-form-radioList {
  border: 0;
  margin: 0 0 20px;
  padding: 0; }

.u-form-input--text, .u-form-input--radio, .u-form-input--checkbox {
  margin-bottom: 20px; }
  .u-form-input--text label.required--red:after, .u-form-input--radio label.required--red:after, .u-form-input--checkbox label.required--red:after {
    color: #E31B23; }
  .u-form-input--text label.required:after, .u-form-input--radio label.required:after, .u-form-input--checkbox label.required:after {
    content: '*';
    margin-left: .3em;
    display: inline; }
    .CombinedLogin .u-form-input--text label.required:after, .CombinedLogin .u-form-input--radio label.required:after, .CombinedLogin .u-form-input--checkbox label.required:after {
      display: none; }
  .u-form-input--text label.required.is-invalid, .u-form-input--radio label.required.is-invalid, .u-form-input--checkbox label.required.is-invalid {
    color: #E31B23; }

.u-form-input--text label {
  display: block;
  margin-bottom: 5px;
  font-size: 0.875rem; }

.u-form-input--text input {
  display: block;
  padding: 0.75em 0.75em 0.75em 1.75em;
  width: 100%;
  border: 0.063rem solid #757575; }
  .u-form-input--text input.is-invalid {
    border: 0.063rem solid #E31B23; }

.u-form-input--radio, .u-form-input--checkbox {
  display: block; }
  .u-form-input--radio input[type="checkbox"],
  .u-form-input--radio input[type="radio"], .u-form-input--checkbox input[type="checkbox"],
  .u-form-input--checkbox input[type="radio"] {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }
  .u-form-input--radio span.is-invalid, .u-form-input--checkbox span.is-invalid {
    margin-bottom: 3px; }
  .u-form-input--radio span.is-invalid,
  .u-form-input--radio label, .u-form-input--checkbox span.is-invalid,
  .u-form-input--checkbox label {
    display: block;
    margin-left: 2.5em; }

.u-form-textarea {
  margin-bottom: 20px; }
  .u-form-textarea label {
    display: block;
    margin-bottom: 5px;
    font-size: 0.875rem; }
    .u-form-textarea label.required:after {
      content: '*';
      margin-left: .3em;
      display: inline; }
    .u-form-textarea label.is-invalid {
      color: #E31B23; }
  .u-form-textarea textarea {
    display: block;
    padding: 0.75em;
    width: 100%;
    border: 1px solid #d7d7d7; }
    .u-form-textarea textarea.is-invalid {
      border: 1px solid #E31B23; }
    @media (min-width: 720px) {
      .u-form-textarea textarea {
        width: 220px; }
        .Modal-inner .u-form-textarea textarea {
          width: 100%; } }

.u-form-select {
  text-align: left;
  position: relative;
  vertical-align: middle;
  margin-bottom: 20px; }
  @media (min-width: 720px) {
    .u-form-select {
      display: inline-block;
      margin-top: 5px; } }
  .u-form-select label {
    font-size: 0.91667em;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0.938rem;
    display: none; }
    @media (min-width: 720px) {
      .u-form-select label {
        display: inline;
        line-height: 2.5; } }
  .u-form-select select {
    width: 100%;
    border: 0;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid black;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding-right: 0.938rem; }
    @media (min-width: 720px) {
      .u-form-select select {
        font-size: 14px; } }
    .u-form-select select::-ms-expand {
      display: none; }
    @media (min-width: 720px) {
      .u-form-select select {
        width: auto;
        padding-right: 1.25rem;
        padding-bottom: 0.25rem; } }
  .u-form-select .Icon--dropdown {
    position: absolute;
    bottom: 0.625rem;
    right: 5px; }

.u-form .Button {
  width: 100%;
  margin-bottom: 5px; }
  .u-form .Button:last-child {
    margin-right: 0; }
  @media (min-width: 720px) {
    .u-form .Button {
      width: 48%;
      margin-right: 4%;
      float: left; } }

.u-form span.is-invalid {
  color: #E31B23;
  margin-top: 5px;
  font-size: 0.75rem;
  display: block; }

.u-form-errorBox {
  margin-bottom: 40px;
  color: #E31B23;
  font-size: 0.875rem;
  display: none;
  position: relative;
  padding-left: 2.813rem; }
  .u-form-errorBox.is-visible {
    display: block; }
  .u-form-errorBox ul.u-form-errorBox-messages {
    list-style-type: disc;
    margin: 1em 0 1em 1em; }
  .u-form-errorBox .Icon--error {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    display: block;
    color: #E31B23;
    font-size: 2em;
    margin: 0 .5em .5em 0; }

.Button.u-button-full {
  display: block;
  width: 100%;
  margin-top: 3em; }

.u-noMarginTop {
  margin-top: 0; }

.u-form--grid div[class*=u-grid-] {
  margin-bottom: 0; }

.submit-margin-top {
  margin-top: 2.5rem; }

.required-before--red {
  color: #E31B23; }

.required-before:before {
  content: "*\A0"; }

.u-gutter-marginTop {
  margin-top: 15px;
  margin-top: 0.9375rem; }
  .Breadcrumb + .u-gutter-marginTop {
    margin-top: 0; }

.u-gutter-marginBottom {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem; }

.u-gutter-paddingTop {
  padding-top: 15px;
  padding-top: 0.9375rem; }
  .Breadcrumb + .u-gutter-paddingTop {
    padding-top: 0; }
  .u-gutter-paddingTop > h2:first-child,
  .u-gutter-paddingTop > h3:first-child,
  .u-gutter-paddingTop > h4:first-child {
    margin-top: 0; }

.u-gutter-paddingBottom {
  padding-bottom: 15px;
  padding-bottom: 0.9375rem; }

@media screen and (min-width: 1024px) {
  .u-gutter-marginTop {
    margin-top: 30px;
    margin-top: 1.875rem; }
  .u-gutter-marginBottom {
    margin-bottom: 30px;
    margin-bottom: 1.875rem; }
  .u-gutter-paddingTop {
    padding-top: 30px;
    padding-top: 1.875rem; }
  .u-gutter-paddingBottom {
    padding-bottom: 30px;
    padding-bottom: 1.875rem; } }

/* ==============================

  Fixed heights.
  --------------

  - u-height - is the main u-grid height.
  - u-height--double - is double the main u-grid height.
  - u-height--half - is half the u-grid height without vertical gutter.
  - u-height--fullhalf - is half the u-grid height.

============================== */
.u-height {
  height: 315px; }
  @media (min-width: 1024px) {
    .u-height {
      height: 250px; } }
  .u-height--half {
    height: 117.5px;
    height: 7.34375rem; }
    @media (min-width: 1024px) {
      .u-height--half:first-child {
        margin-bottom: 15px; } }
  .u-height--fullhalf {
    height: 125px;
    height: 7.8125rem; }
  .u-height--double {
    height: 315px; }
    @media (min-width: 600px) and (max-width: 1024px) {
      .u-height--double {
        min-height: 265px;
        height: auto;
        margin-bottom: 2.04082%; } }
    @media (min-width: 1024px) {
      .u-height--double {
        height: 530px; }
        .u-height--double .u-row:first-child {
          margin-bottom: 0; } }

.u-noMarginTop {
  margin-top: 0; }

.u-laptop-up-show {
  display: none; }
  @media (min-width: 890px) {
    .u-laptop-up-show {
      display: block; } }

@media (min-width: 890px) {
  .u-laptop-up-hide {
    display: none; } }

@media (min-width: 326px) {
  .u-mobile-up-hide {
    display: none; } }

.u-phablet-up-show {
  display: none; }
  @media (min-width: 600px) {
    .u-phablet-up-show {
      display: block; } }

@media (min-width: 600px) {
  .u-phablet-up-hide {
    display: none; } }

.u-pixel-ratio-helper {
  display: none;
  position: relative;
  z-index: 0; }
  @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 125dpi), (min-resolution: 1.3dppx) {
    .u-pixel-ratio-helper {
      z-index: 1; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .u-pixel-ratio-helper {
      z-index: 2; } }

.u-tablet-up-show {
  display: none; }
  @media (min-width: 720px) {
    .u-tablet-up-show {
      display: block; } }

.u-tablet-up-showInline {
  display: none; }
  @media (min-width: 720px) {
    .u-tablet-up-showInline {
      display: inline; } }

.u-tablet-up-showFlex {
  display: none; }
  @media (min-width: 720px) {
    .u-tablet-up-showFlex {
      display: flex; } }

@media (min-width: 720px) {
  .u-tablet-up-hide {
    display: none; } }

.u-wide-up-show {
  display: none; }
  @media (min-width: 1240px) {
    .u-wide-up-show {
      display: block; } }

@media (min-width: 1240px) {
  .u-wide-up-hide {
    display: none; } }

.u-line:after {
  content: '';
  width: 50px;
  height: 2px;
  background: #EB1478;
  display: block;
  margin: 20px 0 15px; }

.u-line--centered:after {
  margin: 20px 0 15px calc(50% - 25px); }

.u-line--iotgreen:after {
  background: #0069AA; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden, .visuallyhiddendisplay {
  border: 0;
  position: absolute !important;
  height: 0.0625rem;
  width: 0.0625rem;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); }

.visuallyhiddendisplay {
  display: none; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip-path: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Overthrow CSS:
   Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* NoScroll CSS:
  Prevents the element from scrolling. */
.noscroll {
  overflow: hidden; }

.u-indent-left {
  padding-left: 15px; }

@media (min-width: 1024px) {
  .u-shorter-width {
    max-width: 40em; } }

.u-anchorLink:before {
  display: block;
  content: " ";
  margin-top: -87px;
  height: 87px;
  visibility: hidden; }
  @media (min-width: 890px) {
    .u-anchorLink:before {
      margin-top: -44px;
      height: 44px; } }

.u-fullWidth {
  width: 100%; }

.u-rotate90 {
  transform: rotate(90deg); }

.u-header1 {
  font-size: 44px;
  line-height: 2.8125rem;
  font-weight: 800;
  letter-spacing: -0.04em; }

.u-header2 {
  font-size: 1.75rem;
  line-height: 29px;
  font-weight: 800;
  letter-spacing: -0.04em; }

.u-header2Small {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em; }

.u-header3 {
  font-size: 1.75rem;
  line-height: 29px;
  font-weight: 800;
  letter-spacing: -0.04em; }

.u-header4 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 800;
  letter-spacing: -0.02em; }

.u-header5 {
  font-size: 14px;
  line-height: 1.063rem;
  font-weight: 800;
  letter-spacing: -0.02em; }

.u-header6 {
  font-size: 11px;
  line-height: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase; }

.u-headerSection {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #fff;
  background: #d7d7d7;
  text-transform: uppercase;
  padding: .5em;
  display: block;
  text-align: center; }

.u-header-side {
  float: right;
  font-size: 0.85714em;
  padding-right: 0.83333em;
  font-weight: 600;
  position: relative; }
  .u-header-side--hasArrow:after {
    position: absolute;
    content: '';
    border-top: 0.33333em solid transparent;
    border-bottom: 0.33333em solid transparent;
    border-left: 0.33333em solid #fff;
    top: 50%;
    right: 0;
    margin-top: -0.33333em; }

.u-header-underlined {
  border-bottom: 0.063rem solid #eee;
  margin: 0 0 .5em;
  padding-bottom: .5em; }
  .u-header-underlined.is-black {
    border-bottom-color: #000; }
  .u-header-underlined.is-white {
    border-bottom-color: #fff; }
  .u-header-underlined.is-verydarkgrey {
    border-bottom-color: #29272a; }
  .u-header-underlined.is-grey {
    border-bottom-color: #757575; }
  .u-header-underlined.is-red {
    border-bottom-color: #E31B23; }
  .u-header-underlined.is-blue {
    border-bottom-color: #009DDC; }
  .u-header-underlined.is-brightBlue {
    border-bottom-color: #0069AA; }
  .u-header-underlined.is-activeButtonBlue {
    border-bottom-color: #004E7F; }
  .u-header-underlined.is-green {
    border-bottom-color: #54B948; }
  .u-header-underlined.is-orange {
    border-bottom-color: #F68A33; }
  .u-header-underlined.is-purple {
    border-bottom-color: #92278f; }
  .u-header-underlined.is-pink {
    border-bottom-color: #EB1478; }
  .u-header-underlined.is-yellow {
    border-bottom-color: #fdbb31; }
  .u-header-underlined.is-darkgrey {
    border-bottom-color: #505050; }
  .u-header-underlined.is-iotgreen {
    border-bottom-color: #009A8C; }
  .u-header-underlined.is-skyblue {
    border-bottom-color: #BFE0F4; }

.BlackHeader {
  color: #fff;
  font-size: 0.875rem;
  padding: 0.71429em 1.07143em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  margin-bottom: 1.25rem;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
  background: #000;
  position: relative; }
  .BlackHeader--pointy {
    position: relative;
    background: #000; }
    .BlackHeader--pointy:after {
      position: absolute;
      top: 100%;
      left: 50%;
      content: ' ';
      height: 0;
      width: 0;
      margin-left: -9px;
      border-width: 6px 9px 0 9px;
      border-color: #000 transparent transparent transparent;
      border-style: solid; }
  .BlackHeader--blue {
    background: #009DDC; }
    .BlackHeader--blue:after {
      border-color: #009DDC transparent transparent transparent; }
  .BlackHeader--green {
    background: #54B948; }
    @media (min-width: 1024px) {
      .BlackHeader--green.BlackHeader--keyline {
        background: none;
        border-color: #54B948; }
        .BlackHeader--green.BlackHeader--keyline:after {
          content: '';
          position: absolute;
          width: 100%;
          left: 0;
          bottom: -1.063rem;
          height: 0.938rem;
          border-right: 0.125rem solid #54B948;
          border-left: 0.125rem solid #54B948; }
        .BlackHeader--green.BlackHeader--keyline .BlackHeader--keyline-button {
          background: #54B948;
          color: white;
          border: 0; } }
  .BlackHeader--keyline-cta {
    display: none; }
    .BlackHeader--keyline-cta .Icon--link-arrow, .BlackHeader--keyline-cta .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a span, .CategoryZeroList-panel:not(:first-of-type) [data-arrow-level-target] > a .BlackHeader--keyline-cta span {
      font-size: 0.5rem;
      position: relative;
      top: -0.125rem; }
  .BlackHeader--tabs {
    display: none; }
  @media (min-width: 326px) {
    .BlackHeader--tabs {
      width: 100%;
      margin-bottom: 2em;
      display: table;
      table-layout: fixed;
      background: transparent; }
      .BlackHeader--tabs-transparent .BlackHeader--tabs-tab {
        background: transparent;
        color: #000;
        border-right: 0.125rem solid #000;
        border-top: 0.125rem solid #000;
        border-bottom: 0.125rem solid #000; }
        .BlackHeader--tabs-transparent .BlackHeader--tabs-tab:first-child {
          border-left: 0.125rem solid #000; }
        .BlackHeader--tabs-transparent .BlackHeader--tabs-tab:hover, .BlackHeader--tabs-transparent .BlackHeader--tabs-tab.is-active {
          color: #fff; } }
  @media (min-width: 326px) and (max-width: 600px) {
    .BlackHeader--tabs.u-phablet-up-show {
      display: none; } }
  @media (min-width: 326px) {
      .BlackHeader--tabs-tab {
        position: relative;
        padding: 0.5rem;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        font-size: 0.9375rem;
        background: #d7d7d7;
        width: 100%;
        display: table-cell;
        width: auto;
        vertical-align: middle; }
        .BlackHeader--tabs-tab.u-phablet-up-show {
          display: none; } }
      @media (min-width: 326px) and (min-width: 600px) {
        .BlackHeader--tabs-tab.u-phablet-up-show {
          display: block; } }
      @media (min-width: 326px) and (min-width: 600px) {
        .BlackHeader--tabs-tab.u-phablet-up-show {
          display: table-cell;
          width: auto; } }
  @media (min-width: 326px) {
        .BlackHeader--tabs-tab.is-active, .BlackHeader--tabs-tab:hover {
          cursor: pointer;
          position: relative;
          background: #000; }
          .BlackHeader--tabs-tab.is-active:after, .BlackHeader--tabs-tab:hover:after {
            position: absolute;
            top: 100%;
            left: 50%;
            content: ' ';
            height: 0;
            width: 0;
            margin-left: -8px;
            border-width: 10px 8px 0 8px;
            border-color: #000 transparent transparent transparent;
            border-style: solid; }
        .BlackHeader--tabs-tab.is-focus:focus {
          box-shadow: 0 0 0 0.188rem #7FC1EA;
          outline: none; } }
    @media (min-width: 326px) and (min-width: 600px) {
      .BlackHeader--tabs-tab {
        text-align: center; } }
  @media (min-width: 1024px) {
    .BlackHeader--keyline {
      padding-bottom: 0;
      background: transparent;
      color: #000;
      text-align: center;
      border-bottom: 1.125rem solid #000;
      position: relative; }
      .BlackHeader--keyline-cta {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0.375rem;
        font-size: 0.813rem; }
        .BlackHeader--keyline-cta span {
          font-size: 0.625rem; }
        .BlackHeader--keyline-cta:hover {
          color: #757575; }
      .BlackHeader--keyline-button {
        margin-right: -0.313rem;
        display: inline-block;
        padding: 0.46667em 0.66667em;
        min-width: 235px;
        border-top: 0.125rem solid #000;
        border-left: 0.125rem solid #000;
        transition: background 0.5s; }
        .BlackHeader--keyline-button:last-of-type {
          border-right: 0.125rem solid #000; }
        .BlackHeader--keyline-button.is-active, .BlackHeader--keyline-button:hover {
          background: #000;
          color: #fff; } }
  .BlackHeader.is-black {
    background: #000; }
  .BlackHeader.is-white {
    background: #fff; }
  .BlackHeader.is-verydarkgrey {
    background: #29272a; }
  .BlackHeader.is-grey {
    background: #757575; }
  .BlackHeader.is-red {
    background: #E31B23; }
  .BlackHeader.is-blue {
    background: #009DDC; }
  .BlackHeader.is-brightBlue {
    background: #0069AA; }
  .BlackHeader.is-activeButtonBlue {
    background: #004E7F; }
  .BlackHeader.is-green {
    background: #54B948; }
  .BlackHeader.is-orange {
    background: #F68A33; }
  .BlackHeader.is-purple {
    background: #92278f; }
  .BlackHeader.is-pink {
    background: #EB1478; }
  .BlackHeader.is-yellow {
    background: #fdbb31; }
  .BlackHeader.is-darkgrey {
    background: #505050; }
  .BlackHeader.is-iotgreen {
    background: #009A8C; }
  .BlackHeader.is-skyblue {
    background: #BFE0F4; }

.BlueHeader {
  background: #0069AA;
  color: #fff;
  font-size: 0.875rem;
  padding: 0.71429em 1.07143em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  margin-bottom: 1.25rem;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
  position: relative; }

.BlackHeader--pointy.is-blue:after {
  border-color: #009DDC transparent transparent transparent; }

.u-textBody {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.04em;
  margin: 0 0 40px; }

.u-textIntro {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0.02em; }

.u-textDescription {
  font-size: 21px;
  line-height: 31px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 34px; }

.u-textSmall {
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 0.04em; }

.u-textXSmall {
  font-size: 11px;
  line-height: 1.063rem;
  font-weight: 400;
  letter-spacing: 0.04em; }

.u-textTiny {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em; }

.u-textArrow span {
  font-size: 0.5rem;
  display: inline-block;
  margin-left: 0.125rem;
  position: relative;
  top: -0.0625rem; }

.u-textCenter {
  text-align: center; }

.u-upperCase {
  text-transform: uppercase; }

.u-tag {
  font-size: 8px;
  line-height: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  background: #F68A33;
  text-transform: uppercase;
  padding: .5em .8em;
  margin-right: .1em;
  display: inline-block; }

.u-displayBlock {
  display: block; }

.u-displayInlineBlock {
  display: inline-block; }

.u-hide {
  display: none; }

.disablePdf {
  pointer-events: none; }

.u-pipe:before {
  content: '|';
  margin: 0 .5em;
  font-size: 1em; }

hr {
  border-style: none;
  border-bottom: 1px solid #d7d7d7;
  margin: 1em 0; }

.u-actionDescription {
  color: #757575;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase; }

.u-screenReader {
  position: absolute;
  width: 1px;
  height: 1px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.u-dot {
  font-size: 8px;
  font-weight: 400;
  padding: 2px 5px 1px;
  border-radius: 5px;
  position: absolute;
  top: -2px;
  right: -6px; }
  .u-dot--red {
    background: #E31B23; }
  .u-dot--grow {
    animation-name: grow-then-normal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }

.TabsContainer-headingwrapper {
  background: #29272a;
  margin-bottom: 2.08333em; }
  .TabsContainer-headingwrapper-list {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .TabsContainer-headingwrapper-list .Tab {
      display: table-cell;
      border: 0.0625rem solid #000;
      background: #29272a;
      cursor: pointer; }
      .TabsContainer-headingwrapper-list .Tab:hover {
        background: #000;
        transition: all 0.25s ease; }
      .TabsContainer-headingwrapper-list .Tab.active {
        background: #000; }
      .TabsContainer-headingwrapper-list .Tab-buttonwrapper {
        margin: 0; }
        .TabsContainer-headingwrapper-list .Tab-buttonwrapper button {
          outline: 0; }
      .TabsContainer-headingwrapper-list .Tab-content {
        display: none; }
  .TabsContainer-headingwrapper-mobiledropdown {
    width: 100%; }
    .TabsContainer-headingwrapper-mobiledropdown-select {
      width: 100%;
      cursor: pointer;
      border: none;
      padding: 1.25em 0;
      background: #29272a;
      color: white;
      font-size: 1.16667em;
      font-weight: bold;
      text-transform: uppercase; }

.TabsContainer.editmode .Tab {
  margin-bottom: 2.5em; }

.TabsContainer:not(.editmode) .TabsContainer-headingwrapper-list {
  display: none; }

@media (min-width: 600px) {
  .TabsContainer:not(.editmode) .TabsContainer-headingwrapper-list {
    display: table; }
  .TabsContainer:not(.editmode) .TabsContainer-headingwrapper-mobiledropdown {
    display: none; } }

.TabsContainer:not(.editmode) .TabsContainer-tabs .Tab-buttonwrapper {
  display: none; }

.TabsContainer:not(.editmode) .Tab:not(.active) .Tab-content {
  display: none; }

.Tab-buttonwrapper {
  margin-bottom: 2.08333em;
  text-align: center;
  width: 100%;
  height: 100%; }
  .Tab-buttonwrapper-button {
    border: none;
    background: none;
    color: white;
    display: inline-block;
    font-size: 1.16667em;
    font-weight: bold;
    padding: 2.08333em 0.66667em;
    text-transform: uppercase;
    width: 100%;
    word-wrap: break-word; }
    .Tab-buttonwrapper-button:first-of-type:not(:only-of-type) {
      border-right: none; }

.VideoPlayer-placeholder {
  width: 100%; }

.VideoPlayer-editmodeoverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1; }

.SubHeading-text {
  margin: 0; }

.Placeholder-HeroColumn-Row {
  padding-top: 1%; }

.Placeholder-HeroColumn {
  height: 100%;
  top: 0;
  position: relative; }
  .Placeholder-HeroColumn-imageContainer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    content: "";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1 -1;
    width: 100%;
    overflow: hidden; }

.Placeholder-TwoColumn8x4 {
  padding: 0.9375rem 0.9375rem; }

.HeroContent {
  height: 100%;
  position: relative; }
  .HeroContent-imageContainer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    content: "";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden; }
  .HeroContent-content {
    position: relative;
    z-index: 1; }
    .HeroContent-content-inner {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .HeroContent-content-inner-title {
        margin-top: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 0.07292em;
        line-height: 1.16667em;
        font-weight: 200; }
      .HeroContent-content-inner-caption {
        color: #fff;
        font-size: 0.14583em;
        font-weight: 600;
        line-height: 1.58333em;
        margin-top: 0;
        margin-bottom: 0; }
      .HeroContent-content-inner-separatorbar {
        display: block;
        background: #fff;
        width: 3.125rem;
        height: 0.1875rem;
        margin: 1.66667em 0 2.08333em 0; }
      .HeroContent-content-inner-description {
        color: #fff;
        font-size: 0.07292em;
        line-height: 1.58333em;
        margin: 0 auto; }
        .HeroContent-content-inner-description.line-clamp {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 100%;
          /* Fallback for non-webkit */
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .HeroContent-content-inner-button {
        position: relative;
        cursor: pointer;
        display: inline-block;
        border: 0.125rem solid #fff;
        padding: 0.83333em 1.25em;
        color: #fff;
        font-size: 1em;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 1.66667em;
        margin-bottom: 1.33333em; }
        .HeroContent-content-inner-button:hover {
          color: #000;
          background-color: #fff; }

.Hero {
  height: 100%;
  position: relative;
  padding-top: 3.75em;
  padding-bottom: 2.5em; }
  .Hero-imageContainer {
    background-size: cover;
    background-position: center;
    content: "";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden; }
    .Hero-imageContainer-light {
      background: #eee;
      background-size: cover;
      background-position: center;
      content: "";
      display: block;
      left: 0;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
      overflow: hidden; }
      .Hero-imageContainer-light:before {
        background-color: #eee;
        color: #000; }
    .Hero-imageContainer.lightOverlay:before {
      content: '';
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .Hero-content {
    position: relative;
    z-index: 2; }
  .Hero-title {
    color: #fff;
    font-size: 0.14583em;
    font-weight: 800;
    margin-top: 0; }
    @media (min-width: 600px) {
      .Hero-title {
        font-size: 3.66667em; } }
    @media (min-width: 1024px) {
      .Hero-title {
        font-size: 3.66667em;
        line-height: 2.8125rem; } }
    .Hero-title-uline {
      display: block;
      background: #fff;
      width: 3.125rem;
      height: 0.1875rem;
      margin: 1.66667em 0 2.08333em 0; }
  .Hero-subtitle {
    color: #fff;
    font-size: 0.10417em;
    font-weight: 800;
    margin-top: 0; }
    @media (min-width: 600px) {
      .Hero-subtitle {
        font-size: 0.14583em; } }
    @media (min-width: 1024px) {
      .Hero-subtitle {
        font-size: 0.14583em;
        line-height: 29px; } }
    .Hero-subtitle-uline {
      display: block;
      background: #fff;
      width: 3.125rem;
      height: 0.1875rem;
      margin: 1.66667em 0 2.08333em 0; }
  .Hero-description {
    color: #fff;
    font-size: 0.10417em;
    margin-top: -0.25em; }
    @media (min-width: 600px) {
      .Hero-description {
        font-size: 1.83333em; } }
    @media (min-width: 1024px) {
      .Hero-description {
        font-size: 2em; } }
  .Hero-logo {
    width: 100%;
    height: auto;
    margin-top: 1.66667em; }
    @media (min-width: 720px) {
      .Hero-logo {
        margin-top: 0; } }

.ContentList {
  margin-top: 1.875rem;
  padding-left: 2.5rem;
  padding-right: 1.5625rem; }
  .ContentList-item {
    margin-bottom: 1.25rem;
    display: table;
    width: 100%;
    float: left; }
  .ContentList-content {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    padding-left: 0.9375rem;
    width: 100%; }
    .ContentList-content-title {
      font-weight: 600;
      font-size: 1.5em; }
    .ContentList-content-description {
      margin-top: 0.625rem; }
  @media screen and (max-width: 600px) {
    .ContentList {
      padding-left: 0.0625rem;
      margin-top: 1.25rem; } }

.OrderedContentList {
  margin-top: 1.25rem;
  padding-left: 2.5rem;
  padding-right: 1.5625rem; }
  .OrderedContentList-button {
    text-decoration: none;
    background-color: #009ddc; }
  .OrderedContentList-buttonContainer {
    display: flex;
    justify-content: center;
    margin-bottom: 0.625rem; }
  .OrderedContentList ol {
    max-width: 100%;
    counter-reset: orderedlist-counter;
    list-style-type: none;
    padding-left: 2.5rem;
    margin-left: 3.75rem; }
  .OrderedContentList ol li {
    margin: 0 0 0.5rem 0;
    counter-increment: orderedlist-counter;
    position: relative;
    padding-bottom: 0.625rem;
    margin-bottom: 1.25rem; }
  .OrderedContentList ol li::before {
    content: counter(orderedlist-counter);
    color: #ffff;
    font-size: 2.5rem;
    font-weight: bold;
    position: absolute;
    --size: 4.0625rem;
    left: calc(-1 * var(--size) - 0.625rem);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background-color: #009ddc;
    border-radius: 50%;
    text-align: center; }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .OrderedContentList ol li::before {
        left: -4.6875rem;
        line-height: 4.0625rem;
        width: 4.0625rem;
        height: 4.0625rem;
        color: white; } }
  .OrderedContentList-item {
    margin-bottom: 0.625rem;
    width: 100%; }
  .OrderedContentList-content {
    text-align: left;
    vertical-align: top;
    padding-left: 0.9375rem;
    width: 100%; }
    .OrderedContentList-content-title {
      font-weight: 600;
      font-size: 1.5em; }
    .OrderedContentList-content-description {
      margin-top: 0.0625rem; }
  @media screen and (max-width: 600px) {
    .OrderedContentList {
      padding-left: 0.9375rem;
      margin-top: 1.25rem; }
      .OrderedContentList ol {
        margin-left: 1.25rem; } }

.ContentWithCta-title {
  margin-top: 0.3125rem; }

.ContentWithCta-description {
  line-height: 1.5;
  font-size: 1.3em; }

.ContentWithCta-link {
  font-size: 1.3em;
  min-width: 15.625rem;
  min-height: 2.5rem;
  margin-top: 3.125rem;
  margin-bottom: 0.625rem;
  padding-top: 1.0625rem; }

@media screen and (max-width: 600px) {
  .ContentWithCta {
    padding-left: 0.9375rem;
    margin-top: 1.25rem; }
    .ContentWithCta-item {
      float: none;
      display: inline-block; } }

.ContentWithCtaBoW {
  background-color: #0069aa;
  color: white;
  text-align: center;
  margin-bottom: 2.5rem; }
  .ContentWithCtaBoW-title {
    padding: 2.5rem 0 1.875rem 0;
    margin: 0; }
  .ContentWithCtaBoW-description {
    line-height: 1.5;
    font-size: 1.3em; }
  .ContentWithCtaBoW-link {
    font-size: .75rem;
    min-height: 2.5rem;
    margin-bottom: 2.5rem;
    background-color: inherit;
    border: 0.0625rem solid white; }
  @media screen and (max-width: 600px) {
    .ContentWithCtaBoW {
      padding-left: 0.9375rem;
      margin-top: 1.25rem; }
      .ContentWithCtaBoW-item {
        float: none;
        display: inline-block; } }

.ContainerBlock {
  height: 25rem;
  width: 100%;
  position: relative;
  bottom: 25.65rem;
  padding: 1.875rem 1.5rem 1.5rem;
  background: linear-gradient(to right, black 35%, rgba(0, 0, 0, 0) 80%); }
  .ContainerBlock:focus {
    outline: #7FC1EA solid 0.188rem; }

.ContainerHeight {
  height: 26.5rem; }

.ContentBlock-header {
  font-size: 0.75rem;
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
  font-weight: bold; }
  .ContentBlock-header:after {
    content: "";
    position: absolute;
    top: 2rem;
    width: 6.5rem;
    left: 0;
    height: 0.125rem;
    background: #0069aa; }

.ContentBlock-content {
  padding: 1.813rem 0;
  max-width: 23.125rem; }

.ContentBlock-subtitle {
  font-size: 1.75rem;
  color: #ffffff;
  font-weight: bold; }

.ContentBlock-description {
  font-size: 0.875rem;
  color: #ffffff; }

.ContentBlock-backgroundImage {
  width: 100%;
  height: 25rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  background-repeat: no-repeat;
  background-size: cover; }

.ContentBlock-cta {
  position: absolute;
  top: 21rem; }

.ContentBlock-brightBlueButton {
  background-color: #0069aa;
  border-radius: 0.125rem;
  transform: translate3d(0, 0, 0);
  z-index: 2;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
  outline: 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
  min-width: 0;
  width: auto;
  padding: 0.8125rem 1.75rem; }
  .ContentBlock-brightBlueButton:hover {
    background-color: #0084D5; }

#br-relatedProductsSearches {
  padding-bottom: 1.25rem;
  display: inline-block;
  width: 100%; }
  #br-relatedProductsSearches.Pdp-layout-br {
    order: 4; }
  #br-relatedProductsSearches .br-found-heading,
  #br-relatedProductsSearches .br-related-heading {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
    margin: 0.5rem 0;
    padding: 0.5rem 0.625rem 0; }
    #br-relatedProductsSearches .br-found-heading:before,
    #br-relatedProductsSearches .br-related-heading:before {
      content: '';
      border-top: 0.1875rem solid #29272a;
      display: block;
      padding-bottom: 0.875rem; }
  #br-relatedProductsSearches #br-related-searches-widget {
    width: 100%;
    float: left; }
    @media (min-width: 1024px) {
      #br-relatedProductsSearches #br-related-searches-widget {
        width: 33.33333333%; } }
    #br-relatedProductsSearches #br-related-searches-widget .br-related-query {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
      #br-relatedProductsSearches #br-related-searches-widget .br-related-query a {
        color: #757575;
        font-size: 0.875rem;
        line-height: 1.5; }
  #br-relatedProductsSearches #br-related-products-widget {
    width: 100%;
    float: left; }
    @media (min-width: 1024px) {
      #br-relatedProductsSearches #br-related-products-widget {
        width: 66.66666667%; } }
    #br-relatedProductsSearches #br-related-products-widget .br-sf-widget {
      width: 100%;
      float: left;
      padding: 0.625rem; }
      @media (min-width: 720px) {
        #br-relatedProductsSearches #br-related-products-widget .br-sf-widget {
          width: 50%; } }
      @media (min-width: 1024px) {
        #br-relatedProductsSearches #br-related-products-widget .br-sf-widget {
          width: 25%; } }
      #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-img {
        text-align: center; }
        #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-img img {
          width: 3.75rem; }
      #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-title a {
        font-size: 16px;
        margin: 0.9375rem 0 0 0;
        font-weight: 800;
        display: block; }
        #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-title a:after {
          content: '';
          display: block;
          border-bottom: 0.0625rem solid #757575;
          width: 100%;
          margin-bottom: 0.3125rem;
          padding-bottom: 0.3125rem; }
      #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-desc {
        color: #757575; }
      #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-qv a {
        text-transform: uppercase;
        margin-top: 0.3125rem;
        font-weight: 800;
        position: relative;
        padding-right: 0.75rem;
        display: inline-block; }
        #br-relatedProductsSearches #br-related-products-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-qv a:after {
          font-family: 'arrow-icons';
          content: "\E660";
          font-size: 0.58333em;
          position: absolute;
          top: 0.3125rem;
          right: 0; }

.LogoHighlight-overViewTitle {
  font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  letter-spacing: -0.055em;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400; }

.LogoHighlight-overViewTitle {
  font-size: 44px;
  font-weight: 600;
  line-height: 48px; }

.PartnersList {
  display: block;
  padding-bottom: 40px;
  width: 100%; }
  @media screen and (min-width: 720px) {
    .PartnersList {
      display: table;
      margin: auto 0; } }
  .PartnersList-partner {
    margin: 0 auto;
    max-height: 40px; }
  .PartnersList-image {
    max-height: 40px;
    margin: 0 auto;
    object-fit: cover; }
    @media screen and (min-width: 720px) and (max-width: 1024px) {
      .PartnersList-image {
        max-height: 30px; } }
    @media screen and (max-width: 720px) {
      .PartnersList-image {
        max-height: 35px; } }
  .PartnersList-itemLink {
    display: inline-block;
    margin-top: 20px;
    width: 100%; }
    @media screen and (min-width: 720px) {
      .PartnersList-itemLink {
        display: inline-flex;
        width: 33%; } }
    @media screen and (min-width: 1024px) {
      .PartnersList-itemLink {
        width: 18%;
        margin-left: 1%;
        margin-right: 1%; } }
  .PartnersList-iotTiles {
    display: inline-block;
    width: 100%;
    padding: 30px 0px; }
    @media screen and (min-width: 720px) {
      .PartnersList-iotTiles {
        display: inline-flex;
        width: 33%;
        padding: 30px 0px; } }
    @media screen and (min-width: 1024px) {
      .PartnersList-iotTiles {
        width: 22%;
        margin-left: 1%;
        margin-right: 1%;
        padding: 30px 0px; } }
  @media screen and (min-width: 720px) {
    .PartnersList-item {
      max-width: 90%; } }
  .PartnersList-title {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1; }
    .PartnersList-title .Icon:before {
      color: #EB1478;
      margin-right: 5px;
      font-size: 34px;
      font-weight: 400;
      vertical-align: middle;
      font-family: 'arrow-icons'; }
    @media screen and (min-width: 720px) {
      .PartnersList-title .Icon:before {
        font-size: 1.75rem; } }
    @media screen and (min-width: 890px) {
      .PartnersList-title {
        font-size: 18px; }
        .PartnersList-title .Icon:before {
          font-size: 2rem; } }
  .PartnersList-iot .Icon:before {
    color: #009A8C; }
  .PartnersList-description {
    padding-top: 5px;
    margin: 0;
    line-height: 1.2; }
  .PartnersList-explore {
    text-transform: uppercase;
    margin-top: 9px;
    font-size: 11px; }

/*# sourceMappingURL=arrow.css.map*/