@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1, .select-your-industry-content--tips {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  .homepage-hero .carousel-content--description,
  .modal-body--title,
  h3 {
    orphans: 3;
    widows: 3; }
  h2, .homepage-hero .carousel-content--description, .modal-body--title,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit > .caret, .pdp-form-submit > .caret,
  .dropup > .btn > .caret, .dcc-sdsFinder .dcc-container .searchBar .search
  .dropup > .sds-form-submit > .caret,
  .dropup > .pdp-form-submit > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("global/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("global/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("global/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("global/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("global/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("global/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

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

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, .select-your-industry-content--tips, h2, .homepage-hero .carousel-content--description, .modal-body--title, h3, h4, h5, h6,
.h1, .h2, .embed-column--header, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small, .select-your-industry-content--tips small,
  h1 .small, .select-your-industry-content--tips .small, h2 small, .homepage-hero .carousel-content--description small, .modal-body--title small,
  h2 .small, .homepage-hero .carousel-content--description .small, .modal-body--title .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small, .embed-column--header small,
  .h2 .small, .embed-column--header .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .select-your-industry-content--tips, .h1,
h2,
.homepage-hero .carousel-content--description,
.modal-body--title, .h2, .embed-column--header,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small, .select-your-industry-content--tips small,
  h1 .small, .select-your-industry-content--tips .small, .h1 small,
  .h1 .small,
  h2 small, .homepage-hero .carousel-content--description small, .modal-body--title small,
  h2 .small, .homepage-hero .carousel-content--description .small, .modal-body--title .small, .h2 small, .embed-column--header small,
  .h2 .small, .embed-column--header .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .select-your-industry-content--tips, .h1 {
  font-size: 36px; }

h2, .homepage-hero .carousel-content--description, .modal-body--title, .h2, .embed-column--header {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 768px; } }
  @media (min-width: 1080px) {
    .container {
      width: 1080px; } }
  @media (min-width: 1080px) {
    .container {
      width: 1080px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.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-1 {
  width: 8.33333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .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-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1080px) {
  .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-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1080px) {
  .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-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > input[type="date"].sds-form-submit,
  .input-group-sm > .input-group-btn > input[type="date"].pdp-form-submit,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > input[type="time"].sds-form-submit,
  .input-group-sm > .input-group-btn > input[type="time"].pdp-form-submit,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > input[type="datetime-local"].sds-form-submit,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].pdp-form-submit,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > input[type="month"].sds-form-submit,
  .input-group-sm > .input-group-btn > input[type="month"].pdp-form-submit,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > input[type="date"].sds-form-submit,
  .input-group-lg > .input-group-btn > input[type="date"].pdp-form-submit,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > input[type="time"].sds-form-submit,
  .input-group-lg > .input-group-btn > input[type="time"].pdp-form-submit,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > input[type="datetime-local"].sds-form-submit,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].pdp-form-submit,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > input[type="month"].sds-form-submit,
  .input-group-lg > .input-group-btn > input[type="month"].pdp-form-submit,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > .form-control-static.sds-form-submit,
  .input-group-lg > .input-group-btn > .form-control-static.pdp-form-submit, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > .form-control-static.sds-form-submit,
  .input-group-sm > .input-group-btn > .form-control-static.pdp-form-submit {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-sm > .input-group-btn > .sds-form-submit,
.input-group-sm > .input-group-btn > .pdp-form-submit {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-sm > .input-group-btn > select.sds-form-submit,
.input-group-sm > .input-group-btn > select.pdp-form-submit {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-sm > .input-group-btn > textarea.sds-form-submit,
.input-group-sm > .input-group-btn > textarea.pdp-form-submit,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn,
.dcc-sdsFinder .dcc-container .searchBar .search
.input-group-sm > .input-group-btn > select[multiple].sds-form-submit,
.input-group-sm > .input-group-btn > select[multiple].pdp-form-submit {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-lg > .input-group-btn > .sds-form-submit,
.input-group-lg > .input-group-btn > .pdp-form-submit {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-lg > .input-group-btn > select.sds-form-submit,
.input-group-lg > .input-group-btn > select.pdp-form-submit {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-lg > .input-group-btn > textarea.sds-form-submit,
.input-group-lg > .input-group-btn > textarea.pdp-form-submit,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn,
.dcc-sdsFinder .dcc-container .searchBar .search
.input-group-lg > .input-group-btn > select[multiple].sds-form-submit,
.input-group-lg > .input-group-btn > select[multiple].pdp-form-submit {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-lg > .input-group-btn > .sds-form-submit + .form-control-feedback,
.input-group-lg > .input-group-btn > .pdp-form-submit + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-sm > .input-group-btn > .sds-form-submit + .form-control-feedback,
.input-group-sm > .input-group-btn > .pdp-form-submit + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 10px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .pdp-form-submit {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .pdp-form-submit:focus, .btn.focus, .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .focus.pdp-form-submit, .btn:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .pdp-form-submit:active:focus, .btn:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .pdp-form-submit:active.focus, .btn.active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .active.pdp-form-submit:focus, .btn.active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .active.focus.pdp-form-submit {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .pdp-form-submit:hover, .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .pdp-form-submit:focus, .btn.focus, .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .focus.pdp-form-submit {
    color: #333;
    text-decoration: none; }
  .btn:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn.active, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit, .disabled.pdp-form-submit, .btn[disabled], .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit, [disabled].pdp-form-submit,
  fieldset[disabled] .btn,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit,
  fieldset[disabled] .pdp-form-submit {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled, .dcc-sdsFinder .dcc-container .searchBar .search a.disabled.sds-form-submit, a.disabled.pdp-form-submit,
fieldset[disabled] a.btn,
fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
fieldset[disabled] a.sds-form-submit,
fieldset[disabled] a.pdp-form-submit {
  pointer-events: none; }

.btn-default, .btn-primary-black, .btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .pdp-form-submit {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-primary-black:focus, .btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .pdp-form-submit:focus, .btn-default.focus, .focus.btn-primary-black, .focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .focus.pdp-form-submit {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover, .btn-primary-black:hover, .btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .pdp-form-submit:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-primary-black:active, .btn-primary-charcoal:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn-default.active, .active.btn-primary-black, .active.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-black,
  .open > .dropdown-toggle.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .dropdown-toggle.sds-form-submit,
  .open > .dropdown-toggle.pdp-form-submit {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-primary-black:active:hover, .btn-primary-charcoal:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .pdp-form-submit:active:hover, .btn-default:active:focus, .btn-primary-black:active:focus, .btn-primary-charcoal:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .pdp-form-submit:active:focus, .btn-default:active.focus, .btn-primary-black:active.focus, .btn-primary-charcoal:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .pdp-form-submit:active.focus, .btn-default.active:hover, .active.btn-primary-black:hover, .active.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .active.pdp-form-submit:hover, .btn-default.active:focus, .active.btn-primary-black:focus, .active.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .active.pdp-form-submit:focus, .btn-default.active.focus, .active.focus.btn-primary-black, .active.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .active.focus.pdp-form-submit,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-black:hover,
    .open > .dropdown-toggle.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.sds-form-submit:hover,
    .open > .dropdown-toggle.pdp-form-submit:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-black:focus,
    .open > .dropdown-toggle.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.sds-form-submit:focus,
    .open > .dropdown-toggle.pdp-form-submit:focus,
    .open > .btn-default.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-black,
    .open > .dropdown-toggle.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.focus.sds-form-submit,
    .open > .dropdown-toggle.focus.pdp-form-submit {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-primary-black:active, .btn-primary-charcoal:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn-default.active, .active.btn-primary-black, .active.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-black,
  .open > .dropdown-toggle.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .dropdown-toggle.sds-form-submit,
  .open > .dropdown-toggle.pdp-form-submit {
    background-image: none; }
  .btn-default.disabled:hover, .disabled.btn-primary-black:hover, .disabled.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .disabled.pdp-form-submit:hover, .btn-default.disabled:focus, .disabled.btn-primary-black:focus, .disabled.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .disabled.pdp-form-submit:focus, .btn-default.disabled.focus, .disabled.focus.btn-primary-black, .disabled.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .disabled.focus.pdp-form-submit, .btn-default[disabled]:hover, [disabled].btn-primary-black:hover, [disabled].btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, [disabled].pdp-form-submit:hover, .btn-default[disabled]:focus, [disabled].btn-primary-black:focus, [disabled].btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, [disabled].pdp-form-submit:focus, .btn-default[disabled].focus, [disabled].focus.btn-primary-black, [disabled].focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, [disabled].focus.pdp-form-submit,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-primary-black:hover,
  fieldset[disabled] .btn-primary-charcoal:hover,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit:hover,
  fieldset[disabled] .pdp-form-submit:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-primary-black:focus,
  fieldset[disabled] .btn-primary-charcoal:focus,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit:focus,
  fieldset[disabled] .pdp-form-submit:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .focus.btn-primary-black,
  fieldset[disabled] .focus.btn-primary-charcoal,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .focus.sds-form-submit,
  fieldset[disabled] .focus.pdp-form-submit {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge, .btn-primary-black .badge, .btn-primary-charcoal .badge, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .pdp-form-submit .badge {
    color: #fff;
    background-color: #333; }

.btn-primary, .btn-primary-teal, .btn-primary-teal-bright {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary-teal:focus, .btn-primary-teal-bright:focus, .btn-primary.focus, .focus.btn-primary-teal, .focus.btn-primary-teal-bright {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover, .btn-primary-teal:hover, .btn-primary-teal-bright:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary-teal:active, .btn-primary-teal-bright:active, .btn-primary.active, .active.btn-primary-teal, .active.btn-primary-teal-bright,
  .open > .btn-primary.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-teal,
  .open > .dropdown-toggle.btn-primary-teal-bright {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary-teal:active:hover, .btn-primary-teal-bright:active:hover, .btn-primary:active:focus, .btn-primary-teal:active:focus, .btn-primary-teal-bright:active:focus, .btn-primary:active.focus, .btn-primary-teal:active.focus, .btn-primary-teal-bright:active.focus, .btn-primary.active:hover, .active.btn-primary-teal:hover, .active.btn-primary-teal-bright:hover, .btn-primary.active:focus, .active.btn-primary-teal:focus, .active.btn-primary-teal-bright:focus, .btn-primary.active.focus, .active.focus.btn-primary-teal, .active.focus.btn-primary-teal-bright,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-teal:hover,
    .open > .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-teal:focus,
    .open > .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .btn-primary.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-teal,
    .open > .dropdown-toggle.focus.btn-primary-teal-bright {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary-teal:active, .btn-primary-teal-bright:active, .btn-primary.active, .active.btn-primary-teal, .active.btn-primary-teal-bright,
  .open > .btn-primary.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-teal,
  .open > .dropdown-toggle.btn-primary-teal-bright {
    background-image: none; }
  .btn-primary.disabled:hover, .disabled.btn-primary-teal:hover, .disabled.btn-primary-teal-bright:hover, .btn-primary.disabled:focus, .disabled.btn-primary-teal:focus, .disabled.btn-primary-teal-bright:focus, .btn-primary.disabled.focus, .disabled.focus.btn-primary-teal, .disabled.focus.btn-primary-teal-bright, .btn-primary[disabled]:hover, [disabled].btn-primary-teal:hover, [disabled].btn-primary-teal-bright:hover, .btn-primary[disabled]:focus, [disabled].btn-primary-teal:focus, [disabled].btn-primary-teal-bright:focus, .btn-primary[disabled].focus, [disabled].focus.btn-primary-teal, [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary-teal:hover,
  fieldset[disabled] .btn-primary-teal-bright:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary-teal:focus,
  fieldset[disabled] .btn-primary-teal-bright:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .focus.btn-primary-teal,
  fieldset[disabled] .focus.btn-primary-teal-bright {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge, .btn-primary-teal .badge, .btn-primary-teal-bright .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success, .btn-primary-salmon {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-primary-salmon:focus, .btn-success.focus, .focus.btn-primary-salmon {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover, .btn-primary-salmon:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-primary-salmon:active, .btn-success.active, .active.btn-primary-salmon,
  .open > .btn-success.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-salmon {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-primary-salmon:active:hover, .btn-success:active:focus, .btn-primary-salmon:active:focus, .btn-success:active.focus, .btn-primary-salmon:active.focus, .btn-success.active:hover, .active.btn-primary-salmon:hover, .btn-success.active:focus, .active.btn-primary-salmon:focus, .btn-success.active.focus, .active.focus.btn-primary-salmon,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-salmon:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-salmon:focus,
    .open > .btn-success.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-salmon {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-primary-salmon:active, .btn-success.active, .active.btn-primary-salmon,
  .open > .btn-success.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-salmon {
    background-image: none; }
  .btn-success.disabled:hover, .disabled.btn-primary-salmon:hover, .btn-success.disabled:focus, .disabled.btn-primary-salmon:focus, .btn-success.disabled.focus, .disabled.focus.btn-primary-salmon, .btn-success[disabled]:hover, [disabled].btn-primary-salmon:hover, .btn-success[disabled]:focus, [disabled].btn-primary-salmon:focus, .btn-success[disabled].focus, [disabled].focus.btn-primary-salmon,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-primary-salmon:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-primary-salmon:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .focus.btn-primary-salmon {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge, .btn-primary-salmon .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info, .btn-ghost-black {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-ghost-black:focus, .btn-info.focus, .focus.btn-ghost-black {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover, .btn-ghost-black:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-ghost-black:active, .btn-info.active, .active.btn-ghost-black,
  .open > .btn-info.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-black {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-ghost-black:active:hover, .btn-info:active:focus, .btn-ghost-black:active:focus, .btn-info:active.focus, .btn-ghost-black:active.focus, .btn-info.active:hover, .active.btn-ghost-black:hover, .btn-info.active:focus, .active.btn-ghost-black:focus, .btn-info.active.focus, .active.focus.btn-ghost-black,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-ghost-black:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-ghost-black:focus,
    .open > .btn-info.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-ghost-black {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-ghost-black:active, .btn-info.active, .active.btn-ghost-black,
  .open > .btn-info.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-black {
    background-image: none; }
  .btn-info.disabled:hover, .disabled.btn-ghost-black:hover, .btn-info.disabled:focus, .disabled.btn-ghost-black:focus, .btn-info.disabled.focus, .disabled.focus.btn-ghost-black, .btn-info[disabled]:hover, [disabled].btn-ghost-black:hover, .btn-info[disabled]:focus, [disabled].btn-ghost-black:focus, .btn-info[disabled].focus, [disabled].focus.btn-ghost-black,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-ghost-black:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-ghost-black:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .focus.btn-ghost-black {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge, .btn-ghost-black .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning, .btn-ghost-white {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-ghost-white:focus, .btn-warning.focus, .focus.btn-ghost-white {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover, .btn-ghost-white:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-ghost-white:active, .btn-warning.active, .active.btn-ghost-white,
  .open > .btn-warning.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-white {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-ghost-white:active:hover, .btn-warning:active:focus, .btn-ghost-white:active:focus, .btn-warning:active.focus, .btn-ghost-white:active.focus, .btn-warning.active:hover, .active.btn-ghost-white:hover, .btn-warning.active:focus, .active.btn-ghost-white:focus, .btn-warning.active.focus, .active.focus.btn-ghost-white,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-ghost-white:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-ghost-white:focus,
    .open > .btn-warning.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-ghost-white {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-ghost-white:active, .btn-warning.active, .active.btn-ghost-white,
  .open > .btn-warning.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-white {
    background-image: none; }
  .btn-warning.disabled:hover, .disabled.btn-ghost-white:hover, .btn-warning.disabled:focus, .disabled.btn-ghost-white:focus, .btn-warning.disabled.focus, .disabled.focus.btn-ghost-white, .btn-warning[disabled]:hover, [disabled].btn-ghost-white:hover, .btn-warning[disabled]:focus, [disabled].btn-ghost-white:focus, .btn-warning[disabled].focus, [disabled].focus.btn-ghost-white,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-ghost-white:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-ghost-white:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .focus.btn-ghost-white {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge, .btn-ghost-white .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-lg > .sds-form-submit, .btn-group-lg > .pdp-form-submit {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-sm > .sds-form-submit, .btn-group-sm > .pdp-form-submit {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-xs > .sds-form-submit, .btn-group-xs > .pdp-form-submit {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit, .btn-group > .pdp-form-submit,
  .btn-group-vertical > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .btn-group-vertical > .sds-form-submit,
  .btn-group-vertical > .pdp-form-submit {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:hover, .btn-group > .pdp-form-submit:hover, .btn-group > .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:focus, .btn-group > .pdp-form-submit:focus, .btn-group > .btn:active, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:active, .btn-group > .pdp-form-submit:active, .btn-group > .btn.active, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .active.sds-form-submit, .btn-group > .active.pdp-form-submit,
    .btn-group-vertical > .btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .btn-group-vertical > .sds-form-submit:hover,
    .btn-group-vertical > .pdp-form-submit:hover,
    .btn-group-vertical > .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .btn-group-vertical > .sds-form-submit:focus,
    .btn-group-vertical > .pdp-form-submit:focus,
    .btn-group-vertical > .btn:active, .dcc-sdsFinder .dcc-container .searchBar .search
    .btn-group-vertical > .sds-form-submit:active,
    .btn-group-vertical > .pdp-form-submit:active,
    .btn-group-vertical > .btn.active, .dcc-sdsFinder .dcc-container .searchBar .search
    .btn-group-vertical > .active.sds-form-submit,
    .btn-group-vertical > .active.pdp-form-submit {
      z-index: 2; }

.btn-group .btn + .btn, .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group .sds-form-submit + .btn, .btn-group .pdp-form-submit + .btn, .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .btn + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group .btn + .sds-form-submit, .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group .sds-form-submit + .sds-form-submit, .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .pdp-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group .pdp-form-submit + .sds-form-submit, .btn-group .btn + .pdp-form-submit, .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .pdp-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group .sds-form-submit + .pdp-form-submit, .btn-group .pdp-form-submit + .pdp-form-submit,
.btn-group .btn + .btn-group,
.btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .btn-group, .dcc-sdsFinder .dcc-container .searchBar .search
.btn-group .sds-form-submit + .btn-group,
.btn-group .pdp-form-submit + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .dcc-sdsFinder .dcc-container .searchBar .search .btn-group + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
.btn-group .btn-group + .sds-form-submit,
.btn-group .btn-group + .pdp-form-submit,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn, .btn-toolbar .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-toolbar .sds-form-submit, .btn-toolbar .pdp-form-submit,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-toolbar > .sds-form-submit, .btn-toolbar > .pdp-form-submit,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .pdp-form-submit:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:first-child, .btn-group > .pdp-form-submit:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .pdp-form-submit:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit:last-child:not(:first-child), .btn-group > .pdp-form-submit:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .btn-group:not(:first-child):not(:last-child) > .sds-form-submit, .btn-group > .btn-group:not(:first-child):not(:last-child) > .pdp-form-submit {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .btn-group:first-child:not(:last-child) > .sds-form-submit:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .pdp-form-submit:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .btn-group:last-child:not(:first-child) > .sds-form-submit:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .pdp-form-submit:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group > .sds-form-submit + .dropdown-toggle, .btn-group > .pdp-form-submit + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-lg.btn-group > .sds-form-submit + .dropdown-toggle, .btn-group-lg.btn-group > .pdp-form-submit + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .caret, .pdp-form-submit .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-lg > .sds-form-submit .caret, .btn-group-lg > .pdp-form-submit .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-lg > .sds-form-submit .caret, .dcc-sdsFinder .dcc-container .searchBar .search .dropup .btn-group-lg > .sds-form-submit .caret, .dropup .btn-group-lg > .pdp-form-submit .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit, .btn-group-vertical > .pdp-form-submit,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.btn-group-vertical > .btn-group > .sds-form-submit,
.btn-group-vertical > .btn-group > .pdp-form-submit {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .btn-group > .sds-form-submit, .btn-group-vertical > .btn-group > .pdp-form-submit {
  float: none; }

.btn-group-vertical > .btn + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit + .btn, .btn-group-vertical > .pdp-form-submit + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .btn + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .pdp-form-submit + .sds-form-submit, .btn-group-vertical > .btn + .pdp-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit + .pdp-form-submit, .btn-group-vertical > .pdp-form-submit + .pdp-form-submit,
.btn-group-vertical > .btn + .btn-group, .dcc-sdsFinder .dcc-container .searchBar .search
.btn-group-vertical > .sds-form-submit + .btn-group,
.btn-group-vertical > .pdp-form-submit + .btn-group,
.btn-group-vertical > .btn-group + .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.btn-group-vertical > .btn-group + .sds-form-submit,
.btn-group-vertical > .btn-group + .pdp-form-submit,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit:not(:first-child):not(:last-child), .btn-group-vertical > .pdp-form-submit:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit:first-child:not(:last-child), .btn-group-vertical > .pdp-form-submit:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child), .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .sds-form-submit:last-child:not(:first-child), .btn-group-vertical > .pdp-form-submit:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .sds-form-submit, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .pdp-form-submit {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .btn-group:first-child:not(:last-child) > .sds-form-submit:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .pdp-form-submit:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-vertical > .btn-group:last-child:not(:first-child) > .sds-form-submit:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .pdp-form-submit:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-justified > .sds-form-submit, .btn-group-justified > .pdp-form-submit,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-justified > .btn-group .sds-form-submit, .btn-group-justified > .btn-group .pdp-form-submit {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"], .dcc-sdsFinder .dcc-container .searchBar .search [data-toggle="buttons"] > .sds-form-submit input[type="radio"], [data-toggle="buttons"] > .pdp-form-submit input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"], .dcc-sdsFinder .dcc-container .searchBar .search
[data-toggle="buttons"] > .sds-form-submit input[type="checkbox"],
[data-toggle="buttons"] > .pdp-form-submit input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .dcc-sdsFinder .dcc-container .searchBar .search
[data-toggle="buttons"] > .btn-group > .sds-form-submit input[type="radio"],
[data-toggle="buttons"] > .btn-group > .pdp-form-submit input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .dcc-sdsFinder .dcc-container .searchBar .search
[data-toggle="buttons"] > .btn-group > .sds-form-submit input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .pdp-form-submit input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-sm > .input-group-btn > .input-group-addon.sds-form-submit,
  .input-group-sm > .input-group-btn > .input-group-addon.pdp-form-submit {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn, .dcc-sdsFinder .dcc-container .searchBar .search
  .input-group-lg > .input-group-btn > .input-group-addon.sds-form-submit,
  .input-group-lg > .input-group-btn > .input-group-addon.pdp-form-submit {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:first-child > .sds-form-submit,
.input-group-btn:first-child > .pdp-form-submit,
.input-group-btn:first-child > .btn-group > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:first-child > .btn-group > .sds-form-submit,
.input-group-btn:first-child > .btn-group > .pdp-form-submit,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:last-child > .sds-form-submit:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .pdp-form-submit:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:last-child > .btn-group:not(:last-child) > .sds-form-submit,
.input-group-btn:last-child > .btn-group:not(:last-child) > .pdp-form-submit {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:last-child > .sds-form-submit,
.input-group-btn:last-child > .pdp-form-submit,
.input-group-btn:last-child > .btn-group > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:last-child > .btn-group > .sds-form-submit,
.input-group-btn:last-child > .btn-group > .pdp-form-submit,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child), .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:first-child > .sds-form-submit:not(:first-child),
.input-group-btn:first-child > .pdp-form-submit:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .dcc-sdsFinder .dcc-container .searchBar .search
.input-group-btn:first-child > .btn-group:not(:first-child) > .sds-form-submit,
.input-group-btn:first-child > .btn-group:not(:first-child) > .pdp-form-submit {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit, .input-group-btn > .pdp-form-submit {
    position: relative; }
    .input-group-btn > .btn + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit + .btn, .input-group-btn > .pdp-form-submit + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .btn + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .pdp-form-submit + .sds-form-submit, .input-group-btn > .btn + .pdp-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit + .pdp-form-submit, .input-group-btn > .pdp-form-submit + .pdp-form-submit {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit:hover, .input-group-btn > .pdp-form-submit:hover, .input-group-btn > .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit:focus, .input-group-btn > .pdp-form-submit:focus, .input-group-btn > .btn:active, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn > .sds-form-submit:active, .input-group-btn > .pdp-form-submit:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn:first-child > .sds-form-submit, .input-group-btn:first-child > .pdp-form-submit,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .input-group-btn:last-child > .sds-form-submit, .input-group-btn:last-child > .pdp-form-submit,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 320px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -10px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -10px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-sm > .navbar-btn.sds-form-submit, .btn-group-sm > .navbar-btn.pdp-form-submit {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-xs > .navbar-btn.sds-form-submit, .btn-group-xs > .navbar-btn.pdp-form-submit {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 10px;
      margin-right: 10px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -10px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination, .pagination-with-menu .pagination-show {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li, .pagination-with-menu .pagination-show > li {
    display: inline; }
    .pagination > li > a, .pagination-with-menu .pagination-show > li > a,
    .pagination > li > span, .pagination-with-menu .pagination-show > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a, .pagination-with-menu .pagination-show > li:first-child > a,
    .pagination > li:first-child > span, .pagination-with-menu .pagination-show > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a, .pagination-with-menu .pagination-show > li:last-child > a,
    .pagination > li:last-child > span, .pagination-with-menu .pagination-show > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination-with-menu .pagination-show > li > a:hover, .pagination > li > a:focus, .pagination-with-menu .pagination-show > li > a:focus,
  .pagination > li > span:hover, .pagination-with-menu .pagination-show > li > span:hover,
  .pagination > li > span:focus, .pagination-with-menu .pagination-show > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination-with-menu .pagination-show > .active > a, .pagination > .active > a:hover, .pagination-with-menu .pagination-show > .active > a:hover, .pagination > .active > a:focus, .pagination-with-menu .pagination-show > .active > a:focus,
  .pagination > .active > span, .pagination-with-menu .pagination-show > .active > span,
  .pagination > .active > span:hover, .pagination-with-menu .pagination-show > .active > span:hover,
  .pagination > .active > span:focus, .pagination-with-menu .pagination-show > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span, .pagination-with-menu .pagination-show > .disabled > span,
  .pagination > .disabled > span:hover, .pagination-with-menu .pagination-show > .disabled > span:hover,
  .pagination > .disabled > span:focus, .pagination-with-menu .pagination-show > .disabled > span:focus,
  .pagination > .disabled > a, .pagination-with-menu .pagination-show > .disabled > a,
  .pagination > .disabled > a:hover, .pagination-with-menu .pagination-show > .disabled > a:hover,
  .pagination > .disabled > a:focus, .pagination-with-menu .pagination-show > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .label, .pdp-form-submit .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .pdp-form-submit .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-xs > .sds-form-submit .badge, .btn-group-xs > .pdp-form-submit .badge,
  .btn-group-xs > .btn .badge, .dcc-sdsFinder .dcc-container .searchBar .search
  .btn-group-xs > .sds-form-submit .badge,
  .btn-group-xs > .pdp-form-submit .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1, .jumbotron .select-your-industry-content--tips,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1, .jumbotron .select-your-industry-content--tips,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal, .pdpModal, .dccHomepageModal, .viewItemsCarouselModal, .teaserOverlayComponent {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog, .fade.pdpModal .modal-dialog, .fade.dccHomepageModal .modal-dialog, .fade.viewItemsCarouselModal .modal-dialog, .fade.teaserOverlayComponent .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog, .in.pdpModal .modal-dialog, .in.dccHomepageModal .modal-dialog, .in.viewItemsCarouselModal .modal-dialog, .in.teaserOverlayComponent .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal, .modal-open .pdpModal, .modal-open .dccHomepageModal, .modal-open .viewItemsCarouselModal, .modal-open .teaserOverlayComponent {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .sds-form-submit + .btn, .modal-footer .pdp-form-submit + .btn, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .btn + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn + .sds-form-submit, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .sds-form-submit + .sds-form-submit, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .pdp-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .pdp-form-submit + .sds-form-submit, .modal-footer .btn + .pdp-form-submit, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .pdp-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .sds-form-submit + .pdp-form-submit, .modal-footer .pdp-form-submit + .pdp-form-submit {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .btn, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn-group .sds-form-submit + .btn, .modal-footer .btn-group .pdp-form-submit + .btn, .modal-footer .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .btn + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn-group .btn + .sds-form-submit, .modal-footer .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn-group .sds-form-submit + .sds-form-submit, .modal-footer .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .pdp-form-submit + .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn-group .pdp-form-submit + .sds-form-submit, .modal-footer .btn-group .btn + .pdp-form-submit, .modal-footer .btn-group .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit + .pdp-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .btn-group .sds-form-submit + .pdp-form-submit, .modal-footer .btn-group .pdp-form-submit + .pdp-form-submit {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 1080px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn, .carousel-caption .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .carousel-caption .sds-form-submit, .carousel-caption .pdp-form-submit {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

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

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1080px) and (max-width: 1079px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1080px) and (max-width: 1079px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1080px) and (max-width: 1079px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1080px) and (max-width: 1079px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1080px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1080px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1080px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1080px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

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

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

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

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

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*COLORS FROM STYLE GUIDE -
using NAME THAT COLOR to generate meaningful color names - http://chir.ag/projects/name-that-color/#1b1b1b
*/
@-webkit-keyframes drop-down-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-moz-keyframes drop-down-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-ms-keyframes drop-down-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-o-keyframes drop-down-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@keyframes drop-down-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-moz-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-ms-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-o-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-ms-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes slide-right-off-screen {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-moz-keyframes slide-right-off-screen {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-ms-keyframes slide-right-off-screen {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-o-keyframes slide-right-off-screen {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slide-right-off-screen {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes slide-left-off-screen {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-moz-keyframes slide-left-off-screen {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-ms-keyframes slide-left-off-screen {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-o-keyframes slide-left-off-screen {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slide-left-off-screen {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

/*	OVERRIDES	*/
/* mixin for multiline */
/*arrow*/
html {
  font-size: 16px; }

body {
  font-size: 14px;
  color: #333333;
  font-family: Arial, sans-serif; }
  body.ja-jp, body.language-ja {
    font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

h1, .select-your-industry-content--tips, h2, .homepage-hero .carousel-content--description, .modal-body--title, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: normal;
  color: inherit; }

h1, .select-your-industry-content--tips,
.h1 {
  font-size: 1.5rem;
  line-height: 1.16667;
  font-weight: normal;
  /* @media (min-width: $screen-sm-min) {
     	font-size: $font-size-h1--mobile;
     	line-height: $font-line-height-h1--mobile;
     }*/ }

h2, .homepage-hero .carousel-content--description, .modal-body--title,
.h2,
.embed-column--header {
  font-size: 1.125rem;
  line-height: 1.22222; }

h3,
.h3 {
  font-size: 0.875rem;
  line-height: 1.22222; }

h4,
.h4 {
  font-size: 0.875rem;
  line-height: 1.57143;
  text-transform: uppercase;
  letter-spacing: 0.25rem; }

h5,
.h5 {
  font-size: 0.8125rem;
  line-height: 1.38462; }

h6,
.h6 {
  font-size: 0.75rem;
  line-height: 1.33333; }

p {
  font-size: 0.875rem;
  line-height: 1.42857; }

a {
  line-height: 1.42857;
  text-decoration: none;
  color: #e80033;
  cursor: pointer; }
  a:link {
    color: #e80033;
    text-decoration: none; }
    a:link:visited {
      color: #e80033; }
    a:link:visited:hover {
      text-decoration: none;
      color: #bf002a; }
  a:hover {
    text-decoration: none;
    color: #bf002a; }
  a:active {
    color: #e80033;
    text-decoration: none;
    font-weight: bold; }

header a {
  line-height: 1.42857;
  text-decoration: none;
  color: #2C2A29;
  cursor: pointer; }
  header a:link {
    color: #2C2A29;
    text-decoration: none;
    font-weight: normal; }
  header a:visited {
    color: #2C2A29;
    font-weight: normal; }
  header a:visited:hover {
    text-decoration: none;
    color: #e80033;
    font-weight: normal; }
  header a:hover {
    text-decoration: none;
    color: #e80033; }
  header a:active {
    color: #e80033;
    text-decoration: none;
    font-weight: bold; }

header a:hover {
  color: #e80033; }

strong,
.text-strong {
  font-weight: bold; }

em,
.text-em {
  font-style: italic; }

ol.ordered-list {
  color: #e80033;
  font-weight: bold; }
  ol.ordered-list li {
    line-height: cale-em(28px); }
  ol.ordered-list p {
    color: #000000;
    font-weight: normal;
    padding-left: 5px; }

ul.unordered-list {
  padding: 0; }
  ul.unordered-list li {
    background-image: url(global/css/svg/icons/list-bullet.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 25px;
    list-style: none;
    line-height: 1.75rem; }

.btn, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .pdp-form-submit {
  display: inline-block;
  letter-spacing: 0.15rem !important;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  padding: 10px 20px;
  line-height: 1.2;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px !important; }
  .btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .pdp-form-submit:hover, .btn:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .pdp-form-submit:focus, .btn.focus, .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .focus.pdp-form-submit {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    outline-offset: 0;
    border-color: #e80033; }
  .btn:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn.active, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .btn.disabled, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit, .disabled.pdp-form-submit, .btn[disabled], .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit, [disabled].pdp-form-submit,
  fieldset[disabled] .btn,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit,
  fieldset[disabled] .pdp-form-submit {
    cursor: not-allowed;
    opacity: 0.35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled, .dcc-sdsFinder .dcc-container .searchBar .search a.disabled.sds-form-submit, a.disabled.pdp-form-submit,
fieldset[disabled] a.btn,
fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
fieldset[disabled] a.sds-form-submit,
fieldset[disabled] a.pdp-form-submit {
  pointer-events: none; }

a.btn:link, .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit:link, a.pdp-form-submit:link {
  color: #ffffff; }

a.btn:visited, .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit:visited, a.pdp-form-submit:visited, a.btn:visited:link, .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit:visited:link, a.pdp-form-submit:visited:link {
  color: #ffffff; }

a.btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit:hover, a.pdp-form-submit:hover {
  color: #a8d9d9; }

.btn-default, .btn-primary-black, .btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .pdp-form-submit {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333; }
  .btn-default:focus, .btn-primary-black:focus, .btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .pdp-form-submit:focus, .btn-default.focus, .focus.btn-primary-black, .focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .focus.pdp-form-submit {
    color: #ffffff;
    background-color: #4d4d4d;
    border-color: #333333; }
  .btn-default:hover, .btn-primary-black:hover, .btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .pdp-form-submit:hover {
    color: #ffffff;
    background-color: #404040;
    border-color: #333333;
    transition: none; }
  .btn-default:active, .btn-primary-black:active, .btn-primary-charcoal:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn-default.active, .active.btn-primary-black, .active.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-black,
  .open > .dropdown-toggle.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .dropdown-toggle.sds-form-submit,
  .open > .dropdown-toggle.pdp-form-submit {
    color: #ffffff;
    background-color: #404040; }
    .btn-default:active:hover, .btn-primary-black:active:hover, .btn-primary-charcoal:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .pdp-form-submit:active:hover, .btn-default:active:focus, .btn-primary-black:active:focus, .btn-primary-charcoal:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .pdp-form-submit:active:focus, .btn-default:active.focus, .btn-primary-black:active.focus, .btn-primary-charcoal:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .pdp-form-submit:active.focus, .btn-default.active:hover, .active.btn-primary-black:hover, .active.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .active.pdp-form-submit:hover, .btn-default.active:focus, .active.btn-primary-black:focus, .active.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .active.pdp-form-submit:focus, .btn-default.active.focus, .active.focus.btn-primary-black, .active.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .active.focus.pdp-form-submit,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-black:hover,
    .open > .dropdown-toggle.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.sds-form-submit:hover,
    .open > .dropdown-toggle.pdp-form-submit:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-black:focus,
    .open > .dropdown-toggle.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.sds-form-submit:focus,
    .open > .dropdown-toggle.pdp-form-submit:focus,
    .open > .btn-default.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-black,
    .open > .dropdown-toggle.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .dropdown-toggle.focus.sds-form-submit,
    .open > .dropdown-toggle.focus.pdp-form-submit {
      color: #ffffff;
      background-color: #404040;
      border-color: transparent; }
  .btn-default:active, .btn-primary-black:active, .btn-primary-charcoal:active, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .pdp-form-submit:active, .btn-default.active, .active.btn-primary-black, .active.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .active.pdp-form-submit,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-black,
  .open > .dropdown-toggle.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .dropdown-toggle.sds-form-submit,
  .open > .dropdown-toggle.pdp-form-submit {
    background-image: none; }
  .btn-default.disabled:hover, .disabled.btn-primary-black:hover, .disabled.btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .disabled.pdp-form-submit:hover, .btn-default.disabled:focus, .disabled.btn-primary-black:focus, .disabled.btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .disabled.pdp-form-submit:focus, .btn-default.disabled.focus, .disabled.focus.btn-primary-black, .disabled.focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .disabled.focus.pdp-form-submit, .btn-default[disabled]:hover, [disabled].btn-primary-black:hover, [disabled].btn-primary-charcoal:hover, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, [disabled].pdp-form-submit:hover, .btn-default[disabled]:focus, [disabled].btn-primary-black:focus, [disabled].btn-primary-charcoal:focus, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, [disabled].pdp-form-submit:focus, .btn-default[disabled].focus, [disabled].focus.btn-primary-black, [disabled].focus.btn-primary-charcoal, .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, [disabled].focus.pdp-form-submit,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-primary-black:hover,
  fieldset[disabled] .btn-primary-charcoal:hover,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit:hover,
  fieldset[disabled] .pdp-form-submit:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-primary-black:focus,
  fieldset[disabled] .btn-primary-charcoal:focus,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .sds-form-submit:focus,
  fieldset[disabled] .pdp-form-submit:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .focus.btn-primary-black,
  fieldset[disabled] .focus.btn-primary-charcoal,
  fieldset[disabled] .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .focus.sds-form-submit,
  fieldset[disabled] .focus.pdp-form-submit {
    background-color: #333333;
    border-color: #333333; }
  .btn-default .badge, .btn-primary-black .badge, .btn-primary-charcoal .badge, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .pdp-form-submit .badge {
    color: #333333;
    background-color: #ffffff; }

.btn-primary, .btn-primary-teal, .btn-primary-teal-bright {
  color: #ffffff !important;
  background-color: #e80033 !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .btn-primary:focus, .btn-primary-teal:focus, .btn-primary-teal-bright:focus, .btn-primary.focus, .focus.btn-primary-teal, .focus.btn-primary-teal-bright {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important; }
  .btn-primary:hover, .btn-primary-teal:hover, .btn-primary-teal-bright:hover {
    color: #ffffff !important;
    background-color: #bf002a !important;
    border-color: #e80033 !important;
    transition: none; }
  .btn-primary:active, .btn-primary-teal:active, .btn-primary-teal-bright:active, .btn-primary.active, .active.btn-primary-teal, .active.btn-primary-teal-bright,
  .open > .btn-primary.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-teal,
  .open > .dropdown-toggle.btn-primary-teal-bright {
    color: #ffffff !important;
    background-color: #e80033 !important; }
    .btn-primary:active:hover, .btn-primary-teal:active:hover, .btn-primary-teal-bright:active:hover, .btn-primary:active:focus, .btn-primary-teal:active:focus, .btn-primary-teal-bright:active:focus, .btn-primary:active.focus, .btn-primary-teal:active.focus, .btn-primary-teal-bright:active.focus, .btn-primary.active:hover, .active.btn-primary-teal:hover, .active.btn-primary-teal-bright:hover, .btn-primary.active:focus, .active.btn-primary-teal:focus, .active.btn-primary-teal-bright:focus, .btn-primary.active.focus, .active.focus.btn-primary-teal, .active.focus.btn-primary-teal-bright,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-teal:hover,
    .open > .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-teal:focus,
    .open > .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .btn-primary.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-teal,
    .open > .dropdown-toggle.focus.btn-primary-teal-bright {
      color: #ffffff;
      background-color: #e80033;
      border-color: transparent; }
  .btn-primary:active, .btn-primary-teal:active, .btn-primary-teal-bright:active, .btn-primary.active, .active.btn-primary-teal, .active.btn-primary-teal-bright,
  .open > .btn-primary.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-teal,
  .open > .dropdown-toggle.btn-primary-teal-bright {
    background-image: none; }
  .btn-primary.disabled:hover, .disabled.btn-primary-teal:hover, .disabled.btn-primary-teal-bright:hover, .btn-primary.disabled:focus, .disabled.btn-primary-teal:focus, .disabled.btn-primary-teal-bright:focus, .btn-primary.disabled.focus, .disabled.focus.btn-primary-teal, .disabled.focus.btn-primary-teal-bright, .btn-primary[disabled]:hover, [disabled].btn-primary-teal:hover, [disabled].btn-primary-teal-bright:hover, .btn-primary[disabled]:focus, [disabled].btn-primary-teal:focus, [disabled].btn-primary-teal-bright:focus, .btn-primary[disabled].focus, [disabled].focus.btn-primary-teal, [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary-teal:hover,
  fieldset[disabled] .btn-primary-teal-bright:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary-teal:focus,
  fieldset[disabled] .btn-primary-teal-bright:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .focus.btn-primary-teal,
  fieldset[disabled] .focus.btn-primary-teal-bright {
    background-color: #bf002a;
    border-color: #e80033; }
  .btn-primary .badge, .btn-primary-teal .badge, .btn-primary-teal-bright .badge {
    color: #e80033;
    background-color: #ffffff; }

.btn-success, .btn-primary-salmon {
  color: #ffffff !important;
  background-color: #e80033 !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .btn-success:focus, .btn-primary-salmon:focus, .btn-success.focus, .focus.btn-primary-salmon {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important; }
  .btn-success:hover, .btn-primary-salmon:hover {
    color: #ffffff !important;
    background-color: #bf002a !important;
    border-color: #e80033 !important;
    transition: none; }
  .btn-success:active, .btn-primary-salmon:active, .btn-success.active, .active.btn-primary-salmon,
  .open > .btn-success.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-salmon {
    color: #ffffff !important;
    background-color: #e80033 !important; }
    .btn-success:active:hover, .btn-primary-salmon:active:hover, .btn-success:active:focus, .btn-primary-salmon:active:focus, .btn-success:active.focus, .btn-primary-salmon:active.focus, .btn-success.active:hover, .active.btn-primary-salmon:hover, .btn-success.active:focus, .active.btn-primary-salmon:focus, .btn-success.active.focus, .active.focus.btn-primary-salmon,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-primary-salmon:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-primary-salmon:focus,
    .open > .btn-success.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-primary-salmon {
      color: #ffffff;
      background-color: #e80033;
      border-color: transparent; }
  .btn-success:active, .btn-primary-salmon:active, .btn-success.active, .active.btn-primary-salmon,
  .open > .btn-success.dropdown-toggle,
  .open > .dropdown-toggle.btn-primary-salmon {
    background-image: none; }
  .btn-success.disabled:hover, .disabled.btn-primary-salmon:hover, .btn-success.disabled:focus, .disabled.btn-primary-salmon:focus, .btn-success.disabled.focus, .disabled.focus.btn-primary-salmon, .btn-success[disabled]:hover, [disabled].btn-primary-salmon:hover, .btn-success[disabled]:focus, [disabled].btn-primary-salmon:focus, .btn-success[disabled].focus, [disabled].focus.btn-primary-salmon,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-primary-salmon:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-primary-salmon:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .focus.btn-primary-salmon {
    background-color: #bf002a;
    border-color: #e80033; }
  .btn-success .badge, .btn-primary-salmon .badge {
    color: #e80033;
    background-color: #ffffff; }

.btn-info, .btn-ghost-black {
  color: #e80033 !important;
  background-color: #ffffff !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .btn-info:focus, .btn-ghost-black:focus, .btn-info.focus, .focus.btn-ghost-black {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e80033 !important; }
  .btn-info:hover, .btn-ghost-black:hover {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important;
    transition: none; }
  .btn-info:active, .btn-ghost-black:active, .btn-info.active, .active.btn-ghost-black,
  .open > .btn-info.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-black {
    color: #ffffff !important;
    background-color: #ffffff !important; }
    .btn-info:active:hover, .btn-ghost-black:active:hover, .btn-info:active:focus, .btn-ghost-black:active:focus, .btn-info:active.focus, .btn-ghost-black:active.focus, .btn-info.active:hover, .active.btn-ghost-black:hover, .btn-info.active:focus, .active.btn-ghost-black:focus, .btn-info.active.focus, .active.focus.btn-ghost-black,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-ghost-black:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-ghost-black:focus,
    .open > .btn-info.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-ghost-black {
      color: #ffffff;
      background-color: #ffffff;
      border-color: transparent; }
  .btn-info:active, .btn-ghost-black:active, .btn-info.active, .active.btn-ghost-black,
  .open > .btn-info.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-black {
    background-image: none; }
  .btn-info.disabled:hover, .disabled.btn-ghost-black:hover, .btn-info.disabled:focus, .disabled.btn-ghost-black:focus, .btn-info.disabled.focus, .disabled.focus.btn-ghost-black, .btn-info[disabled]:hover, [disabled].btn-ghost-black:hover, .btn-info[disabled]:focus, [disabled].btn-ghost-black:focus, .btn-info[disabled].focus, [disabled].focus.btn-ghost-black,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-ghost-black:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-ghost-black:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .focus.btn-ghost-black {
    background-color: #e80033;
    border-color: #e80033; }
  .btn-info .badge, .btn-ghost-black .badge {
    color: #ffffff;
    background-color: #e80033; }

.btn-warning, .btn-ghost-white {
  color: #ffffff;
  background-color: #ebebeb;
  border-color: #ffffff; }
  .btn-warning:focus, .btn-ghost-white:focus, .btn-warning.focus, .focus.btn-ghost-white {
    color: #ffffff;
    background-color: white;
    border-color: #ffffff; }
  .btn-warning:hover, .btn-ghost-white:hover {
    color: #ffffff;
    background-color: #f8f8f8;
    border-color: #ffffff;
    transition: none; }
  .btn-warning:active, .btn-ghost-white:active, .btn-warning.active, .active.btn-ghost-white,
  .open > .btn-warning.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-white {
    color: #ffffff;
    background-color: #f8f8f8; }
    .btn-warning:active:hover, .btn-ghost-white:active:hover, .btn-warning:active:focus, .btn-ghost-white:active:focus, .btn-warning:active.focus, .btn-ghost-white:active.focus, .btn-warning.active:hover, .active.btn-ghost-white:hover, .btn-warning.active:focus, .active.btn-ghost-white:focus, .btn-warning.active.focus, .active.focus.btn-ghost-white,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-ghost-white:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-ghost-white:focus,
    .open > .btn-warning.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-ghost-white {
      color: #ffffff;
      background-color: #f8f8f8;
      border-color: transparent; }
  .btn-warning:active, .btn-ghost-white:active, .btn-warning.active, .active.btn-ghost-white,
  .open > .btn-warning.dropdown-toggle,
  .open > .dropdown-toggle.btn-ghost-white {
    background-image: none; }
  .btn-warning.disabled:hover, .disabled.btn-ghost-white:hover, .btn-warning.disabled:focus, .disabled.btn-ghost-white:focus, .btn-warning.disabled.focus, .disabled.focus.btn-ghost-white, .btn-warning[disabled]:hover, [disabled].btn-ghost-white:hover, .btn-warning[disabled]:focus, [disabled].btn-ghost-white:focus, .btn-warning[disabled].focus, [disabled].focus.btn-ghost-white,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-ghost-white:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-ghost-white:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .focus.btn-ghost-white {
    background-color: #ebebeb;
    border-color: #ffffff; }
  .btn-warning .badge, .btn-ghost-white .badge {
    color: #ebebeb;
    background-color: #ffffff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #e27c79;
    border-color: #d43f3a; }
  .btn-danger:hover {
    color: #fff;
    background-color: #de6764;
    border-color: #d43f3a;
    transition: none; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #de6764; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #de6764;
      border-color: transparent; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-simple, .btn-simple-arrow {
  color: #999999;
  background-color: #ffffff;
  border-color: #999999; }
  .btn-simple:focus, .btn-simple-arrow:focus, .btn-simple.focus, .focus.btn-simple-arrow {
    color: #999999;
    background-color: white;
    border-color: #999999; }
  .btn-simple:hover, .btn-simple-arrow:hover {
    color: #999999;
    background-color: white;
    border-color: #999999;
    transition: none; }
  .btn-simple:active, .btn-simple-arrow:active, .btn-simple.active, .active.btn-simple-arrow,
  .open > .btn-simple.dropdown-toggle,
  .open > .dropdown-toggle.btn-simple-arrow {
    color: #999999;
    background-color: white; }
    .btn-simple:active:hover, .btn-simple-arrow:active:hover, .btn-simple:active:focus, .btn-simple-arrow:active:focus, .btn-simple:active.focus, .btn-simple-arrow:active.focus, .btn-simple.active:hover, .active.btn-simple-arrow:hover, .btn-simple.active:focus, .active.btn-simple-arrow:focus, .btn-simple.active.focus, .active.focus.btn-simple-arrow,
    .open > .btn-simple.dropdown-toggle:hover,
    .open > .dropdown-toggle.btn-simple-arrow:hover,
    .open > .btn-simple.dropdown-toggle:focus,
    .open > .dropdown-toggle.btn-simple-arrow:focus,
    .open > .btn-simple.dropdown-toggle.focus,
    .open > .dropdown-toggle.focus.btn-simple-arrow {
      color: #999999;
      background-color: white;
      border-color: transparent; }
  .btn-simple:active, .btn-simple-arrow:active, .btn-simple.active, .active.btn-simple-arrow,
  .open > .btn-simple.dropdown-toggle,
  .open > .dropdown-toggle.btn-simple-arrow {
    background-image: none; }
  .btn-simple.disabled:hover, .disabled.btn-simple-arrow:hover, .btn-simple.disabled:focus, .disabled.btn-simple-arrow:focus, .btn-simple.disabled.focus, .disabled.focus.btn-simple-arrow, .btn-simple[disabled]:hover, [disabled].btn-simple-arrow:hover, .btn-simple[disabled]:focus, [disabled].btn-simple-arrow:focus, .btn-simple[disabled].focus, [disabled].focus.btn-simple-arrow,
  fieldset[disabled] .btn-simple:hover,
  fieldset[disabled] .btn-simple-arrow:hover,
  fieldset[disabled] .btn-simple:focus,
  fieldset[disabled] .btn-simple-arrow:focus,
  fieldset[disabled] .btn-simple.focus,
  fieldset[disabled] .focus.btn-simple-arrow {
    background-color: #ffffff;
    border-color: #999999; }
  .btn-simple .badge, .btn-simple-arrow .badge {
    color: #ffffff;
    background-color: #999999; }

.btn-grey {
  color: #e80033 !important;
  background-color: #ffffff !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .btn-grey:focus, .btn-grey.focus {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e80033 !important; }
  .btn-grey:hover {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important;
    transition: none; }
  .btn-grey:active, .btn-grey.active,
  .open > .btn-grey.dropdown-toggle {
    color: #ffffff !important;
    background-color: #ffffff !important; }
    .btn-grey:active:hover, .btn-grey:active:focus, .btn-grey:active.focus, .btn-grey.active:hover, .btn-grey.active:focus, .btn-grey.active.focus,
    .open > .btn-grey.dropdown-toggle:hover,
    .open > .btn-grey.dropdown-toggle:focus,
    .open > .btn-grey.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #ffffff;
      border-color: transparent; }
  .btn-grey:active, .btn-grey.active,
  .open > .btn-grey.dropdown-toggle {
    background-image: none; }
  .btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled.focus, .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled].focus,
  fieldset[disabled] .btn-grey:hover,
  fieldset[disabled] .btn-grey:focus,
  fieldset[disabled] .btn-grey.focus {
    background-color: #e80033;
    border-color: #e80033; }
  .btn-grey .badge {
    color: #ffffff;
    background-color: #e80033; }

.btn-primary-alt {
  color: #e80033 !important;
  background-color: #ffffff !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .btn-primary-alt:focus, .btn-primary-alt.focus {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e80033 !important; }
  .btn-primary-alt:hover {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important;
    transition: none; }
  .btn-primary-alt:active, .btn-primary-alt.active,
  .open > .btn-primary-alt.dropdown-toggle {
    color: #ffffff !important;
    background-color: #ffffff !important; }
    .btn-primary-alt:active:hover, .btn-primary-alt:active:focus, .btn-primary-alt:active.focus, .btn-primary-alt.active:hover, .btn-primary-alt.active:focus, .btn-primary-alt.active.focus,
    .open > .btn-primary-alt.dropdown-toggle:hover,
    .open > .btn-primary-alt.dropdown-toggle:focus,
    .open > .btn-primary-alt.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #ffffff;
      border-color: transparent; }
  .btn-primary-alt:active, .btn-primary-alt.active,
  .open > .btn-primary-alt.dropdown-toggle {
    background-image: none; }
  .btn-primary-alt.disabled:hover, .btn-primary-alt.disabled:focus, .btn-primary-alt.disabled.focus, .btn-primary-alt[disabled]:hover, .btn-primary-alt[disabled]:focus, .btn-primary-alt[disabled].focus,
  fieldset[disabled] .btn-primary-alt:hover,
  fieldset[disabled] .btn-primary-alt:focus,
  fieldset[disabled] .btn-primary-alt.focus {
    background-color: #e80033;
    border-color: #e80033; }
  .btn-primary-alt .badge {
    color: #ffffff;
    background-color: #e80033; }

.btn-primary-alt {
  border-width: 2px;
  white-space: nowrap; }
  .btn-primary-alt:active, .btn-primary-alt:focus {
    color: #fff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important; }

.registrationCancelModal .btn-default, .registrationCancelModal .btn-primary-black, .registrationCancelModal .btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit, .registrationCancelModal .pdp-form-submit {
  color: #e80033 !important;
  background-color: #ffffff !important;
  border-color: #e80033 !important;
  font-weight: normal; }
  .registrationCancelModal .btn-default:focus, .registrationCancelModal .btn-primary-black:focus, .registrationCancelModal .btn-primary-charcoal:focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:focus, .registrationCancelModal .pdp-form-submit:focus, .registrationCancelModal .btn-default.focus, .registrationCancelModal .focus.btn-primary-black, .registrationCancelModal .focus.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .focus.sds-form-submit, .registrationCancelModal .focus.pdp-form-submit {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e80033 !important; }
  .registrationCancelModal .btn-default:hover, .registrationCancelModal .btn-primary-black:hover, .registrationCancelModal .btn-primary-charcoal:hover, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:hover, .registrationCancelModal .pdp-form-submit:hover {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important;
    transition: none; }
  .registrationCancelModal .btn-default:active, .registrationCancelModal .btn-primary-black:active, .registrationCancelModal .btn-primary-charcoal:active, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:active, .registrationCancelModal .pdp-form-submit:active, .registrationCancelModal .btn-default.active, .registrationCancelModal .active.btn-primary-black, .registrationCancelModal .active.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .active.sds-form-submit, .registrationCancelModal .active.pdp-form-submit,
  .open > .registrationCancelModal .btn-default.dropdown-toggle,
  .open > .registrationCancelModal .dropdown-toggle.btn-primary-black,
  .open > .registrationCancelModal .dropdown-toggle.btn-primary-charcoal,
  .open > .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .registrationCancelModal .dropdown-toggle.sds-form-submit,
  .open > .registrationCancelModal .dropdown-toggle.pdp-form-submit {
    color: #ffffff !important;
    background-color: #ffffff !important; }
    .registrationCancelModal .btn-default:active:hover, .registrationCancelModal .btn-primary-black:active:hover, .registrationCancelModal .btn-primary-charcoal:active:hover, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:active:hover, .registrationCancelModal .pdp-form-submit:active:hover, .registrationCancelModal .btn-default:active:focus, .registrationCancelModal .btn-primary-black:active:focus, .registrationCancelModal .btn-primary-charcoal:active:focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:active:focus, .registrationCancelModal .pdp-form-submit:active:focus, .registrationCancelModal .btn-default:active.focus, .registrationCancelModal .btn-primary-black:active.focus, .registrationCancelModal .btn-primary-charcoal:active.focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:active.focus, .registrationCancelModal .pdp-form-submit:active.focus, .registrationCancelModal .btn-default.active:hover, .registrationCancelModal .active.btn-primary-black:hover, .registrationCancelModal .active.btn-primary-charcoal:hover, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .active.sds-form-submit:hover, .registrationCancelModal .active.pdp-form-submit:hover, .registrationCancelModal .btn-default.active:focus, .registrationCancelModal .active.btn-primary-black:focus, .registrationCancelModal .active.btn-primary-charcoal:focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .active.sds-form-submit:focus, .registrationCancelModal .active.pdp-form-submit:focus, .registrationCancelModal .btn-default.active.focus, .registrationCancelModal .active.focus.btn-primary-black, .registrationCancelModal .active.focus.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .active.focus.sds-form-submit, .registrationCancelModal .active.focus.pdp-form-submit,
    .open > .registrationCancelModal .btn-default.dropdown-toggle:hover,
    .open > .registrationCancelModal .dropdown-toggle.btn-primary-black:hover,
    .open > .registrationCancelModal .dropdown-toggle.btn-primary-charcoal:hover,
    .open > .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .registrationCancelModal .dropdown-toggle.sds-form-submit:hover,
    .open > .registrationCancelModal .dropdown-toggle.pdp-form-submit:hover,
    .open > .registrationCancelModal .btn-default.dropdown-toggle:focus,
    .open > .registrationCancelModal .dropdown-toggle.btn-primary-black:focus,
    .open > .registrationCancelModal .dropdown-toggle.btn-primary-charcoal:focus,
    .open > .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .registrationCancelModal .dropdown-toggle.sds-form-submit:focus,
    .open > .registrationCancelModal .dropdown-toggle.pdp-form-submit:focus,
    .open > .registrationCancelModal .btn-default.dropdown-toggle.focus,
    .open > .registrationCancelModal .dropdown-toggle.focus.btn-primary-black,
    .open > .registrationCancelModal .dropdown-toggle.focus.btn-primary-charcoal,
    .open > .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .registrationCancelModal .dropdown-toggle.focus.sds-form-submit,
    .open > .registrationCancelModal .dropdown-toggle.focus.pdp-form-submit {
      color: #ffffff;
      background-color: #ffffff;
      border-color: transparent; }
  .registrationCancelModal .btn-default:active, .registrationCancelModal .btn-primary-black:active, .registrationCancelModal .btn-primary-charcoal:active, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit:active, .registrationCancelModal .pdp-form-submit:active, .registrationCancelModal .btn-default.active, .registrationCancelModal .active.btn-primary-black, .registrationCancelModal .active.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .active.sds-form-submit, .registrationCancelModal .active.pdp-form-submit,
  .open > .registrationCancelModal .btn-default.dropdown-toggle,
  .open > .registrationCancelModal .dropdown-toggle.btn-primary-black,
  .open > .registrationCancelModal .dropdown-toggle.btn-primary-charcoal,
  .open > .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .registrationCancelModal .dropdown-toggle.sds-form-submit,
  .open > .registrationCancelModal .dropdown-toggle.pdp-form-submit {
    background-image: none; }
  .registrationCancelModal .btn-default.disabled:hover, .registrationCancelModal .disabled.btn-primary-black:hover, .registrationCancelModal .disabled.btn-primary-charcoal:hover, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .disabled.sds-form-submit:hover, .registrationCancelModal .disabled.pdp-form-submit:hover, .registrationCancelModal .btn-default.disabled:focus, .registrationCancelModal .disabled.btn-primary-black:focus, .registrationCancelModal .disabled.btn-primary-charcoal:focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .disabled.sds-form-submit:focus, .registrationCancelModal .disabled.pdp-form-submit:focus, .registrationCancelModal .btn-default.disabled.focus, .registrationCancelModal .disabled.focus.btn-primary-black, .registrationCancelModal .disabled.focus.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .disabled.focus.sds-form-submit, .registrationCancelModal .disabled.focus.pdp-form-submit, .registrationCancelModal .btn-default[disabled]:hover, .registrationCancelModal [disabled].btn-primary-black:hover, .registrationCancelModal [disabled].btn-primary-charcoal:hover, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal [disabled].sds-form-submit:hover, .registrationCancelModal [disabled].pdp-form-submit:hover, .registrationCancelModal .btn-default[disabled]:focus, .registrationCancelModal [disabled].btn-primary-black:focus, .registrationCancelModal [disabled].btn-primary-charcoal:focus, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal [disabled].sds-form-submit:focus, .registrationCancelModal [disabled].pdp-form-submit:focus, .registrationCancelModal .btn-default[disabled].focus, .registrationCancelModal [disabled].focus.btn-primary-black, .registrationCancelModal [disabled].focus.btn-primary-charcoal, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal [disabled].focus.sds-form-submit, .registrationCancelModal [disabled].focus.pdp-form-submit,
  fieldset[disabled] .registrationCancelModal .btn-default:hover,
  fieldset[disabled] .registrationCancelModal .btn-primary-black:hover,
  fieldset[disabled] .registrationCancelModal .btn-primary-charcoal:hover,
  fieldset[disabled] .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .registrationCancelModal .sds-form-submit:hover,
  fieldset[disabled] .registrationCancelModal .pdp-form-submit:hover,
  fieldset[disabled] .registrationCancelModal .btn-default:focus,
  fieldset[disabled] .registrationCancelModal .btn-primary-black:focus,
  fieldset[disabled] .registrationCancelModal .btn-primary-charcoal:focus,
  fieldset[disabled] .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .registrationCancelModal .sds-form-submit:focus,
  fieldset[disabled] .registrationCancelModal .pdp-form-submit:focus,
  fieldset[disabled] .registrationCancelModal .btn-default.focus,
  fieldset[disabled] .registrationCancelModal .focus.btn-primary-black,
  fieldset[disabled] .registrationCancelModal .focus.btn-primary-charcoal,
  fieldset[disabled] .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .registrationCancelModal .focus.sds-form-submit,
  fieldset[disabled] .registrationCancelModal .focus.pdp-form-submit {
    background-color: #e80033;
    border-color: #e80033; }
  .registrationCancelModal .btn-default .badge, .registrationCancelModal .btn-primary-black .badge, .registrationCancelModal .btn-primary-charcoal .badge, .registrationCancelModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .dcc-sdsFinder .dcc-container .searchBar .search .registrationCancelModal .sds-form-submit .badge, .registrationCancelModal .pdp-form-submit .badge {
    color: #ffffff;
    background-color: #e80033; }

.registration-button-group .btn-info:active, .registration-button-group .btn-ghost-black:active, .registration-button-group .btn-info:focus, .registration-button-group .btn-ghost-black:focus {
  color: #fff !important;
  background-color: #e80033 !important;
  border-color: #e80033 !important; }

.btn-howtobuy {
  color: #ffffff;
  background-color: #333;
  border-color: transparent; }
  .btn-howtobuy:focus, .btn-howtobuy.focus {
    color: #ffffff;
    background-color: #4d4d4d;
    border-color: transparent; }
  .btn-howtobuy:hover {
    color: #ffffff;
    background-color: #404040;
    border-color: transparent;
    transition: none; }
  .btn-howtobuy:active, .btn-howtobuy.active,
  .open > .btn-howtobuy.dropdown-toggle {
    color: #ffffff;
    background-color: #404040; }
    .btn-howtobuy:active:hover, .btn-howtobuy:active:focus, .btn-howtobuy:active.focus, .btn-howtobuy.active:hover, .btn-howtobuy.active:focus, .btn-howtobuy.active.focus,
    .open > .btn-howtobuy.dropdown-toggle:hover,
    .open > .btn-howtobuy.dropdown-toggle:focus,
    .open > .btn-howtobuy.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #404040;
      border-color: transparent; }
  .btn-howtobuy:active, .btn-howtobuy.active,
  .open > .btn-howtobuy.dropdown-toggle {
    background-image: none; }
  .btn-howtobuy.disabled:hover, .btn-howtobuy.disabled:focus, .btn-howtobuy.disabled.focus, .btn-howtobuy[disabled]:hover, .btn-howtobuy[disabled]:focus, .btn-howtobuy[disabled].focus,
  fieldset[disabled] .btn-howtobuy:hover,
  fieldset[disabled] .btn-howtobuy:focus,
  fieldset[disabled] .btn-howtobuy.focus {
    background-color: #333;
    border-color: transparent; }
  .btn-howtobuy .badge {
    color: #333;
    background-color: #ffffff; }
  .btn-howtobuy:hover, .btn-howtobuy:focus, .btn-howtobuy.focus, .btn-howtobuy:active, .btn-howtobuy.active {
    background-color: #e80033; }

.btn-simple, .btn-simple-arrow {
  border-width: 2px;
  padding-left: 5px;
  padding-right: 5px; }

.btn-simple:hover, .btn-simple-arrow:hover, .btn-simple-arrow:hover {
  background: #999999;
  border-width: 2px;
  color: #ffffff; }

.btn-simple-arrow {
  border-radius: 0; }

.btn-search {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }
  .btn-search:focus, .btn-search.focus {
    color: #ffffff;
    background-color: #b3b3b3;
    border-color: #999999; }
  .btn-search:hover {
    color: #ffffff;
    background-color: #a6a6a6;
    border-color: #999999;
    transition: none; }
  .btn-search:active, .btn-search.active,
  .open > .btn-search.dropdown-toggle {
    color: #ffffff;
    background-color: #a6a6a6; }
    .btn-search:active:hover, .btn-search:active:focus, .btn-search:active.focus, .btn-search.active:hover, .btn-search.active:focus, .btn-search.active.focus,
    .open > .btn-search.dropdown-toggle:hover,
    .open > .btn-search.dropdown-toggle:focus,
    .open > .btn-search.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #a6a6a6;
      border-color: transparent; }
  .btn-search:active, .btn-search.active,
  .open > .btn-search.dropdown-toggle {
    background-image: none; }
  .btn-search.disabled:hover, .btn-search.disabled:focus, .btn-search.disabled.focus, .btn-search[disabled]:hover, .btn-search[disabled]:focus, .btn-search[disabled].focus,
  fieldset[disabled] .btn-search:hover,
  fieldset[disabled] .btn-search:focus,
  fieldset[disabled] .btn-search.focus {
    background-color: #999999;
    border-color: #999999; }
  .btn-search .badge {
    color: #999999;
    background-color: #ffffff; }

.btn-search {
  border-width: 1px;
  border-radius: 5px; }

.btn-search:hover {
  background: #717171; }

.btn-link {
  border-radius: 0;
  color: #e80033;
  font-weight: normal; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-lg > .sds-form-submit, .btn-group-lg > .pdp-form-submit {
  padding: 10px 16px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-sm, .btn-group-sm > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-sm > .sds-form-submit, .btn-group-sm > .pdp-form-submit {
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn, .dcc-sdsFinder .dcc-container .searchBar .search .btn-group-xs > .sds-form-submit, .btn-group-xs > .pdp-form-submit {
  padding: 1px 5px;
  line-height: 1.5;
  border-radius: 3px; }

.pdp-form-submit {
  color: #ffffff !important;
  background-color: #e80033 !important;
  border-color: #e80033 !important;
  font-weight: normal;
  font-weight: normal !important; }
  .pdp-form-submit:focus, .pdp-form-submit.focus {
    color: #ffffff !important;
    background-color: #e80033 !important;
    border-color: #e80033 !important; }
  .pdp-form-submit:hover {
    color: #ffffff !important;
    background-color: #bf002a !important;
    border-color: #e80033 !important;
    transition: none; }
  .pdp-form-submit:active, .pdp-form-submit.active,
  .open > .pdp-form-submit.dropdown-toggle {
    color: #ffffff !important;
    background-color: #e80033 !important; }
    .pdp-form-submit:active:hover, .pdp-form-submit:active:focus, .pdp-form-submit:active.focus, .pdp-form-submit.active:hover, .pdp-form-submit.active:focus, .pdp-form-submit.active.focus,
    .open > .pdp-form-submit.dropdown-toggle:hover,
    .open > .pdp-form-submit.dropdown-toggle:focus,
    .open > .pdp-form-submit.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #e80033;
      border-color: transparent; }
  .pdp-form-submit:active, .pdp-form-submit.active,
  .open > .pdp-form-submit.dropdown-toggle {
    background-image: none; }
  .pdp-form-submit.disabled:hover, .pdp-form-submit.disabled:focus, .pdp-form-submit.disabled.focus, .pdp-form-submit[disabled]:hover, .pdp-form-submit[disabled]:focus, .pdp-form-submit[disabled].focus,
  fieldset[disabled] .pdp-form-submit:hover,
  fieldset[disabled] .pdp-form-submit:focus,
  fieldset[disabled] .pdp-form-submit.focus {
    background-color: #bf002a;
    border-color: #e80033; }
  .pdp-form-submit .badge {
    color: #e80033;
    background-color: #ffffff; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

.btn-block-bottom {
  margin-top: 5px; }

.btn-primary-teal {
  opacity: 0.5; }

.btn-primary-charcoal {
  opacity: 0.5; }

.btn-ghost-white {
  background-color: transparent; }
  .btn-ghost-white:hover {
    background-color: transparent; }

.btn-ghost-black {
  color: #333333;
  border-color: #333333;
  background-color: transparent; }
  .btn-ghost-black:hover {
    color: #333333;
    border-color: #333333;
    background-color: transparent; }

a.link-primary-teal {
  color: #e80033; }

a.link-primary-black {
  color: #000000; }

a.link-primary-charcoal {
  color: #000000;
  opacity: 0.5; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

input[type="checkbox"] {
  margin-right: 0.5rem; }

.checkbox {
  margin: 0; }

.dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  background-color: #ffffff !important;
  text-transform: none;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  font-weight: bold !important; }

.dropdown.open .dropdown-toggle {
  background-color: #ffffff !important; }

.form-input.parsley-error {
  border-color: #ff6666; }

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

.sample-radio ul.parsley-errors-list {
  position: absolute; }

.cart-template .btn-primary, .cart-template .btn-primary-teal, .cart-template .btn-primary-teal-bright, .cart-template .btn-default, .cart-template .btn-primary-black, .cart-template .btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit, .cart-template .pdp-form-submit, .checkout-thankyou .btn-primary, .checkout-thankyou .btn-primary-teal, .checkout-thankyou .btn-primary-teal-bright, .checkout-thankyou .btn-default, .checkout-thankyou .btn-primary-black, .checkout-thankyou .btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit, .checkout-thankyou .pdp-form-submit, .drawerModal .btn-primary, .drawerModal .btn-primary-teal, .drawerModal .btn-primary-teal-bright, .drawerModal .btn-default, .drawerModal .btn-primary-black, .drawerModal .btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit, .drawerModal .pdp-form-submit {
  color: #ffffff !important;
  background-color: #910048 !important;
  border-color: #910048 !important;
  font-weight: normal; }
  .cart-template .btn-primary:focus, .cart-template .btn-primary-teal:focus, .cart-template .btn-primary-teal-bright:focus, .cart-template .btn-primary.focus, .cart-template .focus.btn-primary-teal, .cart-template .focus.btn-primary-teal-bright, .cart-template .btn-default:focus, .cart-template .btn-primary-black:focus, .cart-template .btn-primary-charcoal:focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:focus, .cart-template .pdp-form-submit:focus, .cart-template .btn-default.focus, .cart-template .focus.btn-primary-black, .cart-template .focus.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .focus.sds-form-submit, .cart-template .focus.pdp-form-submit, .checkout-thankyou .btn-primary:focus, .checkout-thankyou .btn-primary-teal:focus, .checkout-thankyou .btn-primary-teal-bright:focus, .checkout-thankyou .btn-primary.focus, .checkout-thankyou .focus.btn-primary-teal, .checkout-thankyou .focus.btn-primary-teal-bright, .checkout-thankyou .btn-default:focus, .checkout-thankyou .btn-primary-black:focus, .checkout-thankyou .btn-primary-charcoal:focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:focus, .checkout-thankyou .pdp-form-submit:focus, .checkout-thankyou .btn-default.focus, .checkout-thankyou .focus.btn-primary-black, .checkout-thankyou .focus.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .focus.sds-form-submit, .checkout-thankyou .focus.pdp-form-submit, .drawerModal .btn-primary:focus, .drawerModal .btn-primary-teal:focus, .drawerModal .btn-primary-teal-bright:focus, .drawerModal .btn-primary.focus, .drawerModal .focus.btn-primary-teal, .drawerModal .focus.btn-primary-teal-bright, .drawerModal .btn-default:focus, .drawerModal .btn-primary-black:focus, .drawerModal .btn-primary-charcoal:focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:focus, .drawerModal .pdp-form-submit:focus, .drawerModal .btn-default.focus, .drawerModal .focus.btn-primary-black, .drawerModal .focus.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .focus.sds-form-submit, .drawerModal .focus.pdp-form-submit {
    color: #ffffff !important;
    background-color: #910048 !important;
    border-color: #910048 !important; }
  .cart-template .btn-primary:hover, .cart-template .btn-primary-teal:hover, .cart-template .btn-primary-teal-bright:hover, .cart-template .btn-default:hover, .cart-template .btn-primary-black:hover, .cart-template .btn-primary-charcoal:hover, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:hover, .cart-template .pdp-form-submit:hover, .checkout-thankyou .btn-primary:hover, .checkout-thankyou .btn-primary-teal:hover, .checkout-thankyou .btn-primary-teal-bright:hover, .checkout-thankyou .btn-default:hover, .checkout-thankyou .btn-primary-black:hover, .checkout-thankyou .btn-primary-charcoal:hover, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:hover, .checkout-thankyou .pdp-form-submit:hover, .drawerModal .btn-primary:hover, .drawerModal .btn-primary-teal:hover, .drawerModal .btn-primary-teal-bright:hover, .drawerModal .btn-default:hover, .drawerModal .btn-primary-black:hover, .drawerModal .btn-primary-charcoal:hover, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:hover, .drawerModal .pdp-form-submit:hover {
    color: #ffffff !important;
    background-color: #7d003e !important;
    border-color: #910048 !important;
    transition: none; }
  .cart-template .btn-primary:active, .cart-template .btn-primary-teal:active, .cart-template .btn-primary-teal-bright:active, .cart-template .btn-primary.active, .cart-template .active.btn-primary-teal, .cart-template .active.btn-primary-teal-bright,
  .open > .cart-template .btn-primary.dropdown-toggle,
  .open > .cart-template .dropdown-toggle.btn-primary-teal,
  .open > .cart-template .dropdown-toggle.btn-primary-teal-bright, .cart-template .btn-default:active, .cart-template .btn-primary-black:active, .cart-template .btn-primary-charcoal:active, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:active, .cart-template .pdp-form-submit:active, .cart-template .btn-default.active, .cart-template .active.btn-primary-black, .cart-template .active.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .active.sds-form-submit, .cart-template .active.pdp-form-submit,
  .open > .cart-template .btn-default.dropdown-toggle,
  .open > .cart-template .dropdown-toggle.btn-primary-black,
  .open > .cart-template .dropdown-toggle.btn-primary-charcoal,
  .open > .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .cart-template .dropdown-toggle.sds-form-submit,
  .open > .cart-template .dropdown-toggle.pdp-form-submit, .checkout-thankyou .btn-primary:active, .checkout-thankyou .btn-primary-teal:active, .checkout-thankyou .btn-primary-teal-bright:active, .checkout-thankyou .btn-primary.active, .checkout-thankyou .active.btn-primary-teal, .checkout-thankyou .active.btn-primary-teal-bright,
  .open > .checkout-thankyou .btn-primary.dropdown-toggle,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal-bright, .checkout-thankyou .btn-default:active, .checkout-thankyou .btn-primary-black:active, .checkout-thankyou .btn-primary-charcoal:active, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:active, .checkout-thankyou .pdp-form-submit:active, .checkout-thankyou .btn-default.active, .checkout-thankyou .active.btn-primary-black, .checkout-thankyou .active.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .active.sds-form-submit, .checkout-thankyou .active.pdp-form-submit,
  .open > .checkout-thankyou .btn-default.dropdown-toggle,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-black,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-charcoal,
  .open > .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .checkout-thankyou .dropdown-toggle.sds-form-submit,
  .open > .checkout-thankyou .dropdown-toggle.pdp-form-submit, .drawerModal .btn-primary:active, .drawerModal .btn-primary-teal:active, .drawerModal .btn-primary-teal-bright:active, .drawerModal .btn-primary.active, .drawerModal .active.btn-primary-teal, .drawerModal .active.btn-primary-teal-bright,
  .open > .drawerModal .btn-primary.dropdown-toggle,
  .open > .drawerModal .dropdown-toggle.btn-primary-teal,
  .open > .drawerModal .dropdown-toggle.btn-primary-teal-bright, .drawerModal .btn-default:active, .drawerModal .btn-primary-black:active, .drawerModal .btn-primary-charcoal:active, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:active, .drawerModal .pdp-form-submit:active, .drawerModal .btn-default.active, .drawerModal .active.btn-primary-black, .drawerModal .active.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .active.sds-form-submit, .drawerModal .active.pdp-form-submit,
  .open > .drawerModal .btn-default.dropdown-toggle,
  .open > .drawerModal .dropdown-toggle.btn-primary-black,
  .open > .drawerModal .dropdown-toggle.btn-primary-charcoal,
  .open > .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .drawerModal .dropdown-toggle.sds-form-submit,
  .open > .drawerModal .dropdown-toggle.pdp-form-submit {
    color: #ffffff !important;
    background-color: #910048 !important; }
    .cart-template .btn-primary:active:hover, .cart-template .btn-primary-teal:active:hover, .cart-template .btn-primary-teal-bright:active:hover, .cart-template .btn-primary:active:focus, .cart-template .btn-primary-teal:active:focus, .cart-template .btn-primary-teal-bright:active:focus, .cart-template .btn-primary:active.focus, .cart-template .btn-primary-teal:active.focus, .cart-template .btn-primary-teal-bright:active.focus, .cart-template .btn-primary.active:hover, .cart-template .active.btn-primary-teal:hover, .cart-template .active.btn-primary-teal-bright:hover, .cart-template .btn-primary.active:focus, .cart-template .active.btn-primary-teal:focus, .cart-template .active.btn-primary-teal-bright:focus, .cart-template .btn-primary.active.focus, .cart-template .active.focus.btn-primary-teal, .cart-template .active.focus.btn-primary-teal-bright,
    .open > .cart-template .btn-primary.dropdown-toggle:hover,
    .open > .cart-template .dropdown-toggle.btn-primary-teal:hover,
    .open > .cart-template .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .cart-template .btn-primary.dropdown-toggle:focus,
    .open > .cart-template .dropdown-toggle.btn-primary-teal:focus,
    .open > .cart-template .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .cart-template .btn-primary.dropdown-toggle.focus,
    .open > .cart-template .dropdown-toggle.focus.btn-primary-teal,
    .open > .cart-template .dropdown-toggle.focus.btn-primary-teal-bright, .cart-template .btn-default:active:hover, .cart-template .btn-primary-black:active:hover, .cart-template .btn-primary-charcoal:active:hover, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:active:hover, .cart-template .pdp-form-submit:active:hover, .cart-template .btn-default:active:focus, .cart-template .btn-primary-black:active:focus, .cart-template .btn-primary-charcoal:active:focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:active:focus, .cart-template .pdp-form-submit:active:focus, .cart-template .btn-default:active.focus, .cart-template .btn-primary-black:active.focus, .cart-template .btn-primary-charcoal:active.focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:active.focus, .cart-template .pdp-form-submit:active.focus, .cart-template .btn-default.active:hover, .cart-template .active.btn-primary-black:hover, .cart-template .active.btn-primary-charcoal:hover, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .active.sds-form-submit:hover, .cart-template .active.pdp-form-submit:hover, .cart-template .btn-default.active:focus, .cart-template .active.btn-primary-black:focus, .cart-template .active.btn-primary-charcoal:focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .active.sds-form-submit:focus, .cart-template .active.pdp-form-submit:focus, .cart-template .btn-default.active.focus, .cart-template .active.focus.btn-primary-black, .cart-template .active.focus.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .active.focus.sds-form-submit, .cart-template .active.focus.pdp-form-submit,
    .open > .cart-template .btn-default.dropdown-toggle:hover,
    .open > .cart-template .dropdown-toggle.btn-primary-black:hover,
    .open > .cart-template .dropdown-toggle.btn-primary-charcoal:hover,
    .open > .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .cart-template .dropdown-toggle.sds-form-submit:hover,
    .open > .cart-template .dropdown-toggle.pdp-form-submit:hover,
    .open > .cart-template .btn-default.dropdown-toggle:focus,
    .open > .cart-template .dropdown-toggle.btn-primary-black:focus,
    .open > .cart-template .dropdown-toggle.btn-primary-charcoal:focus,
    .open > .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .cart-template .dropdown-toggle.sds-form-submit:focus,
    .open > .cart-template .dropdown-toggle.pdp-form-submit:focus,
    .open > .cart-template .btn-default.dropdown-toggle.focus,
    .open > .cart-template .dropdown-toggle.focus.btn-primary-black,
    .open > .cart-template .dropdown-toggle.focus.btn-primary-charcoal,
    .open > .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .cart-template .dropdown-toggle.focus.sds-form-submit,
    .open > .cart-template .dropdown-toggle.focus.pdp-form-submit, .checkout-thankyou .btn-primary:active:hover, .checkout-thankyou .btn-primary-teal:active:hover, .checkout-thankyou .btn-primary-teal-bright:active:hover, .checkout-thankyou .btn-primary:active:focus, .checkout-thankyou .btn-primary-teal:active:focus, .checkout-thankyou .btn-primary-teal-bright:active:focus, .checkout-thankyou .btn-primary:active.focus, .checkout-thankyou .btn-primary-teal:active.focus, .checkout-thankyou .btn-primary-teal-bright:active.focus, .checkout-thankyou .btn-primary.active:hover, .checkout-thankyou .active.btn-primary-teal:hover, .checkout-thankyou .active.btn-primary-teal-bright:hover, .checkout-thankyou .btn-primary.active:focus, .checkout-thankyou .active.btn-primary-teal:focus, .checkout-thankyou .active.btn-primary-teal-bright:focus, .checkout-thankyou .btn-primary.active.focus, .checkout-thankyou .active.focus.btn-primary-teal, .checkout-thankyou .active.focus.btn-primary-teal-bright,
    .open > .checkout-thankyou .btn-primary.dropdown-toggle:hover,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal:hover,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .checkout-thankyou .btn-primary.dropdown-toggle:focus,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal:focus,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .checkout-thankyou .btn-primary.dropdown-toggle.focus,
    .open > .checkout-thankyou .dropdown-toggle.focus.btn-primary-teal,
    .open > .checkout-thankyou .dropdown-toggle.focus.btn-primary-teal-bright, .checkout-thankyou .btn-default:active:hover, .checkout-thankyou .btn-primary-black:active:hover, .checkout-thankyou .btn-primary-charcoal:active:hover, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:active:hover, .checkout-thankyou .pdp-form-submit:active:hover, .checkout-thankyou .btn-default:active:focus, .checkout-thankyou .btn-primary-black:active:focus, .checkout-thankyou .btn-primary-charcoal:active:focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:active:focus, .checkout-thankyou .pdp-form-submit:active:focus, .checkout-thankyou .btn-default:active.focus, .checkout-thankyou .btn-primary-black:active.focus, .checkout-thankyou .btn-primary-charcoal:active.focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:active.focus, .checkout-thankyou .pdp-form-submit:active.focus, .checkout-thankyou .btn-default.active:hover, .checkout-thankyou .active.btn-primary-black:hover, .checkout-thankyou .active.btn-primary-charcoal:hover, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .active.sds-form-submit:hover, .checkout-thankyou .active.pdp-form-submit:hover, .checkout-thankyou .btn-default.active:focus, .checkout-thankyou .active.btn-primary-black:focus, .checkout-thankyou .active.btn-primary-charcoal:focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .active.sds-form-submit:focus, .checkout-thankyou .active.pdp-form-submit:focus, .checkout-thankyou .btn-default.active.focus, .checkout-thankyou .active.focus.btn-primary-black, .checkout-thankyou .active.focus.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .active.focus.sds-form-submit, .checkout-thankyou .active.focus.pdp-form-submit,
    .open > .checkout-thankyou .btn-default.dropdown-toggle:hover,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-black:hover,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-charcoal:hover,
    .open > .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .checkout-thankyou .dropdown-toggle.sds-form-submit:hover,
    .open > .checkout-thankyou .dropdown-toggle.pdp-form-submit:hover,
    .open > .checkout-thankyou .btn-default.dropdown-toggle:focus,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-black:focus,
    .open > .checkout-thankyou .dropdown-toggle.btn-primary-charcoal:focus,
    .open > .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .checkout-thankyou .dropdown-toggle.sds-form-submit:focus,
    .open > .checkout-thankyou .dropdown-toggle.pdp-form-submit:focus,
    .open > .checkout-thankyou .btn-default.dropdown-toggle.focus,
    .open > .checkout-thankyou .dropdown-toggle.focus.btn-primary-black,
    .open > .checkout-thankyou .dropdown-toggle.focus.btn-primary-charcoal,
    .open > .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .checkout-thankyou .dropdown-toggle.focus.sds-form-submit,
    .open > .checkout-thankyou .dropdown-toggle.focus.pdp-form-submit, .drawerModal .btn-primary:active:hover, .drawerModal .btn-primary-teal:active:hover, .drawerModal .btn-primary-teal-bright:active:hover, .drawerModal .btn-primary:active:focus, .drawerModal .btn-primary-teal:active:focus, .drawerModal .btn-primary-teal-bright:active:focus, .drawerModal .btn-primary:active.focus, .drawerModal .btn-primary-teal:active.focus, .drawerModal .btn-primary-teal-bright:active.focus, .drawerModal .btn-primary.active:hover, .drawerModal .active.btn-primary-teal:hover, .drawerModal .active.btn-primary-teal-bright:hover, .drawerModal .btn-primary.active:focus, .drawerModal .active.btn-primary-teal:focus, .drawerModal .active.btn-primary-teal-bright:focus, .drawerModal .btn-primary.active.focus, .drawerModal .active.focus.btn-primary-teal, .drawerModal .active.focus.btn-primary-teal-bright,
    .open > .drawerModal .btn-primary.dropdown-toggle:hover,
    .open > .drawerModal .dropdown-toggle.btn-primary-teal:hover,
    .open > .drawerModal .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .drawerModal .btn-primary.dropdown-toggle:focus,
    .open > .drawerModal .dropdown-toggle.btn-primary-teal:focus,
    .open > .drawerModal .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .drawerModal .btn-primary.dropdown-toggle.focus,
    .open > .drawerModal .dropdown-toggle.focus.btn-primary-teal,
    .open > .drawerModal .dropdown-toggle.focus.btn-primary-teal-bright, .drawerModal .btn-default:active:hover, .drawerModal .btn-primary-black:active:hover, .drawerModal .btn-primary-charcoal:active:hover, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:hover, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:active:hover, .drawerModal .pdp-form-submit:active:hover, .drawerModal .btn-default:active:focus, .drawerModal .btn-primary-black:active:focus, .drawerModal .btn-primary-charcoal:active:focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active:focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:active:focus, .drawerModal .pdp-form-submit:active:focus, .drawerModal .btn-default:active.focus, .drawerModal .btn-primary-black:active.focus, .drawerModal .btn-primary-charcoal:active.focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active.focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:active.focus, .drawerModal .pdp-form-submit:active.focus, .drawerModal .btn-default.active:hover, .drawerModal .active.btn-primary-black:hover, .drawerModal .active.btn-primary-charcoal:hover, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .active.sds-form-submit:hover, .drawerModal .active.pdp-form-submit:hover, .drawerModal .btn-default.active:focus, .drawerModal .active.btn-primary-black:focus, .drawerModal .active.btn-primary-charcoal:focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .active.sds-form-submit:focus, .drawerModal .active.pdp-form-submit:focus, .drawerModal .btn-default.active.focus, .drawerModal .active.focus.btn-primary-black, .drawerModal .active.focus.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .active.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .active.focus.sds-form-submit, .drawerModal .active.focus.pdp-form-submit,
    .open > .drawerModal .btn-default.dropdown-toggle:hover,
    .open > .drawerModal .dropdown-toggle.btn-primary-black:hover,
    .open > .drawerModal .dropdown-toggle.btn-primary-charcoal:hover,
    .open > .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .drawerModal .dropdown-toggle.sds-form-submit:hover,
    .open > .drawerModal .dropdown-toggle.pdp-form-submit:hover,
    .open > .drawerModal .btn-default.dropdown-toggle:focus,
    .open > .drawerModal .dropdown-toggle.btn-primary-black:focus,
    .open > .drawerModal .dropdown-toggle.btn-primary-charcoal:focus,
    .open > .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .drawerModal .dropdown-toggle.sds-form-submit:focus,
    .open > .drawerModal .dropdown-toggle.pdp-form-submit:focus,
    .open > .drawerModal .btn-default.dropdown-toggle.focus,
    .open > .drawerModal .dropdown-toggle.focus.btn-primary-black,
    .open > .drawerModal .dropdown-toggle.focus.btn-primary-charcoal,
    .open > .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
    .open > .drawerModal .dropdown-toggle.focus.sds-form-submit,
    .open > .drawerModal .dropdown-toggle.focus.pdp-form-submit {
      color: #ffffff;
      background-color: #910048;
      border-color: transparent; }
  .cart-template .btn-primary:active, .cart-template .btn-primary-teal:active, .cart-template .btn-primary-teal-bright:active, .cart-template .btn-primary.active, .cart-template .active.btn-primary-teal, .cart-template .active.btn-primary-teal-bright,
  .open > .cart-template .btn-primary.dropdown-toggle,
  .open > .cart-template .dropdown-toggle.btn-primary-teal,
  .open > .cart-template .dropdown-toggle.btn-primary-teal-bright, .cart-template .btn-default:active, .cart-template .btn-primary-black:active, .cart-template .btn-primary-charcoal:active, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit:active, .cart-template .pdp-form-submit:active, .cart-template .btn-default.active, .cart-template .active.btn-primary-black, .cart-template .active.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .active.sds-form-submit, .cart-template .active.pdp-form-submit,
  .open > .cart-template .btn-default.dropdown-toggle,
  .open > .cart-template .dropdown-toggle.btn-primary-black,
  .open > .cart-template .dropdown-toggle.btn-primary-charcoal,
  .open > .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .cart-template .dropdown-toggle.sds-form-submit,
  .open > .cart-template .dropdown-toggle.pdp-form-submit, .checkout-thankyou .btn-primary:active, .checkout-thankyou .btn-primary-teal:active, .checkout-thankyou .btn-primary-teal-bright:active, .checkout-thankyou .btn-primary.active, .checkout-thankyou .active.btn-primary-teal, .checkout-thankyou .active.btn-primary-teal-bright,
  .open > .checkout-thankyou .btn-primary.dropdown-toggle,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-teal-bright, .checkout-thankyou .btn-default:active, .checkout-thankyou .btn-primary-black:active, .checkout-thankyou .btn-primary-charcoal:active, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit:active, .checkout-thankyou .pdp-form-submit:active, .checkout-thankyou .btn-default.active, .checkout-thankyou .active.btn-primary-black, .checkout-thankyou .active.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .active.sds-form-submit, .checkout-thankyou .active.pdp-form-submit,
  .open > .checkout-thankyou .btn-default.dropdown-toggle,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-black,
  .open > .checkout-thankyou .dropdown-toggle.btn-primary-charcoal,
  .open > .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .checkout-thankyou .dropdown-toggle.sds-form-submit,
  .open > .checkout-thankyou .dropdown-toggle.pdp-form-submit, .drawerModal .btn-primary:active, .drawerModal .btn-primary-teal:active, .drawerModal .btn-primary-teal-bright:active, .drawerModal .btn-primary.active, .drawerModal .active.btn-primary-teal, .drawerModal .active.btn-primary-teal-bright,
  .open > .drawerModal .btn-primary.dropdown-toggle,
  .open > .drawerModal .dropdown-toggle.btn-primary-teal,
  .open > .drawerModal .dropdown-toggle.btn-primary-teal-bright, .drawerModal .btn-default:active, .drawerModal .btn-primary-black:active, .drawerModal .btn-primary-charcoal:active, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit:active, .drawerModal .pdp-form-submit:active, .drawerModal .btn-default.active, .drawerModal .active.btn-primary-black, .drawerModal .active.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .active.sds-form-submit, .drawerModal .active.pdp-form-submit,
  .open > .drawerModal .btn-default.dropdown-toggle,
  .open > .drawerModal .dropdown-toggle.btn-primary-black,
  .open > .drawerModal .dropdown-toggle.btn-primary-charcoal,
  .open > .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  .open > .drawerModal .dropdown-toggle.sds-form-submit,
  .open > .drawerModal .dropdown-toggle.pdp-form-submit {
    background-image: none; }
  .cart-template .btn-primary.disabled:hover, .cart-template .disabled.btn-primary-teal:hover, .cart-template .disabled.btn-primary-teal-bright:hover, .cart-template .btn-primary.disabled:focus, .cart-template .disabled.btn-primary-teal:focus, .cart-template .disabled.btn-primary-teal-bright:focus, .cart-template .btn-primary.disabled.focus, .cart-template .disabled.focus.btn-primary-teal, .cart-template .disabled.focus.btn-primary-teal-bright, .cart-template .btn-primary[disabled]:hover, .cart-template [disabled].btn-primary-teal:hover, .cart-template [disabled].btn-primary-teal-bright:hover, .cart-template .btn-primary[disabled]:focus, .cart-template [disabled].btn-primary-teal:focus, .cart-template [disabled].btn-primary-teal-bright:focus, .cart-template .btn-primary[disabled].focus, .cart-template [disabled].focus.btn-primary-teal, .cart-template [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .cart-template .btn-primary:hover,
  fieldset[disabled] .cart-template .btn-primary-teal:hover,
  fieldset[disabled] .cart-template .btn-primary-teal-bright:hover,
  fieldset[disabled] .cart-template .btn-primary:focus,
  fieldset[disabled] .cart-template .btn-primary-teal:focus,
  fieldset[disabled] .cart-template .btn-primary-teal-bright:focus,
  fieldset[disabled] .cart-template .btn-primary.focus,
  fieldset[disabled] .cart-template .focus.btn-primary-teal,
  fieldset[disabled] .cart-template .focus.btn-primary-teal-bright, .cart-template .btn-default.disabled:hover, .cart-template .disabled.btn-primary-black:hover, .cart-template .disabled.btn-primary-charcoal:hover, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .disabled.sds-form-submit:hover, .cart-template .disabled.pdp-form-submit:hover, .cart-template .btn-default.disabled:focus, .cart-template .disabled.btn-primary-black:focus, .cart-template .disabled.btn-primary-charcoal:focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .disabled.sds-form-submit:focus, .cart-template .disabled.pdp-form-submit:focus, .cart-template .btn-default.disabled.focus, .cart-template .disabled.focus.btn-primary-black, .cart-template .disabled.focus.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .disabled.focus.sds-form-submit, .cart-template .disabled.focus.pdp-form-submit, .cart-template .btn-default[disabled]:hover, .cart-template [disabled].btn-primary-black:hover, .cart-template [disabled].btn-primary-charcoal:hover, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template [disabled].sds-form-submit:hover, .cart-template [disabled].pdp-form-submit:hover, .cart-template .btn-default[disabled]:focus, .cart-template [disabled].btn-primary-black:focus, .cart-template [disabled].btn-primary-charcoal:focus, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template [disabled].sds-form-submit:focus, .cart-template [disabled].pdp-form-submit:focus, .cart-template .btn-default[disabled].focus, .cart-template [disabled].focus.btn-primary-black, .cart-template [disabled].focus.btn-primary-charcoal, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template [disabled].focus.sds-form-submit, .cart-template [disabled].focus.pdp-form-submit,
  fieldset[disabled] .cart-template .btn-default:hover,
  fieldset[disabled] .cart-template .btn-primary-black:hover,
  fieldset[disabled] .cart-template .btn-primary-charcoal:hover,
  fieldset[disabled] .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .cart-template .sds-form-submit:hover,
  fieldset[disabled] .cart-template .pdp-form-submit:hover,
  fieldset[disabled] .cart-template .btn-default:focus,
  fieldset[disabled] .cart-template .btn-primary-black:focus,
  fieldset[disabled] .cart-template .btn-primary-charcoal:focus,
  fieldset[disabled] .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .cart-template .sds-form-submit:focus,
  fieldset[disabled] .cart-template .pdp-form-submit:focus,
  fieldset[disabled] .cart-template .btn-default.focus,
  fieldset[disabled] .cart-template .focus.btn-primary-black,
  fieldset[disabled] .cart-template .focus.btn-primary-charcoal,
  fieldset[disabled] .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .cart-template .focus.sds-form-submit,
  fieldset[disabled] .cart-template .focus.pdp-form-submit, .checkout-thankyou .btn-primary.disabled:hover, .checkout-thankyou .disabled.btn-primary-teal:hover, .checkout-thankyou .disabled.btn-primary-teal-bright:hover, .checkout-thankyou .btn-primary.disabled:focus, .checkout-thankyou .disabled.btn-primary-teal:focus, .checkout-thankyou .disabled.btn-primary-teal-bright:focus, .checkout-thankyou .btn-primary.disabled.focus, .checkout-thankyou .disabled.focus.btn-primary-teal, .checkout-thankyou .disabled.focus.btn-primary-teal-bright, .checkout-thankyou .btn-primary[disabled]:hover, .checkout-thankyou [disabled].btn-primary-teal:hover, .checkout-thankyou [disabled].btn-primary-teal-bright:hover, .checkout-thankyou .btn-primary[disabled]:focus, .checkout-thankyou [disabled].btn-primary-teal:focus, .checkout-thankyou [disabled].btn-primary-teal-bright:focus, .checkout-thankyou .btn-primary[disabled].focus, .checkout-thankyou [disabled].focus.btn-primary-teal, .checkout-thankyou [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .checkout-thankyou .btn-primary:hover,
  fieldset[disabled] .checkout-thankyou .btn-primary-teal:hover,
  fieldset[disabled] .checkout-thankyou .btn-primary-teal-bright:hover,
  fieldset[disabled] .checkout-thankyou .btn-primary:focus,
  fieldset[disabled] .checkout-thankyou .btn-primary-teal:focus,
  fieldset[disabled] .checkout-thankyou .btn-primary-teal-bright:focus,
  fieldset[disabled] .checkout-thankyou .btn-primary.focus,
  fieldset[disabled] .checkout-thankyou .focus.btn-primary-teal,
  fieldset[disabled] .checkout-thankyou .focus.btn-primary-teal-bright, .checkout-thankyou .btn-default.disabled:hover, .checkout-thankyou .disabled.btn-primary-black:hover, .checkout-thankyou .disabled.btn-primary-charcoal:hover, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .disabled.sds-form-submit:hover, .checkout-thankyou .disabled.pdp-form-submit:hover, .checkout-thankyou .btn-default.disabled:focus, .checkout-thankyou .disabled.btn-primary-black:focus, .checkout-thankyou .disabled.btn-primary-charcoal:focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .disabled.sds-form-submit:focus, .checkout-thankyou .disabled.pdp-form-submit:focus, .checkout-thankyou .btn-default.disabled.focus, .checkout-thankyou .disabled.focus.btn-primary-black, .checkout-thankyou .disabled.focus.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .disabled.focus.sds-form-submit, .checkout-thankyou .disabled.focus.pdp-form-submit, .checkout-thankyou .btn-default[disabled]:hover, .checkout-thankyou [disabled].btn-primary-black:hover, .checkout-thankyou [disabled].btn-primary-charcoal:hover, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou [disabled].sds-form-submit:hover, .checkout-thankyou [disabled].pdp-form-submit:hover, .checkout-thankyou .btn-default[disabled]:focus, .checkout-thankyou [disabled].btn-primary-black:focus, .checkout-thankyou [disabled].btn-primary-charcoal:focus, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou [disabled].sds-form-submit:focus, .checkout-thankyou [disabled].pdp-form-submit:focus, .checkout-thankyou .btn-default[disabled].focus, .checkout-thankyou [disabled].focus.btn-primary-black, .checkout-thankyou [disabled].focus.btn-primary-charcoal, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou [disabled].focus.sds-form-submit, .checkout-thankyou [disabled].focus.pdp-form-submit,
  fieldset[disabled] .checkout-thankyou .btn-default:hover,
  fieldset[disabled] .checkout-thankyou .btn-primary-black:hover,
  fieldset[disabled] .checkout-thankyou .btn-primary-charcoal:hover,
  fieldset[disabled] .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .checkout-thankyou .sds-form-submit:hover,
  fieldset[disabled] .checkout-thankyou .pdp-form-submit:hover,
  fieldset[disabled] .checkout-thankyou .btn-default:focus,
  fieldset[disabled] .checkout-thankyou .btn-primary-black:focus,
  fieldset[disabled] .checkout-thankyou .btn-primary-charcoal:focus,
  fieldset[disabled] .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .checkout-thankyou .sds-form-submit:focus,
  fieldset[disabled] .checkout-thankyou .pdp-form-submit:focus,
  fieldset[disabled] .checkout-thankyou .btn-default.focus,
  fieldset[disabled] .checkout-thankyou .focus.btn-primary-black,
  fieldset[disabled] .checkout-thankyou .focus.btn-primary-charcoal,
  fieldset[disabled] .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .checkout-thankyou .focus.sds-form-submit,
  fieldset[disabled] .checkout-thankyou .focus.pdp-form-submit, .drawerModal .btn-primary.disabled:hover, .drawerModal .disabled.btn-primary-teal:hover, .drawerModal .disabled.btn-primary-teal-bright:hover, .drawerModal .btn-primary.disabled:focus, .drawerModal .disabled.btn-primary-teal:focus, .drawerModal .disabled.btn-primary-teal-bright:focus, .drawerModal .btn-primary.disabled.focus, .drawerModal .disabled.focus.btn-primary-teal, .drawerModal .disabled.focus.btn-primary-teal-bright, .drawerModal .btn-primary[disabled]:hover, .drawerModal [disabled].btn-primary-teal:hover, .drawerModal [disabled].btn-primary-teal-bright:hover, .drawerModal .btn-primary[disabled]:focus, .drawerModal [disabled].btn-primary-teal:focus, .drawerModal [disabled].btn-primary-teal-bright:focus, .drawerModal .btn-primary[disabled].focus, .drawerModal [disabled].focus.btn-primary-teal, .drawerModal [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .drawerModal .btn-primary:hover,
  fieldset[disabled] .drawerModal .btn-primary-teal:hover,
  fieldset[disabled] .drawerModal .btn-primary-teal-bright:hover,
  fieldset[disabled] .drawerModal .btn-primary:focus,
  fieldset[disabled] .drawerModal .btn-primary-teal:focus,
  fieldset[disabled] .drawerModal .btn-primary-teal-bright:focus,
  fieldset[disabled] .drawerModal .btn-primary.focus,
  fieldset[disabled] .drawerModal .focus.btn-primary-teal,
  fieldset[disabled] .drawerModal .focus.btn-primary-teal-bright, .drawerModal .btn-default.disabled:hover, .drawerModal .disabled.btn-primary-black:hover, .drawerModal .disabled.btn-primary-charcoal:hover, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .disabled.sds-form-submit:hover, .drawerModal .disabled.pdp-form-submit:hover, .drawerModal .btn-default.disabled:focus, .drawerModal .disabled.btn-primary-black:focus, .drawerModal .disabled.btn-primary-charcoal:focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .disabled.sds-form-submit:focus, .drawerModal .disabled.pdp-form-submit:focus, .drawerModal .btn-default.disabled.focus, .drawerModal .disabled.focus.btn-primary-black, .drawerModal .disabled.focus.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .disabled.focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .disabled.focus.sds-form-submit, .drawerModal .disabled.focus.pdp-form-submit, .drawerModal .btn-default[disabled]:hover, .drawerModal [disabled].btn-primary-black:hover, .drawerModal [disabled].btn-primary-charcoal:hover, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal [disabled].sds-form-submit:hover, .drawerModal [disabled].pdp-form-submit:hover, .drawerModal .btn-default[disabled]:focus, .drawerModal [disabled].btn-primary-black:focus, .drawerModal [disabled].btn-primary-charcoal:focus, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal [disabled].sds-form-submit:focus, .drawerModal [disabled].pdp-form-submit:focus, .drawerModal .btn-default[disabled].focus, .drawerModal [disabled].focus.btn-primary-black, .drawerModal [disabled].focus.btn-primary-charcoal, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search [disabled].focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal [disabled].focus.sds-form-submit, .drawerModal [disabled].focus.pdp-form-submit,
  fieldset[disabled] .drawerModal .btn-default:hover,
  fieldset[disabled] .drawerModal .btn-primary-black:hover,
  fieldset[disabled] .drawerModal .btn-primary-charcoal:hover,
  fieldset[disabled] .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .drawerModal .sds-form-submit:hover,
  fieldset[disabled] .drawerModal .pdp-form-submit:hover,
  fieldset[disabled] .drawerModal .btn-default:focus,
  fieldset[disabled] .drawerModal .btn-primary-black:focus,
  fieldset[disabled] .drawerModal .btn-primary-charcoal:focus,
  fieldset[disabled] .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .drawerModal .sds-form-submit:focus,
  fieldset[disabled] .drawerModal .pdp-form-submit:focus,
  fieldset[disabled] .drawerModal .btn-default.focus,
  fieldset[disabled] .drawerModal .focus.btn-primary-black,
  fieldset[disabled] .drawerModal .focus.btn-primary-charcoal,
  fieldset[disabled] .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
  fieldset[disabled] .drawerModal .focus.sds-form-submit,
  fieldset[disabled] .drawerModal .focus.pdp-form-submit {
    background-color: #7d003e;
    border-color: #910048; }
  .cart-template .btn-primary .badge, .cart-template .btn-primary-teal .badge, .cart-template .btn-primary-teal-bright .badge, .cart-template .btn-default .badge, .cart-template .btn-primary-black .badge, .cart-template .btn-primary-charcoal .badge, .cart-template .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .dcc-sdsFinder .dcc-container .searchBar .search .cart-template .sds-form-submit .badge, .cart-template .pdp-form-submit .badge, .checkout-thankyou .btn-primary .badge, .checkout-thankyou .btn-primary-teal .badge, .checkout-thankyou .btn-primary-teal-bright .badge, .checkout-thankyou .btn-default .badge, .checkout-thankyou .btn-primary-black .badge, .checkout-thankyou .btn-primary-charcoal .badge, .checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-thankyou .sds-form-submit .badge, .checkout-thankyou .pdp-form-submit .badge, .drawerModal .btn-primary .badge, .drawerModal .btn-primary-teal .badge, .drawerModal .btn-primary-teal-bright .badge, .drawerModal .btn-default .badge, .drawerModal .btn-primary-black .badge, .drawerModal .btn-primary-charcoal .badge, .drawerModal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .badge, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .sds-form-submit .badge, .drawerModal .pdp-form-submit .badge {
    color: #910048;
    background-color: #ffffff; }

.cart-template .dropdown .dropdown-toggle, .checkout-thankyou .dropdown .dropdown-toggle, .drawerModal .dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  background-color: #ffffff !important;
  text-transform: none;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  font-weight: bold !important; }

.cart-template .dropdown.open .dropdown-toggle, .checkout-thankyou .dropdown.open .dropdown-toggle, .drawerModal .dropdown.open .dropdown-toggle {
  background-color: #ffffff !important; }

.cart-template a, .checkout-thankyou a, .drawerModal a {
  color: #910048; }
  .cart-template a:link, .checkout-thankyou a:link, .drawerModal a:link {
    color: #910048; }
    .cart-template a:link:visited, .checkout-thankyou a:link:visited, .drawerModal a:link:visited {
      color: #910048; }
    .cart-template a:link:visited:hover, .checkout-thankyou a:link:visited:hover, .drawerModal a:link:visited:hover {
      color: #690034; }
  .cart-template a:hover, .checkout-thankyou a:hover, .drawerModal a:hover {
    color: #690034; }
  .cart-template a:active, .checkout-thankyou a:active, .drawerModal a:active {
    color: #690034; }

#my-account-tab .my-part-numbers-results-item-link a, #my-account-tab .my-favorites-results-item-link a {
  color: #000; }
  #my-account-tab .my-part-numbers-results-item-link a:hover, #my-account-tab .my-favorites-results-item-link a:hover {
    color: #e80033; }

/*PDP page button */
#pdp-right-col .pdp-title {
  margin-top: 0px !important; }

#pdp-right-col .submitSearchWithinResults, #pdp-right-col .btn-primary, #pdp-right-col .btn-primary-teal, #pdp-right-col .btn-primary-teal-bright {
  color: #ffffff !important;
  background-color: #f15d22 !important;
  border-color: #f15d22 !important;
  font-weight: normal; }
  #pdp-right-col .submitSearchWithinResults:focus, #pdp-right-col .submitSearchWithinResults.focus, #pdp-right-col .btn-primary:focus, #pdp-right-col .btn-primary-teal:focus, #pdp-right-col .btn-primary-teal-bright:focus, #pdp-right-col .btn-primary.focus, #pdp-right-col .focus.btn-primary-teal, #pdp-right-col .focus.btn-primary-teal-bright {
    color: #ffffff !important;
    background-color: #f15d22 !important;
    border-color: #f15d22 !important; }
  #pdp-right-col .submitSearchWithinResults:hover, #pdp-right-col .btn-primary:hover, #pdp-right-col .btn-primary-teal:hover, #pdp-right-col .btn-primary-teal-bright:hover {
    color: #ffffff !important;
    background-color: #C9410A !important;
    border-color: #f15d22 !important;
    transition: none; }
  #pdp-right-col .submitSearchWithinResults:active, #pdp-right-col .submitSearchWithinResults.active,
  .open > #pdp-right-col .submitSearchWithinResults.dropdown-toggle, #pdp-right-col .btn-primary:active, #pdp-right-col .btn-primary-teal:active, #pdp-right-col .btn-primary-teal-bright:active, #pdp-right-col .btn-primary.active, #pdp-right-col .active.btn-primary-teal, #pdp-right-col .active.btn-primary-teal-bright,
  .open > #pdp-right-col .btn-primary.dropdown-toggle,
  .open > #pdp-right-col .dropdown-toggle.btn-primary-teal,
  .open > #pdp-right-col .dropdown-toggle.btn-primary-teal-bright {
    color: #ffffff !important;
    background-color: #f15d22 !important; }
    #pdp-right-col .submitSearchWithinResults:active:hover, #pdp-right-col .submitSearchWithinResults:active:focus, #pdp-right-col .submitSearchWithinResults:active.focus, #pdp-right-col .submitSearchWithinResults.active:hover, #pdp-right-col .submitSearchWithinResults.active:focus, #pdp-right-col .submitSearchWithinResults.active.focus,
    .open > #pdp-right-col .submitSearchWithinResults.dropdown-toggle:hover,
    .open > #pdp-right-col .submitSearchWithinResults.dropdown-toggle:focus,
    .open > #pdp-right-col .submitSearchWithinResults.dropdown-toggle.focus, #pdp-right-col .btn-primary:active:hover, #pdp-right-col .btn-primary-teal:active:hover, #pdp-right-col .btn-primary-teal-bright:active:hover, #pdp-right-col .btn-primary:active:focus, #pdp-right-col .btn-primary-teal:active:focus, #pdp-right-col .btn-primary-teal-bright:active:focus, #pdp-right-col .btn-primary:active.focus, #pdp-right-col .btn-primary-teal:active.focus, #pdp-right-col .btn-primary-teal-bright:active.focus, #pdp-right-col .btn-primary.active:hover, #pdp-right-col .active.btn-primary-teal:hover, #pdp-right-col .active.btn-primary-teal-bright:hover, #pdp-right-col .btn-primary.active:focus, #pdp-right-col .active.btn-primary-teal:focus, #pdp-right-col .active.btn-primary-teal-bright:focus, #pdp-right-col .btn-primary.active.focus, #pdp-right-col .active.focus.btn-primary-teal, #pdp-right-col .active.focus.btn-primary-teal-bright,
    .open > #pdp-right-col .btn-primary.dropdown-toggle:hover,
    .open > #pdp-right-col .dropdown-toggle.btn-primary-teal:hover,
    .open > #pdp-right-col .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > #pdp-right-col .btn-primary.dropdown-toggle:focus,
    .open > #pdp-right-col .dropdown-toggle.btn-primary-teal:focus,
    .open > #pdp-right-col .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > #pdp-right-col .btn-primary.dropdown-toggle.focus,
    .open > #pdp-right-col .dropdown-toggle.focus.btn-primary-teal,
    .open > #pdp-right-col .dropdown-toggle.focus.btn-primary-teal-bright {
      color: #ffffff;
      background-color: #f15d22;
      border-color: transparent; }
  #pdp-right-col .submitSearchWithinResults:active, #pdp-right-col .submitSearchWithinResults.active,
  .open > #pdp-right-col .submitSearchWithinResults.dropdown-toggle, #pdp-right-col .btn-primary:active, #pdp-right-col .btn-primary-teal:active, #pdp-right-col .btn-primary-teal-bright:active, #pdp-right-col .btn-primary.active, #pdp-right-col .active.btn-primary-teal, #pdp-right-col .active.btn-primary-teal-bright,
  .open > #pdp-right-col .btn-primary.dropdown-toggle,
  .open > #pdp-right-col .dropdown-toggle.btn-primary-teal,
  .open > #pdp-right-col .dropdown-toggle.btn-primary-teal-bright {
    background-image: none; }
  #pdp-right-col .submitSearchWithinResults.disabled:hover, #pdp-right-col .submitSearchWithinResults.disabled:focus, #pdp-right-col .submitSearchWithinResults.disabled.focus, #pdp-right-col .submitSearchWithinResults[disabled]:hover, #pdp-right-col .submitSearchWithinResults[disabled]:focus, #pdp-right-col .submitSearchWithinResults[disabled].focus,
  fieldset[disabled] #pdp-right-col .submitSearchWithinResults:hover,
  fieldset[disabled] #pdp-right-col .submitSearchWithinResults:focus,
  fieldset[disabled] #pdp-right-col .submitSearchWithinResults.focus, #pdp-right-col .btn-primary.disabled:hover, #pdp-right-col .disabled.btn-primary-teal:hover, #pdp-right-col .disabled.btn-primary-teal-bright:hover, #pdp-right-col .btn-primary.disabled:focus, #pdp-right-col .disabled.btn-primary-teal:focus, #pdp-right-col .disabled.btn-primary-teal-bright:focus, #pdp-right-col .btn-primary.disabled.focus, #pdp-right-col .disabled.focus.btn-primary-teal, #pdp-right-col .disabled.focus.btn-primary-teal-bright, #pdp-right-col .btn-primary[disabled]:hover, #pdp-right-col [disabled].btn-primary-teal:hover, #pdp-right-col [disabled].btn-primary-teal-bright:hover, #pdp-right-col .btn-primary[disabled]:focus, #pdp-right-col [disabled].btn-primary-teal:focus, #pdp-right-col [disabled].btn-primary-teal-bright:focus, #pdp-right-col .btn-primary[disabled].focus, #pdp-right-col [disabled].focus.btn-primary-teal, #pdp-right-col [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] #pdp-right-col .btn-primary:hover,
  fieldset[disabled] #pdp-right-col .btn-primary-teal:hover,
  fieldset[disabled] #pdp-right-col .btn-primary-teal-bright:hover,
  fieldset[disabled] #pdp-right-col .btn-primary:focus,
  fieldset[disabled] #pdp-right-col .btn-primary-teal:focus,
  fieldset[disabled] #pdp-right-col .btn-primary-teal-bright:focus,
  fieldset[disabled] #pdp-right-col .btn-primary.focus,
  fieldset[disabled] #pdp-right-col .focus.btn-primary-teal,
  fieldset[disabled] #pdp-right-col .focus.btn-primary-teal-bright {
    background-color: #C9410A;
    border-color: #f15d22; }
  #pdp-right-col .submitSearchWithinResults .badge, #pdp-right-col .btn-primary .badge, #pdp-right-col .btn-primary-teal .badge, #pdp-right-col .btn-primary-teal-bright .badge {
    color: #f15d22;
    background-color: #ffffff; }

#pdp-right-col .btn-info, #pdp-right-col .btn-ghost-black {
  color: #f15d22 !important;
  background-color: #ffffff !important;
  border-color: #f15d22 !important;
  font-weight: normal; }
  #pdp-right-col .btn-info:focus, #pdp-right-col .btn-ghost-black:focus, #pdp-right-col .btn-info.focus, #pdp-right-col .focus.btn-ghost-black {
    color: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #f15d22 !important; }
  #pdp-right-col .btn-info:hover, #pdp-right-col .btn-ghost-black:hover {
    color: #ffffff !important;
    background-color: #f15d22 !important;
    border-color: #f15d22 !important;
    transition: none; }
  #pdp-right-col .btn-info:active, #pdp-right-col .btn-ghost-black:active, #pdp-right-col .btn-info.active, #pdp-right-col .active.btn-ghost-black,
  .open > #pdp-right-col .btn-info.dropdown-toggle,
  .open > #pdp-right-col .dropdown-toggle.btn-ghost-black {
    color: #ffffff !important;
    background-color: #ffffff !important; }
    #pdp-right-col .btn-info:active:hover, #pdp-right-col .btn-ghost-black:active:hover, #pdp-right-col .btn-info:active:focus, #pdp-right-col .btn-ghost-black:active:focus, #pdp-right-col .btn-info:active.focus, #pdp-right-col .btn-ghost-black:active.focus, #pdp-right-col .btn-info.active:hover, #pdp-right-col .active.btn-ghost-black:hover, #pdp-right-col .btn-info.active:focus, #pdp-right-col .active.btn-ghost-black:focus, #pdp-right-col .btn-info.active.focus, #pdp-right-col .active.focus.btn-ghost-black,
    .open > #pdp-right-col .btn-info.dropdown-toggle:hover,
    .open > #pdp-right-col .dropdown-toggle.btn-ghost-black:hover,
    .open > #pdp-right-col .btn-info.dropdown-toggle:focus,
    .open > #pdp-right-col .dropdown-toggle.btn-ghost-black:focus,
    .open > #pdp-right-col .btn-info.dropdown-toggle.focus,
    .open > #pdp-right-col .dropdown-toggle.focus.btn-ghost-black {
      color: #ffffff;
      background-color: #ffffff;
      border-color: transparent; }
  #pdp-right-col .btn-info:active, #pdp-right-col .btn-ghost-black:active, #pdp-right-col .btn-info.active, #pdp-right-col .active.btn-ghost-black,
  .open > #pdp-right-col .btn-info.dropdown-toggle,
  .open > #pdp-right-col .dropdown-toggle.btn-ghost-black {
    background-image: none; }
  #pdp-right-col .btn-info.disabled:hover, #pdp-right-col .disabled.btn-ghost-black:hover, #pdp-right-col .btn-info.disabled:focus, #pdp-right-col .disabled.btn-ghost-black:focus, #pdp-right-col .btn-info.disabled.focus, #pdp-right-col .disabled.focus.btn-ghost-black, #pdp-right-col .btn-info[disabled]:hover, #pdp-right-col [disabled].btn-ghost-black:hover, #pdp-right-col .btn-info[disabled]:focus, #pdp-right-col [disabled].btn-ghost-black:focus, #pdp-right-col .btn-info[disabled].focus, #pdp-right-col [disabled].focus.btn-ghost-black,
  fieldset[disabled] #pdp-right-col .btn-info:hover,
  fieldset[disabled] #pdp-right-col .btn-ghost-black:hover,
  fieldset[disabled] #pdp-right-col .btn-info:focus,
  fieldset[disabled] #pdp-right-col .btn-ghost-black:focus,
  fieldset[disabled] #pdp-right-col .btn-info.focus,
  fieldset[disabled] #pdp-right-col .focus.btn-ghost-black {
    background-color: #f15d22;
    border-color: #f15d22; }
  #pdp-right-col .btn-info .badge, #pdp-right-col .btn-ghost-black .badge {
    color: #ffffff;
    background-color: #f15d22; }
  #pdp-right-col .btn-info:hover, #pdp-right-col .btn-ghost-black:hover, #pdp-right-col .btn-info:focus, #pdp-right-col .btn-ghost-black:focus, #pdp-right-col .btn-info:active, #pdp-right-col .btn-ghost-black:active {
    background-color: #f15d22 !important; }

#pdp-right-col .richText ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1rem; }

#pdp-right-col .line-item-heading-link a:hover, #pdp-right-col .line-item-heading-link__details a:hover {
  color: #f15d22 !important; }

#pdp-right-col .pdp-sds-finder .pdp-line-item:hover {
  border-bottom: 1px solid #f15d22; }

#pdp-right-col .line-item-heading-link a:hover, #pdp-right-col .line-item-heading-link__details a:hover {
  color: #f15d22 !important; }

#pdp-right-col .teaser-square .cta-btn {
  color: #ffffff !important;
  background-color: #f15d22 !important;
  border-color: #f15d22 !important;
  font-weight: normal; }
  #pdp-right-col .teaser-square .cta-btn:focus, #pdp-right-col .teaser-square .cta-btn.focus {
    color: #ffffff !important;
    background-color: #f15d22 !important;
    border-color: #f15d22 !important; }
  #pdp-right-col .teaser-square .cta-btn:hover {
    color: #ffffff !important;
    background-color: #C9410A !important;
    border-color: #f15d22 !important;
    transition: none; }
  #pdp-right-col .teaser-square .cta-btn:active, #pdp-right-col .teaser-square .cta-btn.active,
  .open > #pdp-right-col .teaser-square .cta-btn.dropdown-toggle {
    color: #ffffff !important;
    background-color: #f15d22 !important; }
    #pdp-right-col .teaser-square .cta-btn:active:hover, #pdp-right-col .teaser-square .cta-btn:active:focus, #pdp-right-col .teaser-square .cta-btn:active.focus, #pdp-right-col .teaser-square .cta-btn.active:hover, #pdp-right-col .teaser-square .cta-btn.active:focus, #pdp-right-col .teaser-square .cta-btn.active.focus,
    .open > #pdp-right-col .teaser-square .cta-btn.dropdown-toggle:hover,
    .open > #pdp-right-col .teaser-square .cta-btn.dropdown-toggle:focus,
    .open > #pdp-right-col .teaser-square .cta-btn.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #f15d22;
      border-color: transparent; }
  #pdp-right-col .teaser-square .cta-btn:active, #pdp-right-col .teaser-square .cta-btn.active,
  .open > #pdp-right-col .teaser-square .cta-btn.dropdown-toggle {
    background-image: none; }
  #pdp-right-col .teaser-square .cta-btn.disabled:hover, #pdp-right-col .teaser-square .cta-btn.disabled:focus, #pdp-right-col .teaser-square .cta-btn.disabled.focus, #pdp-right-col .teaser-square .cta-btn[disabled]:hover, #pdp-right-col .teaser-square .cta-btn[disabled]:focus, #pdp-right-col .teaser-square .cta-btn[disabled].focus,
  fieldset[disabled] #pdp-right-col .teaser-square .cta-btn:hover,
  fieldset[disabled] #pdp-right-col .teaser-square .cta-btn:focus,
  fieldset[disabled] #pdp-right-col .teaser-square .cta-btn.focus {
    background-color: #C9410A;
    border-color: #f15d22; }
  #pdp-right-col .teaser-square .cta-btn .badge {
    color: #f15d22;
    background-color: #ffffff; }

#pdp-right-col .teaser-square .resource-component .richText {
  color: #333 !important; }
  #pdp-right-col .teaser-square .resource-component .richText:hover {
    color: #333 !important; }

#pdp-right-col .teaser-round--image:hover {
  opacity: 10 !important; }

#pdp-right-col .teaser-square--bottom-link .richText p, #pdp-right-col .teaser-square--bottom-link a {
  color: #f15d22 !important; }
  #pdp-right-col .teaser-square--bottom-link .richText p:hover, #pdp-right-col .teaser-square--bottom-link a:hover {
    color: #C9410A; }

#pdp-right-col a {
  color: #f15d22; }
  #pdp-right-col a:link {
    color: #f15d22; }
    #pdp-right-col a:link:visited {
      color: #f15d22; }
    #pdp-right-col a:link:visited:hover {
      color: #C9410A; }
  #pdp-right-col a:hover {
    color: #C9410A; }
  #pdp-right-col a:active {
    color: #C9410A; }

#pdp-right-col .resource-component .richText p, #pdp-right-col .resource-component a {
  color: #333 !important;
  cursor: auto; }
  #pdp-right-col .resource-component .richText p:hover, #pdp-right-col .resource-component a:hover {
    color: #333 !important;
    cursor: auto; }

#pdp-right-col .ctaImage .btn-primary, #pdp-right-col .ctaImage .btn-primary-teal, #pdp-right-col .ctaImage .btn-primary-teal-bright {
  background-color: #e80033 !important;
  border-color: #e80033 !important; }

/*textarea {
    &.form-control {
        border: 1px solid $color-black;
        border-radius: 0;
    }
}

.telephone {
    div {
        &:last-child {
            @media (max-width: $mobile-max) {
                clear: both;
            }
        }
    }
}

.form-group {
    margin-bottom: 0;

    > input:first-child {
        margin-top: 2.4rem;
    }
}

button[type="submit"] {
    width: 100%;
}*/
.form-control {
  box-shadow: none;
  border-color: #c8c8c8; }
  .form-control:focus, .form-control:active {
    border-color: #808080;
    box-shadow: none; }
  .form-control::-webkit-input-placeholder {
    color: #808080;
    font-size: 0.875rem;
    line-height: 1.57143; }
  .form-control::-moz-placeholder {
    /* Firefox 18- */
    color: #808080; }
  .form-control:-moz-placeholder {
    /* Firefox 19+ */
    color: #808080; }
  .form-control:-ms-input-placeholder {
    color: #808080; }

.dropdown .dropdown-toggle {
  border-color: #c8c8c8 !important; }
  .dropdown .dropdown-toggle:hover {
    border-color: #c8c8c8 !important; }

button.btn, .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit, button.pdp-form-submit {
  min-height: 40px; }

.purple-text {
  color: #910048; }

.dow-red-text {
  color: #e80033; }

.dark-orange-text {
  color: #f15d22; }

@media (max-width: 767px) {
  .mob-margin-0 {
    margin: 0px !important; } }

.d-flex {
  display: flex !important; }

.container {
  padding-left: 10px;
  padding-right: 10px; }

@media (max-width: 767px) {
  .show-md-up {
    display: none; } }

@media (min-width: 768px) {
  .show-md-down {
    display: none; } }

@media (max-width: 767px) {
  .override-container-mobile, .pdp-lists-mobile-content {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px; } }

.padding-0 {
  padding: 0; }

.padding-10 {
  padding: 1rem; }

.padding-20 {
  padding: 2rem; }

.padding-40 {
  padding: 2.5rem; }

.padding-30 {
  padding: 3rem; }
  .padding-30__sides {
    padding: 0 3rem; }
  .padding-30__left {
    padding: 0;
    padding-left: 3rem; }
  .padding-30__right {
    padding: 0;
    padding-right: 3rem; }

.border-container {
  background: white;
  padding-bottom: 60px;
  padding-top: 30px; }
  @media (min-width: 768px) {
    .border-container {
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 60px; } }
  @media (min-width: 1080px) {
    .border-container {
      border: 1px solid #d6d6d6; } }

.login-container .sr-only {
  position: relative;
  width: auto;
  height: auto; }

.login-container .login-forget-pwd {
  float: right; }

@media (max-width: 767px) {
  .login-container .login-forget-pwd {
    float: none;
    margin-bottom: 0.9375rem; }
    .login-container .login-forget-pwd a {
      font-weight: normal; } }

.customer-support-modal .sr-only {
  position: relative;
  width: auto;
  height: auto; }

@media (max-width: 767px) {
  .customer-support-modal .mobile-scroll-area {
    max-height: 13.75rem;
    overflow-y: scroll;
    overflow-x: hidden; } }

.modal .login-forget-pwd, .pdpModal .login-forget-pwd, .dccHomepageModal .login-forget-pwd, .viewItemsCarouselModal .login-forget-pwd, .teaserOverlayComponent .login-forget-pwd {
  float: right; }
  @media (max-width: 767px) {
    .modal .login-forget-pwd, .pdpModal .login-forget-pwd, .dccHomepageModal .login-forget-pwd, .viewItemsCarouselModal .login-forget-pwd, .teaserOverlayComponent .login-forget-pwd {
      float: none;
      margin-bottom: 0.9375rem; }
      .modal .login-forget-pwd a, .pdpModal .login-forget-pwd a, .dccHomepageModal .login-forget-pwd a, .viewItemsCarouselModal .login-forget-pwd a, .teaserOverlayComponent .login-forget-pwd a {
        font-weight: normal; } }

.ctaImage {
  padding: 0px 10px; }

.cta-image {
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: contain;
  margin-bottom: 1.25rem; }
  .cta-image img {
    width: 100%;
    visibility: hidden; }
    @media (max-width: 767px) {
      .cta-image img {
        height: auto !important;
        width: auto !important;
        max-width: 100% !important;
        visibility: visible; } }
  .cta-image .text-description {
    position: absolute;
    bottom: 10px;
    padding: 0px 10px;
    width: 100%;
    color: #fff; }

.textImage ul {
  overflow: auto; }
  .textImage ul li {
    list-style-position: outside;
    margin-left: -1.5625rem; }

.viewitem ul li {
  list-style-position: outside; }

.ctaImage ul li {
  list-style-position: outside;
  list-style-type: disc; }

.market-two-column {
  height: 145px; }

.Sub-market-two-column {
  height: 325px; }

.right-rail {
  height: 235px; }

/*For extra padding in few component*/
.video-iframe-component {
  margin-bottom: 15px; }

.email-signup-input-div {
  margin-bottom: 15px; }

.searchByKeyword {
  margin-bottom: 15px; }

.textimage {
  margin-bottom: 15px; }

.textImage h3 {
  margin-top: auto; }

.embedded-cta {
  margin-bottom: 15px; }

.white-container {
  background-color: #ffffff; }
  @media (min-width: 1080px) {
    .white-container {
      border: 1px solid #d6d6d6; } }
  .white-container .hero-banner-title-sm {
    text-overflow: inherit !important;
    white-space: normal !important; }
  @media (max-width: 1079px) {
    .white-container .industry-padding {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  @media (min-width: 768px) {
    .white-container .industry-padding {
      padding-left: 40px;
      padding-right: 40px; } }
  .white-container .embed-column .teaser-square {
    margin-left: 0px;
    margin-right: 0px; }

@media (min-width: 1080px) {
  .page-l1 .hero-banner-top {
    padding-right: 360px !important; } }

@media (max-width: 767px) {
  .page-l1 .mega .list-item ul {
    margin-top: 0.625rem; } }

.l1-banner-heading {
  overflow: visible !important;
  white-space: normal !important; }
  .l1-banner-heading h1, .l1-banner-heading .select-your-industry-content--tips {
    font-size: 1.5rem; }
  @media (min-width: 768px) {
    .l1-banner-heading h1, .l1-banner-heading .select-your-industry-content--tips {
      font-size: 2.5rem !important; } }

@media (min-width: 768px) {
  .standardBtn {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto !important; } }

.bfcls-1 {
  fill: #e80033; }

#nav_exclamation_point .cucls-1 {
  fill: transparent !important; }

#nav_exclamation_point .cucls-2 {
  fill: transparent !important; }

.modal-title {
  font-size: 1.125rem !important;
  margin-top: 2px !important; }

.loading-spinner {
  background: url(global/images/loading.gif) no-repeat center; }

.warning-modal .warning-footer .btn-cancle {
  border: solid 1px #ed8b00;
  color: #ed8b00; }
  .warning-modal .warning-footer .btn-cancle:hover {
    background-color: #ed8b00;
    border: solid 1px #ed8b00;
    color: #fff; }

.pdp-mobile-view .icon-circle {
  border-color: #f15d22 !important;
  background-color: #f15d22 !important; }
  .pdp-mobile-view .icon-circle svg {
    color: #fff !important; }

.embed-column--column-separator .embed-column--resource .embed-column--btn {
  min-height: 25px !important;
  min-width: 215px !important;
  font-weight: normal;
  color: #333333;
  border-color: #c8c8c8;
  top: 90%;
  text-transform: none; }

.modal-content .modal-header h3.modal-title {
  color: #ffffff !important; }

@media (max-width: 767px) {
  img.cq-dd-image {
    height: auto;
    width: auto;
    max-width: 100%; } }

@media (max-width: 767px) {
  img.responsive-img {
    height: auto;
    width: auto;
    max-width: 100%; } }

.invoiceManagement .change {
  color: #e80033 !important; }

@media (max-width: 767px) {
  .mob-padding-0 {
    padding: 0px !important; } }

.L1-slider-wrapper {
  height: 80px; }
  .L1-slider-wrapper .affix {
    padding-left: 20px !important; }
  .L1-slider-wrapper .slider_holder {
    text-align: left !important;
    left: unset !important; }
  .L1-slider-wrapper .slider_holder {
    text-align: left;
    padding-left: 20px;
    left: unset !important; }
    .L1-slider-wrapper .slider_holder.affix {
      padding-left: inherit; }
      @media (min-width: 768px) {
        .L1-slider-wrapper .slider_holder.affix {
          width: 768px;
          left: auto !important; } }
      @media (min-width: 1080px) {
        .L1-slider-wrapper .slider_holder.affix {
          width: 1080px;
          left: auto !important; } }
    .L1-slider-wrapper .slider_holder .active a {
      text-decoration: underline !important; }

/* For ALM-72199*/
@media (max-width: 767px) {
  .mega .footer_module1 {
    overflow: hidden; }
  .mega .list-item span.border {
    width: 103% !important; }
  .mega .list-item .list-item {
    border: none; }
  .mega .list-item .heading-container {
    height: 42px !important; }
    .mega .list-item .heading-container h2, .mega .list-item .heading-container .homepage-hero .carousel-content--description, .homepage-hero .mega .list-item .heading-container .carousel-content--description, .mega .list-item .heading-container .modal-body--title {
      margin: 0px !important;
      padding: 0px !important;
      display: table-cell !important; }
    .mega .list-item .heading-container .list-item {
      border: none;
      display: table-cell;
      vertical-align: middle; }
      .mega .list-item .heading-container .list-item h2, .mega .list-item .heading-container .list-item .homepage-hero .carousel-content--description, .homepage-hero .mega .list-item .heading-container .list-item .carousel-content--description, .mega .list-item .heading-container .list-item .modal-body--title {
        padding: 0px !important;
        margin: 0px !important; } }

.over-hide {
  overflow: hidden; }

.my-contact .contact-email a {
  color: #e80033 !important; }
  .my-contact .contact-email a:hover {
    color: #bf002a !important; }

#searchOrdersOrDliveriesComponentModal .dropdown-toggle {
  color: #000; }
  #searchOrdersOrDliveriesComponentModal .dropdown-toggle:hover {
    color: #000; }

.button--language .dropdown a.dropdown-toggle, .loggedin .dropdown a.dropdown-toggle {
  height: 70px;
  display: table-cell;
  vertical-align: middle; }

.button--language .dropdown .dropdown-menu, .loggedin .dropdown .dropdown-menu {
  margin-top: 12px !important; }

.embedColumn .quickLinks a {
  color: #e80033 !important; }
  .embedColumn .quickLinks a:hover {
    color: #bf002a !important; }

footer.mega .list-item ul li {
  width: 13.75rem; }

#cookie-notification .modal-dialog-centered {
  z-index: 2001; }
  #cookie-notification .modal-dialog-centered .component-notification-text p {
    font-size: 15px; }

@media (min-width: 768px) {
  .pl-10 {
    padding-left: 10px !important; }
  #pl-10 {
    padding-left: 10px !important; }
  .pr-10 {
    padding-right: 10px !important; }
  .footer_module6 .social-links button.btn-howtobuy {
    width: auto !important; } }

@media (max-width: 767px) {
  .mpl-10 {
    padding-left: 10px !important; }
  .mpr-10 {
    padding-right: 10px !important; }
  footer.l1-footer.mega > nav .embedColumn .list-item {
    padding-right: 0px !important; } }

.component-categoryMarketKnowledgeL2 .selectApplication ul li, .page-l1 .selectApplication ul li {
  overflow: hidden;
  position: relative;
  line-height: 1.5rem;
  max-height: 4.5rem;
  margin-right: -0.8125rem;
  padding-right: 0.9375rem;
  white-space: normal; }
  .component-categoryMarketKnowledgeL2 .selectApplication ul li:before, .page-l1 .selectApplication ul li:before {
    content: '...';
    position: absolute;
    right: 0.1875rem;
    bottom: 0; }
  .component-categoryMarketKnowledgeL2 .selectApplication ul li:after, .page-l1 .selectApplication ul li:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.2em;
    background: white; }

@media (max-width: 767px) {
  .select-your-industry-content--tips p {
    font-size: 1.25rem !important; }
  .embed-column--title h1, .embed-column--title .select-your-industry-content--tips {
    font-size: 1.25rem !important; } }

.partial-warningInfo-errorMessage {
  font-size: 14px;
  color: #333333;
  border: solid 1px #F89721;
  background: #FEDEAB;
  padding: 10px; }

@media (max-width: 767px) {
  #overview-heading .enhancedList > .list-item {
    padding: 0px; }
  .homepageTeaser {
    margin-top: 0.9375rem; } }

@media (min-width: 1080px) {
  .component-dropdownHeader .mega .list-item ul {
    margin-top: 15px; }
    .component-dropdownHeader .mega .list-item ul li:first-child {
      margin-top: 0px !important; }
    .component-dropdownHeader .mega .list-item ul li:last-child {
      margin-bottom: 0px !important; } }

@media (max-width: 767px) {
  .component-dropdownHeader .mega .list-item {
    max-height: 1000px;
    padding: 0px; }
    .component-dropdownHeader .mega .list-item .heading-container {
      display: none; }
    .component-dropdownHeader .mega .list-item ul {
      position: relative !important;
      top: 0;
      opacity: 1;
      margin: 0px;
      padding: 0px; }
      .component-dropdownHeader .mega .list-item ul li {
        padding: 0px !important;
        height: 36px !important; }
        .component-dropdownHeader .mega .list-item ul li a {
          font-size: 1.125rem;
          line-height: 1.22222;
          padding: 0px !important;
          padding-left: 20px !important;
          margin: 0px !important;
          font-weight: normal !important;
          color: #2C2A29 !important; } }

.component-dropdownHeader .mega .heading-container .footer-nav-icon-circle {
  display: none !important; }

#sortBy {
  margin-top: 1rem;
  display: inline-block;
  margin-right: 5px;
  margin-top: 30px;
  width: 100%; }
  #sortBy .dropdown-toggle {
    font-size: 11px !important;
    width: auto !important; }
  #sortBy label {
    font-weight: normal;
    padding-top: 0.625rem; }

.paginationResults--bottom #sortBy {
  display: none; }

.paginationResults--bottom .pageinationWrap {
  display: contents !important; }
  @media (min-width: 768px) {
    .paginationResults--bottom .pageinationWrap .paginator-holder {
      margin-top: 0 !important; } }

.page-search .searchPageination {
  position: inherit !important; }

@media (min-width: 768px) {
  .page-search .pagination-with-menu .pagination-show {
    width: 220px; } }

@media (max-width: 767px) {
  .page-l1 .mega .enhancedList .heading-container {
    padding-left: 0px;
    padding-right: 0px; }
    .page-l1 .mega .enhancedList .heading-container p {
      font-size: 1.125rem;
      line-height: 1.375rem; }
    .page-l1 .mega .enhancedList .heading-container .footer-nav-icon-circle {
      margin-top: -28px; }
  .page-l1 .mega .enhancedList .list-item ul {
    margin-left: 0px; }
  .page-l1 .selectApplication {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    .page-l1 .selectApplication .mega .list-item ul {
      margin-left: 0px; }
      .page-l1 .selectApplication .mega .list-item ul li {
        border-bottom: 1px dashed #ffffff; }
    .page-l1 .selectApplication .enhancedList .heading-container {
      padding-left: 0px;
      padding-right: 0px; } }

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

.remove-row-margin {
  margin-left: 0px;
  margin-right: 0px; }

.main-search-mobile {
  padding: 10px !important; }
  .main-search-mobile .component-formSearch {
    z-index: 1000 !important; }
    .main-search-mobile .component-formSearch .search-form {
      position: relative;
      z-index: 1000; }
  .main-search-mobile .component-searchAutoComplete {
    z-index: 999;
    top: 42px;
    left: -1px; }
    .main-search-mobile .component-searchAutoComplete .autocomplete {
      display: none; }
  .main-search-mobile .search-block {
    border: 0 !important; }
    .main-search-mobile .search-block a {
      color: #797979 !important;
      display: block !important;
      text-align: left !important; }
      .main-search-mobile .search-block a:hover {
        color: #e80033 !important;
        background: #fff !important;
        font-weight: normal !important; }
    .main-search-mobile .search-block .active {
      color: #797979 !important; }
  .main-search-mobile .mobile-header_search {
    position: absolute;
    right: 13px;
    color: #aeaeae;
    top: 9px; }
  .main-search-mobile .component-formSearch .searchDrawer #form-search-mobile {
    border: solid 1px #aeaeae;
    z-index: 1;
    padding: 12px;
    max-height: 42px;
    top: 0;
    font-size: 14px; }
  @media (max-width: 767px) {
    .main-search-mobile #form-search-mobile {
      width: 100% !important; } }
  .main-search-mobile #form-search-shadow-mobile {
    width: 100% !important; }
  .main-search-mobile .new-search-bar {
    border: 0 !important; }
  .main-search-mobile .dropdown--wrapper {
    padding: 0 15px;
    border: 1px solid #aeaeae;
    border-right: 0;
    height: 2.625rem; }
    .main-search-mobile .dropdown--wrapper .dropdown-menu {
      display: none; }
      .main-search-mobile .dropdown--wrapper .dropdown-menu .search-block {
        display: block;
        margin-top: 0; }
    .main-search-mobile .dropdown--wrapper .btn-default, .main-search-mobile .dropdown--wrapper .btn-primary-black, .main-search-mobile .dropdown--wrapper .btn-primary-charcoal, .main-search-mobile .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-mobile .dropdown--wrapper .sds-form-submit, .main-search-mobile .dropdown--wrapper .pdp-form-submit {
      padding: 0px;
      border: 0; }
      .main-search-mobile .dropdown--wrapper .btn-default .dropdown__text, .main-search-mobile .dropdown--wrapper .btn-primary-black .dropdown__text, .main-search-mobile .dropdown--wrapper .btn-primary-charcoal .dropdown__text, .main-search-mobile .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__text, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-mobile .dropdown--wrapper .sds-form-submit .dropdown__text, .main-search-mobile .dropdown--wrapper .pdp-form-submit .dropdown__text {
        padding-right: 5px;
        font-size: 0.875rem;
        color: #aeaeae;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap; }
      .main-search-mobile .dropdown--wrapper .btn-default .dropdown__arrow--down, .main-search-mobile .dropdown--wrapper .btn-primary-black .dropdown__arrow--down, .main-search-mobile .dropdown--wrapper .btn-primary-charcoal .dropdown__arrow--down, .main-search-mobile .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-mobile .dropdown--wrapper .sds-form-submit .dropdown__arrow--down, .main-search-mobile .dropdown--wrapper .pdp-form-submit .dropdown__arrow--down {
        padding: 0px; }
        .main-search-mobile .dropdown--wrapper .btn-default .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-mobile .dropdown--wrapper .btn-primary-black .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-mobile .dropdown--wrapper .btn-primary-charcoal .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-mobile .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-mobile .dropdown--wrapper .sds-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-mobile .dropdown--wrapper .pdp-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down {
          color: #aeaeae; }
  .main-search-mobile .open.dropdown .btn, .main-search-mobile .open.dropdown .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-mobile .open.dropdown .sds-form-submit, .main-search-mobile .open.dropdown .pdp-form-submit {
    outline: none; }
  .main-search-mobile .open.dropdown .dropdown__arrow--down .svg-dropdown_arrow--down {
    color: #e80033 !important; }
  .main-search-mobile .open .dropdown-menu {
    display: block;
    border-radius: 0;
    font-size: 0.875rem;
    position: absolute;
    background: #fff;
    top: 2.5625rem !important;
    left: -16px;
    border: solid 1px #aeaeae;
    border-top: 0 !important; }
    .main-search-mobile .open .dropdown-menu li {
      height: auto !important; }
      .main-search-mobile .open .dropdown-menu li a {
        padding: 0px !important;
        padding-left: 10px !important; }
        .main-search-mobile .open .dropdown-menu li a.active {
          background-color: #fff;
          color: #aeaeae !important;
          font-weight: normal; }
  .main-search-mobile .searchButton {
    opacity: 10 !important; }

.main-search-wrap {
  margin-top: 0.9375rem;
  float: right; }
  .main-search-wrap .searchButton {
    opacity: 10 !important; }
  .main-search-wrap.search-border #form-search {
    border-left: 0 !important; }
  .main-search-wrap .new-search-bar {
    width: 6.25rem !important;
    border-right: 0; }
    .main-search-wrap .new-search-bar .dropdown--wrapper {
      padding: 0 15px;
      border: 1px solid #aeaeae;
      border-right: 0;
      height: 2.625rem; }
      @media (min-width: 1080px) {
        .main-search-wrap .new-search-bar .dropdown--wrapper {
          margin-left: 3px; } }
      .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown .dropdown-toggle {
        background-color: transparent !important; }
      .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown-menu {
        display: none; }
        .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown-menu .search-block {
          display: block;
          margin-top: 0; }
          .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown-menu .search-block a {
            color: #797979 !important; }
            .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown-menu .search-block a:hover {
              color: #e80033 !important;
              background: #fff !important;
              font-weight: normal !important; }
          .main-search-wrap .new-search-bar .dropdown--wrapper .dropdown-menu .search-block .active {
            color: #797979 !important; }
      .main-search-wrap .new-search-bar .dropdown--wrapper .btn-default, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-black, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-charcoal, .main-search-wrap .new-search-bar .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-wrap .new-search-bar .dropdown--wrapper .sds-form-submit, .main-search-wrap .new-search-bar .dropdown--wrapper .pdp-form-submit {
        padding: 0px;
        border: 0; }
        .main-search-wrap .new-search-bar .dropdown--wrapper .btn-default .dropdown__text, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-black .dropdown__text, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-charcoal .dropdown__text, .main-search-wrap .new-search-bar .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__text, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-wrap .new-search-bar .dropdown--wrapper .sds-form-submit .dropdown__text, .main-search-wrap .new-search-bar .dropdown--wrapper .pdp-form-submit .dropdown__text {
          padding-right: 5px;
          font-size: 0.875rem;
          color: #aeaeae;
          font-weight: normal;
          white-space: nowrap; }
        .main-search-wrap .new-search-bar .dropdown--wrapper .btn-default .dropdown__arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-black .dropdown__arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-charcoal .dropdown__arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-wrap .new-search-bar .dropdown--wrapper .sds-form-submit .dropdown__arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .pdp-form-submit .dropdown__arrow--down {
          padding: 5px; }
          .main-search-wrap .new-search-bar .dropdown--wrapper .btn-default .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-black .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .btn-primary-charcoal .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-wrap .new-search-bar .dropdown--wrapper .sds-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down, .main-search-wrap .new-search-bar .dropdown--wrapper .pdp-form-submit .dropdown__arrow--down .svg-dropdown_arrow--down {
            color: #aeaeae; }
    .main-search-wrap .new-search-bar .open.dropdown .btn, .main-search-wrap .new-search-bar .open.dropdown .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .main-search-wrap .new-search-bar .open.dropdown .sds-form-submit, .main-search-wrap .new-search-bar .open.dropdown .pdp-form-submit {
      outline: none; }
    .main-search-wrap .new-search-bar .open .dropdown__arrow--down .svg-dropdown_arrow--down {
      color: #e80033 !important; }
    .main-search-wrap .new-search-bar .open .dropdown-menu {
      display: block;
      left: -18px;
      right: auto;
      border-radius: 0;
      border-top: 0;
      font-size: 0.875rem;
      z-index: 1002; }
      @media (min-width: 1080px) {
        .main-search-wrap .new-search-bar .open .dropdown-menu {
          left: -16px; } }
      .main-search-wrap .new-search-bar .open .dropdown-menu li a.active {
        background-color: #fff;
        color: #aeaeae !important;
        font-weight: normal; }
  .main-search-wrap #form-search-shadow {
    background-color: transparent;
    z-index: -1; }
  .main-search-wrap #form-search, .main-search-wrap #form-search-mobile {
    position: absolute;
    background-color: transparent;
    z-index: 1; }
    .main-search-wrap #form-search::-ms-clear, .main-search-wrap #form-search-mobile::-ms-clear {
      display: none; }
  .main-search-wrap ul li {
    display: table;
    border-right: none;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; }
  .main-search-wrap div.icon {
    float: none;
    display: table-cell;
    vertical-align: middle;
    z-index: 10; }
  .main-search-wrap input {
    width: 100%;
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: table-cell; }
    .main-search-wrap input:focus {
      border: none;
      overflow: auto;
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .main-search-wrap input::-webkit-input-placeholder {
      color: #9b9b9b;
      font-size: 0.875rem;
      line-height: 1.57143; }
    .main-search-wrap input::-moz-placeholder {
      /* Firefox 18- */
      color: #9b9b9b; }
    .main-search-wrap input:-moz-placeholder {
      /* Firefox 19+ */
      color: #9b9b9b; }
    .main-search-wrap input:-ms-input-placeholder {
      color: #9b9b9b; }
  .main-search-wrap button.button--search {
    border: none;
    overflow: auto;
    outline: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: solid 1px #aeaeae;
    border-left: 0;
    cursor: pointer;
    height: 2.625rem;
    overflow: hidden;
    padding-right: 12px;
    padding-top: 4px; }
    .main-search-wrap button.button--search:focus, .main-search-wrap button.button--search:hover, .main-search-wrap button.button--search:active, .main-search-wrap button.button--search:blur {
      border: none;
      overflow: auto;
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
    @media (min-width: 1080px) {
      .main-search-wrap button.button--search {
        padding-right: 0px;
        position: absolute;
        right: 0;
        width: 50px !important; } }
  .main-search-wrap .searchDrawer ul {
    display: flex;
    padding: 0px; }
    .main-search-wrap .searchDrawer ul li.form--input {
      padding: 0px;
      width: 100% !important;
      border-right: 0;
      position: relative; }
    .main-search-wrap .searchDrawer ul #form-search, .main-search-wrap .searchDrawer ul #form-search-shadow {
      width: 100% !important;
      line-height: 1.5;
      padding: 7px 5px;
      height: 2.625rem;
      border: solid 1px #aeaeae;
      border-right: 0; }
    .main-search-wrap .searchDrawer ul #form-search-shadow {
      border: 0 !important; }
  .main-search-wrap .component-searchAutoComplete {
    display: none;
    background-color: #ffffff !important;
    border: 1px solid #d6d6d6;
    border-top: none;
    top: 43px;
    z-index: 1000;
    right: 0; }
    .main-search-wrap .component-searchAutoComplete .results {
      background-color: #ffffff;
      border-top: 0;
      position: inherit;
      width: 100% !important; }
    .main-search-wrap .component-searchAutoComplete .autocomplete {
      display: none; }
    .main-search-wrap .component-searchAutoComplete .autoresults {
      margin-left: 0px; }
      .main-search-wrap .component-searchAutoComplete .autoresults li {
        display: block;
        padding: 0px;
        border: 0 !important; }
        .main-search-wrap .component-searchAutoComplete .autoresults li a {
          font-size: 12px;
          padding: 10px; }
    .main-search-wrap .component-searchAutoComplete .row {
      margin: 0; }
    .main-search-wrap .component-searchAutoComplete ul {
      margin: 0 0 0.625rem -1.875rem;
      list-style: none;
      padding: 0; }
    .main-search-wrap .component-searchAutoComplete ul li {
      min-height: 2.1875rem;
      width: 100%;
      display: block; }
    .main-search-wrap .component-searchAutoComplete a {
      min-height: 2.1875rem;
      padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
      display: block;
      vertical-align: middle; }
    .main-search-wrap .component-searchAutoComplete .autocomplete {
      margin-top: 0.9375rem; }
    .main-search-wrap .component-searchAutoComplete .autocomplete a {
      color: #333333;
      font-weight: normal;
      width: 100%; }
    .main-search-wrap .component-searchAutoComplete .autocomplete .autocomplete--link {
      color: #e80033;
      font-weight: bold; }
    .main-search-wrap .component-searchAutoComplete .autocomplete a:hover {
      color: #ffffff;
      background-color: #e80033; }
    .main-search-wrap .component-searchAutoComplete .autocomplete a:hover span {
      color: #ffffff; }
    .main-search-wrap .component-searchAutoComplete .autoresults {
      margin-top: 0.625rem; }
    .main-search-wrap .component-searchAutoComplete .autoresults a {
      color: #333333;
      font-weight: normal; }
    .main-search-wrap .component-searchAutoComplete .autoresults a:hover {
      color: #ffffff !important;
      background-color: #e80033; }
    .main-search-wrap .component-searchAutoComplete .separator {
      border-bottom: 1px solid #d6d6d6;
      margin-left: 1.25rem; }
    @media (max-width: 767px) {
      .main-search-wrap .component-searchAutoComplete {
        top: 4.0625rem; }
        .main-search-wrap .component-searchAutoComplete ul {
          margin-left: 0; } }
  @media (min-width: 767px) {
    .main-search-wrap {
      position: absolute;
      right: 0;
      background: #ffffff;
      margin-right: 0.75rem; }
      .main-search-wrap.new-search-wrapper {
        height: 81%; } }
  .main-search-wrap .search--desktop {
    margin-left: 0 !important; }
    @media (min-width: 767px) {
      .main-search-wrap .search--desktop .new-search-bar {
        display: none; } }

.navbar-default .navbar-right {
  float: left !important; }

.navbar-default .nav-top {
  float: right !important; }

.languageIcon {
  margin: 2px 8px 0px 0px; }
  .languageIcon .svg-header_language {
    width: 38px !important;
    height: 38px !important; }

.tabWrap {
  margin-top: 1rem; }

.breadcrumbsWrap .active {
  font-weight: bold;
  color: #e80033; }

.breadcrumbsWrap ul {
  align-items: center;
  padding: 0;
  margin-top: 20px; }
  .breadcrumbsWrap ul li {
    list-style-type: none;
    display: none; }
    .breadcrumbsWrap ul li:before {
      content: '/';
      margin: 0px 10px; }
    .breadcrumbsWrap ul li a {
      color: #e80033;
      cursor: pointer;
      font-weight: normal; }
      .breadcrumbsWrap ul li a:hover {
        color: #e80033; }
  .breadcrumbsWrap ul li:first-child:before {
    content: '';
    margin: 0; }
  .breadcrumbsWrap ul .currentNav {
    display: inline-block !important; }

.new-top-nav {
  text-align: right;
  padding-right: 28px; }
  .new-top-nav a {
    color: #aeaeae !important;
    font-size: 12px;
    font-weight: normal !important; }
    .new-top-nav a:hover {
      color: #e80033 !important; }
  .new-top-nav .howtoBuy {
    padding-right: 5px; }
  .new-top-nav .divider {
    margin: 0px 16px;
    display: inline-block;
    color: #aeaeae !important; }

@media (min-width: 1080px) {
  .nav-margin-l {
    width: 71.5% !important; } }

@media (min-width: 1080px) {
  .desktop-navbar-wrapper {
    margin-left: 0.625rem; } }

@media (min-width: 1080px) {
  .de-de .main-search-wrap {
    width: 45%; } }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding {
  padding: 0 !important; }

/*! Bootstrap-off-canvas-push - v1.0.3
 * Copyright (c) 2015 Steffen Ermel; Licensed MIT *
 */
@media (max-width: 767px) {
  html, body {
    height: 100%;
    min-height: 100%; }
  body.active {
    overflow-x: hidden; }
  .overlay {
    background-color: transparent;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 25px;
    z-index: 100; }
    .overlay.active {
      background-color: rgba(0, 0, 0, 0.5);
      transition: background-color 0.35s;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: 100%; }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out; }
  .row-offcanvas-left {
    left: 0; }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -120%; }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%; }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none; }
  .sidebar-nav .navbar ul {
    float: none; }
    .sidebar-nav .navbar ul:not {
      display: block; }
  .sidebar-nav .navbar li {
    float: none;
    display: block; }
    .sidebar-nav .navbar li a {
      padding-top: 12px;
      padding-bottom: 12px; }
  .navbar-collapse-wrap {
    position: absolute; }
  .navbar {
    border: none; }
  .navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
    background-color: transparent; }
  .navbar {
    padding: 0px; }
    .navbar .navbar-header {
      position: relative;
      z-index: 100; }
    .navbar > .navbar-collapse {
      position: fixed;
      z-index: 100;
      bottom: 0px;
      top: 0px;
      left: -85%;
      margin: 0;
      padding: 0px;
      width: 85%;
      white-space: nowrap;
      box-shadow: none;
      border-top: 0px solid white;
      display: block;
      overflow-y: auto;
      background-color: #ffffff;
      overflow-x: hidden; }
      .navbar > .navbar-collapse.active {
        left: 0px; }
    .navbar ul {
      margin: 0;
      padding: 0px; }
  .transition {
    transition: all 0.25s ease-out; }
  .navbar-toggle {
    border: none;
    margin-left: 10px; }
    .navbar-toggle .icon-bar {
      transform-origin: 21px;
      transition: transform .2s, opacity .1s;
      height: 3px;
      width: 22px; }
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    transform: rotate(-45deg); }
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    transform: rotate(45deg); }
  .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    opacity: 0; }
  .navbar-nav {
    margin: 0px; } }

/*@media(min-width: 768px){
    .navbar{

        padding:0 15px;
        .navbar-header{
            margin: 0px;
            padding: 0px;
        }
        ul{
            width: auto;
            background-color: transparent;
            padding-left: none;
            margin: initial;
        }
        &>.navbar-collapse{
            position: relative;
            z-index: auto;
            bottom: auto;
            top: auto;
            background-color: transparent;
            margin: auto;
            width: auto;
            position: initial;
            z-index: initial;
            bottom: initial;
            top: initial;;
            background-color: initial;
            margin: initial;
            width: initial;
        }

    }


    .navbar-nav {
      margin: initial;
    }

    .overlay{
        display: none;
    }

}*/
.dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .pdp-form-submit {
  width: calc(100% - 110px);
  letter-spacing: 0.2em;
  width: 100px;
  display: block;
  float: right;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: bold; }

/* DCC Base Template*/
html {
  height: 100%;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar; }

body {
  background: #ebebeb;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%; }
  body > .over-layer {
    background: #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
  body .container {
    flex: 1 0 auto; }
  body header, body footer {
    flex: none; }

*:focus, *:active {
  outline: none !important;
  outline-offset: none !important; }

#svg-sprites {
  display: none !important; }

hr.blue {
  border-top-color: #c8c8c8; }

hr.light-gray {
  border-top-color: #c8c8c8; }

hr.with-space {
  padding-bottom: 30px; }

header a:hover {
  text-decoration: none !important; }

main {
  background: transparent;
  padding-bottom: 75px;
  width: 100%; }

/* Base Element Styling */
ol {
  margin: 1.5rem 0;
  padding: 0 0 0 1.65rem; }

ol li {
  margin: .5rem 0;
  color: #e80033;
  font-weight: bold; }

ol li span {
  font-weight: normal;
  color: #333;
  margin: 0; }

/*a {
    color: $color-persian-green;
    text-decoration: none;
}
a:hover {
    color: $color-persian-green;
    text-decoration: none;
}
a:visited {
    color: #008783;
}
a:visited:hover {
    text-decoration: none;
}

a.reversed {
    color: $color-black;
    &:hover {
        color: $color-blue-chill;
    }
}*/
.relative {
  position: relative; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.pagination, .pagination-with-menu .pagination-show {
  margin: 2rem 0 0 0; }

ul.no-bg li,
.pagination li, .pagination-with-menu .pagination-show li {
  background-image: none;
  padding-left: 0; }

input[readonly] {
  cursor: not-allowed; }

.info--icon {
  display: inline-block;
  margin-left: 0.625rem; }
  .info--icon svg {
    width: 1rem;
    color: #ffffff;
    vertical-align: middle; }

/*global RTE start*/
.richText ul, .richText ol {
  padding: 0 0 0 1.65rem;
  color: #333333;
  list-style-position: outside !important; }
  .richText ul li, .richText ol li {
    text-align: left;
    color: inherit;
    font-weight: normal; }

.richText.footer-links .copyright p {
  font-size: 32px; }

/* Text Sizes for RTE ~ DCC-25986 */
.text-extralarge {
  font-size: 24px;
  line-height: 28px; }

.text-large {
  font-size: 18px;
  line-height: 22px; }

.text-bodywide {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px; }

.text-body {
  font-size: 14px;
  line-height: 20px; }

.text-small {
  font-size: 13px;
  line-height: 19px; }

.text-extrasmall {
  font-size: 12px;
  line-height: 18px; }

/*global RTE end*/
@media (max-width: 767px) {
  body .container {
    margin-left: 0;
    margin-right: 0; } }

/*global OOTB start*/
.textimage-left img {
  float: left;
  margin-right: 10px; }

.textimage-right img {
  float: right;
  margin-left: 10px; }

div.textimage div.image.textimage-right {
  float: right; }

div.textimage div.image.textimage-left {
  float: left; }

/*only affects AUTHORING ENVIRONMENT*/
.x-viewport div.textimage div.image {
  float: none;
  margin-bottom: 8px !important; }

/*end only affects AUTHORING ENVIRONMENT*/
/*global OOTB end*/
svg use {
  pointer-events: none; }

/*metadata form input text issue ALM-62261 */
.x-form-text {
  width: 272px !important; }

/* DCC Search Template */
.pdp-line-item-video {
  position: relative;
  min-height: 5.625rem; }
  .pdp-line-item-video a {
    display: inline-block;
    width: 7.5rem;
    height: 5.625rem;
    position: relative; }
  .pdp-line-item-video .svg-icon, .pdp-line-item-video .videoThumbnail {
    position: absolute;
    top: 0;
    left: 0; }
  .pdp-line-item-video .svg-icon {
    z-index: 2;
    width: 7.5rem;
    height: 5.625rem; }
  .pdp-line-item-video .videoThumbnail {
    z-index: 1; }
  .pdp-line-item-video .svg-video_play_icon {
    margin-top: 1.5625rem;
    margin-right: 2.625rem; }

.page-search .pdp-line-item-video {
  position: relative; }

.page-search #products .compare-col-right {
  display: none; }

.page-search #products .compare-bg {
  display: none; }

.component-categoryMarketKnowledgeL1 .market-banner-top {
  min-height: 26.875rem; }
  .component-categoryMarketKnowledgeL1 .market-banner-top .market-hero__content {
    min-height: 23.125rem; }

.component-categoryMarketKnowledgeL1 .market-container {
  background-color: #ffffff; }
  .component-categoryMarketKnowledgeL1 .market-container .market-container__cont {
    border-top: 1px solid #d6d6d6;
    padding-bottom: 3.75rem; }
    .component-categoryMarketKnowledgeL1 .market-container .market-container__cont:first-of-type {
      border-top: none; }
    .component-categoryMarketKnowledgeL1 .market-container .market-container__cont .market-container__embedded {
      margin-top: 3.75rem; }
  .component-categoryMarketKnowledgeL1 .market-container .market-container__help {
    border-top: 1px dashed #d6d6d6;
    padding: 1.875rem 0; }

@media (max-width: 767px) {
  .component-categoryMarketKnowledgeL1 .market-container .market-container__cont {
    border-top: 1px solid #d6d6d6;
    padding-bottom: 1.875rem; }
    .component-categoryMarketKnowledgeL1 .market-container .market-container__cont .market-container__embedded {
      margin-top: 1.875rem; } }

/*For L1 pages */
.page-l1 .related-content-item .related-content-item-title > a:hover {
  color: #e80033 !important; }

.page-l1 .related-content-item:hover {
  border-bottom: 1px solid #910048 !important; }

.page-l1 .slider_holder--slide.active a {
  font-weight: bold !important; }

.page-l1 .richText .primary-white {
  letter-spacing: 0.15rem !important;
  font-size: 12px !important; }

.page-l1 .slider_holder .slider_holder--controls.left {
  background-image: -webkit-linear-gradient(left, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-image: -o-linear-gradient(left, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-image: linear-gradient(to right, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF910048', endColorstr='#00910048', GradientType=1); }

.page-l1 .slider_holder .slider_holder--controls.right {
  background-image: -webkit-linear-gradient(left, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-image: -o-linear-gradient(left, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-image: linear-gradient(to right, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00910048', endColorstr='#FF910048', GradientType=1); }

.page-l1 .slider_holder .svg-pdp-arrow--right, .page-l1 .slider_holder .svg-pdp-arrow--left {
  stroke: #ffffff !important; }

@media (min-width: 768px) {
  .page-l1 .component-homepageHeroFeatures {
    min-height: 23.125rem; }
    .page-l1 .component-homepageHeroFeatures .hero-banner-promo {
      min-height: 23.125rem;
      padding: 0; }
      .page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top {
        padding: 40px 40px 0px 40px; }
      .page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide {
        position: absolute;
        min-height: 8.3125rem;
        background: rgba(0, 0, 0, 0.4) !important;
        bottom: -7px;
        width: 100% !important; }
      .page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item {
        border-color: #fff !important;
        min-height: 133px !important; }
        .page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item:first-child {
          padding-left: 40px; }
    .page-l1 .component-homepageHeroFeatures .hero-banner-image {
      min-height: 23.125rem; }
      .page-l1 .component-homepageHeroFeatures .hero-banner-image img {
        width: 100%;
        height: 100%; } }

.page-l1 .slider_holder {
  background-color: #910048;
  margin-bottom: 20px; }

.page-l1 .teaser-square--bottom-title .teaser-square--bottom-link .richText {
  color: #910048; }

.page-l1 .teaser-square--bottom-title .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .page-l1 .teaser-square--bottom-title .resource-component .richText:hover {
    color: #333 !important;
    cursor: auto; }

.page-l1 .teaser-square-dow--bottom-title .teaser-square-dow--bottom-link .richText {
  color: #910048; }

.page-l1 .teaser-square-dow--bottom-title .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .page-l1 .teaser-square-dow--bottom-title .resource-component .richText:hover {
    color: #910048 !important;
    cursor: pointer; }

.page-l1 a {
  color: #910048; }
  .page-l1 a:link {
    color: #910048; }
    .page-l1 a:link:visited {
      color: #910048; }
    .page-l1 a:link:visited:hover {
      color: #690034; }
  .page-l1 a:hover {
    color: #690034; }
  .page-l1 a:active {
    color: #910048; }

.page-l1 .btn-primary, .page-l1 .btn-primary-teal, .page-l1 .btn-primary-teal-bright {
  color: #ffffff;
  background-color: #910048;
  border-color: #910048;
  background-color: #910048 !important;
  border-color: #910048 !important;
  color: #fff !important; }
  .page-l1 .btn-primary:focus, .page-l1 .btn-primary-teal:focus, .page-l1 .btn-primary-teal-bright:focus, .page-l1 .btn-primary.focus, .page-l1 .focus.btn-primary-teal, .page-l1 .focus.btn-primary-teal-bright {
    color: #ffffff;
    background-color: #c40061;
    border-color: #910048; }
  .page-l1 .btn-primary:hover, .page-l1 .btn-primary-teal:hover, .page-l1 .btn-primary-teal-bright:hover {
    color: #ffffff;
    background-color: #ab0055;
    border-color: #910048;
    transition: none; }
  .page-l1 .btn-primary:active, .page-l1 .btn-primary-teal:active, .page-l1 .btn-primary-teal-bright:active, .page-l1 .btn-primary.active, .page-l1 .active.btn-primary-teal, .page-l1 .active.btn-primary-teal-bright,
  .open > .page-l1 .btn-primary.dropdown-toggle,
  .open > .page-l1 .dropdown-toggle.btn-primary-teal,
  .open > .page-l1 .dropdown-toggle.btn-primary-teal-bright {
    color: #ffffff;
    background-color: #ab0055; }
    .page-l1 .btn-primary:active:hover, .page-l1 .btn-primary-teal:active:hover, .page-l1 .btn-primary-teal-bright:active:hover, .page-l1 .btn-primary:active:focus, .page-l1 .btn-primary-teal:active:focus, .page-l1 .btn-primary-teal-bright:active:focus, .page-l1 .btn-primary:active.focus, .page-l1 .btn-primary-teal:active.focus, .page-l1 .btn-primary-teal-bright:active.focus, .page-l1 .btn-primary.active:hover, .page-l1 .active.btn-primary-teal:hover, .page-l1 .active.btn-primary-teal-bright:hover, .page-l1 .btn-primary.active:focus, .page-l1 .active.btn-primary-teal:focus, .page-l1 .active.btn-primary-teal-bright:focus, .page-l1 .btn-primary.active.focus, .page-l1 .active.focus.btn-primary-teal, .page-l1 .active.focus.btn-primary-teal-bright,
    .open > .page-l1 .btn-primary.dropdown-toggle:hover,
    .open > .page-l1 .dropdown-toggle.btn-primary-teal:hover,
    .open > .page-l1 .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .page-l1 .btn-primary.dropdown-toggle:focus,
    .open > .page-l1 .dropdown-toggle.btn-primary-teal:focus,
    .open > .page-l1 .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .page-l1 .btn-primary.dropdown-toggle.focus,
    .open > .page-l1 .dropdown-toggle.focus.btn-primary-teal,
    .open > .page-l1 .dropdown-toggle.focus.btn-primary-teal-bright {
      color: #ffffff;
      background-color: #ab0055;
      border-color: transparent; }
  .page-l1 .btn-primary:active, .page-l1 .btn-primary-teal:active, .page-l1 .btn-primary-teal-bright:active, .page-l1 .btn-primary.active, .page-l1 .active.btn-primary-teal, .page-l1 .active.btn-primary-teal-bright,
  .open > .page-l1 .btn-primary.dropdown-toggle,
  .open > .page-l1 .dropdown-toggle.btn-primary-teal,
  .open > .page-l1 .dropdown-toggle.btn-primary-teal-bright {
    background-image: none; }
  .page-l1 .btn-primary.disabled:hover, .page-l1 .disabled.btn-primary-teal:hover, .page-l1 .disabled.btn-primary-teal-bright:hover, .page-l1 .btn-primary.disabled:focus, .page-l1 .disabled.btn-primary-teal:focus, .page-l1 .disabled.btn-primary-teal-bright:focus, .page-l1 .btn-primary.disabled.focus, .page-l1 .disabled.focus.btn-primary-teal, .page-l1 .disabled.focus.btn-primary-teal-bright, .page-l1 .btn-primary[disabled]:hover, .page-l1 [disabled].btn-primary-teal:hover, .page-l1 [disabled].btn-primary-teal-bright:hover, .page-l1 .btn-primary[disabled]:focus, .page-l1 [disabled].btn-primary-teal:focus, .page-l1 [disabled].btn-primary-teal-bright:focus, .page-l1 .btn-primary[disabled].focus, .page-l1 [disabled].focus.btn-primary-teal, .page-l1 [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .page-l1 .btn-primary:hover,
  fieldset[disabled] .page-l1 .btn-primary-teal:hover,
  fieldset[disabled] .page-l1 .btn-primary-teal-bright:hover,
  fieldset[disabled] .page-l1 .btn-primary:focus,
  fieldset[disabled] .page-l1 .btn-primary-teal:focus,
  fieldset[disabled] .page-l1 .btn-primary-teal-bright:focus,
  fieldset[disabled] .page-l1 .btn-primary.focus,
  fieldset[disabled] .page-l1 .focus.btn-primary-teal,
  fieldset[disabled] .page-l1 .focus.btn-primary-teal-bright {
    background-color: #910048;
    border-color: #910048; }
  .page-l1 .btn-primary .badge, .page-l1 .btn-primary-teal .badge, .page-l1 .btn-primary-teal-bright .badge {
    color: #910048;
    background-color: #ffffff; }
  .page-l1 .btn-primary p, .page-l1 .btn-primary-teal p, .page-l1 .btn-primary-teal-bright p {
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: .15rem !important; }
  .page-l1 .btn-primary a, .page-l1 .btn-primary-teal a, .page-l1 .btn-primary-teal-bright a {
    color: #fff !important;
    font-size: 12px;
    letter-spacing: .15rem !important; }
  .page-l1 .btn-primary:hover, .page-l1 .btn-primary-teal:hover, .page-l1 .btn-primary-teal-bright:hover {
    background-color: #690034 !important;
    border-color: #690034 !important;
    color: #fff !important; }

.page-l1 a.btn-primary, .page-l1 a.btn-primary-teal, .page-l1 a.btn-primary-teal-bright {
  color: #ffffff !important; }

.page-l1 .slider_holder--list.nav a {
  color: #ffffff; }

.page-l1 .component-homepageHeroFeatures .hero-banner-image {
  overflow: hidden !important; }
  .page-l1 .component-homepageHeroFeatures .hero-banner-image img {
    object-fit: cover;
    vertical-align: middle; }

.page-l1 .component-homepageHeroFeatures .carousel-indicators li {
  border: 1px solid #fff !important; }

.page-l1 .component-homepageHeroFeatures .carousel-indicators .active {
  background-color: #fff !important; }

.page-l1 .component-homepageHeroFeatures .hero-banner-promo {
  background: none !important; }
  .page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description {
    width: 100% !important;
    margin: 0px !important; }
  .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item h2 .richText, .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .homepage-hero .carousel-content--description .richText, .homepage-hero .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .carousel-content--description .richText, .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .modal-body--title .richText {
    color: #fff; }
    .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item h2 .richText:hover, .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .homepage-hero .carousel-content--description .richText:hover, .homepage-hero .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .carousel-content--description .richText:hover, .page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .modal-body--title .richText:hover {
      color: #bf7c9d; }

.squareTeaser .teaser-square--bottom-link .richText p {
  color: #e80033; }
  .squareTeaser .teaser-square--bottom-link .richText p:hover {
    color: #bf002a; }

.component-categoryMarketKnowledgeL2 .market2-container, .page-l1 .market2-container, .component-categoryMarketKnowledgeL2 .page-l1, .page-l1 .page-l1 {
  background-color: #ffffff;
  border-bottom: none; }
  .component-categoryMarketKnowledgeL2 .market2-container .market2-title, .page-l1 .market2-container .market2-title, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title, .page-l1 .page-l1 .market2-title {
    border-bottom: 1px solid #BF0D3E; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-title h1, .page-l1 .market2-container .market2-title h1, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title h1, .page-l1 .page-l1 .market2-title h1, .component-categoryMarketKnowledgeL2 .market2-container .market2-title .select-your-industry-content--tips, .page-l1 .market2-container .market2-title .select-your-industry-content--tips, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .select-your-industry-content--tips, .page-l1 .page-l1 .market2-title .select-your-industry-content--tips {
      margin: 0; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-title .market2-title__btn, .page-l1 .market2-container .market2-title .market2-title__btn, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .market2-title__btn, .page-l1 .page-l1 .market2-title .market2-title__btn {
      text-align: right; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item, .page-l1 .market2-container .market2-title .list-item, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item, .page-l1 .page-l1 .market2-title .list-item {
      margin-bottom: 0; }
      .component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item h2, .page-l1 .market2-container .market2-title .list-item h2, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item h2, .page-l1 .page-l1 .market2-title .list-item h2, .component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .carousel-content--description, .page-l1 .market2-container .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .page-l1 .market2-container .market2-title .list-item .carousel-content--description, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .carousel-content--description, .page-l1 .page-l1 .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .page-l1 .page-l1 .market2-title .list-item .carousel-content--description, .component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .modal-body--title, .page-l1 .market2-container .market2-title .list-item .modal-body--title, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .modal-body--title, .page-l1 .page-l1 .market2-title .list-item .modal-body--title {
        border-bottom: 0; }
  .component-categoryMarketKnowledgeL2 .market2-container .market2-cont, .page-l1 .market2-container .market2-cont, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont, .page-l1 .page-l1 .market2-cont {
    margin-top: 1.875rem; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-banner, .page-l1 .market2-container .market2-cont .market2-banner, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-banner, .page-l1 .page-l1 .market2-cont .market2-banner {
      margin-bottom: 1.875rem; }
      .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-banner img, .page-l1 .market2-container .market2-cont .market2-banner img, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-banner img, .page-l1 .page-l1 .market2-cont .market2-banner img {
        width: 100%; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body h2:first-of-type, .page-l1 .market2-container .market2-cont .market2-body h2:first-of-type, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body h2:first-of-type, .page-l1 .page-l1 .market2-cont .market2-body h2:first-of-type, .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .carousel-content--description:first-of-type, .page-l1 .market2-container .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .page-l1 .market2-container .market2-cont .market2-body .carousel-content--description:first-of-type, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .carousel-content--description:first-of-type, .page-l1 .page-l1 .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .page-l1 .page-l1 .market2-cont .market2-body .carousel-content--description:first-of-type, .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .modal-body--title:first-of-type, .page-l1 .market2-container .market2-cont .market2-body .modal-body--title:first-of-type, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .modal-body--title:first-of-type, .page-l1 .page-l1 .market2-cont .market2-body .modal-body--title:first-of-type {
      margin-top: 0; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded, .page-l1 .market2-container .market2-cont .market2-embedded, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded, .page-l1 .page-l1 .market2-cont .market2-embedded {
      border-bottom: 1px dashed #d6d6d6;
      padding-bottom: 1.875rem;
      margin-bottom: 1.875rem; }
      .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded:last-of-type, .page-l1 .market2-container .market2-cont .market2-embedded:last-of-type, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded:last-of-type, .page-l1 .page-l1 .market2-cont .market2-embedded:last-of-type {
        border-bottom: none; }
      .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .page-l1 .market2-container .market2-cont .market2-embedded.market2-unit, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit, .page-l1 .page-l1 .market2-cont .market2-embedded.market2-unit {
        min-height: 15.9375rem; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-links .list:first-child, .page-l1 .market2-container .market2-cont .cont-links .list:first-child, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-links .list:first-child, .page-l1 .page-l1 .market2-cont .cont-links .list:first-child {
      border-top: 1px dashed #d6d6d6;
      padding-top: 1.875rem;
      margin-top: 1.875rem; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child, .page-l1 .market2-container .market2-cont .cont-select .title:first-child, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child, .page-l1 .page-l1 .market2-cont .cont-select .title:first-child {
      border-top: 1px dashed #d6d6d6;
      padding-top: 1.875rem;
      margin-top: 1.875rem; }
      .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child h1, .page-l1 .market2-container .market2-cont .cont-select .title:first-child h1, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child h1, .page-l1 .page-l1 .market2-cont .cont-select .title:first-child h1, .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child .select-your-industry-content--tips, .page-l1 .market2-container .market2-cont .cont-select .title:first-child .select-your-industry-content--tips, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child .select-your-industry-content--tips, .page-l1 .page-l1 .market2-cont .cont-select .title:first-child .select-your-industry-content--tips {
        margin-top: 0; }

@media (max-width: 1079px) {
  .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .page-l1 .market2-container .market2-cont .market2-embedded.market2-unit, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit, .page-l1 .page-l1 .market2-cont .market2-embedded.market2-unit {
    min-height: 13.125rem; } }

@media (max-width: 767px) {
  .component-categoryMarketKnowledgeL2 .market2-container .market2-title, .page-l1 .market2-container .market2-title, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title, .page-l1 .page-l1 .market2-title {
    border: none;
    padding-bottom: 0; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-title .market2-title__btn, .page-l1 .market2-container .market2-title .market2-title__btn, .component-categoryMarketKnowledgeL2 .page-l1 .market2-title .market2-title__btn, .page-l1 .page-l1 .market2-title .market2-title__btn {
      margin-top: 0.9375rem;
      text-align: left; }
  .component-categoryMarketKnowledgeL2 .market2-container .market2-cont, .page-l1 .market2-container .market2-cont, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont, .page-l1 .page-l1 .market2-cont {
    margin-top: 0.9375rem; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body, .page-l1 .market2-container .market2-cont .market2-body, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body, .page-l1 .page-l1 .market2-cont .market2-body {
      margin-bottom: 1.25rem; }
    .component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .page-l1 .market2-container .market2-cont .market2-embedded.market2-unit, .component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit, .page-l1 .page-l1 .market2-cont .market2-embedded.market2-unit {
      min-height: 14.375rem; } }

.component-categoryMarketKnowledgeL2 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText, .page-l1 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText {
  color: #bf0d3E; }
  .component-categoryMarketKnowledgeL2 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText:hover, .page-l1 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText:hover {
    color: #96002a; }

.component-categoryMarketKnowledgeL2 .squareTeaser .resource-component .richText, .page-l1 .squareTeaser .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .component-categoryMarketKnowledgeL2 .squareTeaser .resource-component .richText:hover, .page-l1 .squareTeaser .resource-component .richText:hover {
    color: #333 !important;
    cursor: auto; }

.component-categoryMarketKnowledgeL2 a, .page-l1 a {
  color: #BF0D3E; }
  .component-categoryMarketKnowledgeL2 a:link, .page-l1 a:link {
    color: #BF0D3E; }
    .component-categoryMarketKnowledgeL2 a:link:visited, .page-l1 a:link:visited {
      color: #BF0D3E; }
    .component-categoryMarketKnowledgeL2 a:link:visited:hover, .page-l1 a:link:visited:hover {
      color: #96002a; }
  .component-categoryMarketKnowledgeL2 a:hover, .page-l1 a:hover {
    color: #96002a; }
  .component-categoryMarketKnowledgeL2 a:active, .page-l1 a:active {
    color: #96002a; }

.component-categoryMarketKnowledgeL2 .quickLinks .svg-ask_an_expert_for_aem, .page-l1 .quickLinks .svg-ask_an_expert_for_aem {
  fill: #000 !important; }

.component-categoryMarketKnowledgeL2 .quickLinks .svg-nav_call, .page-l1 .quickLinks .svg-nav_call {
  color: #000 !important; }

.component-categoryMarketKnowledgeL2 .quickLinks a, .page-l1 .quickLinks a {
  color: #000 !important;
  font-weight: bold; }
  .component-categoryMarketKnowledgeL2 .quickLinks a:visited, .page-l1 .quickLinks a:visited {
    color: #000 !important; }

.component-categoryMarketKnowledgeL2 .quickLinks:hover .svg-ask_an_expert_for_aem, .page-l1 .quickLinks:hover .svg-ask_an_expert_for_aem {
  fill: #BF0D3E !important; }

.component-categoryMarketKnowledgeL2 .quickLinks:hover .svg-nav_call, .page-l1 .quickLinks:hover .svg-nav_call {
  color: #BF0D3E !important; }

.component-categoryMarketKnowledgeL2 .quickLinks:hover a, .page-l1 .quickLinks:hover a {
  color: #BF0D3E !important; }

.component-categoryMarketKnowledgeL2 .btn-primary, .page-l1 .btn-primary, .component-categoryMarketKnowledgeL2 .btn-primary-teal, .page-l1 .btn-primary-teal, .component-categoryMarketKnowledgeL2 .btn-primary-teal-bright, .page-l1 .btn-primary-teal-bright {
  background-color: #BF0D3E !important;
  border-color: #BF0D3E !important;
  color: #fff !important; }
  .component-categoryMarketKnowledgeL2 .btn-primary:hover, .page-l1 .btn-primary:hover, .component-categoryMarketKnowledgeL2 .btn-primary-teal:hover, .page-l1 .btn-primary-teal:hover, .component-categoryMarketKnowledgeL2 .btn-primary-teal-bright:hover, .page-l1 .btn-primary-teal-bright:hover {
    background-color: #96002A !important;
    border-color: #96002A !important; }
  .component-categoryMarketKnowledgeL2 .btn-primary a, .page-l1 .btn-primary a, .component-categoryMarketKnowledgeL2 .btn-primary-teal a, .page-l1 .btn-primary-teal a, .component-categoryMarketKnowledgeL2 .btn-primary-teal-bright a, .page-l1 .btn-primary-teal-bright a {
    color: #fff !important; }

.component-categoryMarketKnowledgeL2 a.btn-primary, .page-l1 a.btn-primary, .component-categoryMarketKnowledgeL2 a.btn-primary-teal, .page-l1 a.btn-primary-teal, .component-categoryMarketKnowledgeL2 a.btn-primary-teal-bright, .page-l1 a.btn-primary-teal-bright {
  color: #ffffff !important; }

.component-categoryMarketKnowledgeL2 .enhancedList .list-item li, .page-l1 .enhancedList .list-item li {
  display: block;
  margin-bottom: 0px !important; }
  .component-categoryMarketKnowledgeL2 .enhancedList .list-item li a, .page-l1 .enhancedList .list-item li a {
    font-weight: normal;
    color: #000000 !important;
    font-size: 0.875rem;
    font-weight: bold; }
    .component-categoryMarketKnowledgeL2 .enhancedList .list-item li a:hover, .page-l1 .enhancedList .list-item li a:hover {
      color: #bf0d3e !important; }
    .component-categoryMarketKnowledgeL2 .enhancedList .list-item li a:visited:hover, .page-l1 .enhancedList .list-item li a:visited:hover {
      color: #bf0d3e !important; }

.dow-component-categoryMarketKnowledgeL1 .market-banner-top {
  min-height: 26.875rem; }
  .dow-component-categoryMarketKnowledgeL1 .market-banner-top .market-hero__content {
    min-height: 23.125rem; }

.dow-component-categoryMarketKnowledgeL1 .market-container {
  background-color: #ffffff; }
  .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__cont {
    border-top: 1px solid #d6d6d6;
    padding-bottom: 3.75rem; }
    .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__cont:first-of-type {
      border-top: none; }
    .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__cont .market-container__embedded {
      margin-top: 3.75rem; }
  .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__help {
    border-top: 1px dashed #d6d6d6;
    padding: 1.875rem 0; }

@media (max-width: 767px) {
  .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__cont {
    border-top: 1px solid #d6d6d6;
    padding-bottom: 1.875rem; }
    .dow-component-categoryMarketKnowledgeL1 .market-container .market-container__cont .market-container__embedded {
      margin-top: 1.875rem; } }

/*For L1 pages */
.dow-page-l1 .related-content-item .related-content-item-title > a:hover {
  color: #e80033 !important; }

.dow-page-l1 .related-content-item:hover {
  border-bottom: 1px solid #e80033 !important; }

.dow-page-l1 .slider_holder--slide.active a {
  font-weight: bold !important; }

.dow-page-l1 .richText .primary-white {
  letter-spacing: 0.15rem !important;
  font-size: 12px !important; }

.dow-page-l1 .slider_holder .slider_holder--controls.left {
  background-image: -webkit-linear-gradient(left, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-image: -o-linear-gradient(left, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-image: linear-gradient(to right, #910048 0%, rgba(145, 0, 72, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF910048', endColorstr='#00910048', GradientType=1); }

.dow-page-l1 .slider_holder .slider_holder--controls.right {
  background-image: -webkit-linear-gradient(left, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-image: -o-linear-gradient(left, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-image: linear-gradient(to right, rgba(145, 0, 72, 0.0001) 0%, #910048 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00910048', endColorstr='#FF910048', GradientType=1); }

.dow-page-l1 .slider_holder .svg-pdp-arrow--right, .dow-page-l1 .slider_holder .svg-pdp-arrow--left {
  stroke: #ffffff !important; }

@media (min-width: 768px) {
  .dow-page-l1 .component-homepageHeroFeatures {
    min-height: 23.125rem; }
    .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo {
      min-height: 23.125rem;
      padding: 0; }
      .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top {
        padding: 40px 40px 0px 40px; }
      .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide {
        position: absolute;
        min-height: 8.3125rem;
        background: rgba(0, 0, 0, 0.4) !important;
        bottom: -7px;
        width: 100% !important; }
      .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item {
        border-color: #fff !important;
        min-height: 133px !important; }
        .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item:first-child {
          padding-left: 40px; }
    .dow-page-l1 .component-homepageHeroFeatures .hero-banner-image {
      min-height: 23.125rem; }
      .dow-page-l1 .component-homepageHeroFeatures .hero-banner-image img {
        width: 100%;
        height: 100%; } }

.dow-page-l1 .slider_holder {
  background-color: #910048;
  margin-bottom: 20px; }

.dow-page-l1 .teaser-square--bottom-title .teaser-square--bottom-link .richText {
  color: #910048; }

.dow-page-l1 .teaser-square--bottom-title .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .dow-page-l1 .teaser-square--bottom-title .resource-component .richText:hover {
    color: #333 !important;
    cursor: auto; }

.dow-page-l1 .teaser-square-dow--bottom-title .teaser-square-dow--bottom-link .richText {
  color: #e80033; }

.dow-page-l1 .teaser-square-dow--bottom-title .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .dow-page-l1 .teaser-square-dow--bottom-title .resource-component .richText:hover {
    color: #e80033 !important;
    cursor: pointer; }

.dow-page-l1 a {
  color: #910048; }
  .dow-page-l1 a:link {
    color: #910048; }
    .dow-page-l1 a:link:visited {
      color: #910048; }
    .dow-page-l1 a:link:visited:hover {
      color: #690034; }
  .dow-page-l1 a:hover {
    color: #690034; }
  .dow-page-l1 a:active {
    color: #910048; }

.dow-page-l1 .btn-primary, .dow-page-l1 .btn-primary-teal, .dow-page-l1 .btn-primary-teal-bright {
  color: #ffffff;
  background-color: #910048;
  border-color: #910048;
  background-color: #910048 !important;
  border-color: #910048 !important;
  color: #fff !important; }
  .dow-page-l1 .btn-primary:focus, .dow-page-l1 .btn-primary-teal:focus, .dow-page-l1 .btn-primary-teal-bright:focus, .dow-page-l1 .btn-primary.focus, .dow-page-l1 .focus.btn-primary-teal, .dow-page-l1 .focus.btn-primary-teal-bright {
    color: #ffffff;
    background-color: #c40061;
    border-color: #910048; }
  .dow-page-l1 .btn-primary:hover, .dow-page-l1 .btn-primary-teal:hover, .dow-page-l1 .btn-primary-teal-bright:hover {
    color: #ffffff;
    background-color: #ab0055;
    border-color: #910048;
    transition: none; }
  .dow-page-l1 .btn-primary:active, .dow-page-l1 .btn-primary-teal:active, .dow-page-l1 .btn-primary-teal-bright:active, .dow-page-l1 .btn-primary.active, .dow-page-l1 .active.btn-primary-teal, .dow-page-l1 .active.btn-primary-teal-bright,
  .open > .dow-page-l1 .btn-primary.dropdown-toggle,
  .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal,
  .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal-bright {
    color: #ffffff;
    background-color: #ab0055; }
    .dow-page-l1 .btn-primary:active:hover, .dow-page-l1 .btn-primary-teal:active:hover, .dow-page-l1 .btn-primary-teal-bright:active:hover, .dow-page-l1 .btn-primary:active:focus, .dow-page-l1 .btn-primary-teal:active:focus, .dow-page-l1 .btn-primary-teal-bright:active:focus, .dow-page-l1 .btn-primary:active.focus, .dow-page-l1 .btn-primary-teal:active.focus, .dow-page-l1 .btn-primary-teal-bright:active.focus, .dow-page-l1 .btn-primary.active:hover, .dow-page-l1 .active.btn-primary-teal:hover, .dow-page-l1 .active.btn-primary-teal-bright:hover, .dow-page-l1 .btn-primary.active:focus, .dow-page-l1 .active.btn-primary-teal:focus, .dow-page-l1 .active.btn-primary-teal-bright:focus, .dow-page-l1 .btn-primary.active.focus, .dow-page-l1 .active.focus.btn-primary-teal, .dow-page-l1 .active.focus.btn-primary-teal-bright,
    .open > .dow-page-l1 .btn-primary.dropdown-toggle:hover,
    .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal:hover,
    .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal-bright:hover,
    .open > .dow-page-l1 .btn-primary.dropdown-toggle:focus,
    .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal:focus,
    .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal-bright:focus,
    .open > .dow-page-l1 .btn-primary.dropdown-toggle.focus,
    .open > .dow-page-l1 .dropdown-toggle.focus.btn-primary-teal,
    .open > .dow-page-l1 .dropdown-toggle.focus.btn-primary-teal-bright {
      color: #ffffff;
      background-color: #ab0055;
      border-color: transparent; }
  .dow-page-l1 .btn-primary:active, .dow-page-l1 .btn-primary-teal:active, .dow-page-l1 .btn-primary-teal-bright:active, .dow-page-l1 .btn-primary.active, .dow-page-l1 .active.btn-primary-teal, .dow-page-l1 .active.btn-primary-teal-bright,
  .open > .dow-page-l1 .btn-primary.dropdown-toggle,
  .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal,
  .open > .dow-page-l1 .dropdown-toggle.btn-primary-teal-bright {
    background-image: none; }
  .dow-page-l1 .btn-primary.disabled:hover, .dow-page-l1 .disabled.btn-primary-teal:hover, .dow-page-l1 .disabled.btn-primary-teal-bright:hover, .dow-page-l1 .btn-primary.disabled:focus, .dow-page-l1 .disabled.btn-primary-teal:focus, .dow-page-l1 .disabled.btn-primary-teal-bright:focus, .dow-page-l1 .btn-primary.disabled.focus, .dow-page-l1 .disabled.focus.btn-primary-teal, .dow-page-l1 .disabled.focus.btn-primary-teal-bright, .dow-page-l1 .btn-primary[disabled]:hover, .dow-page-l1 [disabled].btn-primary-teal:hover, .dow-page-l1 [disabled].btn-primary-teal-bright:hover, .dow-page-l1 .btn-primary[disabled]:focus, .dow-page-l1 [disabled].btn-primary-teal:focus, .dow-page-l1 [disabled].btn-primary-teal-bright:focus, .dow-page-l1 .btn-primary[disabled].focus, .dow-page-l1 [disabled].focus.btn-primary-teal, .dow-page-l1 [disabled].focus.btn-primary-teal-bright,
  fieldset[disabled] .dow-page-l1 .btn-primary:hover,
  fieldset[disabled] .dow-page-l1 .btn-primary-teal:hover,
  fieldset[disabled] .dow-page-l1 .btn-primary-teal-bright:hover,
  fieldset[disabled] .dow-page-l1 .btn-primary:focus,
  fieldset[disabled] .dow-page-l1 .btn-primary-teal:focus,
  fieldset[disabled] .dow-page-l1 .btn-primary-teal-bright:focus,
  fieldset[disabled] .dow-page-l1 .btn-primary.focus,
  fieldset[disabled] .dow-page-l1 .focus.btn-primary-teal,
  fieldset[disabled] .dow-page-l1 .focus.btn-primary-teal-bright {
    background-color: #910048;
    border-color: #910048; }
  .dow-page-l1 .btn-primary .badge, .dow-page-l1 .btn-primary-teal .badge, .dow-page-l1 .btn-primary-teal-bright .badge {
    color: #910048;
    background-color: #ffffff; }
  .dow-page-l1 .btn-primary p, .dow-page-l1 .btn-primary-teal p, .dow-page-l1 .btn-primary-teal-bright p {
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: .15rem !important; }
  .dow-page-l1 .btn-primary a, .dow-page-l1 .btn-primary-teal a, .dow-page-l1 .btn-primary-teal-bright a {
    color: #fff !important;
    font-size: 12px;
    letter-spacing: .15rem !important; }
  .dow-page-l1 .btn-primary:hover, .dow-page-l1 .btn-primary-teal:hover, .dow-page-l1 .btn-primary-teal-bright:hover {
    background-color: #690034 !important;
    border-color: #690034 !important;
    color: #fff !important; }

.dow-page-l1 a.btn-primary, .dow-page-l1 a.btn-primary-teal, .dow-page-l1 a.btn-primary-teal-bright {
  color: #ffffff !important; }

.dow-page-l1 .slider_holder--list.nav a {
  color: #ffffff; }

.dow-page-l1 .component-homepageHeroFeatures .hero-banner-image {
  overflow: hidden !important; }
  .dow-page-l1 .component-homepageHeroFeatures .hero-banner-image img {
    object-fit: cover;
    vertical-align: middle; }

.dow-page-l1 .component-homepageHeroFeatures .carousel-indicators li {
  border: 1px solid #fff !important; }

.dow-page-l1 .component-homepageHeroFeatures .carousel-indicators .active {
  background-color: #fff !important; }

.dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo {
  background: none !important; }
  .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description {
    width: 100% !important;
    margin: 0px !important; }
  .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item h2 .richText, .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .homepage-hero .carousel-content--description .richText, .homepage-hero .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .carousel-content--description .richText, .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .modal-body--title .richText {
    color: #fff; }
    .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item h2 .richText:hover, .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .homepage-hero .carousel-content--description .richText:hover, .homepage-hero .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .carousel-content--description .richText:hover, .dow-page-l1 .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item .modal-body--title .richText:hover {
      color: #bf7c9d; }

.dow-page-l1 .quickLinks a, .dow-page-l1 .page-l1 .quickLinks a {
  color: #000 !important;
  font-weight: bold; }

.dow-page-l1 .quickLinks .svg-ask_an_expert_for_aem {
  fill: #415364 !important; }

.dow-page-l1 .quickLinks .svg-nav_call {
  color: #415364 !important; }

.dow-page-l1 .quickLinks a {
  color: #000 !important;
  font-weight: bold; }
  .dow-page-l1 .quickLinks a:link {
    color: #000 !important; }
  .dow-page-l1 .quickLinks a:visited {
    color: #000 !important; }

.dow-page-l1 .quickLinks:hover .svg-ask_an_expert_for_aem {
  fill: #415364 !important; }

.dow-page-l1 .quickLinks:hover .svg-nav_call {
  color: #415364 !important; }

.dow-page-l1 .quickLinks:hover a {
  color: #415364 !important; }

.dow-squareTeaser .teaser-square--bottom-link .richText p {
  color: #e80033; }
  .dow-squareTeaser .teaser-square--bottom-link .richText p:hover {
    color: #bf002a; }

.dow-component-categoryMarketKnowledgeL2 .market2-container, .dow-component-categoryMarketKnowledgeL2 .page-l1 {
  background-color: #ffffff;
  border-bottom: none; }
  .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title {
    border-bottom: 1px solid #415364; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title h1, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title h1, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .select-your-industry-content--tips, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .select-your-industry-content--tips {
      margin: 0; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .market2-title__btn, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .market2-title__btn {
      text-align: right; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item {
      margin-bottom: 0; }
      .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item h2, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item h2, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .carousel-content--description, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .homepage-hero .carousel-content--description, .homepage-hero .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .carousel-content--description, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .list-item .modal-body--title, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .list-item .modal-body--title {
        border-bottom: 0; }
  .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont {
    margin-top: 1.875rem; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-banner, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-banner {
      margin-bottom: 1.875rem; }
      .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-banner img, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-banner img {
        width: 100%; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body h2:first-of-type, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body h2:first-of-type, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .carousel-content--description:first-of-type, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .homepage-hero .carousel-content--description:first-of-type, .homepage-hero .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .carousel-content--description:first-of-type, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body .modal-body--title:first-of-type, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body .modal-body--title:first-of-type {
      margin-top: 0; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded {
      border-bottom: 1px dashed #d6d6d6;
      padding-bottom: 1.875rem;
      margin-bottom: 1.875rem; }
      .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded:last-of-type, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded:last-of-type {
        border-bottom: none; }
      .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit {
        min-height: 15.9375rem; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-links .list:first-child, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-links .list:first-child {
      border-top: 1px dashed #d6d6d6;
      padding-top: 1.875rem;
      margin-top: 1.875rem; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child {
      border-top: 1px dashed #d6d6d6;
      padding-top: 1.875rem;
      margin-top: 1.875rem; }
      .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child h1, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child h1, .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .cont-select .title:first-child .select-your-industry-content--tips, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .cont-select .title:first-child .select-your-industry-content--tips {
        margin-top: 0; }

@media (max-width: 1079px) {
  .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit {
    min-height: 13.125rem; } }

@media (max-width: 767px) {
  .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title {
    border: none;
    padding-bottom: 0; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-title .market2-title__btn, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-title .market2-title__btn {
      margin-top: 0.9375rem;
      text-align: left; }
  .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont {
    margin-top: 0.9375rem; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-body, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-body {
      margin-bottom: 1.25rem; }
    .dow-component-categoryMarketKnowledgeL2 .market2-container .market2-cont .market2-embedded.market2-unit, .dow-component-categoryMarketKnowledgeL2 .page-l1 .market2-cont .market2-embedded.market2-unit {
      min-height: 14.375rem; } }

.dow-component-categoryMarketKnowledgeL2 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText {
  color: #415364; }
  .dow-component-categoryMarketKnowledgeL2 .squareTeaser .teaser-square--bottom-title .teaser-square--bottom-link .richText:hover {
    color: #96002a; }

.dow-component-categoryMarketKnowledgeL2 .squareTeaser .resource-component .richText {
  color: #333 !important;
  cursor: auto; }
  .dow-component-categoryMarketKnowledgeL2 .squareTeaser .resource-component .richText:hover {
    color: #333 !important;
    cursor: auto; }

.dow-component-categoryMarketKnowledgeL2 a {
  color: #415364; }
  .dow-component-categoryMarketKnowledgeL2 a:link {
    color: #415364; }
    .dow-component-categoryMarketKnowledgeL2 a:link:visited {
      color: #415364; }
    .dow-component-categoryMarketKnowledgeL2 a:link:visited:hover {
      color: #96002a; }
  .dow-component-categoryMarketKnowledgeL2 a:hover {
    color: #96002a; }
  .dow-component-categoryMarketKnowledgeL2 a:active {
    color: #96002a; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks .svg-ask_an_expert_for_aem {
  fill: #415364 !important; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks .svg-nav_call {
  color: #415364 !important; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks a {
  color: #000 !important;
  font-weight: bold; }
  .dow-component-categoryMarketKnowledgeL2 .quickLinks a:link {
    color: #000 !important; }
  .dow-component-categoryMarketKnowledgeL2 .quickLinks a:visited {
    color: #000 !important; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks:hover .svg-ask_an_expert_for_aem {
  fill: #415364 !important; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks:hover .svg-nav_call {
  color: #415364 !important; }

.dow-component-categoryMarketKnowledgeL2 .quickLinks:hover a {
  color: #415364 !important; }

.dow-component-categoryMarketKnowledgeL2 .btn-primary, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal-bright {
  background-color: #415364 !important;
  border-color: #415364 !important;
  color: #fff !important; }
  .dow-component-categoryMarketKnowledgeL2 .btn-primary:hover, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal:hover, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal-bright:hover {
    background-color: #96002A !important;
    border-color: #96002A !important; }
  .dow-component-categoryMarketKnowledgeL2 .btn-primary a, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal a, .dow-component-categoryMarketKnowledgeL2 .btn-primary-teal-bright a {
    color: #fff !important; }

.dow-component-categoryMarketKnowledgeL2 a.btn-primary, .dow-component-categoryMarketKnowledgeL2 a.btn-primary-teal, .dow-component-categoryMarketKnowledgeL2 a.btn-primary-teal-bright {
  color: #ffffff !important; }

.dow-component-categoryMarketKnowledgeL2 .enhancedList .list-item li {
  display: block;
  margin-bottom: 0px !important; }
  .dow-component-categoryMarketKnowledgeL2 .enhancedList .list-item li a {
    font-weight: normal;
    color: #000000 !important;
    font-size: 0.875rem;
    font-weight: bold; }
    .dow-component-categoryMarketKnowledgeL2 .enhancedList .list-item li a:hover {
      color: #bf0d3e !important; }
    .dow-component-categoryMarketKnowledgeL2 .enhancedList .list-item li a:visited:hover {
      color: #bf0d3e !important; }

.industry-help .industry-help-list {
  margin: 3.75rem 0 0 0;
  padding: 0; }
  .industry-help .industry-help-list > li {
    border-top: 1px dashed #d6d6d6;
    list-style: none;
    margin: 0;
    padding: 1.875rem 0; }
    @media (max-width: 767px) {
      .industry-help .industry-help-list > li .btn, .industry-help .industry-help-list > li .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .industry-help .industry-help-list > li .sds-form-submit, .industry-help .industry-help-list > li .pdp-form-submit {
        margin-top: 1.25rem; } }

.placeholder-aff {
  display: none; }

.slider_holder.affix + .placeholder-aff {
  display: block; }

.modal-terms-and-conditions ul, .modal-terms-and-conditions li {
  margin: 0;
  padding: 0;
  list-style: none; }

.modal-terms-and-conditions ul {
  margin-top: 1.25rem;
  margin-bottom: 0.9375rem; }

.modal-terms-and-conditions ul.parsley-errors-list {
  margin-top: -1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 1.875rem; }

@media (min-width: 768px) {
  .page-search .tabs .tab-content {
    padding-left: 30px;
    padding-right: 30px; } }

.page-search .slider_holder {
  text-align: left;
  background: #c8c8c8; }
  .page-search .slider_holder--list {
    list-style: none; }
    .page-search .slider_holder--list.nav a {
      color: #000;
      border: 0;
      border-radius: 0;
      margin: 0;
      padding: 0px;
      font-weight: bold;
      padding: 1.25rem 0px;
      display: inline-block; }
    .page-search .slider_holder--list.nav a:hover {
      color: #e80033;
      background-color: transparent; }
    .page-search .slider_holder--list.nav li {
      padding: 0 25px;
      border-left: 1px solid #fff; }
      .page-search .slider_holder--list.nav li:first-child {
        border-left: 0px; }
    .page-search .slider_holder--list.nav li.active {
      background-color: transparent; }
      .page-search .slider_holder--list.nav li.active a {
        color: #e80033;
        cursor: default; }

@media (min-width: 768px) {
  .page-search .search--results {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .page-search .search--results .results--content {
    padding: 0 15px; } }

.page-search .search--results .results--content .sponsoredResult--top {
  margin-bottom: 1.25rem; }

.page-search .search--results .results--content .sponsoredResult--bottom .component-sponsoredResults {
  margin-top: 1.25rem; }

.page-search .search--results .results--content .results .noResults:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both; }

@media (min-width: 768px) {
  .page-search .search--results .refine--collapse {
    display: block; } }

.page-search .search--results .pagination-with-count > .row > div {
  margin-right: 0; }
  @media (min-width: 768px) {
    .page-search .search--results .pagination-with-count > .row > div:last-child {
      text-align: right; } }

.page-search .search--results .paginationResults--top .pagination-show {
  width: auto; }

@media (max-width: 767px) {
  .page-search .search--results .refine--container {
    margin-bottom: 20px;
    padding: 0 15px; }
    .page-search .search--results .refine--container .refine--collapse {
      padding: 0; }
    .page-search .search--results .refine--container.open {
      padding: 0; }
      .page-search .search--results .refine--container.open .refine--collapse {
        padding: 0 15px; }
      .page-search .search--results .refine--container.open > button a[data-toggle="collapse"] {
        position: relative;
        float: right; }
        .page-search .search--results .refine--container.open > button a[data-toggle="collapse"]:before {
          position: absolute;
          content: "";
          left: -1.25rem;
          top: -0.375rem;
          height: 1.875rem;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.3); }
      .page-search .search--results .refine--container.open .refine-advanced {
        display: block; }
    .page-search .search--results .refine--container > button {
      outline: none;
      transition: background 0.5s ease-out;
      transition: border 0.5s ease-out;
      transition: padding 0.5s ease-out; }
      .page-search .search--results .refine--container > button.foo {
        text-align: left;
        border: none;
        width: 100%;
        color: #ffffff;
        background: #666;
        margin-bottom: 30px;
        padding: 25px 20px; }
        .page-search .search--results .refine--container > button.foo .svg-pdp-funnel {
          display: none; }
        .page-search .search--results .refine--container > button.foo .svg-nav_close_x {
          width: 18px;
          height: 18px;
          fill: #ffffff; }
      .page-search .search--results .refine--container > button:not(.foo) {
        font-size: 0.75rem;
        border: solid 2px #e80033;
        background: #ffffff;
        color: #e80033;
        width: 100%;
        margin: 20px auto 0;
        border-radius: 4px;
        padding: 8px;
        text-transform: uppercase; }
        .page-search .search--results .refine--container > button:not(.foo) .svg-pdp-funnel {
          width: 12px;
          height: 12px;
          fill: #e80033;
          color: #e80033; }
        .page-search .search--results .refine--container > button:not(.foo) .svg-nav_close_x {
          display: none; }
      .page-search .search--results .refine--container > button .svg-pdp-funnel, .page-search .search--results .refine--container > button .svg-nav_close_x {
        display: inline; } }

.page-search .search--results .refine--container label:not(.form-checkbox), .page-search .search--results .refine--container .refine-advanced {
  margin-top: 20px; }

.page-search .search--results .refine--container .refine + hr {
  margin: 15px 0 5px;
  border-top: 2px solid #e80033; }

.page-search .search--results .refine--container .refine-advanced {
  border-top: solid 2px #e80033;
  border-bottom: solid 2px #e80033;
  padding: 20px; }
  @media (max-width: 767px) {
    .page-search .search--results .refine--container .refine-advanced {
      margin: 10px 20px 0;
      padding: 15px;
      display: none; } }
  .page-search .search--results .refine--container .refine-advanced .form-checkbox {
    display: block; }
  .page-search .search--results .refine--container .refine-advanced p {
    cursor: pointer; }
    .page-search .search--results .refine--container .refine-advanced p span {
      position: relative;
      top: 2px;
      margin-right: 15px; }
      .page-search .search--results .refine--container .refine-advanced p span .svg-pdp-list_collapse, .page-search .search--results .refine--container .refine-advanced p span .svg-pdp-list_expand {
        width: 15px;
        height: 15px;
        color: #e80033; }
  .page-search .search--results .refine--container .refine-advanced > div {
    margin-top: 10px; }
    .page-search .search--results .refine--container .refine-advanced > div p {
      margin-top: 10px; }

.page-search .search--results .refine--container .refine--clear-all {
  float: right; }

.page-search .search--results .refine--container .refine--collapse .refine--label label {
  margin: 0;
  cursor: pointer; }

.page-search .search--results .refine--container .refine--collapse .dropdown--wrapper {
  padding: 10px 0; }

.page-search .search--results .refine--container .refine--collapse .dropdown .dropdown-toggle {
  display: none; }

.page-search .search--results .refine--container .refine--collapse .dropdown .dropdown-menu {
  display: block;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  z-index: auto;
  position: relative;
  margin-left: 35px;
  float: none; }

.page-search .search--results .refine--container .refine--collapse .dropdown ul .view-all {
  font-weight: normal;
  position: relative;
  margin-top: 5px;
  font-size: 12px;
  color: #e80033;
  width: 85%; }
  .page-search .search--results .refine--container .refine--collapse .dropdown ul .view-all .svg-header_plus,
  .page-search .search--results .refine--container .refine--collapse .dropdown ul .view-all .svg-header_minus {
    height: 10px;
    width: 10px; }

.page-search .search--results .refine--container .refine--collapse .dropdown ul li {
  min-height: 10px;
  width: 85%; }
  .page-search .search--results .refine--container .refine--collapse .dropdown ul li P {
    min-height: 10px;
    padding-top: 3px; }
  .page-search .search--results .refine--container .refine--collapse .dropdown ul li a {
    padding: 0;
    min-height: 10px; }
    .page-search .search--results .refine--container .refine--collapse .dropdown ul li a.active {
      background-color: transparent;
      font-weight: normal;
      color: #000000 !important; }
    .page-search .search--results .refine--container .refine--collapse .dropdown ul li a:hover, .page-search .search--results .refine--container .refine--collapse .dropdown ul li a:focus, .page-search .search--results .refine--container .refine--collapse .dropdown ul li a:visited {
      background-color: transparent;
      font-weight: normal;
      color: #000000 !important; }

.page-search .search--results .refine--container .refine--collapse .dropdown--info-text {
  padding-top: 10px;
  display: none; }

.page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label {
  cursor: pointer; }
  .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine {
    margin-bottom: 5px; }
    .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine span {
      position: relative;
      top: 2px;
      margin-right: 15px; }
      .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine span .icon-list_collapse,
      .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine span .svg-pdp-list_expand,
      .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine span .svg-pdp-list_collapse {
        width: 16px;
        height: 15px;
        color: #e80033; }
    .page-search .search--results .refine--container .refine--collapse .dropdown--wrapper.refine--label .label-wrapper-refine .clear-product-group {
      margin-left: 5px; }

.page-search .search--results .refine--container .refine--collapse .form-checkbox {
  margin: 5px 0 !important;
  width: 85%; }
  .page-search .search--results .refine--container .refine--collapse .form-checkbox .form-checkbox__text {
    color: #000000; }

@media (max-width: 1079px) {
  .page-search .paginationResults--top .paginator-holder {
    margin-top: 1.25rem; }
  .page-search .paginationResults--top .pagination-with-menu {
    margin-bottom: 3.125rem; } }

@media (max-width: 1079px) and (min-width: 768px) {
  .page-search .results--container {
    margin-top: 2.5rem; } }

@media (max-width: 767px) {
  .page-search .pagination-with-count, .page-search .pagination-with-menu {
    display: block; }
  .page-search .pagination-with-count .paginator-holder {
    display: none; }
  .page-search .pagination-with-menu .paginator-holder {
    margin-top: 0;
    text-align: center; } }

.noResults p.tryAgain, .noResults p.newSearch {
  font-weight: bold; }

.noResults p.newSearch {
  margin-bottom: 0; }

.noResults .form-group {
  margin-bottom: 0; }

.noResults div.newSearch {
  margin-top: 1.25rem;
  border-bottom: 1px solid #999999;
  padding-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .noResults div.newSearch .search-form .pdp-search-bar .pdp-form-submit {
      width: 6.25rem; } }

.noResults div.disclaimer {
  margin-top: 1.25rem; }

.noResults .component-resultsFound {
  display: inline-block;
  margin-bottom: 1.125rem;
  font-size: 1rem; }

.noResults .component-didYouMean {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.625rem; }

@media (min-width: 1080px) {
  .dcc_login_form {
    margin-top: 4.375rem;
    margin-bottom: 10rem; } }

@media (max-width: 767px) {
  .dcc_login_form button.btn.btn-block.inline-form-button, .dcc_login_form .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.inline-form-button.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dcc_login_form button.btn-block.inline-form-button.sds-form-submit, .dcc_login_form button.btn-block.inline-form-button.pdp-form-submit {
    margin-top: 0; }
  .dcc_login_form br {
    display: none; }
  .dcc_login_form .rememberMe, .dcc_login_form .login {
    margin-bottom: 1.25rem; }
  .dcc_login_form .btn-primary, .dcc_login_form .btn-primary-teal, .dcc_login_form .btn-primary-teal-bright {
    margin-top: 1.25rem; } }

.modal-content .border-container {
  border: none;
  padding: 0; }

.login_holder .center-block {
  float: none; }

@media (max-width: 767px) {
  .login_holder {
    padding: 0.625rem; } }

@media (min-width: 1080px) {
  .modal .dcc_login_form, .pdpModal .dcc_login_form, .dccHomepageModal .dcc_login_form, .viewItemsCarouselModal .dcc_login_form, .teaserOverlayComponent .dcc_login_form {
    margin-top: 0;
    margin-bottom: 0; }
    .modal .dcc_login_form a[tabindex]:focus, .pdpModal .dcc_login_form a[tabindex]:focus, .dccHomepageModal .dcc_login_form a[tabindex]:focus, .viewItemsCarouselModal .dcc_login_form a[tabindex]:focus, .teaserOverlayComponent .dcc_login_form a[tabindex]:focus {
      outline: thin dotted !important; }
    .modal .dcc_login_form .form-checkbox input[type="checkbox"]:focus + .checkmark-container .form-checkbox__checkmark, .pdpModal .dcc_login_form .form-checkbox input[type="checkbox"]:focus + .checkmark-container .form-checkbox__checkmark, .dccHomepageModal .dcc_login_form .form-checkbox input[type="checkbox"]:focus + .checkmark-container .form-checkbox__checkmark, .viewItemsCarouselModal .dcc_login_form .form-checkbox input[type="checkbox"]:focus + .checkmark-container .form-checkbox__checkmark, .teaserOverlayComponent .dcc_login_form .form-checkbox input[type="checkbox"]:focus + .checkmark-container .form-checkbox__checkmark {
      border: 1px solid #e80033; } }

.modal .center-block, .pdpModal .center-block, .dccHomepageModal .center-block, .viewItemsCarouselModal .center-block, .teaserOverlayComponent .center-block {
  width: 100%; }

@media (max-width: 767px) {
  .modal .login_holder, .pdpModal .login_holder, .dccHomepageModal .login_holder, .viewItemsCarouselModal .login_holder, .teaserOverlayComponent .login_holder {
    padding: 0; }
    .modal .login_holder .rememberMe, .pdpModal .login_holder .rememberMe, .dccHomepageModal .login_holder .rememberMe, .viewItemsCarouselModal .login_holder .rememberMe, .teaserOverlayComponent .login_holder .rememberMe, .modal .login_holder .login, .pdpModal .login_holder .login, .dccHomepageModal .login_holder .login, .viewItemsCarouselModal .login_holder .login, .teaserOverlayComponent .login_holder .login {
      margin-bottom: 0; }
    .modal .login_holder .btn-primary, .pdpModal .login_holder .btn-primary, .dccHomepageModal .login_holder .btn-primary, .viewItemsCarouselModal .login_holder .btn-primary, .teaserOverlayComponent .login_holder .btn-primary, .modal .login_holder .btn-primary-teal, .pdpModal .login_holder .btn-primary-teal, .dccHomepageModal .login_holder .btn-primary-teal, .viewItemsCarouselModal .login_holder .btn-primary-teal, .teaserOverlayComponent .login_holder .btn-primary-teal, .modal .login_holder .btn-primary-teal-bright, .pdpModal .login_holder .btn-primary-teal-bright, .dccHomepageModal .login_holder .btn-primary-teal-bright, .viewItemsCarouselModal .login_holder .btn-primary-teal-bright, .teaserOverlayComponent .login_holder .btn-primary-teal-bright {
      margin-top: 0; } }

.simple_registration_form .dropdown .dropdown-menu ul li p a {
  color: #000000; }
  .simple_registration_form .dropdown .dropdown-menu ul li p a:hover {
    color: #ffffff; }

@media (max-width: 767px) {
  .cancel__submit_holder button.dcc_login_migration_verify_cancel {
    margin-bottom: 10px; } }

.vertification_code_reset_password .center-block {
  display: block;
  margin: 0 auto;
  float: none; }

.dcc-sdsFinder .dcc-container {
  background-color: #ffffff; }
  .dcc-sdsFinder .dcc-container .information p {
    color: #aeaeae;
    padding: 0.625rem;
    width: 100%;
    text-align: center; }
  .dcc-sdsFinder .dcc-container .searchBar {
    background-color: #666666;
    margin-left: 0;
    margin-right: 0;
    display: table;
    text-align: left;
    padding-left: 1.25rem;
    height: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    width: 100%; }
    .dcc-sdsFinder .dcc-container .searchBar .search:before, .dcc-sdsFinder .dcc-container .searchBar .search:after {
      content: " ";
      display: table; }
    .dcc-sdsFinder .dcc-container .searchBar .search:after {
      clear: both; }
    .dcc-sdsFinder .dcc-container .searchBar .search .country .dropdown__text {
      white-space: nowrap; }
    .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit {
      float: left;
      background-color: #e80033 !important;
      border: none;
      width: 100% !important; }
      .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:link, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:visited, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active {
        background-color: #e80033 !important; }
      .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus {
        background-color: #bf002a !important; }
    .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-input {
      width: 100%;
      margin-top: auto;
      height: 38px; }
  .dcc-sdsFinder .dcc-container #paginationResults--bottom {
    width: 100%; }
  .dcc-sdsFinder .dcc-container .sds-line-item-content-holder {
    display: table; }
    .dcc-sdsFinder .dcc-container .sds-line-item-content-holder h2, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .homepage-hero .carousel-content--description, .homepage-hero .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .carousel-content--description, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .modal-body--title {
      display: table-cell;
      vertical-align: middle; }
      .dcc-sdsFinder .dcc-container .sds-line-item-content-holder h2 a, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .homepage-hero .carousel-content--description a, .homepage-hero .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .carousel-content--description a, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .modal-body--title a {
        color: #333333; }
        .dcc-sdsFinder .dcc-container .sds-line-item-content-holder h2 a:hover, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .homepage-hero .carousel-content--description a:hover, .homepage-hero .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .carousel-content--description a:hover, .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .modal-body--title a:hover {
          color: #e80033;
          border-bottom: solid 1px #e80033; }
    .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .dcc-sds-finder-login {
      float: right;
      width: auto; }
    .dcc-sdsFinder .dcc-container .sds-line-item-content-holder .dcc-sds-finder-view-options {
      float: right;
      width: auto; }
  .dcc-sdsFinder .dcc-container .searchWithinResults .sds-search-bar {
    width: 80%; }
  .dcc-sdsFinder .dcc-container .searchWithinResults .sds-form-input {
    width: 85%; }
  .dcc-sdsFinder .dcc-container .searchWithinResults .sds-form-submit {
    float: right; }
  .dcc-sdsFinder .dcc-container .newSearch .sds-form-input {
    width: auto;
    margin-right: 10px; }
  .dcc-sdsFinder .dcc-container ul.parsley-errors-list {
    position: absolute;
    bottom: -1.25rem; }
  .dcc-sdsFinder .dcc-container-results {
    background-color: #ebebeb; }
  @media (max-width: 767px) {
    .dcc-sdsFinder .dcc-container .searchBar, .dcc-sdsFinder .dcc-container .search, .dcc-sdsFinder .dcc-container .country, .dcc-sdsFinder .dcc-container .search form, .dcc-sdsFinder .dcc-container .search .sds-search-bar {
      display: block; }
    .dcc-sdsFinder .dcc-container .searchBar {
      padding-left: 0; }
      .dcc-sdsFinder .dcc-container .searchBar .search .country {
        margin-top: 1.25rem;
        margin-left: 0;
        margin-bottom: 1.25rem; }
      .dcc-sdsFinder .dcc-container .searchBar .search .sds-search-bar {
        padding-right: 0; }
      .dcc-sdsFinder .dcc-container .searchBar .search .pdp-form-input {
        width: 97%;
        margin-bottom: 1.25rem; }
      .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit {
        width: 100%;
        margin-bottom: 1.25rem; }
    .dcc-sdsFinder .dcc-container .searchWithinResults .pdp-form-submit {
      width: 100%; } }

.sds-search-bar .component-searchAutoComplete {
  top: 2.5rem; }
  .sds-search-bar .component-searchAutoComplete ul {
    margin: 0; }
  .sds-search-bar .component-searchAutoComplete .results {
    width: 100% !important;
    left: 0 !important; }

.pdpSdsViewModal .pdp-line-item:hover,
.pdp-sds-finder .pdp-line-item:hover {
  border-bottom: 1px solid #e80033; }

.pdpSdsViewModal .sds-search-results-tips,
.pdp-sds-finder .sds-search-results-tips {
  line-height: 2.75rem; }
  .pdpSdsViewModal .sds-search-results-tips strong:last-child,
  .pdp-sds-finder .sds-search-results-tips strong:last-child {
    color: #e80033; }

.pdpSdsViewModal #paginationResults--bottom,
.pdp-sds-finder #paginationResults--bottom {
  text-align: right; }
  .pdpSdsViewModal #paginationResults--bottom .page__pagination,
  .pdp-sds-finder #paginationResults--bottom .page__pagination {
    margin-top: 0; }

.pdpSdsViewModal .pdp-line-item-icon-holder .svg-nav_lock,
.pdpSdsViewModal .pdp-line-item-icon-holder .svg-homepage_hero_find--rollover,
.pdp-sds-finder .pdp-line-item-icon-holder .svg-nav_lock,
.pdp-sds-finder .pdp-line-item-icon-holder .svg-homepage_hero_find--rollover {
  height: 2.5625rem;
  fill: #666; }

.pdpSdsViewModal .pdp-line-item-icon-holder .svg-badge--pdf,
.pdp-sds-finder .pdp-line-item-icon-holder .svg-badge--pdf {
  fill: #666; }

.pdpSdsViewModal .pdp-line-item-icon-holder .svg-icon--badge.no-padding,
.pdp-sds-finder .pdp-line-item-icon-holder .svg-icon--badge.no-padding {
  bottom: -0.625rem;
  right: -0.25rem; }
  .pdpSdsViewModal .pdp-line-item-icon-holder .svg-icon--badge.no-padding .svg-badge--pdf,
  .pdp-sds-finder .pdp-line-item-icon-holder .svg-icon--badge.no-padding .svg-badge--pdf {
    width: 1.875rem;
    height: 1.875rem;
    fill: #666; }

.pdpSdsViewModal .paginationResults--top .pagination-show,
.pdp-sds-finder .paginationResults--top .pagination-show {
  width: 100%; }

.pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont,
.pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont {
  width: 65%;
  float: left; }
  .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link a, .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link__details a,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link a,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link__details a {
    color: #333333; }
    .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link a:hover, .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link__details a:hover,
    .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link a:hover,
    .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont .line-item-heading-link__details a:hover {
      color: #e80033;
      border-bottom: none; }

.pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-login,
.pdpSdsViewModal .pdp-line-item-content-holder .dcc-pdp-sds-view,
.pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-view-options,
.pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-login,
.pdp-sds-finder .pdp-line-item-content-holder .dcc-pdp-sds-view,
.pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-view-options {
  width: auto;
  float: right; }

@media (max-width: 767px) {
  .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-hedding-cont {
    width: 100%; }
  .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-login,
  .pdpSdsViewModal .pdp-line-item-content-holder .dcc-pdp-sds-view,
  .pdpSdsViewModal .pdp-line-item-content-holder .dcc-sds-finder-view-options,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-login,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-pdp-sds-view,
  .pdp-sds-finder .pdp-line-item-content-holder .dcc-sds-finder-view-options {
    width: 100%;
    margin-top: 0.9375rem; } }

.dcc-sdsFinder .pdp-line-item-icon-holder .svg-nav_lock,
.dcc-sdsFinder .pdp-line-item-icon-holder .svg-homepage_hero_find--rollover {
  height: 2.5625rem;
  fill: #e80033; }

.dcc-sdsFinder .pdp-line-item-icon-holder .svg-badge--pdf {
  fill: #666666;
  width: 1.875rem;
  height: 1.875rem; }

.dcc-sdsFinder .pdp-line-item-icon-holder .svg-icon--badge.no-padding {
  bottom: -0.625rem;
  right: -0.25rem; }

#pdpSdsViewModal .selected-Material-For-Country {
  padding-top: 20px; }

#sdsLoadingPlaceholder {
  background: url("global/images/loading.gif") no-repeat;
  background-size: contain;
  height: 75px; }

#pdp-selector--3 .results .pdp-line-item-content-holder {
  display: table; }
  #pdp-selector--3 .results .pdp-line-item-content-holder .dcc-pdp-product-support-login {
    float: right;
    width: auto;
    margin-left: 1.25rem; }
  #pdp-selector--3 .results .pdp-line-item-content-holder .dcc-sds-finder-view-options {
    float: right;
    width: auto; }

@media (min-width: 768px) {
  #pdp-selector--3 .pdp-dropdown-container {
    min-width: 11.125rem;
    max-width: none; } }

#pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .btn, #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit, #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit {
  width: auto; }

#pdp-selector--3 .dropdown .dropdown__text {
  width: 8.125rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap; }
  @media (max-width: 1079px) {
    #pdp-selector--3 .dropdown .dropdown__text {
      width: 6.125rem; } }

#pdp-selector--3 .pdp-filter__desktop .pdp-filter-refine-text .dropdown .dropdown__arrow--down, #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .dropdown .dropdown__arrow--down {
  position: absolute;
  right: 0.625rem; }

#pdp-selector--3 .pdp-line-item-video {
  position: relative; }

#pdp-selector--3 .paginationResults--top .pagination-show {
  width: auto; }

@media (max-width: 1079px) {
  #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .btn, #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit, #pdp-selector--3 .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit {
    min-width: 0; }
  #pdp-selector--3 .pdp-dropdown-container {
    min-width: 8.0625rem; }
  #pdp-selector--3 .results .pdp-line-item button {
    float: none;
    margin-top: 1.25rem;
    margin-left: 3.125rem; }
  #pdp-selector--3 .results .pdp-line-item .btn-block {
    width: auto !important; }
  #pdp-selector--3 .results .pdp-line-item-video {
    margin-left: 3.125rem; } }

@media (min-width: 767px) {
  #pdp-selector--3 .paginationResults--bottom .pagination-with-menu .pagination-show {
    width: 13.75rem; } }

#pdp-selector--3 .paginationResults--bottom .pagination-with-menu .pagination-show .dropdown .dropdown__text {
  width: 100%;
  display: table-cell; }

@media (max-width: 767px) {
  .pdp-detail-list[data-target="#pdp-selector--3"] .results .pdp-line-item button {
    float: none;
    width: 80%;
    text-align: center;
    margin: 1.25rem auto; }
  .pdp-detail-list[data-target="#pdp-selector--3"] .results .pdp-line-item-video {
    margin-left: 3.125rem; }
  .pdp-detail-list[data-target="#pdp-selector--3"] .results .noResults {
    padding-top: 0.625rem; }
  .pdp-detail-list[data-target="#pdp-selector--3"] .results .dropdown.with_select .dropdown-menu {
    top: 3.25rem; } }

.component-distributorFindRefine .pdp-filter-component {
  margin-bottom: 0; }
  .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container {
    max-width: none; }
    .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown {
      display: -ms-grid;
      -ms-grid-columns: min-content; }
      .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown-toggle, .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown.open .dropdown-toggle {
        min-width: min-content; }
        .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown-toggle:hover, .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown.open .dropdown-toggle:hover {
          min-width: auto; }
      .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown__text {
        width: auto;
        padding-right: 1.125rem; }
      .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown__text, .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown-menu {
        white-space: nowrap; }
      .component-distributorFindRefine .pdp-filter-component .pdp-dropdown-container .dropdown .dropdown-menu {
        width: min-content;
        width: -moz-min-content; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .component-distributorFindRefine .pdp-dropdown-container {
    max-width: 250px; }
    .component-distributorFindRefine .pdp-dropdown-container .dropdown .dropdown-toggle, .component-distributorFindRefine .pdp-dropdown-container .dropdown.open .dropdown-toggle {
      min-width: auto; }
    .component-distributorFindRefine .pdp-dropdown-container .dropdown .dropdown-menu {
      width: 250px; } }

.component-distributorFindResult .results .component-loader {
  margin-bottom: 1.875rem; }

.component-distributorFindResult .search-text {
  padding: 1.875rem 1.875rem 0; }

.component-distributorFindResult .pagination-plugin {
  padding: 0 1.875rem; }

.component-distributorFindResult .paginationResults--top .pagination-show {
  width: 100%; }

.component-distributorFindResult .distributor-result-item--image img {
  max-width: 7.5rem; }

.distributor--wrapper .component-distributorFindResult .svg-dropdown_arrow--down {
  color: #e80033; }

.distributor--wrapper .distributor-result-categorize table {
  margin-bottom: 15px; }
  .distributor--wrapper .distributor-result-categorize table td {
    padding-right: 20px; }
    .distributor--wrapper .distributor-result-categorize table td:nth-child(2) {
      padding-right: 0.375rem; }

.distributor--wrapper .distributor--disclaimer {
  text-align: center;
  padding: 1.875rem;
  background-color: #f7f7f7; }
  .distributor--wrapper .distributor--disclaimer p {
    color: #9b9b9b;
    font-weight: bold; }

.advance-registration-container {
  background-color: #ffffff;
  border: 1px solid #d6d6d6; }
  .advance-registration-container .form-radio .svg-form-radio__bullet {
    position: absolute;
    top: 37%;
    left: 7px;
    display: none; }
  .advance-registration-container .registration-margin-bottom {
    margin-bottom: 2.5rem; }

.advance-registration-heading {
  padding: 1.875rem 2.5rem 0.625rem 1.875rem; }
  @media (max-width: 767px) {
    .advance-registration-heading {
      padding: 1.875rem 15px 0.625rem 15px; } }

.title-border-bottom {
  margin: 1.875rem 2.5rem 0.625rem 1.875rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #c8c8c8; }

.registration-completion-content {
  padding: 0.625rem 2.5rem 3.75rem 1.875rem; }
  .registration-completion-content a {
    font-weight: bold; }
  @media (min-width: 768px) {
    .registration-completion-content .registration-completion-content-right {
      border-left: 1px solid #aeaeae;
      padding-left: 1.25rem; }
      .registration-completion-content .registration-completion-content-right h3 {
        margin-top: 0; } }
  @media (max-width: 767px) {
    .registration-completion-content .registration-completion-content-right {
      border-top: 1px solid #aeaeae;
      margin-top: 0.625rem; } }
  .registration-completion-content .registration-completion-content-right p {
    margin-bottom: 0.3125rem; }

.registration-terms-conditions {
  padding: 0.625rem 1.875rem 1.875rem 1.875rem; }
  .registration-terms-conditions a {
    font-weight: bold; }

.advance-registration-forms {
  clear: both; }
  .advance-registration-forms .accordion_unit_title {
    padding-left: 1.875rem; }
    @media (max-width: 767px) {
      .advance-registration-forms .accordion_unit_title > span {
        font-weight: bold; } }
  .advance-registration-forms .registration-form-bg {
    border-top: 1px solid #d6d6d6;
    background-color: #f8f8f8;
    padding: 1.875rem 10%; }
    .advance-registration-forms .registration-form-bg hr {
      border-top: 1px solid #bdbdbd; }
    .advance-registration-forms .registration-form-bg > h2, .advance-registration-forms .homepage-hero .registration-form-bg > .carousel-content--description, .homepage-hero .advance-registration-forms .registration-form-bg > .carousel-content--description, .advance-registration-forms .registration-form-bg > .modal-body--title {
      font-weight: normal; }
    .advance-registration-forms .registration-form-bg .uploadShowInput {
      background-color: #ffffff;
      cursor: default; }
  .advance-registration-forms .optRadio {
    margin-top: 0.625rem; }
  .advance-registration-forms .margin-t-medium {
    margin-top: 15px; }
  .advance-registration-forms .margin-t-small {
    margin-top: 10px; }
  .advance-registration-forms .margin-t-large {
    margin-top: 2rem; }
  .advance-registration-forms .registration-green-box {
    background-color: #dde9e9;
    padding: 0.3125rem 1.875rem;
    margin: 1.25rem 0; }
    .advance-registration-forms .registration-green-box hr {
      border-top: 1px solid #bdbdbd; }
  .advance-registration-forms .uploadButton {
    height: 2.5rem;
    margin-top: 1.875rem;
    margin-bottom: 0.625rem;
    max-width: 8.75rem;
    font-size: 0.75rem;
    letter-spacing: 0.1rem;
    padding: 0; }
  @media (max-width: 767px) {
    .advance-registration-forms .accordion_unit_content {
      padding-left: 0;
      padding-bottom: 0; }
    .advance-registration-forms .companyInformationForm .uploadButton {
      margin-top: 0.625rem;
      margin-left: 0;
      max-width: none; } }

.registration-button-group {
  margin-right: 1.875rem;
  margin-bottom: 1.875rem; }
  @media (max-width: 767px) {
    .registration-button-group .btn.btn-block, .registration-button-group .dcc-sdsFinder .dcc-container .searchBar .search .btn-block.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .registration-button-group .btn-block.sds-form-submit, .registration-button-group .btn-block.pdp-form-submit {
      margin-top: 1.875rem; } }
  @media (min-width: 767px) {
    .registration-button-group .registration-btn-right {
      float: right; } }

ul.error-tip {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.error-tip li {
    color: #e80033;
    padding-top: 0.3125rem;
    word-wrap: break-word; }

/*
## PDP Access Upgrade Modal, Start
********************************************************************/
.pdp-upgrade-modal .pdp-upgrade {
  border-top: 1px solid #d6d6d6;
  padding-top: 0.625rem; }
  .pdp-upgrade-modal .pdp-upgrade p {
    font-weight: bold; }
  .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item {
    padding: 0.9375rem 0; }
    .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item label {
      display: block; }
    .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item p {
      font-weight: normal; }
    .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item .list-inline-item-icons ul {
      padding-left: 0;
      margin-top: 0.625rem; }
      .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item .list-inline-item-icons ul li {
        width: auto;
        padding: 0 0.9375rem; }
        .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item .list-inline-item-icons ul li:first-child {
          padding-left: 0; }
        .pdp-upgrade-modal .pdp-upgrade .admin-contact .admin-contact-item .list-inline-item-icons ul li .svg-hero_call {
          width: 18px;
          height: 18px; }
  .pdp-upgrade-modal .pdp-upgrade .upgrade-tips {
    margin: 0;
    line-height: 2.5rem;
    display: none;
    font-weight: normal;
    font-size: 1rem; }
  .pdp-upgrade-modal .pdp-upgrade .pdp-upgrade-next {
    display: none;
    font-size: 0.75rem; }
  .pdp-upgrade-modal .pdp-upgrade.pdp-upgrade-noAssociated .admin-contact {
    display: none; }
  .pdp-upgrade-modal .pdp-upgrade.pdp-upgrade-noAssociated .upgrade-tips {
    display: block; }
  .pdp-upgrade-modal .pdp-upgrade.pdp-upgrade-noAssociated .pdp-upgrade-next {
    display: block; }
  .pdp-upgrade-modal .pdp-upgrade.pdp-upgrade-noAssociated .pdp-upgrade-close {
    display: none; }

.pdp-upgrade-modal h1.modal-body--title, .pdp-upgrade-modal .modal-body--title.select-your-industry-content--tips {
  margin-top: 0;
  font-size: 0.875rem; }

/*
## PDP Access Upgrade Modal, End
********************************************************************/
/*
## Sample Request, Start
********************************************************************/
.sample-request-container {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  padding-top: 0;
  padding-bottom: 0; }

.sample-request-header {
  padding: 1.25rem 1.875rem; }
  .sample-request-header .line-item-heading-link, .sample-request-header .line-item-heading-link__details {
    font-size: 0.875rem; }
  .sample-request-header .pdp-line-item-product-single-meta {
    font-weight: normal; }

.sample-request-list .form-radio {
  outline: none;
  margin-right: 1.25rem;
  font-weight: normal;
  font-size: 0.875rem; }
  .sample-request-list .form-radio .svg-form-radio__bullet {
    top: 7px;
    left: 7px; }

.sample-request-list .margin-t-large {
  margin-top: 2rem; }

.sample-request-list .component-accordion {
  border: none;
  margin-top: 0;
  margin-bottom: 0; }

.sample-request-list .accordion_unit_container {
  border-bottom: none;
  display: none; }
  .sample-request-list .accordion_unit_container.panel {
    border-top: 1px solid #d6d6d6; }
  .sample-request-list .accordion_unit_container .accordion_unit_title {
    padding-left: 30px; }
  .sample-request-list .accordion_unit_container .accordion_unit_content {
    padding-left: 0; }
    .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont {
      padding: 1.875rem 8.75rem;
      background-color: #f8f8f8;
      border-top: 1px solid #d6d6d6; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .company-infomation-customer-number label {
        margin-bottom: 0; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .sample-request-items-cont-description {
        font-size: 1rem;
        margin-bottom: 0.9375rem; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .sample-request-items-cont-business {
        font-size: 1rem;
        margin-bottom: 0.9375rem; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .sr-only {
        position: relative;
        width: auto;
        height: auto; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .sample-request-radio-group {
        margin-top: 0.625rem;
        padding: 0.625rem 0; }
      .sample-request-list .accordion_unit_container .accordion_unit_content .sample-request-items-cont .no-why-textarea {
        display: block;
        padding: 0.625rem;
        width: 100%;
        height: 5rem;
        font-size: 0.75rem;
        resize: none; }
  .sample-request-list .accordion_unit_container:first-child {
    display: block; }
    .sample-request-list .accordion_unit_container:first-child .sample-request-items-cont-form {
      display: none; }

.sample-request-list .sample-request-items-button {
  border-top: 1px solid #d6d6d6;
  padding: 1.875rem; }
  .sample-request-list .sample-request-items-button .btn-sample-request-submit {
    display: none;
    margin-top: 0; }
  @media (max-width: 767px) {
    .sample-request-list .sample-request-items-button .btn-sample-request-cancel {
      margin-bottom: 0.9375rem; } }

.sample-request-confirmation {
  display: none; }
  .sample-request-confirmation .sample-request-confirmation-header {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e80033; }
  .sample-request-confirmation .sample-request-confirmation-container {
    margin-top: 1.875rem; }
    .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-info-name {
      margin-bottom: 1.875rem; }
    .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-product {
      margin-bottom: 1.875rem; }
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-product h3 {
        margin: 0;
        line-height: 1.6; }
    .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user {
      min-height: 20rem;
      border-left: 1px solid #ebebeb;
      padding-left: 1.875rem;
      padding-bottom: 1.875rem; }
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-anonymous {
        display: none; }
        .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-anonymous ul {
          padding: 0; }
          .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-anonymous ul li {
            list-style: inside;
            font-size: 0.75rem;
            line-height: 1.6; }
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin {
        display: none; }
        .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item {
          padding: 0.9375rem 0; }
          .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item label {
            display: block; }
          .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item p {
            font-weight: normal; }
          .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item .list-inline-item-icons ul {
            padding-left: 0;
            margin-top: 0.625rem; }
            .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item .list-inline-item-icons ul li {
              width: auto;
              padding: 0 0.9375rem; }
              .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item .list-inline-item-icons ul li:first-child {
                padding-left: 0; }
              .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-admin .admin-contact .admin-contact-item .list-inline-item-icons ul li .svg-hero_call {
                width: 18px;
                height: 18px; }
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-noAdmin,
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-user-basic {
        display: none; }
      .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user .sample-request-confirmation-anonymous-upgrade {
        margin-top: 1.25rem; }
  .sample-request-confirmation .sr-only {
    position: relative;
    width: auto;
    height: auto; }

.sample-request-header-tolltip {
  list-style-type: none;
  padding-left: 0; }
  .sample-request-header-tolltip li {
    display: inline-block; }
    .sample-request-header-tolltip li:first-child {
      padding-right: 0.9375rem;
      margin-right: 0.9375rem;
      border-right: 1px solid #d6d6d6; }

@media (max-width: 767px) {
  .sample-request-container {
    border: none; }
    .sample-request-container .sample-request-list .accordion_unit_container .sample-request-items-cont {
      padding: 1.875rem; }
    .sample-request-container .btn-sample-request-cancle {
      margin-bottom: 0.9375rem; }
  .sample-request-confirmation .sample-request-confirmation-container .sample-request-confirmation-user {
    border-left: none;
    padding-left: 0; } }

.company-sampleRequestRadioBusiness-label {
  font-weight: normal;
  margin-right: 0.9375rem;
  vertical-align: middle; }

.company-sampleRequestRadioBusiness {
  display: inline-block; }

.sample-request-user-exits {
  margin-bottom: 1.25rem; }

.sample-request-forms .info--icon {
  display: inline-block;
  margin-left: 0.625rem; }
  .sample-request-forms .info--icon svg {
    width: 1rem;
    color: #666;
    vertical-align: middle; }

/*
## Sample Request, Start
********************************************************************/
.adddtional-info-other-radio {
  height: 2.5rem; }
  .adddtional-info-other-radio .other-label {
    height: 100%; }
  .adddtional-info-other-radio input {
    min-height: 0; }
  .adddtional-info-other-radio label {
    vertical-align: sub; }

@media (min-width: 767px) {
  .adv-registration .registration-button-group .adv-registration-btn {
    float: right; } }

.adv-registration .tooltip-inner-text {
  font-weight: normal;
  text-align: left; }
  .adv-registration .tooltip-inner-text p {
    font-weight: normal; }
  .adv-registration .tooltip-inner-text h3 {
    margin-top: 10px;
    margin-bottom: 0; }

.adv-registration .company-infomation-customer-number label {
  margin-bottom: 0; }

.adv-registration .panel.currentEdit .accordion_unit_title svg {
  display: none; }

.form-input.parsley-error-customer {
  border-color: #ff6666; }

ul.parsley-errors-list-customer {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.parsley-errors-list-customer li {
    color: #ff6666;
    padding-top: .3125rem; }

.camel-name-style {
  text-transform: capitalize; }

.productComparison-for-print {
  display: none;
  padding: 20px;
  font-size: 12px; }
  .productComparison-for-print .bottom-des {
    margin-bottom: 30px; }
  .productComparison-for-print .svg-Dow_Corning_logo {
    height: 30px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }

@media print {
  header, footer, .product-comparison-breadcrumbs, .title-left-icon {
    display: none; }
  .productComparison-for-print {
    display: block; }
  .properties-title {
    border-bottom: 1px solid #ebebeb; }
  .product-comparison-result {
    border-bottom: 1px solid #ebebeb; }
  .product-comparison .product-comparison-list .comparison-filter .apply-filter-item {
    display: none !important; }
  .product-comparison .product-comparison-list .comparison-filter .collapse-and-expand.open .collapse, .product-comparison .product-comparison-list .comparison-filter .collapse-and-expand.open .expand {
    display: none !important; }
  .product-comparison .product-comparison-list .tb-first-col {
    padding-left: 0.625rem; }
    .product-comparison .product-comparison-list .tb-first-col h6 {
      word-wrap: break-word;
      white-space: normal;
      word-break: break-word; }
  .product-list .product-del, .product-list .buying-option-link {
    display: none; }
  .product-list .product-list-top {
    position: relative;
    height: auto !important; }
    .product-list .product-list-top h3 {
      margin-top: 0;
      margin-bottom: 0; }
    .product-list .product-list-top h6 {
      display: none; }
  .product-comparison-title {
    border-bottom: 1px solid #d6d6d6 !important; }
  .product-comparison a:after {
    content: none; }
  .svg-header_dow-logo-lockup--desktop {
    width: auto !important; } }

.youku-video-container {
  position: relative;
  height: 100%; }
  .youku-video-container .youkuplayer {
    height: 100%; }
  .youku-video-container .youku-video-play-ctrl {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 3.125rem;
    height: 2.5rem;
    background: transparent;
    cursor: pointer; }

.checkout-page {
  padding-top: 40px; }
  .checkout-page .rules-applied-list li {
    width: 100%; }
  .checkout-page .rules-applied-list svg {
    width: 20px;
    height: 27px; }
  .checkout-page .order-summary-container h2, .checkout-page .order-summary-container .homepage-hero .carousel-content--description, .homepage-hero .checkout-page .order-summary-container .carousel-content--description, .checkout-page .order-summary-container .modal-body--title {
    color: #aeaeae;
    margin-bottom: 5px; }
  .checkout-page .order-summary-container p.order-price {
    display: flex;
    justify-content: space-between; }
  .checkout-page .order-summary-container .order-message {
    color: #aeaeae;
    font-size: .8rem;
    text-align: center; }
  .checkout-page .rules-applied-list a {
    font-size: 1rem;
    display: block; }
  .checkout-page select {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 50px 10px 20px;
    background-color: white;
    background-image: url(global/svg/icons/dropdown_arrow--down.svg);
    background-position: calc(100% - 20px) calc(1em + 2px);
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 3px; }
    .checkout-page select:focus {
      border-color: #ccc; }
  .checkout-page input {
    margin-top: 0; }
  .checkout-page.checkout-thankyou {
    min-height: 70vh; }
    .checkout-page.checkout-thankyou h1, .checkout-page.checkout-thankyou .select-your-industry-content--tips {
      border-bottom: 2px solid #910048;
      padding-bottom: 40px;
      margin-bottom: 20px; }
    .checkout-page.checkout-thankyou h2, .checkout-page.checkout-thankyou .homepage-hero .carousel-content--description, .homepage-hero .checkout-page.checkout-thankyou .carousel-content--description, .checkout-page.checkout-thankyou .modal-body--title {
      text-align: center; }
    .checkout-page.checkout-thankyou .btn, .checkout-page.checkout-thankyou .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .checkout-page.checkout-thankyou .sds-form-submit, .checkout-page.checkout-thankyou .pdp-form-submit {
      display: block;
      margin: 40px auto;
      width: inherit; }
    .checkout-page.checkout-thankyou .table-responsive th {
      background-color: transparent;
      border-bottom: 1px dashed #d6d6d6;
      color: #999999;
      font-weight: 400;
      text-align: center; }
    .checkout-page.checkout-thankyou .table-responsive td {
      border-top: none;
      font-weight: bold;
      text-align: center; }
      .checkout-page.checkout-thankyou .table-responsive td:last-of-type {
        color: #f15d22; }
    .checkout-page.checkout-thankyou .confirmation-failure-container .confirmation-failure-msg {
      font-size: 18px;
      font-weight: bold;
      text-align: center; }
    .checkout-page.checkout-thankyou .confirmation-failure-container .confirmation-failure-list li {
      border: 2px solid #ed8b00;
      padding: 10px 30px; }
      .checkout-page.checkout-thankyou .confirmation-failure-container .confirmation-failure-list li:not(:first-child) {
        border-top: none; }
      .checkout-page.checkout-thankyou .confirmation-failure-container .confirmation-failure-list li:nth-child(even) {
        background-color: #d6d6d6; }
    .checkout-page.checkout-thankyou .confirmation-failure-container .confirmation-failure-list span {
      display: block; }
  .checkout-page.checkout-placeorder .form-container {
    background-color: white; }
  .checkout-page.checkout-placeorder h1, .checkout-page.checkout-placeorder .select-your-industry-content--tips {
    font-size: 1.2rem;
    border-bottom: 1px solid #999999;
    margin-bottom: 30px;
    padding-bottom: 20px; }
  .checkout-page.checkout-placeorder input[type=submit] {
    margin: 20px auto 40px; }
  .checkout-page .order-status-heading h1, .checkout-page .order-status-heading .select-your-industry-content--tips {
    display: inline-block; }
  .checkout-page .order-status-heading a {
    font-size: 1.1rem;
    font-weight: bold;
    padding-left: 40px; }

.cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip .tooltip-inner {
  max-width: 600px;
  min-width: 300px;
  width: 100%; }

.cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip p {
  font-size: 1.6rem;
  font-weight: 400;
  padding-bottom: 10px; }

.cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip dl {
  margin-bottom: 0; }
  .cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip dl div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px; }
  .cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip dl dd {
    flex-shrink: 0; }

.cart-line-item .cart-line-item-content .paragraph.tooltipListContainer .tooltip dt {
  font-weight: 400;
  line-height: 1.2;
  padding-right: 40px; }

.address-change-modal {
  background-color: #d6d6d6;
  border: 1px solid #999999; }
  .address-change-modal .postal-search-container {
    border-bottom: 1px solid #999999;
    padding: 20px; }
    .address-change-modal .postal-search-container div {
      margin-bottom: 0 !important; }
    .address-change-modal .postal-search-container .form-group {
      background-color: white; }

.drawerModal.fade.in {
  display: block; }
  .drawerModal.fade.in .modal-dialog {
    animation: drawerSlideIn 0.45s cubic-bezier(0.45, 0.13, 0.41, 0.95); }

.drawerModal .spinner > div {
  background-color: #910048; }

.drawerModal .pricing-change .btn-default.dropdown-toggle, .drawerModal .pricing-change .dropdown-toggle.btn-primary-black, .drawerModal .pricing-change .dropdown-toggle.btn-primary-charcoal, .drawerModal .pricing-change .dcc-sdsFinder .dcc-container .searchBar .search .dropdown-toggle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .pricing-change .dropdown-toggle.sds-form-submit, .drawerModal .pricing-change .dropdown-toggle.pdp-form-submit {
  color: #333 !important; }

.drawerModal .panel.validSection .svg-form-checkmark {
  display: block; }

.drawerModal .modal-dialog {
  max-width: 1080px; }
  .drawerModal .modal-dialog .modal-body {
    padding: 0; }
  .drawerModal .modal-dialog .modal-header {
    background-color: #910048;
    display: flex;
    justify-content: space-between;
    padding: 0.9375rem 1.875rem; }
    .drawerModal .modal-dialog .modal-header p {
      font-size: 18px;
      margin-bottom: 0; }
    .drawerModal .modal-dialog .modal-header .modal-header-sub-text {
      display: block;
      font-size: 14px; }
    .drawerModal .modal-dialog .modal-header .modal-title {
      font-size: 18px;
      line-height: 1.6;
      padding-right: 15px; }
    .drawerModal .modal-dialog .modal-header .close {
      border-left: none;
      margin-left: auto;
      padding-top: 7px; }

.drawerModal .modal-lg {
  width: auto; }

.drawerModal .accordion_unit_container {
  border: none;
  box-shadow: none; }

.drawerModal .drawer-information {
  background-color: #d6d6d6;
  border-bottom: 2px solid black;
  padding: 40px; }
  .drawerModal .drawer-information div {
    margin-bottom: 0; }
  .drawerModal .drawer-information dl {
    margin-bottom: 0; }
    .drawerModal .drawer-information dl div {
      padding-bottom: 10px; }
  .drawerModal .drawer-information dt {
    text-align: right; }
  .drawerModal .drawer-information dt {
    padding-top: 2px;
    padding-bottom: 2px; }
  .drawerModal .drawer-information dd p {
    margin-bottom: 0;
    border-radius: 2px;
    display: inline-block;
    padding: 2px 8px;
    background-color: #666;
    color: white; }
    .drawerModal .drawer-information dd p.drawer-empty-input {
      background-color: transparent;
      color: #666; }
  .drawerModal .drawer-information dd .svg-form_template {
    width: 20px;
    height: 18px;
    vertical-align: middle; }

.drawerModal .accordion_unit_title {
  background-color: #666666;
  color: white;
  display: flex;
  align-items: center;
  padding: 15px 40px 15px 40px;
  margin-bottom: 0; }
  .drawerModal .accordion_unit_title .accordion_unit_title_content {
    font-size: 18px;
    padding: 0 20px; }
  .drawerModal .accordion_unit_title .svg-form-checkmark {
    transform: scale(1.6);
    fill: white;
    display: none; }
  .drawerModal .accordion_unit_title .svg-dropdown_arrow--down {
    color: white;
    transform: rotate(0) scale(1.4);
    transition: transform .3s ease-in;
    margin-left: auto; }
  .drawerModal .accordion_unit_title.open .svg-dropdown_arrow--down {
    transform: rotate(180deg) scale(1.4); }

.drawerModal select.parsley-error,
.drawerModal input.parsley-error {
  border-color: #ff0000; }

.drawerModal .form-error-msg-cont {
  color: #ff0000; }

.drawerModal .component-accordion {
  margin-top: 0;
  padding: 40px; }

.drawerModal .accordion_unit_content {
  padding-top: 20px; }
  .drawerModal .accordion_unit_content .form-input {
    margin-top: 0; }
  .drawerModal .accordion_unit_content .pricing-table {
    border: 1px solid #999999; }
    .drawerModal .accordion_unit_content .pricing-table th {
      border-bottom: 1px solid #999999; }
    .drawerModal .accordion_unit_content .pricing-table td, .drawerModal .accordion_unit_content .pricing-table th {
      text-align: center;
      width: 50%; }
      .drawerModal .accordion_unit_content .pricing-table td:nth-of-type(1), .drawerModal .accordion_unit_content .pricing-table th:nth-of-type(1) {
        border-right: 1px solid #999999; }
  .drawerModal .accordion_unit_content .btn-container {
    background-color: transparent; }
    .drawerModal .accordion_unit_content .btn-container button {
      width: auto; }

.drawerModal .form-group .form-control-label {
  font-size: 18px; }

.drawerModal .form-group select {
  height: 40px; }

.drawerModal #drawer-availability-component .tooltip {
  border-radius: 4px;
  padding: 0px;
  opacity: 0.9;
  bottom: calc(100% + 10px) !important;
  top: inherit !important; }
  .drawerModal #drawer-availability-component .tooltip .svg-nav-close {
    fill: white;
    height: 0.9375rem;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 0.9375rem;
    z-index: 2; }

.drawerModal #drawer-availability-component .tooltip-arrow {
  opacity: 0.6;
  bottom: -5px; }
  .drawerModal #drawer-availability-component .tooltip-arrow.tooltip-arrow-error {
    border-top-color: red; }

.drawerModal #drawer-availability-component .tooltip-inner {
  padding-right: 25px; }
  .drawerModal #drawer-availability-component .tooltip-inner .tooltip-inner-title {
    margin: 0 0 5px; }
  .drawerModal #drawer-availability-component .tooltip-inner .error-info {
    padding-left: 0; }

.drawerModal #drawer-availability-component .forwardingAgent-availability-tooltip + .tooltip {
  bottom: inherit !important; }
  .drawerModal #drawer-availability-component .forwardingAgent-availability-tooltip + .tooltip .tooltip-inner {
    text-align: left; }

.drawerModal .btn-primary, .drawerModal .btn-primary-teal, .drawerModal .btn-primary-teal-bright {
  background-color: #910048;
  border: 2px solid #910048; }
  .drawerModal .btn-primary:hover, .drawerModal .btn-primary-teal:hover, .drawerModal .btn-primary-teal-bright:hover {
    background-color: #680034;
    border: 2px solid #680034; }

.drawerModal .drawer-btn-container {
  background-color: #c8c8c8;
  padding: 20px 40px; }
  .drawerModal .drawer-btn-container .drawer-btn-container-right,
  .drawerModal .drawer-btn-container .drawer-btn-container-left {
    display: flex; }
  .drawerModal .drawer-btn-container .drawer-btn-container-right {
    justify-content: flex-end; }
    .drawerModal .drawer-btn-container .drawer-btn-container-right .js-goto-next-item-cart-item-button,
    .drawerModal .drawer-btn-container .drawer-btn-container-right .js-update-cart-multi-item-button {
      margin-left: 20px; }
  .drawerModal .drawer-btn-container .drawer-btn-container-left {
    justify-content: flex-start; }
    .drawerModal .drawer-btn-container .drawer-btn-container-left .js-multi-item-remove {
      margin-left: 20px; }
  .drawerModal .drawer-btn-container .drawer-btn-item {
    color: #333;
    text-align: center; }
    .drawerModal .drawer-btn-container .drawer-btn-item h3 {
      margin-top: 10px;
      margin-bottom: 10px;
      line-height: 1.4; }
  .drawerModal .drawer-btn-container button.btn, .drawerModal .drawer-btn-container .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .drawer-btn-container button.sds-form-submit, .drawerModal .drawer-btn-container button.pdp-form-submit, .drawerModal .drawer-btn-container a.btn, .drawerModal .drawer-btn-container .dcc-sdsFinder .dcc-container .searchBar .search a.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .drawer-btn-container a.sds-form-submit, .drawerModal .drawer-btn-container a.pdp-form-submit {
    letter-spacing: 0.15rem !important;
    line-height: 1rem;
    min-height: 40px;
    padding: 10px; }
  .drawerModal .drawer-btn-container .btn-primary, .drawerModal .drawer-btn-container .btn-primary-teal, .drawerModal .drawer-btn-container .btn-primary-teal-bright {
    background-color: #910048 !important;
    border: 2px solid #910048 !important;
    color: #fff !important; }
    .drawerModal .drawer-btn-container .btn-primary:hover, .drawerModal .drawer-btn-container .btn-primary-teal:hover, .drawerModal .drawer-btn-container .btn-primary-teal-bright:hover {
      background-color: #690034 !important;
      border: 2px solid #690034 !important;
      color: #fff !important; }
  .drawerModal .drawer-btn-container .btn-secondary {
    border: 2px solid #910048 !important;
    color: #910048 !important; }
    .drawerModal .drawer-btn-container .btn-secondary:hover {
      background-color: #910048 !important;
      border: 2px solid #910048 !important;
      color: white !important; }
    .drawerModal .drawer-btn-container .btn-secondary:disabled {
      background-color: transparent; }
  .drawerModal .drawer-btn-container .right {
    float: right; }

.drawerModal .next-btn-container {
  display: flex;
  justify-content: flex-end; }
  .drawerModal .next-btn-container button,
  .drawerModal .next-btn-container input[type="submit"],
  .drawerModal .next-btn-container .next {
    width: auto; }
    .drawerModal .next-btn-container button.validate-section-btn,
    .drawerModal .next-btn-container input[type="submit"].validate-section-btn,
    .drawerModal .next-btn-container .next.validate-section-btn {
      padding-left: 80px;
      padding-right: 80px;
      text-transform: uppercase; }
      .drawerModal .next-btn-container button.validate-section-btn:after,
      .drawerModal .next-btn-container input[type="submit"].validate-section-btn:after,
      .drawerModal .next-btn-container .next.validate-section-btn:after {
        content: '>';
        padding-left: 10px; }

.drawerModal .pricing-change .customer-details {
  padding-top: 0; }
  .drawerModal .pricing-change .customer-details .customer-details-title,
  .drawerModal .pricing-change .customer-details .customer-details-subtitle {
    margin-bottom: 0; }

.drawerModal .pricing-change .price-modal-btn {
  padding-bottom: 20px; }

.drawerModal #endUserTable {
  padding: 20px 0; }
  .drawerModal #endUserTable thead {
    background-color: #f1f1f1; }
  .drawerModal #endUserTable th {
    padding: 10px 20px; }
  .drawerModal #endUserTable td {
    border-top: none;
    border-bottom: 1px solid #ddd; }

.drawerModal .canel_price-modal-body-enduser {
  background-color: white;
  color: #910048;
  margin-right: 20px; }

.drawerModal #contractTable thead {
  background-color: #f1f1f1; }

.drawerModal #contractTable .form-radio {
  display: block; }
  .drawerModal #contractTable .form-radio .svg-form-radio__bullet {
    top: 7px;
    left: 7px; }

.drawerModal .price-modal-btn .btn, .drawerModal .price-modal-btn .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .price-modal-btn .sds-form-submit, .drawerModal .price-modal-btn .pdp-form-submit {
  width: 100%; }

.drawerModal .cancel_drawer-price-user {
  border: 2px solid #910048; }
  .drawerModal .cancel_drawer-price-user:focus, .drawerModal .cancel_drawer-price-user:hover {
    border: 2px solid #910048;
    color: #910048; }

.drawerModal .delivery-color-code-chart p:before {
  content: '';
  width: 15px;
  height: 15px;
  border-right: 1px solid #999999; }

.drawerModal .delivery-heading-address {
  margin: 20px 0 30px; }
  .drawerModal .delivery-heading-address .customer-details {
    background-color: #FACEBC;
    display: flex;
    padding: 20px; }
  .drawerModal .delivery-heading-address p {
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 20px; }
    .drawerModal .delivery-heading-address p span {
      display: block;
      font-weight: 400; }
      .drawerModal .delivery-heading-address p span .customer-details-remainingQty {
        display: inline; }
  .drawerModal .delivery-heading-address a {
    margin-left: auto; }

.drawerModal .qtyPanel input.qtyPanel-item {
  padding-top: 0;
  padding-left: 20px; }

.drawerModal .qtyPanel .qtyPanel-item.text-only {
  padding-right: 80px;
  padding-top: 10px;
  text-align: right; }

.drawerModal .qtyPanel .qtyChangePanel {
  display: flex;
  left: auto;
  right: 25px;
  top: 2px;
  width: auto; }

.drawerModal .qtyPanel .qtyPanel-unit-name {
  pointer-events: none;
  position: absolute;
  right: 50px;
  top: 3px; }

.drawerModal p#quantityupdated {
  max-width: 600px; }

.drawerModal .footer-summary-title {
  text-align: left; }

.drawerModal .calendar-selection {
  margin-top: 10px; }
  .drawerModal .calendar-selection .footer-summary {
    margin-top: 0; }

.drawerModal .calendar-selection-value {
  border: none;
  color: #f15d22;
  cursor: default;
  font-size: 1.125rem;
  text-align: left; }

.drawerModal .ui-datepicker-group-first {
  position: relative; }
  .drawerModal .ui-datepicker-group-first:after {
    background-color: #999999;
    content: "";
    height: 100%;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 1px; }

.drawerModal .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.drawerModal .ui-datepicker-calendar {
  width: 100% !important;
  margin-bottom: 10px; }
  .drawerModal .ui-datepicker-calendar tbody td {
    padding: 0; }
    .drawerModal .ui-datepicker-calendar tbody td span, .drawerModal .ui-datepicker-calendar tbody td a {
      border-radius: 50%;
      margin: 0 auto;
      padding: 6px 4px 0; }
    .drawerModal .ui-datepicker-calendar tbody td a {
      color: white !important; }
    .drawerModal .ui-datepicker-calendar tbody td span {
      color: black !important; }
    .drawerModal .ui-datepicker-calendar tbody td.ui-datepicker-other-month {
      background-color: transparent; }
      .drawerModal .ui-datepicker-calendar tbody td.ui-datepicker-other-month span {
        background-color: transparent;
        color: #c8c8c8 !important; }
    .drawerModal .ui-datepicker-calendar tbody td.full-qty-available a {
      background-color: #910048;
      border-color: #910048; }
      .drawerModal .ui-datepicker-calendar tbody td.full-qty-available a:hover {
        background-color: #690034;
        border-color: #690034; }
    .drawerModal .ui-datepicker-calendar tbody td.partial-qty-available a {
      background-color: #bf7c9d;
      border-color: #bf7c9d; }
      .drawerModal .ui-datepicker-calendar tbody td.partial-qty-available a:hover {
        background-color: #b26188;
        border-color: #b26188; }
    .drawerModal .ui-datepicker-calendar tbody td.lastRequest-qty-available a {
      border: 2px solid #910048;
      background-color: white;
      color: black !important; }
      .drawerModal .ui-datepicker-calendar tbody td.lastRequest-qty-available a:hover {
        background-color: white;
        border-color: #690034; }
    .drawerModal .ui-datepicker-calendar tbody td.lastRequest-qty-unedit span {
      border-color: #c8c8c8; }
    .drawerModal .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
      background-color: #f15d22;
      border-color: #f15d22; }
      .drawerModal .ui-datepicker-calendar tbody td.ui-datepicker-current-day a:hover {
        background-color: #C9410A;
        border-color: #C9410A; }

.drawerModal .qtyPanel-item.increment-decrement-container {
  padding-top: 4px; }

.drawerModal .qty-decrease {
  background-image: none;
  position: relative;
  height: 10px; }
  .drawerModal .qty-decrease:after {
    content: '';
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 7px;
    border-left-width: 7px;
    border-top: 10px solid #910048; }

.drawerModal .qty-decrease-inverse {
  transform: none; }
  .drawerModal .qty-decrease-inverse:after {
    border-bottom: 10px solid #910048;
    border-top: none; }

.drawerModal .ui-datepicker {
  border: 1px solid #999999;
  height: inherit;
  margin-bottom: 20px;
  width: 100% !important;
  display: flex !important; }
  .drawerModal .ui-datepicker:after {
    box-sizing: border-box;
    clear: both;
    content: "";
    display: table; }
  .drawerModal .ui-datepicker:before {
    box-sizing: border-box;
    clear: both;
    content: "";
    display: table; }
  .drawerModal .ui-datepicker .ui-datepicker-group {
    border: none;
    padding: 10px 10px 0;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    height: inherit; }
  .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    background-image: none;
    position: relative;
    height: 30px;
    margin-top: 0;
    top: 0;
    left: 10px;
    transform: none; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
      right: 0;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #ffffff;
      border-width: 10px;
      margin-top: -10px; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
      border-color: rgba(145, 0, 72, 0);
      border-right-color: #910048;
      border-width: 12px;
      margin-top: -12px; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before {
      border-right-color: #680034; }
  .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background-image: none;
    position: relative;
    margin-top: 0;
    height: 30px;
    top: 0;
    right: 10px;
    transform: none; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
      left: 0;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
      border-color: rgba(255, 255, 255, 0);
      border-left-color: #ffffff;
      border-width: 10px;
      margin-top: -10px; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
      border-color: rgba(145, 0, 72, 0);
      border-left-color: #910048;
      border-width: 12px;
      margin-top: -12px; }
    .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before {
      border-left-color: #680034; }
  .drawerModal .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background-image: none; }
  .drawerModal .ui-datepicker .ui-datepicker-title {
    text-align: center;
    padding-bottom: 10px; }
  .drawerModal .ui-datepicker .ui-datepicker-calendar thead {
    border-bottom: 1px solid #999999; }
    .drawerModal .ui-datepicker .ui-datepicker-calendar thead th {
      color: #333; }
  .drawerModal .ui-datepicker .ui-datepicker-calendar tbody:before {
    content: "-";
    display: block;
    line-height: 20px;
    color: transparent; }
  .drawerModal .ui-datepicker .remainQtyPanle-left, .drawerModal .ui-datepicker .remainQtyPanle-right {
    background-color: #999999;
    border: none;
    font-size: 12px;
    margin: 0 -10px;
    padding: 10px;
    text-align: center;
    width: calc(100% + 20px);
    margin-top: auto; }

.drawerModal .pricing-component .pricing-radiogroup .qtyPanel {
  height: 40px;
  width: 100%; }
  .drawerModal .pricing-component .pricing-radiogroup .qtyPanel input {
    text-align: right;
    padding-right: 80px; }

.drawerModal .pricing-component .pricing-radiogroup .qtyChangePanel {
  right: 25px;
  top: 2px; }

.drawerModal .pricing-component .pricing-radiogroup .checkQtyBtn {
  width: 100%;
  background-color: #910048;
  border-color: #910048; }
  .drawerModal .pricing-component .pricing-radiogroup .checkQtyBtn:hover {
    background-color: #680034;
    border-color: #680034; }
  .drawerModal .pricing-component .pricing-radiogroup .checkQtyBtn:disabled {
    background-color: #ba005c;
    border-color: #ba005c; }

.drawerModal .footer-datepicker-panel {
  padding-top: 0; }

.drawerModal .qtycolorState-lists li {
  margin: 0; }

.drawerModal .qtycolorState-lists .qtycolorState {
  border-radius: 50%; }

.drawerModal .qtycolorState-lists .qtycolorState-selected {
  background-color: #f15d22;
  border-color: #f15d22; }

.drawerModal .qtycolorState-lists .qtycolorState-full {
  background-color: #910048;
  border-color: #910048; }

.drawerModal .qtycolorState-lists .qtycolorState-partial {
  background-color: #bf7c9d;
  border-color: #bf7c9d; }

.drawerModal .qtycolorState-lists .qtycolorState-latest {
  border: 2px solid #910048;
  background-color: white; }

.drawerModal .datepicker-information a {
  color: #910048; }

@media (max-width: 767px) {
  .drawerModal .modal-dialog .modal-header {
    padding: 15px; }
  .drawerModal .drawer-information {
    padding: 10px 5px 5px; }
    .drawerModal .drawer-information dt {
      text-align: left; }
  .drawerModal .component-accordion {
    margin-bottom: 15px;
    padding: 15px; }
  .drawerModal .accordion_unit_title {
    padding: 10px 20px; }
  .drawerModal .ui-datepicker-inline {
    height: auto;
    flex-direction: column; }
  .drawerModal .datepicker-calendar {
    position: relative; }
    .drawerModal .datepicker-calendar:after {
      content: none; }
  .drawerModal .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100%;
    float: none; }
  .drawerModal .drawer-btn-container {
    padding: 20px 15px; }
    .drawerModal .drawer-btn-container .btn-secondary {
      margin-bottom: 1rem; }
    .drawerModal .drawer-btn-container .drawer-btn-container-right .js-goto-next-item-cart-item-button,
    .drawerModal .drawer-btn-container .drawer-btn-container-right .js-update-cart-multi-item-button {
      margin-left: 0; }
    .drawerModal .drawer-btn-container .drawer-btn-container-left .js-multi-item-remove {
      margin-left: 0; }
    .drawerModal .drawer-btn-container .drawer-btn-container-left,
    .drawerModal .drawer-btn-container .drawer-btn-container-right {
      justify-content: space-between; }
      .drawerModal .drawer-btn-container .drawer-btn-container-left .btn, .drawerModal .drawer-btn-container .drawer-btn-container-left .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .drawer-btn-container .drawer-btn-container-left .sds-form-submit, .drawerModal .drawer-btn-container .drawer-btn-container-left .pdp-form-submit,
      .drawerModal .drawer-btn-container .drawer-btn-container-right .btn,
      .drawerModal .drawer-btn-container .drawer-btn-container-right .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
      .drawerModal .drawer-btn-container .drawer-btn-container-right .sds-form-submit,
      .drawerModal .drawer-btn-container .drawer-btn-container-right .pdp-form-submit {
        width: 48%; } }

@media (min-width: 1200px) {
  .drawerModal .cancel_drawer-price-user {
    margin-right: 10px;
    float: right; } }

@media (max-width: 400px) {
  .drawerModal .drawer-btn-container {
    padding: 10px 15px; }
    .drawerModal .drawer-btn-container .drawer-btn-container-right,
    .drawerModal .drawer-btn-container .drawer-btn-container-left {
      flex-direction: column; }
      .drawerModal .drawer-btn-container .drawer-btn-container-right.col-xs-6,
      .drawerModal .drawer-btn-container .drawer-btn-container-left.col-xs-6 {
        width: 100%; }
      .drawerModal .drawer-btn-container .drawer-btn-container-right .js-goto-next-item-cart-item-button,
      .drawerModal .drawer-btn-container .drawer-btn-container-right .js-update-cart-multi-item-button,
      .drawerModal .drawer-btn-container .drawer-btn-container-left .js-goto-next-item-cart-item-button,
      .drawerModal .drawer-btn-container .drawer-btn-container-left .js-update-cart-multi-item-button {
        margin-top: 1rem; }
      .drawerModal .drawer-btn-container .drawer-btn-container-right .btn, .drawerModal .drawer-btn-container .drawer-btn-container-right .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .drawerModal .drawer-btn-container .drawer-btn-container-right .sds-form-submit, .drawerModal .drawer-btn-container .drawer-btn-container-right .pdp-form-submit,
      .drawerModal .drawer-btn-container .drawer-btn-container-left .btn,
      .drawerModal .drawer-btn-container .drawer-btn-container-left .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search
      .drawerModal .drawer-btn-container .drawer-btn-container-left .sds-form-submit,
      .drawerModal .drawer-btn-container .drawer-btn-container-left .pdp-form-submit {
        width: 100%; } }

@keyframes drawerSlideIn {
  0% {
    transform: translate(-200%, 0); }
  100% {
    transform: translate(0%, 0); } }

.drawer-modal-backdrop.fade {
  transition: opacity 0.6s linear; }

#internal_server_return_error_popup button.btn-default a, #internal_server_return_error_popup button.btn-primary-black a, #internal_server_return_error_popup button.btn-primary-charcoal a, #internal_server_return_error_popup .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit a, .dcc-sdsFinder .dcc-container .searchBar .search #internal_server_return_error_popup button.sds-form-submit a, #internal_server_return_error_popup button.pdp-form-submit a {
  color: #ffffff; }

.brand-index-wrapper {
  padding-bottom: 10px; }
  .brand-index-wrapper .brand-indexNav-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 20px 20px 10px 20px; }
    .brand-index-wrapper .brand-indexNav-wrapper .brand-index-navItem {
      border-right: 1px solid #000000; }
      @media (min-width: 1080px) {
        .brand-index-wrapper .brand-indexNav-wrapper .brand-index-navItem {
          padding: 0 10px; } }
      @media (max-width: 1079px) and (min-width: 768px) {
        .brand-index-wrapper .brand-indexNav-wrapper .brand-index-navItem {
          padding: 0 8px; } }
      @media (max-width: 767px) {
        .brand-index-wrapper .brand-indexNav-wrapper .brand-index-navItem {
          padding: 0 6px;
          margin-bottom: 5px; } }
      .brand-index-wrapper .brand-indexNav-wrapper .brand-index-navItem:last-child {
        border-right: 0;
        padding-right: 0; }
  .brand-index-wrapper .brand-line-item {
    padding-top: 10px; }
    .brand-index-wrapper .brand-line-item .brand-item-heading {
      border-bottom: 1px solid #d6d6d6;
      margin: 0 15px;
      color: red; }
    .brand-index-wrapper .brand-line-item .brand-list-item-wrapper {
      margin: 0;
      padding: 0 30px 0 40px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%; }
      .brand-index-wrapper .brand-line-item .brand-list-item-wrapper .brand-list-item {
        padding: 10px 0;
        display: flex;
        flex-direction: column;
        flex-basis: 33.33%; }
        @media (max-width: 767px) {
          .brand-index-wrapper .brand-line-item .brand-list-item-wrapper .brand-list-item {
            flex-basis: 100%; } }
        .brand-index-wrapper .brand-line-item .brand-list-item-wrapper .brand-list-item .brand-list-item-desc a {
          color: #000000; }
  .brand-index-wrapper .brand-item-backToTop {
    background-color: #F0F0F0;
    margin: 0 15px 10px 15px;
    padding: 3px 0 3px 10px; }

.brand-index-tabs.slider_holder {
  text-align: left;
  border-top: 0; }
  .brand-index-tabs.slider_holder .slider_holder--list.nav li {
    padding: 0 30px;
    border-left: 1px solid #ffffff; }
    .brand-index-tabs.slider_holder .slider_holder--list.nav li:first-child {
      border-left: 0px; }
      @media (max-width: 767px) {
        .brand-index-tabs.slider_holder .slider_holder--list.nav li:first-child {
          padding-left: 10px; } }
    .brand-index-tabs.slider_holder .slider_holder--list.nav li a {
      padding: 1.35rem 0;
      font-weight: bold; }
  @media (min-width: 768px) {
    .brand-index-tabs.slider_holder > ul {
      position: static; } }

.component-accordion {
  border-top: 1px solid #d6d6d6;
  margin-bottom: 30px;
  margin-top: 30px; }

.accordion_unit_container {
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0 0 0; }
  .accordion_unit_container.panel {
    border-top: none;
    box-shadow: none;
    margin-bottom: 0; }

.accordion_unit_title {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  display: block;
  border-bottom: none; }
  .accordion_unit_title:hover {
    border-bottom: none; }
  @media (min-width: 768px) {
    .accordion_unit_title {
      font-size: 1.125rem; } }
  .accordion_unit_title > span {
    vertical-align: middle; }
  .accordion_unit_title .svg-pdp-list_expand, .accordion_unit_title .svg-pdp-list_collapse {
    vertical-align: middle;
    color: #e80033;
    width: 14px;
    height: 14px;
    pointer-events: none; }
  .accordion_unit_title .svg-pdp-list_collapse {
    display: none; }
  .accordion_unit_title.open .svg-pdp-list_expand {
    display: none; }
  .accordion_unit_title.open .svg-pdp-list_collapse {
    display: inline; }
  .accordion_unit_title_content {
    padding-right: 1rem; }

.accordion_unit_content {
  padding-bottom: 0;
  padding-top: 0; }

@media (max-width: 767px) {
  .accordion_unit_content {
    padding-left: 0.9375rem;
    padding-bottom: 0; }
  .accordion_unit_container {
    padding-bottom: 0; }
  .component-accordion {
    margin-bottom: 0; }
  .accordion_unit_title {
    padding-bottom: 10px; } }

.audience-hero .item {
  background-size: cover;
  background-position: 100%;
  border-right: solid 1px #ebebeb;
  display: inline-block;
  float: left;
  height: auto;
  padding-top: 1rem;
  position: relative; }
  .audience-hero .item .cta .btn, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit, .audience-hero .item .cta .pdp-form-submit {
    font-size: 1.1rem;
    letter-spacing: .1rem;
    margin-bottom: 1rem; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .audience-hero .item .cta .btn, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit, .audience-hero .item .cta .pdp-form-submit {
        font-size: 0.75rem;
        padding: 0.625rem 0.9375rem; } }
    .audience-hero .item .cta .btn .richText p, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText p, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText p, .audience-hero .item .cta .pdp-form-submit .richText p, .audience-hero .item .cta .btn .richText h1, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h1, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText h1, .audience-hero .item .cta .pdp-form-submit .richText h1, .audience-hero .item .cta .btn .richText .select-your-industry-content--tips, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .select-your-industry-content--tips, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText .select-your-industry-content--tips, .audience-hero .item .cta .pdp-form-submit .richText .select-your-industry-content--tips, .audience-hero .item .cta .btn .richText h2, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h2, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText h2, .audience-hero .item .cta .pdp-form-submit .richText h2, .audience-hero .item .cta .btn .richText .homepage-hero .carousel-content--description, .homepage-hero .audience-hero .item .cta .btn .richText .carousel-content--description, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .carousel-content--description, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText .carousel-content--description, .audience-hero .item .cta .pdp-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .audience-hero .item .cta .pdp-form-submit .richText .carousel-content--description, .audience-hero .item .cta .btn .richText .modal-body--title, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .modal-body--title, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText .modal-body--title, .audience-hero .item .cta .pdp-form-submit .richText .modal-body--title, .audience-hero .item .cta .btn .richText h3, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h3, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText h3, .audience-hero .item .cta .pdp-form-submit .richText h3, .audience-hero .item .cta .btn .richText h4, .audience-hero .item .cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h4, .dcc-sdsFinder .dcc-container .searchBar .search .audience-hero .item .cta .sds-form-submit .richText h4, .audience-hero .item .cta .pdp-form-submit .richText h4 {
      margin: 0;
      font-weight: normal; }
  .audience-hero .item .cta p {
    font-size: .9rem;
    color: inherit; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .audience-hero .item .cta p {
        font-size: .8rem; } }

.audience-hero img.responsive-img {
  width: 100%; }

.audience-hero--image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  text-align: center;
  line-height: 40rem;
  font-size: 1.1rem;
  color: #666666; }
  @media (max-width: 767px) {
    .audience-hero--image {
      line-height: 3rem;
      font-size: 0.75rem; } }

.audience-hero .item:last-child {
  margin-right: 0;
  height: auto; }

.audience-hero--description {
  margin-top: 1.25rem; }

.audience-hero .richText ul, .audience-hero .richText ol, .audience-hero .richText ul li, .audience-hero .richText ol li {
  color: #ffffff; }

.audience-hero-mobile--image {
  width: 100%;
  height: auto;
  min-height: 100%;
  text-align: center;
  line-height: 40rem;
  font-size: 1.1rem;
  color: #666666; }
  @media (max-width: 767px) {
    .audience-hero-mobile--image {
      line-height: 3rem;
      font-size: 0.75rem; } }

.audience-hero-mobile .carousel-caption button {
  border-radius: 4px;
  font-size: 1.1rem; }

.audience-hero-mobile .carousel-caption p {
  font-size: .875rem; }

.audience-hero-mobile .carousel-indicators .active {
  background-color: #337ab7;
  border-color: #337ab7; }

.audience-hero-mobile .carousel-inner .items img {
  width: 100%; }

.audience-hero-mobile .richText {
  min-height: 0rem; }
  .audience-hero-mobile .richText ul, .audience-hero-mobile .richText ol, .audience-hero-mobile .richText ul li, .audience-hero-mobile .richText ol li {
    color: #ffffff; }

.audience-hero-mobile img.responsive-img {
  width: 100%; }

.page-l1 .audience-hero button.btn-primary, .page-l1 .audience-hero button.btn-primary-teal, .page-l1 .audience-hero button.btn-primary-teal-bright {
  background-color: #910048 !important;
  border-color: #910048 !important; }

.page-l1 .audience-hero-mobile .carousel-caption button {
  background-color: #910048 !important;
  border-color: #910048 !important; }

.page-l1 .audience-hero-mobile .carousel-indicators .active {
  background-color: #910048;
  border-color: #910048; }

.audience-hero .item .cta p {
  white-space: normal; }

.audience-hero .cta.richText {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 20px;
  padding-top: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  @media (min-width: 768px) and (max-width: 1079px) {
    .audience-hero .cta.richText {
      bottom: 0px; } }

/*doc
---
title: Banner Ad
name: bannerAd
category: Components - Banner Ad
---

 The page ad component allows the author to add page ads to a page.

```html_example
{% import './banner-ad/html.html' as bannerAd %}

{% macro largeAd() %}
<p>720x90 - Large Page Ad</p>
{% endmacro %}

{% macro mediumAd() %}
<p>300x250 - Medium Page Ad</p>
{% endmacro %}

{% macro smallAd() %}
<p>270x225 - Small Page Ad</p>
{% endmacro %}

{% macro customAd(w,h) %}
<p>{{w}}x{{h}} - Custom Page Ad</p>
{% endmacro %}

{{ bannerAd.generateLarge({'content' : largeAd()}) }}
<br>
{{ bannerAd.generateMedium({'content' : mediumAd()}) }}
<br>
{{ bannerAd.generateSmall({'content' : smallAd()}) }}
<br>
{{ bannerAd.generateCustom({'content' : customAd(500,500), 'width': '500px', 'height': '500px' }) }}
```
Additional description if necessary goes here.

*/
.component-bannerAd.page-ad-large {
  width: 100%;
  height: 90px;
  background-color: #aeaeae; }

.component-bannerAd.page-ad-medium {
  width: 100%;
  min-height: 250px;
  background-color: #aeaeae; }

.component-bannerAd.page-ad-small {
  width: 100%;
  min-height: 225px;
  background-color: #aeaeae; }

.component-bannerAd.page-ad-custom {
  width: auto;
  height: auto;
  background-color: #aeaeae; }

/*doc
---
title: Breadcrumbs
name: breadcrumb
category: Components - Breadcrumbs
---

Breadcrumbs are used for subnavigation so a user always knows where he is on a page.

```html_example
<main>
{% import "./breadcrumb/html.html" as breadcrumbs %}
{{ breadcrumbs.generate(['Component','Breadcrumb']) }}
</main>
```


If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as
submitting a form or triggering some javascript event, then use a
`<button>` element.

*/
.breadcrumb-cont {
  background: transparent; }
  .breadcrumb-cont .breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 10px 0; }
    @media (min-width: 768px) {
      .breadcrumb-cont .breadcrumb-list {
        padding: 20px 0 20px 30px; } }
    .breadcrumb-cont .breadcrumb-list > li {
      display: inline-block;
      font-size: 0.6875rem;
      margin: 0; }
      .breadcrumb-cont .breadcrumb-list > li > a {
        color: #e80033;
        font-weight: normal; }
      .breadcrumb-cont .breadcrumb-list > li.active > a {
        border-bottom: 0;
        color: #808080;
        cursor: default;
        text-decoration: none;
        font-weight: bold; }
    .breadcrumb-cont .breadcrumb-list > li + li:before {
      color: #000000;
      content: "/ ";
      padding: 0 1rem; }

.breadcrumb-active {
  color: #000; }

.breadcrumb-trail {
  color: #e80033; }

/*doc
---
title: Business Card
name: businessCard
category: Components - Business Card Hero Bottom
---

```html_example
{% import "./businessCard-hero-bottom/html.html" as businessCard %}
{{ businessCard.generate() }}
```
*/
.businessCard-hero-bottom .addressComponent {
  width: 25%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  height: auto;
  padding: 10px 15px; }
  @media (max-width: 767px) {
    .businessCard-hero-bottom .addressComponent {
      width: 100%; } }
  .businessCard-hero-bottom .addressComponent h5 {
    opacity: 0.8;
    margin: 0; }
  .businessCard-hero-bottom .addressComponent p {
    font-size: 12px;
    font-weight: normal; }
  .businessCard-hero-bottom .addressComponent a {
    font-weight: bold; }

.locations-detail-address .addressComponent a {
  font-weight: bold; }

.locations-detail-address .addressComponent h5 {
  margin: 0; }

.locations-detail .locations-detail-left {
  padding-right: 20px; }
  .locations-detail .locations-detail-left .locations-detail-left-top {
    width: 45.625rem;
    overflow: hidden;
    padding-bottom: 30px; }
    @media (max-width: 767px) {
      .locations-detail .locations-detail-left .locations-detail-left-top {
        width: 100%; } }
    @media (max-width: 767px) {
      .locations-detail .locations-detail-left .locations-detail-left-top {
        width: 100%; } }

.locations-detail h1, .locations-detail .select-your-industry-content--tips {
  border-bottom: 1px solid #e80033;
  margin: 0 0 30px 0;
  padding-bottom: 30px; }

.locations-detail .border-gray-bottom {
  border-bottom: 1px solid #d6d6d6; }

/*doc
---
title: Business Card Hero
name: businessCardHero
category: Components - Business Card Hero
---

```html_example
{% import "./businessCard-hero-selector/html.html" as businessCardHero %}
{{ businessCardHero.generate() }}
```
*/
/*doc
---
title: Buttons
name: button
category: Components - Buttons
---

Button styles can be applied to any element. Typically you'll want
to use either a `<button>` or an `<a>` element:

```html_example
<h4>Active</h4>
{% import "./button/html.html" as button %}
{{ button.primary('red','SOLID BUTTONS') }}
{{ button.primary('blue','SOLID BUTTONS') }}
{{ button.primary('black','SOLID BUTTONS') }}
```

```html_example
<h4>Inactive</h4>
{{ button.disabled('red','SOLID BUTTONS') }}
{{ button.disabled('blue','SOLID BUTTONS') }}
{{ button.disabled('black','SOLID BUTTONS') }}
```

```html_example
<h4>Inactive</h4>
{{ button.secondary('grey ghost','GHOST BUTTONS') }}
{{ button.secondary('ghost','GHOST BUTTONS') }}
{{ button.secondary('ghost','GHOST BUTTONS') }}
```

If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as
submitting a form or triggering some javascript event, then use a
`<button>` element.

*/
button.btn.btn-block.inline-form-button, .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.inline-form-button.sds-form-submit, button.btn-block.inline-form-button.pdp-form-submit {
  margin-top: 31px; }

.richText .btn p, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit p, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit p, .richText .pdp-form-submit p, .richText .btn h1, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit h1, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit h1, .richText .pdp-form-submit h1, .richText .btn .select-your-industry-content--tips, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .select-your-industry-content--tips, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit .select-your-industry-content--tips, .richText .pdp-form-submit .select-your-industry-content--tips, .richText .btn h2, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit h2, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit h2, .richText .pdp-form-submit h2, .richText .btn .homepage-hero .carousel-content--description, .homepage-hero .richText .btn .carousel-content--description, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .homepage-hero .carousel-content--description, .homepage-hero .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .carousel-content--description, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit .homepage-hero .carousel-content--description, .homepage-hero .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit .carousel-content--description, .richText .pdp-form-submit .homepage-hero .carousel-content--description, .homepage-hero .richText .pdp-form-submit .carousel-content--description, .richText .btn .modal-body--title, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .modal-body--title, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit .modal-body--title, .richText .pdp-form-submit .modal-body--title, .richText .btn h3, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit h3, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit h3, .richText .pdp-form-submit h3, .richText .btn h4, .richText .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit h4, .dcc-sdsFinder .dcc-container .searchBar .search .richText .sds-form-submit h4, .richText .pdp-form-submit h4 {
  letter-spacing: 0.15rem;
  margin: 0;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  touch-action: manipulation;
  font-size: 12px;
  cursor: pointer;
  background-image: none;
  white-space: nowrap; }

@media (min-width: 768px) and (max-width: 1079px) {
  button.btn.btn-block.inline-form-button, .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.inline-form-button.sds-form-submit, button.btn-block.inline-form-button.pdp-form-submit {
    font-size: 14px !important;
    padding: 12px 18px; }
  .login_holder h1, .login_holder .select-your-industry-content--tips {
    margin-top: 25px;
    margin-bottom: 15px; }
  .login_holder hr.light-gray {
    margin-top: 15px; }
  .dcc_login_form .form-control {
    width: 450px; }
  .modal .login-forget-pwd, .pdpModal .login-forget-pwd, .dccHomepageModal .login-forget-pwd, .viewItemsCarouselModal .login-forget-pwd, .teaserOverlayComponent .login-forget-pwd {
    margin-bottom: 0.9375rem; } }

/*doc
---
title: Carousel
name: carousel
category: Components - Carousel
---

```html_example
{% import "./carousel/html.html" as carousel %}
<style>
.exampleHolder{
	position: relative;
}
</style>
<div class="exampleHolder">
{{ carousel.generate(['1', '2', '3', '4', '5'], 'storyBannerCarousel' ) }}
</div>
```
*/
.component-homepageHeroFeatures .carousel-indicators li {
  border: 1px solid #e80033; }

.component-homepageHeroFeatures .carousel-indicators .active {
  background-color: #e80033; }

/*doc
---
title: carouselIndicators
name: carouselIndicators
category: Components - Carousel Indicators
---

 Creates the buttons for the carousel 

```html_example
{% import './carousel-indicators/html.html' as carouselIndicators %}
{{ carouselIndicators.generate() }}
```
Additional description if necessary goes here.

*/
/*doc
---
title: categorySelection
name: categorySelection
category: Components - Category Selection
---

 This component is a category selector with each category title as a link and an array of tags that are displayed below it

```html_example
{% import './category-selection/html.html' as categorySelection %}
{{ categorySelection.generate() }}
```
Additional description if necessary goes here.

*/
.industry-padding {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 1079px) {
    .industry-padding {
      padding-left: 0.625rem;
      padding-right: 0.625rem; } }
  .industry-padding a.teaser-square p {
    color: #000000; }

.textimage {
  display: inline-block;
  width: 100%; }
  .textimage .textimage-left + .textimage-text ul, .textimage .textimage-left + .textimage-text ol, .textimage .text ul, .textimage .text ol {
    overflow: auto; }
  .textimage .textimage-left + .textimage-text ol li {
    margin-left: -1.5625rem; }
  .textimage .textimage-right + .textimage-text ul li, .textimage .textimage-left + .textimage-text ul li {
    margin-left: -0.875rem; }
  .textimage .textimage-left + .textimage-text ol, .textimage .text ol {
    padding-left: 40px; }
  .textimage .textimage-right + .textimage-text ol {
    padding-left: 1.5625rem; }
  .textimage .text ul li, .textimage .text ol li {
    margin-left: -1rem; }

.component-categorySelection {
  border: 1px solid #d6d6d6;
  padding: 15px;
  padding-top: 0;
  margin-bottom: 1.25rem;
  height: auto; }
  .component-categorySelection .categorySelection-heading {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .component-categorySelection .category-selection-link {
    color: #000000;
    text-decoration: none; }
    .component-categorySelection .category-selection-link:link {
      color: #000000;
      text-decoration: none;
      font-weight: normal; }
    .component-categorySelection .category-selection-link:hover, .component-categorySelection .category-selection-link:active, .component-categorySelection .category-selection-link:visited {
      font-weight: normal;
      color: #000000;
      text-decoration: none;
      border-bottom: 1px solid #000000; }

/*doc
---
title: delivery
name: delivery
category: Base CSS
---

 Delivery truck in the navigation

```html_example
{% import './delivery/html.html' as delivery %}
{{ delivery.generate() }}
```
Additional description if necessary goes here.

*/
.delivery {
  background: rgba(51, 51, 51, 0.9);
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  padding: 30px 2.25rem 20px;
  z-index: -6;
  width: 100%; }
  .delivery .delivery--content {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1040px;
    width: 100%; }
  .delivery a, .delivery a:active {
    font-weight: bold; }
  .delivery a.delivery--message-link, .delivery a.delivery--message-link:active {
    color: #e80033 !important; }
  .delivery a.delivery--message-link {
    padding-left: 20px; }
    @media (max-width: 768px) {
      .delivery a.delivery--message-link {
        font-size: 0.75rem; } }
  .delivery .delivery--message {
    margin-bottom: 0; }
  .delivery--message {
    display: inline-block;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle; }
    @media (max-width: 768px) {
      .delivery--message {
        font-size: 0.75rem; } }
    @media (min-width: 767px) and (max-width: 768px) {
      .delivery--message {
        vertical-align: middle; } }
    .delivery--message #delivery-message {
      margin-left: 0.3125rem; }
  .delivery--link {
    padding: 20px 1.125rem;
    display: inline-block; }
    @media (max-width: 767px) {
      .delivery--link {
        padding: 10px 1.125rem; } }
    .delivery--link:hover {
      border: 0; }

.modal-open .deliveryModal {
  padding-top: 0; }
  .modal-open .deliveryModal .modal-body {
    padding-top: 0.625rem; }

.modal-open .deliveryModal h3.modal-title {
  vertical-align: top; }

.modal-open .deliveryModal p {
  margin-bottom: 0.3125rem; }

.modal-open .deliveryModal .modal-subcontent {
  margin-bottom: 1.25rem;
  border: none;
  padding: 0; }
  .modal-open .deliveryModal .modal-subcontent iframe {
    width: 100%;
    height: 33.75rem;
    border: none; }
    .modal-open .deliveryModal .modal-subcontent iframe body {
      background: #fff !important; }

.modal-open .deliveryModal .form-input {
  margin-top: 0; }

.modal-open .deliveryModal .modal-header .icon-nav_delivery {
  padding-left: 0.3125rem;
  vertical-align: text-bottom; }

@media (min-width: 1080px) {
  .modal-open .deliveryModal .modal-cta {
    margin-top: -4.5rem;
    margin-bottom: 0; }
    .modal-open .deliveryModal .modal-cta .col-sm-3:first-of-type {
      padding-left: 1.25rem; }
    .modal-open .deliveryModal .modal-cta .col-sm-3:last-of-type {
      padding-right: 1.25rem; } }

.svg-nav_delivery {
  fill: #fff;
  width: 1.75rem;
  height: 1.125rem;
  margin-right: 20px;
  vertical-align: middle; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .delivery {
    z-index: 1; } }

@media (max-width: 37.5rem) {
  .externalDeliveryAddressSearchComponentForAEM button.js-address-search {
    margin-top: 10px; } }

@media (min-width: 768px) {
  .modal-open .deliveryModal .modal-dialog {
    margin-top: 0.625rem !important; } }

@media (max-width: 1079px) {
  .modal-open .deliveryModal .modal-cta {
    margin: 0; }
  .deliveryModal iframe {
    height: 36.875rem; } }

/*doc
---
title: didYouMean
name: didYouMean
category: Base CSS
---

 Search Suggestions

```html_example
{% import './did-you-mean/html.html' as didYouMean %}
{{ didYouMean.generate() }}
```
Additional description if necessary goes here.

*/
.component-didYouMean {
  margin: 0; }
  .component-didYouMean a {
    color: #e80033; }
  .component-didYouMean a:link, .component-didYouMean a:visited, .component-didYouMean a:hover, .component-didYouMean a:active {
    color: #e80033; }

/*doc
---
title: distributorFindProfile
name: distributorFindProfile
category: Base CSS
---

 distributor find profile

```html_example
{% import './distributor-find-profile/html.html' as distributorFindProfile %}
{{ distributorFindProfile.generate() }}
```
Additional description if necessary goes here.

*/
.component-distributorFindProfile {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  padding-bottom: 3.75rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-top: 0.625rem; }
  @media (max-width: 767px) {
    .component-distributorFindProfile {
      padding-bottom: 1.875rem; } }
  .component-distributorFindProfile .quickLinks {
    margin-bottom: 0; }
  .component-distributorFindProfile h1, .component-distributorFindProfile .select-your-industry-content--tips {
    padding-bottom: 0.625rem; }
  .component-distributorFindProfile .profile-left--content h2, .component-distributorFindProfile .profile-left--content .homepage-hero .carousel-content--description, .homepage-hero .component-distributorFindProfile .profile-left--content .carousel-content--description, .component-distributorFindProfile .profile-left--content .modal-body--title {
    font-weight: bold;
    font-size: 1.125rem; }
  .component-distributorFindProfile .profile-left--content button {
    margin-top: 1.875rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 767px) {
      .component-distributorFindProfile .profile-left--content button {
        margin-top: 0.625rem; } }
  .component-distributorFindProfile .profile-right {
    margin-top: 4.375rem;
    padding-left: 1.875rem;
    border-left: 1px solid #ebebeb; }
    @media (max-width: 767px) {
      .component-distributorFindProfile .profile-right {
        margin-top: 1.875rem;
        padding-left: 0;
        border-left: none; }
        .component-distributorFindProfile .profile-right--image {
          text-align: center; } }
    .component-distributorFindProfile .profile-right--contacts ul {
      margin-top: 1.875rem; }
      .component-distributorFindProfile .profile-right--contacts ul li {
        padding: 0.625rem 0;
        border-bottom: 1px dashed #ebebeb; }
        .component-distributorFindProfile .profile-right--contacts ul li svg {
          margin-right: 0.625rem;
          vertical-align: middle; }
      .component-distributorFindProfile .profile-right--contacts ul li:first-child {
        border-top: 1px dashed #ebebeb; }

/*doc
---
title: distributorFindResult
name: distributorFindResult
category: Components - Distributor Find Results

 distributor find result

```html_example
{% import './distributor-find-result/html.html' as distributorFindResult %}
{{ distributorFindResult.generate() }}
```
Additional description if necessary goes here.

*/
.component-distributorFindResult .svg-dropdown_arrow--down {
  color: #ffffff; }

.component-distributorFindResult .distributor-result-num {
  margin-bottom: 0.625rem;
  margin-top: 1.875rem; }

.component-distributorFindResult .distributor-result-item {
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  margin: 1.25rem 1.875rem 0 1.875rem; }
  @media (max-width: 1079px) {
    .component-distributorFindResult .distributor-result-item {
      margin: 1.875rem 0.625rem; } }
  .component-distributorFindResult .distributor-result-item a:link, .component-distributorFindResult .distributor-result-item a:visited {
    color: #e80033;
    font-weight: bold; }
  .component-distributorFindResult .distributor-result-item a:hover {
    color: #333333; }
  .component-distributorFindResult .distributor-result-item:first-child {
    margin-top: 0; }
  .component-distributorFindResult .distributor-result-item--image {
    width: 8.125rem;
    text-align: left; }
    @media (min-width: 768px) {
      .component-distributorFindResult .distributor-result-item--image {
        float: left; } }
    @media (max-width: 767px) {
      .component-distributorFindResult .distributor-result-item--image img {
        margin-bottom: 1.25rem; } }
  .component-distributorFindResult .distributor-result-item--detail {
    width: calc(100% - 130px);
    display: block;
    text-align: left;
    float: right; }
    @media (max-width: 767px) {
      .component-distributorFindResult .distributor-result-item--detail {
        width: 100%; } }
  .component-distributorFindResult .distributor-result-item--title {
    font-size: 1rem;
    font-weight: bold;
    margin: 0; }
  .component-distributorFindResult .distributor-result-item--des {
    font-size: 0.875rem;
    margin: 0.3125rem 0 0 0; }
  .component-distributorFindResult .distributor-result-item--operation {
    margin: 0.625rem 0; }
    .component-distributorFindResult .distributor-result-item--operation span {
      display: inline-block;
      border-right: 1px solid #d6d6d6;
      padding: 0.625rem 0.9375rem; }
      @media (max-width: 767px) {
        .component-distributorFindResult .distributor-result-item--operation span {
          display: block;
          padding: 0.3125rem 0;
          border: none; } }
      .component-distributorFindResult .distributor-result-item--operation span svg {
        vertical-align: middle;
        color: #000000;
        margin-right: 0.625rem; }
      .component-distributorFindResult .distributor-result-item--operation span .svg-nav_contact {
        width: 1.25rem; }
      .component-distributorFindResult .distributor-result-item--operation span .svg-user_profile {
        width: 1.25rem;
        height: 1.25rem;
        fill: #666666; }
      .component-distributorFindResult .distributor-result-item--operation span:first-child {
        padding-left: 0; }
      .component-distributorFindResult .distributor-result-item--operation span:last-child {
        border: none;
        color: #666666;
        font-weight: bold; }
    .component-distributorFindResult .distributor-result-item--operation .mobile-num {
      display: inline-block;
      padding: 0; }

@media (max-width: 1079px) {
  .distributor-you-might-like {
    margin: 0.9375rem 0.625rem 0 0.625rem; } }

.distributor-you-might-like .distributor-list-like-title {
  font-weight: bold;
  letter-spacing: 4px;
  color: #666666; }
  @media (max-width: 1079px) {
    .distributor-you-might-like .distributor-list-like-title {
      margin-top: 0.9375rem; } }

.distributor-you-might-like .distributor-list-like-item {
  list-style: none;
  padding: 0 0 0.9375rem 0;
  border-bottom: 1px dashed #d6d6d6; }
  .distributor-you-might-like .distributor-list-like-item li {
    list-style: none;
    margin-top: 0.9375rem; }
    .distributor-you-might-like .distributor-list-like-item li p {
      color: #999999;
      margin-bottom: 0.625rem;
      font-weight: bold; }

/*doc
---
title: distributorFindSearch
name: distributorFindSearch
category: Components - Distributor Find Search
---

 distributor find search

```html_example
{% import './distributor-find-search/html.html' as distributorFindSearch %}
{{ distributorFindSearch.generate() }}
```
Additional description if necessary goes here.

*/
.distributor--wrapper {
  background: #ffffff;
  margin-bottom: 2.5rem; }
  .distributor--wrapper .quickLinks {
    margin-bottom: 0;
    font-weight: bold; }
  .distributor--wrapper h1, .distributor--wrapper .select-your-industry-content--tips, .distributor--wrapper h2, .distributor--wrapper .homepage-hero .carousel-content--description, .homepage-hero .distributor--wrapper .carousel-content--description, .distributor--wrapper .modal-body--title {
    margin: 0;
    padding: 1.875rem; }
    @media (max-width: 1079px) {
      .distributor--wrapper h1, .distributor--wrapper .select-your-industry-content--tips, .distributor--wrapper h2, .distributor--wrapper .homepage-hero .carousel-content--description, .homepage-hero .distributor--wrapper .carousel-content--description, .distributor--wrapper .modal-body--title {
        padding: 1.875rem 0.625rem; } }

.component-distributor-find-search-title {
  color: #333333;
  font-weight: normal; }

.component-distributorFindSearch {
  background: #666666;
  padding: 1.875rem; }
  @media (max-width: 1079px) {
    .component-distributorFindSearch {
      padding: 1.875rem 0.625rem; } }
  .component-distributorFindSearch h5 {
    color: #ffffff;
    margin-top: 3px;
    margin-bottom: 1.5625rem; }
    .component-distributorFindSearch h5 span:first-child, .component-distributorFindSearch h5 .MaterialNum {
      display: inline-block;
      padding-right: 5px; }
    .component-distributorFindSearch h5 .MaterialNum {
      border-right: 1px dotted #ffffff; }
    .component-distributorFindSearch h5 span:last-child {
      display: inline-block;
      padding-left: 5px; }
  .component-distributorFindSearch .distributor-form-select {
    float: left;
    display: block;
    font-weight: bold;
    width: 30%;
    margin-right: 1.25rem; }
    @media (max-width: 767px) {
      .component-distributorFindSearch .distributor-form-select {
        margin: 5px 0; } }
  .component-distributorFindSearch .distributor-form-input {
    float: left;
    display: block;
    margin-right: 0.625rem;
    margin-bottom: 0.3125rem; }
    @media (max-width: 767px) {
      .component-distributorFindSearch .distributor-form-input {
        margin: 5px 0; } }
  .component-distributorFindSearch .distributor-form-btn {
    float: left;
    display: block; }
    @media (max-width: 767px) {
      .component-distributorFindSearch .distributor-form-btn {
        width: 100%;
        margin: 5px 0; } }
  .component-distributorFindSearch .svg-dropdown_arrow--down {
    color: #e80033; }
  @media (max-width: 767px) {
    .component-distributorFindSearch .country, .component-distributorFindSearch .state-county-city {
      margin: 5px 0; } }

.distributor-find-title {
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff; }

/*doc
---
title: documentFinderHowToBuy
name: documentFinderHowToBuy
category: Components - How to Buy
---

 document-finder-how-to-buy

```html_example
{% import './document-finder-how-to-buy/html.html' as documentFinderHowToBuy %}
{{ documentFinderHowToBuy.generate() }}
```
Additional description if necessary goes here.

*/
.component-documentFinderHowToBuy {
  background-color: #ffffff; }
  .component-documentFinderHowToBuy-header > div {
    border-bottom: 1px solid #14a09d;
    padding-bottom: 1.25rem;
    padding-left: 10px;
    padding-right: 10px; }
  .component-documentFinderHowToBuy-header h1, .component-documentFinderHowToBuy-header .select-your-industry-content--tips {
    margin: 0;
    padding-bottom: 1.25rem; }
  .component-documentFinderHowToBuy-header p {
    margin: 0;
    word-wrap: break-word;
    font-size: 1.125rem; }
    @media (max-width: 768px) {
      .component-documentFinderHowToBuy-header p {
        font-size: 0.875rem; } }
  .component-documentFinderHowToBuy-body {
    margin-top: 1.875rem;
    position: relative; }
    .component-documentFinderHowToBuy-body h2, .component-documentFinderHowToBuy-body .homepage-hero .carousel-content--description, .homepage-hero .component-documentFinderHowToBuy-body .carousel-content--description, .component-documentFinderHowToBuy-body .modal-body--title {
      margin-top: 0; }
    .component-documentFinderHowToBuy-body__item:nth-child(2) {
      padding-right: 1.875rem; }
    .component-documentFinderHowToBuy-body__item:last-child {
      padding-left: 1.875rem; }
    .component-documentFinderHowToBuy-body__item .svg-list-bullet {
      height: .4rem;
      margin-right: .4rem;
      vertical-align: middle;
      width: .4rem; }
    .component-documentFinderHowToBuy-body__item ul li {
      margin-bottom: 0.625rem; }
    .component-documentFinderHowToBuy-body__item .richText {
      min-height: 12.5rem;
      margin-bottom: 1.25rem; }
    .component-documentFinderHowToBuy-body__item .btn.richText, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .richText.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .richText.sds-form-submit, .component-documentFinderHowToBuy-body__item .richText.pdp-form-submit {
      min-height: auto; }
    .component-documentFinderHowToBuy-body__item p {
      word-wrap: break-word; }
    .component-documentFinderHowToBuy-body__item .btn .richText, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText {
      min-height: auto;
      margin-bottom: 0; }
      .component-documentFinderHowToBuy-body__item .btn .richText p, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText p, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText p, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText p, .component-documentFinderHowToBuy-body__item .btn .richText h1, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h1, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText h1, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText h1, .component-documentFinderHowToBuy-body__item .btn .richText .select-your-industry-content--tips, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .select-your-industry-content--tips, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText .select-your-industry-content--tips, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText .select-your-industry-content--tips, .component-documentFinderHowToBuy-body__item .btn .richText h2, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h2, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText h2, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText h2, .component-documentFinderHowToBuy-body__item .btn .richText .homepage-hero .carousel-content--description, .homepage-hero .component-documentFinderHowToBuy-body__item .btn .richText .carousel-content--description, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .carousel-content--description, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText .carousel-content--description, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText .homepage-hero .carousel-content--description, .homepage-hero .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText .carousel-content--description, .component-documentFinderHowToBuy-body__item .btn .richText .modal-body--title, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText .modal-body--title, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText .modal-body--title, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText .modal-body--title, .component-documentFinderHowToBuy-body__item .btn .richText h3, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h3, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText h3, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText h3, .component-documentFinderHowToBuy-body__item .btn .richText h4, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .richText h4, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit .richText h4, .component-documentFinderHowToBuy-body__item .pdp-form-submit .richText h4 {
        letter-spacing: .25rem;
        font-weight: normal; }
    .component-documentFinderHowToBuy-body__line {
      position: absolute;
      top: 0;
      left: 50%;
      width: 1px;
      border-left: 1px dashed #d6d6d6;
      height: 100%; }
    @media (max-width: 767px) {
      .component-documentFinderHowToBuy-body__item:nth-child(2) {
        border-right: none;
        padding-right: 0.625rem; }
      .component-documentFinderHowToBuy-body__item:last-child {
        margin-top: 1.25rem;
        padding-left: 0.625rem; }
      .component-documentFinderHowToBuy-body__item .btn, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit, .component-documentFinderHowToBuy-body__item .pdp-form-submit {
        width: 100%; }
      .component-documentFinderHowToBuy-body__line {
        display: none; } }
    @media (max-width: 767px) {
      .component-documentFinderHowToBuy-body__item {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 1.5625rem; }
        .component-documentFinderHowToBuy-body__item:last-child {
          border-bottom: none; } }
    @media (min-width: 768px) {
      .component-documentFinderHowToBuy-body__item:last-child {
        margin-top: 0; }
      .component-documentFinderHowToBuy-body__item .btn, .component-documentFinderHowToBuy-body__item .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-documentFinderHowToBuy-body__item .sds-form-submit, .component-documentFinderHowToBuy-body__item .pdp-form-submit {
        width: auto; }
      .component-documentFinderHowToBuy-body__line {
        display: block; } }

/*doc
---
title: documentViewer
name: documentViewer
category: Base CSS
---

 document viewer

```html_example
{% import './document-viewer/html.html' as documentViewer %}
{{ documentViewer.generate() }}
```
Additional description if necessary goes here.

*/
.component-documentViewer {
  background-color: #ffffff; }
  .component-documentViewer .document-viewer--title {
    padding: 10px 30px 10px 30px;
    border: 1px solid #d6d6d6;
    border-bottom: none; }
    @media (max-width: 767px) {
      .component-documentViewer .document-viewer--title {
        padding: 0; } }
    .component-documentViewer .document-viewer--title h1.title, .component-documentViewer .document-viewer--title .title.select-your-industry-content--tips {
      padding-left: 10px; }
    .component-documentViewer .document-viewer--title .icon-links {
      text-align: right; }
      @media (max-width: 767px) {
        .component-documentViewer .document-viewer--title .icon-links {
          text-align: left; } }
    .component-documentViewer .document-viewer--title h2.share, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description, .component-documentViewer .document-viewer--title .share.modal-body--title {
      padding-right: 10px;
      display: inline-block; }
      @media (max-width: 767px) {
        .component-documentViewer .document-viewer--title h2.share, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description, .component-documentViewer .document-viewer--title .share.modal-body--title {
          padding-left: 10px;
          margin-top: 0; } }
      .component-documentViewer .document-viewer--title h2.share .svg-share, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description .svg-share, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description .svg-share, .component-documentViewer .document-viewer--title .share.modal-body--title .svg-share, .component-documentViewer .document-viewer--title h2.share .svg-download, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description .svg-download, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description .svg-download, .component-documentViewer .document-viewer--title .share.modal-body--title .svg-download, .component-documentViewer .document-viewer--title h2.share .svg-print, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description .svg-print, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description .svg-print, .component-documentViewer .document-viewer--title .share.modal-body--title .svg-print {
        width: 20px;
        height: 18px;
        vertical-align: middle; }
      .component-documentViewer .document-viewer--title h2.share a.share-link, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description a.share-link, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description a.share-link, .component-documentViewer .document-viewer--title .share.modal-body--title a.share-link {
        font-size: 14px;
        color: #666666; }
      .component-documentViewer .document-viewer--title h2.share a.share-link:hover, .component-documentViewer .document-viewer--title .homepage-hero .share.carousel-content--description a.share-link:hover, .homepage-hero .component-documentViewer .document-viewer--title .share.carousel-content--description a.share-link:hover, .component-documentViewer .document-viewer--title .share.modal-body--title a.share-link:hover {
        color: #e80033;
        text-decoration: none;
        border-bottom: none; }
  .component-documentViewer .document-viewer-header {
    background-color: #333333;
    padding: 20px 30px; }
    @media (max-width: 767px) {
      .component-documentViewer .document-viewer-header {
        padding: 20px 0; } }
    .component-documentViewer .document-viewer-header .detail-title {
      padding-left: 10px; }
      @media (max-width: 767px) {
        .component-documentViewer .document-viewer-header .detail-title {
          padding-left: 10px; } }
      .component-documentViewer .document-viewer-header .detail-title h3 {
        display: inline-block;
        color: #ffffff; }
        @media (max-width: 767px) {
          .component-documentViewer .document-viewer-header .detail-title h3 {
            margin-top: 0; } }
        .component-documentViewer .document-viewer-header .detail-title h3 span {
          font-weight: normal; }
      .component-documentViewer .document-viewer-header .detail-title h3:nth-child(1) {
        border-right: 1px solid #d6d6d6;
        margin-right: .5rem;
        padding-right: 1rem; }
        @media (max-width: 767px) {
          .component-documentViewer .document-viewer-header .detail-title h3:nth-child(1) {
            border-right: none; } }
    .component-documentViewer .document-viewer-header .dropdown {
      margin-right: 10px;
      padding-top: 10px; }
      @media (max-width: 767px) {
        .component-documentViewer .document-viewer-header .dropdown {
          margin-left: 10px; } }
  .component-documentViewer .document-viewer-content {
    background-color: #999999;
    padding: 0 10px; }
    .component-documentViewer .document-viewer-content .doc-content {
      background-color: #ffffff;
      border: none;
      padding: 0;
      height: 768px; }
  .component-documentViewer .view-document {
    background-color: #ffffff;
    padding: 30px 10px; }
    .component-documentViewer .view-document a.view-document-link {
      font-size: 14px; }
    .component-documentViewer .view-document a.view-document-link:hover {
      color: #333333;
      text-decoration: none;
      border-bottom: none; }

.select-content {
  border: 0px none #333333;
  box-shadow: 0px 1px 3px #666666;
  padding: 1.5rem 0 1.5rem 1rem;
  font-weight: bold;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .select-content {
      margin-bottom: 0;
      overflow: auto; } }
  .select-content a.icons {
    background: #aeaeae;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    text-align: center;
    vertical-align: middle; }
    .select-content a.icons svg {
      width: 1rem;
      height: 1rem; }
  .select-content span {
    margin-left: 10px; }

.documentViewer .document-viewer-modal.modal-backdrop.in {
  background: transparent url(global/images/loading.gif) no-repeat center 450px;
  opacity: 1; }

.documentViewer .document-viewer-modal.modal-backdrop .component-loader .loader-child {
  background: #222222; }

/*doc
---
title: Dropdowns
name: dropdown
category: Components - Dropdowns
---
<p>Wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then add the menu's HTML.</p>

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./dropdown/html.html" as dropdown %}
{{ dropdown.generate({
	text: 'Select Scrollable',
	items: ['Item 1','Item 2','Item 3','Item 4','Item 5','Item 6','Item 7','Item 8','Item 9','Item 10'],
	scrollable: true,
	separated_items: ['Item 1','Item 2','Item 3','Item 4','Item 5','Item 6','Item 7','Item 8','Item 9','Item 10'],
	label: 'Label',
	forSelect: true
},
'dropdown_arrow--down') }}
</div>
</div>
```
<p>Dropdown menus can be changed to expand upwards (instead of downwards) by adding <code>.dropup</code> to the parent.</p>

*/
.form-group .dropdown {
  margin-top: 10px; }

.dropdown-select {
  display: none; }

.dropdown ul li {
  list-style: none;
  background-image: none; }
  .dropdown ul li:not(.divider) {
    min-height: 30px; }
  .dropdown ul li p {
    margin: 0;
    min-height: 30px; }
    .dropdown ul li p a {
      line-height: 1.5;
      padding: 0.3rem 1rem;
      display: block;
      color: #000000 !important;
      min-height: 30px; }
      .dropdown ul li p a:hover, .dropdown ul li p a:focus, .dropdown ul li p a.active {
        background-color: #e80033;
        border: none;
        color: #ffffff !important;
        font-weight: bold; }

.dropdown .btn, .dropdown .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown .sds-form-submit, .dropdown .pdp-form-submit {
  padding: 10px 20px;
  display: table;
  white-space: normal; }

.dropdown.open .btn, .dropdown.open .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown.open .sds-form-submit, .dropdown.open .pdp-form-submit {
  outline: 1px solid #666666; }

.dropdown .dropdown-menu-max-height--scrollable.dropdown-menu--scrollable {
  max-height: 5.125rem; }

.dropdown .dropdown-menu--scrollable {
  height: auto;
  max-height: 200px;
  overflow-x: hidden; }

.dropdown .dropdown__arrow--down {
  display: table-cell;
  vertical-align: middle; }

.dropdown.open .dropdown__arrow--down {
  -webkit-animation: drop-down-spin .3s ease-out 0s 1;
  -moz-animation: drop-down-spin .3s ease-out 0s 1;
  -ms-animation: drop-down-spin .3s ease-out 0s 1;
  -o-animation: drop-down-spin .3s ease-out 0s 1;
  animation: drop-down-spin .3s ease-out 0s 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.dropdown .dropdown__text {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  color: #333333;
  width: 100%;
  padding-right: 15px; }

.dropdown .dropdown-menu {
  width: 100%;
  top: 90%; }
  .dropdown .dropdown-menu ul {
    padding-left: 0; }
    .dropdown .dropdown-menu ul li.divider {
      height: 1px; }

.dropdown + .dropdown-select {
  display: none; }

.dropdown .dropdown-delete {
  width: 1.125rem;
  height: 1.125rem;
  text-align: center;
  background: #ffffff;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  margin-top: -0.5625rem; }
  .dropdown .dropdown-delete .svg-x_outline {
    color: #e80033;
    width: 0.625rem;
    height: 0.625rem;
    fill: #ffffff;
    display: inline;
    pointer-events: none; }

.dropdown--info-text {
  font-size: 85%;
  margin-top: 5px;
  color: #666666; }

.dropdown.with_select .dropdown-menu {
  top: 39px; }

#pageSizeWrapper .dropdown.with_select .dropdown-menu {
  top: auto;
  bottom: 0; }

/*doc
---
title: Dropdown - Edit
name: dropdownedit
category: Components - Dropdown Edit
---
<p>Wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then add the menu's HTML.</p>

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./dropdown-edit/html.html" as dropdownedit %}
{{ dropdownedit.generate(
'Edit Scrollable', 
['Item 1','Item 2','Item 3','Item 4','Item 5','Item 6','Item 7','Item 8','Item 9','Item 10'], 
true,
'dropdown_arrow--down') }}
</div>
</div>
```
<p>Dropdown menus can be changed to expand upwards (instead of downwards) by adding <code>.dropup</code> to the parent.</p>

*/
.dropdown--edit {
  display: table; }
  .dropdown--edit ul li {
    list-style: none;
    background-image: none;
    height: 30px; }
    .dropdown--edit ul li p {
      margin: 0;
      height: 30px;
      line-height: 30px; }
      .dropdown--edit ul li p a {
        height: 30px;
        line-height: 30px;
        padding-top: 0;
        padding-left: 1rem;
        display: block; }
  .dropdown--edit .btn, .dropdown--edit .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown--edit .sds-form-submit, .dropdown--edit .pdp-form-submit {
    padding: 0;
    display: table-cell;
    z-index: 100;
    position: absolute; }
    .dropdown--edit .btn:focus, .dropdown--edit .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown--edit .sds-form-submit:focus, .dropdown--edit .pdp-form-submit:focus, .dropdown--edit .btn.focus, .dropdown--edit .dcc-sdsFinder .dcc-container .searchBar .search .focus.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown--edit .focus.sds-form-submit, .dropdown--edit .focus.pdp-form-submit, .dropdown--edit .btn.active, .dropdown--edit .dcc-sdsFinder .dcc-container .searchBar .search .active.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown--edit .active.sds-form-submit, .dropdown--edit .active.pdp-form-submit, .dropdown--edit .btn:active, .dropdown--edit .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .dropdown--edit .sds-form-submit:active, .dropdown--edit .pdp-form-submit:active {
      border-color: #d6d6d6 !important;
      border-bottom: 1px solid #fff !important; }
  .dropdown--edit .dropdown-menu--scrollable {
    height: auto;
    max-height: 200px;
    overflow-x: hidden; }
  .dropdown--edit .dropdown__arrow--down {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    position: relative; }
  .dropdown--edit.open .dropdown__arrow--down {
    -webkit-animation: drop-down-spin .3s ease-out 0s 1;
    -moz-animation: drop-down-spin .3s ease-out 0s 1;
    -ms-animation: drop-down-spin .3s ease-out 0s 1;
    -o-animation: drop-down-spin .3s ease-out 0s 1;
    animation: drop-down-spin .3s ease-out 0s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .dropdown--edit .dropdown__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #333333;
    width: 85%;
    margin-left: 45px; }
  .dropdown--edit .dropdown-menu {
    width: 100%;
    top: 107%;
    z-index: 0; }
  .dropdown--edit .dropdown-toggle {
    width: 25px;
    height: 25px; }

/*doc
---
title: dropdownHeader
name: dropdownHeader
category: Components - Dropdown Header
---

 Modified dropdown component for use in the header.

```html_example
{% import './dropdown-header/html.html' as dropdownHeader %}
{{ dropdownHeader.generate({text: 'MY ACCOUNT', items: ['My Account','Order Management','Account Management','My Items'], scrollable: true, separated_items: ['Log out'], class: 'hidden'}) }}
```
Additional description if necessary goes here.

*/
.component-dropdownHeader {
  list-style: none; }
  .component-dropdownHeader .dropdown-menu {
    border-top: none; }
  .component-dropdownHeader ul li {
    height: 2.5rem;
    display: block; }
    .component-dropdownHeader ul li a:link, .component-dropdownHeader ul li a:visited, .component-dropdownHeader ul li a:focus {
      color: #333333;
      font-weight: normal; }
    .component-dropdownHeader ul li:focus, .component-dropdownHeader ul li:active {
      color: #333333;
      font-weight: normal; }
    .component-dropdownHeader ul li a:hover {
      letter-spacing: 1px;
      background-color: transparent !important;
      color: #e80033 !important; }
  .component-dropdownHeader ul li p {
    display: table;
    width: 100%; }
  .component-dropdownHeader ul li p a {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 20px 0 20px;
    letter-spacing: 1px; }
  .component-dropdownHeader ul li p, .component-dropdownHeader ul li p a {
    height: 2.5rem; }
  .component-dropdownHeader .dropdown-menu > li > a {
    padding: 10px; }
  .component-dropdownHeader .dropdown-menu > li > a:hover {
    background-color: #e80033 !important;
    border: 1px solid red; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open .component-dropdownHeader > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent; }

header nav.navbar .component-dropdownHeader ul > li {
  border-right: none;
  padding-right: 0;
  padding-left: 0;
  width: 100%; }

header nav .component-dropdownHeader li {
  display: block; }

.nav .component-dropdownHeader.open > a:hover,
.nav .component-dropdownHeader.open > a:focus {
  background-color: transparent;
  border-color: #d6d6d6; }

@media (max-width: 767px) {
  .component-dropdownHeader ul li {
    height: 3.125rem; }
  .component-dropdownHeader ul li p, .component-dropdownHeader ul li p a {
    height: 3.125rem; }
  .component-dropdownHeader ul li.divider {
    display: none; }
  .component-dropdownHeader a.secondary {
    display: table;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
  .component-dropdownHeader a.secondary span.icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-top: 5px; }
  .component-dropdownHeader a.secondary h4 {
    color: #e80033; }
  header nav .component-dropdownHeader ul li {
    border-color: #d6d6d6; } }

.dropdown .dropdown-toggle {
  letter-spacing: 1px; }

/*doc
---
title: Dynamic Related Content
name: dynamicRelatedContent
category: Components - Dynamic Related Content
---

This component shows related links in a box. It takes a array with a title and a link array of objects with the href and the link text in it.

```html_example
{% import "./dynamic-related-content/html.html" as dynamicRelatedContent %}
{{ dynamicRelatedContent.generate('You might like', [
  {
    title: 'Events',
    links: [{href:"#", link_text:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, error?'}, {href:"#", link_text:'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'}]
  },
  {
    title: 'Articles',
    links: [{href:"#", link_text:'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, error?'}]
  }
]) }}
```
*/
.dynamic-related-content {
  border-bottom: 1px solid #eaeaea;
  margin: 2rem 0;
  padding-bottom: 1rem; }

.dynamic-related-content-item-heading {
  color: #999999; }

.dynamic-related-content-item-list {
  list-style: none;
  padding-left: 0; }

.padding-left-small {
  padding-left: 0.625rem; }

.product-launches-component .email-signup .email-signup-form, .business-card .email-signup .email-signup-form {
  width: 100%;
  margin-left: 0; }

.product-launches-component .email-signup h2, .product-launches-component .email-signup .homepage-hero .carousel-content--description, .homepage-hero .product-launches-component .email-signup .carousel-content--description, .product-launches-component .email-signup .modal-body--title, .product-launches-component .email-signup p, .business-card .email-signup h2, .business-card .email-signup .homepage-hero .carousel-content--description, .homepage-hero .business-card .email-signup .carousel-content--description, .business-card .email-signup .modal-body--title, .business-card .email-signup p {
  text-align: left; }

.product-launches-component .email-signup input[type='email'], .business-card .email-signup input[type='email'] {
  margin-left: 0; }

.product-launches-component .email-signup button, .business-card .email-signup button {
  margin-left: -5px; }
  @media (max-width: 767px) {
    .product-launches-component .email-signup button, .business-card .email-signup button {
      margin-left: 0; } }

.product-launches-component .email-signup .parsley-errors-list, .business-card .email-signup .parsley-errors-list {
  margin-left: 0;
  text-align: left; }

.email-signup {
  text-align: center; }
  .email-signup .email-signup-form {
    width: 70%; }
    @media (max-width: 767px) {
      .email-signup .email-signup-form {
        width: 100%;
        margin-left: 0; } }
    .email-signup .email-signup-form .email-signup-input-div {
      padding-right: 0; }
    .email-signup .email-signup-form .email-signup-button-div {
      padding-left: 0; }
  .email-signup h2, .email-signup .homepage-hero .carousel-content--description, .homepage-hero .email-signup .carousel-content--description, .email-signup .modal-body--title, .email-signup p {
    text-align: center; }
  .email-signup input[type='email'] {
    margin-left: 10px; }
    @media (max-width: 767px) {
      .email-signup input[type='email'] {
        margin-left: 0; } }
  .email-signup .parsley-errors-list {
    margin-left: 10px;
    text-align: left; }
  .email-signup button {
    margin-left: -5px; }
    @media (max-width: 767px) {
      .email-signup button {
        margin-left: 0;
        margin-top: 0.625rem; } }
  .email-signup .form-group input[type='email'] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    @media (max-width: 767px) {
      .email-signup .form-group input[type='email'] {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .email-signup .form-group button {
    height: 2.4375rem;
    font-size: 0.75rem;
    letter-spacing: 0.15rem;
    min-height: 39px;
    padding: 0; }
    @media (max-width: 767px) {
      .email-signup .form-group button {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px; } }

@media (max-width: 767px) {
  .email-signup-form .email-signup-button-div {
    padding-right: 0 !important;
    padding-left: 10px !important; } }

@media (min-width: 767px) {
  .email-signup-form .email-signup-input-div input[type="email"] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .email-signup-form .email-signup-button-div {
    padding-right: 0;
    float: right; }
    .email-signup-form .email-signup-button-div .btn-email-signup {
      border-top-left-radius: 3px !important;
      border-bottom-left-radius: 3px !important;
      margin-left: 0 !important; } }

.modal.emailSignupModal, .emailSignupModal.pdpModal, .emailSignupModal.dccHomepageModal, .emailSignupModal.viewItemsCarouselModal, .emailSignupModal.teaserOverlayComponent {
  text-align: left; }
  .modal.emailSignupModal .sr-only, .emailSignupModal.pdpModal .sr-only, .emailSignupModal.dccHomepageModal .sr-only, .emailSignupModal.viewItemsCarouselModal .sr-only, .emailSignupModal.teaserOverlayComponent .sr-only {
    position: relative;
    width: auto;
    height: auto; }
  .modal.emailSignupModal .form-input, .emailSignupModal.pdpModal .form-input, .emailSignupModal.dccHomepageModal .form-input, .emailSignupModal.viewItemsCarouselModal .form-input, .emailSignupModal.teaserOverlayComponent .form-input {
    margin-top: 0; }
  .modal.emailSignupModal .button-list, .emailSignupModal.pdpModal .button-list, .emailSignupModal.dccHomepageModal .button-list, .emailSignupModal.viewItemsCarouselModal .button-list, .emailSignupModal.teaserOverlayComponent .button-list {
    margin-bottom: 0; }

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

/*doc
---
title: Embed Column
name: embedColumn
category: Components - Embed Column
---

Embed Column is a component with a title and description on one side and an image with a CTA on the other half.

```html_example
{% import "./embed-column/html.html" as embedColumn %}
{{ embedColumn.generate() }}
```
*/
.embed-column--title {
  text-align: center;
  font-weight: normal;
  margin-top: 2.1875rem;
  margin-bottom: 0.9375rem; }
  .embed-column--title h1, .embed-column--title .select-your-industry-content--tips {
    font-size: 1.75rem;
    line-height: 1.14286; }

.embed-column--container {
  padding: 0.9375rem; }
  @media (min-width: 1080px) {
    .embed-column--container {
      height: auto; } }
  @media (min-width: 1200px) {
    .embed-column--container {
      height: auto;
      padding: 1.25rem; } }

.embed-column--column-separator {
  background: white;
  border: 1px solid #c8c8c8;
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
  .embed-column--column-separator:before, .embed-column--column-separator:after {
    content: " ";
    display: table; }
  .embed-column--column-separator:after {
    clear: both; }
  @media (min-width: 768px) {
    .embed-column--column-separator {
      margin-bottom: 0.9375rem; } }

@media (min-width: 768px) {
  .embed-column .col-xs-12:nth-child(2) .embed-column--column-separator {
    margin-right: 0rem; }
  .embed-column .col-xs-12:first-child .embed-column--column-separator {
    margin-right: 0rem; }
  .embed-column .col-xs-12:last-child .embed-column--column-separator {
    margin-left: 0rem;
    margin-right: 0.625rem; } }

.embed-column--btn {
  font-size: 0.75rem; }
  .embed-column--btn:hover {
    background: #e80033 !important;
    border-color: #e80033 !important; }
  .embed-column--btn:focus {
    background-color: transparent !important;
    border-color: #ffffff !important; }
    .embed-column--btn:focus:hover {
      background: #e80033 !important;
      border-color: #e80033 !important; }
  .embed-column--btn:active {
    background-color: transparent !important;
    border-color: #ffffff !important; }

.embed-column--index {
  background-color: #f5f5f5; }
  .embed-column--index .embed-column {
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding-top: 15px; }

.embed-column--header {
  border-bottom: 1px solid #d6d6d6;
  color: #333333;
  margin: 1rem 0;
  padding-bottom: 0.875rem;
  text-align: left;
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .embed-column--header {
      padding-bottom: 15px; } }

.embed-column--content {
  color: #333333;
  font-weight: normal;
  text-align: left;
  /*margin: calc-em(25px) 0; */
  white-space: pre-wrap;
  font-size: 0.875rem; }

@media (min-width: 768px) and (max-width: 1079px) {
  .embed-column--header {
    margin: 0px;
    padding-bottom: 14px; }
  .embed-column--column-separator .embed-column--resource .embed-column--btn {
    min-width: 140px !important;
    padding: 10px; }
  .embed-column--container {
    padding: 10px 0px 10px 0px !important; }
  .embed-column--btn {
    left: 45% !important; }
  .embed-column--content {
    margin: 10px; }
  .embed-column--column-separator {
    margin-bottom: 15px; }
  .embed-column--column-separator {
    margin-left: 5px;
    margin-right: 5px !important; }
  .teaser-padding {
    padding-left: 10px;
    padding-right: 0px; } }
  @media (min-width: 768px) and (max-width: 1079px) and (min-width: 1080px) {
    .teaser-padding {
      padding-left: 5px;
      padding-right: 5px; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .teaser-padding-rt {
    padding-right: 10px;
    padding-left: 10px; } }
  @media (min-width: 768px) and (max-width: 1079px) and (min-width: 1080px) {
    .teaser-padding-rt {
      padding-right: 5px; } }

@media (max-width: 767px) {
  .embed-column--resource {
    height: 16.75rem !important; } }

.homepageTeaser .embed-column--container .btn-primary, .homepageTeaser .embed-column--container .btn-primary-teal, .homepageTeaser .embed-column--container .btn-primary-teal-bright {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #c8c8c8 !important; }
  .homepageTeaser .embed-column--container .btn-primary:hover, .homepageTeaser .embed-column--container .btn-primary-teal:hover, .homepageTeaser .embed-column--container .btn-primary-teal-bright:hover {
    background-color: #96002a !important;
    border: none;
    background: #e80033 !important;
    /*border-color: #e80033 !important; */
    color: #fff !important; }

.embed-column--index .embed-column {
  padding-top: 15px; }

.homepageTeaser .embed-column--container .embed-column--btn {
  letter-spacing: normal !important;
  font-size: 14px !important; }

.embed-column--resource {
  height: 18.75rem;
  overflow: hidden;
  width: 100%; }
  @media (min-width: 1080px) {
    .embed-column--resource {
      height: 18.75rem; } }
  .embed-column--resource img {
    width: 100%; }

.embed-column--link {
  display: block;
  height: 100%;
  background-size: cover;
  background-position: 50%; }

.embed-column--btn {
  background: transparent;
  font-size: 0.75rem !important;
  letter-spacing: 0.15rem !important;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: normal; }

/*doc
---
title: expertiseHero
name: expertiseHero
category: Base CSS
---



```html_example
{% import './expertise-hero/html.html' as expertiseHero %}
{{ expertiseHero.generate() }}
```
Additional description if necessary goes here.

*/
.component-expertiseHero {
  position: relative;
  overflow: hidden; }
  .component-expertiseHero .expertise-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #999999; }
    .component-expertiseHero .expertise-image img {
      width: 100%;
      height: 100%; }
  .component-expertiseHero .expertise-hero-title {
    font-size: 1.125rem;
    color: #ffffff;
    line-height: 5rem;
    font-weight: bold; }
  .component-expertiseHero .expertise-hero-des {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 0;
    color: #ffffff; }
    @media (min-width: 767px) {
      .component-expertiseHero .expertise-hero-des {
        font-size: 2.125rem;
        margin-bottom: 4.375rem; } }
    .component-expertiseHero .expertise-hero-des .richText p, .component-expertiseHero .expertise-hero-des .richText h1, .component-expertiseHero .expertise-hero-des .richText .select-your-industry-content--tips, .component-expertiseHero .expertise-hero-des .richText h2, .component-expertiseHero .expertise-hero-des .richText .homepage-hero .carousel-content--description, .homepage-hero .component-expertiseHero .expertise-hero-des .richText .carousel-content--description, .component-expertiseHero .expertise-hero-des .richText .modal-body--title, .component-expertiseHero .expertise-hero-des .richText h3, .component-expertiseHero .expertise-hero-des .richText h4 {
      color: #ffffff;
      font-weight: normal;
      margin: 0;
      letter-spacing: 0;
      text-transform: none; }
  .component-expertiseHero .expertise-hero-carousel {
    height: 100%;
    margin: 0 1.875rem; }
  .component-expertiseHero .expertise-hero-CTAlist {
    margin-bottom: 2.5rem; }
  .component-expertiseHero .expertise-hero-CTA {
    text-align: center;
    height: 2.1875rem;
    line-height: 2.1875rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.5); }
    @media (max-width: 767px) {
      .component-expertiseHero .expertise-hero-CTA {
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.5); } }
    .component-expertiseHero .expertise-hero-CTA a, .component-expertiseHero .expertise-hero-CTA a:hover, .component-expertiseHero .expertise-hero-CTA a:visited, .component-expertiseHero .expertise-hero-CTA a:active, .component-expertiseHero .expertise-hero-CTA a:link {
      color: #ffffff;
      font-weight: normal;
      text-decoration: none;
      border-bottom: none; }
    @media (min-width: 767px) {
      .component-expertiseHero .expertise-hero-CTA {
        display: inline-block; }
        .component-expertiseHero .expertise-hero-CTA:first-child {
          border-radius: 5px 0 0 5px; }
        .component-expertiseHero .expertise-hero-CTA:last-child {
          border-radius: 0 5px 5px 0; }
        .component-expertiseHero .expertise-hero-CTA:hover, .component-expertiseHero .expertise-hero-CTA.active {
          background: rgba(255, 255, 255, 0.5); } }
  @media (min-width: 767px) {
    .component-expertiseHero .expertise-CTA-5 {
      width: 20%;
      float: left; } }
  .component-expertiseHero .expertise-hero-bottom ol {
    margin-bottom: 0; }

/*doc
---
title: Footer Links
name: footerLinks
category: Components - Footer Links
---

This list item is used in the mega footer. (and maybe other places).

```html_example
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./footer-links/json/data.json') | jsonify %}
{% import "./footer-links/html.html" as footerlinks %}
{{ footerlinks.generate(data) }}
```
*/
.footer-links ul {
  list-style: none;
  text-align: right; }
  .footer-links ul li {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #d6d6d6; }
    .footer-links ul li p {
      display: inline;
      font-size: 0.75rem;
      text-align: right; }
    .footer-links ul li a {
      color: #737373;
      font-weight: normal;
      font-size: 0.75rem; }
      .footer-links ul li a:link {
        color: #737373; }
      .footer-links ul li a:visited {
        color: #737373; }
      .footer-links ul li a:hover, .footer-links ul li a:visited:hover {
        color: #e80033; }
      .footer-links ul li a:active {
        color: #737373; }
    .footer-links ul li span.pipe {
      display: inline;
      padding-left: 15px;
      border-right: 1px solid #ebebeb; }
    .footer-links ul li:last-child {
      border-right: none;
      margin: 0;
      padding-right: 0; }

.footer-links .copyright {
  float: right;
  font-size: 0.75rem;
  text-align: right; }
  .footer-links .copyright > p {
    font-size: 0.75rem; }
  .footer-links .copyright a:link {
    border-bottom: 1px solid #d6d6d6;
    color: #737373; }
  .footer-links .copyright a:link:hover, .footer-links .copyright a:visited:hover {
    color: #e80033; }
  .footer-links .copyright a:visited {
    border-bottom: 1px solid #d6d6d6;
    color: #737373; }

@media (max-width: 1079px) {
  .footer-links ul {
    display: table;
    text-align: center;
    width: 100%; }
  .footer-links .copyright {
    width: 100%;
    float: none;
    display: table;
    text-align: center; }
    .footer-links .copyright p {
      line-height: 1.5625rem; } }

@media (max-width: 767px) {
  .footer-links ul {
    text-align: center;
    padding: 0; }
  .footer-links p {
    text-align: center; } }

/*doc
---
title: Footer Dow
name: footerDow
category: Components - Footer Dow
---
*/
.footer {
  background-color: #415364;
  color: white;
  margin-left: auto;
  margin-right: auto;
  /* Remove or update */ }
  .footer__links {
    padding: 34px 40px; }
    @media (min-width: 1024px) {
      .footer__links {
        display: flex;
        justify-content: space-between;
        padding: 20px 68px 40px 40px; } }
  .footer__sectiondow {
    width: 100%; }
    @media (min-width: 1024px) {
      .footer__sectiondow {
        width: 224px;
        padding-right: 15px; } }
    @media (min-width: 1024px) {
      .footer__sectiondow--dual {
        width: 672px;
        padding-right: 15px; } }
    .footer__sectiondow .section__dual-list {
      display: flex;
      flex-direction: row; }
      .footer__sectiondow .section__dual-list .section__list {
        width: 48%; }
        .footer__sectiondow .section__dual-list .section__list:last-child {
          margin-right: 0; }
    .footer__sectiondow .section__title {
      color: #FFFFFF;
      font-family: "Georgia", serif;
      text-decoration: none;
      line-height: 24px;
      display: block;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: bold; }
      @media (min-width: 1024px) {
        .footer__sectiondow .section__title {
          padding: 0 0 4px 0;
          border-bottom: 1px solid #FFFFFF; } }
      .footer__sectiondow .section__title .arrow {
        margin-left: 10px;
        width: 15px;
        position: relative;
        display: none; }
        .footer__sectiondow .section__title .arrow::after {
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='20px' viewBox='0 0 45 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55 (78076) - https://sketchapp.com --%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-/-Arrow-/-Grey-Right' fill='%23str-replace(\"#E80033\", \"#\", \"\")'%3E%3Cg transform='translate(22.500000, 15.000000) rotate(-180.000000) translate(-22.500000, -15.000000) ' id='Fill-1-Copy'%3E%3Cpolygon transform='translate(22.500000, 15.000000) rotate(-180.000000) translate(-22.500000, -15.000000) ' points='20.5432159 1.42108547e-13 33.0410931 11.9998064 3.55271368e-15 11.9998064 3.55271368e-15 17.9982574 33.0410931 17.9982574 20.5432159 30 29.3789104 30 45 15 29.3789104 1.42108547e-13'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          content: "";
          height: 20px;
          width: -15px;
          position: absolute;
          transform: rotate();
          background-repeat: no-repeat;
          background-position: center center; }
        .footer__sectiondow .section__title .arrow:hover::after, .footer__sectiondow .section__title .arrow:focus::after {
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='-15px' height='20px' viewBox='0 0 45 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 55 (78076) - https://sketchapp.com --%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-/-Arrow-/-Grey-Right' fill='%23str-replace(\"#E80033\", \"#\", \"\")'%3E%3Cg transform='translate(22.500000, 15.000000) rotate(-180.000000) translate(-22.500000, -15.000000) ' id='Fill-1-Copy'%3E%3Cpolygon transform='translate(22.500000, 15.000000) rotate(-180.000000) translate(-22.500000, -15.000000) ' points='20.5432159 1.42108547e-13 33.0410931 11.9998064 3.55271368e-15 11.9998064 3.55271368e-15 17.9982574 33.0410931 17.9982574 20.5432159 30 29.3789104 30 45 15 29.3789104 1.42108547e-13'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        @media (min-width: 1024px) {
          .footer__sectiondow .section__title .arrow {
            display: inline-block; } }
    @media (min-width: 1024px) {
      .footer__sectiondow .section__list .list__group {
        margin-bottom: 30px; } }
    .footer__sectiondow .section__list .group__link {
      color: #FFFFFF;
      text-decoration: none;
      margin-bottom: 10px;
      display: block;
      font-size: 14px; }
      @media (min-width: 1024px) {
        .footer__sectiondow .section__list .group__link {
          display: none; } }
      .footer__sectiondow .section__list .group__link--main {
        font-weight: bold; }
  .footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .footer__legal {
    background-color: #415364;
    padding: 0 40px; }
    @media (max-width: 1024px) {
      .footer__legal {
        display: none; } }
    .footer__legal .legal__link {
      display: inline-block;
      margin-right: 25px;
      color: #FFFFFF;
      text-decoration: none;
      font-size: 14px;
      font-weight: normal; }
      .footer__legal .legal__link:last-child {
        margin-right: 0; }
  .footer__bottom-rail {
    position: relative;
    font-size: 14px;
    padding: 20px 40px;
    min-height: 208px;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse; }
    .footer__bottom-rail .bottom-rail__icon {
      margin-right: 15px; }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__icon {
          margin-right: 8px; } }
      .footer__bottom-rail .bottom-rail__icon:last-child {
        margin-right: 0; }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__icon--instagram,
        .footer__bottom-rail .bottom-rail__icon--instagram img {
          width: 30px;
          height: 27px; } }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__icon--twitter,
        .footer__bottom-rail .bottom-rail__icon--twitter img {
          width: 27px;
          height: 21px; } }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__icon--facebook,
        .footer__bottom-rail .bottom-rail__icon--facebook img {
          width: 14px;
          height: 26px; } }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__icon--youtube,
        .footer__bottom-rail .bottom-rail__icon--youtube img {
          width: 37px;
          height: 25px; } }
    .footer__bottom-rail .bottom-rail__copy {
      font-size: 14px;
      margin: 0;
      color: #FFFFFF; }
    .footer__bottom-rail .bottom-rail__column {
      z-index: 1;
      position: relative;
      line-height: 18px; }
      @media (min-width: 1024px) {
        .footer__bottom-rail .bottom-rail__column:first-child {
          width: 46%; } }
      .footer__bottom-rail .bottom-rail__column:nth-child(2) {
        margin-bottom: 23px; }
        .footer__bottom-rail .bottom-rail__column:nth-child(2) .bottom-rail__intro {
          font-size: 18px;
          color: #FFFFFF;
          display: block;
          margin-bottom: 10px;
          font-weight: bold;
          font-family: "Georgia", serif; }
          @media (min-width: 1024px) {
            .footer__bottom-rail .bottom-rail__column:nth-child(2) .bottom-rail__intro {
              display: inline;
              position: relative;
              bottom: -4px;
              margin: 0 15px 0 0; } }
        @media (min-width: 1024px) {
          .footer__bottom-rail .bottom-rail__column:nth-child(2) {
            margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .footer__bottom-rail {
        min-height: auto;
        padding: 20px 40px;
        justify-content: space-between;
        align-items: center;
        flex-direction: row; } }

@media (min-width: 768px) {
  .footer {
    width: 768px; } }

@media (min-width: 1140px) {
  .footer {
    width: 1140px; } }

@media (min-width: 1140px) {
  .footer {
    width: 1140px; } }

.fonttitle {
  color: #ffffff;
  font-family: "Georgia", serif; }

.fonttitle:hover {
  color: #ffffff;
  font-weight: bold;
  font-family: "Georgia", serif; }

.horizontal-display {
  position: relative;
  font-size: 14px;
  padding: 0 40px;
  display: flex;
  padding-right: 15px;
  top: 20px; }

/*doc
---
title: Checkbox
name: checkbox
category: Forms - Checkbox
---
Each checkbox and radio is wrapped in a <label> for three reasons:

* It provides a larger hit areas for checking the control.
* aIt provides a helpful and semantic wrapper to help us replace the default inputs.
* It triggers the state of the input automatically, meaning no JavaScript is required.

We hide the default input with opacity and use the .c-indicator to build a new custom form control. We can’t build a custom one from just the input because CSS’s content doesn’t work on that element.</p>

With the sibling selector (~), we use the :checked state to trigger a makeshift checked state on the custom control.

In the checked states, we use base64 embedded SVG icons from Open Iconic. This provides us the best control for styling and positioning across browsers and devices.

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./form-checkbox/html.html" as checkbox %}
{{ checkbox.generate({text: 'Checkbox'}) }}
</div>
</div>
```
*/
.form-checkbox {
  cursor: pointer;
  position: relative;
  font-weight: normal; }
  .form-checkbox input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .form-checkbox .form-checkbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 65%;
    line-height: 1.9375rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    border: 1px solid #d6d6d6 !important; }
  .form-checkbox input:checked ~ .checkmark-container .form-checkbox__checkmark {
    color: #fff;
    background-color: #e80033;
    border: 1px solid #e80033 !important; }
  .form-checkbox .form-checkbox__text {
    display: inline-block;
    margin-left: 30px; }
    .form-checkbox .form-checkbox__text a {
      color: #e80033; }
  .form-checkbox .svg-form-checkmark {
    position: absolute;
    top: 5px;
    left: 5px;
    display: none;
    fill: #ffffff; }
  .form-checkbox input:checked ~ .checkmark-container .svg-form-checkmark {
    display: block; }

/*doc
---
title: Input
name: input
category: Forms - Input
---
Use the .form-inline class to to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms behave differently:

* Controls are display: inline-block to provide alignment control via vertical-align and margin.
* Controls receive width: auto to override the Bootstrap default width: 100%.
* Controls only appear inline in viewports that are at least 768px wide to account for narrow viewports on mobile devices.

Because of this, you may need to manually address the width and alignment of individual form controls. Lastly, as shown below, you should always include a <label> with each form control.

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./form-input/html.html" as input %}
{{ input.generate('Enter Email') }}
<p class="form-input--errorMessage">Error message</p>
</div>
</div>
```
*/
.form-control {
  min-height: 40px; }

.form-input {
  border-radius: 0.1875rem;
  margin-top: 10px; }
  .form-input:focus, .form-input:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.form-input--error {
  border: 1px solid #ff6666; }

.form-input--errorMessage, ul.parsley-errors-list li {
  color: #ff6666;
  padding-top: 0.3125rem; }

@media (min-width: 768px) {
  .inline-submit {
    padding-top: 30px; } }

/*doc
---
title: formInputDropdown
name: formInputDropdown
category: Base CSS
---

 This component is a combo element including an input box and a dropdown that work in tandem.

```html_example
{% import './form-input-dropdown/html.html' as formInputDropdown %}
{{ formInputDropdown.generate() }}
```
Additional description if necessary goes here.

*/
.input-dropdown {
  border: 1px solid #c8c8c8;
  border-radius: 0.25rem; }
  .input-dropdown:before, .input-dropdown:after {
    content: " ";
    display: table; }
  .input-dropdown:after {
    clear: both; }
  .input-dropdown .dropdown-toggle, .input-dropdown .form-input {
    border: 0;
    border-radius: 0;
    margin: 0;
    vertical-align: middle;
    background: none; }
  .input-dropdown .form-input {
    border-right: 1px solid #c8c8c8; }
  .input-dropdown .dropdown, .input-dropdown .form-input {
    margin: 0; }
  .input-dropdown .btn, .input-dropdown .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .input-dropdown .sds-form-submit, .input-dropdown .pdp-form-submit {
    padding-left: 0;
    padding-right: 0; }

.sds-search-form .pdp-search-bar input::-ms-clear {
  display: none; }

/*doc
---
title: Radio Button
name: radio
category: Forms - Radio Button
---
Each checkbox and radio is wrapped in a <label> for three reasons:

* It provides a larger hit areas for checking the control.
* aIt provides a helpful and semantic wrapper to help us replace the default inputs.
* It triggers the state of the input automatically, meaning no JavaScript is required.

We hide the default input with opacity and use the .c-indicator to build a new custom form control. We can’t build a custom one from just the input because CSS’s content doesn’t work on that element.</p>

With the sibling selector (~), we use the :checked state to trigger a makeshift checked state on the custom control.

In the checked states, we use base64 embedded SVG icons from Open Iconic. This provides us the best control for styling and positioning across browsers and devices.

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./form-radio/html.html" as radio %}
{{ radio.generate('Radio Button A', 'radioGroup') }}
{{ radio.generate('Radio Button B', 'radioGroup') }}
</div>
</div>
```
*/
.form-radio {
  position: relative; }
  .form-radio input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .form-radio .form-radio__bullet {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 65%;
    line-height: 1.9375rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    border: 2px solid #808080;
    border-radius: 50%; }
  .form-radio input:checked ~ .form-radio__bullet {
    color: #fff;
    border: 2px solid #e80033; }
  .form-radio .svg-form-radio__bullet {
    position: absolute;
    top: 37%;
    left: 5%;
    display: none; }
  .form-radio input:checked ~ .svg-form-radio__bullet {
    display: block; }
  .form-radio .form-radio__text {
    display: inline-block;
    margin-left: 30px; }

/*doc
---
title: Form Search
name: formSearch
category: Forms - Search Bar
---
This search bar is use in the header.

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./form-search/html.html" as formSearch %}
{{ formSearch.generate() }}
</div>
</div>
```
*/
.navbar-form {
  border: none;
  margin: 0; }
  .navbar-form .form-control {
    width: 100%; }
  .navbar-form .navbar-nav {
    width: 100%;
    padding-left: 0; }
    .navbar-form .navbar-nav input[type="text"]::-ms-clear, .navbar-form .navbar-nav ::-ms-reveal {
      display: none; }
  .navbar-form #form-search-shadow, .navbar-form #form-search-shadow-mobile {
    background-color: transparent;
    z-index: -1; }
  .navbar-form #form-search, .navbar-form #form-search-mobile {
    position: absolute;
    background-color: transparent;
    z-index: 1; }
  .navbar-form ul li {
    display: table;
    border-right: none;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; }
  .navbar-form div.icon {
    float: none;
    display: table-cell;
    vertical-align: middle;
    z-index: 10; }
  .navbar-form input {
    width: 100%;
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: table-cell; }
    .navbar-form input:focus {
      border: none;
      overflow: auto;
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .navbar-form input::-webkit-input-placeholder {
      color: #e80033;
      font-size: 0.875rem;
      line-height: 1.57143;
      letter-spacing: 0.25rem; }
    .navbar-form input::-moz-placeholder {
      /* Firefox 18- */
      color: #e80033; }
    .navbar-form input:-moz-placeholder {
      /* Firefox 19+ */
      color: #e80033; }
    .navbar-form input:-ms-input-placeholder {
      color: #e80033; }
  .navbar-form button.button--search {
    border: none;
    overflow: auto;
    outline: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .navbar-form button.button--search:focus, .navbar-form button.button--search:hover, .navbar-form button.button--search:active, .navbar-form button.button--search:blur {
      border: none;
      overflow: auto;
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
  .navbar-form button.button--close {
    border: none;
    overflow: auto;
    outline: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 2px;
    left: -1.25rem; }
    .navbar-form button.button--close:focus, .navbar-form button.button--close:hover, .navbar-form button.button--close:active, .navbar-form button.button--close:blur {
      border: none;
      overflow: auto;
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
  .navbar-form .svg-utility-search {
    fill: #e80033;
    margin-top: 0.625rem; }
  .navbar-form .svg-nav-hamburger-close {
    width: 1rem;
    height: 1rem;
    margin-top: 0.75rem; }

header nav.navbar .navbar-form ul li {
  border-right: none;
  padding-left: 0; }

@media (max-width: 1079px) {
  .searchContainer {
    padding: 0; }
  .navbar-form {
    padding: 0; }
  header nav.navbar .navbar-form ul li {
    padding-left: 0;
    padding-right: 0; }
  div.icon {
    padding: 0; } }

@media (max-width: 767px) {
  header .navbar-form {
    width: 100%;
    margin-left: 0;
    margin: 0;
    padding: 0; }
    header .navbar-form .row {
      margin: 0; }
    header .navbar-form li {
      display: table; }
    header .navbar-form li div {
      display: table-cell; }
    header .navbar-form li h4 {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
    header .navbar-form div.icon {
      padding: 0;
      float: none;
      display: table-cell;
      z-index: 10;
      padding-right: 0.9375rem; }
    header .navbar-form .svg-nav-hamburger-close {
      margin-top: 1.25rem; } }

.component-formSearch {
  position: relative; }
  .component-formSearch .searchDrawer {
    display: table;
    width: 100%;
    height: 6.25rem;
    background-color: #FFFFFF;
    border: 1px solid #d6d6d6;
    border-top: none;
    position: absolute;
    top: -12.5625rem;
    z-index: -5;
    -webkit-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
    .component-formSearch .searchDrawer #form-search-shadow, .component-formSearch .searchDrawer #form-search-shadow-mobile {
      background-color: transparent;
      z-index: -1; }
    .component-formSearch .searchDrawer #form-search, .component-formSearch .searchDrawer #form-search-mobile {
      position: absolute;
      background-color: transparent;
      z-index: 1; }
    .component-formSearch .searchDrawer #form-search {
      left: 0; }
      .component-formSearch .searchDrawer #form-search::-ms-clear {
        display: none; }
    .component-formSearch .searchDrawer #form-search,
    .component-formSearch .searchDrawer #form-search-shadow {
      height: 2.25rem; }
    .component-formSearch .searchDrawer button.button--search {
      border: none;
      overflow: auto;
      outline: none;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #e80033; }
      .component-formSearch .searchDrawer button.button--search:focus, .component-formSearch .searchDrawer button.button--search:hover, .component-formSearch .searchDrawer button.button--search:active, .component-formSearch .searchDrawer button.button--search:blur {
        border: none;
        overflow: auto;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: transparent; }
    .component-formSearch .searchDrawer ul {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding-right: 11.5625rem; }
      .component-formSearch .searchDrawer ul li {
        display: inline-block;
        list-style: none;
        width: auto;
        position: relative; }
        .component-formSearch .searchDrawer ul li.icon--search {
          padding-right: 1.625rem; }
          .component-formSearch .searchDrawer ul li.icon--search svg {
            color: #e80033;
            position: absolute;
            top: 0.3125rem; }
          .component-formSearch .searchDrawer ul li.icon--search span {
            visibility: hidden; }
            .component-formSearch .searchDrawer ul li.icon--search span svg {
              position: relative; }
        .component-formSearch .searchDrawer ul li.form--input {
          font-size: 1.5rem; }
          .component-formSearch .searchDrawer ul li.form--input .search--input {
            border: none;
            color: #9b9b9b;
            font-weight: normal; }
      .component-formSearch .searchDrawer ul .searchButton span {
        padding-left: 0.3125rem; }
    .component-formSearch .searchDrawer.expanded {
      top: 1px; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .component-formSearch .searchDrawer.expanded {
          top: 2px; } }
  @media (max-width: 1079px) {
    .component-formSearch .searchDrawer ul {
      padding-right: 0; } }
  @media (max-width: 767px) {
    .component-formSearch .searchDrawer {
      position: relative;
      display: block;
      top: 0;
      border: none;
      height: 3.75rem;
      z-index: 0;
      /* button.button--search{
        margin-right: calc-em(20px);
      } */ }
      .component-formSearch .searchDrawer ul {
        display: table; }
        .component-formSearch .searchDrawer ul li {
          display: table-cell; }
          .component-formSearch .searchDrawer ul li.form--input {
            font-size: 1.125rem;
            text-align: left;
            display: table-cell;
            padding-top: 0.3125rem;
            border-bottom: none !important; }
          .component-formSearch .searchDrawer ul li.icon--arrow {
            padding-left: 0;
            display: table-cell;
            border-bottom: none !important; } }

/*doc
---
title: formTextarea
name: formTextarea
category: Forms - Text Area
---

 Creates the markup for a textarea 

```html_example
{% import './form-textarea/html.html' as formTextarea %}
{{ formTextarea.generate() }}
```
Additional description if necessary goes here.

*/
/*doc
---
title: geolocationLanguage
name: geolocationLanguage
category: Base CSS
---

 This component auto detects a user's position and assigns a language for the user

```html_example
{% import './geolocation-language/html.html' as geolocationLanguage %}
{{ geolocationLanguage.generate() }}
```
Additional description if necessary goes here.

*/
.component-geolocationLanguage {
  display: block;
  width: 90%;
  margin: 6px auto;
  height: 2.8125rem; }
  .component-geolocationLanguage .dropdown__text {
    text-transform: uppercase; }
  .component-geolocationLanguage .component-loader {
    margin: 0 auto; }
    .component-geolocationLanguage .component-loader .loader-child {
      width: 10px;
      height: 10px; }
  .component-geolocationLanguage .dropdown-menu a.active {
    color: #FFFFFF;
    background-color: #e80033; }
  .component-geolocationLanguage .dropdown-menu a:hover:link, .component-geolocationLanguage .dropdown-menu a:hover:visited {
    color: #FFFFFF !important;
    background-color: #e80033; }
  .component-geolocationLanguage button.btn, .component-geolocationLanguage .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-geolocationLanguage button.sds-form-submit, .component-geolocationLanguage button.pdp-form-submit {
    padding: 7px 20px;
    min-height: 2.8125rem; }
    .component-geolocationLanguage button.btn .svg-dropdown_arrow--down, .component-geolocationLanguage .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit .svg-dropdown_arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .component-geolocationLanguage button.sds-form-submit .svg-dropdown_arrow--down, .component-geolocationLanguage button.pdp-form-submit .svg-dropdown_arrow--down {
      color: #e80033; }

/*doc
---
title: Homepage Hero
name: homepageHero
category: Components - Homepage Hero
---

Homepage Hero includes a background image, text, a cta, carousel and tooltips

```html_example
{% import "./homepage-hero/html.html" as homepageHero %}
<div class="padding-0">
      <div class="row homepage-hero">
        <div class="col-xs-12">
          <div class="homepage-hero--banner">
            {{ homepageHero.generate() }}
          </div>
        </div>
      </div>
    </div>
```
*/
.homepage-hero {
  position: relative;
  overflow: hidden; }
  .homepage-hero--banner {
    background-color: #aeaeae;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      .homepage-hero--banner {
        height: 24.0625rem; } }
    @media (min-width: 768px) and (max-width: 1079px) {
      .homepage-hero--banner {
        height: 27.5rem; } }
    @media (min-width: 1080px) {
      .homepage-hero--banner {
        height: 34.375rem; } }
  .homepage-hero--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    text-align: center;
    font-size: 2rem;
    color: #fff; }
    @media (max-width: 767px) {
      .homepage-hero--image {
        line-height: 24.0625rem;
        object-fit: cover; } }
    @media (min-width: 768px) and (max-width: 1079px) {
      .homepage-hero--image {
        line-height: 27.5rem; } }
    @media (min-width: 1080px) {
      .homepage-hero--image {
        line-height: 34.375rem; } }
  .homepage-hero-top {
    padding: 1.25rem 1.875rem;
    position: relative;
    height: 100%; }
    .homepage-hero-top--content {
      color: #FFFFFF;
      list-style-position: inside;
      font-size: 2.2rem;
      line-height: 1.5rem; }
      @media (min-width: 768px) and (max-width: 1079px) {
        .homepage-hero-top--content {
          width: 70%; } }
      @media (min-width: 1080px) {
        .homepage-hero-top--content {
          width: 50%;
          padding-top: 4.7rem; } }
    .homepage-hero-top--details {
      font-size: 1.25rem;
      display: inline; }
      @media (max-width: 767px) {
        .homepage-hero-top--details {
          margin: 0; } }
      @media (min-width: 768px) {
        .homepage-hero-top--details {
          font-size: 2.375rem; } }
      .homepage-hero-top--details-link, .homepage-hero-top--details-link:hover, .homepage-hero-top--details-link:visited, .homepage-hero-top--details-link:link {
        display: inline;
        font-weight: bold;
        color: #e80033;
        font-size: 1.25rem; }
        @media (min-width: 768px) {
          .homepage-hero-top--details-link, .homepage-hero-top--details-link:hover, .homepage-hero-top--details-link:visited, .homepage-hero-top--details-link:link {
            font-size: 2.375rem; } }
    .homepage-hero-top--label {
      font-weight: normal; }
      @media (max-width: 767px) {
        .homepage-hero-top--label {
          margin: 0.3125rem 0;
          width: 70%; } }
      @media (min-width: 768px) {
        .homepage-hero-top--label {
          font-size: 1.125rem;
          margin-bottom: 20px; } }
    .homepage-hero-top--link-btn {
      color: #FFFFFF;
      font-size: 0.75rem;
      letter-spacing: .15rem;
      font-weight: 600; }
  .homepage-hero-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 3.125rem; }
    .homepage-hero-icons-link {
      background: rgba(235, 235, 235, 0.2);
      border-radius: 50%;
      color: #FFFFFF;
      display: block;
      font-size: 0.625rem;
      height: 3.75rem;
      margin: 1.25rem 1.875rem 1.25rem 0;
      padding-top: 0.9375rem;
      position: relative;
      text-align: center;
      width: 3.75rem; }
      .homepage-hero-icons-link .svg-hero_call {
        width: 1.375rem;
        height: 1.8125rem; }
      .homepage-hero-icons-link--icon-holder {
        display: block;
        margin: 0 auto; }
        .homepage-hero-icons-link--icon-holder svg {
          fill: #FFFFFF;
          margin: 0 auto; }
        .homepage-hero-icons-link--icon-holder .svg-nav_find_products {
          width: 35px;
          height: 30px;
          color: #fff; }
      .homepage-hero-icons-link--text {
        color: #FFFFFF;
        text-transform: uppercase;
        position: relative; }
        .homepage-hero-icons-link--text .richText p, .homepage-hero-icons-link--text .richText h1, .homepage-hero-icons-link--text .richText .select-your-industry-content--tips, .homepage-hero-icons-link--text .richText h2, .homepage-hero-icons-link--text .richText .homepage-hero .carousel-content--description, .homepage-hero .homepage-hero-icons-link--text .richText .carousel-content--description, .homepage-hero-icons-link--text .richText .modal-body--title, .homepage-hero-icons-link--text .richText h3, .homepage-hero-icons-link--text .richText h4 {
          margin: 0;
          letter-spacing: 0;
          font-weight: normal; }
        .homepage-hero-icons-link--text > p {
          font-size: 0.75rem; }
      .homepage-hero-icons-link:hover {
        padding-top: 0.9375rem;
        border-bottom: 0;
        background-color: #ebebeb; }
        .homepage-hero-icons-link:hover span.homepage-hero-icons-link--icon-holder:last-child {
          margin-top: 0.1875rem; }
        .homepage-hero-icons-link:hover .homepage-hero-icons-link--text {
          display: none; }
        .homepage-hero-icons-link:hover svg {
          color: #e80033; }
        .homepage-hero-icons-link:hover .homepage-hero-icons-link--tips {
          display: block;
          position: absolute;
          top: 0.5rem;
          right: 130%; }
      .homepage-hero-icons-link--tips {
        display: none; }
      .homepage-hero-icons-link--arrow {
        border-top: 8px solid transparent;
        border-left: 8px solid  #e80033;
        border-bottom: 8px solid transparent;
        height: 0;
        position: absolute;
        right: -8px;
        top: 0.625rem;
        width: 0; }
      .homepage-hero-icons-link--flyout {
        color: #FFFFFF;
        background: #e80033;
        padding: 0.625rem 1rem;
        white-space: nowrap;
        font-size: 0.8125rem;
        font-weight: bold; }
        .homepage-hero-icons-link--flyout .richText p {
          margin-bottom: 0; }
  .homepage-hero-bottom {
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    height: 8.625rem;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .homepage-hero-bottom {
        width: 20.5rem; } }
    @media (max-width: 767px) {
      .homepage-hero-bottom {
        background: none;
        right: -0.3125rem; } }
  .homepage-hero .carousel {
    margin: 0 auto; }
    .homepage-hero .carousel-content {
      width: 150px;
      height: 100px;
      min-width: 323px;
      min-height: 145px;
      max-width: 200px;
      max-height: 100px;
      overflow: hidden;
      display: block; }
    .homepage-hero .carousel-caption {
      padding-bottom: 40px;
      width: 100%;
      left: 0;
      top: 0;
      text-align: left;
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
      .homepage-hero .carousel-caption p {
        margin-bottom: 0; }
      .homepage-hero .carousel-caption h5 {
        font-size: 1.125rem;
        margin-top: .3125rem; }
    .homepage-hero .carousel-indicators {
      bottom: 15px;
      margin-top: 0;
      margin-bottom: 0; }
      .homepage-hero .carousel-indicators li {
        border-color: #e80033;
        cursor: pointer;
        text-indent: -99999px;
        width: 8px;
        height: 8px; }
        @media (max-width: 767px) {
          .homepage-hero .carousel-indicators li {
            border-color: #fff; } }
    .homepage-hero .carousel-indicators .active {
      background-color: #e80033;
      width: 9px;
      height: 9px; }
      @media (max-width: 767px) {
        .homepage-hero .carousel-indicators .active {
          background-color: #fff; } }
    .homepage-hero .carousel-content--title {
      font-size: 0.75rem;
      margin-top: 0; }
    .homepage-hero .carousel-content--description {
      margin-top: 0.8125rem; }
  .homepage-hero .richText ul, .homepage-hero .richText ol, .homepage-hero .richText ul li, .homepage-hero .richText ol li {
    color: #FFFFFF; }

.btn.homepage-hero-top--link-btn, .dcc-sdsFinder .dcc-container .searchBar .search .homepage-hero-top--link-btn.sds-form-submit, .homepage-hero-top--link-btn.pdp-form-submit {
  border-color: transparent; }
  .btn.homepage-hero-top--link-btn:hover, .dcc-sdsFinder .dcc-container .searchBar .search .homepage-hero-top--link-btn.sds-form-submit:hover, .homepage-hero-top--link-btn.pdp-form-submit:hover {
    border-color: transparent; }

@media (max-width: 767px) {
  .homepage-hero-top--label p {
    font-size: 16px; }
  .homepage-container .teaser-round--column {
    padding-top: 0;
    padding-bottom: 0; } }

/*doc
---
title: homepageHeroFeatures
name: homepageHeroFeatures
category: Components - Homepage Hero Features
---

 Homepage hero with 3 promos or without promos

```html_example
{% import './homepage-hero-features/html.html' as homepageHeroFeatures %}
{{ homepageHeroFeatures.generate() }}
```
Additional description if necessary goes here.

*/
.component-homepageHeroFeatures {
  position: relative;
  overflow: hidden;
  min-height: 26.875rem; }
  .component-homepageHeroFeatures .hero-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 26.875rem; }
    .component-homepageHeroFeatures .hero-banner-image img {
      width: 100%;
      height: 100%; }
  .component-homepageHeroFeatures h2, .component-homepageHeroFeatures .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .carousel-content--description, .component-homepageHeroFeatures .modal-body--title {
    margin-top: 0; }
  .component-homepageHeroFeatures .hero-banner-promo {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    z-index: 1;
    color: #FFFFFF;
    min-height: 26.875rem;
    padding: 30px 20px;
    position: relative;
    overflow: hidden; }
    .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top {
      position: relative; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title-sm {
        text-overflow: ellipsis;
        white-space: nowrap; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title {
        font-size: 2.375rem;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-title .richText h4 {
          font-weight: normal;
          margin: 0;
          letter-spacing: 0;
          text-transform: none; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .richText h4 {
        margin: 0.5rem 0; }
      @media (min-width: 1080px) {
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description {
          font-size: 1.125rem;
          margin: 0 0 4rem;
          overflow: hidden;
          width: 51%; }
          .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-top .hero-banner-description .richText h4 {
            font-weight: normal;
            margin: 0;
            letter-spacing: 0;
            text-transform: none; } }
    .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom {
      margin: 0;
      padding-left: 0;
      overflow: hidden;
      position: relative; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title {
        color: #e80033; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item p {
        word-wrap: break-word; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .richText h4 {
        margin: 0.5rem 0; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .bottom-item-description .richText h4 {
        margin: 0.5rem 0;
        letter-spacing: 0;
        text-transform: none;
        font-weight: normal; }
      @media (min-width: 768px) {
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item {
          border-top: 1px solid #FFFFFF;
          border-left: 1px solid #FFFFFF;
          border-color: rgba(255, 255, 255, 0.5);
          display: table-cell;
          overflow: hidden;
          padding: 1.25rem 1.25rem 0; }
          .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title {
            font-weight: normal; }
            .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a {
              font-weight: normal; }
              .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText p, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText p, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText h1, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText h1, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText .select-your-industry-content--tips, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText .select-your-industry-content--tips, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText h2, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText h2, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText .homepage-hero .carousel-content--description, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText .carousel-content--description, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText .modal-body--title, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText .modal-body--title, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText h3, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText h3, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item h2 a .richText h4, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .homepage-hero .carousel-content--description a .richText h4, .homepage-hero .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .carousel-content--description a .richText h4, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item .modal-body--title a .richText h4 {
                margin: 0;
                letter-spacing: 0;
                text-transform: none;
                font-weight: bold; }
          .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item:first-child {
            border-left: 0 none;
            padding-left: 0; } }
      @media (min-width: 768px) {
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item:first-child {
          padding-left: 0; } }
    .component-homepageHeroFeatures .hero-banner-promo .singlePromo .hero-banner-bottom {
      border-top: none; }
    .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide {
      position: relative; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide .hero-slide-title {
        color: #e80033;
        display: block;
        font-size: 1.6rem;
        line-height: 1; }
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide .hero-slide-title:hover, .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide .hero-slide-title:active {
          color: #000000;
          text-decoration: none; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide .hero-slide-caption {
        font-size: 1.4rem;
        line-height: 2.1rem;
        max-height: 4.7rem;
        overflow: hidden;
        padding-top: .5rem; }
  @media (max-width: 767px) {
    .component-homepageHeroFeatures .carousel-indicators {
      bottom: -45px; }
    .component-homepageHeroFeatures .hero-banner-promo {
      /* padding-bottom: 0; */ }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom {
        border-top: none;
        padding-left: 0; }
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item {
          display: none;
          border-left: none;
          padding-left: 0; }
        .component-homepageHeroFeatures .hero-banner-promo .hero-banner-bottom .banner-bottom-item.active {
          display: block; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-slide .component-homepageHeroFeatures .carousel-indicators {
        display: block;
        position: relative;
        left: 0;
        width: 100%;
        margin-left: 0; }
      .component-homepageHeroFeatures .hero-banner-promo .hero-banner-description {
        margin: 0; }
      .component-homepageHeroFeatures .hero-banner-promo .banner-bottom-item {
        border: none; } }

/*doc
---
title: homepageHeroIcons
name: homepageHeroIcons
category: Components - Homepage Hero Icons
---


```html_example
{% import './homepage-hero-icons/html.html' as homepageHeroIcons %}
{{ homepageHeroIcons.generate() }}
```


*/
a.homepage-hero-icons-link, a.homepage-hero-icons-link:link, a.homepage-hero-icons-link:visited {
  color: #FFFFFF; }

/*doc
---
title: homepageHeroSelector
name: homepageHeroSelector
category: Components - Homepage Hero Selector
---

 Homepage hero with 3 promos or without promos 

```html_example
{% import './homepage-hero-selector/html.html' as homepageHeroSelector %}
{{ homepageHeroSelector.generate() }}
```
Additional description if necessary goes here.

*/
.homepage-container {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6; }

/*doc
---
title: Icons
name: icon
category: Icons - SVG Sprite Sheet
---

All icons are contained within `svg\symbol\svg\sprite.symbol.svg`.
You use the icon generator macro to pass in the `#id` of the icon you wish to use.
This will output the `<svg>` code you see below.

If you are using other components that also use icons, make sure the JS for the icon
is called on the page before trying to embed an icon.  The js loads the svg sprite file
once so that it can be used across the application.

Please using this style sheet for global sizing/colors only.
If you need to override a size for a specific component, do that at the component level.

```html_example
{% import "./icon/html.html" as icon %}
{{ icon.generate('Dow_Corning_logo') }}

```
You may need to change the size or other properties of your icon.
You can do that in the SASS file located in `components/icon/_style.scss`

Below are all of the icons available with associated ids.

<iframe src="../../svg/view/sprite.view.html" width="100%" height="10000px" frameborder="0" scrolling="auto"></iframe>

*/
/*NOTE THESE ARE GLOBAL, CHANGE SIZES HERE ONLY IF MEANT TO AFFECT ENTIRE SITE*/
.svg-Dow_Corning_logo {
  width: 341px;
  height: 155px; }

.svg-dropdown_arrow--down {
  width: 16px;
  height: 7px;
  color: #e80033; }

.svg-form-checkmark {
  width: 10px;
  height: 8px; }

.svg-form-radio__bullet {
  width: 6px;
  height: 6px; }

.svg-home--new {
  width: 84px;
  height: 84px; }

.svg-home_sds {
  width: 84px;
  height: 84px; }

.svg-list-bullet {
  width: 25.71px;
  height: 25.71px; }

.svg-nav_booklet--new {
  width: 65px;
  height: 79.05px; }

.svg-nav_brochures {
  width: 59px;
  height: 84px; }

.svg-nav_brochures--new {
  width: 63.33px;
  height: 84px; }

.svg-nav_calculator--new {
  width: 64.82px;
  height: 72.04px; }

.svg-nav_call {
  width: 18px;
  height: 18px;
  color: #666666;
  fill: none; }

.svg-nav_cart {
  width: 73.21px;
  height: 64.53px; }

.svg-nav_case_studies {
  width: 78.36px;
  height: 80.36px; }

.svg-nav_case_studies--new {
  width: 77.14px;
  height: 84px; }

.svg-nav_certificate--new {
  width: 82.01px;
  height: 62px; }

.svg-nav_check_mark {
  width: 76.57px;
  height: 62.43px; }

.svg-nav_close_x {
  width: 62.42px;
  height: 62.43px; }

.svg-nav_common_questions {
  width: 18px;
  height: 18px; }

.svg-nav_common_questions--new {
  width: 77.59px;
  height: 76.05px; }

.svg-nav_contact {
  width: 18px;
  height: 14px;
  color: #666666;
  fill: none; }

.svg-nav_distributor {
  width: 65.01px;
  height: 73.03px; }

.svg-nav_driving_directions {
  width: 78px;
  height: 67.88px; }

.svg-nav_edit_new {
  width: 77.29px;
  height: 69.04px; }

.svg-nav_exclamation_point {
  width: 6px;
  height: 18px; }

.svg-nav_external_links {
  width: 70.01px;
  height: 70.01px; }

.svg-nav_find_formulations {
  width: 62.03px;
  height: 70.04px; }

.svg-nav_find_formulations--new {
  width: 73.8px;
  height: 76.05px; }

.svg-nav_find_products {
  width: 73.02px;
  height: 76.04px;
  color: #666; }

.svg-nav_find_products--new {
  width: 78.03px;
  height: 81.04px; }

.svg-nav_folder--new {
  width: 79.04px;
  height: 66.95px; }

.svg-nav_global_phone_directory {
  width: 18px;
  height: 18px;
  color: #666666;
  fill: none; }

.svg-nav_info {
  width: 40.01px;
  height: 70px; }

.svg-nav_learn_how_to_use {
  width: 77.61px;
  height: 63.01px; }

.svg-nav_learn_how_to_use--new {
  width: 84px;
  height: 64.79px; }

.svg-nav_literature {
  width: 54.03px;
  height: 64.04px; }

.svg-nav_lock {
  width: 60px;
  height: 70.79px; }

.svg-nav_map {
  width: 65px;
  height: 80.01px; }

.svg-nav_media_center {
  width: 74.03px;
  height: 56.95px; }

.svg-nav_media_center--new {
  width: 80.19px;
  height: 66.01px; }

.svg-nav_pdf {
  width: 54.03px;
  height: 64.04px; }

.svg-nav_pdf--new {
  width: 65.01px;
  height: 73.04px; }

.svg-nav_quick_checkout {
  width: 84px;
  height: 61.78px; }

.svg-nav_read_latest_news {
  width: 74.03px;
  height: 56.95px; }

.svg-nav_read_latest_news--new {
  width: 80.19px;
  height: 66.01px; }

.svg-nav_sample {
  width: 55px;
  height: 70.04px; }

.svg-nav_selection_guides {
  width: 76.03px;
  height: 65.96px; }

.svg-nav_selection_guides--new {
  width: 82.1px;
  height: 73.89px; }

.svg-nav_tools--new {
  width: 75.14px;
  height: 69.67px; }

.svg-nav_tooltip {
  width: 74.11px;
  height: 74.11px; }

.svg-nav_webpage--new {
  width: 78.15px;
  height: 74.05px; }

.svg-nav_white_papers {
  width: 54.03px;
  height: 64.04px; }

.svg-nav_white_papers--new {
  width: 65.01px;
  height: 73.04px; }

.svg-page-mini-dow-logo {
  width: 40px;
  height: 38px; }

.svg-pdp-add_part_number {
  width: 26px;
  height: 26px; }

.svg-pdp-arrow--left {
  width: 25.7px;
  height: 34.42px; }

.svg-pdp-arrow--right {
  width: 25.7px;
  height: 34.42px; }

.svg-pdp-box {
  width: 40px;
  height: 43px; }

.svg-pdp-list_collapse {
  width: 24px;
  height: 24px; }

.svg-pdp-list_expand {
  width: 24px;
  height: 24px; }

.svg-pdp-my_favorites {
  width: 28px;
  height: 27px; }

.svg-pdp-my_favorites--rollover {
  width: 17px;
  height: 16px; }

.svg-pdp-new {
  width: 38px;
  height: 22px; }

.svg-pdp-shopping_cart {
  width: 29px;
  height: 26px; }

.svg-social_facebook {
  width: 40px;
  height: 40px; }

.svg-social_google {
  width: 75px;
  height: 75px; }

.svg-social_linkedin {
  width: 40px;
  height: 40px; }

.svg-social_pinterest {
  width: 75px;
  height: 75px; }

.svg-social_rss {
  width: 75px;
  height: 75px; }

.svg-social_twitter {
  width: 40px;
  height: 40px; }

.svg-social_youtube {
  width: 40px;
  height: 40px; }

.svg-utility-tooltip {
  width: 17px;
  height: 17px;
  color: #666; }

.svg-utility-search {
  width: 26px;
  height: 26px; }

.svg-nav-hamburger {
  width: 33px;
  height: 25px; }

.svg-nav-hamburger-close {
  width: 33px;
  height: 25px; }

.svg-nav-close {
  width: 18px;
  height: 18px;
  stroke: #FFFFFF; }

.svg-nav-right-arrow--mobile {
  width: 26px;
  height: 18px;
  stroke: #e80033; }

.svg-homepage_hero_find {
  width: 22px;
  height: 28px; }

.svg-homepage_hero_new {
  width: 30px;
  height: 28px; }

.svg-badge--audio {
  width: 47.1px;
  height: 20px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--doc {
  width: 36.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--dwg {
  width: 39.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--new {
  width: 38px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--pdf {
  width: 33.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--ppt {
  width: 32.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--video {
  width: 43.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--www {
  width: 43.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--xls {
  width: 33.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-badge--zip {
  width: 30.5px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-arrow--outline {
  width: 41.4px;
  height: 21.4px; }

.svg-delivery_truck {
  width: 47px;
  height: 31.8px;
  fill: none;
  stroke: #666666;
  color: #FFFFFF; }

.svg-document--add {
  width: 40.5px;
  height: 40px; }

.svg-download {
  width: 42px;
  height: 41px;
  fill: none;
  stroke: #666666; }

.svg-filter {
  width: 44.8px;
  height: 43.1px; }

.svg-nav_circle--close {
  width: 42px;
  height: 42px;
  stroke: #666666; }

.svg-nav_circle--minus {
  width: 42px;
  height: 42px;
  stroke: #666666; }

.svg-nav_circle--plus {
  width: 42px;
  height: 42px;
  stroke: #666666; }

.svg-speech_bubble {
  width: 42px;
  height: 45.4px;
  fill: none;
  stroke: #666666; }

.svg-topic {
  width: 40px;
  height: 26px; }

.svg-user_profile {
  width: 32.7px;
  height: 42px;
  fill: none;
  stroke: #666666; }

.svg-request-a-sample {
  width: 35px;
  height: 50px; }

.svg-print {
  width: 42px;
  height: 47px;
  stroke: #666666;
  fill: none; }

.svg-product_data_sheet {
  width: 49.42px;
  height: 64px; }

.svg-document--add {
  width: 40.5px;
  height: 40px; }

.svg-download {
  width: 42px;
  height: 41px; }

.svg-share {
  width: 47.4px;
  height: 34.8px; }

.svg-technical_drawing {
  width: 46.7px;
  height: 46.7px;
  fill: #FFFFFF;
  color: #666666; }

.svg-technical_manual {
  width: 37px;
  height: 54px;
  fill: #FFFFFF;
  color: #666666; }

.svg-webpage {
  width: 49px;
  height: 45px;
  fill: none;
  color: #666666; }

.svg-common_questions {
  width: 43.8px;
  height: 53px;
  color: #666666;
  fill: none; }

.svg-distributor_files {
  width: 54px;
  height: 42px;
  fill: #FFFFFF;
  color: #666666; }

.svg-form_template {
  width: 46.3px;
  height: 44px;
  fill: #FFFFFF;
  color: #666666; }

.svg-environmental_certification {
  width: 44px;
  height: 42px;
  fill: none;
  color: #666666; }

.svg-calculator {
  width: 34px;
  height: 45px;
  fill: none;
  color: #666666; }

.svg-nav_check_mark-registration {
  width: 14px;
  height: 33px;
  fill: #e80033;
  color: transparent; }

.svg-x_outline {
  width: 42.4px;
  height: 42.4px;
  fill: #666666;
  color: transparent; }

.svg-video {
  width: 42px;
  height: 34px;
  stroke: #666666;
  color: transparent; }

.svg-tooltip {
  width: 54.2px;
  height: 54.2px; }

.svg-safety_data_sheet {
  width: 50.15px;
  height: 64px;
  color: #666666; }

.svg-safety_data_sheet_badge {
  width: 20px;
  height: 20px;
  color: #e80033; }

.svg-qanda_a {
  width: 63.68px;
  height: 64px; }

.svg-qanda_q {
  width: 63.68px;
  height: 64px; }

.svg-information_outline {
  width: 20px;
  height: 50px;
  fill: none;
  color: transparent;
  stroke: #666666; }

.svg-exclamation_point_outline {
  width: 12px;
  height: 52px;
  fill: none;
  color: transparent;
  stroke: #666666; }

.svg-checkmark_outline {
  width: 56.6px;
  height: 42.4px;
  fill: #666666;
  color: transparent; }

.svg-ask_an_expert {
  width: 49px;
  height: 36.9px;
  fill: #666666;
  color: #FFFFFF; }

.svg-ask_an_expert_for_aem {
  width: 18px;
  height: 18px;
  color: #FFFFFF;
  fill: #666666; }

.svg-video_play_icon {
  width: 36px;
  height: 36px; }

.svg-header_account {
  width: 25px;
  height: 25px;
  color: #9b9b9b; }

.svg-header_account_logged-out {
  width: 32px;
  height: 27.2px;
  color: #9b9b9b; }

.svg-header_cart {
  width: 25px;
  height: 25px;
  color: #9b9b9b; }

.svg-header_dow-logo {
  width: 139px;
  height: 46px;
  color: #9b9b9b; }

.svg-header_dow-logo-lockup--desktop {
  width: 387px;
  height: 43px; }

.svg-header_dow-logo-lockup--mobile {
  width: 140px;
  height: 39px;
  display: inline-block !important; }

symbol#header_dow-logo_notch .bhst0 {
  fill: #FFFFFF; }

.svg-header_dow-logo_notch {
  width: 130px;
  height: 46px;
  color: #FFFFFF;
  stroke: #d6d6d6; }

.svg-header_language {
  width: 25px;
  height: 25px;
  color: #9b9b9b; }

.svg-header_search {
  width: 25px;
  height: 25px;
  color: #9b9b9b; }

.mobile-header_search {
  position: absolute;
  right: 25px;
  color: #e80033; }

.svg-header_search--arrow {
  width: 27px;
  height: 12px;
  color: #e80033; }

.svg-header_minus {
  width: 14px;
  height: 1.9px; }

.svg-header_plus {
  width: 14px;
  height: 14px; }

.svg-footer_facebook {
  width: 8px;
  height: 14.4px; }

.svg-footer_linkedin {
  width: 13px;
  height: 11.8px; }

.svg-footer_twitter {
  width: 15px;
  height: 12px; }

.svg-footer_you-tube {
  width: 16px;
  height: 18.1px; }

.svg-footer_dow-logo-lockup--desktop {
  width: 275px;
  height: 50px; }

.svg-voc_icon {
  width: 51.89px;
  height: 64px; }

.svg-gear_icon {
  width: 64px;
  height: 52.21px; }

.svg-chart_icon {
  width: 64px;
  height: 45.07px; }

.svg-product_box {
  width: 50px;
  height: 50px;
  fill: #FFFFFF;
  color: #666666; }

.paginated_results .svg-badge--dwg {
  width: 32.5px !important; }

.paginated_results .svg-badge--pdf, .paginated_results .svg-badge--xls, .paginated_results .svg-badge--zip, .paginated_results .svg-badge--ppt {
  width: 27.5px !important; }

.paginated_results .svg-badge--doc {
  width: 29.5px !important; }

/*doc
---
title: Icon Badges
name: iconBadge
category: SVG Icons
---

 Adds a badge to an existing icon such as NEW, PDF, ZIP, etc.

 Available badges are:

 * NEW
 * PDF
 * WWW
 * VIDEO
 * AUDIO
 * DOC
 * ZIP
 * XLS
 * PPT
 * DWG

```html_example
<style>
.component-iconBadge{
	margin-right: 50px;
	margin-bottom: 50px;
}
</style>
{% import './icon-badge/html.html' as iconBadge %}
{{ iconBadge.generate({'icon' : 'pdp-box', 'badge' : 'badge--new'}) }}
{{ iconBadge.generate({'icon' : 'nav_find_formulations', 'badge' : 'badge--pdf'}) }}
{{ iconBadge.generate({'icon' : 'nav_find_formulations', 'badge' : 'badge--www'}) }}
{{ iconBadge.generate({'icon' : 'nav_find_formulations', 'badge' : 'badge--video'}) }}

<br><br>

{{ iconBadge.generate({'icon' : 'nav_case_studies', 'badge' : 'badge--video'}) }}
{{ iconBadge.generate({'icon' : 'nav_case_studies', 'badge' : 'badge--audio'}) }}
{{ iconBadge.generate({'icon' : 'nav_case_studies', 'badge' : 'badge--pdf'}) }}
{{ iconBadge.generate({'icon' : 'nav_case_studies', 'badge' : 'badge--www'}) }}

<br><br>

{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--doc', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--pdf', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--www', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--zip', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--xls', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--ppt', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--audio', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--video', 'padding' : true}) }}
{{ iconBadge.generate({'icon' : 'nav_learn_how_to_use', 'badge' : 'badge--dwg', 'padding' : true}) }}

<br><br>

You can turn off bottom padding by passing in args.padding : false

```
Additional description if necessary goes here.

*/
.component-iconBadge {
  position: relative;
  display: inline-block; }
  .component-iconBadge .svg-icon--badge {
    position: absolute;
    bottom: -5px;
    right: -5px; }
  .component-iconBadge .svg-icon--badge.no-padding {
    bottom: -15px; }

.icon-badge-text {
  background: #de0031;
  position: absolute;
  bottom: 0;
  left: 0.1875rem;
  font-size: 0.625rem;
  font-weight: bold;
  padding: 0.125rem;
  color: #FFFFFF; }

.drawer-content-component .icon-bundle {
  position: relative; }

/*doc
---
title: Multi Color Icons
name: iconColors
category: SVG Icons
---

 This is an exmaple of a multi-color SVG icon. The inner path of the icon can be referenced using the css `color:` property.  You can even set the color property to `color: transparent`!

 The stroke of the icon can be referenced using the css `fill:` property.

```html_example
{% import './icon-color/html.html' as iconColor %}
{{ iconColor.generate() }}
```
This is possible because the fill in the SVG markup is set to "currentColor" for the inner portion of the icon.

*/
.component-iconColor li {
  list-style: none;
  display: inline-block;
  margin-right: 30px; }

.component-iconColor .svg-nav_exclamation_point {
  width: 100px;
  height: 100px;
  fill: #e80033;
  color: #999999; }

.component-iconColor .svg-nav_check_mark {
  fill: #d6d6d6;
  color: #ff6666; }

.component-iconColor .svg-nav_info {
  stroke: #ff6666;
  color: transparent; }

/*doc
---
title: SVG Hamburger Animation
name: snapSvgIconHamburger
category: Animations - Hamburger Animation
---

 Animates from hamburger icon to a close(X) icon on user interaction. 
 Click the hamburger icon below to watch it animate.

```html_example
{% import './icon-hamburger-animation/html.html' as snapSvgIconHamburger %}
{{ snapSvgIconHamburger.generate() }}
```
Additional description if necessary goes here.

*/
.hamburger {
  width: 4.375rem;
  height: 3.75rem;
  display: table; }
  .hamburger div {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .hamburger .component-snapSvgIconHamburger {
    width: 33px;
    height: 25px; }

/*doc
---
title: SVG Images
name: svgimages
category: SVG Icons
---

You can use an SVG file as an image source.  The upside to this being a CMS user could upload an SVG and use it on the site.
The downside being we can't control the SVG with CSS other than its size. 
You will have to use inline CSS within the SVG file to color your icons.

```html_example
{% import './icon/html.html' as icon %}
{{ icon.generateImage({iconID:'social_facebook', iconURL:'svg/icons/social_facebook.svg', imgAlt: 'svg image example'}) }}
```

*/
/*doc
---
title: SVG External
name: svguse
category: SVG Icons
---

You can use an SVG file as an external source as well.
The upside being caching.
The downside being we can't control the SVG size with CSS. 
You will need to reference an external stylesheet and style the icon that way.

```html_example
{% import './icon/html.html' as icon %}
{{ icon.generateExternal({iconID:'social_youtube', iconURL:'/svg/icons/social_youtube.svg', imgAlt: 'svg image example'}) }}
```

*/
/*doc
---
title: industryHero
name: industryHero
category: Components - Industry Hero
---

 The hero for the industry page which includes a carousel and other promos 

```html_example
{% import './industry-hero/html.html' as industryHero %}
{{ industryHero.generate() }}
```
Additional description if necessary goes here.

*/
#leadTimeModal .pdp-line-item {
  padding: 0 0 1.25rem;
  border-bottom: 1px solid #e80033;
  margin-bottom: 0.625rem; }

#leadTimeModal .sub-title {
  display: block;
  font-size: 1.2rem; }

#leadTimeModal .modal-subcontent {
  background: #ebebeb; }

#leadTimeModal .group p {
  margin-bottom: 2rem; }
  #leadTimeModal .group p label {
    font-weight: normal;
    margin: 0; }
  #leadTimeModal .group p span {
    font-weight: bold; }
    #leadTimeModal .group p span.address {
      display: block; }

.aem-leadTimeModal .modal-body {
  padding: 0px; }

.line-dark-gray, .line-darkDotted-gray, .line-solid-gray,
.line-dotted-gray {
  width: 100%;
  padding: 0.625rem 0;
  margin-bottom: 0.625rem; }

.line-solid-gray {
  border-bottom: 1px solid #aeaeae; }

.line-dotted-gray {
  border-bottom: 1px dotted #aeaeae; }

.line-dark-gray {
  border-bottom: 1px solid #415364; }

.line-darkDotted-gray {
  border-bottom: 1px dotted #415364; }

.line-zero-padding {
  padding: 0px; }

/*doc
---
title: List Item
name: list-item
category: Components - List Item
---

This list item is used in the mega footer. (and maybe other places).

```html_example
{% import "./list-item/html.html" as list %}
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./list-item/json/data.json') | jsonify %}
{{ list.generate(data) }}
```



3 column layout

```html_example
{% import "./list-item/html.html" as list %}
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./list-item/json/data-3col.json') | jsonify %}
{{ list.generate(data) }}
```

2 Column Layout

```html_example
{% import "./list-item/html.html" as list %}
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./list-item/json/data-2col.json') | jsonify %}
{{ list.generate(data) }}
```

1 Column Layout

```html_example
{% import "./list-item/html.html" as list %}
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./list-item/json/data-1col.json') | jsonify %}
{{ list.generate(data) }}
```

*/
.list-item {
  margin-bottom: 20px; }
  .list-item h2, .list-item .homepage-hero .carousel-content--description, .homepage-hero .list-item .carousel-content--description, .list-item .modal-body--title {
    color: #2C2A29;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    width: 100%;
    display: table;
    vertical-align: middle; }
  .list-item ul span.viewAll {
    color: #333333; }
    .list-item ul span.viewAll a, .list-item ul span.viewAll a:link, .list-item ul span.viewAll a:visited {
      color: #2C2A29;
      font-weight: bold; }
    .list-item ul span.viewAll a:hover {
      border: none;
      color: #e80033; }
  .list-item .mobile-only {
    display: none; }
  .list-item ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .list-item ul.one-columns {
      -moz-column-count: 1;
      -moz-column-gap: 30px;
      -webkit-column-count: 1;
      -webkit-column-gap: 30px;
      column-count: 1;
      column-gap: 30px; }
      .list-item ul.one-columns li {
        display: block; }
    .list-item ul.two-columns {
      -moz-column-count: 2;
      -moz-column-gap: 30px;
      -webkit-column-count: 2;
      -webkit-column-gap: 30px;
      column-count: 2;
      column-gap: 30px; }
      .list-item ul.two-columns li {
        display: block; }
    .list-item ul.three-columns {
      -moz-column-count: 3;
      -moz-column-gap: 30px;
      -webkit-column-count: 3;
      -webkit-column-gap: 30px;
      column-count: 3;
      column-gap: 30px; }
      .list-item ul.three-columns li {
        display: block; }
    .list-item ul.four-columns {
      -moz-column-count: 4;
      -moz-column-gap: 30px;
      -webkit-column-count: 4;
      -webkit-column-gap: 30px;
      column-count: 4;
      column-gap: 30px; }
      .list-item ul.four-columns li {
        display: block; }
    .list-item ul.five-columns {
      -moz-column-count: 5;
      -moz-column-gap: 30px;
      -webkit-column-count: 5;
      -webkit-column-gap: 30px;
      column-count: 5;
      column-gap: 30px; }
      .list-item ul.five-columns li {
        display: block; }
    .list-item ul li {
      display: inline-block;
      margin-bottom: 0.625rem;
      break-inside: avoid;
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid; }
      .list-item ul li a {
        font-weight: normal;
        color: #2C2A29;
        font-size: 0.8125rem; }
        .list-item ul li a:link {
          font-weight: normal;
          color: #2C2A29; }
        .list-item ul li a:visited {
          font-weight: normal;
          color: #2C2A29; }
        .list-item ul li a:hover {
          color: #e80033; }
        .list-item ul li a:visited:hover {
          color: #e80033; }
  .list-item .svg-pdp-list_expand, .list-item .svg-pdp-list_collapse, .list-item .svg-nav_circle--minus, .list-item .svg-nav_circle--plus {
    width: 15px;
    height: 15px;
    color: #e80033;
    stroke: #e80033; }
  .list-item .heading-container .richText p, .list-item .heading-container .richText h1, .list-item .heading-container .richText .select-your-industry-content--tips, .list-item .heading-container .richText h2, .list-item .heading-container .richText .homepage-hero .carousel-content--description, .homepage-hero .list-item .heading-container .richText .carousel-content--description, .list-item .heading-container .richText .modal-body--title, .list-item .heading-container .richText h3, .list-item .heading-container .richText h4 {
    margin: 0;
    letter-spacing: 0;
    font-weight: bold;
    text-transform: none; }

@media (max-width: 767px) {
  .list-item {
    max-height: 100px;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -ms-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6; }
    .list-item.slide {
      max-height: 1000px; }
    .list-item h2, .list-item .homepage-hero .carousel-content--description, .homepage-hero .list-item .carousel-content--description, .list-item .modal-body--title {
      color: #2C2A29;
      padding-bottom: 15px;
      width: 100%;
      display: table;
      vertical-align: middle;
      border: none; }
    .list-item span.border {
      position: absolute;
      display: inline-block;
      border-bottom: 1px solid #d6d6d6;
      width: 102%;
      top: 4.0625rem;
      margin-left: -10px;
      -webkit-transform: scaleX(0.0001);
      -moz-transform: scaleX(0.0001);
      -ms-transform: scaleX(0.0001);
      -o-transform: scaleX(0.0001);
      transform: scaleX(0.0001);
      -webkit-transition: transform 500ms ease-in-out 50ms;
      -moz-transition: transform 500ms ease-in-out 50ms;
      -ms-transition: transform 500ms ease-in-out 50ms;
      -o-transition: transform 500ms ease-in-out 50ms;
      transition: transform 500ms ease-in-out 50ms; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .list-item span.border {
        top: 2.625rem; } }

@media (max-width: 767px) {
    .list-item.slide span.border {
      transform: scaleX(1); }
    .list-item .heading-container {
      display: table;
      width: 100%;
      height: 3.125rem;
      cursor: pointer;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; }
      .list-item .heading-container h3, .list-item .heading-container span {
        display: table-cell;
        vertical-align: middle; }
      .list-item .heading-container h3 {
        width: 94%;
        padding-left: 20px; }
      .list-item .heading-container span {
        text-align: right;
        display: table-cell; }
      .list-item .heading-container .mobile-only {
        display: table-cell; }
      .list-item .heading-container .hide {
        display: none; }
      .list-item .heading-container .show {
        display: table-cell; }
    .list-item ul {
      margin-top: 2.5rem;
      margin-left: 1.25rem;
      opacity: 0;
      position: absolute;
      top: -50000px;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .list-item ul.two-columns, .list-item ul.three-columns, .list-item ul.four-columns, .list-item ul.five-columns {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        column-count: 1;
        column-gap: 0px; }
      .list-item ul.showme {
        position: relative;
        top: 0;
        opacity: 1; }
      .list-item ul li {
        margin-bottom: 20px;
        display: block;
        margin-bottom: 0.625rem;
        width: 100%; }
  .list-item---container {
    padding: 0; } }

.selectApplication {
  overflow: hidden; }
  .selectApplication h3 {
    color: #808080; }
  .selectApplication ul {
    padding-left: 0;
    margin-top: -5px; }
    .selectApplication ul li {
      border-bottom: 1px dashed #d6d6d6;
      list-style: none;
      font-weight: bold;
      line-height: 1.9375rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .selectApplication ul li a {
        color: #000000 !important;
        font-weight: bold; }
      .selectApplication ul li a:hover {
        text-decoration: none;
        color: #bf0d3e !important;
        border-bottom: none; }

/*doc
---
title: List Item w/ Icons
name: listitemicons
category: Components - List Item with Icons
---

This list item with icons that is used in the mega footer as the contact links.

```html_example
{% import "./list-item-icons/html.html" as list %}
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./list-item-icons/json/data.json') | jsonify %}
{{ list.generate(data) }}
```
*/
.list-item-icons {
  margin-bottom: 20px; }
  .list-item-icons h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 5px; }
  .list-item-icons .mobile-only {
    display: none; }
  .list-item-icons .svg-pdp-list_expand, .list-item-icons .svg-pdp-list_collapse, .list-item-icons .svg-nav_circle--minus, .list-item-icons .svg-nav_circle--plus {
    width: 15px;
    height: 15px;
    color: #e80033;
    stroke: #e80033; }
  .list-item-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px dashed #d6d6d6; }
    .list-item-icons ul.two-columns {
      -moz-column-count: 2;
      -moz-column-gap: 20px;
      -webkit-column-count: 2;
      -webkit-column-gap: 20px;
      column-count: 2;
      column-gap: 20px; }
    .list-item-icons ul.three-columns {
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      column-count: 3;
      column-gap: 20px; }
    .list-item-icons ul.four-columns {
      -moz-column-count: 4;
      -moz-column-gap: 20px;
      -webkit-column-count: 4;
      -webkit-column-gap: 20px;
      column-count: 4;
      column-gap: 20px; }
    .list-item-icons ul.five-columns {
      -moz-column-count: 5;
      -moz-column-gap: 20px;
      -webkit-column-count: 5;
      -webkit-column-gap: 20px;
      column-count: 5;
      column-gap: 20px; }
    .list-item-icons ul li {
      margin-bottom: 5px;
      display: table;
      border-bottom: 1px dashed #d6d6d6;
      width: 100%; }
      .list-item-icons ul li svg, .list-item-icons ul li a {
        vertical-align: middle; }
      .list-item-icons ul li a {
        color: #e80033; }
      .list-item-icons ul li svg {
        margin-right: 10px;
        display: inline-block; }

.list-inline-item-icons ul {
  border-top: none; }
  .list-inline-item-icons ul li {
    float: left;
    width: 33.3%;
    border-right: 1px solid #d6d6d6;
    border-bottom: none;
    text-align: center;
    list-style: none; }
    .list-inline-item-icons ul li:last-child {
      border-right: none; }
    .list-inline-item-icons ul li svg {
      vertical-align: middle; }

@media (max-width: 767px) {
  .list-item-icons {
    max-height: 100px;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -ms-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
    margin-bottom: 0;
    border-bottom: 2px solid #d6d6d6; }
    .list-item-icons.slide {
      max-height: 1000px; }
    .list-item-icons span.border {
      position: absolute;
      display: inline-block;
      border-bottom: 2px solid #d6d6d6;
      width: 100%;
      top: 50px;
      margin-left: -10px;
      -webkit-transform: scaleX(0.0001);
      -moz-transform: scaleX(0.0001);
      -ms-transform: scaleX(0.0001);
      -o-transform: scaleX(0.0001);
      transform: scaleX(0.0001);
      -webkit-transition: transform 500ms ease-in-out 50ms;
      -moz-transition: transform 500ms ease-in-out 50ms;
      -ms-transition: transform 500ms ease-in-out 50ms;
      -o-transition: transform 500ms ease-in-out 50ms;
      transition: transform 500ms ease-in-out 50ms; }
    .list-item-icons.slide span.border {
      transform: scaleX(1); }
    .list-item-icons .heading-container {
      display: table;
      width: 100%;
      height: 3.125rem; }
      .list-item-icons .heading-container h3, .list-item-icons .heading-container span {
        display: table-cell;
        vertical-align: middle; }
      .list-item-icons .heading-container h3 {
        width: 94%;
        padding-left: 20px; }
      .list-item-icons .heading-container span {
        text-align: right; }
      .list-item-icons .heading-container .mobile-only {
        display: table-cell; }
      .list-item-icons .heading-container .hide {
        display: none; }
      .list-item-icons .heading-container .show {
        display: table-cell; }
    .list-item-icons ul {
      border: none;
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 20px;
      margin-right: 20px;
      opacity: 0;
      position: absolute;
      top: -50000px;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .list-item-icons ul.showme {
        position: relative;
        top: 0;
        opacity: 1; }
  .list-item---container {
    padding: 0; }
    .list-item---container .list-item-icons:last-child {
      margin-bottom: 20px; }
  .list-inline-item-icons ul {
    border-top: none;
    padding-left: 0; }
    .list-inline-item-icons ul li {
      float: left;
      width: 100%;
      border-bottom: none;
      text-align: left;
      border-right: none;
      margin-top: 1rem; } }

.quickLinks {
  white-space: nowrap;
  margin-bottom: 0.625rem; }
  .quickLinks svg {
    vertical-align: middle; }
  .quickLinks a:visited {
    color: #14a09d; }

/*doc
---
title: List-Item-Product
name: listItemProduct
category: Components - List Item for Products
---

 A list item with a bold list of products for use in mega header. 

```html_example
{% import './list-item-product/html.html' as listItemProduct %}
{{ listItemProduct.generate({
  "component": "list-item-products",
  "version": 1,
  "releaseDate": "2016-04-01T00:00:00.000Z",
  "columns": "2",
  "desktop-column-span": "6",
  "tablet-column-span": "12",
  "mobile-column-span": "12",
  "list-items": [
    {
      "heading": "Adhesives & Sealants",
      "headingLink": "#"
    },
    {
      "heading": "Elastomers, Gels & Encapsulants",
      "headingLink": "#"
    },
    {
      "heading": "Emulsions, Fluids & Blends",
      "headingLink": "#"
    },
    {
      "heading": "Resins, Coatings & Additives",
      "headingLink": "#"
    },
    {
      "heading": "Semiconductor Materials",
      "headingLink": "#"
    },
    {
      "heading": "Siliconates",
      "headingLink": "#"
    },
    {
      "heading": "Tubing & Molded Assemblies",
      "headingLink": "#"
    },
    {
      "heading": "Antifoams",
      "headingLink": "#"
    },
    {
      "heading": "Emulsifiers, Surfactants & Stabilizers",
      "headingLink": "#"
    },
    {
      "heading": "Lubricants",
      "headingLink": "#"
    },
    {
      "heading": "Rubber",
      "headingLink": "#"
    },
    {
      "heading": "Silanes",
      "headingLink": "#"
    },
    {
      "heading": "Thermoplastic and Thermosets",
      "headingLink": "#"
    },
    {
      "heading": "Waxes & Gums",
      "headingLink": "#"
    }  
  ]
}) }}
```
Additional description if necessary goes here.

*/
.component-listItemProduct .list-item-product ul {
  padding: 0;
  margin: 0; }

.component-listItemProduct .list-item-product li {
  list-style: none;
  display: block;
  padding-left: 0;
  padding-right: 0; }
  .component-listItemProduct .list-item-product li.even {
    padding-right: 0; }
  .component-listItemProduct .list-item-product li a:link {
    color: #2C2A29; }
  .component-listItemProduct .list-item-product li a:visited {
    color: #2C2A29; }
  .component-listItemProduct .list-item-product li a:hover {
    color: #e80033; }
  .component-listItemProduct .list-item-product li h3 {
    font-weight: normal; }

@media (max-width: 1079px) {
  .component-listItemProduct .list-item-product li {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 767px) {
  .component-listItemProduct {
    margin-left: 1.5625rem; }
    .component-listItemProduct .list-item-product li {
      padding-left: 0;
      padding-right: 0;
      height: 1.875rem;
      display: table; }
      .component-listItemProduct .list-item-product li h2, .component-listItemProduct .list-item-product li .homepage-hero .carousel-content--description, .homepage-hero .component-listItemProduct .list-item-product li .carousel-content--description, .component-listItemProduct .list-item-product li .modal-body--title {
        font-size: 0.75rem;
        color: #333333;
        height: 1.875rem;
        border: none;
        padding-left: 1.875rem; }
      .component-listItemProduct .list-item-product li a {
        width: 100%;
        display: table-cell;
        vertical-align: middle; }
      .component-listItemProduct .list-item-product li.even {
        padding-left: 0;
        padding-right: 0; } }

/*doc
---
title: loader
name: loader
category: Components - Loader
---

This is a generator for the a loader. It can be used whenever content is being loaded via ajax or any other place where the user has to wait.

```html_example
{% import './loader/html.html' as loader %}
{{ loader.generate() }}
```

*/
.component-loader {
  margin: 40px auto;
  width: 80px;
  text-align: center; }
  .component-loader .loader-child {
    width: 20px;
    height: 20px;
    background-color: #ebebeb;
    border-radius: 100%;
    display: inline-block;
    animation: loader-three-bounce 1.4s ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: 　both; }
  .component-loader .loader-bounce1 {
    animation-delay: -0.32s; }
  .component-loader .loader-bounce2 {
    animation-delay: -0.16s; }

.loading-modal-cart-backdrop {
  opacity: 0.15 !important; }

.loading-modal-backdrop.modal-backdrop.in,
.loading-modal.modal-backdrop.in {
  z-index: 10000;
  opacity: 0.15; }
  .loading-modal-backdrop.modal-backdrop.in .component-loader,
  .loading-modal.modal-backdrop.in .component-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -2.5rem; }

.btn-loader {
  width: 100%;
  height: 2.5rem;
  margin-top: 1.9375rem; }

@keyframes loader-three-bounce {
  0.1%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

/*
## locations, Start
**********************************************/
.locations {
  background: #FFFFFF; }
  .locations a {
    text-decoration: none;
    border-bottom: none;
    color: #e80033 !important; }
  .locations .svg-pdp-list_expand,
  .locations .svg-pdp-list_collapse {
    width: 0.875rem;
    height: 0.875rem;
    color: #e80033;
    margin-right: 0.3125rem;
    vertical-align: middle;
    cursor: pointer;
    display: inline; }
    .locations .svg-pdp-list_expand > *,
    .locations .svg-pdp-list_collapse > * {
      pointer-events: none; }
  .locations .svg-pdp-list_expand {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: none; }

.location-title {
  height: 6.25rem;
  line-height: 6.25rem;
  background: #FFFFFF;
  vertical-align: middle;
  padding-left: 1.25rem; }
  .location-title h1, .location-title .select-your-industry-content--tips {
    padding: 1.875rem 0 0 0;
    margin: 0; }

.locations-area {
  padding: 1.875rem;
  background: #666666;
  margin-top: 0.625rem; }
  @media (max-width: 767px) {
    .locations-area .dropdown--wrapper:first-child {
      margin-bottom: 0.625rem; } }

.location-service-list-items-item-title {
  margin-bottom: 0.3125rem; }

.service-list-partition {
  clear: both;
  margin-bottom: 0.625rem; }

.locations-service-list {
  padding: 0;
  margin: 1.875rem; }
  @media (min-width: 768px) {
    .locations-service-list {
      background: #f1f1f1;
      padding: 1.25rem 1.25rem 0 1.25rem; } }
  .locations-service-list > div {
    padding-left: 0.625rem; }
    .locations-service-list > div:first-child {
      margin-bottom: 0.625rem; }
      .locations-service-list > div:first-child h2, .locations-service-list > div:first-child .homepage-hero .carousel-content--description, .homepage-hero .locations-service-list > div:first-child .carousel-content--description, .locations-service-list > div:first-child .modal-body--title {
        padding: 0;
        margin: 0;
        text-align: left;
        font-size: 0.9375rem; }
        @media (min-width: 768px) {
          .locations-service-list > div:first-child h2, .locations-service-list > div:first-child .homepage-hero .carousel-content--description, .homepage-hero .locations-service-list > div:first-child .carousel-content--description, .locations-service-list > div:first-child .modal-body--title {
            padding: 0 0 0 0.625rem; } }
    .locations-service-list > div:last-child {
      white-space: nowrap; }
      @media (min-width: 768px) {
        .locations-service-list > div:last-child {
          overflow: auto;
          height: 12.5rem; } }
  .locations-service-list .service-contact {
    text-align: right; }
    .locations-service-list .service-contact a {
      color: #e80033; }
    .locations-service-list .service-contact .modal .modal-header, .locations-service-list .service-contact .pdpModal .modal-header, .locations-service-list .service-contact .dccHomepageModal .modal-header, .locations-service-list .service-contact .viewItemsCarouselModal .modal-header, .locations-service-list .service-contact .teaserOverlayComponent .modal-header {
      text-align: left; }
      .locations-service-list .service-contact .modal .modal-header .modal-title, .locations-service-list .service-contact .pdpModal .modal-header .modal-title, .locations-service-list .service-contact .dccHomepageModal .modal-header .modal-title, .locations-service-list .service-contact .viewItemsCarouselModal .modal-header .modal-title, .locations-service-list .service-contact .teaserOverlayComponent .modal-header .modal-title {
        padding-top: 0.3125rem; }
  .locations-service-list-items {
    display: inline-block;
    vertical-align: top;
    font-size: 0.75rem; }
    .locations-service-list-items:last-child {
      margin-right: 0; }
    .locations-service-list-items .locations-service-list-items-title p {
      word-break: break-word;
      font-size: 0.75rem;
      white-space: normal;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 767px) {
        .locations-service-list-items .locations-service-list-items-title p {
          width: 80%;
          font-weight: bold; } }
    @media (max-width: 767px) {
      .locations-service-list-items {
        display: block;
        background: #f1f1f1;
        border: 1px solid #aeaeae;
        padding: 0.625rem;
        margin-bottom: 0.625rem;
        width: 100%; }
        .locations-service-list-items .locations-service-list-items-title > .svg-pdp-list_expand {
          display: none; }
        .locations-service-list-items .locations-service-list-items-title > .svg-pdp-list_collapse {
          display: inline; }
        .locations-service-list-items .locations-service-list-items-item {
          display: none; }
        .locations-service-list-items.open .locations-service-list-items-title > .svg-pdp-list_expand {
          display: inline; }
        .locations-service-list-items.open .locations-service-list-items-title > .svg-pdp-list_collapse {
          display: none; }
        .locations-service-list-items.open .locations-service-list-items-item {
          display: block; } }
    @media (min-width: 768px) {
      .locations-service-list-items .locations-service-list-items-title > svg {
        display: none; } }
    .locations-service-list-items-item {
      margin-bottom: 0.625rem; }
      @media (max-width: 767px) {
        .locations-service-list-items-item {
          display: none; }
          .locations-service-list-items-item .location-service-list-items-item-title {
            padding-left: 1.25rem; }
            .locations-service-list-items-item .location-service-list-items-item-title > svg {
              display: none; } }
      .locations-service-list-items-item span {
        color: #e80033;
        font-weight: bold;
        margin-bottom: 0.625rem;
        cursor: pointer; }
        .locations-service-list-items-item span:hover {
          color: #bf002a; }
      .locations-service-list-items-item ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 1.25rem; }
        .locations-service-list-items-item ul a {
          color: #000000; }
        @media (min-width: 768px) {
          .locations-service-list-items-item ul {
            display: none;
            padding-left: 0; } }
        .locations-service-list-items-item ul label:first-child {
          margin-right: 0.625rem;
          width: 5.9375rem;
          text-align: left;
          white-space: normal;
          word-wrap: break-word; }
        .locations-service-list-items-item ul label:last-child {
          width: 5.625rem;
          text-align: right; }
      @media (min-width: 768px) {
        .locations-service-list-items-item.open .svg-pdp-list_expand {
          display: inline; }
        .locations-service-list-items-item.open .svg-pdp-list_collapse {
          display: none; }
        .locations-service-list-items-item.open ul {
          display: block; } }

.locations-address {
  padding: 0.625rem 1.875rem 1.875rem; }
  .locations-address-list-title {
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom: 1px solid #c8c8c8; }
    .locations-address-list-title .svg-user_profile {
      width: 1rem;
      height: 1rem;
      fill: #aeaeae;
      margin-bottom: -0.125rem; }
    .locations-address-list-title h3 {
      padding: 0;
      margin: 0;
      font-size: 0.9375rem; }
    .locations-address-list-title .site-overview {
      text-align: left; }
      @media (min-width: 768px) {
        .locations-address-list-title .site-overview {
          text-align: right;
          margin-top: 0.3125rem; } }
      @media (max-width: 767px) {
        .locations-address-list-title .site-overview {
          margin-top: 0.3125rem; } }
      .locations-address-list-title .site-overview a {
        font-weight: bold; }
  .locations-address-list-item {
    margin-bottom: 1.25rem; }
    .locations-address-list-item ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: inline-block;
      font-size: 0.8125rem;
      font-weight: bold; }
    .locations-address-list-item > div {
      padding-bottom: 3.75rem; }
      @media (max-width: 767px) {
        .locations-address-list-item > div {
          padding-bottom: 0.625rem; } }
      .locations-address-list-item > div.item-address {
        border-right: 1px solid #c8c8c8; }
        @media (max-width: 767px) {
          .locations-address-list-item > div.item-address {
            border-right: none;
            border-bottom: 1px solid #aeaeae;
            margin-bottom: 0.625rem; }
            .locations-address-list-item > div.item-address .item-address-left {
              margin-bottom: 0.625rem; } }
      .locations-address-list-item > div.item-general-inquire {
        text-align: right; }
        @media (max-width: 767px) {
          .locations-address-list-item > div.item-general-inquire {
            text-align: left; } }
        .locations-address-list-item > div.item-general-inquire ul {
          text-align: left;
          font-size: 0.75rem; }
          .locations-address-list-item > div.item-general-inquire ul label {
            margin-bottom: 0; }
          .locations-address-list-item > div.item-general-inquire ul a {
            color: #e80033 !important; }
            @media (min-width: 1080px) {
              .locations-address-list-item > div.item-general-inquire ul a {
                color: #000000 !important;
                cursor: text; } }
          .locations-address-list-item > div.item-general-inquire ul li:first-child {
            color: #aeaeae;
            font-weight: normal; }

[v-cloak] {
  display: none !important; }

.location_margin {
  margin: 10px 0 0 0; }

.location_button {
  display: inline-block;
  letter-spacing: 0.10rem !important;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ddd;
  white-space: normal;
  padding: 10px 20px;
  line-height: 1.2;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 10px !important;
  background-color: white; }

.location_button:hover {
  color: black;
  text-decoration: none;
  outline: none;
  outline-offset: 0;
  border-color: #e80033; }

.location_table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px; }

.location_table tbody > tr > td {
  width: 50%; }

.location_table tbody > tr > td:first-child {
  background-color: #ebebeb;
  font-weight: bold;
  width: 25%; }

.location_table tbody > tr > td:last-child {
  background-color: #f9f9f9; }

@media (max-width: 767px) {
  .location_table {
    width: calc(100% - (-25px));
    margin-left: -15px;
    max-width: calc(100% - (-30px)); }
  .location_table tbody > tr > td {
    padding-left: 15px;
    padding-right: 15px; } }

.location_loading_spinner {
  background: url(global/images/loading.gif) no-repeat center;
  background-position: center;
  width: 100%;
  height: 18em; }

.location_service_list {
  margin: 1.875rem; }

.location_small_margin {
  margin: 0 0 5px; }

.location_phonenumber {
  color: #E80033; }

#contactUsModal .modal-body {
  padding-top: 0.625rem; }
  #contactUsModal .modal-body .dropdown {
    margin-bottom: 0; }
  #contactUsModal .modal-body .dropdown--wrapper {
    margin-bottom: 0.9375rem; }

/*
## locations, End
*********************************************/
/*doc
---
title: Logo
name: logo
category: Base CSS - Logo
---
 
Dow Corning logo - 69px x 33px

```html_example
{% import "./logo/html.html" as icon %}
{{ icon.generate('Dow_Corning_logo') }}
```
*/
/*here we are overriding the default icon size at the component level */
.svg-Dow_Corning_logo {
  width: 66px;
  height: 100%; }

/*doc
---
title: Modal
name: modal
category: Components - Modal
---

Modal

```html_example
{% import "./modal/html.html" as modal %}
{{ modal.generate() }}
```
*/
.modal-backdrop.in {
  opacity: 0.95;
  z-index: 9000;
  background-color: #222222; }

button.close {
  color: #FFFFFF;
  font-weight: normal;
  margin-top: 0;
  opacity: 1;
  text-shadow: none; }

.modal-title {
  display: inline-block;
  margin: 0; }

.modal button.close, .pdpModal button.close, .dccHomepageModal button.close, .viewItemsCarouselModal button.close, .teaserOverlayComponent button.close {
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  height: 1.875rem;
  line-height: 1;
  padding: 0rem 1.25rem; }
  .modal button.close .svg-nav_close_x, .pdpModal button.close .svg-nav_close_x, .dccHomepageModal button.close .svg-nav_close_x, .viewItemsCarouselModal button.close .svg-nav_close_x, .teaserOverlayComponent button.close .svg-nav_close_x {
    margin: 0;
    padding: 0;
    fill: white;
    opacity: 1;
    width: 1.125rem;
    height: 1.125rem; }
  .modal button.close .svg-nav-close, .pdpModal button.close .svg-nav-close, .dccHomepageModal button.close .svg-nav-close, .viewItemsCarouselModal button.close .svg-nav-close, .teaserOverlayComponent button.close .svg-nav-close {
    margin: 0;
    padding: 0;
    fill: white;
    opacity: 1;
    width: 0.8125rem;
    height: 0.8125rem; }
  .modal button.close.btn-close_x, .pdpModal button.close.btn-close_x, .dccHomepageModal button.close.btn-close_x, .viewItemsCarouselModal button.close.btn-close_x, .teaserOverlayComponent button.close.btn-close_x {
    align-items: center;
    position: relative;
    float: right; }
  .modal button.close:hover, .pdpModal button.close:hover, .dccHomepageModal button.close:hover, .viewItemsCarouselModal button.close:hover, .teaserOverlayComponent button.close:hover {
    opacity: 1;
    fill: black; }

.modal-sub-title {
  display: block;
  font-size: 0.875rem; }

.modal-body {
  padding: 30px; }
  @media (max-width: 767px) {
    .modal-body h2, .modal-body .homepage-hero .carousel-content--description, .homepage-hero .modal-body .carousel-content--description, .modal-body .modal-body--title {
      padding-left: 0; } }
  .modal-body--title {
    margin-bottom: 1.25rem; }

@media (max-width: 767px) {
  .modal .col-xs-12, .pdpModal .col-xs-12, .dccHomepageModal .col-xs-12, .viewItemsCarouselModal .col-xs-12, .teaserOverlayComponent .col-xs-12 {
    margin-bottom: 20px; } }

.modal-dialog {
  max-width: 43.75rem; }

.modal-bottom-line {
  border-bottom: 1px solid #e80033;
  margin: 0; }

.modal-header {
  padding: 0.9375rem 0 0.9375rem 1.875rem;
  border-radius: 3px 3px 0 0;
  background: #666666;
  color: #FFFFFF; }

.modal-footer {
  border-top: 0;
  text-align: center; }
  .modal-footer button:hover {
    color: #999999;
    background-color: #FFFFFF; }

.modal-subcontent {
  border: 1px solid #ebebeb;
  padding: 20px;
  min-height: 20rem !important; }
  @media (min-width: 768px) {
    .modal-subcontent {
      min-height: 30rem; } }
  .modal-subcontent h2, .modal-subcontent .homepage-hero .carousel-content--description, .homepage-hero .modal-subcontent .carousel-content--description, .modal-subcontent .modal-body--title {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 2rem 0;
    padding-bottom: 2rem; }

.modal .gray-bg, .pdpModal .gray-bg, .dccHomepageModal .gray-bg, .viewItemsCarouselModal .gray-bg, .teaserOverlayComponent .gray-bg {
  background: #ebebeb; }

.modal .dropdown, .pdpModal .dropdown, .dccHomepageModal .dropdown, .viewItemsCarouselModal .dropdown, .teaserOverlayComponent .dropdown {
  margin-bottom: 1.25rem; }

.modal .input-dropdown .dropdown, .pdpModal .input-dropdown .dropdown, .dccHomepageModal .input-dropdown .dropdown, .viewItemsCarouselModal .input-dropdown .dropdown, .teaserOverlayComponent .input-dropdown .dropdown {
  margin-bottom: 0; }

.modal .btn-primary-inverse, .pdpModal .btn-primary-inverse, .dccHomepageModal .btn-primary-inverse, .viewItemsCarouselModal .btn-primary-inverse, .teaserOverlayComponent .btn-primary-inverse {
  border: 2px solid #e80033;
  color: #e80033;
  font-weight: bold;
  background-color: #FFFFFF; }

.modal .btn-primary-inverse:hover, .pdpModal .btn-primary-inverse:hover, .dccHomepageModal .btn-primary-inverse:hover, .viewItemsCarouselModal .btn-primary-inverse:hover, .teaserOverlayComponent .btn-primary-inverse:hover {
  background-color: #e80033;
  border: 2px solid #e80033;
  color: #FFFFFF; }

.modal .btn-cancel, .pdpModal .btn-cancel, .dccHomepageModal .btn-cancel, .viewItemsCarouselModal .btn-cancel, .teaserOverlayComponent .btn-cancel {
  color: #e80033;
  background-color: #ffffff;
  border-color: #e80033; }
  .modal .btn-cancel:focus, .pdpModal .btn-cancel:focus, .dccHomepageModal .btn-cancel:focus, .viewItemsCarouselModal .btn-cancel:focus, .teaserOverlayComponent .btn-cancel:focus, .modal .btn-cancel.focus, .pdpModal .btn-cancel.focus, .dccHomepageModal .btn-cancel.focus, .viewItemsCarouselModal .btn-cancel.focus, .teaserOverlayComponent .btn-cancel.focus {
    color: #e80033;
    background-color: white;
    border-color: #e80033; }
  .modal .btn-cancel:hover, .pdpModal .btn-cancel:hover, .dccHomepageModal .btn-cancel:hover, .viewItemsCarouselModal .btn-cancel:hover, .teaserOverlayComponent .btn-cancel:hover {
    color: #e80033;
    background-color: white;
    border-color: #e80033;
    transition: none; }
  .modal .btn-cancel:active, .pdpModal .btn-cancel:active, .dccHomepageModal .btn-cancel:active, .viewItemsCarouselModal .btn-cancel:active, .teaserOverlayComponent .btn-cancel:active, .modal .btn-cancel.active, .pdpModal .btn-cancel.active, .dccHomepageModal .btn-cancel.active, .viewItemsCarouselModal .btn-cancel.active, .teaserOverlayComponent .btn-cancel.active,
  .open > .modal .btn-cancel.dropdown-toggle,
  .open > .pdpModal .btn-cancel.dropdown-toggle,
  .open > .dccHomepageModal .btn-cancel.dropdown-toggle,
  .open > .viewItemsCarouselModal .btn-cancel.dropdown-toggle,
  .open > .teaserOverlayComponent .btn-cancel.dropdown-toggle {
    color: #e80033;
    background-color: white; }
    .modal .btn-cancel:active:hover, .pdpModal .btn-cancel:active:hover, .dccHomepageModal .btn-cancel:active:hover, .viewItemsCarouselModal .btn-cancel:active:hover, .teaserOverlayComponent .btn-cancel:active:hover, .modal .btn-cancel:active:focus, .pdpModal .btn-cancel:active:focus, .dccHomepageModal .btn-cancel:active:focus, .viewItemsCarouselModal .btn-cancel:active:focus, .teaserOverlayComponent .btn-cancel:active:focus, .modal .btn-cancel:active.focus, .pdpModal .btn-cancel:active.focus, .dccHomepageModal .btn-cancel:active.focus, .viewItemsCarouselModal .btn-cancel:active.focus, .teaserOverlayComponent .btn-cancel:active.focus, .modal .btn-cancel.active:hover, .pdpModal .btn-cancel.active:hover, .dccHomepageModal .btn-cancel.active:hover, .viewItemsCarouselModal .btn-cancel.active:hover, .teaserOverlayComponent .btn-cancel.active:hover, .modal .btn-cancel.active:focus, .pdpModal .btn-cancel.active:focus, .dccHomepageModal .btn-cancel.active:focus, .viewItemsCarouselModal .btn-cancel.active:focus, .teaserOverlayComponent .btn-cancel.active:focus, .modal .btn-cancel.active.focus, .pdpModal .btn-cancel.active.focus, .dccHomepageModal .btn-cancel.active.focus, .viewItemsCarouselModal .btn-cancel.active.focus, .teaserOverlayComponent .btn-cancel.active.focus,
    .open > .modal .btn-cancel.dropdown-toggle:hover,
    .open > .pdpModal .btn-cancel.dropdown-toggle:hover,
    .open > .dccHomepageModal .btn-cancel.dropdown-toggle:hover,
    .open > .viewItemsCarouselModal .btn-cancel.dropdown-toggle:hover,
    .open > .teaserOverlayComponent .btn-cancel.dropdown-toggle:hover,
    .open > .modal .btn-cancel.dropdown-toggle:focus,
    .open > .pdpModal .btn-cancel.dropdown-toggle:focus,
    .open > .dccHomepageModal .btn-cancel.dropdown-toggle:focus,
    .open > .viewItemsCarouselModal .btn-cancel.dropdown-toggle:focus,
    .open > .teaserOverlayComponent .btn-cancel.dropdown-toggle:focus,
    .open > .modal .btn-cancel.dropdown-toggle.focus,
    .open > .pdpModal .btn-cancel.dropdown-toggle.focus,
    .open > .dccHomepageModal .btn-cancel.dropdown-toggle.focus,
    .open > .viewItemsCarouselModal .btn-cancel.dropdown-toggle.focus,
    .open > .teaserOverlayComponent .btn-cancel.dropdown-toggle.focus {
      color: #e80033;
      background-color: white;
      border-color: transparent; }
  .modal .btn-cancel:active, .pdpModal .btn-cancel:active, .dccHomepageModal .btn-cancel:active, .viewItemsCarouselModal .btn-cancel:active, .teaserOverlayComponent .btn-cancel:active, .modal .btn-cancel.active, .pdpModal .btn-cancel.active, .dccHomepageModal .btn-cancel.active, .viewItemsCarouselModal .btn-cancel.active, .teaserOverlayComponent .btn-cancel.active,
  .open > .modal .btn-cancel.dropdown-toggle,
  .open > .pdpModal .btn-cancel.dropdown-toggle,
  .open > .dccHomepageModal .btn-cancel.dropdown-toggle,
  .open > .viewItemsCarouselModal .btn-cancel.dropdown-toggle,
  .open > .teaserOverlayComponent .btn-cancel.dropdown-toggle {
    background-image: none; }
  .modal .btn-cancel.disabled:hover, .pdpModal .btn-cancel.disabled:hover, .dccHomepageModal .btn-cancel.disabled:hover, .viewItemsCarouselModal .btn-cancel.disabled:hover, .teaserOverlayComponent .btn-cancel.disabled:hover, .modal .btn-cancel.disabled:focus, .pdpModal .btn-cancel.disabled:focus, .dccHomepageModal .btn-cancel.disabled:focus, .viewItemsCarouselModal .btn-cancel.disabled:focus, .teaserOverlayComponent .btn-cancel.disabled:focus, .modal .btn-cancel.disabled.focus, .pdpModal .btn-cancel.disabled.focus, .dccHomepageModal .btn-cancel.disabled.focus, .viewItemsCarouselModal .btn-cancel.disabled.focus, .teaserOverlayComponent .btn-cancel.disabled.focus, .modal .btn-cancel[disabled]:hover, .pdpModal .btn-cancel[disabled]:hover, .dccHomepageModal .btn-cancel[disabled]:hover, .viewItemsCarouselModal .btn-cancel[disabled]:hover, .teaserOverlayComponent .btn-cancel[disabled]:hover, .modal .btn-cancel[disabled]:focus, .pdpModal .btn-cancel[disabled]:focus, .dccHomepageModal .btn-cancel[disabled]:focus, .viewItemsCarouselModal .btn-cancel[disabled]:focus, .teaserOverlayComponent .btn-cancel[disabled]:focus, .modal .btn-cancel[disabled].focus, .pdpModal .btn-cancel[disabled].focus, .dccHomepageModal .btn-cancel[disabled].focus, .viewItemsCarouselModal .btn-cancel[disabled].focus, .teaserOverlayComponent .btn-cancel[disabled].focus,
  fieldset[disabled] .modal .btn-cancel:hover,
  fieldset[disabled] .pdpModal .btn-cancel:hover,
  fieldset[disabled] .dccHomepageModal .btn-cancel:hover,
  fieldset[disabled] .viewItemsCarouselModal .btn-cancel:hover,
  fieldset[disabled] .teaserOverlayComponent .btn-cancel:hover,
  fieldset[disabled] .modal .btn-cancel:focus,
  fieldset[disabled] .pdpModal .btn-cancel:focus,
  fieldset[disabled] .dccHomepageModal .btn-cancel:focus,
  fieldset[disabled] .viewItemsCarouselModal .btn-cancel:focus,
  fieldset[disabled] .teaserOverlayComponent .btn-cancel:focus,
  fieldset[disabled] .modal .btn-cancel.focus,
  fieldset[disabled] .pdpModal .btn-cancel.focus,
  fieldset[disabled] .dccHomepageModal .btn-cancel.focus,
  fieldset[disabled] .viewItemsCarouselModal .btn-cancel.focus,
  fieldset[disabled] .teaserOverlayComponent .btn-cancel.focus {
    background-color: #ffffff;
    border-color: #e80033; }
  .modal .btn-cancel .badge, .pdpModal .btn-cancel .badge, .dccHomepageModal .btn-cancel .badge, .viewItemsCarouselModal .btn-cancel .badge, .teaserOverlayComponent .btn-cancel .badge {
    color: #ffffff;
    background-color: #e80033; }

@media (max-width: 767px) {
  .video-modal h2, .video-modal .homepage-hero .carousel-content--description, .homepage-hero .video-modal .carousel-content--description, .video-modal .modal-body--title {
    padding-left: 0; } }

/* PDP Modal Template */
.pdpModal {
  padding-top: 5rem; }
  .pdpModal .input-group {
    width: 100%; }
  .pdpModal p {
    margin-bottom: 1rem; }
  .pdpModal hr {
    border-color: #337ab7; }
  .pdpModal div.col-xs-12 {
    margin-bottom: 1rem; }
  @media (min-width: 1080px) {
    .pdpModal .login {
      position: absolute;
      bottom: 0;
      right: 0; } }

/* DCC Homepage Modal Template */
.dccHomepageModal {
  padding-top: 5rem; }
  .dccHomepageModal .modal-dialog {
    max-width: none;
    color: #FFFFFF; }
    @media (max-width: 767px) {
      .dccHomepageModal .modal-dialog {
        margin: 0; } }
  .dccHomepageModal .modal-content {
    background-color: #000000;
    opacity: 0.85;
    filter: alpha(opacity=85); }
  .dccHomepageModal .modal-header {
    display: none; }
  .dccHomepageModal .modal-body h1, .dccHomepageModal .modal-body .select-your-industry-content--tips {
    display: none; }
  .dccHomepageModal .modal-lg {
    width: 100%; }
    @media (min-width: 1080px) {
      .dccHomepageModal .modal-lg {
        width: 58.75rem; } }
    @media (min-width: 1200px) {
      .dccHomepageModal .modal-lg {
        width: 67.5rem; } }

.howToBuyModal .modal-body--title, .contactUsModal .modal-body--title {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 1.5625rem;
  margin-bottom: 1.875rem; }

.modal, .pdpModal, .dccHomepageModal, .viewItemsCarouselModal, .teaserOverlayComponent {
  z-index: 9010; }

.how-to-use-modal .modal-body--title {
  font-size: 0.875rem;
  border-bottom: 1px solid #e80033;
  margin-top: 0;
  padding-bottom: 1.25rem; }

.warning-modal .modal-header {
  background: #ed8b00 !important; }

.warning-modal .modal-title {
  max-width: 70%; }

.warning-modal .modal-body--title {
  margin-top: 0; }

.warning-modal .btn.btn-cancle, .warning-modal .dcc-sdsFinder .dcc-container .searchBar .search .btn-cancle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .warning-modal .btn-cancle.sds-form-submit, .warning-modal .btn-cancle.pdp-form-submit {
  background-color: transparent;
  border: 1px solid #ed8b00 !important;
  color: #ed8b00;
  font-size: 0.75rem;
  letter-spacing: 0 !important; }
  @media (max-width: 1080px) {
    .warning-modal .btn.btn-cancle, .warning-modal .dcc-sdsFinder .dcc-container .searchBar .search .btn-cancle.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .warning-modal .btn-cancle.sds-form-submit, .warning-modal .btn-cancle.pdp-form-submit {
      margin-bottom: 1rem; } }
  .warning-modal .btn.btn-cancle:hover, .warning-modal .dcc-sdsFinder .dcc-container .searchBar .search .btn-cancle.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .warning-modal .btn-cancle.sds-form-submit:hover, .warning-modal .btn-cancle.pdp-form-submit:hover {
    background-color: #ed8b00 !important;
    border: 1px solid #ed8b00 !important;
    color: #FFFFFF; }

.warning-modal .btn.btn-default, .warning-modal .btn.btn-primary-black, .warning-modal .btn-primary-black.pdp-form-submit, .warning-modal .btn.btn-primary-charcoal, .warning-modal .btn-primary-charcoal.pdp-form-submit, .warning-modal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .warning-modal .sds-form-submit, .warning-modal .pdp-form-submit {
  font-size: 0.75rem;
  letter-spacing: 0 !important;
  background-color: #ed8b00;
  border: 1px solid #ed8b00; }
  .warning-modal .btn.btn-default:hover, .warning-modal .btn.btn-primary-black:hover, .warning-modal .btn-primary-black.pdp-form-submit:hover, .warning-modal .btn.btn-primary-charcoal:hover, .warning-modal .btn-primary-charcoal.pdp-form-submit:hover, .warning-modal .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .warning-modal .sds-form-submit:hover, .warning-modal .pdp-form-submit:hover {
    background-color: #c77500;
    color: #FFFFFF; }

.changeCountryModal .changeCountryModal-btn {
  padding-top: 30px; }

.add-part-numbers-modal .modal-body--title {
  font-size: 14px; }

.deliveryModal .delivery--apply {
  border-width: 0.125rem; }

.deliveryModal .modal-title {
  padding-right: 15px; }

.error-modal .modal-header {
  background: #E80033; }

.error-modal .modal-title {
  max-width: 70%; }

.error-modal .modal-body--title {
  margin-top: 0; }

.modal-dialog-lg-er {
  max-width: 56.25rem;
  width: 50.375rem; }
  @media (max-width: 1079px) {
    .modal-dialog-lg-er {
      width: auto; } }

/*doc
---
title: Modal
name: modal
category: Components - Modal
---

Modal

```html_example
{% import "./modal/html.html" as modal %}
{{ modal.generate() }}
```
*/
.modal-backdrop.in {
  opacity: 0.95;
  z-index: 2000; }

.modal, .pdpModal, .dccHomepageModal, .viewItemsCarouselModal, .teaserOverlayComponent {
  z-index: 9050; }

/* DCC Homepage Modal Template */
.viewItemsCarouselModal {
  padding-top: 10rem; }
  .viewItemsCarouselModal .modal-dialog {
    max-width: none;
    color: #FFFFFF; }
    @media (max-width: 767px) {
      .viewItemsCarouselModal .modal-dialog {
        margin: 0; } }
  .viewItemsCarouselModal .modal-content {
    background-color: #000000; }
    .viewItemsCarouselModal .modal-content .close {
      margin-bottom: 1.25rem; }
      @media (max-width: 767px) {
        .viewItemsCarouselModal .modal-content .close {
          margin-bottom: 1.25rem; } }
  .viewItemsCarouselModal .modal-header {
    display: none; }
  .viewItemsCarouselModal .modal-body h1, .viewItemsCarouselModal .modal-body .select-your-industry-content--tips {
    display: none; }
  .viewItemsCarouselModal .modal-lg {
    width: 100%; }
    @media (min-width: 768px) {
      .viewItemsCarouselModal .modal-lg {
        width: 45.625rem; } }
    @media (min-width: 1080px) {
      .viewItemsCarouselModal .modal-lg {
        width: 46.375rem; } }
    @media (min-width: 1200px) {
      .viewItemsCarouselModal .modal-lg {
        width: 46.375rem; } }
  @media (max-width: 767px) {
    .viewItemsCarouselModal .footer {
      padding: 0 1.5625rem;
      margin-bottom: 0; } }
  .viewItemsCarouselModal--list {
    padding: 0 0.3125rem;
    margin-top: 1.25rem;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .viewItemsCarouselModal--list {
        margin-top: 0; } }
    .viewItemsCarouselModal--list-item {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center; }
      @media (max-width: 767px) {
        .viewItemsCarouselModal--list-item {
          border-bottom: 1px dotted #999999; } }
      .viewItemsCarouselModal--list-item a {
        border-bottom: 1px dotted #999999;
        color: #FFFFFF;
        display: block;
        text-decoration: none;
        font-size: 14px;
        color: #14a09d;
        padding: 0.125rem;
        font-weight: normal;
        width: 85%;
        text-align: left;
        margin: auto; }
        @media (max-width: 767px) {
          .viewItemsCarouselModal--list-item a {
            border-bottom: 0;
            margin: 0 0.625rem;
            padding: 0.3125rem 0; } }
        .viewItemsCarouselModal--list-item a:hover {
          color: #FFFFFF;
          text-decoration: none; }
      .viewItemsCarouselModal--list-item .svg-share {
        width: 20px;
        height: 14px; }

.viewItems_results .carousel {
  background-color: #FFFFFF; }

.viewItems_results .carousel-indicators {
  left: 0;
  margin-left: 0;
  top: 22.1875rem;
  width: 32%; }
  @media (max-width: 767px) {
    .viewItems_results .carousel-indicators {
      left: 5.625rem;
      top: 90%;
      width: 50%; } }

.viewItems_results .carousel-indicators li {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  text-indent: -999px;
  border: 1px solid #e80033;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000000;
  background-color: transparent; }

.viewItems_results .carousel-indicators li.active {
  margin: 0;
  width: 11px;
  height: 11px;
  background-color: #e80033; }

.viewItems_results .carousel-inner {
  color: #000000;
  background-color: #FFFFFF; }
  .viewItems_results .carousel-inner .imagetitle {
    margin: 1.5625rem 0.625rem;
    height: 2.5rem;
    border-bottom: 1px solid #999999; }
  @media (max-width: 767px) {
    .viewItems_results .carousel-inner {
      padding-left: 0;
      padding-right: 0; } }
  .viewItems_results .carousel-inner .imagecontent {
    margin: 0 0.625rem;
    min-height: 8.75rem;
    margin-bottom: 2.5rem; }
    .viewItems_results .carousel-inner .imagecontent ul {
      padding: 0 0 0 1.65rem; }
    .viewItems_results .carousel-inner .imagecontent li {
      color: #000000;
      font-weight: normal; }
  .viewItems_results .carousel-inner-image {
    height: 430px;
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 767px) {
      .viewItems_results .carousel-inner-image {
        height: 287px; } }
    .viewItems_results .carousel-inner-image img {
      width: 100%;
      height: 100%; }

.carousel-inner .imagecontent ul {
  padding: 0 0 0 1.65rem; }

.carousel-inner .imagecontent li {
  color: #000000;
  font-weight: normal; }

/*doc
---
title: Modal
name: modal
category: Components - Modal
---

Modal

```html_example
{% import "./modal/html.html" as modal %}
{{ modal.generate() }}
```
*/
.modal-backdrop.in {
  opacity: 0.95;
  z-index: 2000; }

.modal, .pdpModal, .dccHomepageModal, .viewItemsCarouselModal, .teaserOverlayComponent {
  z-index: 9050; }

/* DCC Homepage Modal Template */
.teaserOverlayComponent {
  padding-top: 10rem; }
  .teaserOverlayComponent .modal-dialog {
    max-width: none;
    color: #FFFFFF; }
    @media (max-width: 767px) {
      .teaserOverlayComponent .modal-dialog {
        margin: 0; } }
  .teaserOverlayComponent .modal-content {
    background-color: #000000; }
    .teaserOverlayComponent .modal-content .close {
      margin-bottom: 1.25rem; }
      @media (max-width: 767px) {
        .teaserOverlayComponent .modal-content .close {
          margin-bottom: 1.25rem; } }
  .teaserOverlayComponent .modal-header {
    display: none; }
  .teaserOverlayComponent .modal-body h1, .teaserOverlayComponent .modal-body .select-your-industry-content--tips {
    display: none; }
  .teaserOverlayComponent .modal-lg {
    width: 100%; }
    @media (min-width: 768px) {
      .teaserOverlayComponent .modal-lg {
        width: 45.625rem; } }
    @media (min-width: 1080px) {
      .teaserOverlayComponent .modal-lg {
        width: 46.375rem; } }
    @media (min-width: 1200px) {
      .teaserOverlayComponent .modal-lg {
        width: 46.375rem; } }
  @media (max-width: 767px) {
    .teaserOverlayComponent .footer {
      padding: 0 1.5625rem;
      margin-bottom: 0; } }
  .teaserOverlayComponent .teaserOverlayImage {
    width: 100%;
    height: 100%; }
  .teaserOverlayComponent--list ul {
    padding: 0 0.3125rem;
    margin-top: 1.25rem;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .teaserOverlayComponent--list ul {
        margin-top: 0; } }
    .teaserOverlayComponent--list ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center; }
      @media (max-width: 767px) {
        .teaserOverlayComponent--list ul li {
          border-bottom: 1px dotted #999999; } }
      .teaserOverlayComponent--list ul li a {
        border-bottom: 1px dotted #999999;
        color: #FFFFFF;
        display: block;
        text-decoration: none;
        font-size: 14px;
        color: #14a09d;
        padding: 0.125rem;
        font-weight: normal;
        width: 85%;
        text-align: left;
        margin: auto; }
        @media (max-width: 767px) {
          .teaserOverlayComponent--list ul li a {
            border-bottom: 0;
            margin: 0 0.625rem;
            padding: 0.3125rem 0; } }
        .teaserOverlayComponent--list ul li a:hover {
          color: #FFFFFF;
          text-decoration: none; }
      .teaserOverlayComponent--list ul li .svg-share {
        width: 20px;
        height: 14px; }

/*doc
---
title: Footer Module
name: footer
category: Modules - Footer
---

A module is comprised of several components to represent main content portions of the site, such as the footer and header and nav elements.
Ideally, these will just call the modules `generate` macro function, will will spit out all the components within the module.

```html_example
{% import "./module-footer/html.html" as footer %}
{{ footer.generate() }}
```

*/
footer {
  position: relative;
  width: 100%;
  background-color: #ebebeb; }

footer.mega {
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6; }
  footer.mega .list-item---container {
    padding-right: 0;
    padding-top: 15px; }
  footer.mega .megaFooterRight .list-item ul li {
    width: 100%; }
  footer.mega nav {
    margin-bottom: 1.875rem; }
    footer.mega nav a:hover {
      color: #e80033; }
    footer.mega nav ul {
      margin-top: 1.25rem; }
    footer.mega nav .list-item {
      padding: 0; }
    footer.mega nav .footer_module1 .embedColumn {
      padding-left: 0px !important; }
    footer.mega nav .footer_module4 {
      padding-right: 0; }
      footer.mega nav .footer_module4 .list-item {
        padding-right: 0; }
    footer.mega nav .footer_module5 {
      height: 4.0625rem; }
    footer.mega nav .footer_module6 {
      padding-right: 0; }
      footer.mega nav .footer_module6 ul {
        margin-top: 0.3125rem; }
    footer.mega nav .btn-howtobuy a, footer.mega nav .btn-howtobuy a:hover {
      color: #FFFFFF; }
    footer.mega nav .btn-howtobuy:hover {
      color: #FFFFFF; }

.mega-footer-cont a h1, .mega-footer-cont a .select-your-industry-content--tips, .mega-footer-cont a h2, .mega-footer-cont a .homepage-hero .carousel-content--description, .homepage-hero .mega-footer-cont a .carousel-content--description, .mega-footer-cont a .modal-body--title, .mega-footer-cont a h3, .mega-footer-cont a h4, .mega-footer-cont a h5, .mega-footer-cont a h6 {
  color: #000000; }

.mega-footer-cont a:hover {
  text-decoration: none; }

@media (max-width: 1079px) {
  footer.mega .list-item---container:last-child {
    border-left: none;
    padding-left: 0; } }

@media (max-width: 767px) {
  .mob-padding-0 {
    padding: 0 !important; }
  footer.mega {
    padding-top: 0; }
    footer.mega nav .list-item {
      padding: 0 10px !important; }
    footer.mega .list-item---container {
      padding: 0 10px 0;
      padding: 0;
      /*.col-xs-12{
              padding: 0;
            }*/ }
    footer.mega .list-item---container:last-child {
      border-top: none; }
    footer.mega .social-links img {
      width: 100%; }
    footer.mega .footer_module1, footer.mega .footer_module2, footer.mega .footer_module3, footer.mega .footer_module4, footer.mega .footer_module5, footer.mega .footer_module6 {
      padding: 0 10px !important; }
    footer.mega .footer_module1 .list-item {
      padding-left: 10px;
      padding-right: 10px; }
    footer.mega .footer_module6 ul {
      margin-top: 1.875rem; }
    footer.mega nav .footer_module6 ul {
      margin-top: 1.25rem; } }

.footer-nav-icon-circle {
  float: right;
  width: 1rem !important;
  height: 1rem;
  border-radius: 122%;
  display: inline;
  margin-top: 12px;
  border: 2px solid #e80033;
  background: #e80033;
  text-align: center !important;
  line-height: 0.5rem; }
  .footer-nav-icon-circle svg {
    width: 0.5rem;
    height: 0.5rem;
    color: #e80033; }
  .footer-nav-icon-circle .svg-header_minus {
    display: none; }
  .footer-nav-icon-circle .svg-header_plus {
    display: inline; }
  .footer-nav-icon-circle .svg-header_plus {
    width: 0.5rem;
    height: 0.5rem;
    color: #fff; }
  .footer-nav-icon-circle .svg-header_minus {
    width: 0.5rem;
    height: 0.5rem;
    color: #fff; }

.slide .footer-nav-icon-circle .svg-header_plus {
  display: none; }

.slide .footer-nav-icon-circle .svg-header_minus {
  display: inline-block !important; }

@media (max-width: 767px) {
  .footer-nav-icon-circle.mobile-only.icon-list_expand.hide {
    display: block !important; } }

@media (min-width: 1080px) {
  .megaFooterRight .row.mega, .l1-footer .row.mega {
    margin: unset !important; }
  .l1-footer .megaFooterRightiParsys .mob-padding-0 {
    padding: 0 !important; } }

@media (min-width: 768px) {
  .megaFooterRight .row.mega, .l1-footer .row.mega {
    margin: unset !important; } }

/*doc
---
title: Header Module
name: header
category: Modules - Header
---

A module is comprised of several components to represent main content portions of the site, such as the footer and header and nav elements.
Ideally, these will just call the modules `generate` macro function, will will spit out all the components within the module.

```html_example
{% import "./module-header/html.html" as header %}
{{ header.generate() }}
```
*/
header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #aeaeae; }
  header .container {
    position: relative; }
  header .navbar-top-container {
    height: 60px;
    border-bottom: 1px solid #aeaeae; }
  header .navbar-static-top {
    z-index: 8004; }
  header .navbar-brand {
    padding: 0 0 0 0.625rem;
    position: absolute;
    top: -60px;
    z-index: 5; }
  header .layer-higher {
    z-index: 10; }
  header nav {
    background-color: #FFFFFF;
    display: table; }
    header nav .navbar-form li h4 {
      height: 2.875rem; }
    header nav.navbar {
      margin-bottom: 0;
      border: none;
      border-radius: 0;
      border-right: 1px solid #aeaeae;
      border-left: 1px solid #aeaeae; }
      header nav.navbar .mini-cart-mobile {
        display: none; }
      header nav.navbar div.component-geolocationLanguage ul {
        margin-top: 0; }
        header nav.navbar div.component-geolocationLanguage ul > li {
          padding: 0; }
      header nav.navbar ul > li {
        border-right: 1px solid #d6d6d6;
        padding-left: 1.0625rem;
        padding-right: 0.9375rem; }
        header nav.navbar ul > li.loginbtn {
          border-right: none; }
      header nav.navbar ul.navbar-right {
        margin-right: 0; }
        header nav.navbar ul.navbar-right li a.mini-cart .svg-pdp-shopping_cart {
          fill: #e80033;
          height: 16px;
          width: 19px; }
        header nav.navbar ul.navbar-right li a.mini-cart span {
          font-weight: bold;
          color: #e80033;
          padding-left: 0.3125rem;
          vertical-align: middle; }
        header nav.navbar ul.navbar-right li:first-child {
          border-left: 1px solid #aeaeae; }
      @media (min-width: 768px) {
        header nav.navbar ul.navbar-right li.navbar-right--text {
          padding: 15px 30px; }
        header nav.navbar ul.navbar-right li.navbar-right--text a {
          color: #000000;
          padding: 0; }
        header nav.navbar ul.navbar-right.navbar-top > li > a {
          padding: 0.9375rem; } }
    header nav .navbar-right.navbar--bottom > li {
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 767px) {
        header nav .navbar-right.navbar--bottom > li a {
          padding-left: 0.625rem;
          padding-right: 0.625rem; }
        header nav .navbar-right.navbar--bottom > li h4, header nav .navbar-right.navbar--bottom > li .dropdown__text {
          display: block;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 7.5rem; } }
  @media (min-width: 767px) and (min-width: 1080px) {
    header nav .navbar-right.navbar--bottom > li h4, header nav .navbar-right.navbar--bottom > li .dropdown__text {
      width: 8.5rem; } }
    header nav.navbar-default {
      background-color: #FFFFFF; }
    header nav .navbar-collapse {
      padding-left: 0;
      padding-right: 0; }
    header nav .top-nav--links, header nav .header-logo {
      display: table-cell;
      vertical-align: middle;
      float: none; }
    header nav .top-nav--links {
      padding-left: 0;
      padding-right: 0; }
    header nav .top-nav--links ul li {
      padding-right: 3.75rem; }
    header nav .top-nav--links ul li:last-child {
      padding-right: 1.875rem; }
    header nav > ul {
      list-style: none;
      text-align: right; }
      header nav > ul li {
        display: inline-block; }
    header nav li h3 {
      display: table-cell;
      text-align: center; }
    header nav li h4 {
      display: table-cell;
      margin: 0;
      padding: 0;
      vertical-align: middle; }
    header nav .navbar-form li h4 {
      font-weight: normal; }
    header nav.navbar-default .navbar-nav > li > a {
      color: #2C2A29; }
    @media (min-width: 767px) {
      header nav.navbar-default .navbar-nav > li.component-dropdownHeader .dropdown-menu {
        margin-top: 0.5625rem;
        border: none;
        right: -0.0625rem;
        border-radius: 0;
        padding: 0;
        min-width: 11.25rem;
        width: auto; }
        header nav.navbar-default .navbar-nav > li.component-dropdownHeader .dropdown-menu li a {
          font-size: 0.75rem;
          padding-left: 1.75rem;
          padding-right: 1.125rem;
          white-space: nowrap; }
        header nav.navbar-default .navbar-nav > li.component-dropdownHeader .dropdown-menu .divider {
          margin: 0;
          margin-left: 0.3125rem; } }
    header nav.top-nav--bar ul {
      text-align: left; }
    header nav .navbar--top {
      position: absolute;
      top: -60px;
      right: 0;
      width: 100%; }
      header nav .navbar--top ul {
        border-right: none;
        border-left: none; }
        header nav .navbar--top ul.navbar-right li:first-child {
          border-right: none;
          border-left: none; }
        header nav .navbar--top ul li {
          border-right: none;
          border-left: none; }
  header a:hover {
    border: none; }
  header .advanced-login {
    display: none;
    padding-left: 1.875rem; }

@media (max-width: 767px) {
  header .navbar-collapse.in {
    overflow: hidden; }
  header .navbar-brand {
    padding: 0;
    position: relative;
    top: 0;
    height: 60px; }
  header .navbar {
    width: 100%; }
  header .navbar[data-toggle=expanded] #navbar.collapse {
    display: block;
    background-color: #FFFFFF;
    border-bottom-width: 2px solid; }
  header nav.navbar {
    min-height: 60px; }
  header .navbar-default .navbar-toggle {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 4.375rem; }
  header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
    background-color: transparent; }
  header .navbar-nav > li > a {
    padding: 0; }
  header nav {
    background-color: #FFFFFF;
    display: table; }
    header nav.navbar div.component-geolocationLanguage .dropdown-menu {
      border: 1px solid #ccc; }
    header nav.navbar ul li {
      border-right: none;
      border-bottom: 1px solid #aeaeae;
      padding: 0; }
    header nav.navbar .navbar-form ul li {
      border-bottom: none; }
    header nav.navbar ul.navbar-right li:last-child {
      border-bottom: 1px solid #aeaeae; }
    header nav.navbar ul.navbar-right li:first-child {
      border-left: none; }
    header nav.navbar ul.navbar-left li:first-child {
      border-top: 1px solid #aeaeae; }
    header nav.navbar ul li.back {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    header nav ul {
      text-align: left; }
    header nav ul li h3 {
      padding-left: 20px;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
    header nav ul li a {
      display: table-cell;
      padding: 0; }
      header nav ul li a h4 {
        width: 100%; }
      header nav ul li a h4, header nav ul li a span {
        display: table-cell;
        vertical-align: middle;
        margin: 0; }
      header nav ul li a span.icon {
        float: none;
        padding-left: 0;
        padding-right: 20px; }
    header nav li h4 {
      padding-left: 20px;
      padding-right: 0;
      width: 100%;
      text-align: left;
      padding-top: 1.1875rem;
      padding-bottom: 1.1875rem; }
    header nav li.back h4 {
      padding-left: 0px;
      padding-right: 0;
      width: 100%;
      text-align: left;
      padding-top: 1.1875rem;
      padding-bottom: 1.1875rem;
      color: #e80033; }
    header nav li.back {
      border-top: 1px solid #aeaeae;
      border-bottom: 1px solid #aeaeae; }
    header nav li.back span.icon {
      padding-left: 20px;
      padding-right: 15px;
      padding-top: 5px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    header nav .navbar--top {
      position: relative;
      top: 0px;
      right: 0;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 20px; }
      header nav .navbar--top ul li {
        border-bottom: none; }
    header nav .navbar-nav {
      margin: 0; }
    header nav .navbar-toggle {
      height: 60px;
      float: left; }
    header nav .navbar-toggle .nav-close {
      display: block; }
    header nav .navbar-toggle .nav-hamburger {
      display: none; }
    header nav .navbar-toggle.collapsed .nav-close {
      display: none; }
    header nav .navbar-toggle.collapsed .nav-hamburger {
      display: block; }
    header nav .navbar-toggle {
      float: left;
      border-right: 1px solid #aeaeae;
      border-left: none;
      margin-left: -10px; }
    header nav .navbar-header[data-toggle=expanded] {
      /*button {
          z-index: 1000;
          margin-right: -10px;
        }
        .brand-icon {
          display: none;
        }*/ }
    header nav .navbar[data-toggle=expanded] {
      border: 1px solid #f00; }
    header nav .navbar-collapse[aria-expanded=true] {
      background-color: #FFFFFF; }
    header nav .navbar-header {
      min-height: 60px; }
      header nav .navbar-header .mini-cart-mobile {
        display: table;
        width: 100%;
        height: 100%; }
  header .navbar-form button.button--search {
    position: relative; }
  header .navbar-form .form-group {
    width: 80%; }
  header span.border {
    position: absolute;
    display: inline-block;
    border-bottom: 1px solid #aeaeae;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0.0001);
    -moz-transform: scaleX(0.0001);
    -ms-transform: scaleX(0.0001);
    -o-transform: scaleX(0.0001);
    transform: scaleX(0.0001);
    -webkit-transition: transform 500ms ease-in-out 200ms;
    -moz-transition: transform 500ms ease-in-out 200ms;
    -ms-transition: transform 500ms ease-in-out 200ms;
    -o-transition: transform 500ms ease-in-out 200ms;
    transition: transform 500ms ease-in-out 200ms; }
  header .navbar[data-toggle=expanded] span.border {
    transform: scaleX(1); }
  header .slide-left {
    -webkit-animation: slide-left .5s ease-out;
    -moz-animation: slide-left .5s ease-out;
    -ms-animation: slide-left .5s ease-out;
    -o-animation: slide-left .5s ease-out;
    animation: slide-left .5s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  header .slide-right {
    -webkit-animation: slide-right .5s ease-out;
    -moz-animation: slide-right .5s ease-out;
    -ms-animation: slide-right .5s ease-out;
    -o-animation: slide-right .5s ease-out;
    animation: slide-right .5s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  header .slide-right-off-screen {
    -webkit-animation: slide-right-off-screen .5s ease-out;
    -moz-animation: slide-right-off-screen .5s ease-out;
    -ms-animation: slide-right-off-screen .5s ease-out;
    -o-animation: slide-right-off-screen .5s ease-out;
    animation: slide-right-off-screen .5s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  header .slide-left-off-screen {
    -webkit-animation: slide-left-off-screen .5s ease-out;
    -moz-animation: slide-left-off-screen .5s ease-out;
    -ms-animation: slide-left-off-screen .5s ease-out;
    -o-animation: slide-left-off-screen .5s ease-out;
    animation: slide-left-off-screen .5s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  header .navbar-default .navbar-toggle {
    /*float: right;
    border-left: 1px solid $color-silver-chalice;
    border-right: none;
    margin-right: 0;*/ }
  header nav.navbar-default[data-toggle=expanded] {
    /*background-color: $color-white;*/ }
  ul.navbar-right li a.mini-cart {
    display: none; } }

/*doc
---
title: Mega Header
name: moduleMegaHeader
category: Modules - Mega Header
---

 The mega header will use the pdp-selector component to generate the mega menu for the products menu item that lives in the module-header

```html_example
{% import "./module-mega-header/html.html" as megaheader %}
{{megaheader.generate()}}

```
Additional description if necessary goes here.

*/
.component-moduleMegaHeader {
  display: none;
  z-index: initial;
  position: absolute;
  top: 4.875rem;
  background-color: #FFFFFF;
  padding: 10px 30px;
  border: 1px solid #d6d6d6;
  overflow-y: auto;
  overflow-x: hidden;
  height: 37.5rem;
  width: 100%; }
  .component-moduleMegaHeader .pdp-detail-list .pdp-detail-lists-title span {
    color: #2C2A29; }
    .component-moduleMegaHeader .pdp-detail-list .pdp-detail-lists-title span .svg-nav-right-arrow--mobile {
      stroke: #e80033;
      width: 1.625rem;
      height: 1.125rem; }
    .component-moduleMegaHeader .pdp-detail-list .pdp-detail-lists-title span .icon-circle {
      border: none; }
      .component-moduleMegaHeader .pdp-detail-list .pdp-detail-lists-title span .icon-circle svg {
        width: 0.875rem;
        height: 0.875rem;
        color: #000000; }
  .component-moduleMegaHeader .pdp-detail-list.open .pdp-detail-lists-title span, .component-moduleMegaHeader .pdp-detail-list.open .pdp-detail-lists-title:hover span {
    color: #e80033; }
  @media (min-width: 768px) {
    .component-moduleMegaHeader .pdp-detail-list.active, .component-moduleMegaHeader .pdp-detail-list.open {
      border-bottom: 1px solid #e80033; } }
  .component-moduleMegaHeader .svg-pdp-arrow--right {
    width: 5px;
    height: 10px; }
  .component-moduleMegaHeader .pdp-detail-list .pdp_selector_indicator_arrow-right-icon {
    margin-top: 0; }
  .component-moduleMegaHeader .list-item ul li {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%; }
  .component-moduleMegaHeader .list-item ul {
    margin-top: 20px; }
  .component-moduleMegaHeader .list-item h2, .component-moduleMegaHeader .list-item .homepage-hero .carousel-content--description, .homepage-hero .component-moduleMegaHeader .list-item .carousel-content--description, .component-moduleMegaHeader .list-item .modal-body--title {
    color: #2C2A29;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.16667; }
  .component-moduleMegaHeader .mega-rows .row div.list-item.odd {
    padding-right: 20px;
    padding-left: 0; }
  .component-moduleMegaHeader .mega-rows .row div.list-item.even {
    padding-right: 0;
    padding-left: 20px; }
  .component-moduleMegaHeader .pdp-detail-lists-content {
    padding-left: 30px; }
  .component-moduleMegaHeader .pdp-detail-lists {
    width: 12.5rem; }
    .component-moduleMegaHeader .pdp-detail-lists a {
      color: #2C2A29 !important; }
      .component-moduleMegaHeader .pdp-detail-lists a:hover {
        color: #e80033 !important; }
  .component-moduleMegaHeader .teaser-round {
    padding: 0; }
  .component-moduleMegaHeader .teaser-round--column {
    padding-left: 0;
    padding-right: 0; }
  .component-moduleMegaHeader .teaser-round--content {
    margin: 0px;
    display: inline; }
  .component-moduleMegaHeader .teaser-round--title {
    color: #e80033; }
  .component-moduleMegaHeader .pdp-panel-title {
    text-align: center; }
  .component-moduleMegaHeader .fixed-navigation {
    position: fixed;
    width: 12.5rem; }
  @media (max-width: 1079px) {
    .component-moduleMegaHeader .mega-rows .row div.list-item.odd {
      padding-right: 10px;
      padding-left: 10px; }
    .component-moduleMegaHeader .mega-rows .row div.list-item.even {
      padding-right: 10px;
      padding-left: 10px; }
    .component-moduleMegaHeader .pdp-detail-lists {
      width: 8.75rem; }
    .component-moduleMegaHeader .products-support .component-listItemProduct .list-item-product li {
      width: 100%; } }
  @media (max-width: 767px) {
    .component-moduleMegaHeader {
      height: auto;
      z-index: 1002;
      top: 7.75rem;
      padding: 0;
      border-right: 0;
      border-left: 0; }
      .component-moduleMegaHeader div.col-xs-12 {
        padding: 0; }
      .component-moduleMegaHeader h2, .component-moduleMegaHeader .homepage-hero .carousel-content--description, .homepage-hero .component-moduleMegaHeader .carousel-content--description, .component-moduleMegaHeader .modal-body--title {
        border: none; }
      .component-moduleMegaHeader .pdp-detail-lists {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative; }
        .component-moduleMegaHeader .pdp-detail-lists .products-industry .row:last-child .list-item:last-child {
          border-bottom: 0; }
        .component-moduleMegaHeader .pdp-detail-lists .products-new .teaser-round {
          border-bottom: 0; }
      .component-moduleMegaHeader li.pdp-detail-list {
        display: table;
        width: 100%;
        height: 3.75rem; }
        .component-moduleMegaHeader li.pdp-detail-list.open {
          display: block;
          height: auto; }
          .component-moduleMegaHeader li.pdp-detail-list.open a.expanded {
            display: block;
            font-weight: bold; }
            .component-moduleMegaHeader li.pdp-detail-list.open a.expanded span.icon {
              padding-left: 0.625rem; }
            .component-moduleMegaHeader li.pdp-detail-list.open a.expanded span.secondary {
              color: #e80033; }
          .component-moduleMegaHeader li.pdp-detail-list.open .pdp-lists-mobile-content {
            border-top: 1px solid #d6d6d6; }
        .component-moduleMegaHeader li.pdp-detail-list a {
          font-size: 1.125rem;
          line-height: 1.22222;
          display: table-cell;
          vertical-align: middle; }
          .component-moduleMegaHeader li.pdp-detail-list a span {
            display: table-cell;
            vertical-align: middle;
            width: 100%; }
          .component-moduleMegaHeader li.pdp-detail-list a span.pdp_selector_indicator_icon {
            padding-right: 1.875rem;
            float: none; }
        .component-moduleMegaHeader li.pdp-detail-list:first-child {
          border-top: none; }
        .component-moduleMegaHeader li.pdp-detail-list .list-item .border {
          display: none; }
        .component-moduleMegaHeader li.pdp-detail-list .list-item h2, .component-moduleMegaHeader li.pdp-detail-list .list-item .homepage-hero .carousel-content--description, .homepage-hero .component-moduleMegaHeader li.pdp-detail-list .list-item .carousel-content--description, .component-moduleMegaHeader li.pdp-detail-list .list-item .modal-body--title {
          font-size: 1.125rem;
          line-height: 1.22222;
          color: #000000;
          padding-left: 20px;
          font-weight: normal; }
        .component-moduleMegaHeader li.pdp-detail-list .list-item .svg-header_minus {
          height: 14px; }
        .component-moduleMegaHeader li.pdp-detail-list .list-item .heading-container span {
          padding-right: 0; }
        .component-moduleMegaHeader li.pdp-detail-list .list-item ul {
          font-size: 0.8125rem;
          margin-top: 0.9375rem; }
          .component-moduleMegaHeader li.pdp-detail-list .list-item ul + ul {
            margin-bottom: 20px; }
          .component-moduleMegaHeader li.pdp-detail-list .list-item ul a {
            color: #000000 !important;
            font-size: 0.8125rem;
            line-height: 1.42857; }
            .component-moduleMegaHeader li.pdp-detail-list .list-item ul a:hover {
              border: none;
              color: #e80033; }
          .component-moduleMegaHeader li.pdp-detail-list .list-item ul span a {
            color: #2C2A29; }
        .component-moduleMegaHeader li.pdp-detail-list .pdp-detail-lists-title {
          padding-left: 1.5625rem;
          font-weight: bold; }
      .component-moduleMegaHeader .override-container-mobile, .component-moduleMegaHeader .pdp-lists-mobile-content, .component-moduleMegaHeader .pdp-lists-mobile-content {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0; }
      .component-moduleMegaHeader .pdp-detail-lists-content {
        border-left: none;
        padding-left: 0; }
      .component-moduleMegaHeader .pdp-lists-mobile-content {
        border-top: none;
        padding-right: 0; }
      .component-moduleMegaHeader .pdp-panel-title {
        display: none; }
      .component-moduleMegaHeader .pdp-detail-list-icon {
        margin-right: 20px; }
      .component-moduleMegaHeader .product-selector-component {
        margin-top: 0; } }

/*IE 10/11 hack*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .component-moduleMegaHeader {
    z-index: 1000; } }

/* Support nav in tab view*/
.support-nav li {
  padding: 10px 0; }

@media (min-width: 768px) and (max-width: 1079px) {
  .component-moduleMegaHeader {
    padding: 10px 27px; }
  .component-geolocationLanguage .dropdown .dropdown-toggle {
    border: none;
    padding: 0px;
    outline: none; }
    .component-geolocationLanguage .dropdown .dropdown-toggle .dropdown__text {
      font-size: 18px;
      padding-right: 0px; }
    .component-geolocationLanguage .dropdown .dropdown-toggle .dropdown__arrow--down .svg-dropdown_arrow--down {
      width: 16px;
      height: 16px; }
  .component-moduleMegaHeader .pdp-detail-lists {
    width: 13.75rem !important;
    padding-bottom: 0px !important;
    margin: 0px;
    padding: 0px; }
  .pdp-detail-list {
    height: 3.75rem; }
  .component-moduleMegaHeader .pdp-detail-lists-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase; }
  .pdp-detail-lists .language--dropdown.ul {
    list-style-type: none; }
  .component-moduleMegaHeader .component-geolocationLanguage {
    width: 90%;
    padding: 10px 0px;
    margin: 0px; }
  .component-moduleMegaHeader .pdp-detail-list .pdp-detail-lists-title span .svg-nav-right-arrow--mobile {
    width: 1rem;
    height: 1rem; }
  .component-geolocationLanguage .dropdown ul li p a {
    padding: 10px; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .global-header-tab li a {
    font-size: 16px !important;
    padding-left: 15px; } }

/*doc
---
title: notifications
name: notifications
category: Components - Notifications
---

 This component displays any notifications on the page and has a close button to destroy it from the page

```html_example
{% import './notifications/html.html' as notifications %}
```
Additional description if necessary goes here.

*/
.component-notification {
  padding: none;
  display: flex;
  background-color: white;
  align-content: stretch;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 1px solid #ed8b00;
  border-radius: 2px; }
  .component-notification .svg-nav_exclamation_point {
    stroke: white; }
  .component-notification .svg-nav_check_mark {
    fill: #7a9c00;
    color: transparent; }
  .component-notification .svg-nav_info {
    stroke: #b39905;
    color: transparent; }
  .component-notification button.btn.btn-block, .component-notification .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-notification button.btn-block.sds-form-submit, .component-notification button.btn-block.pdp-form-submit {
    display: inline-block;
    width: auto;
    margin: 0px 5px;
    padding: 7px 17px;
    letter-spacing: 0px;
    text-transform: none; }
    .component-notification button.btn.btn-block.cancel, .component-notification .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.cancel.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-notification button.btn-block.cancel.sds-form-submit, .component-notification button.btn-block.cancel.pdp-form-submit {
      background-color: transparent;
      border: 1px solid #000000; }
    .component-notification button.btn.btn-block.confirm, .component-notification .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.confirm.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-notification button.btn-block.confirm.sds-form-submit, .component-notification button.btn-block.confirm.pdp-form-submit {
      color: #FFFFFF;
      background-color: #333333;
      border: 1px solid #333333; }
    .component-notification button.btn.btn-block.cancel:hover, .component-notification .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.cancel.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .component-notification button.btn-block.cancel.sds-form-submit:hover, .component-notification button.btn-block.cancel.pdp-form-submit:hover, .component-notification button.btn.btn-block.confirm:hover, .component-notification .dcc-sdsFinder .dcc-container .searchBar .search button.btn-block.confirm.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .component-notification button.btn-block.confirm.sds-form-submit:hover, .component-notification button.btn-block.confirm.pdp-form-submit:hover {
      background-color: #000000;
      color: #FFFFFF;
      border: 1px solid #000000; }
  .component-notification .btn-block + .btn-block {
    margin-top: 0px; }

.notification_icon, .notification_content {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }

.notification_icon_wrapper .svg-nav_info, .notification_icon_wrapper .svg-nav_check_mark, .notification_icon_wrapper .svg-nav_exclamation_point {
  max-height: 1.25rem;
  max-width: 1.25rem; }

.notification_icon {
  width: 2.375rem; }

.notification_highlighted {
  font-weight: bold; }

.component-notification.info {
  border-color: #ed8b00; }
  .component-notification.info .notification_icon {
    background-color: #ed8b00; }
  .component-notification.info .notification_highlighted, .component-notification.info a {
    color: #ed8b00; }

.modal-header.info {
  background-color: #ecc812; }

.modal-footer.info .btn-info, .modal-footer.info .btn-ghost-black {
  border-color: #ecc812;
  color: #ecc812; }

.modal-footer .btn, .modal-footer .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .modal-footer .sds-form-submit, .modal-footer .pdp-form-submit {
  min-width: 140px;
  padding-left: 10px;
  padding-right: 10px;
  width: auto; }

#multiItemConfirmRemoveItem .modal-body {
  padding: 0.9375rem 1.875rem; }

.component-notification.danger {
  border: 1px solid #d34646; }
  .component-notification.danger .notification_icon {
    background-color: #d34646; }
  .component-notification.danger .notification_highlighted, .component-notification.danger a {
    color: #b60600; }

.modal-header.danger {
  background-color: #ff4646; }

.modal-footer.danger .btn-info, .modal-footer.danger .btn-ghost-black {
  border-color: #ff4646;
  background-color: #ff4646;
  color: #fff;
  float: right; }
  .modal-footer.danger .btn-info:hover, .modal-footer.danger .btn-ghost-black:hover {
    background-color: #e80033; }

.component-notification.cookie {
  border: 1px solid #ecc812;
  padding: 18px;
  background-color: rgba(236, 200, 18, 0.2); }
  .component-notification.cookie:after {
    content: '';
    clear: both; }
  .component-notification.cookie.credit-blocking {
    border: none;
    min-height: 1.5625rem;
    line-height: 1.5625rem;
    background: #ffab00;
    color: #FFFFFF; }
    .component-notification.cookie.credit-blocking a {
      color: #FFFFFF; }

.component-notification.success {
  border: 1px solid #aacc41; }
  .component-notification.success .notification_icon {
    background-color: #aacc41; }
  .component-notification.success .notification_highlighted, .component-notification.success a {
    color: #7a9c00; }

.modal-header.success {
  background-color: #aacc41; }

.modal-footer.success .btn-info, .modal-footer.success .btn-ghost-black {
  border-color: #aacc41;
  color: #aacc41; }

.component-notification_holder {
  width: 100%;
  max-width: 1075px;
  margin: 0 auto;
  zoom: 1;
  clear: both; }
  .component-notification_holder:before, .component-notification_holder:after {
    content: "";
    display: table;
    height: 0;
    overflow: hidden; }
  .component-notification_holder:after {
    clear: both; }

.component-notification_text {
  width: 75%;
  float: left; }

.component-notification_continue_text {
  text-align: right;
  width: 25%;
  float: left; }
  .component-notification_continue_text :after {
    content: "";
    display: block;
    clear: both; }

.unsupportedBrowserIE8 .cookie.component-notification {
  background: #ebe4c0; }

.dcc_password_reset_success {
  margin: 15px 0; }

button.resetPwdToLogin {
  margin-top: 20px; }

.dcc_login_migration_verification_form_notifications {
  margin: 1.25rem 0; }

/*doc
---
title: Ordered List
name: orderedlist
category: Style Guide - Ordered List
---
This is an ordered list.

```html_example
{% include "./ordered-list/html.html" %}
```

*/
/*doc
---
title: Pagination
name: pagination
category: Components - Pagination
---

Pagination is used to browse additional pages of results.

```html_example
{% import "./pagination/html.html" as pagination %}
{{ pagination.generate(['1','2','3','4','5', '6'], 2) }}
```


If your button is actually a link to another page, please use the
`<a>` element, while if your button performs an action, such as
submitting a form or triggering some javascript event, then use a
`<button>` element.

*/
.page__pagination .page__pagination__arrow {
  display: inline-block; }

.page__pagination .page__pagination__arrow--right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.page__pagination .page__pagination__arrow--left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.page__pagination li a, .page__pagination:link, .page__pagination:visited, .page__pagination:hover, .page__pagination:active {
  color: #333333; }

.page__pagination li a.active, .page__pagination:link, .page__pagination:visited, .page__pagination:hover, .page__pagination:active {
  color: #2C2A29; }

.page__pagination li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  display: table; }

.page__pagination span.label {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0.625rem;
  color: #000000; }

.page__pagination .svg-nav-right-arrow--mobile {
  width: 10px;
  height: 10px; }

.paginationjs {
  line-height: 1.6;
  font-family: Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;
  font-size: 14px;
  box-sizing: initial; }

.paginationjs:after {
  display: table;
  content: " ";
  clear: both; }

.paginationjs .paginationjs-pages {
  float: left; }

.paginationjs .paginationjs-pages ul {
  float: left;
  margin: 0;
  padding: 0; }

.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav {
  float: left;
  margin-left: 10px;
  font-size: 14px; }

.paginationjs .paginationjs-pages li {
  float: left;
  border: 1px solid #aaa;
  border-right: none;
  list-style: none; }

.paginationjs .paginationjs-pages li > a {
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  display: block;
  background: #fff;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  text-align: center; }

.paginationjs .paginationjs-pages li > a:hover {
  background: #eee; }

.paginationjs .paginationjs-pages li.active {
  border: none; }

.paginationjs .paginationjs-pages li.active > a {
  height: 30px;
  line-height: 30px;
  background: #aaa;
  color: #fff; }

.paginationjs .paginationjs-pages li.disabled > a {
  opacity: .3; }

.paginationjs .paginationjs-pages li.disabled > a:hover {
  background: 0 0; }

.paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {
  border-radius: 3px 0 0 3px; }

.paginationjs .paginationjs-pages li:last-child {
  border-right: 1px solid #aaa;
  border-radius: 0 3px 3px 0; }

.paginationjs .paginationjs-pages li:last-child > a {
  border-radius: 0 3px 3px 0; }

.paginationjs .paginationjs-go-input > input[type=text] {
  width: 30px;
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  box-sizing: initial; }

.paginationjs .paginationjs-go-button > input[type=button] {
  min-width: 40px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  color: #333;
  cursor: pointer;
  vertical-align: middle\9; }

.paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
  border-color: #289de9; }

.paginationjs .paginationjs-go-button > input[type=button]:hover {
  background-color: #f8f8f8; }

.paginationjs .paginationjs-nav {
  height: 30px;
  line-height: 30px; }

.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input {
  margin-left: 5px\9; }

.paginationjs.paginationjs-small {
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-pages li > a {
  min-width: 26px;
  height: 24px;
  line-height: 24px;
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-pages li.active > a {
  height: 26px;
  line-height: 26px; }

.paginationjs.paginationjs-small .paginationjs-go-input {
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
  width: 26px;
  height: 24px;
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-go-button {
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
  min-width: 30px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 12px; }

.paginationjs.paginationjs-small .paginationjs-nav {
  height: 26px;
  line-height: 26px;
  font-size: 12px; }

.paginationjs.paginationjs-big {
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-pages li > a {
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
  height: 36px;
  line-height: 36px; }

.paginationjs.paginationjs-big .paginationjs-go-input {
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
  width: 36px;
  height: 34px;
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-go-button {
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
  min-width: 50px;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 16px; }

.paginationjs.paginationjs-big .paginationjs-nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px; }

.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
  color: #289de9; }

.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
  background: #e9f4fc; }

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
  background: #289de9;
  color: #fff; }

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
  background: 0 0; }

.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button] {
  background: #289de9;
  border-color: #289de9;
  color: #fff; }

.paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-green .paginationjs-pages li {
  border-color: #449d44; }

.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button]:hover {
  background-color: #3ca5ea; }

.paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
  color: #449d44; }

.paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
  background: #ebf4eb; }

.paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
  background: #449d44;
  color: #fff; }

.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
  background: 0 0; }

.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button] {
  background: #449d44;
  border-color: #449d44;
  color: #fff; }

.paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
  border-color: #ec971f; }

.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button]:hover {
  background-color: #55a555; }

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
  color: #ec971f; }

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
  background: #fdf5e9; }

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
  background: #ec971f;
  color: #fff; }

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
  background: 0 0; }

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button] {
  background: #ec971f;
  border-color: #ec971f;
  color: #fff; }

.paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-red .paginationjs-pages li {
  border-color: #c9302c; }

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button]:hover {
  background-color: #eea135; }

.paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
  color: #c9302c; }

.paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
  background: #faeaea; }

.paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
  background: #c9302c;
  color: #fff; }

.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
  background: 0 0; }

.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button] {
  background: #c9302c;
  border-color: #c9302c;
  color: #fff; }

.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button]:hover {
  background-color: #ce4541; }

.paginationjs .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #aaa \9; }

.paginationjs .paginationjs-go-input > input[type=text] {
  line-height: 28px\9;
  vertical-align: middle\9; }

.paginationjs.paginationjs-big .paginationjs-pages li > a {
  line-height: 36px\9; }

.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
  height: 36px\9;
  line-height: 36px\9; }

/*doc
---
title: paginationWithCount
name: paginationWithCount
category: Components - Pagination with Count
---

 This component generates a pagination row with a counter

```html_example
{% import './pagination-with-count/html.html' as paginationWithCount %}
{{ paginationWithCount.generate({items: 44, pagination_array: [1,2,3,4]}) }}
```
Additional description if necessary goes here.

*/
.pagination-with-count {
  position: relative;
  padding-top: 0.625rem;
  min-height: 40px; }
  .pagination-with-count .paginator-holder {
    position: absolute;
    top: 0;
    right: 0; }
  .pagination-with-count .pagination.page__pagination, .pagination-with-count .pagination-with-menu .page__pagination.pagination-show, .pagination-with-menu .pagination-with-count .page__pagination.pagination-show {
    margin-top: 0px; }

/*doc
---
title: paginationWithDropdown
name: paginationWithDropdown
category: Components - Pagination with Dropdown
---

 This component generates a pagination row with a dropdown to show filter the pagination

```html_example
{% import './pagination-with-dropdown/html.html' as paginationWithDropdown %}
{{ paginationWithDropdown.generate({
  pagination_dropdown_options : ['Show 10', 'Show 25', 'Show 50'],
  pagination_array: ['1','2','3','4','5', '6']
}) }}
```
Additional description if necessary goes here.

*/
.pagination-with-menu {
  position: relative;
  margin-bottom: 30px;
  width: 100%; }
  .pagination-with-menu .pagination-show {
    position: relative;
    z-index: 990; }
    @media (min-width: 768px) {
      .pagination-with-menu .pagination-show {
        width: 300px; } }
  @media (min-width: 768px) {
    .pagination-with-menu .paginator-holder {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 999; } }

.pdp-filter-component {
  color: #FFFFFF;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .pdp-filter-component {
      background-color: #333333;
      margin-bottom: 30px;
      margin-top: 0px; } }

.pdp-filter-refine-text {
  padding: 18px 20px;
  line-height: 1.3;
  max-width: 6.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (min-width: 768px) {
  .pdp-dropdown-container {
    display: inline-block;
    border-left: 1px solid #666666;
    max-width: 160px; }
    .pdp-dropdown-container:last-child {
      border-right: 1px solid #666666; } }

.pdp-filter__desktop .pdp-filter-refine-text, .pdp-filter__desktop .pdp-dropdown-container {
  display: inline-block;
  font-weight: bold;
  vertical-align: top; }
  .pdp-filter__desktop .pdp-filter-refine-text .btn, .pdp-filter__desktop .pdp-filter-refine-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-filter-refine-text .sds-form-submit, .pdp-filter__desktop .pdp-filter-refine-text .pdp-form-submit, .pdp-filter__desktop .pdp-filter-refine-text .btn:hover, .pdp-filter__desktop .pdp-filter-refine-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-filter-refine-text .sds-form-submit:hover, .pdp-filter__desktop .pdp-filter-refine-text .pdp-form-submit:hover, .pdp-filter__desktop .pdp-filter-refine-text .btn:active, .pdp-filter__desktop .pdp-filter-refine-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-filter-refine-text .sds-form-submit:active, .pdp-filter__desktop .pdp-filter-refine-text .pdp-form-submit:active, .pdp-filter__desktop .pdp-filter-refine-text .btn:focus, .pdp-filter__desktop .pdp-filter-refine-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-filter-refine-text .sds-form-submit:focus, .pdp-filter__desktop .pdp-filter-refine-text .pdp-form-submit:focus, .pdp-filter__desktop .pdp-filter-refine-text .dropdown.open .dropdown-toggle, .pdp-filter__desktop .pdp-dropdown-container .btn, .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit, .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit, .pdp-filter__desktop .pdp-dropdown-container .btn:hover, .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit:hover, .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit:hover, .pdp-filter__desktop .pdp-dropdown-container .btn:active, .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:active, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit:active, .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit:active, .pdp-filter__desktop .pdp-dropdown-container .btn:focus, .pdp-filter__desktop .pdp-dropdown-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-filter__desktop .pdp-dropdown-container .sds-form-submit:focus, .pdp-filter__desktop .pdp-dropdown-container .pdp-form-submit:focus, .pdp-filter__desktop .pdp-dropdown-container .dropdown.open .dropdown-toggle {
    background-color: #333333 !important;
    border: none;
    min-width: 160px;
    padding: 18px 20px !important;
    padding-right: 2em;
    outline: none; }
  .pdp-filter__desktop .pdp-filter-refine-text .dropdown__text, .pdp-filter__desktop .pdp-dropdown-container .dropdown__text {
    color: #FFFFFF !important; }
  .pdp-filter__desktop .pdp-filter-refine-text .dropdown .dropdown__arrow--down, .pdp-filter__desktop .pdp-dropdown-container .dropdown .dropdown__arrow--down {
    top: 28%; }
  .pdp-filter__desktop .pdp-filter-refine-text .svg-dropdown_arrow--down, .pdp-filter__desktop .pdp-dropdown-container .svg-dropdown_arrow--down {
    color: #FFFFFF !important; }

.pdp-filter__mobile {
  padding: 18px 20px;
  padding-left: 0px; }
  .pdp-filter__mobile .svg-pdp-funnel {
    height: 16px;
    max-width: 16px;
    display: inline-block; }
  .pdp-filter__mobile a.pdp-filter-refine-text {
    padding-left: 0px; }

/*doc
---
title: PDP Line Item
name: pdpLineItem
category: Components - PDP Line Item
---

Line items are used to generate all line items in the PDP

```html_example
{% import "./pdp-line-item/html.html" as pdpLineItem %}
{{pdpLineItem.prototype({
  pre: 'Selection guide',
  icon: 'pdp-box',
  title: 'Troubleshooting Dow Corning® IE 6694',
  href: '#',
  content: 'This guide will show you how to solve the most common issues installing and using our top of the line water repellants including IE 6694, IE 6697, and IE 6699',
  subtitles: ['Material No. 1234456 ', '20KG DR'],
  details_heading: 'Direct sale details',
  buttons: ['Login to view']
})}}
```
*/
.pdp-line-item-content-holder {
  width: calc(100% - 40px);
  float: left;
  padding-left: 15px; }

.pdp-line-item-pre {
  color: #aeaeae;
  font-weight: bold;
  margin-bottom: 20px; }
  .pdp-line-item-pre a, .pdp-line-item-pre a:hover {
    color: #aeaeae; }

.pdp-line-item {
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  list-style: none;
  padding: 5px 0px 20px 0px; }
  .pdp-line-item button.btn, .pdp-line-item .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-line-item button.sds-form-submit, .pdp-line-item button.pdp-form-submit {
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
    padding: 10px;
    border-color: #f15d22;
    color: #f15d22; }
    .pdp-line-item button.btn:hover, .pdp-line-item .dcc-sdsFinder .dcc-container .searchBar .search button.sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-line-item button.sds-form-submit:hover, .pdp-line-item button.pdp-form-submit:hover {
      border-color: #f15d22;
      background: #f15d22;
      color: #FFFFFF; }
  .pdp-line-item .disabled-link {
    pointer-events: none;
    color: #666666; }

.line-item-heading-link, .line-item-heading-link__details {
  padding-left: 0px;
  font-size: 1.125rem;
  margin-bottom: 0.375rem;
  margin-top: 0px;
  padding: 0;
  padding-bottom: 0px;
  padding-right: 15px; }
  .line-item-heading-link__details {
    color: #666;
    margin-top: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .line-item-heading-link .reversed, .line-item-heading-link__details .reversed {
    color: #333333; }
  .line-item-heading-link a, .line-item-heading-link__details a {
    color: #333333 !important; }
    .line-item-heading-link a:active, .line-item-heading-link__details a:active, .line-item-heading-link a:visited, .line-item-heading-link__details a:visited {
      color: #333333 !important; }
    .line-item-heading-link a:hover, .line-item-heading-link__details a:hover {
      color: #910048 !important; }

.pdp-line-item-icon-holder {
  position: relative;
  width: 40px;
  float: left; }
  .pdp-line-item-icon-holder .svg-badge--new {
    fill: #ecc812; }
  .pdp-line-item-icon-holder .svg-pdp-box {
    width: 30px;
    height: 33px; }
  .pdp-line-item-icon-holder svg[class^="svg-"] {
    width: 35px;
    height: 35px; }

.pdp-line-item-video {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right; }
  @media (max-width: 1080px) {
    .pdp-line-item-video {
      margin-top: 1rem;
      position: relative;
      text-align: left; } }

.pdp-line-item-image {
  float: right;
  overflow: hidden; }
  .pdp-line-item-image img {
    max-width: 100%; }

.pdp-line-item-product-single-meta {
  margin-right: 10px;
  padding-right: 10px;
  display: inline-block;
  border-right: 1px dotted #333333;
  line-height: 1;
  font-weight: normal;
  color: #333333; }
  .pdp-line-item-product-single-meta:last-child {
    border-right: none; }
  .pdp-line-item-product-single-meta > a {
    color: #e80033;
    font-weight: bold; }
    .pdp-line-item-product-single-meta > a:link, .pdp-line-item-product-single-meta > a:hover, .pdp-line-item-product-single-meta > a:visited {
      color: #e80033; }

.order-line-item .pdp-line-item-product-single-meta > a {
  color: #910048; }
  .order-line-item .pdp-line-item-product-single-meta > a:link, .order-line-item .pdp-line-item-product-single-meta > a:hover, .order-line-item .pdp-line-item-product-single-meta > a:visited {
    color: #910048; }

.pdp-line-item-product-single-meta.pdp-line-item-product-single-meta-last {
  border-right: none; }

.tooltip-inner .pdp-line-item-product-single-meta {
  color: currentColor; }

.tooltip .tooltip-inner .pdp-line-item-product-single-meta {
  border-color: #FFFFFF; }

.pdp-line-item-content {
  color: #333333;
  margin-top: 10px; }

.pdp-line-item-content-warning {
  color: #ffab00;
  margin-top: 0.625rem;
  font-size: 1rem; }

.pdp-line-item-content-order-details {
  color: #333333;
  font-size: 0.875rem; }

.pdp-line-item-content-order-availability {
  font-size: 0.75rem;
  color: #333333; }

.pdp-line-item-content-order-pricing {
  font-size: 0.75rem;
  color: #333333; }

.pdp-line-item-ctas {
  text-align: right; }
  @media (max-width: 767px) {
    .pdp-line-item-ctas .pdp-line-item-cta.view-pricing-availability button {
      letter-spacing: 0.11rem;
      padding-left: 0.375rem;
      padding-right: 0.375rem; } }

.pdp-line-item-ctas-above {
  padding-bottom: 0.3125rem; }

@media (max-width: 1079px) {
  .pdp-line-item-ctas {
    margin-top: 1.5rem; } }

@media (min-width: 768px) {
  .pdp-line-item-content-box {
    padding-left: 10px; }
    .pdp-line-item-content-box .pdp-line-item-ctas {
      text-align: left; } }

@media (min-width: 1080px) {
  .pdp-line-item-content-box {
    padding: 0; }
    .pdp-line-item-content-box .pdp-line-item-ctas {
      text-align: right; } }

.pdp-minHeight {
  min-height: 3.125rem; }

.pdp-line-item-cta {
  font-size: 0.75rem;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .pdp-line-item-cta {
      display: inline-block;
      margin-right: 5px;
      margin-left: 0;
      margin-bottom: 0px; } }
  @media (min-width: 1080px) {
    .pdp-line-item-cta {
      margin-right: 0;
      margin-left: 5px; }
      .pdp-line-item-cta .btn, .pdp-line-item-cta .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .pdp-line-item-cta .sds-form-submit, .pdp-line-item-cta .pdp-form-submit {
        letter-spacing: 0.08rem;
        padding: 10px 12px; } }

.heading--container {
  display: table; }
  .heading--container .line-item-heading-link, .heading--container .line-item-heading-link__details {
    display: table-cell;
    width: 100%; }

.pdp-line-item-star {
  display: table-cell;
  color: #666666;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0.4375rem; }
  .pdp-line-item-star.starred {
    color: #ecc812; }
  .pdp-line-item-star .svg-pdp-my_favorites {
    height: 16px;
    width: 16px; }

/*doc
---
title: PDP Selector
name: pdpSelector
category: Components - PDP Selector
---

PDP Selector makes a left sector on desktop and accordion on mobile.

```html_example
{% import "./pdp-selector/html.html" as pdpSelector %}
{{ pdpSelector.generate([
    {
      list_title : 'Overview',
      title : 'Overview',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      list_title : 'Specifications',
      title : 'Specifications',
      title_links: ['Sales Specification', 'Chemical Equivalency'],
      content : 'Content for panel here. Can be another macro.'
    },
    {
      list_title : 'Product Support',
      title : 'Product Support',
      title_links: ['How to use', 'Ask for help'],
      content : 'Content for panel here. Can be another macro.'
    },
    {
      list_title : 'Buying Options',
      title : 'Buying Options',
      title_links: ['How to buy', 'Request Custom Color'],
      has_favourite: true,
      content : "Please select item from the list below"
    },
    {
      list_title : 'Related Products & Services',
      title : 'Related Products & Services',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      list_title : 'Sample Options',
      title : 'Sample Options',
      content : 'Content for panel here. Can be another macro.'
    }
  ],[
    {
      tool_title: 'Tool 1',
      tool_description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci iste tenetur similique sequi perferendis modi labore, eum necessitatibus illo ratione.'
    },
    {
      tool_title: 'Tool 2',
      tool_description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit suscipit pariatur, at, quas iste sit a tenetur illo accusantium similique!'
    }
],
'namespace-for-id-targetting-'
) }}
```
*/
.product-selector-component {
  margin-top: 0.8125rem; }
  .product-selector-component .pagination-with-count {
    margin-bottom: 10px;
    margin-top: 1.25rem; }

svg#pdp-arrow--right .cdcls-1 {
  color: red !important; }

.product-details-container {
  margin: 0px;
  padding: 0px; }

.pdp-detail-lists {
  padding-bottom: 30px; }

.pdp-detail-lists + .pdp-bannerAd {
  padding-top: 15px;
  border-top: 1px dashed #d6d6d6; }

.pdp-detail-lists-content {
  line-height: 1.2; }
  .pdp-detail-lists-content img {
    max-width: 100%; }
  .pdp-detail-lists-content ul {
    padding: 0; }
    .pdp-detail-lists-content ul li {
      list-style-type: none; }
  .pdp-detail-lists-content .textImage ul li {
    list-style-type: disc; }
  .pdp-detail-lists-content .textImage .text ul li {
    margin-left: 1rem; }
  .pdp-detail-lists-content .textImage .text ol li {
    margin-left: 1rem; }
  .pdp-detail-lists-content .ctaImage ul li {
    margin-left: 1rem; }
  .pdp-detail-lists-content .textimage ul li {
    margin-left: 1.5625rem; }
  .pdp-detail-lists-content .textimage .textimage-right + .textimage-text ul li {
    margin-left: 1rem;
    list-style-type: disc; }
  .pdp-detail-lists-content .textimage .textimage-left + .textimage-text ul li {
    margin-left: -0.5rem;
    list-style-type: disc; }

.pdp-lists-desktop-content {
  display: none; }
  @media (min-width: 768px) {
    .pdp-lists-desktop-content {
      display: block; } }

.pdp-detail-lists-title {
  display: block;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  text-decoration: none;
  font-weight: bold;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; }
  .pdp-detail-lists-title:hover {
    text-decoration: none;
    border-bottom: none;
    color: #e80033; }

.pdp_selector_indicator_icon {
  float: right;
  height: 16px;
  width: auto; }
  .pdp_selector_indicator_icon .svg-pdp-list_expand, .pdp_selector_indicator_icon .svg-pdp-list_collapse {
    width: 14px;
    height: 14px; }

.pdp-lists-mobile-content {
  display: none;
  height: 0px;
  transition: height 1s linear;
  border-top: 1px solid #d6d6d6; }
  .pdp-lists-mobile-content .pdp-panel-title-heading {
    font-size: 1.125rem; }
  .pdp-lists-mobile-content > .component-accordion {
    margin-left: -10px;
    margin-right: -10px; }
    .pdp-lists-mobile-content > .component-accordion .accordion_unit_container {
      border-left: none;
      border-right: none; }
      .pdp-lists-mobile-content > .component-accordion .accordion_unit_container .accordion_unit_title {
        padding-left: 15px; }
      .pdp-lists-mobile-content > .component-accordion .accordion_unit_container .pdp-specifications-table {
        width: 100%;
        margin-left: -calc-em(10px);
        max-width: 100%; }
      .pdp-lists-mobile-content > .component-accordion .accordion_unit_container .pdp-packaging-specification {
        padding-right: 15px; }
  .pdp-lists-mobile-content .pdp-overview-title {
    text-align: center; }
  .pdp-lists-mobile-content .buying-options-pagination-container li a[data-page-target="prev"] {
    display: table; }
  .pdp-lists-mobile-content .buying-options-pagination-container li a[data-page-target="next"] {
    display: table; }

.pdp-detail-list {
  list-style: none;
  background: none;
  border-top: 1px solid #d6d6d6; }
  @media (max-width: 768px) {
    .pdp-detail-list {
      border-top: 1px solid #d6d6d6; } }
  .pdp-detail-list.active > .pdp-lists-mobile-content, .pdp-detail-list.open > .pdp-lists-mobile-content {
    display: block;
    height: auto; }
    @media (min-width: 768px) {
      .pdp-detail-list.active > .pdp-lists-mobile-content, .pdp-detail-list.open > .pdp-lists-mobile-content {
        display: none; } }
  .pdp-detail-list.active a.pdp-detail-lists-title:hover, .pdp-detail-list.open a.pdp-detail-lists-title:hover {
    border-bottom: none; }
    .pdp-detail-list.active a.pdp-detail-lists-title:hover span, .pdp-detail-list.open a.pdp-detail-lists-title:hover span {
      color: #F15D22; }
  .pdp-detail-list.open a.pdp-detail-lists-title span {
    color: #F15D22; }
    .pdp-detail-list.open a.pdp-detail-lists-title span .icon-circle .svg-header_plus {
      display: none; }
    .pdp-detail-list.open a.pdp-detail-lists-title span .icon-circle .svg-header_minus {
      display: inline; }
  .pdp-detail-list .pdp-detail-lists-title span {
    color: #000000; }
    .pdp-detail-list .pdp-detail-lists-title span .svg-nav-right-arrow--mobile {
      width: 0.25rem;
      height: 0.5rem;
      stroke: #F15D22; }
    .pdp-detail-list .pdp-detail-lists-title span .icon-circle {
      width: 1.125rem;
      height: 1.125rem;
      border-radius: 50%;
      border: 2px solid #e80033;
      background: transparent;
      text-align: center;
      line-height: 0.75rem; }
      .pdp-detail-list .pdp-detail-lists-title span .icon-circle svg {
        width: 0.5rem;
        height: 0.5rem;
        color: #e80033; }
      .pdp-detail-list .pdp-detail-lists-title span .icon-circle .svg-header_minus {
        display: none; }
      .pdp-detail-list .pdp-detail-lists-title span .icon-circle .svg-header_plus {
        display: inline; }
  .pdp-detail-list.open .pdp-detail-lists-title span:first-child {
    color: #e80033; }
  @media (min-width: 768px) {
    .pdp-detail-list.open .pdp-detail-lists-title span, .pdp-detail-list .pdp-detail-lists-title:hover span {
      color: #F15D22; } }
  .pdp-detail-list .svg-nav_circle--plus, .pdp-detail-list .svg-nav_circle--minus {
    width: 15px;
    height: 15px;
    color: #e80033;
    stroke: #e80033; }
  @media (min-width: 768px) {
    .pdp-detail-list .pdp_selector_indicator_arrow-right-icon {
      opacity: 0;
      margin-right: 40px;
      display: inline-block;
      margin-top: -6px;
      transition: margin-right 0.3s linear, opacity 0.3s linear;
      display: inline-block;
      vertical-align: bottom;
      bottom: -8px;
      position: relative; }
      .pdp-detail-list .pdp_selector_indicator_arrow-right-icon .svg-pdp-arrow--right {
        height: 8px;
        width: 4px; } }
  @media (min-width: 768px) {
    .pdp-detail-list.active .pdp_selector_indicator_arrow-right-icon, .pdp-detail-list.open .pdp_selector_indicator_arrow-right-icon {
      opacity: 1;
      margin-right: 0px;
      display: inline-block; } }
  .pdp-detail-list .show-less-icon {
    display: none; }
  .pdp-detail-list.active .show-less-icon, .pdp-detail-list.open .show-less-icon {
    display: inline-block; }
    @media (min-width: 768px) {
      .pdp-detail-list.active .show-less-icon, .pdp-detail-list.open .show-less-icon {
        display: none; } }
  .pdp-detail-list .show-more-icon {
    display: inline-block; }
    @media (min-width: 768px) {
      .pdp-detail-list .show-more-icon {
        display: none; } }
  .pdp-detail-list.active .show-more-icon, .pdp-detail-list.open .show-more-icon {
    display: none; }
  @media (min-width: 768px) {
    .pdp-detail-list {
      padding-left: 0px;
      padding-right: 0px;
      border-top: none;
      border-bottom: 1px solid #d6d6d6;
      transition: border-bottom 1s linear; }
      .pdp-detail-list.active, .pdp-detail-list.open {
        border-bottom: 1px solid #F15D22; }
        .pdp-detail-list.active .pdp-detail-lists-title, .pdp-detail-list.open .pdp-detail-lists-title {
          color: #e80033; } }

.pdp-list-content-desktop {
  transform-origin: top;
  opacity: 0;
  height: 0px;
  overflow: hidden; }
  .pdp-list-content-desktop.active, .pdp-list-content-desktop.open {
    height: auto;
    opacity: 1;
    overflow: visible;
    transform: translate(0px, 0px);
    transition: transform 0.3s linear, opacity 0.6s linear; }
  .pdp-list-content-desktop .buying-options-pagination-container li a[data-page-target="prev"] {
    display: table; }
  .pdp-list-content-desktop .buying-options-pagination-container li a[data-page-target="next"] {
    display: table; }

.interactive-tools-list {
  list-style: none;
  margin-top: 1.125rem;
  word-wrap: break-word; }

.interactive-tools-list .interactive-section {
  text-transform: none;
  letter-spacing: normal; }

.interactive-tools-heading {
  color: #666666; }

.pdp-panel-title {
  position: relative;
  margin-bottom: 15px; }

.pdp-panel-title-heading {
  display: inline-block;
  margin-right: 1.125rem;
  margin-top: 0.6em;
  margin-bottom: 0em;
  font-size: 1.5rem; }
  @media (min-width: 768px) and (max-width: 1080px) {
    .pdp-panel-title-heading {
      display: block; } }

.pdp-panel-title-links {
  display: inline-block;
  margin-top: 0.8em;
  width: 22.8125rem; }

.pdp-panel-title-link {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  border-right: 1px solid #aeaeae; }
  .pdp-panel-title-link:last-child {
    border-right: none; }

.pdp-sample-options-no-content {
  padding: 15px;
  border: 1px solid #aeaeae;
  background-color: #dde9e9; }

.pdp-my-favourites {
  position: absolute;
  top: 10px;
  right: 0px; }
  .pdp-my-favourites a:hover {
    border: none;
    text-decoration: none;
    color: #000000; }
  @media (min-width: 1080px) {
    .pdp-my-favourites {
      top: 20px; } }
  .pdp-my-favourites .svg-pdp-my_favorites, .pdp-my-favourites span {
    display: inline-block;
    margin-left: 0.3125rem;
    vertical-align: middle;
    font-size: 0.75rem;
    height: 16px; }
  @media (min-width: 768px) and (max-width: 1080px) {
    .pdp-my-favourites {
      display: inline-block;
      float: right;
      position: relative;
      top: -1.5625rem;
      right: auto; } }

.divMainMask {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  filter: alpha(opacity=30);
  opacity: 0.3;
  overflow: hidden;
  z-index: 9999;
  display: none; }

.cq-editrollover-insert-container[style*="width: 0px"] {
  display: none !important; }

@media (max-width: 767px) {
  .dcc-page .megaheader-only {
    display: none; }
  .dcc-page .pdp-only {
    display: block !important; } }

.pdp-filter__desktop .dropdown-menu li a {
  color: #000000 !important; }
  .pdp-filter__desktop .dropdown-menu li a:hover {
    color: #fff !important; }

#pdp-detail-lists .pdp-detail-lists-content .textimage .textimage-left + .textimage-text ul {
  padding-left: 1.5625rem; }

@media (max-width: 1080px) and (min-width: 767px) {
  #pdp-detail-lists .pdp-detail-lists-content .teaser-round--column {
    padding: 0; } }

/*doc
---
title: pdpSpecificationsAccordion
name: pdpSpecificationsAccordion
category: Components - PDP Accordion
---

 pdp-specifications-accordion

```html_example
{% import './pdp-specifications-accordion/html.html' as pdpSpecificationsAccordion %}
{{ pdpSpecificationsAccordion.generate() }}
```
Additional description if necessary goes here.

*/
.pdp-specifications-accordion,
.pdp-specifications-accordion-mobile {
  margin: 0; }
  .pdp-specifications-accordion .accordion_unit_container,
  .pdp-specifications-accordion-mobile .accordion_unit_container {
    border-bottom: 1px solid #d6d6d6;
    padding: 0; }
    .pdp-specifications-accordion .accordion_unit_container .accordion_unit_title,
    .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_title {
      background-color: #ebebeb;
      color: #000000;
      cursor: pointer;
      font-weight: bold;
      font-size: .875rem;
      margin-bottom: 0;
      padding: .625rem;
      position: relative; }
      .pdp-specifications-accordion .accordion_unit_container .accordion_unit_title.open svg,
      .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_title.open svg {
        top: 0.9375rem;
        transform: rotate(180deg); }
      .pdp-specifications-accordion .accordion_unit_container .accordion_unit_title svg,
      .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_title svg {
        position: absolute;
        top: 0.9375rem;
        right: 0.625rem; }
      .pdp-specifications-accordion .accordion_unit_container .accordion_unit_title_content,
      .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_title_content {
        padding-right: 1rem; }
    .pdp-specifications-accordion .accordion_unit_container .accordion_unit_content,
    .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_content {
      padding: 0; }
      .pdp-specifications-accordion .accordion_unit_container .accordion_unit_content p,
      .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_content p {
        padding: 0.9375rem;
        margin: 0; }
      .pdp-specifications-accordion .accordion_unit_container .accordion_unit_content .panel-body,
      .pdp-specifications-accordion-mobile .accordion_unit_container .accordion_unit_content .panel-body {
        padding: 1rem; }

.panel-body-listItem {
  margin-left: 40px;
  padding-bottom: 20px; }

.pdp-lists-mobile-content .pdp-specifications-accordion {
  margin-left: -0.9375rem; }

/*doc
---
title: PDP Specifications Table
name: pdpSpecificationsTable
category: Components - PDP Table
---

Specifications Table has a special table styling

```html_example
{% import "./pdp-specifications-table/html.html" as pdpSpecificationsTable %}
{{ pdpSpecificationsTable.generate([
    ['Color', 'Milky White'],
    ['Active Content', '=60%'],
    ['Flash point, close cup', '> 100 Deg C'],
    ['pH', '4 to 6'],
    ['Specific Gravity @ 25C', '= 1.02'],
    ['Volatile Organic Content', ' < 100 g/liter']
  ]) }}
```
*/
.pdp-specifications-table .no-sign svg {
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: text-top;
  margin-right: 5px; }

.pdp-specifications-table .yes-sign svg {
  width: 1.125rem;
  height: 0.75rem;
  vertical-align: text-top;
  margin-right: 5px; }

.pdp-specifications-table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px; }
  .pdp-specifications-table tbody > tr > td {
    width: 50%; }
  .pdp-specifications-table tbody > tr > td:first-child {
    background-color: #ebebeb;
    font-weight: bold; }
  .pdp-specifications-table tbody > tr > td:last-child {
    background-color: #f9f9f9; }
  @media (max-width: 767px) {
    .pdp-specifications-table {
      width: calc(100% - (-25px));
      margin-left: -15px;
      max-width: calc(100% - (-30px)); }
      .pdp-specifications-table tbody > tr > td {
        padding-left: 15px;
        padding-right: 15px; } }

@media (max-width: 767px) {
  .pdp-lists-mobile-content .pdp-specifications-table {
    min-width: calc(100% - (-15px)); } }

/*doc
---
title: PDP Title
name: pdpTitle
category: Components - PDP Title
---

This component makes the entire title panel for the pdp along with the modal for add part numbers

```html_example
{% import "./pdp-title/html.html" as pdpTitle %}
{{ pdpTitle.generate('Dow Corning® IE 6694 Water Repellant', ['Safety Data Sheet', 'Product Data Sheet'], [{title: 'Product Name', subtitles: ['title name','Another subtitle']},{title: 'Product Name', subtitles: ['title name','Another subtitle']},{title: 'Product Name', subtitles: ['title name','Another subtitle']}])}}
```
*/
@media (min-width: 768px) {
  .product-title-component {
    border-bottom: 1px solid #F15D22;
    padding-bottom: 10px; } }

.pdp-title {
  line-height: 1.2; }

.pdp-related-document-names {
  display: inline-block;
  border-right: 1px solid #aeaeae;
  margin: 0;
  padding-right: 10px;
  margin-right: 10px;
  line-height: 1.375em; }
  .pdp-related-document-names:last-child {
    border-right: none;
    padding-right: none;
    margin-right: none; }

.pdp-add-part-numbers {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 1.5625rem;
  line-height: 1.75em;
  text-align: right; }
  .pdp-add-part-numbers .svg-pdp-add_part_number {
    vertical-align: middle;
    height: 16px;
    width: 16px; }
  @media (max-width: 767px) {
    .pdp-add-part-numbers {
      margin-top: 1rem;
      text-align: left; } }

.component-pdpAddPartNumbers .component-pdpAddPartNumbers-footer {
  text-align: right; }

.component-pdpAddPartNumbers .component-pdpAddPartNumbers-footer-button-holder {
  display: inline-block;
  min-width: 100px; }
  .component-pdpAddPartNumbers .component-pdpAddPartNumbers-footer-button-holder button {
    font-size: 12px;
    padding: 0 10px;
    letter-spacing: 2px; }

.component-pdpAddPartNumbers .component-pdpAddPartNumbers-option-line-item {
  border: 1px solid #d6d6d6;
  padding: 15px 0;
  margin-bottom: 20px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.175); }

.component-pdpAddPartNumbers .add-part-numbers-line-item-selector, .component-pdpAddPartNumbers .add-part-numbers-line-item {
  float: left; }

.component-pdpAddPartNumbers .add-part-numbers-line-item-selector {
  width: 50px;
  text-align: right;
  transition: opacity 0.3s linear; }

.component-pdpAddPartNumbers .add-part-numbers-line-item {
  width: calc(100% - 50px); }

.component-pdpAddPartNumbers .component-pdpAddPartNumbers-option-line-item .row {
  margin-bottom: 0px; }

.component-pdpAddPartNumbers.salesSpec .component-pdpAddPartNumbers-option-line-item {
  padding-left: 15px; }

.component-pdpAddPartNumbers.salesSpec .form-radio .form-radio__bullet {
  top: calc(50% - 7px); }

.component-pdpAddPartNumbers.salesSpec .form-radio .svg-form-radio__bullet {
  top: calc(50%);
  left: 7px; }

.component-pdpAddPartNumbers-form .add-part-numbers-line-item {
  width: calc(100% - 50px);
  margin-left: 20px; }
  .component-pdpAddPartNumbers-form .add-part-numbers-line-item input::-ms-clear {
    display: none; }

.component-pdpAddPartNumbers-form .pdp-line-item-form-elements {
  margin-top: 20px; }

.component-pdpAddPartNumbers-form .component-pdpAddPartNumbers-option-line-item {
  display: none; }

.product-title-component .component-iconBadge {
  width: 2.125rem; }
  .product-title-component .component-iconBadge div.svg-icon svg {
    width: 1.6875rem;
    height: 1.5625rem; }
  .product-title-component .component-iconBadge div.svg-icon--badge {
    height: 1.25rem;
    right: 0.4375rem;
    bottom: -0.3125rem; }
    .product-title-component .component-iconBadge div.svg-icon--badge svg {
      width: 1.25rem;
      height: 1.25rem; }

.product-title-component .svg-product_data_sheet {
  width: 1.25rem;
  height: 1.25rem; }

/*doc
---
title: productLaunches
name: productLaunches
category: Components - Product Lauches
---

 product launches

```html_example
{% import './product-launches/html.html' as productLaunches %}
{{ productLaunches.generate() }}
```
Additional description if necessary goes here.

*/
.product-launches-component .product-launches-title {
  border-bottom: 1px solid #14a09d;
  padding-bottom: 10px; }

.product-launches-component .product-launches-top {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .product-launches-component .product-launches-top .main-image {
      width: 100%;
      height: 0;
      padding-bottom: 75%;
      overflow: hidden; } }
  .product-launches-component .product-launches-top .main-image img {
    width: 100%;
    max-width: 100%;
    max-height: 21.875rem; }
  .product-launches-component .product-launches-top .search-container {
    border-top: 2px dotted #d6d6d6;
    border-bottom: 2px dotted #d6d6d6;
    padding: 10px 0; }
    .product-launches-component .product-launches-top .search-container .pdp-form-submit {
      background-color: #e80033;
      border: 1px solid #e80033; }
    .product-launches-component .product-launches-top .search-container .pdp-form-input {
      width: calc(100% - 102px); }

.product-launches-component .product-list-container .product-launches-content .marker-name {
  display: none; }

.product-launches-component .product-list-container .view-all a {
  text-align: right;
  padding: 30px 0;
  display: block;
  font-weight: bold;
  text-decoration: none; }
  .product-launches-component .product-list-container .view-all a:hover {
    text-decoration: none;
    border: none; }

@media (min-width: 768px) {
  .product-line-item {
    border-bottom: 1px solid #d6d6d6;
    padding: 10px 0 20px 0; } }

@media (max-width: 767px) {
  .product-line-item .item-img {
    width: 100%;
    overflow: hidden; } }

.product-line-item .item-img img {
  width: 100%; }
  @media (min-width: 768px) {
    .product-line-item .item-img img {
      max-width: 14.0625rem;
      padding-top: 20px; } }

.product-line-item-name .richText p, .product-line-item-name .richText h1, .product-line-item-name .richText .select-your-industry-content--tips, .product-line-item-name .richText h2, .product-line-item-name .richText .homepage-hero .carousel-content--description, .homepage-hero .product-line-item-name .richText .carousel-content--description, .product-line-item-name .richText .modal-body--title, .product-line-item-name .richText h3, .product-line-item-name .richText h4 {
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
  font-weight: bold; }

.product-line-item-description .richText p, .product-line-item-description .richText h1, .product-line-item-description .richText .select-your-industry-content--tips, .product-line-item-description .richText h2, .product-line-item-description .richText .homepage-hero .carousel-content--description, .homepage-hero .product-line-item-description .richText .carousel-content--description, .product-line-item-description .richText .modal-body--title, .product-line-item-description .richText h3, .product-line-item-description .richText h4 {
  margin: 0;
  letter-spacing: 0;
  text-transform: none; }

.product-line-item p.date {
  color: #aeaeae; }

.related-products-item {
  margin-bottom: 10px; }

/*doc
---
title: resultsFound
name: resultsFound
category: Base CSS
---

 Displays count of search results found

```html_example
{% import './results-found/html.html' as resultsFound %}
{{ resultsFound.generate() }}
```
Additional description if necessary goes here.

*/
.component-resultsFound {
  margin: 0; }
  .component-resultsFound a {
    color: #e80033; }
    .component-resultsFound a button {
      color: #333333; }
  .component-resultsFound span.countryName {
    font-weight: bold;
    color: #333333; }

/* Rich Text Editor */
.font-eleven-px {
  font-size: 11px; }

.richtext-softer {
  color: red; }

.richtext-stronger {
  color: yellow; }

.primary-red {
  color: #e80033; }

.primary-teal {
  color: #14a09d; }

.primary-light-teal {
  color: #e80033; }

.primary-light-blue {
  color: #dde9e9; }

.primary-grey {
  color: #ebebeb; }

.primary-white {
  color: #ffffff; }

.secondary-black {
  color: #000000; }

.secondary-charcoal {
  color: #333333; }

.secondary-grey {
  color: #999999; }

.secondary-light-grey {
  color: #aeaeae; }

.tertiary-salmon {
  color: #ff6666; }

.primary-red-bg {
  background-color: #e80033; }

.primary-teal-bg {
  background-color: #14a09d; }

.primary-light-teal-bg {
  background-color: #e80033; }

.primary-light-blue-bg {
  background-color: #dde9e9; }

.primary-grey-bg {
  background-color: #ebebeb; }

.primary-white-bg {
  background-color: #ffffff; }

.secondary-black-bg {
  background-color: #000000; }

.secondary-charcoal-bg {
  background-color: #333333; }

.secondary-grey-bg {
  background-color: #999999; }

.secondary-light-grey-bg {
  background-color: #aeaeae; }

.tertiary-salmon-bg {
  background-color: #ff6666; }

/*doc
---
title: searchAutoComplete
name: searchAutoComplete
category: Components - Search Auto Complete
---

 Autocompletes search terms based on user input.

```html_example
{% import './search-auto-complete/html.html' as searchAutoComplete %}
{{ searchAutoComplete.generate() }}
```
Additional description if necessary goes here.

*/
.component-searchAutoComplete {
  display: none;
  position: absolute;
  z-index: 9000;
  top: 99px;
  background-color: #FFFFFF;
  border: 1px solid #d6d6d6;
  border-top: none;
  /*-webkit-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 10px 3px rgba(0,0,0,0.1);*/ }
  .component-searchAutoComplete .results {
    background-color: #FFFFFF;
    border-top: 2px solid #d6d6d6; }
  .component-searchAutoComplete .row {
    margin: 0; }
  .component-searchAutoComplete ul {
    margin: 0 0 0.625rem -1.875rem;
    list-style: none;
    padding: 0; }
  .component-searchAutoComplete ul li {
    min-height: 2.1875rem;
    width: 100%;
    display: table; }
  .component-searchAutoComplete a {
    min-height: 2.1875rem;
    padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
    display: table-cell;
    vertical-align: middle; }
  .component-searchAutoComplete .autocomplete {
    margin-top: 0.9375rem; }
  .component-searchAutoComplete .autocomplete a {
    color: #333333;
    font-weight: normal;
    width: 100%; }
  .component-searchAutoComplete .autocomplete .autocomplete--link {
    color: #e80033;
    font-weight: bold; }
  .component-searchAutoComplete .autocomplete a:hover {
    color: #FFFFFF;
    background-color: #e80033; }
  .component-searchAutoComplete .autocomplete a:hover span {
    color: #FFFFFF; }
  .component-searchAutoComplete .autoresults {
    margin-top: 0.625rem; }
  .component-searchAutoComplete .autoresults a {
    color: #333333;
    font-weight: normal; }
  .component-searchAutoComplete .autoresults a:hover {
    color: #FFFFFF !important;
    background-color: #e80033; }
  .component-searchAutoComplete .separator {
    border-bottom: 1px solid #d6d6d6;
    margin-left: 1.25rem; }
  @media (max-width: 767px) {
    .component-searchAutoComplete {
      top: 4.0625rem; }
      .component-searchAutoComplete ul {
        margin-left: 0; } }

.pdp-search-bar {
  min-height: 2.5rem; }
  .pdp-search-bar input {
    min-height: 2.5rem;
    white-space: normal; }
    .pdp-search-bar input[type=submit] {
      word-break: break-word; }
  .pdp-search-bar .form-input {
    margin-top: auto; }

.pdp-search-bar:before, .pdp-search-bar:after {
  content: " ";
  display: table; }

.pdp-search-bar:after {
  clear: both; }

.pdp-form-input {
  width: calc(100% - 110px);
  display: block;
  float: left; }

.pdp-form-submit {
  width: 100%; }

.nopadding-right {
  padding-right: 0; }

@media (max-width: 767px) {
  .pdp-search-bar input[type=search] {
    margin-bottom: 5px; } }

.select-feature {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,
 opacity 0.2s linear; }
  .select-feature-overlay--list {
    padding-left: 0; }
    @media (max-width: 767px) {
      .select-feature-overlay--list {
        padding-top: 1.875rem; } }
    @media (min-width: 768px) and (max-width: 1079px) {
      .select-feature-overlay--list {
        padding-top: 2.5rem; } }
    @media (min-width: 1080px) {
      .select-feature-overlay--list {
        padding-top: 6.25rem; } }
    .select-feature-overlay--list li {
      display: block; }
  .select-feature-overlay--btn {
    margin: 0 auto;
    background: transparent;
    width: auto;
    margin-top: 1.875rem; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .select-feature-overlay--btn {
        margin-top: 1.25rem; } }
    @media (max-width: 767px) {
      .select-feature-overlay--btn {
        margin-top: 1.25rem;
        width: 50%; } }
    .select-feature-overlay--btn:hover {
      color: #000000; }
  a.select-feature-overlay--link {
    color: #FFFFFF;
    width: auto;
    font-size: 1.25rem;
    line-height: 2.5rem; }
    @media (min-width: 768px) {
      a.select-feature-overlay--link {
        font-size: 2.375rem;
        line-height: 2.8125rem; } }
    a.select-feature-overlay--link:hover {
      color: #ff6666;
      border-bottom-color: #ff6666; }
  .select-feature.active {
    visibility: visible;
    opacity: 1; }

.selectApplication {
  overflow: hidden; }
  .selectApplication h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .selectApplication ul {
    padding-left: 0; }
    .selectApplication ul li {
      border-bottom: 1px dashed #d6d6d6;
      list-style: none;
      font-weight: bold;
      line-height: 1.9375rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .selectApplication ul li a {
        color: #e80033; }
      .selectApplication ul li a:hover {
        text-decoration: none;
        color: #000000;
        border-bottom: none; }

.market2-container .selectApplication h3, .page-l1 .selectApplication h3 {
  white-space: normal;
  text-overflow: inherit; }

.page-l1 .selectApplication ul li {
  white-space: normal;
  text-overflow: inherit; }

/*doc
---
title: Select Your Industry
name: selectYourIndustry
category: Components - Select Your Industry
---

Select Your Industry is a banner below the homepage hero

```html_example
{% import "./select-your-industry/html.html" as selectYourIndustry %}
<div class="select-your-industry padding-20">
  <div class="row">
    {{ selectYourIndustry.generate() }}
  </div>
</div>

```
*/
.select-your-industry-content {
  color: #FFFFFF;
  text-align: center;
  padding: 1.5625rem; }
  .select-your-industry-content--tips {
    line-height: 2rem;
    width: 100%;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal; }
    .select-your-industry-content--tips:nth-last-of-type(1) {
      margin-bottom: 1.25rem; }
    @media (min-width: 768px) {
      .select-your-industry-content--tips {
        font-size: 1.75rem;
        width: 100%; } }
    @media (min-width: 1080px) {
      .select-your-industry-content--tips {
        width: 100%; } }
    .select-your-industry-content--tips p {
      font-size: 1.75rem;
      font-weight: normal;
      margin: 0;
      line-height: normal; }
  @media (min-width: 768px) {
    .select-your-industry-content--btn {
      display: block;
      margin: 0 auto;
      letter-spacing: 0.125rem;
      padding: 0.5625rem 1.125rem;
      font-size: 12px; }
      .select-your-industry-content--btn .first-words:after {
        content: "";
        display: inline; }
      .select-your-industry-content--btn p {
        margin: 0; }
      .select-your-industry-content--btn .richText p, .select-your-industry-content--btn .richText h1, .select-your-industry-content--btn .richText .select-your-industry-content--tips, .select-your-industry-content--btn .richText h2, .select-your-industry-content--btn .richText .homepage-hero .carousel-content--description, .homepage-hero .select-your-industry-content--btn .richText .carousel-content--description, .select-your-industry-content--btn .richText .modal-body--title, .select-your-industry-content--btn .richText h3, .select-your-industry-content--btn .richText h4 {
        margin: 0;
        letter-spacing: 0.125rem; } }
  @media (min-width: 1080px) {
    .select-your-industry-content {
      padding: 5.125rem; } }
  @media (min-width: 768px) {
    .select-your-industry-content {
      padding: 3.4375rem; } }

.select-your-industry--title {
  font-size: 1.125rem;
  margin-bottom: 1.875rem; }

.select-your-industry-modal .modal-body {
  font-size: 1.1rem;
  text-align: left; }
  @media (max-width: 767px) {
    .select-your-industry-modal .modal-body {
      padding: 1.5rem 0; }
      .select-your-industry-modal .modal-body .col-xs-12 {
        margin-bottom: 0; } }

.select-your-industry-modal--btn {
  margin: 0 auto;
  background: transparent;
  width: auto;
  letter-spacing: 0.125rem;
  padding: 0.5625rem 2.5rem; }
  @media (min-width: 768px) {
    .select-your-industry-modal--btn {
      margin-top: 2.5rem;
      font-size: 12px;
      padding: 0.5625rem 1.125rem; } }
  @media (max-width: 767px) {
    .select-your-industry-modal--btn {
      margin-top: 1.5rem; } }
  .select-your-industry-modal--btn:hover {
    color: #000000; }

.select-your-industry--list {
  padding: 0;
  margin-bottom: 0; }
  .select-your-industry--list-item {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    .select-your-industry--list-item a {
      border-bottom: 1px solid #999999;
      color: #FFFFFF;
      display: block;
      text-decoration: none;
      font-size: 0.875rem;
      padding: 0.75rem;
      font-weight: normal;
      width: 85%;
      text-align: left;
      margin: auto; }
      .select-your-industry--list-item a:hover {
        background: #e80033;
        color: #FFFFFF;
        text-decoration: none; }

/*doc
---
title: Social Links
name: social
category: Components - Social Links
---

Social media links for footer or elsewhere.

```html_example
{% macro import_partial(path) %}
  {% include path + '' %}
{% endmacro %}
{% set data = import_partial('./social-links/json/data.json') | jsonify %}
{% import "./social-links/html.html" as social %}
{{ social.generate(data, 'how to buy') }}
```
*/
.social-links {
  margin-bottom: 20px; }
  .social-links h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 5px; }
  .social-links h2, .social-links .homepage-hero .carousel-content--description, .homepage-hero .social-links .carousel-content--description, .social-links .modal-body--title {
    color: #2C2A29;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    width: 100%;
    display: table;
    vertical-align: middle; }
  .social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 2rem;
    margin-bottom: 1.875rem; }
    .social-links ul.one-column > div {
      display: none; }
    .social-links ul.two-columns {
      -moz-column-count: 2;
      -moz-column-gap: 20px;
      -webkit-column-count: 2;
      -webkit-column-gap: 20px;
      column-count: 2;
      column-gap: 20px; }
    .social-links ul.three-columns {
      -moz-column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-count: 3;
      -webkit-column-gap: 20px;
      column-count: 3;
      column-gap: 20px; }
    .social-links ul.four-columns {
      -moz-column-count: 4;
      -moz-column-gap: 20px;
      -webkit-column-count: 4;
      -webkit-column-gap: 20px;
      column-count: 4;
      column-gap: 20px; }
    .social-links ul.five-columns {
      -moz-column-count: 5;
      -moz-column-gap: 20px;
      -webkit-column-count: 5;
      -webkit-column-gap: 20px;
      column-count: 5;
      column-gap: 20px; }
    .social-links ul li {
      margin-top: 5px;
      display: table;
      width: 2rem;
      height: 2rem;
      margin-right: 10px;
      border-radius: 50%;
      background-color: #f7f7f7;
      float: left;
      /*svg, a{
  	      display: inherit;
  	      vertical-align: middle;
  	    }*/
      /*svg{
  	       margin-right: 10px;
  	       stroke: $color-dusty-gray;
  	       fill: $color-dusty-gray;
	      }*/ }
      .social-links ul li a {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .social-links ul li a span {
          display: none; }
        .social-links ul li a:link {
          font-weight: normal;
          color: #333333; }
        .social-links ul li a:visited {
          font-weight: normal;
          color: #000000; }
        .social-links ul li a:hover {
          border: none; }
        .social-links ul li a:visited:hover {
          border: none; }
    .social-links ul li:last-child {
      margin-right: 0; }
  .social-links button {
    font-weight: bold;
    font-size: 0.75rem;
    padding: 11px;
    height: 2.5rem;
    width: 8.75rem; }
    .social-links button p {
      font-size: 0.75rem; }
    .social-links button.btn-howtobuy {
      height: inherit;
      width: 100%; }
      @media (max-width: 767px) {
        .social-links button.btn-howtobuy {
          width: 88.8%; }
          .social-links button.btn-howtobuy p {
            margin: 0px !important; } }
  @media (max-width: 767px) {
    .social-links {
      display: table;
      padding-left: 0;
      padding-right: 0; }
      .social-links h3 {
        display: none; }
      .social-links ul {
        display: block;
        vertical-align: middle;
        width: 100%;
        text-align: center;
        margin: auto;
        height: 3.125rem;
        margin-bottom: 1.875rem; }
        .social-links ul li {
          display: inline-block;
          width: 1.875rem;
          height: 1.875rem;
          margin-right: 10%;
          float: none; }
          .social-links ul li:last-child {
            margin-right: 0%; }
          .social-links ul li a {
            display: table;
            width: 1.875rem;
            height: 1.875rem; }
          .social-links ul li .footer--icon {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
      .social-links button {
        display: block;
        vertical-align: middle;
        width: 90%;
        text-align: center;
        margin: 0 auto; } }

/*doc
---
title: sponsoredResults
name: sponsoredResults
category: Components - Sponsored Results
---

 Banner ads that get displayed on search results pages. 

```html_example
{% import './sponsored-results/html.html' as sponsoredResults %}
{{ sponsoredResults.generate() }}
```
Additional description if necessary goes here.

*/
.component-sponsoredResults {
  border: 1px solid #ecc812;
  padding: 0.9375rem;
  border-radius: 5px;
  margin-bottom: 0rem;
  margin-top: 2.5rem; }
  .component-sponsoredResults p.sponsoredResult {
    color: #b39905;
    font-weight: bold; }
  .component-sponsoredResults p.title {
    font-weight: bold;
    color: #000000;
    margin-bottom: 0; }
  .component-sponsoredResults .desc {
    color: #000000; }
    .component-sponsoredResults .desc .richText p, .component-sponsoredResults .desc .richText h1, .component-sponsoredResults .desc .richText .select-your-industry-content--tips, .component-sponsoredResults .desc .richText h2, .component-sponsoredResults .desc .richText .homepage-hero .carousel-content--description, .homepage-hero .component-sponsoredResults .desc .richText .carousel-content--description, .component-sponsoredResults .desc .richText .modal-body--title, .component-sponsoredResults .desc .richText h3, .component-sponsoredResults .desc .richText h4 {
      margin: 0;
      letter-spacing: 0;
      font-weight: normal;
      text-transform: none; }
  .component-sponsoredResults .result1 {
    border-right: 1px solid #aeaeae; }
  .component-sponsoredResults .result2 {
    padding-left: 1.25rem; }
  .component-sponsoredResults a {
    font-weight: normal; }
    .component-sponsoredResults a .richText p, .component-sponsoredResults a .richText h1, .component-sponsoredResults a .richText .select-your-industry-content--tips, .component-sponsoredResults a .richText h2, .component-sponsoredResults a .richText .homepage-hero .carousel-content--description, .homepage-hero .component-sponsoredResults a .richText .carousel-content--description, .component-sponsoredResults a .richText .modal-body--title, .component-sponsoredResults a .richText h3, .component-sponsoredResults a .richText h4 {
      margin: 0;
      letter-spacing: 0;
      text-transform: none;
      font-weight: normal; }

/*doc
---
title: Colors
name: 00_colors
category: Style Guide - Colors
---
 
Here are all of the colors used througout the entire site.  

We are using [name that color](http://www.color-blindness.com/color-name-hue/) to clearly identify the colors.  This is much easier than abstract names or names that are specific to a component.  Let's let color be color.


```html_example
<h1>Primary Core Colors</h1>
{% import "./styleguide-colors/html.html" as color %}
{{ color.generate('color-swatch--blue-chill', '$color-blue-chill', '#14a09d') }}
{{ color.generate('color-swatch--persian-green', '$color-persian-green', '#00b2ad') }}
{{ color.generate('color-swatch--mystic', '$color-mystic', '#dde9e9') }}
{{ color.generate('color-swatch--gallery', '$color-gallery', '#ebebeb') }}
{{ color.generate('color-swatch--white', '$color-white', '#ffffff') }}


<h1>Secondary Colors</h1>
{{ color.generate('color-swatch--black', '$color-black', '#000000') }}
{{ color.generate('color-swatch--mine-shaft', '$color-mine-shaft', '#333333') }}
{{ color.generate('color-swatch--dim-gray', '$color-dim-gray', '#666666') }}
{{ color.generate('color-swatch--dusty-gray', '$color-dusty-gray', '#999999') }}
{{ color.generate('color-swatch--silver-chalice', '$color-silver-chalice', '#aeaeae') }}
{{ color.generate('color-swatch--alto', '$color-alto', '#d6d6d6') }}


<h1>Tertiary Colors</h1>
{{ color.generate('color-swatch--bittersweet', '$color-bittersweet', '#ff6666') }}
```
*/
.color-swatch {
  width: 150px;
  height: 150px;
  border: 1px solid #000000;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 75px;
  position: relative; }

.color-swatch p {
  position: absolute;
  top: 155px; }

.color-swatch p.hex {
  top: 180px;
  border-top: 1px solid #d6d6d6; }

.color-swatch--blue-chill {
  background-color: #14a09d; }

.color-swatch--persian-green {
  background-color: #e80033; }

.color-swatch--mystic {
  background-color: #dde9e9; }

.color-swatch--gallery {
  background-color: #ebebeb; }

.color-swatch--white {
  background-color: #FFFFFF; }

.color-swatch--black {
  background-color: #000000; }

.color-swatch--mine-shaft {
  background-color: #333333; }

.color-swatch--dim-gray {
  background-color: #666666; }

.color-swatch--dusty-gray {
  background-color: #999999; }

.color-swatch--silver-chalice {
  background-color: #aeaeae; }

.color-swatch--alto {
  background-color: #d6d6d6; }

.color-swatch--bittersweet {
  background-color: #ff6666; }

/*doc
---
title: Typography
name: typography
category: Style Guide - Typography
---
These are the heading sizes that you can use site wide.

```html_example
{% include "./styleguide-typography/html.html" %}
```

*/
/*doc
---
title: table
name: table
category: Components - Table
---

 This is your basic table that is responsive on mobile so it scrolls horizontally.

```html_example
{% import './table/html.html' as table %}
{{ table.generate() }}
```
Additional description if necessary goes here.

*/
.component-table, .table {
  overflow-x: auto; }
  .component-table .thead-default, .component-table th, .table .thead-default, .table th {
    background-color: #d6d6d6;
    padding: 0.9375rem; }
  .component-table table, .table table {
    border-color: #000000; }
    .component-table table > thead > tr > th, .component-table table > tbody > tr > td, .table table > thead > tr > th, .table table > tbody > tr > td {
      border: 1px solid #000000;
      padding: 0.9375rem; }
    .component-table table > tbody > tr > td, .table table > tbody > tr > td {
      background-color: #f9f9f9; }
  .component-table.table-responsive, .table.table-responsive {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto; }

.component-table {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto; }

.thead-default {
  background-color: #d6d6d6; }

.table-bordered {
  border-color: #000000; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
    border: 1px solid #000000;
    text-align: center;
    padding: 0.9375rem; }

/*doc
---
title: tabs
name: tabs
category: Components - Tabs
---

 This component will take a set of links and partials to be able to navigate between the tab content

```html_example
{% import "./tabs/html.html" as tabs %}
<div class="tabs">
  {{ tabs.generate([
    {
      tab_id: 'overview',
      link_title : 'Overview',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      tab_id: 'markets',
      link_title : 'Markets',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      tab_id: 'products',
      link_title : 'Products',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      tab_id: 'resources',
      link_title : 'Resources',
      content : 'Content for panel here. Can be another macro.'
    },
    {
      tab_id: 'newsEvents',
      link_title : 'News & Events',
      content : 'Content for panel here. Can be another macro.'
    }])
  }}
</div>
```
Additional description if necessary goes here.

*/
.tabs {
  background: #FFFFFF; }
  .tabs .tab-content {
    background: #FFFFFF;
    border-bottom: 1px solid #d6d6d6; }
    .tabs .tab-content:before, .tabs .tab-content:after {
      content: " ";
      display: table; }
    .tabs .tab-content:after {
      clear: both; }
    @media (min-width: 768px) {
      .tabs .tab-content {
        padding: 0 11.25rem;
        padding-bottom: 3.75rem;
        margin-bottom: 3.75rem; } }
  .tabs-mobile--container {
    background: #e80033;
    padding: 0.9375rem 1.25rem; }

@media (min-width: 1080px) and (min-width: 768px) {
  .tab-panel .teaser-square img {
    height: 9.0625rem; } }

@media (max-width: 767px) {
  .tab-panel .teaser-square img {
    height: 9.0625rem; } }

.tab-panel ul li {
  list-style-position: outside; }

.page-l1 .tab-panel ul {
  padding: 0 0 0 1.65rem; }

.page-l1 .tab-panel .textimage ul {
  padding-left: 40px; }

.slider_holder {
  position: relative;
  border: 0;
  text-align: center;
  background: #c8c8c8;
  border-top: 4px solid #c8c8c8;
  height: 3.75rem;
  overflow: hidden; }
  .slider_holder--list {
    list-style: none;
    position: relative;
    padding: 0;
    display: inline-block;
    margin: 0; }
    .slider_holder--list:before, .slider_holder--list:after {
      content: " ";
      display: table; }
    .slider_holder--list:after {
      clear: both; }
    .slider_holder--list.nav a {
      color: #000;
      border: 0;
      border-radius: 0;
      margin: 0;
      padding: 1.25rem 0.9375rem;
      display: inline-block; }
    .slider_holder--list.nav a:hover {
      background-color: transparent; }
      @media (min-width: tablet) {
        .slider_holder--list.nav a:hover {
          color: #e80033; } }
    .slider_holder--list.nav a:focus {
      background: transparent;
      border: 0; }
  .slider_holder--slide {
    float: left; }
    .slider_holder--slide.active a {
      color: #e80033;
      background-color: transparent;
      border: 0; }
    .slider_holder--slide-link:hover {
      background: pink; }
  .slider_holder--controls {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent; }
    .slider_holder--controls.left {
      background-image: -webkit-linear-gradient(left, #c8c8c8 0%, rgba(200, 200, 200, 0.0001) 100%);
      background-image: -o-linear-gradient(left, #c8c8c8 0%, rgba(200, 200, 200, 0.0001) 100%);
      background-image: linear-gradient(to right, #c8c8c8 0%, rgba(200, 200, 200, 0.0001) 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC8C8C8', endColorstr='#00C8C8C8', GradientType=1); }
    .slider_holder--controls.right {
      left: auto;
      right: 0;
      background-image: -webkit-linear-gradient(left, rgba(200, 200, 200, 0.0001) 0%, #c8c8c8 100%);
      background-image: -o-linear-gradient(left, rgba(200, 200, 200, 0.0001) 0%, #c8c8c8 100%);
      background-image: linear-gradient(to right, rgba(200, 200, 200, 0.0001) 0%, #c8c8c8 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C8C8C8', endColorstr='#FFC8C8C8', GradientType=1); }
    .slider_holder--controls:hover {
      border: 0; }
    .slider_holder--controls:active svg {
      stroke: red; }
  .slider_holder--previous-arrow .svg-pdp-arrow--right {
    transform: rotate(180deg) translateY(-50%); }
  .slider_holder.mobile-view > ul {
    position: absolute;
    top: 0;
    left: 1.25rem;
    text-align: left; }
  @media (min-width: 768px) {
    .slider_holder.mobile-view > ul {
      position: static !important; }
    .slider_holder.mobile-view .slider_holder--controls {
      display: none !important; } }
  .slider_holder.mobile-view .slider_holder--controls {
    display: inline-block; }
    .slider_holder.mobile-view .slider_holder--controls .svg-pdp-arrow--right, .slider_holder.mobile-view .slider_holder--controls .svg-pdp-arrow--left {
      width: 0.625rem;
      height: 1.125rem;
      stroke: #e80033;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0.625rem; }
    .slider_holder.mobile-view .slider_holder--controls .svg-pdp-arrow--left {
      left: 0.625rem; }
  .slider_holder.affix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%; }

/*doc
---
title: tabsVerticalMobile
name: tabsVerticalMobile
category: Base CSS
---

 tabs vertical mobile 

```html_example
{% import './tabs-vertical-mobile/html.html' as tabsVerticalMobile %}
{{ tabsVerticalMobile.generate() }}
```
Additional description if necessary goes here.

*/
@media (max-width: 767px) {
  .border-container {
    padding-left: 10px;
    padding-right: 10px; } }

.tabs-verital-mobile--title {
  border-bottom: 1px solid #e80033;
  padding-bottom: 10px; }
  @media (max-width: 767px) {
    .tabs-verital-mobile--title {
      padding: 0;
      border-bottom: none; } }
  .tabs-verital-mobile--title .icon-links {
    text-align: right; }
    @media (max-width: 767px) {
      .tabs-verital-mobile--title .icon-links {
        text-align: left; } }
  .tabs-verital-mobile--title h2.share, .tabs-verital-mobile--title .homepage-hero .share.carousel-content--description, .homepage-hero .tabs-verital-mobile--title .share.carousel-content--description, .tabs-verital-mobile--title .share.modal-body--title {
    display: inline-block; }
    @media (max-width: 767px) {
      .tabs-verital-mobile--title h2.share, .tabs-verital-mobile--title .homepage-hero .share.carousel-content--description, .homepage-hero .tabs-verital-mobile--title .share.carousel-content--description, .tabs-verital-mobile--title .share.modal-body--title {
        padding-left: 10px;
        margin-top: 0; } }
    .tabs-verital-mobile--title h2.share .svg-share, .tabs-verital-mobile--title .homepage-hero .share.carousel-content--description .svg-share, .homepage-hero .tabs-verital-mobile--title .share.carousel-content--description .svg-share, .tabs-verital-mobile--title .share.modal-body--title .svg-share {
      width: 20px;
      height: 18px;
      vertical-align: middle; }
    .tabs-verital-mobile--title h2.share a.share-link, .tabs-verital-mobile--title .homepage-hero .share.carousel-content--description a.share-link, .homepage-hero .tabs-verital-mobile--title .share.carousel-content--description a.share-link, .tabs-verital-mobile--title .share.modal-body--title a.share-link {
      font-size: 14px;
      color: #666666; }
    .tabs-verital-mobile--title h2.share a.share-link:hover, .tabs-verital-mobile--title .homepage-hero .share.carousel-content--description a.share-link:hover, .homepage-hero .tabs-verital-mobile--title .share.carousel-content--description a.share-link:hover, .tabs-verital-mobile--title .share.modal-body--title a.share-link:hover {
      color: #e80033;
      text-decoration: none;
      border-bottom: none; }

/*doc
---
title: Teaser Round
name: teaserRound
category: Base CSS
---

Teaser Round is a columnar component that includes a rounded image with a title and description

```html_example
{% import "./teaser-round/html.html" as teaserRound %}
{{ teaserRound.generate([
  {
    title : 'Community',
    description : 'Dow Corning’s effort in improving communities around the world.',
    image: '//localhost:9001/400x401/',
    alternate: 'Community alt text',
    cta: 'See Our Impact',
    link: '#'
  },
  {
    title : 'Responsibilty',
    description : 'Continuous improvement in the protection of health and the environment.',
    image: '//localhost:9001/400x402/',
    alternate: 'Responsibility alt text',
    cta: 'Read More',
    link: '#'
  },
  {
    title : 'Careers',
    description : 'Bring your ideas to a place that helps invent a future where life is bigger, better and brighter.',
    image : '//localhost:9001/400x400/',
    alternate : 'Careers alt text',
    cta: 'Browse Jobs',
    link: '#'
  }])
}}
```
*/
.teaser-round {
  background: #FFFFFF;
  padding: 1.875rem 3rem;
  border-bottom: 1px solid #d6d6d6; }
  .teaser-round--column {
    text-align: center;
    padding: 1.5rem; }
    .teaser-round--column ul {
      padding-left: 0; }
    .teaser-round--column li {
      list-style-type: none; }
  .teaser-round--title {
    margin: 1.875rem 0 1rem;
    color: #000000;
    margin: 1.875rem 0 0.625rem;
    font-size: 1.125rem; }
  .teaser-round--content {
    max-width: 13.4375rem;
    margin: 0 auto;
    margin-bottom: 1.25rem; }
    @media (max-width: 767px) {
      .teaser-round--content .list-item {
        margin-bottom: 0.3125rem; }
        .teaser-round--content .list-item h2, .teaser-round--content .list-item .homepage-hero .carousel-content--description, .homepage-hero .teaser-round--content .list-item .carousel-content--description, .teaser-round--content .list-item .modal-body--title {
          padding-bottom: 0px !important; }
      .teaser-round--content .richText p {
        font-size: 0.9375rem; } }
    .teaser-round--content .richText ul {
      padding: 0; }
      .teaser-round--content .richText ul li {
        list-style-type: decimal; }
    .teaser-round--content .richText ol {
      padding: 0; }
      .teaser-round--content .richText ol li {
        list-style-type: disc; }
  .teaser-round--link {
    margin-top: 1.5rem; }
  .teaser-round--image {
    max-width: 13.4375rem;
    height: 13.4375rem;
    width: 100%;
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    margin: 0 auto; }
    .teaser-round--image:hover {
      opacity: .7; }
    @media (max-width: 767px) {
      .teaser-round--image {
        width: 12.5rem !important;
        height: 12.5rem !important; } }
    @media (max-width: 1079px) {
      .teaser-round--image {
        width: 9.6875rem;
        height: 9.6875rem;
        border-radius: 50%; } }
    .teaser-round--image a {
      width: 100%;
      display: block; }
    .teaser-round--image img {
      max-width: 11.25rem;
      width: 13.4375rem;
      height: 13.4375rem;
      display: none; }
      @media (min-width: 768px) {
        .teaser-round--image img {
          max-width: 13.4375rem; } }

/*doc
---
title: teaserSquare
name: teaserSquare
category: Base CSS
---

 Teaser Square is a component that extends the category-selection component and has an optional image with a title and description

```html_example
{% import './teaser-square/html.html' as teaserSquare %}
{{ teaserSquare.generate() }}
```
Additional description if necessary goes here.

*/
.embed-column .teaser-square {
  margin-left: 15px;
  margin-right: 15px; }

.teaser-square {
  border: 1px solid #d6d6d6;
  padding-top: 0;
  margin-bottom: 1.25rem;
  display: inherit; }
  .teaser-square:before, .teaser-square:after {
    content: " ";
    display: table; }
  .teaser-square:after {
    clear: both; }
  .teaser-square--image {
    width: 100%;
    float: left;
    height: 11.25rem; }
    @media (min-width: 768px) {
      .teaser-square--image {
        height: auto !important; } }
    @media (max-width: 767px) {
      .teaser-square--image {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important; } }
  .teaser-square--bottom {
    padding: 15px;
    float: left; }
    .teaser-square--bottom-promo-title {
      margin-top: 0;
      font-size: 0.875rem;
      color: #aeaeae;
      font-weight: bold; }
      .teaser-square--bottom-promo-title .richText p, .teaser-square--bottom-promo-title .richText h1, .teaser-square--bottom-promo-title .richText .select-your-industry-content--tips, .teaser-square--bottom-promo-title .richText h2, .teaser-square--bottom-promo-title .richText .homepage-hero .carousel-content--description, .homepage-hero .teaser-square--bottom-promo-title .richText .carousel-content--description, .teaser-square--bottom-promo-title .richText .modal-body--title, .teaser-square--bottom-promo-title .richText h3, .teaser-square--bottom-promo-title .richText h4 {
        font-weight: bold;
        margin: 0;
        letter-spacing: 0;
        text-transform: none;
        font-weight: bold; }
    .teaser-square--bottom-title {
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      .teaser-square--bottom-title .richText p, .teaser-square--bottom-title .richText h1, .teaser-square--bottom-title .richText .select-your-industry-content--tips, .teaser-square--bottom-title .richText h2, .teaser-square--bottom-title .richText .homepage-hero .carousel-content--description, .homepage-hero .teaser-square--bottom-title .richText .carousel-content--description, .teaser-square--bottom-title .richText .modal-body--title, .teaser-square--bottom-title .richText h3, .teaser-square--bottom-title .richText h4 {
        margin: 0;
        letter-spacing: 0;
        text-transform: none;
        font-weight: bold; }
    .teaser-square--bottom-description {
      color: #333;
      font-weight: normal;
      word-wrap: break-word; }
  .teaser-square p:not(.richText p) {
    color: #333333;
    font-weight: normal;
    word-wrap: break-word; }
  .teaser-square:visited:hover {
    border-bottom: 1px solid #d6d6d6; }
  .teaser-square:hover {
    border-bottom: 1px solid #d6d6d6; }

.promo .teaser-square.gray {
  background-color: #f5f5f5; }

.promo .teaser-square--bottom-title {
  padding: 0;
  border: 0;
  margin-bottom: 0; }

.promo .teaser-square--bottom-link {
  font-size: 1.125rem;
  color: #333333; }
  .promo .teaser-square--bottom-link .richText p, .promo .teaser-square--bottom-link .richText h1, .promo .teaser-square--bottom-link .richText .select-your-industry-content--tips, .promo .teaser-square--bottom-link .richText h2, .promo .teaser-square--bottom-link .richText .homepage-hero .carousel-content--description, .homepage-hero .promo .teaser-square--bottom-link .richText .carousel-content--description, .promo .teaser-square--bottom-link .richText .modal-body--title, .promo .teaser-square--bottom-link .richText h3, .promo .teaser-square--bottom-link .richText h4 {
    font-weight: bold;
    margin: 0;
    letter-spacing: 0;
    text-transform: none; }

@media (min-width: 1080px) {
  .promo .teaser-square img {
    width: 13.125rem; } }

.promo button {
  width: auto;
  margin: 0 auto; }
  @media (min-width: 1080px) {
    .promo button {
      float: right; } }

@media (min-width: 768px) {
  .promo-image .teaser-square img {
    width: 13.125rem; } }

@media (min-width: 1080px) and (min-width: 768px) {
  .promo-image .teaser-square img {
    height: auto; } }

@media (max-width: 767px) {
  .promo-image .teaser-square img {
    height: auto;
    width: auto;
    max-width: 100%; } }

.promo-image .teaser-square--bottom {
  text-align: left; }
  @media (min-width: 768px) {
    .promo-image .teaser-square--bottom {
      width: calc(100% - 210px); } }
  @media (max-width: 767px) {
    .promo-image .teaser-square--bottom {
      width: 100%; } }
  @media (max-width: 767px) {
    .promo-image .teaser-square--bottom .pull-right, .promo-image .teaser-square--bottom .pull-left {
      width: 100%; }
      .promo-image .teaser-square--bottom .pull-right .btn-block, .promo-image .teaser-square--bottom .pull-left .btn-block {
        width: 100%; } }

.industry-hero-products--img {
  width: 100%; }
  @media (min-width: 768px) {
    .industry-hero-products--img {
      height: 9.0625rem; } }

.teaser-square-link {
  cursor: pointer; }

/*doc
---
title: teaserSquaredow
name: teaserSquare
category: Base CSS
---

 Teaser Square Dow is a component that extends the category-selection component and has an optional image with a title and description

```html_example
{% import './teaser-square-dow/html.html' as teaserSquare %}
{{ teaserSquareDow.generate() }}
```
Additional description if necessary goes here.

*/
.embed-column .teaser-square-dow {
  margin-left: 15px;
  margin-right: 15px; }

.teaser-square-dow {
  border: 1px solid #d6d6d6;
  padding-top: 0;
  margin-bottom: 1.25rem;
  display: inherit; }
  .teaser-square-dow:before, .teaser-square-dow:after {
    content: " ";
    display: table; }
  .teaser-square-dow:after {
    clear: both; }
  .teaser-square-dow--image {
    width: 100%;
    float: left;
    height: 9.25rem; }
    @media (min-width: 768px) {
      .teaser-square-dow--image {
        height: auto !important; } }
    @media (max-width: 767px) {
      .teaser-square-dow--image {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important; } }
  .teaser-square-dow--bottom {
    padding: 15px;
    float: left; }
    .teaser-square-dow--bottom-promo-title {
      margin-top: 0;
      font-size: 0.875rem;
      color: #aeaeae;
      font-weight: bold; }
      .teaser-square-dow--bottom-promo-title .richText p, .teaser-square-dow--bottom-promo-title .richText h1, .teaser-square-dow--bottom-promo-title .richText .select-your-industry-content--tips, .teaser-square-dow--bottom-promo-title .richText h2, .teaser-square-dow--bottom-promo-title .richText .homepage-hero .carousel-content--description, .homepage-hero .teaser-square-dow--bottom-promo-title .richText .carousel-content--description, .teaser-square-dow--bottom-promo-title .richText .modal-body--title, .teaser-square-dow--bottom-promo-title .richText h3, .teaser-square-dow--bottom-promo-title .richText h4 {
        font-weight: bold;
        margin: 0;
        letter-spacing: 0;
        text-transform: none;
        font-weight: bold; }
    .teaser-square-dow--bottom-title .richText p, .teaser-square-dow--bottom-title .richText h1, .teaser-square-dow--bottom-title .richText .select-your-industry-content--tips, .teaser-square-dow--bottom-title .richText h2, .teaser-square-dow--bottom-title .richText .homepage-hero .carousel-content--description, .homepage-hero .teaser-square-dow--bottom-title .richText .carousel-content--description, .teaser-square-dow--bottom-title .richText .modal-body--title, .teaser-square-dow--bottom-title .richText h3, .teaser-square-dow--bottom-title .richText h4 {
      margin: 0;
      letter-spacing: 0;
      text-transform: none;
      font-weight: bold; }
    .teaser-square-dow--bottom-description {
      color: #333;
      font-weight: normal;
      font-size: 16px !important;
      word-wrap: break-word; }
  .teaser-square-dow p:not(.richText p) {
    color: #333333;
    font-weight: normal;
    word-wrap: break-word; }
  .teaser-square-dow:visited:hover {
    border-bottom: 1px solid #d6d6d6; }
  .teaser-square-dow:hover {
    border-bottom: 1px solid #d6d6d6; }

.promo .teaser-square-dow.gray {
  background-color: #f5f5f5; }

.promo .teaser-square-dow--bottom-title {
  padding: 0;
  border: 0;
  margin-bottom: -.8em; }

.promo .teaser-square-dow--bottom-link {
  font-size: 1.125rem;
  color: #333333; }
  .promo .teaser-square-dow--bottom-link .richText p, .promo .teaser-square-dow--bottom-link .richText h1, .promo .teaser-square-dow--bottom-link .richText .select-your-industry-content--tips, .promo .teaser-square-dow--bottom-link .richText h2, .promo .teaser-square-dow--bottom-link .richText .homepage-hero .carousel-content--description, .homepage-hero .promo .teaser-square-dow--bottom-link .richText .carousel-content--description, .promo .teaser-square-dow--bottom-link .richText .modal-body--title, .promo .teaser-square-dow--bottom-link .richText h3, .promo .teaser-square-dow--bottom-link .richText h4 {
    font-weight: bold;
    margin: 0;
    letter-spacing: 0;
    text-transform: none; }

@media (min-width: 1080px) {
  .promo .teaser-square-dow img {
    width: 7.188rem; } }

.promo button {
  width: auto;
  margin: 0 auto; }
  @media (min-width: 1080px) {
    .promo button {
      float: right; } }

@media (min-width: 768px) {
  .promo-image .teaser-square-dow img {
    width: 7.188rem; } }

@media (min-width: 1080px) and (min-width: 768px) {
  .promo-image .teaser-square-dow img {
    height: auto; } }

@media (max-width: 767px) {
  .promo-image .teaser-square-dow img {
    display: none; } }

.promo-image .teaser-square-dow--bottom {
  text-align: left; }
  @media (min-width: 768px) {
    .promo-image .teaser-square-dow--bottom {
      width: calc(100% - 115px); } }
  @media (max-width: 767px) {
    .promo-image .teaser-square-dow--bottom {
      width: 100%; } }
  @media (max-width: 767px) {
    .promo-image .teaser-square-dow--bottom .pull-right, .promo-image .teaser-square-dow--bottom .pull-left {
      width: 100%; }
      .promo-image .teaser-square-dow--bottom .pull-right .btn-block, .promo-image .teaser-square-dow--bottom .pull-left .btn-block {
        width: 100%; } }

.industry-hero-products--img {
  width: 100%; }
  @media (min-width: 768px) {
    .industry-hero-products--img {
      height: 9.0625rem; } }

.teaser-square-link {
  cursor: pointer; }

a1 {
  line-height: 1.42857;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  cursor: pointer; }
  a1:link {
    color: #e80033;
    text-decoration: none; }
    a1:link:visited {
      color: #e80033; }
      a1:link:visited:hover {
        text-decoration: none;
        color: #bf002a; }
  a1:hover {
    text-decoration: none;
    color: #bf002a; }
  a1:active {
    color: #e80033;
    text-decoration: none;
    font-weight: bold; }

/*
## Technical Support Landing Component, Start
**********************************************/
.technical-support-title {
  height: 5rem;
  line-height: 5rem;
  background: #FFFFFF;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  padding-left: 1.25rem; }

.technical-support-top {
  position: relative; }
  @media (min-width: 1080px) {
    .technical-support-top {
      height: 21.75rem; } }

.technical-support--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  min-height: 100%; }

.technical-support-top--content {
  text-align: left;
  position: relative;
  padding: 2.1875rem 2.1875rem 2.8125rem;
  height: 100%; }

.technical-support-bottom {
  position: relative;
  background: #333333;
  text-align: center;
  padding: 2.1875rem 2.1875rem 2.8125rem;
  color: #FFFFFF; }

.btn-access-info,
.btn-find-help {
  font-size: 0.6875rem; }

.btn-access-info .richText p, .btn-access-info .richText h1, .btn-access-info .richText .select-your-industry-content--tips, .btn-access-info .richText h2, .btn-access-info .richText .homepage-hero .carousel-content--description, .homepage-hero .btn-access-info .richText .carousel-content--description, .btn-access-info .richText .modal-body--title, .btn-access-info .richText h3, .btn-access-info .richText h4 {
  margin: 0;
  font-weight: normal; }

@media (max-width: 767px) {
  .btn-find-help {
    margin-top: 0.625rem; } }

/*
## Technical Support Landing Component, End
**********************************************/
/*doc
---
title: Tooltip
name: tooltip
category: Base CSS
---

Tooltips can be positioned on top, bottom, left or right.  The choice it up to you.  Defaults to top if no position it passed in.

```html_example
{% import "./tooltip/html.html" as tooltip %}
{{ tooltip.generate('This is a top tooltip.', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'top') }}
```

```html_example
{{ tooltip.generate('This is a bottom tooltip.', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom') }}
```

```html_example
{{ tooltip.generate('This is a left tooltip', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'left') }}
```

```html_example
{{ tooltip.generate('This is a right tooltip', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'right') }}
```

```html_example
{{ tooltip.generate('', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom', true) }}
```

```html_example
{{ tooltip.generate('This is a bottom tooltip with text and icon', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom', true) }}
```

*/
.tooltip-inner {
  padding: 20px;
  background-color: #666666;
  border-radius: 5px;
  max-width: 425px;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.28571; }

.tooltip.top {
  margin-top: -10px; }

.tooltip.bottom {
  margin-top: 10px; }

.tooltip.left {
  margin-left: -10px; }

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

.tooltip.in {
  opacity: 0.95; }

.tooltip.top .tooltip-arrow {
  border-top-color: #666666;
  bottom: -5px;
  margin-left: -10px;
  border-width: 10px 10px 0; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666666;
  border-width: 0 10px 10px;
  margin-left: -10px;
  top: -5px; }

.tooltip.left .tooltip-arrow {
  border-left-color: #666666;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  right: -5px; }

.tooltip.right .tooltip-arrow {
  border-right-color: #666666;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  left: -5px; }

.svg-utility-tooltip {
  fill: #999999; }

a[data-toggle="dcc-tooltip"]:hover {
  border: none; }

.password_requirements {
  color: #e80033;
  font-size: 11px; }

.mytooltip {
  z-index: 99999;
  font-stretch: normal !important;
  width: fit-content;
  background-color: white;
  font-size: 12px;
  display: inline-table !important;
  white-space: nowrap;
  radius: 4px !important;
  padding: 10px 10px;
  border-radius: 5px;
  margin: 50px;
  font: bold 14px;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 1px 1px 10px #888888; }

.mytooltip span {
  display: block;
  font-size: 12px;
  font-weight: bold; }

.mytooltip hr {
  border: none;
  background-color: #eeeeee;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px; }

.icon-obj {
  background: url("../../../../dccstorefront/_ui/desktop/common/images/i.png");
  display: inline-block;
  height: 13px;
  width: 13px; }

.i-tooltip {
  border: none;
  background: rgba(128, 128, 128, 0.9);
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  position: absolute;
  width: fit-content;
  display: table;
  border-radius: 4px;
  padding: 7px;
  z-index: 9999; }

.i-tooltip > .ui-tooltip-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -10px;
  left: 45%;
  border-color: #8c8c8c transparent;
  border-width: 0 10px 10px; }

/*doc
---
title: Tool Tip Icon
name: tooltipIcon
category: Base CSS
---

 A variation of the tooltip component, with an icon. 

```html_example
{% import './tooltip-icon/html.html' as tooltipIcon %}
{{ tooltipIcon.generate({'icon' : 'pdp-box' , 'text' : 'This is a top tooltip with an icon.', 'tooltip' : 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'position' : 'top', 'showIcon' : true}) }}
```


*/
/*doc
---
title: Tooltip
name: tooltip
category: Base CSS
---

Tooltips can be positioned on top, bottom, left or right.  The choice it up to you.  Defaults to top if no position it passed in.

```html_example
{% import "./tooltip/html.html" as tooltip %}
{{ tooltip.generate('This is a top tooltip.', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'top') }}
```

```html_example
{{ tooltip.generate('This is a bottom tooltip.', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom') }}
```

```html_example
{{ tooltip.generate('This is a left tooltip', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'left') }}
```

```html_example
{{ tooltip.generate('This is a right tooltip', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'right') }}
```

```html_example
{{ tooltip.generate('', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom', true) }}
```

```html_example
{{ tooltip.generate('This is a bottom tooltip with text and icon', 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore.', 'bottom', true) }}
```

*/
.tooltip-inner {
  padding: 20px;
  background-color: #666666;
  border-radius: 5px;
  max-width: 425px;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.28571; }

.tooltip.top {
  margin-top: -10px; }

.tooltip.bottom {
  margin-top: 10px; }

.tooltip.left {
  margin-left: -10px; }

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

.tooltip.in {
  opacity: 0.95; }

.tooltip.top .tooltip-arrow {
  border-top-color: #666666;
  bottom: -5px;
  margin-left: -10px;
  border-width: 10px 10px 0; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666666;
  border-width: 0 10px 10px;
  margin-left: -10px;
  top: -5px; }

.tooltip.left .tooltip-arrow {
  border-left-color: #666666;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  right: -5px; }

.tooltip.right .tooltip-arrow {
  border-right-color: #666666;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  left: -5px; }

.svg-utility-tooltip {
  fill: #999999; }

a[data-toggle="dcc-tooltip"]:hover {
  border: none; }

.password_requirements {
  color: #e80033;
  font-size: 11px; }

.mytooltip {
  z-index: 99999;
  font-stretch: normal !important;
  width: fit-content;
  background-color: white;
  font-size: 12px;
  display: inline-table !important;
  white-space: nowrap;
  radius: 4px !important;
  padding: 10px 10px;
  border-radius: 5px;
  margin: 50px;
  font: bold 14px;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 1px 1px 10px #888888; }

.mytooltip span {
  display: block;
  font-size: 12px;
  font-weight: bold; }

.mytooltip hr {
  border: none;
  background-color: #eeeeee;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px; }

.icon-obj {
  background: url("../../../../dccstorefront/_ui/desktop/common/images/i.png");
  display: inline-block;
  height: 13px;
  width: 13px; }

.i-tooltip {
  border: none;
  background: rgba(128, 128, 128, 0.9);
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  position: absolute;
  width: fit-content;
  display: table;
  border-radius: 4px;
  padding: 7px;
  z-index: 9999; }

.i-tooltip > .ui-tooltip-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -10px;
  left: 45%;
  border-color: #8c8c8c transparent;
  border-width: 0 10px 10px; }

.component-tooltipIcon .tooltip-icon {
  position: absolute;
  left: 3%;
  top: 25%; }

.component-tooltipIcon .tooltip-inner {
  padding-left: 75px;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.28571;
  max-width: 600px;
  text-align: left;
  background-color: #666666; }

.component-tooltipIcon.tooltip.top .tooltip-arrow {
  border-top-color: #666666; }

.component-tooltipIcon.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666666; }

.component-tooltipIcon.tooltip.left .tooltip-arrow {
  border-left-color: #666666; }

.component-tooltipIcon.tooltip.right .tooltip-arrow {
  border-right-color: #666666; }

.component-tooltipIcon .svg-pdp-box {
  fill: #ffffff; }

.component-tooltipIcon.no-tooltipIcon.tooltip.bottom {
  margin-top: 5px; }

.component-tooltipIcon.no-tooltipIcon .tooltip-inner {
  padding: 10px;
  font-size: 14px;
  font-weight: normal; }
  .component-tooltipIcon.no-tooltipIcon .tooltip-inner .pdp-line-item-product-single-meta {
    font-weight: normal;
    padding-right: 0;
    margin-right: 0; }

a.glyphicon-info-sign {
  color: #000000 !important;
  font-weight: normal;
  margin-left: .5rem;
  text-decoration: none !important; }
  a.glyphicon-info-sign:hover {
    text-decoration: none; }

.popover {
  opacity: .9 !important;
  background: #000000;
  margin-top: 1.2rem !important;
  min-width: 50rem; }
  .popover .arrow,
  .popover .arrow:after {
    border-bottom-color: #000000 !important; }
  .popover .popover-title,
  .popover .popover-content {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold; }
  .popover .popover-title {
    background: #000000;
    border: 0;
    color: #FFFFFF; }
    .popover .popover-title img {
      vertical-align: baseline; }
  .popover .popover-content {
    color: #ebebeb;
    padding-left: 0;
    padding-right: 0; }
    .popover .popover-content p {
      padding-left: 0 !important; }

@media (max-width: 767px) {
  .popover {
    min-width: 35rem; }
    .popover .popover-title,
    .popover .popover-content {
      font-size: 1.2rem;
      max-width: 28rem; } }

/*doc
---
title: Unordered List
name: unordered-list
category: Style Guide - Unordered List
---
This is an unordered list.

```html_example
{% include "./unordered-list/html.html" %}
```
*/
/*doc
---
title: Video
name: video
category: Components - Video
---
This is a video modal component.

```html_example
{% import "./video/html.html" as video %}
{{video.generate(
        '//localhost:9001/600x600/',
        'Structural silicone glazing sealants',
        'play video',
        {
        title: 'High Brightness LED',
        description: 'A Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptatibus reiciendis, rem omnis aperiam enim unde fugit animi vero recusandae!',
        youtube: true,
        url: 'https://www.youtube.com/embed/FgFRY0_KrpM?enablejsapi=1',
        unique_id: 'youtube'
        }
        )
        }}
```
*/
@media (min-width: 1080px) {
  .video-modal .modal-dialog {
    width: 50rem; } }

.video-modal .modal-body {
  padding: 0; }

.video-modal .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  color: #FFFFFF; }

.video-modal .modal-footer {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  border: 0; }

.video-modal .video-close-button {
  text-align: center;
  margin-top: 1.875rem; }

.video-modal h2, .video-modal .homepage-hero .carousel-content--description, .homepage-hero .video-modal .carousel-content--description, .video-modal .modal-body--title {
  margin-top: 0;
  margin-left: 0; }

.video-modal .btn-warning, .video-modal .btn-ghost-white {
  background: transparent; }
  .video-modal .btn-warning:hover, .video-modal .btn-ghost-white:hover {
    background: #e80033;
    border-color: #e80033; }
  .video-modal .btn-warning:active, .video-modal .btn-ghost-white:active, .video-modal .btn-warning:focus, .video-modal .btn-ghost-white:focus {
    background-color: transparent; }

.video-modal .svg-social_share {
  width: 1.1875rem;
  height: 1rem;
  margin-right: 0.5625rem;
  stroke: #e80033; }

.video-modal .list-item-icons ul {
  border-top: 0; }

.video-modal .list-item-icons li {
  margin-bottom: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem; }

/*doc
---
title: Dropdown - Checklist
name: dropdownechecklist
category: Components - Dropdown Checklist
---
Combines drop down with a list of check boxes

```html_example
<div class="row">
<div class="col-sm-4">
{% import "./dropdown-checklist/html.html" as dropdownchecklist %}
{{ dropdownchecklist.generate('dropdowncheck', 'Dropdown Checklist', 'label', 'checkname','true',[{text:'Item 1',value:'Item 1',name:'multidrop-name'},{text:'Item 2',value:'Item 2',name:'multidrop-name'},{text:'Item 3',value:'Item 3',name:'multidrop-name'}, {text:'Item 4',value:'Item 4',name:'multidrop-name'}, {text:'Item 5',value:'Item 5',name:'multidrop-name'}, {text:'Item 6',value:'Item 6',name:'multidrop-name'}, {text:'Item 7',value:'Item 7',name:'multidrop-name'}, {text:'Item 8',value:'Item 8',name:'multidrop-name'}, {text:'Item 9',value:'Item 9',name:'multidrop-name'}, {text:'Item 10',value:'Item 10',name:'multidrop-name'}],'dropdown_arrow--down') }}
</div>
</div>
```
*/
.multiple-dropdown {
  height: 2.5rem;
  min-height: 2.5rem; }
  .multiple-dropdown .dropdown-text {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    color: #333333; }

.multiple-dropdown.open button .caret.search-cart {
  transform: rotate(180deg); }

.multiple-dropdown .dropdown-menu {
  top: 100%; }
  .multiple-dropdown .dropdown-menu input[type='checkbox'] {
    margin-top: 0.3125rem; }
  .multiple-dropdown .dropdown-menu label {
    margin-bottom: 0;
    padding: 10px;
    width: 100%; }
    .multiple-dropdown .dropdown-menu label:focus {
      background-color: #ebebeb; }
    .multiple-dropdown .dropdown-menu label:hover {
      background-color: #ebebeb; }
  .multiple-dropdown .dropdown-menu .checkmark-container {
    position: inherit; }
  .multiple-dropdown .dropdown-menu ul {
    height: 12.5rem;
    overflow: auto; }
    .multiple-dropdown .dropdown-menu ul li:first-child {
      margin-top: 0.625rem; }

.multiple-dropdown .dropdown-text-single-value,
.multiple-dropdown .dropdown-text-multiple-values {
  display: none; }

.multiple-dropdown .dropdown__arrow--down {
  display: inline-block;
  float: right; }

/*doc
---
title: findProducts
name: findProducts
category: Base CSS
---

 find products in how to buy page 

```html_example
{% import './find-products/html.html' as findProducts %}
{{ findProducts.generate() }}
```
Additional description if necessary goes here.

*/
/*doc
---
title: registrationProgressBar
name: registrationProgressBar
category: Base CSS
---

 registration progress bar

```html_example
{% import './registration-progress-bar/html.html' as registrationProgressBar %}
{{ registrationProgressBar.generate() }}
```
Additional description if necessary goes here.

*/
.order-status-bar {
  height: 8.125rem;
  background-color: #FFFFFF;
  padding-top: 2.5rem;
  border-top: 1px solid #d6d6d6; }
  @media (max-width: 767px) {
    .order-status-bar {
      height: 7.1875rem; } }

.order-status-bar .order-process {
  margin: 0 auto;
  list-style-type: none;
  padding: 0; }
  .order-status-bar .order-process li {
    padding: 0;
    margin-right: -0.0625rem; }
    .order-status-bar .order-process li .hideBar {
      background-color: #FFFFFF; }

.order-status-bar .order-process .finish-circle {
  display: none; }

.order-status-bar .order-process .bg-bar {
  background-color: #910048;
  height: 0.25rem;
  transform: translateY(2px); }

.order-status-bar .order-process .process-circle {
  display: block;
  height: 1.5625rem;
  width: 1.5625rem;
  border-radius: 50%;
  background-color: #910048; }

.order-status-bar .order-process .review-circle {
  margin: 0 auto;
  transform: translateY(-50%);
  cursor: pointer; }
  .order-status-bar .order-process .review-circle .visible-xs-index {
    color: #FFFFFF;
    text-align: center;
    line-height: 1.8; }

.order-status-bar .order-process .process-status-text {
  display: block;
  font-size: 0.875rem;
  color: #333333;
  font-weight: bold;
  text-align: center;
  clear: both;
  min-width: 6.875rem; }

.order-status-bar .order-process .current .process-circle {
  border: 4px solid #333333;
  height: 1.625rem;
  width: 1.625rem; }
  .order-status-bar .order-process .current .process-circle .visible-xs-index.visible-xs {
    margin-top: -0.25rem; }

.order-status-bar .order-process .finish .process-status-text {
  color: #333333; }

.order-status-bar .order-process .current .process-status-text {
  color: #910048; }

.order-status-bar .order-process .finish .process-circle {
  height: 1.5rem;
  width: 1.5rem;
  color: #910048;
  background-color: #333333;
  text-align: center; }

.order-status-bar .order-process .finish .finish-circle {
  display: inline;
  color: #333333;
  font-size: 1rem;
  line-height: 1.875rem;
  top: -2px; }

.order-status-bar .order-process .bg-bar.finish {
  background-color: #333333; }

.order-status-bar .order-process .finish .finish-circle .svg-form-checkmark {
  fill: white;
  color: white;
  vertical-align: text-top;
  width: 1.125rem;
  height: 1.125rem; }

@media (max-width: 767px) {
  .order-status-bar .order-process .process-status-text {
    display: none; }
  .order-status-bar .order-process .current .process-status-text {
    display: none; }
  .itemContentArea.finish .review-circle .visible-xs {
    display: none !important; }
  .itemContentArea.finish .review-circle .hidden-xs {
    display: block !important; }
  .order-status-bar .order-process li.des-text-mobile {
    color: #333333;
    font-weight: bold;
    padding-left: 30px; } }

.process-circle .svg-nav_check_mark-registration {
  width: 0.6875rem;
  height: 1.625rem; }

.advance-registration-container .order-status-bar .order-process .bg-bar {
  background-color: #e80033; }
  .advance-registration-container .order-status-bar .order-process .bg-bar.hideBar {
    background-color: transparent; }
  .advance-registration-container .order-status-bar .order-process .bg-bar.finish {
    background-color: #333333; }

.advance-registration-container .order-status-bar .order-process .process-circle {
  background-color: #e80033; }

.advance-registration-container .order-status-bar .order-process .current .process-status-text {
  color: #e80033; }

.advance-registration-container .order-status-bar .order-process .finish .process-circle {
  background-color: #333333; }

.advance-registration-container .order-status-bar .order-process .svg-nav_check_mark-registration {
  fill: white; }

/*doc
---
title: customerSupport
name: customerSupport
category: Base CSS
---

 customer support

```html_example
{% import './customer-support/html.html' as customerSupport %}
{{ customerSupport.generate() }}
```
Additional description if necessary goes here.

*/
.component-customerSupport {
  background-color: #FFFFFF; }
  .component-customerSupport .customer-support--title {
    padding: 10px 30px;
    border: 1px solid #d6d6d6;
    border-bottom: none; }
    .component-customerSupport .customer-support--title h1.title, .component-customerSupport .customer-support--title .title.select-your-industry-content--tips {
      line-height: 1.2; }
  .component-customerSupport .search-bar--container {
    padding: 10px 150px;
    background-color: #666666; }
    @media (max-width: 1079px) {
      .component-customerSupport .search-bar--container {
        padding: 10px; } }
    @media (min-width: 768px) and (max-width: 1079px) {
      .component-customerSupport .search-bar--container {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem; } }
    .component-customerSupport .search-bar--container h2.sub-title, .component-customerSupport .search-bar--container .homepage-hero .sub-title.carousel-content--description, .homepage-hero .component-customerSupport .search-bar--container .sub-title.carousel-content--description, .component-customerSupport .search-bar--container .sub-title.modal-body--title {
      color: #FFFFFF;
      margin-top: 0.9375rem; }
    .component-customerSupport .search-bar--container .pdp-search-bar {
      margin-bottom: 1.25rem; }
      .component-customerSupport .search-bar--container .pdp-search-bar form {
        height: 100%; }
      .component-customerSupport .search-bar--container .pdp-search-bar .form-group {
        height: 100%; }
        .component-customerSupport .search-bar--container .pdp-search-bar .form-group .pdp-form-input {
          width: 100%; }
          @media (max-width: 1079px) {
            .component-customerSupport .search-bar--container .pdp-search-bar .form-group .pdp-form-input {
              margin-bottom: 10px; } }
        .component-customerSupport .search-bar--container .pdp-search-bar .form-group .pdp-form-submit {
          background-color: #e80033;
          border: none; }
  .component-customerSupport .customer-support--container {
    border: 1px solid #d6d6d6;
    padding: 30px; }
    .component-customerSupport .customer-support--container .teaser-round {
      padding: 30px 0; }
      .component-customerSupport .customer-support--container .teaser-round .teaser-round--column {
        padding: 0; }
        .component-customerSupport .customer-support--container .teaser-round .teaser-round--column h2.teaser-round--title, .component-customerSupport .customer-support--container .teaser-round .teaser-round--column .homepage-hero .teaser-round--title.carousel-content--description, .homepage-hero .component-customerSupport .customer-support--container .teaser-round .teaser-round--column .teaser-round--title.carousel-content--description, .component-customerSupport .customer-support--container .teaser-round .teaser-round--column .teaser-round--title.modal-body--title {
          color: #000000; }
        .component-customerSupport .customer-support--container .teaser-round .teaser-round--column .teaser-round--link {
          font-weight: bold; }
  .component-customerSupport .topics-container {
    padding: 10px 40px;
    border-bottom: 1px solid #d6d6d6; }
    .component-customerSupport .topics-container ul {
      padding: 0; }
      .component-customerSupport .topics-container ul li {
        list-style: none; }
        .component-customerSupport .topics-container ul li p {
          line-height: 1.875rem; }
          .component-customerSupport .topics-container ul li p a {
            font-weight: bold; }
    @media (max-width: 767px) {
      .component-customerSupport .topics-container {
        text-align: left;
        padding-left: 0; } }
  .component-customerSupport .looking-for-container {
    text-align: center; }
    @media (max-width: 767px) {
      .component-customerSupport .looking-for-container {
        text-align: left; } }
    @media (max-width: 767px) {
      .component-customerSupport .looking-for-container .list-item-icons {
        border-bottom: none; } }
    .component-customerSupport .looking-for-container .list-item-icons .list-inline-item-icons a {
      font-weight: bold; }
    .component-customerSupport .looking-for-container .list-item-icons .list-inline-item-icons svg {
      vertical-align: middle; }
    .component-customerSupport .looking-for-container .list-item-icons .list-inline-item-icons span {
      border-right: 1px solid #d6d6d6;
      padding: 0 10px; }
      .component-customerSupport .looking-for-container .list-item-icons .list-inline-item-icons span:last-child {
        border-right: none; }
    @media (max-width: 767px) {
      .component-customerSupport .looking-for-container .list-item-icons .list-inline-item-icons span {
        border-right: none;
        padding: 10px 0;
        display: block; } }
    .component-customerSupport .looking-for-container .customer-register-btn button {
      letter-spacing: 0.1rem;
      font-size: 12px;
      font-weight: bold;
      width: auto; }

.related-content-item {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 1.25rem;
  margin-top: 0.625rem;
  padding-bottom: 0.625rem; }
  .related-content-item:hover {
    border-bottom: 1px solid #e80033;
    cursor: pointer; }
  .related-content-item-heading {
    color: #aeaeae; }
    .related-content-item-heading-date {
      border-left: 2px solid #aeaeae;
      padding-left: 0.3125rem;
      margin-left: 0.3125rem; }
  .related-content-item-icon {
    float: left;
    position: relative; }
    .related-content-item-icon svg {
      width: 1.875rem;
      height: 2.9375rem;
      margin-left: 0.625rem;
      margin-right: 0.625rem; }
    .related-content-item-icon .svg-badge--pdf {
      position: absolute;
      top: 2rem;
      left: 0.4375rem;
      height: 0.875rem;
      fill: lignten(#666666, 1%); }
  .related-content-item-right {
    width: calc(100% - 54px); }
  .related-content-item-title {
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0.3125rem; }
    .related-content-item-title:hover {
      color: #e80033; }
    .related-content-item-title a {
      color: #000000; }
      .related-content-item-title a:hover {
        color: #e80033; }
  .related-content-item-detail {
    color: #000000;
    word-break: word-break; }

.related-content-dow-item-right {
  width: calc(100% - 54px); }

.related-content-dow-item-title {
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0.3125rem; }
  .related-content-dow-item-title:hover {
    color: #ffffff; }
  .related-content-dow-item-title a {
    color: #ffffff; }
    .related-content-dow-item-title a:hover {
      color: #ffffff; }

.related-content-dow-item-date {
  color: #ffffff;
  font-weight: bold; }

.related-content-dow-item-heading {
  color: #ffffff;
  margin-left: 0.7125rem; }

.listStyle {
  list-style-type: square;
  color: #ffffff; }

.fontcolor {
  color: #ffffff;
  padding-right: 15px; }

.fontcolor-black {
  color: #333333;
  padding-right: 15px; }

.fontcolor:hover {
  color: #ffffff;
  font-weight: bold; }

/*doc
---
title: businessCardHeader
name: businessCardHeader
category: Base CSS
---

 the header of businessCard page 

```html_example
{% import './businessCard-header/html.html' as businessCardHeader %}
{{ businessCardHeader.generate() }}
```
Additional description if necessary goes here.

*/
header .businesscartcom {
  width: 100%;
  padding: 15px 30px; }
  @media (max-width: 767px) {
    header .businesscartcom {
      padding: 10px; } }
  header .businesscartcom .business-brand-icon {
    padding-top: 0.3125rem; }
    header .businesscartcom .business-brand-icon .business-navbar-brand .svg-Dow_Corning_logo {
      height: 1.875rem; }
  header .businesscartcom .navbar-nav {
    text-align: right; }
    header .businesscartcom .navbar-nav .component-geolocationLanguage {
      margin-top: 0; }
  header .businesscartcom .business-text {
    margin: 10px 0;
    padding-left: 20px;
    border-left: 1px solid #d6d6d6; }
  header .businesscartcom .businessCardDropdown {
    display: inline-block;
    width: 11.5625rem; }
    header .businesscartcom .businessCardDropdown .dropdown__text {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 1.25rem; }
  @media (max-width: 767px) {
    header .businesscartcom {
      width: inherit; }
      header .businesscartcom .business-icon-content {
        padding: 0; }
        header .businesscartcom .business-icon-content .business-brand-icon {
          margin-top: 10px; }
      header .businesscartcom .business-select {
        padding-right: 0; }
      header .businesscartcom .business-text {
        padding-left: 10px;
        margin-left: 10px; }
      header .businesscartcom .businessCardDropdown {
        width: 100%; }
        header .businesscartcom .businessCardDropdown .dropdown {
          margin-top: 10px; }
          header .businesscartcom .businessCardDropdown .dropdown .dropdown-menu {
            position: absolute;
            float: left;
            min-width: 100%;
            background-color: #FFFFFF;
            border: 1px solid #ebebeb;
            -webkit-box-shadow: 0 2px 2px #d6d6d6;
            box-shadow: 0 2px 2px #d6d6d6; } }
  @media (min-width: 768px) and (max-width: 1079px) {
    header .businesscartcom .business-text {
      padding-left: 20px;
      margin-left: 30px; }
    header .businesscartcom .businessCardDropdown {
      margin-right: 10px; } }

/*doc
---
title: faq
name: faq
category: Base CSS
---

 FAQ 

```html_example
{% import './FAQ/html.html' as faq %}
{{ faq.generate() }}
```
Additional description if necessary goes here.

*/
.component-faq .component-iconBadge {
  margin-right: 1rem; }
  .component-faq .component-iconBadge .svg-qanda_q, .component-faq .component-iconBadge .svg-qanda_a {
    width: 1.625rem;
    height: 1.625rem;
    color: #aeaeae; }
  .component-faq .component-iconBadge .svg-qanda_a {
    color: #666666; }

.component-faq-right {
  float: left;
  width: calc(100% - 5rem); }

.component-faq-question, .component-faq-answer {
  padding-top: 0.9375rem;
  border-bottom: 1px solid #d6d6d6; }

.component-faq-question {
  padding-bottom: 0.625rem; }
  .component-faq-question-heading {
    margin: 0; }
    .component-faq-question-heading .richText p, .component-faq-question-heading .richText h1, .component-faq-question-heading .richText .select-your-industry-content--tips, .component-faq-question-heading .richText h2, .component-faq-question-heading .richText .homepage-hero .carousel-content--description, .homepage-hero .component-faq-question-heading .richText .carousel-content--description, .component-faq-question-heading .richText .modal-body--title, .component-faq-question-heading .richText h3, .component-faq-question-heading .richText h4 {
      margin: 0;
      letter-spacing: 0;
      text-transform: none; }

.component-faq-answer {
  padding-bottom: 1.25rem; }
  .component-faq-answer-title {
    margin-bottom: .2rem;
    display: block; }
  .component-faq-answer img {
    width: 100%; }

/*doc
---
title: Business Card Hero
name: businessCardHero
category: Components - Business Card Hero
---

```html_example
{% import "./businessCard-hero-selector/html.html" as businessCardHero %}
{{ businessCardHero.generate() }}
```
*/
.business-card-bottom {
  padding-top: 20px; }

.business-card-right {
  padding-top: 20px; }

.business-card-link h4 {
  margin-top: 20px; }

.business-card-link a {
  font-weight: bold; }
  .business-card-link a:hover {
    color: #000000; }

.business-card-link svg {
  height: 1.125rem;
  width: 1.125rem;
  fill: #666666;
  color: #666666;
  vertical-align: text-top;
  margin-right: 5px; }
  .business-card-link svg.svg-common_questions {
    fill: #FFFFFF; }

.product-comparison {
  background: #FFFFFF;
  border: 1px solid #d6d6d6; }
  @media (max-width: 767px) {
    .product-comparison {
      margin-bottom: 4.375rem; } }
  .product-comparison .product-comparison-title {
    border-bottom: 1px solid #c8c8c8;
    padding: 0 30px 10px 30px; }
    .product-comparison .product-comparison-title h1, .product-comparison .product-comparison-title .select-your-industry-content--tips {
      margin-bottom: 0; }
    .product-comparison .product-comparison-title .title-left-icon {
      font-size: 14px;
      font-weight: bold;
      color: #666666;
      text-align: right;
      padding-top: 10px;
      line-height: 4.375rem; }
      .product-comparison .product-comparison-title .title-left-icon a {
        color: #666666; }
      @media only screen and (max-width: 767px) {
        .product-comparison .product-comparison-title .title-left-icon {
          text-align: left;
          padding-top: 0;
          line-height: 1.875rem; } }
  .product-comparison .product-comparison-list {
    position: relative;
    z-index: 2; }
    .product-comparison .product-comparison-list .tb-first-col {
      text-align: left;
      padding: 0 10px 0 30px;
      width: 100%;
      display: table;
      table-layout: fixed;
      height: 3.125rem;
      border-bottom: 1px solid #ebebeb;
      border-right: 1px solid #d6d6d6; }
      @media only screen and (max-width: 767px) {
        .product-comparison .product-comparison-list .tb-first-col {
          padding-left: 15px; } }
      @media print {
        .product-comparison .product-comparison-list .tb-first-col {
          page-break-inside: avoid; } }
      .product-comparison .product-comparison-list .tb-first-col .characteristic-before {
        font-size: 12px;
        margin-top: 0.3125rem; }
      .product-comparison .product-comparison-list .tb-first-col:last-child {
        border-bottom: none; }
      .product-comparison .product-comparison-list .tb-first-col h6 {
        margin: 0;
        word-wrap: normal;
        word-break: normal;
        white-space: pre-wrap;
        display: table-cell;
        vertical-align: middle; }
        .product-comparison .product-comparison-list .tb-first-col h6 span {
          max-height: 3.125rem;
          display: block;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3; }
      .product-comparison .product-comparison-list .tb-first-col h5 {
        margin: 0; }
    .product-comparison .product-comparison-list .product-comparison-left-visible-xs {
      display: none; }
      @media only screen and (max-width: 767px) {
        .product-comparison .product-comparison-list .product-comparison-left-visible-xs {
          display: block; } }
    .product-comparison .product-comparison-list .product-comparison-left {
      width: 15rem;
      height: 100%;
      overflow-x: visible;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
      @media only screen and (max-width: 767px) {
        .product-comparison .product-comparison-list .product-comparison-left {
          width: 50%; } }
      .product-comparison .product-comparison-list .product-comparison-left .product-list-left {
        border-right: 1px solid #ebebeb;
        background: #f9f9f9; }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-comparison-left .product-list-left {
            height: 3.75rem;
            display: block; } }
        .product-comparison .product-comparison-list .product-comparison-left .product-list-left .mobile-compare {
          padding: 15px; }
          .product-comparison .product-comparison-list .product-comparison-left .product-list-left .mobile-compare h3 {
            margin-top: 0; }
      .product-comparison .product-comparison-list .product-comparison-left .filter-title-left {
        background: #dde9e9;
        border-top: 2px solid #d6d6d6;
        height: 1.875rem;
        line-height: 1.875rem;
        z-index: -1;
        position: relative;
        width: 200%;
        text-align: center; }
      .product-comparison .product-comparison-list .product-comparison-left .comparison-properties-left {
        background: #FFFFFF; }
      .product-comparison .product-comparison-list .product-comparison-left .comarison-sign-left {
        width: 200%;
        text-align: center;
        padding: 10px;
        margin-top: 15px; }
    .product-comparison .product-comparison-list .product-right {
      overflow-x: auto;
      background: #dde9e9; }
      .product-comparison .product-comparison-list .product-right .comparison-item-value {
        width: 75%;
        margin-left: 25%; }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-right .comparison-item-value {
            margin-left: 50%;
            width: 50%; } }
        @media print {
          .product-comparison .product-comparison-list .product-right .comparison-item-value {
            display: table; } }
      .product-comparison .product-comparison-list .product-right .comparison-item-header {
        position: absolute;
        left: 0;
        right: 0;
        width: 25%; }
      @media only screen and (max-width: 767px) {
        .product-comparison .product-comparison-list .product-right .comparison-item-header-hidden-xs {
          display: none; } }
      .product-comparison .product-comparison-list .product-right .properties-title {
        background: #dde9e9;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-right .properties-title {
            height: 1.875rem; } }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-right .properties-title .properties-title-hidden-xs {
            display: none; } }
      .product-comparison .product-comparison-list .product-right .product-list {
        border-bottom: 2px solid #c8c8c8;
        white-space: nowrap;
        background: #f9f9f9; }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-right .product-list {
            border-bottom: none;
            height: 3.75rem; }
            .product-comparison .product-comparison-list .product-right .product-list .product-del, .product-comparison .product-comparison-list .product-right .product-list .buying-option-link {
              display: none; } }
        .product-comparison .product-comparison-list .product-right .product-list .product-list-top {
          text-align: left;
          padding: 15px;
          border-left: 1px solid #ebebeb;
          color: #e80033;
          display: inline-block;
          background: #f9f9f9;
          margin-right: -4px;
          width: 20%;
          vertical-align: top; }
          .product-comparison .product-comparison-list .product-right .product-list .product-list-top:first-child {
            border-left: 1px solid #ebebeb; }
          .product-comparison .product-comparison-list .product-right .product-list .product-list-top .buying-option-link {
            position: absolute;
            bottom: 15px;
            left: 15px; }
          .product-comparison .product-comparison-list .product-right .product-list .product-list-top h3 {
            white-space: pre-wrap; }
          @media only screen and (max-width: 767px) {
            .product-comparison .product-comparison-list .product-right .product-list .product-list-top {
              width: 10.625rem;
              height: 100%; }
              .product-comparison .product-comparison-list .product-right .product-list .product-list-top h3 {
                margin-top: 0; } }
          @media (min-width: 767px) {
            .product-comparison .product-comparison-list .product-right .product-list .product-list-top {
              height: 10rem;
              position: relative; } }
      .product-comparison .product-comparison-list .product-right .product-comparison-result {
        white-space: nowrap;
        position: relative;
        background: #FFFFFF;
        display: none; }
        .product-comparison .product-comparison-list .product-right .product-comparison-result.open {
          display: block; }
        @media only screen and (max-width: 767px) {
          .product-comparison .product-comparison-list .product-right .product-comparison-result {
            padding-left: 0;
            display: block; } }
        .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value {
          text-align: center;
          width: 20%;
          display: inline-block;
          margin-right: -4px; }
          @media only screen and (max-width: 767px) {
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value {
              width: 10.625rem; } }
          @media print {
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value {
              display: table-cell; } }
          .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value .product-comparison-value-item {
            height: 3.125rem;
            line-height: 3.125rem;
            border-bottom: 1px solid #ebebeb;
            background: #FFFFFF;
            border-left: 1px solid #ebebeb;
            font-size: 12px;
            overflow-y: hidden; }
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value .product-comparison-value-item:last-child {
              border-bottom: none; }
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value .product-comparison-value-item:nth-child(2n) {
              background: #f9f9f9; }
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value .product-comparison-value-item.bg-gray {
              background: #f9f9f9; }
            .product-comparison .product-comparison-list .product-right .product-comparison-result .product-comparison-value .product-comparison-value-item.bg-write {
              background: #FFFFFF; }
    .product-comparison .product-comparison-list .comparison-filter {
      background: #d6d6d6;
      padding: 20px 30px; }
      .product-comparison .product-comparison-list .comparison-filter .properties-list {
        display: none;
        margin: 0; }
      .product-comparison .product-comparison-list .comparison-filter .collapse {
        display: none; }
      .product-comparison .product-comparison-list .comparison-filter .expand {
        display: inline-block; }
      .product-comparison .product-comparison-list .comparison-filter.open .properties-list {
        display: block; }
      .product-comparison .product-comparison-list .comparison-filter.open .filter-icon {
        display: none; }
      .product-comparison .product-comparison-list .comparison-filter .collapse-and-expand.open .collapse {
        display: inline-block; }
      .product-comparison .product-comparison-list .comparison-filter .collapse-and-expand.open .expand {
        display: none; }
      .product-comparison .product-comparison-list .comparison-filter .filter-type {
        cursor: pointer;
        text-align: left;
        font-size: 18px; }
        .product-comparison .product-comparison-list .comparison-filter .filter-type a {
          font-size: 14px;
          font-weight: bold;
          display: inline-block;
          padding-left: 15px; }
      .product-comparison .product-comparison-list .comparison-filter .comparison-item-select {
        padding: 0;
        text-align: left;
        margin-bottom: 10px; }
        .product-comparison .product-comparison-list .comparison-filter .comparison-item-select a {
          display: inline-block;
          font-weight: bold; }
          .product-comparison .product-comparison-list .comparison-filter .comparison-item-select a:first-child {
            padding-right: 15px; }
          .product-comparison .product-comparison-list .comparison-filter .comparison-item-select a:last-child {
            border-left: 1px solid #999999;
            padding-left: 15px; }
      .product-comparison .product-comparison-list .comparison-filter .properties-spec {
        float: right; }
    .product-comparison .product-comparison-list .properties-spec {
      margin: auto;
      border: 1px dashed #aeaeae;
      font-size: 12px; }
      .product-comparison .product-comparison-list .properties-spec > span {
        display: inline-block;
        text-align: center;
        padding: 5px 15px; }
  .product-comparison .product-del {
    float: right;
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    text-align: center; }
    .product-comparison .product-del svg {
      width: 0.875rem;
      height: 0.875rem;
      fill: #c8c8c8;
      vertical-align: top;
      margin-top: 3px;
      margin-left: 0.5px; }
    .product-comparison .product-del + div {
      clear: both; }
  .product-comparison .collapse-and-expand svg {
    width: 0.875rem;
    height: 0.875rem;
    color: #e80033;
    pointer-events: none; }
    @media print {
      .product-comparison .collapse-and-expand svg {
        color: #999999; } }
  .product-comparison .yes-sign svg {
    width: 1.125rem;
    height: 0.75rem;
    fill: #999999;
    vertical-align: text-top;
    margin-right: 5px; }
    @media print {
      .product-comparison .yes-sign svg {
        fill: #999999; } }
  .product-comparison .no-sign svg {
    width: 0.75rem;
    height: 0.75rem;
    fill: #999999;
    vertical-align: text-top;
    margin-right: 5px; }
  .product-comparison .gray-line {
    width: 0.9375rem;
    display: inline-block;
    vertical-align: super;
    margin-right: 5px;
    border-bottom: 2px solid #999999; }
  .product-comparison .filter-icon svg {
    width: 0.9375rem;
    height: 0.9375rem;
    fill: #e80033;
    vertical-align: middle; }
  .product-comparison .share-icon svg {
    width: 1.125rem;
    height: 0.9375rem;
    vertical-align: text-top;
    margin-left: 5px; }
  .product-comparison .download-icon svg {
    width: 1.125rem;
    height: 0.9375rem;
    vertical-align: text-top; }

.comparison-property-item {
  position: relative; }
  .comparison-property-item input[type=checkbox] {
    opacity: 0;
    margin: 0;
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    left: 0;
    z-index: 3; }
  .comparison-property-item input[type=checkbox]:checked + .checkbox-icon {
    background: #e80033;
    border: 1px solid #e80033; }
    .comparison-property-item input[type=checkbox]:checked + .checkbox-icon .check-icon {
      display: inline-block; }
  .comparison-property-item .checkbox-icon {
    position: absolute;
    left: 0;
    display: block;
    z-index: 2;
    border: 1px solid #d6d6d6;
    background: #FFFFFF;
    width: 1.125rem;
    height: 1.125rem;
    text-align: center; }
  .comparison-property-item .check-icon {
    display: none; }
    .comparison-property-item .check-icon svg {
      width: 0.75rem;
      height: 0.75rem;
      fill: #FFFFFF; }
  .comparison-property-item label {
    font-weight: normal;
    font-size: 14px; }

.comparison-comparison-modal {
  height: 28.125rem;
  padding-left: 20px;
  overflow: auto; }
  .comparison-comparison-modal .filter-type {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    margin-left: -10px;
    margin-bottom: 10px; }
  .comparison-comparison-modal .comparison-item-select {
    padding: 0;
    text-align: left;
    margin-bottom: 10px; }
    .comparison-comparison-modal .comparison-item-select a {
      display: inline-block;
      font-weight: bold; }
      .comparison-comparison-modal .comparison-item-select a:first-child {
        padding-right: 15px; }
      .comparison-comparison-modal .comparison-item-select a:last-child {
        border-left: 1px solid #999999;
        padding-left: 15px; }
  .comparison-comparison-modal .comparison-property-item {
    margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .comparison-comparison-modal .properties-spec-hidden-xs {
      display: none; } }

/*doc
---
title: bundledPricing
name: bundledPricing
category: Base CSS
---

bundled prcing in pdp page 

```html_example
{% import './bundled-pricing/html.html' as bundledPricing %}
{{ bundledPricing.generate() }}
```
Additional description if necessary goes here.

*/
.component-bundledPricing iframe {
  height: 27.0625rem; }

.component-bundledPricing .pricing-table {
  border-top: 1px solid #e80033;
  border-bottom: 1px solid #e80033;
  padding-top: 1.25rem;
  margin-bottom: 1.25rem; }

.component-bundledPricing .check-table {
  max-height: 9.375rem;
  overflow: auto; }
  .component-bundledPricing .check-table .checkbox label {
    padding-left: 0; }

.paginated_results .pdp-line-item:first-child .title {
  display: inline-block; }

@media (max-width: 767px) {
  .search-product-compare {
    margin-top: 10px; } }

.search-product-compare .search-product-checkbox {
  background: #dde9e9;
  text-align: center; }
  @media (max-width: 767px) {
    .search-product-compare .search-product-checkbox {
      padding: 10px;
      text-align: left; } }
  .search-product-compare .search-product-checkbox .checkbox-container {
    margin-top: 30px; }
    @media (max-width: 767px) {
      .search-product-compare .search-product-checkbox .checkbox-container {
        display: inline-block;
        margin-top: 0;
        float: left; } }
  .search-product-compare .search-product-checkbox .title {
    display: none; }
    @media (max-width: 767px) {
      .search-product-compare .search-product-checkbox .title {
        display: inline-block; } }

.search-product-compare-list {
  display: none;
  padding: 15px 30px;
  margin-left: -30px;
  margin-right: -30px;
  background: #ebebeb; }
  @media (max-width: 767px) {
    .search-product-compare-list {
      margin: 0; } }
  @media (min-width: 767px) {
    .search-product-compare-list {
      padding-right: 3.75rem; } }
  .search-product-compare-list .title {
    font-size: 24px;
    padding: 0; }
    @media (min-width: 767px) {
      .search-product-compare-list .title {
        line-height: 2.5rem; } }
  .search-product-compare-list .check-num {
    text-align: right; }
    @media (min-width: 767px) {
      .search-product-compare-list .check-num {
        line-height: 2.5rem; } }
    @media (max-width: 767px) {
      .search-product-compare-list .check-num {
        text-align: left;
        padding: 0; } }
    .search-product-compare-list .check-num .product-compare-checked {
      color: #b39905; }
  .search-product-compare-list .compare-btn {
    padding: 0;
    text-align: right; }
    @media (min-width: 1079px) {
      .search-product-compare-list .compare-btn {
        padding-right: 10px; } }

.compare-bg {
  background: #dde9e9;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
  display: none; }
  @media (min-width: 1080px) {
    .compare-bg {
      width: 15%; } }

@media (min-width: 767px) {
  .compare-col .btn-container {
    width: 50%; } }

.compare-col .btn-container button.dcc-sds-finder-view-options {
  margin-top: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

/*doc
---
title: documentFinderHowToBuy
name: documentFinderHowToBuy
category: Components - How to Buy
---

 document-finder-how-to-buy

```html_example
{% import './document-finder-how-to-buy/html.html' as documentFinderHowToBuy %}
{{ documentFinderHowToBuy.generate() }}
```
Additional description if necessary goes here.

*/
.component-registrationLanding {
  background-color: #ffffff; }
  .component-registrationLanding-header > div {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 1.25rem;
    padding-left: 10px;
    padding-right: 10px; }
  .component-registrationLanding-header h1, .component-registrationLanding-header .select-your-industry-content--tips {
    margin: 0;
    padding-bottom: 1.25rem; }
  .component-registrationLanding-header p {
    margin: 0;
    word-wrap: break-word; }
    @media (max-width: 768px) {
      .component-registrationLanding-header p {
        font-size: 0.875rem; } }
  .component-registrationLanding-body {
    margin-top: 1.875rem;
    position: relative; }
    .component-registrationLanding-body h2, .component-registrationLanding-body .homepage-hero .carousel-content--description, .homepage-hero .component-registrationLanding-body .carousel-content--description, .component-registrationLanding-body .modal-body--title {
      margin-top: 0; }
    .component-registrationLanding-body__item {
      position: static;
      border-bottom: 1px dotted #d6d6d6;
      padding-bottom: 1.875rem;
      margin-bottom: 1.875rem; }
      .component-registrationLanding-body__item .btn-bottom {
        margin-top: 1.25rem; }
      @media (min-width: 767px) {
        .component-registrationLanding-body__item {
          padding-bottom: 3.125rem;
          margin-bottom: 0;
          border-bottom: none; }
          .component-registrationLanding-body__item .btn-bottom {
            position: absolute;
            bottom: 0;
            width: 47%;
            height: 2.5rem; }
            .component-registrationLanding-body__item .btn-bottom .btn, .component-registrationLanding-body__item .btn-bottom .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .component-registrationLanding-body__item .btn-bottom .sds-form-submit, .component-registrationLanding-body__item .btn-bottom .pdp-form-submit {
              margin-right: 2.5rem; }
          .component-registrationLanding-body__item.item-1 {
            padding-right: 1.875rem; }
            .component-registrationLanding-body__item.item-1 .btn-bottom {
              left: 0;
              padding-right: 1.875rem; }
          .component-registrationLanding-body__item.item-2 {
            border-left: 1px dotted #d6d6d6;
            padding-left: 2.5rem; }
            .component-registrationLanding-body__item.item-2 .btn-bottom {
              right: 0; } }
      .component-registrationLanding-body__item .svg-list-bullet {
        height: .4rem;
        margin-right: .4rem;
        vertical-align: middle;
        width: .4rem; }
      .component-registrationLanding-body__item ul {
        margin-top: 1.25rem; }
        .component-registrationLanding-body__item ul li {
          margin-bottom: 0.625rem; }
      .component-registrationLanding-body__item p {
        word-wrap: break-word; }
  .component-registrationLanding-bottom {
    text-align: center; }
    @media (min-width: 767px) {
      .component-registrationLanding-bottom {
        border-top: 1px solid #d6d6d6;
        margin-top: 1.875rem;
        padding-top: 1.875rem; } }

.modal-registrationLanding-btn {
  margin-top: 1.875rem; }

.modal-registrationLanding .sr-only {
  position: static;
  width: auto;
  height: auto; }

.registrationLandingLogin_form .btn-commit {
  margin-top: 1.875rem; }

/*doc
---
title: paginationPlugin
name: paginationPlugin
category: Components - Pagination Plugin
---

 jQuery pagination plugin

```html_example
{% import './pagination-plugin/html.html' as paginationPlugin %}
{{ paginationPlugin.generate() }}
```
Additional description if necessary goes here.

*/
@media (max-width: 767px) {
  .pagination-plugin .paginator-holder {
    text-align: center; } }

/*doc
---
title: moduleHeaderRedesign
name: moduleHeaderRedesign
category: Modules - Header Redesign
---

 Redesign of global DOW header

```html_example
{% import './module-header-redesign/html.html' as moduleHeaderRedesign %}
{{ moduleHeaderRedesign.generate() }}
```
Additional description if necessary goes here.

*/
.component-moduleHeaderRedesign {
  border-bottom: 1px solid #d6d6d6;
  background-color: #FFFFFF;
  z-index: 1002;
  position: relative;
  /* Styling for Header links */ }
  .component-moduleHeaderRedesign .svg-nav-right-arrow--mobile {
    stroke: #e80033; }
  @media (min-width: 768px) {
    .component-moduleHeaderRedesign .pdp-detail-list.open .pdp-detail-lists-title span, .component-moduleHeaderRedesign .pdp-detail-list .pdp-detail-lists-title:hover span {
      color: #e80033;
      font-weight: bold; }
    .component-moduleHeaderRedesign .pdp-detail-list.active, .component-moduleHeaderRedesign .pdp-detail-list.open {
      border-bottom: 1px solid #e80033; } }
  .component-moduleHeaderRedesign .logo-notch {
    height: 22px;
    bottom: -22px;
    overflow: hidden;
    transform: rotate(180deg);
    position: absolute;
    margin-left: 1.5625rem;
    z-index: 1; }
  .component-moduleHeaderRedesign .search--desktop {
    width: auto;
    margin-left: -0.0625rem;
    position: relative;
    z-index: 0; }
  .component-moduleHeaderRedesign nav {
    margin: 0 auto; }
    .component-moduleHeaderRedesign nav.navbar {
      border: none; }
      .component-moduleHeaderRedesign nav.navbar .container {
        z-index: 3;
        background-color: #FFFFFF; }
    .component-moduleHeaderRedesign nav .navbar-default .navbar-toggle {
      border: none; }
    .component-moduleHeaderRedesign nav ul.logo-lockup {
      height: 4.875rem;
      display: table; }
      .component-moduleHeaderRedesign nav ul.logo-lockup li {
        border: none;
        display: table-cell;
        vertical-align: middle;
        float: none; }
      .component-moduleHeaderRedesign nav ul.logo-lockup li a {
        padding: 0;
        line-height: 0; }
      .component-moduleHeaderRedesign nav ul.logo-lockup .logo .svg-header_dow-logo-lockup--desktop {
        width: auto !important;
        min-width: 8.125rem; }
    .component-moduleHeaderRedesign nav li.hamburger div.hamburger {
      width: auto;
      height: auto; }
    .component-moduleHeaderRedesign nav ul.navbar-right {
      height: 4.875rem;
      display: table; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.button--cart {
        /*float: right;
          border-left: 1px solid $color-alto;
          text-align: center;
          position: relative;*/ }
        .component-moduleHeaderRedesign nav ul.navbar-right li.button--cart a {
          padding: 0; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.button--cart span.items {
          position: absolute;
          border-radius: 50%;
          background-color: #e80033;
          color: #FFFFFF;
          width: 25px;
          height: 25px;
          padding: 3px;
          /* padding: 6px; */
          top: -40%;
          right: -60%;
          display: table-cell;
          vertical-align: middle;
          text-align: center; }
          .component-moduleHeaderRedesign nav ul.navbar-right li.button--cart span.items span {
            color: #FFFFFF;
            padding-left: 1px;
            vertical-align: baseline; }
      .component-moduleHeaderRedesign nav ul.navbar-right li {
        float: none;
        display: table-cell;
        vertical-align: middle;
        border: none;
        cursor: pointer; }
        .component-moduleHeaderRedesign nav ul.navbar-right li span.underline {
          display: none;
          position: absolute;
          border-bottom: 4px solid #e80033;
          width: 70%;
          bottom: 0;
          left: 0.9375rem; }
        .component-moduleHeaderRedesign nav ul.navbar-right li span.button--label {
          text-transform: uppercase; }
      .component-moduleHeaderRedesign nav ul.navbar-right .dropdown .dropdown-toggle {
        border: none;
        background-color: #FFFFFF;
        color: #2C2A29 !important;
        letter-spacing: 0.0625rem !important;
        font-size: 13px !important; }
      .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage {
        width: auto; }
        .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown-menu li p a:hover, .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown-menu li p a:focus, .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown-menu li p a.active {
          background-color: transparent;
          color: #e80033; }
        .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown-menu li p a[data-languagecode="#"] {
          cursor: default;
          color: #2C2A29 !important; }
        .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown ul li:first-child {
          margin-top: 0; }
          .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage .dropdown ul li:first-child p a {
            cursor: default;
            color: #2C2A29 !important; }
        .component-moduleHeaderRedesign nav ul.navbar-right .component-geolocationLanguage li.divider {
          margin-bottom: 0.9375rem !important; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.component-dropdownHeader ul li {
        display: block; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.component-dropdownHeader ul li:first-child {
          margin-top: 0.625rem; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.component-dropdownHeader ul li a:hover {
          color: #e80033 !important; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.button--account a {
        padding: 0; }
      .component-moduleHeaderRedesign nav ul.navbar-right li:first-child {
        border: none; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.border {
        border-left: 1px solid #d6d6d6;
        padding-right: 0rem; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.text {
        font-size: 13px;
        letter-spacing: 0.0625rem;
        padding: 0.8125rem;
        padding-left: 0; }
        @media (min-width: 768px) {
          .component-moduleHeaderRedesign nav ul.navbar-right li.text {
            padding: 0px;
            padding-top: 0.8125rem; } }
        @media (min-width: 768px) {
          .component-moduleHeaderRedesign nav ul.navbar-right li.text {
            padding: 0px;
            padding-top: 0.8125rem; } }
        .component-moduleHeaderRedesign nav ul.navbar-right li.text a {
          font-weight: bold; }
          @media (min-width: 768px) {
            .component-moduleHeaderRedesign nav ul.navbar-right li.text a {
              height: 100%; } }
        .component-moduleHeaderRedesign nav ul.navbar-right li.text ul.dropdown-menu li a:link {
          font-weight: normal; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown {
        padding-right: 0; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown a span.icon {
          padding-right: 1.875rem; }
        @media (max-width: 767px) {
          .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown {
            padding: 0; }
            .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown a {
              letter-spacing: 0; }
            .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown .dropdown-menu {
              padding: 0; }
            .component-moduleHeaderRedesign nav ul.navbar-right li.support--dropdown ul.default li {
              margin-top: 0 !important;
              height: auto !important; } }
      .component-moduleHeaderRedesign nav ul.navbar-right li.icon {
        width: 3.4375rem;
        padding-top: 4px;
        border-bottom: 4px solid white; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.icon div.dropdown {
          display: table;
          margin: 0 auto; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.icon:hover svg {
        color: #e80033; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.icon:hover .homepage-hero-icons-link--tips.header-tooltip {
        display: block;
        position: absolute;
        top: .5rem;
        right: 80%; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.icon.activated {
        border-bottom: 4px solid #e80033; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.icon.activated svg {
          color: #e80033; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.text.activated .button--label {
        color: #e80033; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.text.activated span {
        display: block; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.button--language ul.dropdown-menu li:last-child {
        margin-bottom: 0.625rem; }
      .component-moduleHeaderRedesign nav ul.navbar-right li.button--language ul.dropdown-menu li:first-child {
        margin-bottom: 0.3125rem; }
      @media (min-width: 1079px) {
        .component-moduleHeaderRedesign nav ul.navbar-right li.button--account ul.dropdown-menu li:last-child {
          padding-top: 1.125rem; } }
      @media (max-width: 1079px) {
        .component-moduleHeaderRedesign nav ul.navbar-right li.button--account ul.dropdown-menu li:last-child {
          margin-bottom: 0.625rem; } }
      .component-moduleHeaderRedesign nav ul.navbar-right li.button--language ul.dropdown-menu, .component-moduleHeaderRedesign nav ul.navbar-right li.button--account ul.dropdown-menu {
        padding: 1.25rem 0.9375rem 0.3125rem 0.3125rem;
        margin-top: 1.8125rem;
        right: -0.9375rem !important; }
        .component-moduleHeaderRedesign nav ul.navbar-right li.button--language ul.dropdown-menu li.divider ~ li, .component-moduleHeaderRedesign nav ul.navbar-right li.button--account ul.dropdown-menu li.divider ~ li {
          height: 1.25rem; }
          .component-moduleHeaderRedesign nav ul.navbar-right li.button--language ul.dropdown-menu li.divider ~ li a, .component-moduleHeaderRedesign nav ul.navbar-right li.button--account ul.dropdown-menu li.divider ~ li a {
            font-weight: normal; }
  @media (max-width: 1079px) {
    .component-moduleHeaderRedesign .logo-notch {
      margin-left: 6.1875rem; }
    .component-moduleHeaderRedesign .landing-page .logo-notch {
      margin-left: 27px !important; }
    .component-moduleHeaderRedesign nav li.hamburger {
      border-right: 1px solid #d6d6d6 !important;
      display: table-cell;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
      .component-moduleHeaderRedesign nav li.hamburger.expanded {
        background-color: #f7f7f7; }
      .component-moduleHeaderRedesign nav li.hamburger svg {
        width: 2.0625rem;
        fill: #9b9b9b; } }
  @media (max-width: 767px) {
    .component-moduleHeaderRedesign .component-snapSvgIconHamburger {
      fill: #9b9b9b; }
    .component-moduleHeaderRedesign .navbar-toggle {
      border-right: 1px solid #d6d6d6;
      padding: 0 !important; }
    .component-moduleHeaderRedesign .navbar-header[data-toggle=expanded] .navbar-toggle {
      background-color: #f7f7f7; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul {
      width: 100%; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right {
      display: block;
      height: 100%; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li {
        display: table;
        width: 100%;
        height: 3.6875rem;
        padding-left: 0.9375rem;
        border-bottom: 1px solid #d6d6d6; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li span.button--label {
          font-size: 1.25rem;
          line-height: 1.22222;
          text-transform: uppercase;
          font-weight: bold;
          width: 100%;
          font-weight: bold;
          letter-spacing: 0; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li span.button--label:first-letter {
          text-transform: capitalize; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li a {
          display: table-cell;
          vertical-align: middle;
          width: 100%; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li a.secondary {
          display: block; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li span.underline {
          display: none; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.text.activated span {
        display: table-cell; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.text.activated span.underline {
        display: none; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.products.activated {
        position: absolute; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.products {
        display: table; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated {
        padding-left: 0; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated a.secondary {
          height: 3.75rem; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated a.secondary span {
            display: table-cell;
            vertical-align: middle;
            height: 3.75rem; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated a.secondary span.button--label {
            padding-left: 0.625rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated span.underline {
          display: none; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated ul.dropdown-menu li {
          padding-left: 0; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated ul.dropdown-menu li.divider {
            display: none; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated ul.dropdown-menu li p {
            height: 3.75rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader.activated ul.dropdown-menu {
          padding: 0; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader a.secondary {
        height: 3.75rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader a.secondary span {
          display: table-cell;
          vertical-align: middle;
          height: 3.75rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader a.secondary span.button--label {
          padding-left: 0.625rem; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.component-dropdownHeader div.dropdown {
        display: table;
        width: 100%;
        height: 3.75rem; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account {
        padding-top: 0;
        padding-left: 0; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedout {
          padding-left: 0.9375rem; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedout span.icon {
            padding-right: 0.625rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedin .dropdown {
          padding-left: 0.9375rem; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedin .dropdown.open {
            padding-left: 0; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedin .dropdown a.dropdown-toggle {
            height: 3.75rem;
            display: table; }
            .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedin .dropdown a.dropdown-toggle span.nav-icon-circle {
              margin-top: 21px; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account.loggedin .dropdown span.icon {
            padding-right: 0.9375rem; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu {
          padding: 0 0 0.3125rem 0 !important;
          margin-top: 0 !important; }
          .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu li {
            margin-top: 0 !important;
            height: 1.875rem !important; }
            .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu li.divider {
              display: none; }
            .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu li p {
              padding-left: 0;
              height: 30px; }
              .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu li p a {
                font-weight: normal !important;
                height: 30px !important; }
            .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.button--account ul.dropdown-menu li:last-child {
              margin-bottom: 0;
              border-bottom: none; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.search--mobile {
        padding-left: 0;
        display: block; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.search--mobile .component-formSearch {
          display: block !important; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.form--input {
        display: table-cell; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.icon--arrow {
        display: table-cell; }
        .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.navbar-right li.icon--arrow svg {
          color: #e80033; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open.support--dropdown {
      padding-left: 0; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open > a {
      display: block;
      height: 3.6875rem;
      padding-left: 0.9375rem;
      background-color: transparent;
      border-bottom: 1px solid #d6d6d6;
      line-height: 3.625rem; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open > a .button--label {
        color: #e80033; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open > a .icon {
        line-height: 3.625rem; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open .dropdown-menu li {
      padding-left: 0; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas .nav .open .dropdown-menu li a {
        padding-left: 0.9375rem; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.autocomplete li, .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.autoresults li {
      padding-left: 0;
      border: none;
      height: 1.875rem; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.autocomplete li a span, .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.autoresults li a span {
        display: inline-block; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.clearresults li {
      padding-right: 1.5625rem; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas ul.language--dropdown li {
      border: none; }
    .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas li.sdsfinder {
      display: table;
      height: 59px;
      width: 100% !important;
      border-bottom: 1px solid #d6d6d6 !important;
      margin: 0 auto;
      list-style: none;
      border: none;
      padding-left: 15px !important;
      text-align: left;
      letter-spacing: 0.1125rem;
      margin-top: 2px; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas li.sdsfinder .svg-homepage_hero_find {
        margin-right: 10px; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas li.sdsfinder svg {
        vertical-align: middle; }
      .component-moduleHeaderRedesign .navbar[data-toggle=expanded] .sidebar-offcanvas li.sdsfinder a {
        color: #e80033; }
    .component-moduleHeaderRedesign #navbar {
      margin-top: 3.75rem;
      border-bottom: 1px solid #c8c8c8; }
    .component-moduleHeaderRedesign nav.navbar {
      border-bottom: 1px solid #d6d6d6; }
    .component-moduleHeaderRedesign .navbar-brand {
      padding-top: 0.625rem; }
    .component-moduleHeaderRedesign .navbar-header {
      padding: 0; }
      .component-moduleHeaderRedesign .navbar-header ul {
        height: 3.75rem;
        margin: 0;
        padding: 0;
        display: table; }
      .component-moduleHeaderRedesign .navbar-header ul li {
        float: none;
        display: table-cell;
        list-style: none;
        border: none;
        margin: 0;
        padding: 0;
        height: 3.75rem; }
        .component-moduleHeaderRedesign .navbar-header ul li button {
          padding: 0;
          margin: 0; }
        .component-moduleHeaderRedesign .navbar-header ul li.cart {
          float: right;
          border-left: 1px solid #d6d6d6;
          text-align: center;
          position: relative; }
          .component-moduleHeaderRedesign .navbar-header ul li.cart span.items {
            position: absolute;
            border-radius: 50%;
            background-color: #e80033;
            color: #FFFFFF;
            width: 25px;
            height: 25px;
            display: table;
            /* padding: 6px; */
            top: 5%;
            right: 10%; }
            .component-moduleHeaderRedesign .navbar-header ul li.cart span.items span {
              display: table-cell;
              vertical-align: middle;
              text-align: center; }
        .component-moduleHeaderRedesign .navbar-header ul li.icon {
          width: 4.375rem; }
        .component-moduleHeaderRedesign .navbar-header ul li.logo {
          width: 100%; }
        .component-moduleHeaderRedesign .navbar-header ul li a.button--cart {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
        .component-moduleHeaderRedesign .navbar-header ul li a.navbar-brand {
          width: 100%;
          text-align: center; }
    .component-moduleHeaderRedesign .component-geolocationLanguage {
      width: 100%;
      padding: 5px 15px 15px 15px;
      height: 59px; }
    .component-moduleHeaderRedesign .component-geolocationLanguage .languageIcon {
      margin: 0px; } }
  .component-moduleHeaderRedesign .landing-page ul {
    width: 100% !important; }

.component-moduleHeaderRedesign.opacity {
  opacity: 1;
  z-index: inherit; }

header nav.navbar ul.navbar-right li:first-child {
  border: none; }

@media (min-width: 1079px) {
  header .dropdown ul li:not(.divider) {
    height: 2.1875rem; }
  header .dropdown ul li {
    height: 2.1875rem; }
    header .dropdown ul li p a {
      line-height: 1.5;
      padding: 0.3rem 1rem;
      display: block;
      color: #000000 !important;
      min-height: 30px; }
      header .dropdown ul li p a:hover, header .dropdown ul li p a:focus, header .dropdown ul li p a.active {
        background-color: transparent;
        border: none;
        color: #e80033 !important;
        font-weight: normal; }
      header .dropdown ul li p a:link, header .dropdown ul li p a:visited {
        color: #000000; }
  header .dropdown ul li:first-child {
    margin-top: 1.25rem; }
  header .dropdown ul li:last-child {
    margin-bottom: 1.25rem; }
  header .dropdown.component-geolocationLanguage ul li:last-child {
    margin-bottom: 0; } }

.navbar-toggle {
  padding: 0 !important; }

@media (max-width: 767px) {
  .component-moduleMegaHeader li.open .nav-icon-circle .svg-header_plus {
    display: none; }
  .component-moduleMegaHeader li.open .nav-icon-circle .svg-header_minus {
    display: inline-block !important; }
  .component-moduleMegaHeader .nav-icon-circle {
    float: right;
    width: 1.5rem !important;
    height: 1.5rem;
    border-radius: 50%;
    display: inline !important;
    margin-top: -1.3125rem;
    border: 2px solid #e80033;
    background: #e80033;
    text-align: center;
    line-height: 0.5rem;
    margin-right: 1.5625rem; }
    .component-moduleMegaHeader .nav-icon-circle svg {
      width: 0.9375rem;
      height: 0.9375rem;
      color: #fff;
      margin-top: 2px; }
    .component-moduleMegaHeader .nav-icon-circle .svg-header_minus {
      display: none; }
    .component-moduleMegaHeader .nav-icon-circle .svg-header_plus {
      display: inline; }
  .component-moduleMegaHeader li.pdp-detail-list a.expanded span.icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .component-moduleMegaHeader li.pdp-detail-list .products-industry .list-item.slide .border {
    display: block;
    bottom: auto;
    transition: none; }
  li.search--mobile {
    border-bottom: none !important; }
  li.support--dropdown > a.dropdown-toggle {
    height: 3.75rem; }
  li.support--dropdown .nav-icon-circle {
    float: right;
    width: 1.5rem !important;
    height: 1.5rem;
    border-radius: 50%;
    display: inline !important;
    margin-top: -1.3125rem;
    border: 2px solid #e80033;
    background: #e80033;
    text-align: center;
    line-height: 0.75rem;
    margin-right: 0.9375rem; }
    li.support--dropdown .nav-icon-circle svg {
      width: 0.9375rem;
      height: 0.9375rem;
      color: #fff;
      margin-top: 2px; }
    li.support--dropdown .nav-icon-circle .svg-header_minus {
      display: none; }
    li.support--dropdown .nav-icon-circle .svg-header_plus {
      display: inline; }
  li.support--dropdown.open {
    padding-left: 1.25rem; }
    li.support--dropdown.open > a.dropdown-toggle {
      display: table !important; }
    li.support--dropdown.open .nav-icon-circle {
      margin-top: 1.3125rem; }
      li.support--dropdown.open .nav-icon-circle .svg-header_plus {
        display: none; }
      li.support--dropdown.open .nav-icon-circle .svg-header_minus {
        display: inline-block !important; } }

@media (max-width: 376px) {
  .component-moduleMegaHeader ul.pdp-detail-lists li.pdp-detail-list .pdp-lists-mobile-content .list-item span.border {
    top: 4rem; }
  .component-moduleMegaHeader ul.pdp-detail-lists li.pdp-detail-list .pdp-lists-mobile-content .heading-container {
    height: 4rem !important; } }

.global-mobile-nav .mobile-nav-open .icon-circle .svg-header_plus {
  display: none; }

.global-mobile-nav .mobile-nav-open .icon-circle .svg-header_minus {
  display: inline; }

.global-mobile-nav li.mobile-nav-open > a {
  color: #e80033; }

.global-mobile-nav li {
  height: auto !important;
  display: block !important;
  padding: 15px 0px 15px 0px !important; }
  .global-mobile-nav li a {
    font-size: 1.125rem;
    font-weight: bold;
    color: #000000;
    display: block !important;
    padding-top: 1.125rem;
    padding-left: 0.625rem; }
    .global-mobile-nav li a:focus {
      background-color: #fff !important; }
  .global-mobile-nav li .open .icon-inner .svg-inner_plus {
    display: none; }
  .global-mobile-nav li .open .icon-inner .svg-inner_minus {
    display: inline; }
  .global-mobile-nav li ul {
    background: #f5f5f5; }
    .global-mobile-nav li ul li {
      padding: 10px 0px 10px 0px !important; }
      .global-mobile-nav li ul li a {
        font-size: 1.125rem;
        color: #000000;
        font-weight: normal; }
        .global-mobile-nav li ul li a:focus {
          background-color: #f5f5f5 !important; }
      .global-mobile-nav li ul li .icon-inner {
        float: right;
        width: 1.125rem;
        height: 1.125rem;
        background: transparent;
        text-align: center;
        line-height: 0.75rem; }
        .global-mobile-nav li ul li .icon-inner svg {
          width: 0.875rem;
          height: 0.875rem;
          color: #000000; }
        .global-mobile-nav li ul li .icon-inner .svg-inner_minus {
          display: none; }
        .global-mobile-nav li ul li .icon-inner .svg-inner_plus {
          display: inline; }
      .global-mobile-nav li ul li ul {
        border-top: 1px solid #d6d6d6; }
        .global-mobile-nav li ul li ul li {
          padding: 0px !important;
          padding-left: 10px !important;
          margin: 0px !important;
          border: none !important; }
          .global-mobile-nav li ul li ul li a {
            font-size: 0.8125rem;
            font-weight: normal;
            padding: 0px;
            margin: 0px; }
  .global-mobile-nav li .icon-circle {
    float: right;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    border: 2px solid #e80033;
    background: transparent;
    text-align: center;
    line-height: 0.75rem; }
    .global-mobile-nav li .icon-circle svg {
      width: 0.5rem;
      height: 0.5rem;
      color: #e80033; }
    .global-mobile-nav li .icon-circle .svg-header_minus {
      display: none; }
    .global-mobile-nav li .icon-circle .svg-header_plus {
      display: inline; }

.mobile-nav-wrap {
  padding: 0px !important; }

@media (min-width: 768px) {
  .navbar-right .products, .navbar-right .support--dropdown {
    padding-top: 0px !important; }
    .navbar-right .products > .deepLink, .navbar-right .support--dropdown > .deepLink {
      padding-top: 1.75rem; } }

.open .new-dropdown, .open .new-dropdown-wrap, .activated .new-dropdown, .activated .new-dropdown-wrap {
  display: block; }

.position-ab {
  position: absolute !important; }

.new-dropdown-wrap {
  background: #fff;
  width: 100% !important;
  display: none;
  position: relative !important; }
  @media (max-width: 767px) {
    .new-dropdown-wrap {
      margin-top: 18px; }
      .new-dropdown-wrap .mainCat {
        padding-bottom: 10px !important;
        padding-left: 15px !important; }
      .new-dropdown-wrap .title {
        padding-left: 15px !important; } }
  .new-dropdown-wrap .mainCat {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 16px; }
  .new-dropdown-wrap .title {
    padding-left: 10px;
    font-weight: bold;
    color: #b9b4b4; }
  .new-dropdown-wrap .new-dropdown {
    margin-left: -1px !important;
    width: 341px;
    border-top: none; }
    .new-dropdown-wrap .new-dropdown li:first-child {
      margin-top: -6px !important; }

.new-dropdown {
  position: relative;
  background: #fff;
  padding: 0 24px 0 0 !important;
  width: 100%;
  height: auto;
  list-style: none;
  display: none;
  overflow: hidden;
  -webkit-transition: height .7s ease-in-out;
  -moz-transition: height .7s ease-in-out;
  -o-transition: height .7s ease-in-out;
  transition: height .7s ease-in-out; }
  .new-dropdown li {
    display: block !important;
    height: 100% !important;
    border: 0 !important; }
    .new-dropdown li a {
      font-size: 14px;
      text-decoration: none;
      font-weight: normal !important;
      display: block !important;
      padding: 5px 15px !important; }
      .new-dropdown li a .svg-nav-right-arrow--mobile {
        width: 16px;
        height: 16px;
        float: right;
        stroke: #aeaeae;
        display: none; }
      .new-dropdown li a:hover .svg-nav-right-arrow--mobile {
        stroke: #e80033; }
    .new-dropdown li .sub-menu {
      width: 100%;
      top: 0;
      position: absolute;
      background: #fff;
      right: -340px;
      padding: 8px;
      height: 100%;
      -webkit-transition: right .7s ease-in-out, height .7s ease-in-out;
      -moz-transition: right .7s ease-in-out, height .7s ease-in-out;
      -o-transition: right .7s ease-in-out, height .7s ease-in-out;
      transition: right .7s ease-in-out, height .7s ease-in-out; }
      .new-dropdown li .sub-menu #back-top-prv {
        padding-top: 0.625rem; }
        .new-dropdown li .sub-menu #back-top-prv .svg-nav-right-arrow--mobile {
          transform: rotate(-180deg);
          stroke: #aeaeae;
          width: 1rem;
          height: 1rem;
          float: left;
          margin-right: 10px; }
        .new-dropdown li .sub-menu #back-top-prv:hover {
          color: #e80033; }
          .new-dropdown li .sub-menu #back-top-prv:hover .svg-nav-right-arrow--mobile {
            stroke: #e80033; }
      .new-dropdown li .sub-menu h3 {
        margin: 0px; }
        @media (max-width: 767px) {
          .new-dropdown li .sub-menu h3 {
            padding-left: 0 !important; } }
        .new-dropdown li .sub-menu h3 a {
          font-size: 15px;
          margin: 0px;
          text-align: left;
          font-weight: bold !important; }
          @media (max-width: 767px) {
            .new-dropdown li .sub-menu h3 a {
              padding: 10px !important;
              padding-left: 0px !important; } }
      .new-dropdown li .sub-menu li {
        height: auto !important; }
  .new-dropdown .sub-open > .sub-menu {
    display: block;
    right: 0; }
    @media (min-width: 768px) {
      .new-dropdown .sub-open > .sub-menu {
        height: inherit; } }
    @media (max-width: 767px) {
      .new-dropdown .sub-open > .sub-menu {
        padding-right: 24px;
        height: auto !important; } }
  .new-dropdown .arrow-active .svg-nav-right-arrow--mobile {
    display: block; }

@media (max-width: 767px) {
  .language--dropdown {
    float: left; }
  .new-dropdown li {
    height: auto !important; }
    .new-dropdown li .sub-menu {
      right: -100%; }
    .new-dropdown li a {
      padding: 5px 15px 0px 0px !important; }
  .new-suport-tab .mega .list-item ul li {
    border: 0 !important;
    margin: 0 !important; }
    .new-suport-tab .mega .list-item ul li a {
      font-size: 14px !important;
      font-weight: normal !important;
      padding: 0 !important;
      padding-left: 25px !important; } }

@media (min-width: 768px) {
  .new-dropdown {
    position: absolute;
    width: 340px; }
    .new-dropdown li {
      height: auto !important; }
      .new-dropdown li .sub-menu {
        right: -360px; }
  .support-nav {
    margin-top: 10px; }
    .support-nav li {
      padding: 5px 0 !important; }
      .support-nav li a {
        font-size: 14px !important;
        font-weight: normal !important; }
  .component-moduleMegaHeader .pdp-detail-lists-content {
    padding-left: 0; }
  .component-moduleMegaHeader .pdp-detail-list .pdp_selector_indicator_arrow-right-icon {
    bottom: 0; } }

@media (min-width: 1080px) {
  .new-dropdown-wrap {
    min-width: 360px !important;
    margin-left: 14px;
    border: 1px solid #cccccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-bottom: none;
    position: absolute !important; }
    .new-dropdown-wrap .mainCat {
      padding-left: 15px; }
    .new-dropdown-wrap .title {
      padding-left: 15px; }
    .new-dropdown-wrap .new-dropdown li a {
      padding-left: 28px !important; }
  .new-dropdown {
    position: absolute;
    min-width: 360px;
    margin-left: 14px;
    border: 1px solid #cccccc;
    padding: 0 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
    .new-dropdown li {
      padding: 0 !important; }
      .new-dropdown li a {
        padding: 5px 15px !important; }
      .new-dropdown li .sub-menu {
        height: auto !important;
        right: -360px; }
  .new-suport-tab .dropdown-menu {
    right: unset !important;
    margin-left: 14px; }
    .new-suport-tab .dropdown-menu .list-item {
      margin: 0px;
      padding: 0px;
      min-width: 360px; }
      .new-suport-tab .dropdown-menu .list-item ul {
        margin-top: 0 !important;
        padding-top: 10px; }
      .new-suport-tab .dropdown-menu .list-item li {
        display: block !important;
        height: auto !important; }
        .new-suport-tab .dropdown-menu .list-item li a {
          font-size: 14px !important;
          text-decoration: none;
          font-weight: normal !important;
          padding: 0 0px 0 25px !important;
          display: block; } }

@media (max-width: 767px) {
  .new-dropdown-wrap .new-dropdown li a {
    padding-left: 15px !important; } }

.ja-jp #navbar .logo .svg-header_dow-logo-lockup--desktop {
  min-width: auto; }

@media (max-width: 767px) {
  .ja-jp #navbar .new-search-bar .dropdown__text {
    max-width: 70px !important; } }

@media (min-width: 1080px) {
  .new-top-nav {
    padding-top: 5px; } }

.new-top-nav .navbar-right {
  height: unset !important; }
  .new-top-nav .navbar-right li.icon {
    display: inline-block; }
  .new-top-nav .navbar-right a.dropdown-toggle {
    height: unset; }

.new-top-nav .component-geolocationLanguage {
  height: unset; }

@media (min-width: 768px) {
  #tab-top-nav .button--account, #tab-top-nav .component-geolocationLanguage {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .main-search-wrap-tab {
    width: 495px !important;
    margin-top: 1.1875rem; }
  .main-search-wrap-tab-login {
    width: 445px !important;
    margin-top: 1.1875rem;
    left: 10px; }
  .main-search-wrap .search--desktop .new-search-bar {
    display: table; }
  .component-searchAutoComplete {
    width: 533px; }
  .component-moduleHeaderRedesign nav li.hamburger svg {
    width: 2rem;
    height: 1.5rem; }
  .component-moduleHeaderRedesign nav li.hamburger {
    padding: 1.625rem 1.5625rem; }
  .component-moduleHeaderRedesign nav ul.logo-lockup li {
    padding-left: 1.5625rem; }
  .main-search-wrap button.button--search {
    padding-right: 0px;
    position: absolute;
    right: 0;
    width: 50px !important; }
  .main-search-wrap {
    background: none; }
  .new-dropdown {
    width: 390px;
    padding: 0px 10px 10px 10px !important;
    margin-top: 10px;
    margin-bottom: 10px; }
    .new-dropdown li {
      height: auto !important; }
      .new-dropdown li .sub-menu {
        right: -380px; }
  .support-nav, .account-nav {
    width: 390px;
    padding: 0px 10px 10px 10px !important;
    margin-bottom: 10px; }
  .support-nav {
    margin-top: 10px; }
  .account-nav {
    margin-top: 17px; }
  .pdp-list-content-desktop .support-nav li a, .account-nav li p a {
    padding-left: 15px;
    font-size: 16px !important; }
  .new-dropdown li a {
    font-size: 16px;
    color: #333 !important; }
  .component-listItemProduct .mainCat {
    font-size: 16px;
    margin-top: 0px; }
  .component-listItemProduct {
    padding-left: 25px;
    margin-top: 15px; }
  .component-listItemProduct .title {
    font-size: 16px;
    color: #b9b4b4 !important; }
  .component-moduleHeaderRedesign nav ul.navbar-right li.button--cart a {
    margin-right: 5px; }
  .padding-tab {
    padding: 0px; }
  /*
.megaMenuProductTaxonomy {
  padding-left: 10px;
} */
  .pdp-detail-list-login {
    padding-left: 0px;
    padding-right: 0px;
    border-top: none;
    border-bottom: 1px solid #d6d6d6;
    transition: border-bottom 1s linear;
    list-style: none;
    background: none;
    height: 3.75rem;
    display: table;
    width: 100%; }
  .component-moduleMegaHeader .pdp-detail-lists-title-login {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle; }
  .component-moduleMegaHeader .pdp-detail-lists-login a {
    color: #2C2A29 !important; }
  .component-moduleMegaHeader .pdp-detail-lists-title-locations {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle; }
  .pdp-detail-list-locations {
    padding-left: 0px;
    padding-right: 0px;
    border-top: none;
    border-bottom: 1px solid #d6d6d6;
    transition: border-bottom 1s linear;
    list-style: none;
    background: none;
    height: 3.75rem;
    display: table;
    width: 100%; } }

li.divider.locations-seperator {
  height: 1px !important; }

.component-moduleHeaderRedesign nav ul.navbar-right li.component-dropdownHeader ul li.header-locations {
  display: none; }

@media (max-width: 767px) {
  .component-moduleHeaderRedesign nav ul.navbar-right .dropdown .dropdown-toggle {
    background-color: transparent !important; }
  .new-dropdown-wrap {
    margin-top: 5px; }
  .new-dropdown .sub-open > .sub-menu {
    padding-top: 0px  !important;
    padding-left: 15px !important; }
  .new-dropdown-wrap {
    margin-top: 5px; }
  .new-dropdown li .sub-menu h3 {
    padding: 0px 0px 0px 5px !important; }
  .sidebar-offcanvas .sdsfinder a {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.22222;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    color: #333 !important; }
  .new-dropdown li .sub-menu {
    padding: 0px !important;
    padding-left: 15px !important; }
  .new-dropdown-wrap {
    margin-top: 0px; }
  .new-dropdown {
    padding-left: 10px !important;
    padding-right: 0px !important; }
  .loggedin ul.dropdown-menu > li {
    border: none !important; }
  .dropdown-menu .mega .list-item {
    border-bottom: none; }
  .sidebar-offcanvas .nav .open.support--dropdown ul.new-dropdown li {
    padding-left: 5px; }
  .component-formSearch .searchDrawer .new-search-bar .search-wrap-xs {
    width: 120px;
    max-width: 100%; }
  .component-formSearch .searchDrawer .txt-ellipse {
    display: block;
    float: left;
    width: 70px;
    text-overflow: ellipsis; }
  .component-formSearch .searchDrawer .flt-right {
    display: block;
    float: right; }
  li.loggedin .dropdown .nav-icon-circle svg {
    color: #fff !important; }
  li.loggedin .nav-icon-circle .svg-header_plus {
    display: inline; }
  li.loggedin .nav-icon-circle .svg-header_minus {
    display: none; }
  li.loggedin .dropdown.open .nav-icon-circle .svg-header_plus {
    display: none; }
  li.loggedin .dropdown.open .nav-icon-circle .svg-header_minus {
    display: inline-block !important;
    color: #fff; }
  .component-geolocationLanguage .dropdown__text {
    width: 90%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

.search--desktop .search--input {
  z-index: 1; }

.search--desktop .button--search {
  z-index: 2; }

@media (max-width: 767px) {
  .search--mobile .button--search {
    float: right;
    height: 40px;
    width: 50px; }
  .main-search-mobile svg.mobile-header_search {
    z-index: 2; } }

@media (min-width: 1080px) {
  .enhanced--list .dropdown-menu.enhanced-menu {
    right: unset !important;
    margin-left: 14px; }
  .enhanced--list .dropdown-menu.enhanced-menu .list-item {
    margin: 0px;
    padding: 0px;
    min-width: 260px; }
    .enhanced--list .dropdown-menu.enhanced-menu .list-item ul {
      margin-top: 0 !important;
      padding-top: 10px; }
    .enhanced--list .dropdown-menu.enhanced-menu .list-item li {
      display: block !important;
      height: auto !important; }
      .enhanced--list .dropdown-menu.enhanced-menu .list-item li a {
        font-size: 14px !important;
        text-decoration: none;
        font-weight: normal !important;
        padding: 0 0px 0 25px !important;
        display: block; } }

@media (max-width: 767px) {
  .enhanced--list .enhanced-menu .list-item ul li {
    border: 0 !important;
    margin: 0 !important; }
    .enhanced--list .enhanced-menu .list-item ul li a {
      font-size: 14px !important;
      font-weight: normal !important;
      padding: 0 !important;
      padding-left: 25px !important; } }

/*doc
---
title: footerExternal
name: footerExternal
category: Base CSS
---

 This footer will be served to external DOW properties

```html_example
{% import './footer-external/html.html' as footerExternal %}
{{ footerExternal.generate() }}
```
Additional description if necessary goes here.

*/
.external-footer {
  margin-top: 50px; }

footer.component-footerExternal {
  position: relative;
  height: auto;
  background-color: #FFFFFF;
  display: table;
  padding: 30px 0;
  margin-bottom: 80px;
  border-top: 1px solid #d6d6d6;
  color: #737373; }
  footer.component-footerExternal .container {
    vertical-align: middle;
    padding-right: 20px;
    padding-left: 20px; }
  footer.component-footerExternal .footer-logo .svg-header_dow-logo-lockup--desktop {
    width: auto !important; }
  footer.component-footerExternal .footer-logo a:hover {
    border: none; }
  footer.component-footerExternal .footer-logo .visible-mobile {
    display: none; }
  footer.component-footerExternal .footer-logo .svg-Dow_Corning_logo {
    width: 77px;
    height: 36px; }

@media (max-width: 1079px) {
  footer.mega .component-footerExternal {
    margin-bottom: 0; }
    footer.mega .component-footerExternal .footer-logo {
      display: table;
      padding-bottom: 0.9375rem; }
      footer.mega .component-footerExternal .footer-logo a {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
      footer.mega .component-footerExternal .footer-logo .hidden-mobile {
        display: none; } }

@media (max-width: 767px) {
  footer.mega .component-footerExternal {
    margin-bottom: 0; } }

.quality-bond-modal .table > thead > tr > th {
  border: 0;
  color: #FFFFFF;
  background: #14a09d; }

.quality-bond-modal .table > tbody > tr > td {
  border: 0; }

.quality-bond-modal .table-striped > tbody > tr:nth-of-type(odd) > td {
  background: rgba(221, 233, 233, 0.1); }

.quality-bond-modal .title,
.quality-bond-modal .sub-title {
  margin-top: 0; }

.quality-bond-modal .sub-title .country {
  text-transform: uppercase; }

.quality-bond-modal .description {
  font-weight: bold; }

.quality-bond-modal .address,
.quality-bond-modal .contact {
  padding: 0;
  list-style: none;
  margin-bottom: 1.875rem; }

/*doc
---
title: orderSummaryContainer
name: orderSummaryContainer
category: Component Order Summary Container
---

 The Order Summary Container is used in the checkout process to hold purchase information.

```html_example
{% import './order-summary-container/html.html' as orderSummaryContainer %}
<h2>CART PAGE</h2>
<div class="row">
<div  class="col-xs-12 col-md-3">
{{ orderSummaryContainer.generate({purchaseNumberInput:true, paymentTerms:true, tax:false, totalAmount: "Calculated at Checkout"}) }}
</div>
</div>
<h2>PAYMENT PAGE</h2>
<div class="row">
<div  class="col-xs-12 col-md-3">
{{ orderSummaryContainer.generate({purchaseNumberInput:false, paymentTerms: false, tax:true, totalAmount: "10,000"}) }}
</div>
</div>
<h2>rEVIEW AND PLACE PAGE</h2>
<div class="row">
<div  class="col-xs-12 col-md-3">
{{ orderSummaryContainer.generate({purchaseNumberInput:false, paymentTerms: false, tax:true, totalAmount: "10,000"}) }}
</div>
</div>
```
Additional description if necessary goes here.

*/
.order-summary-container {
  background-color: #5d5d5d;
  color: white;
  padding: 40px 20px; }

/*doc
---
title: orderAddressContainer
name: orderAddressContainer
category: Component Order Address Container
---

 Address Header for checkout

```html_example
{% import './order-address-container/html.html' as orderAddressContainer %}
{{ orderAddressContainer.generate() }}
```

Additional description if necessary goes here.

*/
.order-address-container {
  background-color: white;
  border: 1px solid #d6d6d6;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .order-address-container {
      padding: 20px;
      margin-bottom: 60px; } }
  .order-address-container p {
    margin-bottom: 0; }

.order-address-header {
  border-bottom: 1px solid #999999;
  margin-bottom: 10px;
  width: 100%; }
  .order-address-header h2, .order-address-header .homepage-hero .carousel-content--description, .homepage-hero .order-address-header .carousel-content--description, .order-address-header .modal-body--title {
    display: inline-block;
    border-bottom: 4px solid #999999;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0; }
  .order-address-header a {
    padding-left: 20px; }

.order-company-address p {
  display: block; }
  @media (min-width: 768px) {
    .order-company-address p {
      display: inline; } }

.order-company-address a {
  text-align: right; }

/*doc
---
title: orderProductContainer
name: orderProductContainer
category: Component Order Product Container
---

 product information displayed in cart

```html_example
{% import './order-product-container/html.html' as orderProductContainer %}
{{ orderProductContainer.generate() }}
```
Additional description if necessary goes here.

*/
.order-product-list {
  list-style: none;
  padding-left: 0; }

.order-product-container {
  background-color: white;
  border: 1px solid #d6d6d6;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .order-product-container {
      padding: 20px;
      margin-bottom: 60px; } }
  .order-product-container .checkout-product-heading {
    display: inline-block;
    margin: 0;
    padding-left: 20px; }
    .order-product-container .checkout-product-heading p {
      display: block;
      font-size: 14px; }
    .order-product-container .checkout-product-heading span {
      color: #dbbc24; }
  .order-product-container .order-product-header {
    display: flex;
    align-items: baseline;
    flex-direction: column; }
    @media (min-width: 768px) {
      .order-product-container .order-product-header {
        flex-direction: row; } }
  .order-product-container .product-action-btns {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0; }
    @media (min-width: 768px) {
      .order-product-container .product-action-btns {
        padding: 0; } }
    .order-product-container .product-action-btns a {
      padding: 0 8px; }
      .order-product-container .product-action-btns a:last-of-type {
        padding-right: 0; }
  .order-product-container .quantity-properties {
    border-top: 1px solid #e80033;
    margin-top: 10px;
    padding-top: 10px; }
  .order-product-container .shippment-properties {
    margin-bottom: 0;
    padding-bottom: 20px; }
    .order-product-container .shippment-properties dd, .order-product-container .shippment-properties dt {
      display: inline-block; }
    .order-product-container .shippment-properties > div {
      padding-bottom: 5px; }
    .order-product-container .shippment-properties > div:first-of-type {
      border-top: 1px solid #e80033;
      border-bottom: 1px solid #e80033;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 10px; }
  .order-product-container .btn, .order-product-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .order-product-container .sds-form-submit, .order-product-container .pdp-form-submit {
    background-color: transparent;
    border-top: 1px solid #e80033;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0; }
    .order-product-container .btn:hover, .order-product-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:hover, .dcc-sdsFinder .dcc-container .searchBar .search .order-product-container .sds-form-submit:hover, .order-product-container .pdp-form-submit:hover, .order-product-container .btn:focus, .order-product-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit:focus, .dcc-sdsFinder .dcc-container .searchBar .search .order-product-container .sds-form-submit:focus, .order-product-container .pdp-form-submit:focus {
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
      border-top: 1px solid #e80033; }
    .order-product-container .btn .svg-dropdown_arrow--down, .order-product-container .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit .svg-dropdown_arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .order-product-container .sds-form-submit .svg-dropdown_arrow--down, .order-product-container .pdp-form-submit .svg-dropdown_arrow--down {
      transition: transform .4s ease-in;
      transform: rotate(180deg); }
    .order-product-container .btn.collapsed .svg-dropdown_arrow--down, .order-product-container .dcc-sdsFinder .dcc-container .searchBar .search .collapsed.sds-form-submit .svg-dropdown_arrow--down, .dcc-sdsFinder .dcc-container .searchBar .search .order-product-container .collapsed.sds-form-submit .svg-dropdown_arrow--down, .order-product-container .collapsed.pdp-form-submit .svg-dropdown_arrow--down {
      transform: rotate(0deg); }

/*doc
---
title: radioAccordionForm
name: radioAccordionForm
category: Component Radio Accordion Form
---

 Allows users to select a single option with accordion functionality

```html_example
{% import './radio-accordion-form/html.html' as radioAccordionForm %}
{{ radioAccordionForm.generate() }}
```
Additional description if necessary goes here.

*/
.radio-accordion-form {
  background-color: white;
  margin-bottom: 0; }
  .radio-accordion-form .form-radio {
    display: inline-block; }
    .radio-accordion-form .form-radio .form-radio__bullet {
      position: static; }
    .radio-accordion-form .form-radio .svg-form-radio__bullet {
      top: 35%;
      left: 35%; }
  .radio-accordion-form .company-address {
    display: block;
    font-weight: 400;
    padding-top: 8px; }
  .radio-accordion-form tbody.sub-address-toggle > tr td .toggle-button-container {
    border: 2px solid #e80033;
    background-color: white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
    /*
        .svg-nav-right-arrow--mobile {
          transform: rotate(-90deg);
          transition: transform .4s ease-in;
        }
        */ }
    .radio-accordion-form tbody.sub-address-toggle > tr td .toggle-button-container .radio-button-dot {
      background-color: #e80033;
      border-radius: 50%;
      display: block;
      height: 6px;
      left: 5px;
      position: absolute;
      top: 5px;
      width: 6px; }
  .radio-accordion-form tbody.sub-address-toggle > tr.collapsed td .toggle-button-container {
    background-color: white;
    border: 1px solid #d6d6d6;
    /*
          .svg-nav-right-arrow--mobile {
            transform: rotate(0deg);
            stroke: #d6d6d6;
          }
          */ }
    .radio-accordion-form tbody.sub-address-toggle > tr.collapsed td .toggle-button-container .radio-button-dot {
      display: none; }
  .radio-accordion-form tbody.sub-address-toggle > tr.collapsed.has-selected-sub-radio td .toggle-button-container {
    border: 2px solid #e80033; }
    .radio-accordion-form tbody.sub-address-toggle > tr.collapsed.has-selected-sub-radio td .toggle-button-container .radio-button-dot {
      display: block; }
  .radio-accordion-form .sub-address-container tr:nth-of-type(2) td {
    border-top: none; }
  .radio-accordion-form .sub-address-heading th {
    background-color: white;
    color: #e80033;
    padding-left: 100px; }
  .radio-accordion-form.table.table-responsive {
    display: table; }
    .radio-accordion-form.table.table-responsive > thead > tr th {
      padding-left: 40px; }
    .radio-accordion-form.table.table-responsive > tbody > tr td {
      padding-top: 20px;
      padding-bottom: 10px;
      padding-left: 40px;
      transition: all .3s ease-in; }
      .radio-accordion-form.table.table-responsive > tbody > tr td:first-of-type {
        padding-top: 30px;
        width: 1%;
        white-space: nowrap; }
    .radio-accordion-form.table.table-responsive > tbody.collapse > tr td:first-of-type {
      padding-left: 100px; }

/*doc
---
title: definitionList
name: definitionList
category: Component Definition List
---

 creates a definition list

```html_example
{% import './definition-list/html.html' as definitionList %}
{{ definitionList.generate({'listClass':'listClassName',
    'items':[
      {
        'itemClass':'itemClassName1',
        'dt':'dt1',
        'dtClass':'dtClass1',
        'dd':'dd1',
        'ddClass':'ddClassName1',
        'ddDataAttr':'inputItem',
        'ddDataValue': 'ddDataValue'}
    ]
}) }}
```
Additional description if necessary goes here.

*/
/*doc
---
title: stepIndicator
name: stepIndicator
category: Component
---

 Notifies user of steps in website process

```html_example
{% import './step-indicator/html.html' as stepIndicator %}
{{ stepIndicator.generate() }}
```
Additional description if necessary goes here.

*/
.component-stepIndicator {
  background-color: #e80033;
  display: block;
  padding: 20px 0; }
  .component-stepIndicator ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 600px;
    padding-left: 0;
    position: relative;
    width: 100%; }
    .component-stepIndicator ul:before {
      background-color: #0b6565;
      content: '';
      height: 5px;
      position: absolute;
      top: 12px;
      left: 30px;
      width: calc(100% - 70px); }
  .component-stepIndicator a {
    color: #000000;
    font-weight: bold; }
    .component-stepIndicator a:before {
      border-radius: 50%;
      content: '';
      display: block;
      margin: 0 auto 5px;
      position: relative;
      width: 30px;
      height: 30px;
      background-color: #0b6565;
      border: 4px solid #0b6565; }
    .component-stepIndicator a.isCurrent {
      color: white; }
      .component-stepIndicator a.isCurrent:before {
        border: 4px solid white; }
    .component-stepIndicator a.isComplete {
      color: #000000; }
      .component-stepIndicator a.isComplete:before {
        border: 4px solid white;
        background-color: white; }

/*doc
---
title: onsiteSurvey
name: onsiteSurvey
category: Modules - Onsite Survey
---

 Redesign of global DOW header

```html_example
{% import './onsite-survey/html.html' as onsiteSurvey %}
{{ onsiteSurvey.generate() }}
```
Additional description if necessary goes here.

*/
.survey {
  display: none;
  z-index: 1; }

.survey button.close {
  color: #aeaeae;
  padding: 5px 7px 0 0; }

.survey-form {
  float: right;
  width: 220px;
  height: 100%;
  display: block;
  background-color: #fff;
  border: 1PX solid #E7E7E7;
  border-bottom: 0PX; }

.form-container p {
  padding: 0px;
  margin: 0px; }

.form-container {
  padding: 10px; }

.survey, .yes-message, .no-message {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 220px; }

.survey-tab {
  float: right;
  cursor: pointer;
  width: 40px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }
  .survey-tab .svg-dropdown_arrow--down {
    color: #fff;
    width: 20px;
    height: 15px;
    margin-top: 5px; }

.survey-arrow-down {
  transform: rotateX(0deg); }

.survey-arrow-up {
  transform: rotateX(180deg); }

.yes-message, .no-message {
  min-height: 70px;
  height: auto;
  max-height: fit-content;
  display: none;
  background-color: #fff;
  border: 1PX solid #E7E7E7; }
  .yes-message p, .no-message p {
    text-align: center;
    font-size: 18px; }
  .yes-message .survey-support, .no-message .survey-support {
    color: #333; }

.yes-message p {
  padding: 20px 20px 20px 20px; }

.no-message p {
  padding: 10px;
  padding-top: 20px; }

.survey-form p, .survey-form label {
  font-size: 18px; }

/*doc
---
title:  featuredComponent
name: featuredComponent
category: Modules - New Featured Component
---

 New Featured Component

```html_example
{% import './featured-component/html.html' as featuredComponent %}
{{ featuredComponent.generate() }}
```
Additional description if necessary goes here.

*/
.flex-container-tabs {
  display: flex !important;
  flex-wrap: nowrap; }

#myCarousel-images .carousel-inner {
  overflow: unset; }

@media (max-width: 767px) {
  .flex-container {
    display: block; }
  .feature .carousel-indicators {
    bottom: -10px;
    margin-bottom: 20px;
    z-index: 1; }
  .caption-header {
    bottom: 40px !important; } }

.feature-noimage-border {
  border: 1px solid #ccc;
  margin: 0px;
  margin-bottom: 15px;
  border-top: none; }

.feature-component .col-md-3, .nopadding-0 {
  padding: 0px; }

.gradient {
  width: 100%;
  position: relative; }
  .gradient:before {
    content: '';
    display: block;
    position: absolute;
    height: 0%;
    width: 100%;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7)); }
  .gradient:hover:before {
    height: 100%; }

.thumbnail-img {
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  cursor: pointer; }
  .thumbnail-img img {
    display: block;
    height: auto;
    max-width: 100%; }

.onhover-box img {
  height: 100% !important; }

.hidden-text {
  display: none;
  position: absolute;
  bottom: 0px;
  color: #fff;
  padding: 15px; }
  .hidden-text p {
    margin: 0px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .hidden-text {
      bottom: 0px;
      padding: 5px;
      font-size: 12px; } }
  @media (max-width: 767px) {
    .hidden-text {
      bottom: 100px; } }

.nav-image {
  bottom: 40px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .nav-image {
      bottom: 50px;
      padding: 5px; } }
  @media (max-width: 767px) {
    .nav-image {
      bottom: 70px; } }

.image-box:hover .hidden-text {
  display: block;
  width: 100%;
  padding: 15px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .image-box:hover .hidden-text {
      padding: 5px; } }

.image-box:hover .original-text {
  display: none; }
  @media (max-width: 767px) {
    .image-box:hover .original-text {
      display: block; } }

.caption {
  width: 100%;
  color: white;
  text-align: center;
  background-color: #b2b1b1;
  padding-top: 2px;
  position: relative; }
  .caption .btn, .caption .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .caption .sds-form-submit, .caption .pdp-form-submit {
    width: 100%;
    border-radius: 0px; }

.caption-header {
  position: absolute;
  bottom: 10px;
  width: 100%;
  color: white;
  text-align: center; }
  .caption-header .btn, .caption-header .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .caption-header .sds-form-submit, .caption-header .pdp-form-submit {
    width: 80%;
    border-radius: 0px; }

.caption-header .btn.btn-danger, .caption-header .dcc-sdsFinder .dcc-container .searchBar .search .btn-danger.sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .caption-header .btn-danger.sds-form-submit, .caption-header .btn-danger.pdp-form-submit {
  background-color: #d43b37 !important;
  color: #fff !important;
  border-radius: 7px;
  text-transform: unset; }

.colorize img {
  filter: #b2b1b1;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

.colorize:hover img {
  -webkit-filter: grayscale(0);
  filter: none; }

.no-image-list-item {
  width: 100%;
  list-style: none;
  position: relative;
  padding: 0px !important;
  display: inline-block;
  margin: 0;
  background-color: #b2b1b1; }
  .no-image-list-item li {
    display: block;
    float: left;
    width: 100%; }
    .no-image-list-item li a {
      min-height: 40px;
      text-align: center;
      color: #fff; }
  .no-image-list-item .feature-btn {
    width: 100%;
    padding-top: 13px !important; }

.no-image {
  padding: 40px; }

.no-image-text {
  margin-bottom: 40px; }
  .no-image-text a {
    font-weight: bold;
    color: #000; }
  .no-image-text .btn, .no-image-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .no-image-text .sds-form-submit, .no-image-text .pdp-form-submit {
    width: 60%;
    margin-bottom: 40px; }

.no-image-section {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-bottom: 1px solid #ccc; }

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  /* height: 200px; */
  margin-top: 15px; }
  .flex-container div {
    width: 100%;
    margin: 0px; }
  .flex-container img {
    height: 200px;
    width: 100%; }

@media (min-width: 768px) and (max-width: 1079px) {
  .flex-container img {
    height: 140px; } }

@media (max-width: 767px) {
  .flex-container img {
    height: 315px; } }

.feature-tab-container {
  border: 1px solid #ccc;
  margin: 0px;
  margin-bottom: 15px;
  border-top: none; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .feature-tab-container {
      /*margin-top: 23px; */ } }

.feature .feature-btn {
  color: #fff;
  letter-spacing: unset !important;
  border: none;
  outline: none;
  border-radius: 0px;
  z-index: 2;
  position: relative;
  padding: 10px;
  text-transform: none;
  font-weight: bold; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .feature .feature-btn {
      padding: 5px;
      font-size: 11px !important; } }
  .feature .feature-btn:hover {
    color: #e80033; }
  @media (max-width: 767px) {
    .feature .feature-btn {
      background-color: #b2b1b1; } }

.feature-nav-tab {
  line-height: 0px; }

.tab-container-noimage {
  margin-top: 0px; }

.right {
  right: 0;
  left: auto;
  float: right; }

@media (max-width: 767px) {
  .no-image {
    padding: 0px; }
  .no-image-text .btn, .no-image-text .dcc-sdsFinder .dcc-container .searchBar .search .sds-form-submit, .dcc-sdsFinder .dcc-container .searchBar .search .no-image-text .sds-form-submit, .no-image-text .pdp-form-submit {
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
    color: #e80033 !important;
    font-weight: bold;
    font-size: 14px !important; }
  .carousel-arrows {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%; }
  .feature-tab-show, .carousel-inner > .active {
    display: block;
    margin: auto !important; }
  .feature-carousel-arrows {
    padding: 7px; }
  .no-image-text p {
    padding: 10px; }
  .feature-carousel-arrows a {
    color: #e80033; } }

.feature-tab-show {
  margin: 15px; }

@media (min-width: 768px) {
  .feature .carousel-inner > .item {
    display: block; }
  .feature-tab-show {
    display: none; }
  .active-tab {
    display: block; } }

.feature-tab a.active-tab {
  color: #e80033 !important; }

.swap-img-box {
  position: relative;
  width: 200px;
  height: 200px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .swap-img-box {
      height: 140px; } }
  @media (max-width: 767px) {
    .swap-img-box {
      height: 315px; } }

.swap-img-back {
  display: none;
  width: 100%;
  height: 100%; }

.swap-img-front {
  display: block;
  width: 100%;
  height: 100%; }
  .swap-img-front:hover .swap-img-back {
    display: block; }

@media (max-width: 767px) {
  .swap-img-front {
    display: block;
    width: 100%;
    height: 100%; }
    .swap-img-front:hover .swap-img-back {
      display: none; } }

.swap-img-front:hover .hidden-text {
  display: block;
  width: 100%; }

.swap-img-front:hover .original-text-nav {
  display: none; }

.swap-img-front:hover .original-text {
  display: none; }

@media (max-width: 767px) {
  .swap-img-front:hover .original-text-nav {
    display: block; } }

.swap-img-back, .swap-img-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.swap-img-back img {
  height: 100%;
  width: 100%; }

.feature-carousel-arrows .left {
  transform: rotate(90deg);
  display: inline-block; }

.feature-carousel-arrows .right {
  transform: rotate(270deg);
  display: inline-block; }

.no-image-list-item .feature-btn.active-tab {
  color: #e80033 !important;
  font-weight: bold; }

.gradient-active {
  width: 100%;
  position: relative; }
  .gradient-active:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7)); }
  .gradient-active:hover:before {
    height: 100%; }
  .gradient-active .caption a.feature-btn {
    color: #e80033 !important;
    font-weight: bold; }

.colorize-first img {
  -webkit-filter: grayscale(0);
  filter: none; }

.colorize-first .caption a.feature-btn {
  color: #e80033 !important; }

.original-text {
  position: absolute;
  bottom: 0px;
  color: #fff;
  padding: 15px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .original-text {
      bottom: 0px;
      font-size: 12px;
      padding: 5px;
      /*height: 140px; 
       overflow: hidden; */ } }
  @media (max-width: 767px) {
    .original-text {
      bottom: 70px; } }
  .original-text p {
    margin: 0px;
    line-height: 14px; }

#overview-heading div.carousel {
  margin: 0px; }

.caption-header .btn-danger {
  letter-spacing: unset !important; }

.original-text-nav {
  position: absolute;
  bottom: 40px;
  color: #fff;
  padding: 10px;
  /* height: 150px; */
  overflow: hidden; }
  @media (max-width: 767px) {
    .original-text-nav {
      bottom: 80px; } }

.feature .image-box {
  position: relative;
  height: 200px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .feature .image-box {
      height: 140px; } }
  @media (max-width: 767px) {
    .feature .image-box {
      height: 315px; } }

@media (min-width: 768px) and (max-width: 1079px) {
  .original-text-nav {
    bottom: 50px;
    height: 80px; } }

@media (max-width: 767px) {
  .feature-btn p {
    padding: 0px !important;
    margin: 0px !important; } }

.feature div.carousel {
  margin-top: 0px !important; }

/*doc
---
title:  heroComponent
name: heroComponent
category: Modules - Hero Featured Component
---

 New Hero Component

```html_example
{% import './hero-component/html.html' as heroComponent %}
{{ heroComponent.generate() }}
```
Additional description if necessary goes here.

*/
.new-hero-container {
  display: flex;
  flex-wrap: nowrap;
  height: 285px;
  margin-bottom: 20px; }

.new-hero-lone-img {
  background-color: gray;
  min-width: 360px;
  width: 100%;
  max-width: 100%;
  height: 285px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .new-hero-lone-img {
      min-width: 256px;
      height: 200px; } }
  .new-hero-lone-img h2, .new-hero-lone-img .homepage-hero .carousel-content--description, .homepage-hero .new-hero-lone-img .carousel-content--description, .new-hero-lone-img .modal-body--title {
    /*font-size: 16px; */
    padding: 0px 15px;
    margin: 0px;
    color: #fff; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .new-hero-lone-img h2, .new-hero-lone-img .homepage-hero .carousel-content--description, .homepage-hero .new-hero-lone-img .carousel-content--description, .new-hero-lone-img .modal-body--title {
        /* font-size: 16px; */ } }
  .new-hero-lone-img h3 {
    font-size: 18px;
    padding: 15px;
    margin: 0px;
    color: #fff; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .new-hero-lone-img h3 {
        font-size: 18px; } }
  .new-hero-lone-img img {
    min-width: 360px;
    width: 100%;
    max-width: 100%;
    height: 100%; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .new-hero-lone-img img {
        min-width: 256px;
        height: 100%; } }

.new-hero-container-ltwo {
  display: flex;
  flex-wrap: nowrap;
  height: 135px; }

.new-hero-ltwo-img {
  background-color: gray;
  min-width: 270px;
  width: 100%;
  max-width: 100%;
  height: 135px !important; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .new-hero-ltwo-img {
      min-width: 200px; } }
  .new-hero-ltwo-img img {
    min-width: 270px;
    width: 100%;
    max-width: 100%;
    height: 100% !important; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .new-hero-ltwo-img img {
        min-width: 200px; } }
  .new-hero-ltwo-img h3 {
    font-size: 28px;
    padding: 15px;
    margin: 0px;
    color: #fff; }
    @media (min-width: 768px) and (max-width: 1079px) {
      .new-hero-ltwo-img h3 {
        font-size: 20px; } }

.new-hero-red {
  background-color: #e80033; }

.new-hero-slateGray {
  background-color: #415364; }

.new-hero-black {
  background-color: #000; }

.new-hero-blue {
  background-color: #193f5e; }

.new-hero-tan {
  background-color: #cbc5b5; }

.new-hero-sage {
  background-color: #829995; }

.new-hero-brown {
  background-color: #5e514d; }

.new-hero-teal {
  background-color: #00b2a9; }

.new-hero-gold {
  background-color: #febb12; }

.new-hero-lone-img .container {
  width: 100%;
  height: 215px;
  margin: 0px;
  overflow: hidden; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .new-hero-lone-img .container {
      height: 130px; } }

.textautosize span {
  padding: 0px 15px;
  margin: 0px;
  color: #fff;
  display: block; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .textautosize span {
      height: 130px; } }

/*doc
---
title:  colorBlock
name: colorBlock
category: Modules - Color Block Component
---

 New Color Block Component

```html_example
{% import './colorBlock/html.html' as colorBlock %}
{{ colorBlock.generate() }}
```
Additional description if necessary goes here.

*/
.color-container {
  padding: 2rem 3rem 2rem 3rem; }

.new-color-box {
  background-color: gray;
  width: 100%;
  height: auto; }

.color-block-padding {
  padding-top: 15px; }

@media (max-width: 767px) {
  .color-container {
    padding: 1rem; } }

.color-box-red {
  background-color: #e80033; }

.color-box-slateGray {
  background-color: #415364; }

.color-box-black {
  background-color: #000; }

.color-box-blue {
  background-color: #193f5e; }

.color-box-tan {
  background-color: #cbc5b5; }

.color-box-sage {
  background-color: #829995; }

.color-box-brown {
  background-color: #5e514d; }

.color-box-teal {
  background-color: #00b2a9; }

.color-box-gold {
  background-color: #febb12; }

/*doc
---
title:  newHomeTabComponent
name: newHomeTabComponent
category: Modules - New Home Tab Component
---

 New Featured Component

```html_example
{% import './new-home-tab-component/html.html' as newHomeTabComponent %}
{{ newHomeTabComponent.generate() }}
```
Additional description if necessary goes here.

*/
.home-tabs {
  height: 42px;
  line-height: 40px;
  margin-top: 30px;
  padding-left: 38px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-tabs {
      padding-left: 24px; } }
  @media (max-width: 767px) {
    .home-tabs {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      margin-left: 10px; } }
  .home-tabs div {
    float: left;
    margin: 0px; }

.home-tab-container {
  padding: 10px;
  padding-top: 0px;
  margin-bottom: 10px;
  padding-left: 50px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-tab-container {
      padding-left: 38px; } }
  @media (max-width: 767px) {
    .home-tab-container {
      padding-left: 13px; } }

.home-tabs .divider {
  float: left;
  display: inline-block;
  color: #aeaeae !important;
  line-height: 35px;
  font-size: 23px; }
  @media (max-width: 767px) {
    .home-tabs .divider {
      padding: 0px 8px; } }

.home-tab-show {
  display: none; }

.home-active-tab-show {
  display: block; }

.tab-btn {
  font-size: 16px;
  color: gray !important;
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 12px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .tab-btn {
      font-size: 14px;
      padding: 6px 8px; } }
  .tab-btn:hover {
    color: gray;
    text-decoration: none; }

.home-active-tab {
  font-size: 20px;
  color: #000 !important;
  font-weight: bold;
  padding: 3px 12px; }
  @media (max-width: 767px) {
    .home-active-tab {
      font-size: 16px;
      padding: 3px 4px; } }
  .home-active-tab:hover {
    color: #000;
    text-decoration: none; }

.tabbed {
  margin-top: 20px; }

@media (min-width: 1080px) {
  .container {
    width: 1080px; } }

.padding-0 {
  padding: 0px; }

.home-feature-container {
  background-color: white; }

.home-feature-col {
  width: 91%;
  margin: 0 auto; }

.home-feature-row {
  margin-top: -30px; }

.margin-0 {
  margin: 0px; }

.home-feature-box {
  border: 1px solid #d5d5d5;
  background-color: white;
  position: relative; }
  @media (max-width: 767px) {
    .home-feature-box {
      margin-bottom: 30px; } }

.home-feature-box .embed-column--container {
  padding: 15px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-feature-box .embed-column--container {
      padding: 10px !important; } }

@media (min-width: 1080px) {
  .home-feature-box .embed-column--header {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px; } }

.home-feature-box .embed-column--resource {
  height: 200px; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-feature-box .embed-column--resource {
      height: 180px !important; } }

@media (max-width: 767px) {
  .home-feature-box .embed-column--resource {
    height: 14rem !important; } }

.home-feature-box .embed-column--header, .embed-column--content {
  padding: 0px; }
  @media (max-width: 767px) {
    .home-feature-box .embed-column--header, .embed-column--content {
      padding: 10px;
      padding-left: 0px;
      margin: 0px; } }
  @media (min-width: 768px) {
    .home-feature-box .embed-column--header, .embed-column--content {
      border: 0px; } }

.home-feature-box .embed-column--header {
  font-weight: bold; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-feature-box .embed-column--header {
      font-size: 16px;
      margin-top: 5px; } }

.home-feature-box-hover-text {
  display: none;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 200px;
  z-index: 2; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .home-feature-box-hover-text {
      height: 180px; } }

.home-feature-box:hover .home-feature-box-hover-text {
  display: block;
  background-color: gray; }

.home-feature-box .embed-column--resource img {
  padding: 3px; }

.home-feature-box-hover-text {
  padding: 10px;
  color: #fff; }

.home-feature-box a {
  color: gray; }

.home-feature-box-hover-text p, .home-feature-box-hover-text h3 {
  color: #fff; }

.home-feature-box-hover-text .embed-column--header, .embed-column--content {
  color: #fff; }

.embed-column--resource .col-content {
  height: 180px;
  overflow: hidden; }
  @media (min-width: 768px) and (max-width: 1079px) {
    .embed-column--resource .col-content {
      height: 155px; } }

/*doc
---
title:  flexBandComponent
name: flexBand
category: Modules - New Flex Band Component
---

 New Flex Band Component

```html_example
{% import './flex-band/html.html' as flexBand %}
{{ flexBand.generate() }}
```
Additional description if necessary goes here.

*/
.flex-band h2, .flex-band .homepage-hero .carousel-content--description, .homepage-hero .flex-band .carousel-content--description, .flex-band .modal-body--title {
  font-size: 40px; }
  @media (max-width: 767px) {
    .flex-band h2, .flex-band .homepage-hero .carousel-content--description, .homepage-hero .flex-band .carousel-content--description, .flex-band .modal-body--title {
      font-size: 28px; } }

.flex-band {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: auto;
  text-align: center; }

.flex-band--title {
  color: #E80033;
  font-family: "Georgia", serif;
  font-weight: bold;
  line-height: 57px;
  margin-bottom: 15px;
  margin-top: 0; }
  @media (max-width: 767px) {
    .flex-band--title {
      line-height: 32px; } }

.flex-band--subtitle {
  max-width: 76%;
  margin: 0;
  padding: 0 0 30px 0;
  font-size: 24px;
  color: #415364;
  font-family: "Arial MT STD", Arial, sans-serif;
  line-height: 30px;
  font-weight: 300; }
  @media (max-width: 767px) {
    .flex-band--subtitle {
      font-size: 18px;
      line-height: 24px;
      max-width: 100%; } }

.flex-band--item {
  padding: 80px 0;
  width: 100%;
  text-align: center; }
  @media (max-width: 767px) {
    .flex-band--item {
      padding: 30px 0; } }
  @media (min-width: 768px) and (max-width: 1079px) {
    .flex-band--item {
      padding: 30px 0; } }

.flex-band .cta {
  border-radius: 5px;
  padding: 13px 13px 10px;
  text-decoration: none;
  display: block;
  width: 220px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  background: #E80033;
  border: 2px solid #E80033;
  color: #FFFFFF; }
  @media (max-width: 767px) {
    .flex-band .cta {
      width: 170px;
      font-size: 14px; } }

.flex-band .cta--secondary:hover {
  background: #E80033;
  color: #FFFFFF; }

.flex-band .cta--secondary {
  background: transparent;
  color: #E80033; }

.flex-band .subtitle-white-text {
  color: #ffffff; }

.flex-band .subtitle-black-text {
  color: #000000; }

.flex-band .subtitle-slategray-text {
  color: #415364; }

.homepage-masthead__bg {
  width: 100%;
  height: 570px;
  display: flex;
  justify-content: center;
  padding: 60px 30px 50px 30px;
  background-size: cover;
  background-position: center;
  flex-direction: column; }
  @media (min-width: 1079px) {
    .homepage-masthead__bg {
      padding: 0 60px; } }
  .homepage-masthead__bg .bg__title {
    margin: 0;
    padding: 0;
    font-family: "Georgia", serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal; }
  .homepage-masthead__bg .cta {
    margin-top: 30px; }

.homepage-masthead__image {
  display: none;
  width: 100%;
  height: 570px;
  background-size: cover;
  background-position: center; }
  @media (min-width: 1079px) {
    .homepage-masthead__image {
      display: block; } }

.homepage-masthead .col--1-2 {
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

.homepage-masthead .cta--inverse {
  background: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF; }

.homepage-masthead .cta--inverse:hover {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #193f5e; }

.homepage-masthead .cta {
  border-radius: 5px;
  padding: 13px 13px 10px;
  text-decoration: none;
  display: block;
  width: 220px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }

.homepage-masthead .headings__color--white {
  color: #FFFFFF;
  font-size: 35px;
  width: 100%; }

.homepage-masthead .hm-subtext {
  margin-top: 20px;
  font-size: 18px;
  color: #FFFFFF;
  width: 100%; }

.homepage-masthead .hm-left {
  align-items: flex-start;
  text-align: left; }

.homepage-masthead .hm-center {
  align-items: center;
  text-align: center; }

.homepage-masthead .hm-right {
  align-items: flex-end;
  text-align: right; }

/*doc
---
title:  short-mastheadComponent
name: short-masthead
category: Modules -short-masthead Component
---

 short-masthead Component

```html_example
{% import './short-masthead/html.html' as short-masthead %}
{{ short-masthead.generate() }}
```
Additional description if necessary goes here.

*/
.short-masthead__bg {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
  background-size: cover;
  background-position: center; }
  @media (min-width: 1079px) {
    .short-masthead__bg {
      height: 360px; } }
  .short-masthead__bg .bg__title {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Georgia", serif;
    font-weight: bold;
    font-size: 50px;
    color: #ffffff;
    font-style: normal;
    letter-spacing: normal; }

.short-masthead__image {
  display: block;
  width: 100%;
  height: 360px;
  background-size: cover;
  background-position: center; }

.short-masthead .col--1-2 {
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

.short-masthead .headings__color--white {
  color: #FFFFFF;
  font-size: 50px; }

.image-band {
  height: 360px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media (max-width: 640px) {
    .image-band {
      height: 320px;
      background-position: center bottom; } }

.formstyle {
  padding: 0 50px 0 50px; }

.forcewidth {
  width: 66.6%; }

.reauthcode {
  padding-top: 20px; }

.margintop {
  margin-top: 25px; }

.verify_button_center {
  margin-left: 25%; }

.reauth_Login_btn {
  width: auto;
  margin: auto; }

.reauth_styles {
  float: none;
  width: 100%; }

#ExternalAnnual.col-md-3.reauth_styles {
  float: none;
  padding-left: unset;
  width: 100%; }

.date_style {
  font-weight: bold; }

.button_spacing {
  margin-top: 40px; }

.link_color {
  color: #e80033; }

.link_spacing {
  margin-top: 25px; }

/*# sourceMappingURL=components.css.map */

.megaFooterLeft .embed-column {
    border: none;
    background-color: transparent;
}   
.megaFooterLeft .list-item-edit, .list-item---container .embedColumn {
    padding-left: 10px;
    padding-right: 10px;
}
.blank-page-container{
    width: 100%;
    max-width:1080px;
    margin: 0 auto;
}
/*# modify the cq insert-container z-index from 8003 to auto */
/* .cq-editrollover-insert-container{
	z-index: auto !important;
} */

.dccModal-edit {
    z-index: 9001;
}

.market2-banner img{
	display: block;
    max-width: 100%;
    height: auto;
}
.market2-embedded img{
	display: block;
    max-width: 100%;
    height: auto;
}        
.navbar-right .support--dropdown .dropdown-menu ul.default{
	margin-top:0;
}

.navbar-right .support--dropdown .dropdown-menu ul.default li:last-child{
	border-bottom:none;
}
      
/*---Expertise Component CTAs start---*/
.carousel-inner .cq-text-placeholder-ipe {
    font-size:14px;
    margin: 0;
}
.component-expertiseHero .expertise-hero-CTA {height:36px;}
.expertise-background--image {background: #aeaeae;}
/*---Expertise Component CTAs end---*/
.selectApplication {
    overflow: hidden;
}

#CQ .cq-editrollover-highlight-top,
#CQ .cq-editrollover-highlight-bottom,
#CQ .cq-editrollover-highlight-left,
#CQ .cq-editrollover-highlight-right{
	z-index:9999 !important;
}

.expertise-hero-CTA-link a{
    color:#fff;
}
.expertise-hero-CTA-link:hover a{
    color:#333;
    border:none;
}
.expertise-hero-CTA-link a:hover{
    color:#333;
    border:none;
}
header nav.navbar-default .navbar-nav > li a {
    color: #333333;
}
@media (min-width: 768px)
.navbar-top > li a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-top > li a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.navbar-top > li a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.teaser-square--bottom-link{
	color: #00b2ad;
}
.countryselector {
	height: 400px;
    overflow: auto;
}
.dcc_simple_registration_signup_registration_email{
	color: #008783;
	font-weight: bold;
}
.dcc_country_erro_border_red{
	border-color: red !important;
}

/*-------Delivery address warning modal start-------*/
.warning-modal .modal-header {
  background: #ecc812; }

.warning-modal .modal-body--title {
  margin-top: 0; }

.warning-modal .btn.btn-cancle {
  background-color: transparent;
  border: 1px solid #000000; }
  .warning-modal .btn.btn-cancle:hover {
    background-color: #333333;
    border: 1px solid #000000;
    color: #ffffff; }

 .warning-modal .btn.btn-cancle{
    font-size:12px;
    letter-spacing:0;
 }
  .warning-modal .btn.btn-default{
     font-size:12px;
     letter-spacing:0;
  }
  header nav.navbar ul.navbar-right > div{
     display: none;
  }
  .author-navbar-nav {
    margin-top: 28px;
  }
/*-------Delivery address warning modal end-------*/
.cq-placeholder-askForHelp {
	display: none;
}
/*-------------audience hero start---------------*/
.audience-hero--image{
    max-height: 370px;
}
/*-------------audience hero end---------------*/

.component-moduleMegaHeader.moduleMegaHeader--author {
    z-index: 8999 !important;
    position: initial !important;
}

.component-moduleHeaderRedesign--author {
    z-index: 8005 !important;
}

.container--author{
    margin-top: 100px !important;
}

.homepage-hero-icons-link-edit {
  background: rgba(235, 235, 235, 0.2);
  border-radius: 50%;
  color: #ffffff !important;
  display: block;
  font-size: 0.625rem;
  height: 3.75rem;
  margin: 1.25rem 1.875rem 1.25rem 0;
  padding-top: 0.75rem;
  position: relative;
  text-align: center;
  width: 3.75rem; 
}

.homepage-hero-icons-link:hover{
	color: #00b2ad !important;
}

.homepage-hero-icons-link-edit:hover{
	color: #00b2ad !important;
}

.homepage-hero-icons-link--text .cq-text-placeholder-ipe {
	font-size: 12px!important;
}
.homepage-hero-icons-link-edit:hover .homepage-hero-icons-link--tips {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 130%; 
}
/*-------------Embedded CTA start ---------------*/
.embedded-cta p,.embedded-cta h1,.embedded-cta h2,.embedded-cta h3,.embedded-cta h4 {
    font-size: 0.9rem;
    color: #ffffff;
    margin:0;
    font-weight: normal;
}
.expertise-cta p,.expertise-cta h1,.expertise-cta h2,.expertise-cta h3,.expertise-cta h4{
    margin: 8px;
}
/*-------------Embedded CTA end---------------*/