/*framework & variables*/
/* ============================================================================= 
   Reset
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.618em;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
section {
  zoom: 1;
}
section:before,
section:after {
  content: "";
  display: block;
  visibility: hidden;
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
}
.rich-text ul,
.rich-text ol,
.rich-text dl {
  list-style-position: outside;
  padding-left: 24px;
  margin: 24px 0;
}
.rich-text ul {
  list-style-type: disc;
}
.rich-text ol {
  list-style-type: decimal;
}
.rich-text dl {
  padding: 0;
}
.rich-text dt,
.rich-text dd {
  display: block;
  margin: 0;
}
.rich-text dt {
  font-weight: bold;
  font-size: 110%;
}
.rich-text dd {
  margin-bottom: 12px;
}
.rich-text legend {
  font-weight: bold;
}
.rich-text sup {
  vertical-align: super;
  font-size: 50%;
}
.rich-text sub {
  vertical-align: sub;
  font-size: 50%;
}
.rich-text pre {
  font-family: monospace;
  clear: left;
  border: 1px solid #e6e6e6;
  padding: 24px;
  font-size: 80%;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
small {
  font-size: 60%;
}
/* ============================================================================= 
   Videos
   ========================================================================== */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.video-wrapper iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-wrapper {
  position: relative;
  width: 100%;
  padding-top: 60%;
}
@media handheld, only screen and (max-width: 600px) {
  .map-wrapper {
    padding-top: 100%;
  }
}
.map-wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ==================================================================================================================== 
  Phosphor Grid
  ==================================================================================================================== */
.container {
  max-width: 1782px;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media handheld, only screen and (max-width: 600px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.container.full-width {
  padding: 0;
}
.container.full-width .row {
  max-width: 100%;
}
.row {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: block;
  visibility: hidden;
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-right: 0.95%;
  margin-left: 0.95%;
  float: left;
  min-height: 1px;
}
.onecol.single,
.twocol.single,
.threecol.single,
.fourcol.single,
.fivecol.single,
.sixcol.single,
.sevencol.single,
.eightcol.single,
.ninecol.single,
.tencol.single,
.elevencol.single {
  float: none;
  margin: 0 auto;
}
.onecolumn,
.twocolumn,
.threecolumn,
.fourcolumn,
.fivecolumn,
.sixcolumn,
.sevencolumn,
.eightcolumn,
.ninecolumn,
.tencolumn,
.elevencolumn,
.twelvecolumn {
  margin-right: 0;
  margin-left: 0;
  float: left;
  min-height: 1px;
}
.onecolumn.single,
.twocolumn.single,
.threecolumn.single,
.fourcolumn.single,
.fivecolumn.single,
.sixcolumn.single,
.sevencolumn.single,
.eightcolumn.single,
.ninecolumn.single,
.tencolumn.single,
.elevencolumn.single,
.twelvecolumn.single {
  float: none!important;
  margin: 0 auto;
}
.onecol {
  width: 6.43%;
}
.twocol {
  width: 14.76%;
}
.threecol {
  width: 23.1%;
}
.fourcol {
  width: 31.43%;
}
.fivecol {
  width: 39.77%;
}
.sixcol {
  width: 48.1%;
}
.sevencol {
  width: 56.43%;
}
.eightcol {
  width: 64.76%;
}
.ninecol {
  width: 73.1%;
}
.tencol {
  width: 81.44%;
}
.elevencol {
  width: 89.77%;
}
.twelvecol {
  width: 98.1%;
  margin-left: 0.95%;
  margin-right: 0.95%;
  float: none;
}
.onecolumn {
  width: 8.33333333333333%;
}
.twocolumn {
  width: 16.6666666666667%;
}
.threecolumn {
  width: 25%;
}
.fourcolumn {
  width: 33.3333333333333%;
}
.fivecolumn {
  width: 41.6666666666665%;
}
.sixcolumn {
  width: 50%;
}
.sevencolumn {
  width: 58.3333333333333%;
}
.eightcolumn {
  width: 66.6666666666666%;
}
.ninecolumn {
  width: 75%;
}
.tencolumn {
  width: 83.33333333333%;
}
.elevencolumn {
  width: 91.6666666666%;
}
.twelvecolumn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
img,
object,
embed {
  max-width: 100%;
}
img {
  height: auto;
}
img[alt] {
  font-size: 0.7em;
}
.items,
.item {
  zoom: 1;
}
.items:before,
.item:before,
.items:after,
.item:after {
  content: "";
  display: block;
  visibility: hidden;
  width: 100%;
  height: 0;
  overflow: hidden;
  clear: both;
}
/* =============================================================================
   Media Queries large screen devices e.g landscape tablets, small desktop monitors
   ========================================================================== */
@media handheld, only screen and (max-width: 1280px) {
  .onecol-ld {
    width: 6.43%;
    float: left;
  }
  .twocol-ld {
    width: 14.76%;
    float: left;
  }
  .threecol-ld {
    width: 23.1%;
    float: left;
  }
  .fourcol-ld {
    width: 31.43%;
    float: left;
  }
  .fivecol-ld {
    width: 39.77%;
    float: left;
  }
  .sixcol-ld {
    width: 48.1%;
    float: left;
  }
  .sevencol-ld {
    width: 56.43%;
    float: left;
  }
  .eightcol-ld {
    width: 64.76%;
    float: left;
  }
  .ninecol-ld {
    width: 73.1%;
    float: left;
  }
  .tencol-ld {
    width: 81.44%;
    float: left;
  }
  .elevencol-ld {
    width: 89.77%;
    float: left;
  }
  .twelvecol-ld {
    width: 98.1%;
    margin-left: 0.95%;
    margin-right: 0.95%;
    float: none;
  }
  .onecolumn-ld,
  .twocolumn-ld,
  .threecolumn-ld,
  .fourcolumn-ld,
  .fivecolumn-ld,
  .sixcolumn-ld,
  .sevencolumn-ld,
  .eightcolumn-ld,
  .ninecolumn-ld,
  .tencolumn-ld,
  .elevencolumn-ld,
  .twelvecolumn-ld {
    margin-left: 0;
    margin-right: 0;
  }
  .onecolumn-ld {
    width: 8.33333333333333%;
  }
  .twocolumn-ld {
    width: 16.6666666666667%;
  }
  .threecolumn-ld {
    width: 25%;
  }
  .fourcolumn-ld {
    width: 33.3333333333333%;
  }
  .fivecolumn-ld {
    width: 41.6666666666665%;
  }
  .sixcolumn-ld {
    width: 50%;
  }
  .sevencolumn-ld {
    width: 58.3333333333333%;
  }
  .eightcolumn-ld {
    width: 66.6666666666666%;
  }
  .ninecolumn-ld {
    width: 75%;
  }
  .tencolumn-ld {
    width: 83.33333333333%;
  }
  .elevencolumn-ld {
    width: 91.6666666666%;
  }
  .twelvecolumn-ld {
    width: 100%;
    float: none;
  }
}
/* =============================================================================
   Media Queries medium e.g Potrait tablets & phablets, phones landsacpe
   ========================================================================== */
@media handheld, only screen and (max-width: 1024px), print {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .onecol-md {
    width: 6.43%;
    float: left;
  }
  .twocol-md {
    width: 14.76%;
    float: left;
  }
  .threecol-md {
    width: 23.1%;
    float: left;
  }
  .fourcol-md {
    width: 31.43%;
    float: left;
  }
  .fivecol-md {
    width: 39.77%;
    float: left;
  }
  .sixcol-md {
    width: 48.1%;
    float: left;
  }
  .sevencol-md {
    width: 56.43%;
    float: left;
  }
  .eightcol-md {
    width: 64.76%;
    float: left;
  }
  .ninecol-md {
    width: 73.1%;
    float: left;
  }
  .tencol-md {
    width: 81.44%;
    float: left;
  }
  .elevencol-md {
    width: 89.77%;
    float: left;
  }
  .twelvecol-md {
    width: 98.1%;
    margin-left: 0.95%;
    margin-right: 0.95%;
    float: none;
  }
  .onecolumn-md,
  .twocolumn-md,
  .threecolumn-md,
  .fourcolumn-md,
  .fivecolumn-md,
  .sixcolumn-md,
  .sevencolumn-md,
  .eightcolumn-md,
  .ninecolumn-md,
  .tencolumn-md,
  .elevencolumn-md,
  .twelvecolumn-md {
    margin-left: 0;
    margin-right: 0;
  }
  .onecolumn-md {
    width: 8.33333333333333%;
  }
  .twocolumn-md {
    width: 16.6666666666667%;
  }
  .threecolumn-md {
    width: 25%;
  }
  .fourcolumn-md {
    width: 33.3333333333333%;
  }
  .fivecolumn-md {
    width: 41.6666666666665%;
  }
  .sixcolumn-md {
    width: 50%;
  }
  .sevencolumn-md {
    width: 58.3333333333333%;
  }
  .eightcolumn-md {
    width: 66.6666666666666%;
  }
  .ninecolumn-md {
    width: 75%;
  }
  .tencolumn-md {
    width: 83.33333333333%;
  }
  .elevencolumn-md {
    width: 91.6666666666%;
  }
  .twelvecolumn-md {
    width: 100%;
    float: none;
  }
}
/* =============================================================================
   Media Queries medium e.g phones portrait
   ========================================================================== */
@media handheld, only screen and (max-width: 600px) {
  .row,
  body {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .onecol-sm {
    width: 6.43%;
    float: left;
  }
  .twocol-sm {
    width: 14.76%;
    float: left;
  }
  .threecol-sm {
    width: 23.1%;
    float: left;
  }
  .fourcol-sm {
    width: 31.43%;
    float: left;
  }
  .fivecol-sm {
    width: 39.77%;
    float: left;
  }
  .sixcol-sm {
    width: 48.1%;
    float: left;
  }
  .sevencol-sm {
    width: 56.43%;
    float: left;
  }
  .eightcol-sm {
    width: 64.76%;
    float: left;
  }
  .ninecol-sm {
    width: 73.1%;
    float: left;
  }
  .tencol-sm {
    width: 81.44%;
    float: left;
  }
  .elevencol-sm {
    width: 89.77%;
    float: left;
  }
  .twelvecol-sm {
    width: 98.1%;
    margin: 0 0.95%;
    float: left;
  }
  .onecolumn-sm,
  .twocolumn-sm,
  .threecolumn-sm,
  .fourcolumn-sm,
  .fivecolumn-sm,
  .sixcolumn-sm,
  .sevencolumn-sm,
  .eightcolumn-sm,
  .ninecolumn-sm,
  .tencolumn-sm,
  .elevencolumn-sm,
  .twelvecolumn-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .onecolumn-sm {
    width: 8.33333333333333%;
    float: left;
  }
  .twocolumn-sm {
    width: 16.6666666666667%;
    float: left;
  }
  .threecolumn-sm {
    float: left;
    width: 25%;
  }
  .fourcolumn-sm {
    width: 33.3333333333333%;
    float: left;
  }
  .fivecolumn-sm {
    width: 41.6666666666665%;
    float: left;
  }
  .sixcolumn-sm {
    width: 50%;
    float: left;
  }
  .sevencolumn-sm {
    width: 58.3333333333333%;
    float: left;
  }
  .eightcolumn-sm {
    width: 66.6666666666666%;
    float: left;
  }
  .ninecolumn-sm {
    float: left;
    width: 75%;
  }
  .tencolumn-sm {
    width: 83.33333333333%;
    float: left;
  }
  .elevencolumn-sm {
    width: 91.6666666666%;
    float: left;
  }
  .twelvecolumn-sm {
    width: 100%;
    float: none;
  }
}
.js .js-fancybox-content {
  display: none;
}
.u-txt-left {
  text-align: left;
}
.u-txt-right {
  text-align: right;
}
.u-txt-center {
  text-align: center;
}
.u-txt-center ul,
.u-txt-center li {
  list-style-position: inside;
}
.u-img-link {
  display: inline-block;
}
.u-img-link img {
  display: block;
}
.u-list-inline-block li {
  display: inline-block;
}
.u-inline {
  display: inline-block;
}
.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.u-more {
  display: block;
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 400;
  font-style: italic;
}
.u-more:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.u-hidden {
  display: none;
}
.u-table {
  display: table;
  width: 100%;
}
.u-tr {
  display: table-row;
}
.u-td {
  display: table-cell;
  vertical-align: middle;
}
.u-table {
  display: table;
  table-layout: fixed;
}
.u-table .th,
.u-table .td {
  display: table-cell;
  vertical-align: middle;
}
@media handheld, only screen and (min-width: 1025px) {
  .u-table-md {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .u-table-md .th,
  .u-table-md .td {
    display: table-cell;
    vertical-align: middle;
  }
}
@media handheld, only screen and (min-width: 601px) {
  .u-table-sm {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media handheld, only screen and (min-width: 601px) {
  .u-table-sm .th,
  .u-table-sm .td {
    display: table-cell;
    vertical-align: middle;
  }
}
.u-uppercase {
  text-transform: uppercase;
}
.u-lowercase {
  text-transform: lowercase;
}
.u-title-case {
  text-transform: none;
}
.u-small {
  font-size: 0.9em;
}
.u-float-right {
  float: right;
}
@media handheld, only screen and (max-width: 1024px) {
  .u-md-show {
    display: none;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .u-md-hide {
    display: none;
  }
}
img:not([src]) {
  visibility: hidden;
}
img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*typography*/
@font-face {
  font-family: 'NoeDisplay-Medium';
  src: url('/SalesPortalContent/Fonts/NoeDisplay-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-ThinItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-Antique.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-AntiqueItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'SuisseBPIntl';
  src: url('/SalesPortalContent/Fonts/SuisseBPIntl-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'NoeDisplay-Medium';
  margin: 0 0 12px 0;
}
h1.product-title,
h2.product-title,
h3.product-title,
h4.product-title,
h5.product-title,
h6.product-title,
.h1.product-title,
.h2.product-title,
.h3.product-title,
.h4.product-title,
.h5.product-title,
.h6.product-title {
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
}
h1,
.h1 {
  font-size: 32px;
  line-height: 36px;
  /*@media handheld, only screen and (min-width: @large-min) {
        font-size: @h1-font-size-medium;
        line-height: @h1-line-height-medium;
    }*/
}
@media handheld, only screen and (min-width: 1441px) {
  h1,
  .h1 {
    font-size: 44px;
    line-height: 48px;
  }
}
@media handheld, only screen and (min-width: 1921px) {
  h1,
  .h1 {
    font-size: 52px;
    line-height: 56px;
  }
}
h2,
.h2 {
  font-size: 24px;
  line-height: 28px;
}
@media handheld, only screen and (min-width: 1025px) {
  h2,
  .h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media handheld, only screen and (min-width: 1281px) {
  h2,
  .h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media handheld, only screen and (min-width: 1441px) {
  h2,
  .h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
h3,
.h3 {
  font-size: 26px;
  line-height: 30px;
  /*@media handheld, only screen and (min-width: @medium-min) {
        font-size: @h3-font-size-medium;
        line-height: @h3-line-height-medium;
    }
    @media handheld, only screen and (min-width: @large-min) {
        font-size: @h3-font-size-large;
        line-height: @h3-line-height-large;
    }*/
}
h4,
.h4 {
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
}
h5,
.h5 {
  font-size: 1rem;
  line-height: 1.2rem;
}
h6,
.h6 {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
}
hr {
  border: none;
  height: 1px;
}
p {
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.5rem;
}
a {
  color: currentColor;
  text-decoration: none;
}
a[href^="mailto:"] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
strong,
b {
  font-weight: 600;
}
em {
  font-style: italic;
}
.hgroup {
  margin-bottom: 48px;
}
.hgroup > * {
  margin: 8px 0;
}
.hgroup:last-child {
  margin-bottom: 0;
}
/*layout*/
body {
  color: #171f32;
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  background: white;
  padding: 16px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
body.fade-in {
  opacity: 1;
}
@media handheld, only screen and (min-width: 601px) {
  body {
    min-height: 100vh;
    padding: 20px;
  }
}
@media handheld, only screen and (min-width: 1281px) {
  body {
    padding: 40px;
  }
}
.container {
  background-color: #e8e4df;
}
.wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  background-image: url(/SalesPortalContent/images/dots-row-large.svg);
  background-repeat: no-repeat;
  background-position: bottom 24px right 24px;
  background-size: 50%;
}
@media handheld, only screen and (max-width: 600px) {
  .wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
    background-size: contain;
  }
}
@media handheld, only screen and (min-width: 601px) {
  .flush-row {
    margin-right: -0.95%;
    margin-left: -0.95%;
  }
}
.product-brand {
  position: relative;
}
.product-brand > *:last-child {
  margin-bottom: 0;
}
.product-brand .heading {
  display: inline-block;
  padding-right: 76px;
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-size: 26px;
  line-height: 28px;
  font-weight: 500;
}
@media handheld, only screen and (min-width: 1025px) {
  .product-brand .heading {
    font-size: 49px;
    line-height: 41px;
  }
}
.product-brand .heading:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 18px 18px;
  border-color: transparent transparent #e8e4df transparent;
}
@media handheld, only screen and (min-width: 1025px) {
  .product-brand .heading:after {
    bottom: 9px;
    border-width: 0 0 30px 30px;
  }
}
.product-brand .subheading {
  display: block;
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
@media handheld, only screen and (min-width: 1025px) {
  .product-brand .subheading {
    font-size: 33px;
    line-height: 33px;
  }
}
.page-header {
  margin-bottom: 12px;
}
@media handheld, only screen and (min-width: 1025px) {
  .page-header {
    margin-bottom: 24px;
  }
}
.page-header > .row *:last-child {
  margin-bottom: 0;
}
.page-header .product-brand {
  display: inline-block;
}
@media handheld, only screen and (max-width: 768px) {
  .page-header .product-brand {
    display: block;
  }
}
.page-content > .row {
  background-color: #fff;
  padding: 48px;
}
@media handheld, only screen and (max-width: 1024px) {
  .page-content > .row {
    padding: 24px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .page-content > .row {
    padding: 16px;
  }
}
label {
  display: block;
  font-weight: 500;
  cursor: pointer;
}
.is-hidden {
  display: none;
}
.error-message {
  color: #a84747;
  font-weight: 400;
}
.loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e8e4df;
  z-index: 1010;
}
.loading-overlay .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 40px;
  height: 40px;
}
.loading-overlay .loader svg {
  width: 40px;
  height: 40px;
  color: #171f32;
  -webkit-animation: rotate360 1s infinite linear;
  animation: rotate360 1s infinite linear;
}
.product-menu {
  padding-top: 24px;
  background-color: #e8e4df;
}
@media handheld, only screen and (max-width: 600px) {
  .product-menu {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.product-menu > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-menu > .row:before,
.product-menu > .row:after {
  content: none;
}
.product-menu > .row > * {
  display: block;
}
.product-menu > .row > *:first-child {
  margin-right: 12px;
}
@media handheld, only screen and (max-width: 600px) {
  .product-menu > .row > *:first-child {
    margin-right: 6px;
  }
}
.product-menu .select-wrapper {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.product-menu .count-ui {
  margin-left: 12px;
}
@media handheld, only screen and (max-width: 600px) {
  .product-menu .count-ui {
    margin-left: 6px;
  }
}
.scrolling-up .product-menu,
.scrolling-down .product-menu {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  z-index: 500;
  border-bottom: 1px solid #fff;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #e8e4df;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media handheld, only screen and (max-width: 1024px) {
  .scrolling-up .product-menu,
  .scrolling-down .product-menu {
    padding: 12px 24px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .scrolling-up .product-menu,
  .scrolling-down .product-menu {
    padding: 6px;
  }
}
.count-ui {
  font-size: 15px;
}
@media handheld, only screen and (max-width: 768px) {
  .count-ui {
    font-size: 14px;
  }
}
.count-ui > span {
  display: inline-block;
  min-width: 34px;
  margin-left: 8px;
  padding-left: 5px;
  padding-right: 5px;
  background: #fff;
  text-align: center;
  font-weight: 700;
  color: #171f32;
  border-radius: 20px;
  background-clip: padding-box;
}
@media handheld, only screen and (max-width: 600px) {
  .count-ui > span {
    margin-left: 4px;
    min-width: 20px;
  }
}
/*header {
    position: relative;
    width: 100%;
    background-color: @sand-light;
    border-bottom: 1px solid transparent;
    .transition();

    .row {
        position: relative;
        padding-top: @s/2;
        padding-bottom: @s/2;

        @media handheld, only screen and (min-width: @small-min) {
        }

        @media handheld, only screen and (min-width: @medium-min) {
            padding-top: @s;
        }

        @media handheld, only screen and (min-width: @large-min) {
        }
    }

    .menu-button {
    }
}*/
.header-logo {
  display: inline-block;
  vertical-align: middle;
}
@media handheld, only screen and (min-width: 601px) {
  .header-logo {
    width: 50%;
  }
}
.header-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.header-logo .nzpg-logo {
  display: none;
  width: auto;
  height: 57px;
}
@media handheld, only screen and (max-width: 414px) {
  .header-logo .nzpg-logo {
    height: 53px;
  }
}
.header-logo .pp-logo {
  width: 100%;
  max-width: 320px;
}
@media handheld, only screen and (max-width: 600px) {
  .header-logo .pp-logo {
    max-width: 140px;
  }
}
/*.header-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right;

    @media handheld, only screen and (max-width: @small) {
        width: 60%;
    }

    .scrolling-up &, .scrolling-down & {
        float: none;
        justify-content: space-between;
        width: 100%;
        @media handheld, only screen and (max-width: @small) {
            
            
        }
    }

    li {
        margin-left: @s;

        @media handheld, only screen and (max-width: @smallish) {
            margin-left: @s/2;
        }

        @media handheld, only screen and (max-width: @small) {
            margin-left: @s/4;
        }

        &:first-child {
            margin-left: 0;
        }
    }

    .product-selector {
        display: none;

        .select-wrapper {
            select {
                padding: @s/4;
            }

            svg {
                top: @s/4;
                right: @s/4;
            }
        }

        .scrolling-up &, .scrolling-down & {
            display: block;
            width: 50%;
        }
    }
}*/
/*.order-status-header {
    width: calc(~"100% + 32px");
    z-index: @z-header;
    padding: 8px 16px;
    margin-left: -16px;
    margin-right: -16px;
    background-color: @black;
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    color: #fff;
    .transition();

    @media handheld, only screen and (min-width: @small-min) {
        width: calc(~"100% + 40px");
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    @media handheld, only screen and (min-width: @large-min) {
        width: calc(~"100% + 80px");
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .row {
        padding-top: 0;
        padding-bottom: 0;
    }

    .button-lavender {
        float: right;
    }

}*/
/*.product-selector {
    .select-wrapper {
        width: 100%;
        @media handheld, only screen and (min-width: @large-min) {
            width: 33%;
        }
    }
}*/
/*.scrolling-up,
.scrolling-down {
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        z-index: @z-header;
        border-bottom-color: #fff;
    }

    .header-logo {
        display: none;
    }

    .menu-button {
        margin-top: 4px;
        color: #fff;
        //need white version
        background: url(/SalesPortalContent/images/menu-open.svg) bottom 5px left / 16px 12px no-repeat;
        &:before {
            color: #fff;
        }
    }

    .order-status-header {
        z-index: @z-header + 1;
    }

}*/
.sticky-ui-wrapper {
  position: fixed;
  bottom: -75px;
  left: 0;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  background: #4d659e;
  z-index: 500;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media handheld, only screen and (min-width: 601px) {
  .sticky-ui-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media handheld, only screen and (min-width: 1281px) {
  .sticky-ui-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.sticky-ui-wrapper .sticky-ui {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #fff;
}
.sticky-ui-wrapper .sticky-ui .button {
  margin-left: auto;
  margin-right: auto;
}
.sticky-ui-wrapper .count-ui {
  position: absolute;
  top: 18px;
  left: 0;
}
.sticky-ui-wrapper .count-ui > span {
  margin-left: 0;
  margin-right: 8px;
}
@media handheld, only screen and (max-width: 600px) {
  .sticky-ui-wrapper .count-ui > span {
    margin-right: 4px;
  }
}
.sticky-ui-wrapper .button.bordered {
  border-color: #fff;
  color: #fff;
}
.sticky-ui-wrapper .button.white {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media handheld, only screen and (max-width: 600px) {
  .sticky-ui-wrapper .button.white {
    font-size: 15px;
    min-width: 1px;
  }
}
.sticky-ui-wrapper .button-to-top {
  display: none;
  position: fixed;
  bottom: 11px;
  right: 20px;
}
@media handheld, only screen and (max-width: 600px) {
  .sticky-ui-wrapper .button-to-top {
    right: 16px;
  }
}
.scrolling-up .button-to-top,
.scrolling-down .button-to-top {
  display: block;
}
.has-selection .page-content > .row {
  padding-bottom: 65px;
}
.has-selection .sticky-ui-wrapper {
  bottom: 0;
}
.has-selection .sticky-ui-wrapper .button-to-top {
  background-color: transparent;
}
/*navigation*/
.button-text {
  font-weight: 400;
  text-decoration: underline;
}
.button-text svg {
  margin-right: 4px;
}
.button-lavender {
  display: inline-block;
  color: #829ad2;
  font-weight: 500;
  cursor: pointer;
}
.button-lavender:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 9px;
  margin-left: 8px;
  background-image: url(/SalesPortalContent/images/read-more-icon-lavender.svg);
}
.button-to-top {
  position: relative;
  display: inline-block;
  background-color: #4d659e;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.button-to-top:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/SalesPortalContent/images/read-more-icon-white.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*.button-to-top {
    position: fixed;
    right: 0px;
    bottom: -40px;
    width: 40px;
    height: 20px;
    display: block;
    background-image: url(/SalesPortalContent/images/read-more-icon.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    .rotate(-90deg);
    .transition();

    @media handheld, only screen and (min-width: @large-min) {
        right: 20px;
    }

    .scrolling-up &, .scrolling-down & {
        bottom: 20px;

        @media handheld, only screen and (min-width: @large-min) {
            bottom: 40px;
        }
    }
}*/
.button-remove {
  display: block;
  cursor: pointer;
  opacity: 0.34;
  font-weight: 500;
}
@media handheld, only screen and (max-width: 1024px) {
  .button-remove span {
    display: none;
  }
}
.button-remove:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url(/SalesPortalContent/images/close-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media handheld, only screen and (max-width: 768px) {
  .button-remove:before {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 0;
  }
}
.button-next {
  cursor: pointer;
}
.button-next span {
  display: inline-block;
  width: 20px;
  height: 9px;
  margin-left: 8px;
  background-image: url(/SalesPortalContent/images/read-more-icon-white.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
.button {
  display: inline-block;
  position: relative;
  height: auto;
  padding: 15px;
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  color: #fff;
  z-index: 0;
  border: none;
  cursor: pointer;
}
@media handheld, only screen and (min-width: 601px) {
  .button {
    min-width: 110px;
    padding: 15px 20px;
  }
}
@media handheld, only screen and (min-width: 769px) {
  .button {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.button:before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #171f32;
}
.button:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 130%;
  width: 200%;
  height: 100%;
  -webkit-transform: skew(-45deg);
          transform: skew(-45deg);
  -webkit-transition: left .3s;
  transition: left .3s;
  background-color: #4d659e;
}
.button.bordered {
  color: #171f32;
  border: 1px solid #171f32;
}
.button.bordered:before {
  background-color: transparent;
}
.button.bordered:after {
  background-color: #171f32;
}
.button.white {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  border: 1px solid #fff;
}
.button.white:before {
  background-color: transparent;
}
.button.white:after {
  background-color: #fff;
}
.button i,
.button svg {
  margin-right: 8px;
}
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.button-icon i,
.button-icon svg {
  margin-right: 8px;
}
.js-go-to-checkout {
  display: none;
}
html.can-hover {
  /*.button-to-top {
       &:hover{
            @media handheld, only screen and (min-width: @large-min) {
            }
        }
        .scrolling-up &, .scrolling-down & {
            &:hover{
                @media handheld, only screen and (min-width: @large-min) {
                }
            }
        }
    }*/
}
html.can-hover .button-remove:hover {
  opacity: 1;
}
@media handheld, only screen and (max-width: 768px) {
  html.can-hover .button-remove:hover span {
    display: none;
  }
}
html.can-hover .button:hover:after {
  left: -20%;
}
html.can-hover .button.bordered:hover {
  color: #fff;
}
html.can-hover .button.white:hover {
  color: #171f32;
  border-color: #171f32;
}
html.can-hover .button.white.button-next:hover span {
  background-image: url(/SalesPortalContent/images/read-more-icon-lavender.svg);
}
html.can-hover .button-to-top:hover {
  bottom: 13px;
}
html.can-hover .sticky-ui-wrapper .button.white:hover {
  border-color: #fff;
  color: #4d659e;
}
/*templates*/
html.login .header-logo img {
  display: none;
}
html.login .header-logo .nzpg-logo {
  display: block;
}
html.login header {
  padding-top: 24px;
}
@media handheld, only screen and (max-width: 600px) {
  html.login header {
    padding-top: 12px;
  }
}
html.login .product-menu,
html.login .products-button,
html.login header .product-selector,
html.login .menu-button,
html.login .count-ui {
  display: none;
}
html.login .page-header {
  margin-top: 12px;
}
html.login .page-content > .row {
  background-color: transparent;
  padding: 0;
}
html.home .page-content > .row {
  background-color: transparent;
  padding: 0;
}
.product-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-grid .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #fff;
  padding: 12px;
  margin-bottom: 1.8vw;
}
@media handheld, only screen and (max-width: 600px) {
  .product-grid .product {
    margin-bottom: 0.9vw;
  }
}
.product-grid .product .product-brand {
  display: block;
  width: 100%;
}
.product-grid .product .product-brand .subheading {
  font-size: 22px;
  line-height: 1.1;
}
@media handheld, only screen and (max-width: 600px) {
  .product-grid .product .product-brand .subheading {
    font-size: 18px;
  }
}
.product-grid .product .product-brand .heading {
  display: block;
  padding-right: 33px;
  font-size: 33px;
  line-height: 1;
}
@media handheld, only screen and (max-width: 600px) {
  .product-grid .product .product-brand .heading {
    font-size: 28px;
  }
}
html.products .has-selection .button-group {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media handheld, only screen and (max-width: 600px) {
  html.products .wrapper {
    padding-bottom: 0;
  }
}
html.products .order-status-header .js-go-to-checkout {
  display: block;
}
@media handheld, only screen and (max-width: 600px) {
  html.products .page-content > .row {
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
  }
}
html.products .page-content > .row .button-group:first-child {
  margin-bottom: 24px;
}
@media handheld, only screen and (max-width: 600px) {
  html.products .page-content > .row .button-group:first-child {
    margin-bottom: 12px;
  }
}
html.products .page-content .button-group {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.swatch-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -24px;
  margin-right: -24px;
}
@media handheld, only screen and (max-width: 768px) {
  .swatch-grid {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.swatch-grid .swatch {
  padding-left: 24px;
  padding-right: 24px;
}
@media handheld, only screen and (max-width: 768px) {
  .swatch-grid .swatch {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.swatch-grid .swatch .select-product {
  top: 12px;
  left: 36px;
}
@media handheld, only screen and (max-width: 768px) {
  .swatch-grid .swatch .select-product {
    top: 12px;
    left: 24px;
  }
}
.swatch {
  display: block;
  position: relative;
  margin-bottom: 36px;
  /*@media handheld, only screen and (max-width: @medium) {
        display: flex;
        align-items: center;
        margin-bottom: @s/2;
        padding: 0;
    }*/
  /*@media handheld, only screen and (max-width: @smallish) {
        .sixcolumn;
    }*/
  /*@media handheld, only screen and (max-width: @small) {
        .twelvecolumn;
        min-height: 58px !important;
        margin-bottom: 0;
        padding: 8px 12px;
        border-bottom: 1px solid @color-light-border;
    }*/
}
@media handheld, only screen and (max-width: 768px) {
  .swatch {
    margin-bottom: 24px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .swatch {
    margin-bottom: 12px;
  }
}
.swatch.selected {
  /*@media handheld, only screen and (max-width: @small) {
            background-color: @color-light-border;
            border-bottom-color: #fff;
        }*/
}
.swatch.selected .image-wrapper {
  outline: 4px solid #4d659e;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 20px 30px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 20px 30px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
@media handheld, only screen and (max-width: 1024px) {
  .swatch.selected .image-wrapper {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
  }
}
.swatch.selected .select-product {
  background-color: #4d659e;
}
.swatch.selected .desc-wrapper .subheading {
  color: #4d659e;
}
.swatch.special .image-wrapper {
  width: 100%;
  padding-bottom: 100%;
  /*@media handheld, only screen and (max-width: @medium) {
                position: relative;
                width: 20%;
                padding-bottom: 18.08%;
            }*/
  /*@media handheld, only screen and (max-width: @small) {
                padding-bottom: 40px;
            }*/
}
.swatch.special .image-wrapper img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.4;
  padding: 20px;
  /*@media handheld, only screen and (max-width: @medium) {
                    padding: 10px;
                }*/
}
.swatch .image-wrapper {
  /*@media handheld, only screen and (max-width: @medium) {
            margin-left: 12px;
        }*/
}
.swatch .desc-wrapper .subheading {
  line-height: 1;
}
.swatch .select-product {
  width: 22px;
  height: 22px;
  background: #FFFFFF;
  color: #FFFFFF;
  border: 1px solid #999999;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1;
}
.swatch .select-product + .subheading {
  padding-left: 0;
}
.swatch .select-product input {
  opacity: 0;
}
.swatch .select-product svg {
  pointer-events: none;
  margin-left: 2px;
  position: absolute;
  top: 2px;
  left: 1px;
  /*@media handheld, only screen and (max-width: @medium) {
                //width: 18px;
                width: 12px;
            }*/
}
.image-wrapper {
  position: relative;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
  background-color: #fff;
  /*@media handheld, only screen and (max-width: @medium) {
        position: static;
        width: 20%;
        overflow: hidden; //temp
    }*/
  /*@media handheld, only screen and (max-width: @small) {
        height: 40px;
    }*/
  /*@media handheld, only screen and (max-width: @tiny) {
        width: 50px;
    }*/
}
.image-wrapper:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 20px 30px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 20px 30px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
@media handheld, only screen and (max-width: 1024px) {
  .image-wrapper:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
  }
}
.image-wrapper:hover .select-product {
  display: block;
}
.image-wrapper:hover .photos-button {
  color: #171f32;
}
.image-wrapper.new:before {
  content: 'NEW';
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 6px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.image-wrapper + * {
  margin-top: 12px;
  /*@media handheld, only screen and (max-width: @medium) {
            margin-top: 0;
        }*/
}
.image-wrapper picture {
  width: 100%;
}
.image-wrapper picture img {
  width: 100%;
}
.desc-wrapper {
  /*@media handheld, only screen and (max-width: @medium) {
        width: 80%;
        padding-left: @s;
    }*/
  /*@media handheld, only screen and (max-width: @medium) {
        padding-left: @s/2;
        padding-right: @s/2;
    }*/
  /*&.new {
        &:before {
            content: 'NEW';
            display: block;
            margin-bottom: 3px;
            background-color: transparent;
            font-size: 70%;
            line-height: 0.7;
            font-weight: 200;

            @media handheld, only screen and (min-width: @medium-min) {
                display: none;
            }
        }
    }*/
}
.desc-wrapper > * {
  margin-bottom: 0;
}
.desc-wrapper .subheading {
  font-weight: 500;
}
.desc-wrapper .text {
  font-weight: 400;
}
html.cart .js-add-to-cart {
  display: none;
}
@media handheld, only screen and (max-width: 600px) {
  html.cart .wrapper {
    padding-bottom: 0;
  }
}
html.cart .sticky-ui-wrapper {
  bottom: 0;
}
@media handheld, only screen and (max-width: 1280px) {
  html.cart .row {
    max-width: 900px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  html.cart .page-content {
    margin-left: -12px;
    margin-right: -12px;
  }
}
html.cart .page-content .button-group {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html.cart select,
html.cart textarea,
html.cart input:not([type="submit"]) {
  background-color: #f8f8f8;
  border: 1px solid #dad3cb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.cart .item-row.total {
  font-size: 20px;
}
@media handheld, only screen and (max-width: 600px) {
  html.cart .item-row.total .desc {
    padding-right: 12px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  html.cart .item-row .desc {
    padding-right: 30px;
  }
}
.item-list {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media handheld, only screen and (max-width: 600px) {
  .item-list {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.item-row {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f6f7fa;
}
@media handheld, only screen and (min-width: 601px) {
  .item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row {
    padding-left: 70px;
    zoom: 1;
  }
  .item-row:before,
  .item-row:after {
    content: "";
    display: block;
    visibility: hidden;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
  }
}
.item-row:first-child {
  border-top: 1px solid #f6f7fa;
}
.item-row.labels {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row.labels {
    display: none;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row.labels + .item-row {
    border-top: 1px solid #f6f7fa;
  }
}
.item-row.labels .cell {
  font-weight: 500;
}
.item-row.total {
  font-weight: 700;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row.total {
    padding-left: 0;
    text-align: center;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row.total .desc {
    padding-right: 12px;
  }
}
.item-row.total .qty:before {
  content: none !important;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row.total .actions {
    display: block;
    margin-top: 0;
  }
}
.item-row > .cell > .cell {
  padding-left: 6px;
  padding-right: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row > .cell > .cell {
    padding-left: 0;
    padding-right: 0;
  }
}
.item-row .image {
  width: 170px;
  padding-left: 0;
  padding-right: 0;
}
@media handheld, only screen and (max-width: 768px) {
  .item-row .image {
    width: 100px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .image {
    position: absolute;
    left: 0;
    width: 70px;
  }
}
.item-row .image .image-wrapper {
  width: 100%;
  height: auto;
}
.item-row .image .image-wrapper:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 7px 12px -1px rgba(0, 0, 0, 0.08), 0 0 2px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.28);
}
.item-row .desc {
  width: calc((100% - 170px)/3*2);
  padding-left: 24px;
  padding-right: 24px;
}
@media handheld, only screen and (max-width: 1024px) {
  .item-row .desc {
    width: calc((100% - 100px)/3*2);
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .desc {
    width: 100%;
    padding-right: 0;
  }
}
.item-row .desc .desc-wrapper {
  width: 100%;
}
@media handheld, only screen and (max-width: 1024px) {
  .item-row .desc .desc-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.item-row .desc .subheading {
  display: block;
  font-size: 20px;
  line-height: 1.2;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .desc .subheading {
    font-size: 20px;
  }
}
.item-row .desc .subheading + * {
  margin-top: 3px;
}
.item-row .desc .text {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
}
.item-row .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 170px)/3);
}
@media handheld, only screen and (max-width: 1024px) {
  .item-row .actions {
    width: calc((100% - 100px)/3);
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .actions {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 12px;
  }
}
@media handheld, only screen and (max-width: 414px) {
  .item-row .actions {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media handheld, only screen and (min-width: 601px) {
  .item-row .actions > .cell:last-child {
    text-align: right;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .actions .qty:before {
    content: "Qty:";
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    margin-right: 6px;
  }
}
.item-row .actions .qty input {
  display: inline-block;
  vertical-align: middle;
}
@media handheld, only screen and (max-width: 600px) {
  .item-row .actions .price:before {
    content: "Price:";
    font-weight: 500;
    margin-right: 6px;
  }
}
@media handheld, only screen and (max-width: 414px) {
  .item-row .actions .price:before {
    display: block;
  }
}
.item-row .actions .button-remove {
  display: inline-block;
}
@media handheld, only screen and (max-width: 768px) {
  .item-row .actions .button-remove {
    position: absolute;
    top: 24px;
    right: 0;
  }
}
@media handheld, only screen and (max-width: 1280px) {
  html.checkout .row {
    max-width: 900px;
  }
}
html.checkout .delivery-options .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.checkout .delivery-options .radio-group .radio-wrapper {
  width: 50%;
}
html.checkout .delivery-options .radio-group .radio-wrapper:last-child {
  margin-right: 0;
}
html.checkout .delivery-options .radio-group .radio-wrapper label {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  padding: 12px;
  text-indent: 24px;
}
html.checkout .delivery-options textarea {
  display: block;
  min-height: 100px;
}
html.checkout .shipping-options {
  display: none;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #cccccc;
}
html.checkout .shipping-options .select-wrapper {
  display: block;
}
html.checkout .shipping-options textarea {
  display: block;
  min-height: 100px;
}
html.checkout .shipping-options .error select {
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
html.checkout .shipping-options .error textarea {
  background-image: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #171f32;
          box-shadow: inset 0 -1px 0 0 #171f32;
}
.search-form {
  position: relative;
}
.cart-summary {
  padding: 24px;
  background-color: #fff;
}
.cart-summary .button-text {
  opacity: 0.34;
}
@media handheld, only screen and (min-width: 1025px) {
  .cart-summary .item-row.labels .image {
    width: auto;
  }
}
.cart-summary .item-row.total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
}
.cart-summary .item-row.total:before,
.cart-summary .item-row.total:after {
  content: none;
}
.cart-summary .item-row.total .desc {
  width: 50%;
  padding-left: 0;
  text-align: left;
  line-height: 1.2;
}
.cart-summary .item-row.total .actions {
  display: block;
  width: 50%;
  text-align: right;
}
@media handheld, only screen and (max-width: 600px) {
  .cart-summary .item-row.total .actions {
    padding-right: 0;
  }
}
@media handheld, only screen and (max-width: 1024px) {
  .cart-summary .item-row.total .actions .qty {
    padding-right: 21px;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .cart-summary .item-row.total .actions .qty {
    padding-right: 0;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .cart-summary .item-row .image {
    width: 70px;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .cart-summary .item-row .desc {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .cart-summary .item-row .actions {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 80px;
  }
}
@media handheld, only screen and (min-width: 1025px) {
  .cart-summary .item-row .actions .qty {
    text-align: right;
  }
}
.cart-summary .item-row .actions .qty input {
  min-height: 1px;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
  text-align: left;
}
@media handheld, only screen and (min-width: 601px) {
  .cart-summary .item-row .actions .qty input {
    text-align: right;
  }
}
.accordion-trigger {
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #171f32;
  cursor: pointer;
  opacity: 0.6;
}
.accordion-trigger svg {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.accordion-trigger.active svg {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.accordion-content {
  display: none;
  margin-top: 12px;
}
html.order-summary .page-header .text {
  margin-bottom: 24px;
}
.product-brand.bestwood .heading:after {
  background-image: url("/content/images/bestwood/bestwoodb.jpg");
  background-size: cover;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  border-width: unset;
}
.product-brand.wilsonart .heading:after {
  background-image: url("/content/images/wilsonart/WilsonartSalesLogo.jpg");
  background-size: cover;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  border-width: unset;
}
.product-brand.acrylic .heading:after {
  border-bottom-color: #685bc7;
}
.product-brand.laminate .heading:after {
  border-bottom-color: #ffaa00;
}
.product-brand.melamine .heading:after {
  border-bottom-color: #67cee3;
}
.product-brand.stone .heading:after {
  border-bottom-color: #9b908d;
}
.product-brand.veneer .heading:after {
  border-bottom-color: #7bc142;
}
.product-brand.substrates .heading:after {
  border-bottom-color: #171f32;
}
html.acrylic .new.image-wrapper:before {
  background-color: #685bc7;
}
html.acrylic .new.desc-wrapper:before {
  color: #685bc7;
}
html.laminate .new.image-wrapper:before {
  background-color: #ffaa00;
}
html.laminate .new.desc-wrapper:before {
  color: #ffaa00;
}
html.melamine .new.image-wrapper:before {
  background-color: #67cee3;
}
html.melamine .new.desc-wrapper:before {
  color: #67cee3;
}
html.stone .new.image-wrapper:before {
  background-color: #9b908d;
}
html.stone .new.desc-wrapper:before {
  color: #9b908d;
}
html.veneer .new.image-wrapper:before {
  background-color: #7bc142;
}
html.veneer .new.desc-wrapper:before {
  color: #7bc142;
}
html.substrates .new.image-wrapper:before {
  background-color: #171f32;
}
html.substrates .new.desc-wrapper:before {
  color: #171f32;
}
/*.products-menu {
    a.acrylic {
        &:after {
            border-bottom-color: @acrylic;
        }
    }

    a.laminate {
        &:after {
            border-bottom-color: @laminate;
        }
    }

    a.melamine {
        &:after {
            border-bottom-color: @melamine;
        }
    }

    a.stone {
        &:after {
            border-bottom-color: @stone;
        }
    }

    a.veneer {
        &:after {
            border-bottom-color: @veneer;
        }
    }

    a.substrates {
        &:after {
            border-bottom-color: @substrates;
        }
    }
}*/
/*forms & server validation*/
.label,
label {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}
label {
  cursor: pointer;
}
textarea,
select,
input {
  font-size: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
}
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
textarea,
select {
  border: 0;
  width: 100%;
  max-width: 100%;
  padding: 13px 20px;
  background: #fff;
  font-family: 'SuisseBPIntl', Helvetica, Arial, sans-serif;
  color: #171f32;
  -webkit-box-shadow: inset 0 -1px 0 0 #171f32;
          box-shadow: inset 0 -1px 0 0 #171f32;
  border-radius: 0;
  background-clip: padding-box;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #171f32;
  opacity: 0.7;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #171f32;
  opacity: 0.7;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #171f32;
  opacity: 0.7;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  outline: 0;
}
input[type="text"]:-moz-read-only,
input[type="tel"]:-moz-read-only,
input[type="number"]:-moz-read-only,
input[type="password"]:-moz-read-only,
input[type="email"]:-moz-read-only,
input[type="search"]:-moz-read-only,
input[type="date"]:-moz-read-only,
textarea:-moz-read-only,
select:-moz-read-only {
  display: block;
  min-height: 1px;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  font-weight: 500;
  resize: none;
}
input[type="text"]:read-only,
input[type="tel"]:read-only,
input[type="number"]:read-only,
input[type="password"]:read-only,
input[type="email"]:read-only,
input[type="search"]:read-only,
input[type="date"]:read-only,
textarea:read-only,
select:read-only {
  display: block;
  min-height: 1px;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
  resize: none;
}
input[type="text"].error,
input[type="tel"].error,
input[type="number"].error,
input[type="password"].error,
input[type="email"].error,
input[type="search"].error,
input[type="date"].error,
textarea.error,
select.error,
input[type="text"].field-validation-error,
input[type="tel"].field-validation-error,
input[type="number"].field-validation-error,
input[type="password"].field-validation-error,
input[type="email"].field-validation-error,
input[type="search"].field-validation-error,
input[type="date"].field-validation-error,
textarea.field-validation-error,
select.field-validation-error {
  font-size: 1rem;
  line-height: 1.4rem;
  background-color: rgba(168, 71, 71, 0.05);
  border-color: #a84747 !important;
}
input[type="text"].error::-webkit-input-placeholder,
input[type="tel"].error::-webkit-input-placeholder,
input[type="number"].error::-webkit-input-placeholder,
input[type="password"].error::-webkit-input-placeholder,
input[type="email"].error::-webkit-input-placeholder,
input[type="search"].error::-webkit-input-placeholder,
input[type="date"].error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
select.error::-webkit-input-placeholder,
input[type="text"].field-validation-error::-webkit-input-placeholder,
input[type="tel"].field-validation-error::-webkit-input-placeholder,
input[type="number"].field-validation-error::-webkit-input-placeholder,
input[type="password"].field-validation-error::-webkit-input-placeholder,
input[type="email"].field-validation-error::-webkit-input-placeholder,
input[type="search"].field-validation-error::-webkit-input-placeholder,
input[type="date"].field-validation-error::-webkit-input-placeholder,
textarea.field-validation-error::-webkit-input-placeholder,
select.field-validation-error::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #a84747;
  opacity: 0.5;
}
input[type="text"].error:-moz-placeholder,
input[type="tel"].error:-moz-placeholder,
input[type="number"].error:-moz-placeholder,
input[type="password"].error:-moz-placeholder,
input[type="email"].error:-moz-placeholder,
input[type="search"].error:-moz-placeholder,
input[type="date"].error:-moz-placeholder,
textarea.error:-moz-placeholder,
select.error:-moz-placeholder,
input[type="text"].field-validation-error:-moz-placeholder,
input[type="tel"].field-validation-error:-moz-placeholder,
input[type="number"].field-validation-error:-moz-placeholder,
input[type="password"].field-validation-error:-moz-placeholder,
input[type="email"].field-validation-error:-moz-placeholder,
input[type="search"].field-validation-error:-moz-placeholder,
input[type="date"].field-validation-error:-moz-placeholder,
textarea.field-validation-error:-moz-placeholder,
select.field-validation-error:-moz-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #a84747;
  opacity: 0.5;
}
input[type="text"].error::-moz-placeholder,
input[type="tel"].error::-moz-placeholder,
input[type="number"].error::-moz-placeholder,
input[type="password"].error::-moz-placeholder,
input[type="email"].error::-moz-placeholder,
input[type="search"].error::-moz-placeholder,
input[type="date"].error::-moz-placeholder,
textarea.error::-moz-placeholder,
select.error::-moz-placeholder,
input[type="text"].field-validation-error::-moz-placeholder,
input[type="tel"].field-validation-error::-moz-placeholder,
input[type="number"].field-validation-error::-moz-placeholder,
input[type="password"].field-validation-error::-moz-placeholder,
input[type="email"].field-validation-error::-moz-placeholder,
input[type="search"].field-validation-error::-moz-placeholder,
input[type="date"].field-validation-error::-moz-placeholder,
textarea.field-validation-error::-moz-placeholder,
select.field-validation-error::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
  color: #a84747;
  opacity: 0.5;
}
textarea {
  min-height: 234px;
  resize: vertical;
  overflow: auto;
}
input[type="search"] {
  padding-left: 40px;
  background: #ffffff url(/SalesPortalContent/images/search-light-icon.svg) center left 14px/20px no-repeat;
}
input[type="number"] {
  width: 80px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.checkbox-wrapper input[type="checkbox"],
.radio-wrapper input[type="checkbox"],
.checkbox-wrapper input[type="radio"],
.radio-wrapper input[type="radio"] {
  margin-right: 8px;
}
.checkbox-wrapper label,
.radio-wrapper label {
  display: inline-block;
}
.checkbox-wrapper.white,
.radio-wrapper.white {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 48px;
  margin-right: 1px;
  padding: 12px;
  background-color: #fff;
}
.checkbox-wrapper.white input[type="checkbox"],
.radio-wrapper.white input[type="checkbox"],
.checkbox-wrapper.white input[type="radio"],
.radio-wrapper.white input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.checkbox-wrapper.white input[type="checkbox"]:checked + .input,
.radio-wrapper.white input[type="checkbox"]:checked + .input,
.checkbox-wrapper.white input[type="radio"]:checked + .input,
.radio-wrapper.white input[type="radio"]:checked + .input {
  color: #171f32;
}
.checkbox-wrapper.white .input,
.radio-wrapper.white .input {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  color: #FFFFFF;
}
.checkbox-wrapper.white label,
.radio-wrapper.white label {
  font-weight: 400;
  margin-bottom: 0;
}
.checkbox-wrapper.white input[type="checkbox"]:checked + .input {
  color: #171f32;
}
.checkbox-wrapper.white .input {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  color: #FFFFFF;
}
.checkbox-wrapper.white .input svg {
  width: 18px;
}
.radio-wrapper.white input[type="radio"]:checked + .input:before {
  background-color: #171f32;
}
.radio-wrapper.white .input {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 20px;
  background-clip: padding-box;
}
.radio-wrapper.white .input:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 14px;
  background-clip: padding-box;
}
.select-wrapper {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: 1px solid #dad3cb;
  cursor: pointer;
}
.select-wrapper.full-width {
  display: block;
}
.select-wrapper.bottom-border {
  border: none;
  border-bottom: 1px solid #171f32;
}
.select-wrapper svg {
  position: absolute;
  top: 12px;
  right: 12px;
}
.select-wrapper select {
  position: relative;
  z-index: 2;
  padding: 12px;
  padding-right: 36px;
  background-color: transparent !important;
  border: none !important;
  font-weight: 400;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-wrapper select::-ms-expand {
  display: none;
}
.form-row {
  margin-bottom: 24px;
}
.form-row label,
.form-row .label {
  margin-bottom: 6px;
}
.error input[type="text"],
.error input[type="tel"],
.error input[type="number"],
.error input[type="password"],
.error input[type="email"],
.error input[type="date"],
.error textarea,
.error select {
  position: relative;
  -webkit-box-shadow: inset 0 -1px 0 0 #a84747;
          box-shadow: inset 0 -1px 0 0 #a84747;
  background: #ffffff url("/SalesPortalContent/images/icon-failure-red.svg") no-repeat right 20px center;
  background-size: 7px;
}
.error input[type="text"] .error-message,
.error input[type="tel"] .error-message,
.error input[type="number"] .error-message,
.error input[type="password"] .error-message,
.error input[type="email"] .error-message,
.error input[type="date"] .error-message,
.error textarea .error-message,
.error select .error-message {
  margin-top: 12px;
  color: #a84747;
  font-weight: 700;
}
.error textarea {
  background: #ffffff url("/SalesPortalContent/images/icon-failure-red.svg") no-repeat right 20px top 13px;
  background-size: 7px;
}
.error select {
  background: #ffffff url("/SalesPortalContent/images/icon-failure-red.svg") no-repeat right 30px center;
  background-size: 7px;
}
.search-form.error:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  width: 7px;
  height: 44px;
  background-image: url("/SalesPortalContent/images/icon-failure-red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px;
}
.ui-autocomplete {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  max-height: 248.35px;
  /* each .ui-menu-item is 49.67 */
  overflow-y: auto;
}
.ui-menu-item {
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(50, 67, 107, 0.2);
  cursor: pointer;
}
.ui-menu-item:last-child {
  border-bottom: none;
}
.ui-menu-item:hover {
  background-color: rgba(50, 67, 107, 0.2);
}
.ui-menu-item h4,
.ui-menu-item span {
  display: block;
  line-height: 1.3;
  margin-bottom: 0;
}
.ui-helper-hidden-accessible {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
/*print and media*/
@media print {
  p {
    font-size: 11pt;
    color: black;
  }
  a {
    text-decoration: none !important;
  }
  a:after {
    content: " (" attr(href) ")";
    font-style: italic !important;
    text-decoration: underline !important;
    font-weight: 400;
    line-height: 1.2;
    white-space: normal;
    font-size: 11pt;
    font-family: 'ClearSans', helvetica, arial, sans-serif;
  }
  a[href^="tel:"]:after {
    content: "";
  }
  img {
    display: block;
  }
  iframe {
    display: none !important;
  }
  footer {
    display: none;
  }
}
@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}