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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

/********************GENERIC - STYLES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/
body { font-family: "praxis-next-condensed", sans-serif; color: #333333; -webkit-text-size-adjust: none; position: relative; /*font-weight:600*/ }

input, textarea, select { font-family: "freight-sans-pro", sans-serif; color: #333333; -webkit-text-size-adjust: none; position: relative; }

body { -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix { from { padding: 0; }
  to { padding: 0; } }

body * { line-height: 1.4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

p { font-size: 14px; margin: 8px 0; font-family: "praxis-next-condensed", sans-serif; line-height: 150%; }

sup { font-size: 50%; line-height: 50%; vertical-align: 150%; }

img { max-width: 100%; vertical-align: bottom; }

img.baseline { vertical-align: baseline; }

img.no-max { max-width: none; }

img[src="/sml.gif"] { height: 1px; }

.str img { width: 100%; }

img[data-responsive] { width: 100%; height: auto; }

a { text-decoration: none; color: #333333; outline: none !important; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.no-touchevents a:hover, a.current { color: #65877d; }

.no-touchevents a:hover.f-brand, .no-touchevents .facet a.checked a:hover:first-child:before, .facet a.checked .no-touchevents a:hover:first-child:before, .no-touchevents a:hover.f-color6, a.current.f-brand, .facet a.checked a.current:first-child:before, a.current.f-color6 { color: #65877d; }

.decor, .no-touchevents .nodecor:hover .decorsection, .decor-persist:focus, .no-touchevents .decor-persist:hover { text-decoration: underline; }

[data-url]:not([class*="addthis_"]), [data-image], [data-video] { cursor: pointer; }

.no-touchevents [data-url]:not([class*="addthis_"]):hover:not(input):not([class*=persist]), .no-touchevents [data-image]:hover:not(input):not([class*=persist]), .no-touchevents [data-video]:hover:not(input):not([class*=persist]) { color: #65877d; }

.no-touchevents .no-decor:hover, .no-touchevents .nodecor:hover, .no-touchevents .nodecor-links a:hover { text-decoration: none; }

.pointer, .decor { cursor: pointer; }

.nopointer { cursor: default !important; }

.linethrough { text-decoration: line-through; }

th { background-color: #eff3f2; min-width: 4em; white-space: nowrap; }

th, td { padding: 8px 1.25%; vertical-align: top; text-align: left; }

th.halfwidth, td.halfwidth { width: 47.5% !important; }

th.quarterwidth, td.quarterwidth { width: 22.5% !important; }

td img { vertical-align: middle; }

table.heading-nominwidth th { min-width: 0; }

table.cell-align-center th, table.cell-align-center td { text-align: center; }

table.cell-sidepaddouble th, table.cell-sidepaddouble td { padding-left: 2.5%; padding-right: 2.5%; }

table.cell-topbottompadextra th, table.cell-topbottompadextra td { padding-top: 12px; padding-bottom: 12px; }

.fullwidth, .fullwidthonnarrow, .fulltotwothirdswidth, .fulltohalfwidth, .fullwidth-childimg > img { width: 100% !important; }

.fulltofixedwidth, .fulltoquarterwidth, .fixedwidth-wide { width: 100%; }

.halfwidth, .halfwidth-children > * { display: inline-block; vertical-align: top; width: 50%; }

.halfheight { height: 50% !important; }

.thirdwidth, .thirdwidth-children > * { display: inline-block; vertical-align: top; width: 33.33333%; }

.thirdheight { height: 33.33333% !important; }

.twothirdswidth { width: 66.66667% !important; }

.quarterwidth { width: 25% !important; }

.narrowpagewidth { margin: 0 auto; }

.visible { visibility: visible; }

.invisible { visibility: hidden; }

/*SLIDESHOW TAB SWITCHER*/
.slvisible { visibility: visible; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; opacity: 1; transition: opacity 0.5s; z-index: 1 !important; }

.slinvisible { visibility: hidden; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; opacity: 0; transition: opacity 0.5s; height: 0; overflow: hidden; }

.width0 { width: 0px; }

.height0 { height: 0px; }

.width0-5 { width: 8px; }

.height0-5 { height: 8px; }

.width1 { width: 16px; }

.height1 { height: 16px; }

.width1-5 { width: 24px; }

.height1-5 { height: 24px; }

.width2 { width: 32px; }

.height2 { height: 32px; }

.width2-5 { width: 40px; }

.height2-5 { height: 40px; }

.width3 { width: 48px; }

.height3 { height: 48px; }

.width3-5 { width: 56px; }

.height3-5 { height: 56px; }

.width4 { width: 64px; }

.height4 { height: 64px; }

.width4-5 { width: 72px; }

.height4-5 { height: 72px; }

.width5 { width: 80px; }

.height5 { height: 80px; }

.width5-5 { width: 88px; }

.height5-5 { height: 88px; }

.widthauto, .auto { width: auto !important; }

.heightauto, .auto { height: auto !important; }

.showoverflow { overflow: visible; }

.showoverflow-important { overflow: visible !important; }

.hideoverflow { overflow: hidden; }

.autooverflow-y { overflow-y: auto; }

.float-left { float: left; }

.float-right { float: right; }

.float-righttonone { float: none; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.screenreader { position: absolute; left: -999em; top: auto; width: 0.1em; height: 0.1em; overflow: hidden; }

.hideifonly:only-of-type { display: none; }

.absolute, .absolutetorelative { position: absolute; }

.absolute-important { position: absolute !important; }

.relative, .relative-children > *, .relativetoabsolute { position: relative; }

.relative-important { position: relative !important; }

.fixed { position: fixed; }

.fixed-important { position: fixed !important; }

.top0 { top: 0px; }

.right0 { right: 0px; }

.bottom0 { bottom: 0px; }

.left0 { left: 0px; }

.top1 { top: 16px; }

.right1 { right: 16px; }

.bottom1 { bottom: 16px; }

.left1 { left: 16px; }

.top2 { top: 32px; }

.right2 { right: 32px; }

.bottom2 { bottom: 32px; }

.left2 { left: 32px; }

.top3 { top: 48px; }

.right3 { right: 48px; }

.bottom3 { bottom: 48px; }

.left3 { left: 48px; }

.top4 { top: 64px; }

.right4 { right: 64px; }

.bottom4 { bottom: 64px; }

.left4 { left: 64px; }

.top5 { top: 80px; }

.right5 { right: 80px; }

.bottom5 { bottom: 80px; }

.left5 { left: 80px; }

.left0-5 { left: 8px; }

.left0-25 { left: 4px; }

.right0-5 { right: 8px; }

.right0-25 { right: 4px; }

.top0-5 { top: 8px; }

.top0-25 { top: 4px; }

.bottom0-5 { bottom: 8px; }

.bottom0-25 { bottom: 4px; }

.right1-5 { right: 24px; }

.left1-5 { left: 24px; }

.tophalf { top: 50%; }

.righthalf { right: 50%; }

.bottomhalf { bottom: 50%; }

.lefthalf { left: 50%; }

.bd-color0, .bd-white { border: solid 1px #fff; }

.bd-color1, .bd-dark { border: solid 1px #333333; }

.bd-color2 { border: solid 1px #666666; }

.bd-color3, .bd-light { border: solid 1px #999999; }

.bd-color4, .bd-xlight { border: solid 1px #dddddd; }

.bd-color5, .bd-xxlight { border: solid 1px #eff3f2; }

.bd-color6, .bd-brand { border: solid 1px #65877d; }

.bd-color6b { border: solid 1px #bacbc6; }

.bd-color7, .bd-error { border: solid 1px #ef2d56; }

.bd-color11 { border: solid 1px #f4d06f; }

.bd-color12 { border: solid 1px #65877d; }

.bd-color13 { border: solid 1px #0072bc; }

.bd-color14 { border: solid 1px #e4ff00; }

.bd-color15 { border: solid 1px #6b5587; }

.bd-color16 { border: solid 1px #F4D06F; }

.bd-color16a { border: solid 1px #FBECC5; }

.bd-trans { border: solid 1px transparent; }

.bd-none { border-width: 0 !important; }

.bd-double, .bd-error:not(:focus) { border-width: 2px; }

.bd-quadruple { border-width: 4px; }

.bd-halfunit { border-width: 8px; }

.bd-thick, .bd-unit { border-width: 16px; }

.bd-notnarrow { border-width: 0; }

.bd-top0 { border-top-width: 0; }

.bd-toponly { border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }

.bd-bottomonly { border-top-width: 0; border-right-width: 0; border-left-width: 0; }

.bd-topbottomonly { border-right-width: 0; border-left-width: 0; }

.bd-topleftonly { border-right-width: 0; border-bottom-width: 0; }

.bd-sidesonly, .bd-leftright { border-top-width: 0; border-bottom-width: 0; }

.bd-leftonly { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; }

.bd-rightonly { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; }

.textshadow-color1 { text-shadow: 1px 1px #333333; }

.textshadow-color1-double { text-shadow: 1px 1px #333333, 0 0 #333333; }

.textshadow-color2 { text-shadow: 1px 1px #666666; }

.noshadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.outline-white { outline: solid 1px #fff; }

.nooutline { outline: none; }

.bg-none { background: none !important; }

.bg-transparent { background-color: transparent !important; }

.bg-color0, .bg-white { background-color: #fff; }

.bg-color1 { background-color: #333333; color: #fff; }

.bg-color2 { background-color: #666666; color: #fff; }

.bg-color3 { background-color: #999999; }

.bg-color4 { background-color: #dddddd; }

.bg-color5 { background-color: #eff3f2; }

.bg-color5a { background-color: #eff3f2; }

.bg-color6, .bg-brand { background-color: #65877d; }

.bg-color6a { background-color: rgba(101, 135, 125, 0.1); }

.bg-color6b { background-color: #bacbc6; }

.bg-color7, .bg-error { background-color: #ef2d56; }

.bg-color10, .bg-black { background-color: #000; color: #fff; }

.bg-color11 { background-color: #f4d06f; }

.bg-color11a { background-color: #fbefce; }

.bg-color11b { background-color: white; }

.bg-color12, .bg-sale { background-color: #65877d; }

.bg-color13 { background-color: #0072bc; }

.bg-color14 { background-color: #e4ff00; }

.bg-color15 { background-color: #6b5587; }

.bg-color16 { background-color: #F4D06F; }

.bg-color16a { background-color: #FBECC5; }

.bg-color1-10 { background-color: rgba(51, 51, 51, 0.1); color: #fff; }

.bg-color1-20 { background-color: rgba(51, 51, 51, 0.2); color: #fff; }

.bg-color1-30 { background-color: rgba(51, 51, 51, 0.3); color: #fff; }

.bg-color1-40 { background-color: rgba(51, 51, 51, 0.4); color: #fff; }

.bg-color1-50 { background-color: rgba(51, 51, 51, 0.5); color: #fff; }

.bg-color1-60 { background-color: rgba(51, 51, 51, 0.6); color: #fff; }

.bg-color1-70 { background-color: rgba(51, 51, 51, 0.7); color: #fff; }

.bg-color1-80 { background-color: rgba(51, 51, 51, 0.8); color: #fff; }

.bg-color1-90 { background-color: rgba(51, 51, 51, 0.9); color: #fff; }

.bg-color1-95 { background-color: rgba(51, 51, 51, 0.95); color: #fff; }

.bg-color0-20 { background-color: rgba(255, 255, 255, 0.2); color: #333333; }

.bg-color0-40 { background-color: rgba(255, 255, 255, 0.4); color: #333333; }

.bg-color0-60 { background-color: rgba(255, 255, 255, 0.6); color: #333333; }

.bg-color0-70 { background-color: rgba(255, 255, 255, 0.7); color: #333333; /*#843716*/ }

.bg-color0-80 { background-color: rgba(255, 255, 255, 0.8); color: #333333; }

.bg-color0-90 { background-color: rgba(255, 255, 255, 0.9); color: #333333; }

/*#843716*/
.bg-color10-60 { background-color: rgba(0, 0, 0, 0.6); color: #fff; }

.bg-color10-70 { background-color: rgba(0, 0, 0, 0.7); color: #fff; }

.bg-color10-80 { background-color: rgba(0, 0, 0, 0.8); color: #fff; }

.bg-color10-90 { background-color: rgba(0, 0, 0, 0.9); color: #fff; }

.bg-reversible { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.no-touchevents .bg-reversible.f-color0:hover { background-color: #fff; color: #333333; }

.no-touchevents .bg-reversible.f-color1:hover { background-color: #333333; color: #fff; }

@media print { .bg-color5, .bg-color5a { background-color: none; } }

.f-sansserif, .f-family1 { font-family: "praxis-next-condensed", sans-serif; }

.f-serif, .f-family2 { font-family: "minion-pro", serif; }

.f-family3 { font-family: "freight-sans-pro", sans-serif; }

.f-light { font-weight: 300; }

.f-nobold, .f-nobold * { font-weight: 400 !important; }

.f-500 { font-weight: 500; }

.f-sbold, .f-semibold, .f-sbold-lastchild > *:last-child, .f-600 { font-weight: 600; }

.f-bold, .f-bold-lastchild > *:last-child, .f-800 { font-weight: 800; }

.f-italic { font-style: italic; }

.f-noitalic { font-style: normal; }

.f-upper { text-transform: uppercase; }

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

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

.f-normalcase, .f-nocase { text-transform: none !important; }

.f-color0, .f-color0-links a, .f-color0-persist:focus, .no-touchevents .f-color0-persist:hover { color: #fff; }

.f-color1, .f-color1-links a, .f-color1-persist:focus, .no-touchevents .f-color1-persist:hover { color: #333333; }

.f-color2, .f-color2-links a, .f-color2-persist:focus, .no-touchevents .f-color2-persist:hover { color: #666666; }

.f-color2-links a:hover, .f-color2-links a:focus { color: #333333; }

.f-color3, .f-color3-links a { color: #999999; }

.f-color3-links a:hover, .f-color3-links a:focus { color: #666666; }

.f-color4, .f-color4-links a, .f-color4-persist:focus, .no-touchevents .f-color4-persist:hover { color: #dddddd; }

.f-color4-important { color: #dddddd !important; }

.f-color5, .f-color5-links a { color: #eff3f2; }

.f-color6, .f-color6-links a, .f-brand, .facet a.checked :first-child:before, .f-color6-persist:focus, .no-touchevents .f-color6-persist:hover, .f-brand-persist:focus, .no-touchevents .f-brand-persist:hover, .f-brand-persist-descendents:focus *, .facet a:focus *, .no-touchevents .f-brand-persist-descendents:hover *, .no-touchevents .facet a:hover *, .facet .no-touchevents a:hover *, .f-brand-persist-links a:focus, .no-touchevents .f-brand-persist-links a:hover { color: #65877d; }

.f-color6a, .f-color6a-links a, .f-color6a-persist:focus, .no-touchevents .f-color6a-persist:hover { color: rgba(101, 135, 125, 0.1); }

.f-color7, .f-color7-links a, .f-error, .f-error a, .error { color: #ef2d56; }

.f-color8, .f-color8-links a { color: #266a3f; }

.f-color9, .f-color9-links a { color: #296bb2; }

.f-color10, .f-color10-links a { color: #000; }

.f-color11, .f-color11-links a, .f-color11-persist:focus, .no-touchevents .f-color11-persist:hover { color: #f4d06f; }

.f-color16, .f-color16-links a { color: #F4D06F; }

.f-color16a, .f-color16a-links a { color: #FBECC5; }

.f-sale { color: #ef2d56; }

.f-transparent, .f-trans { color: transparent; }

.f-transparent-important, .f-trans-important { color: transparent !important; }

.f-tiny, [class*=f-11] { font-size: 11px; }

.f-small, [class*=f-12] { font-size: 12px; }

.f-medium, [class*=f-13] { font-size: 13px; }

.f-mediumlarge, [class*=f-14] { font-size: 14px; }

.f-large, [class*=f-15] { font-size: 15px; }

.f-default, [class*=f-16] { font-size: 16px; }

.f-xlarge, [class*=f-18] { font-size: 18px; }

.f-xxlarge, [class*=f-20] { font-size: 20px; }

[class*=f-21] { font-size: 21px; }

.f-xxxlarge, [class*=f-22] { font-size: 22px; }

[class*=f-24] { font-size: 24px; }

[class*=f-26] { font-size: 26px; }

[class*=f-28] { font-size: 28px; }

[class*=f-30] { font-size: 30px; }

[class*=f-32] { font-size: 32px; }

[class*=f-36] { font-size: 36px; }

.f-40 { font-size: 40px; }

.f-42 { font-size: 42px; }

.f-48 { font-size: 48px; }

.f-52 { font-size: 52px; }

.f-62 { font-size: 62px; }

.f-64 { font-size: 64px; }

[data-font="10"], [data-font-xs="10"] { font-size: 10px; }

[data-font="11"], [data-font-xs="11"] { font-size: 11px; }

[data-font="12"], [data-font-xs="12"] { font-size: 12px; }

[data-font="13"], [data-font-xs="13"] { font-size: 13px; }

[data-font="14"], [data-font-xs="14"] { font-size: 14px; }

[data-font="15"], [data-font-xs="15"] { font-size: 15px; }

[data-font="16"], [data-font-xs="16"] { font-size: 16px; }

[data-font="18"], [data-font-xs="18"] { font-size: 18px; }

[data-font="20"], [data-font-xs="20"] { font-size: 20px; }

[data-font="21"], [data-font-xs="21"] { font-size: 21px; }

[data-font="22"], [data-font-xs="22"] { font-size: 22px; }

[data-font="24"], [data-font-xs="24"] { font-size: 24px; }

[data-font="26"], [data-font-xs="26"] { font-size: 26px; }

[data-font="28"], [data-font-xs="28"] { font-size: 28px; }

[data-font="30"], [data-font-xs="30"] { font-size: 30px; }

[data-font="32"], [data-font-xs="32"] { font-size: 32px; }

[data-font="36"], [data-font-xs="36"] { font-size: 36px; }

[data-font="40"], [data-font-xs="40"] { font-size: 40px; }

[data-font="52"], [data-font-xs="52"] { font-size: 52px; }

[data-font="62"], [data-font-xs="62"] { font-size: 62px; }

[data-font="64"], [data-font-xs="64"] { font-size: 64px; }

@media screen and (min-width: 30em), print { [data-font-ms="10"] { font-size: 10px; }
  [data-font-ms="11"] { font-size: 11px; }
  [data-font-ms="12"] { font-size: 12px; }
  [data-font-ms="13"] { font-size: 13px; }
  [data-font-ms="14"] { font-size: 14px; }
  [data-font-ms="15"] { font-size: 15px; }
  [data-font-ms="16"] { font-size: 16px; }
  [data-font-ms="18"] { font-size: 18px; }
  [data-font-ms="20"] { font-size: 20px; }
  [data-font-ms="21"] { font-size: 21px; }
  [data-font-ms="22"] { font-size: 22px; }
  [data-font-ms="24"] { font-size: 24px; }
  [data-font-ms="26"] { font-size: 26px; }
  [data-font-ms="28"] { font-size: 28px; }
  [data-font-ms="30"] { font-size: 30px; }
  [data-font-ms="32"] { font-size: 32px; }
  [data-font-ms="36"] { font-size: 36px; }
  [data-font-ms="40"] { font-size: 40px; }
  [data-font-ms="52"] { font-size: 52px; }
  [data-font-ms="62"] { font-size: 62px; }
  [data-font-ms="64"] { font-size: 64px; } }

@media screen and (min-width: 48em), print { [data-font-sm="10"] { font-size: 10px; }
  [data-font-sm="11"] { font-size: 11px; }
  [data-font-sm="12"] { font-size: 12px; }
  [data-font-sm="13"] { font-size: 13px; }
  [data-font-sm="14"] { font-size: 14px; }
  [data-font-sm="15"] { font-size: 15px; }
  [data-font-sm="16"] { font-size: 16px; }
  [data-font-sm="18"] { font-size: 18px; }
  [data-font-sm="20"] { font-size: 20px; }
  [data-font-sm="21"] { font-size: 21px; }
  [data-font-sm="22"] { font-size: 22px; }
  [data-font-sm="24"] { font-size: 24px; }
  [data-font-sm="26"] { font-size: 26px; }
  [data-font-sm="28"] { font-size: 28px; }
  [data-font-sm="30"] { font-size: 30px; }
  [data-font-sm="32"] { font-size: 32px; }
  [data-font-sm="36"] { font-size: 36px; }
  [data-font-sm="40"] { font-size: 40px; }
  [data-font-sm="52"] { font-size: 52px; }
  [data-font-sm="62"] { font-size: 62px; }
  [data-font-sm="64"] { font-size: 64px; } }

@media screen and (min-width: 66em), print { [data-font-md="10"] { font-size: 10px; }
  [data-font-md="11"] { font-size: 11px; }
  [data-font-md="12"] { font-size: 12px; }
  [data-font-md="13"] { font-size: 13px; }
  [data-font-md="14"] { font-size: 14px; }
  [data-font-md="15"] { font-size: 15px; }
  [data-font-md="16"] { font-size: 16px; }
  [data-font-md="18"] { font-size: 18px; }
  [data-font-md="20"] { font-size: 20px; }
  [data-font-md="21"] { font-size: 21px; }
  [data-font-md="22"] { font-size: 22px; }
  [data-font-md="24"] { font-size: 24px; }
  [data-font-md="26"] { font-size: 26px; }
  [data-font-md="28"] { font-size: 28px; }
  [data-font-md="30"] { font-size: 30px; }
  [data-font-md="32"] { font-size: 32px; }
  [data-font-md="36"] { font-size: 36px; }
  [data-font-md="40"] { font-size: 40px; }
  [data-font-md="52"] { font-size: 52px; }
  [data-font-md="62"] { font-size: 62px; }
  [data-font-md="64"] { font-size: 64px; } }

@media screen and (min-width: 84em), print { [data-font-lg="10"] { font-size: 10px; }
  [data-font-lg="11"] { font-size: 11px; }
  [data-font-lg="12"] { font-size: 12px; }
  [data-font-lg="13"] { font-size: 13px; }
  [data-font-lg="14"] { font-size: 14px; }
  [data-font-lg="15"] { font-size: 15px; }
  [data-font-lg="16"] { font-size: 16px; }
  [data-font-lg="18"] { font-size: 18px; }
  [data-font-lg="20"] { font-size: 20px; }
  [data-font-lg="21"] { font-size: 21px; }
  [data-font-lg="22"] { font-size: 22px; }
  [data-font-lg="24"] { font-size: 24px; }
  [data-font-lg="26"] { font-size: 26px; }
  [data-font-lg="28"] { font-size: 28px; }
  [data-font-lg="30"] { font-size: 30px; }
  [data-font-lg="32"] { font-size: 32px; }
  [data-font-lg="36"] { font-size: 36px; }
  [data-font-lg="40"] { font-size: 40px; }
  [data-font-lg="52"] { font-size: 52px; }
  [data-font-lg="62"] { font-size: 62px; }
  [data-font-lg="64"] { font-size: 64px; } }

.f-family1 { font-family: "praxis-next-condensed", sans-serif; }

.f-familya1 { font-family: "praxis-next", sans-serif; }

.f-family2 { font-family: "minion-pro", serif; }

.f-family3 { font-family: "freight-sans-pro", sans-serif; }

h1, h2, h3, h4, h5, h6 { margin: 8px 0; }

h6, h5, h4 { font-size: 14px; }

h3, .f-heading3 { font-size: 16px; }

h2, .f-heading2 { font-size: 20px; font-family: "minion-pro", serif; }

h1, .f-heading1 { font-size: 26px; font-family: "minion-pro", serif; line-height: normal; }

@media screen and (min-width: 48em), print { h1, .f-heading1 { font-size: 36px; } }

.f-space0 { line-height: 0; }

.f-space1 { line-height: 1; }

.f-space-normal { line-height: normal; }

.f-xspace, .f-xspace-children > *, .f-xspace-links a { line-height: 150%; }

.f-xxspace, .f-xxspace-children > *, .f-xxspace-links a { line-height: 200%; }

.f-letterspace-1 { letter-spacing: -1px; }

.f-letterspace1 { letter-spacing: 1px; }

.f-letterspace2 { letter-spacing: 2px; }

.f-letterspace3 { letter-spacing: 3px; }

.f-wordspace0-25 { word-spacing: 4px; }

.f-wordspace0-5 { word-spacing: 8px; }

.f-wordspace1 { word-spacing: 16px; }

.align-left, .align-lefttocenter, .align-lefttoright, .align-lefttoright-MD { text-align: left; }

.align-center, .align-centertoleft, .align-centertoright, .align-centertoright-MD, .align-centertoleft-MD { text-align: center; }

.align-right, .align-righttocenter, .align-righttoleft { text-align: right; }

.valign-top { vertical-align: top; }

.valign-top-important, .valign-top-children > * { vertical-align: top !important; }

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

.valign-middle-important, .valign-middle-children > * { vertical-align: middle !important; }

.valign-baseline { vertical-align: baseline; }

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

.valign-bottom-important, .valign-bottom-children > * { vertical-align: bottom !important; }

.valign-center:not([class*=flexbox]) { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.valign-top-children > *, .valign-middle-children > *, .valign-bottom-children > * { display: inline-block; }

.center-both { left: 50%; top: 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%); }

.center-top60 { left: 50%; top: 60%; -webkit-transform: translate(-50%, -40%); -moz-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); -o-transform: translate(-50%, -40%); transform: translate(-50%, -40%); }

.mt, .mtb, .m { margin-top: 16px !important; }

.pt, .ptb, .pad { padding-top: 16px !important; }

.mb, .mtb, .m { margin-bottom: 16px !important; }

.pb, .ptb, .pad { padding-bottom: 16px !important; }

.ml, .mlr, .m { margin-left: 16px !important; }

.pl, .plr, .pad { padding-left: 16px !important; }

.mr, .mlr, .m { margin-right: 16px !important; }

.pr, .plr, .pad { padding-right: 16px !important; }

.mt0, .mtb0, .m0 { margin-top: 0px !important; }

.pt0, .ptb0, .p0 { padding-top: 0px !important; }

.mb0, .mtb0, .m0 { margin-bottom: 0px !important; }

.pb0, .ptb0, .p0 { padding-bottom: 0px !important; }

.ml0, .mlr0, .m0 { margin-left: 0px !important; }

.pl0, .plr0, .p0 { padding-left: 0px !important; }

.mr0, .mlr0, .m0 { margin-right: 0px !important; }

.pr0, .plr0, .p0 { padding-right: 0px !important; }

.mt1, .mtb1, .m1 { margin-top: 16px !important; }

.pt1, .ptb1, .p1 { padding-top: 16px !important; }

.mb1, .mtb1, .m1 { margin-bottom: 16px !important; }

.pb1, .ptb1, .p1 { padding-bottom: 16px !important; }

.ml1, .mlr1, .m1 { margin-left: 16px !important; }

.pl1, .plr1, .p1 { padding-left: 16px !important; }

.mr1, .mlr1, .m1 { margin-right: 16px !important; }

.pr1, .plr1, .p1 { padding-right: 16px !important; }

.mt2, .mtb2, .m2 { margin-top: 32px !important; }

.pt2, .ptb2, .p2 { padding-top: 32px !important; }

.mb2, .mtb2, .m2 { margin-bottom: 32px !important; }

.pb2, .ptb2, .p2 { padding-bottom: 32px !important; }

.ml2, .mlr2, .m2 { margin-left: 32px !important; }

.pl2, .plr2, .p2 { padding-left: 32px !important; }

.mr2, .mlr2, .m2 { margin-right: 32px !important; }

.pr2, .plr2, .p2 { padding-right: 32px !important; }

.mt3, .mtb3, .m3 { margin-top: 48px !important; }

.pt3, .ptb3, .p3 { padding-top: 48px !important; }

.mb3, .mtb3, .m3 { margin-bottom: 48px !important; }

.pb3, .ptb3, .p3 { padding-bottom: 48px !important; }

.ml3, .mlr3, .m3 { margin-left: 48px !important; }

.pl3, .plr3, .p3 { padding-left: 48px !important; }

.mr3, .mlr3, .m3 { margin-right: 48px !important; }

.pr3, .plr3, .p3 { padding-right: 48px !important; }

.mt4, .mtb4, .m4 { margin-top: 64px !important; }

.pt4, .ptb4, .p4 { padding-top: 64px !important; }

.mb4, .mtb4, .m4 { margin-bottom: 64px !important; }

.pb4, .ptb4, .p4 { padding-bottom: 64px !important; }

.ml4, .mlr4, .m4 { margin-left: 64px !important; }

.pl4, .plr4, .p4 { padding-left: 64px !important; }

.mr4, .mlr4, .m4 { margin-right: 64px !important; }

.pr4, .plr4, .p4 { padding-right: 64px !important; }

.mt5, .mtb5, .m5 { margin-top: 80px !important; }

.pt5, .ptb5, .p5 { padding-top: 80px !important; }

.mb5, .mtb5, .m5 { margin-bottom: 80px !important; }

.pb5, .ptb5, .p5 { padding-bottom: 80px !important; }

.ml5, .mlr5, .m5 { margin-left: 80px !important; }

.pl5, .plr5, .p5 { padding-left: 80px !important; }

.mr5, .mlr5, .m5 { margin-right: 80px !important; }

.pr5, .plr5, .p5 { padding-right: 80px !important; }

.mt6, .mtb6, .m6 { margin-top: 96px !important; }

.pt6, .ptb6, .p6 { padding-top: 96px !important; }

.mb6, .mtb6, .m6 { margin-bottom: 96px !important; }

.pb6, .ptb6, .p6 { padding-bottom: 96px !important; }

.ml6, .mlr6, .m6 { margin-left: 96px !important; }

.pl6, .plr6, .p6 { padding-left: 96px !important; }

.mr6, .mlr6, .m6 { margin-right: 96px !important; }

.pr6, .plr6, .p6 { padding-right: 96px !important; }

.mt7, .mtb7, .m7 { margin-top: 112px !important; }

.pt7, .ptb7, .p7 { padding-top: 112px !important; }

.mb7, .mtb7, .m7 { margin-bottom: 112px !important; }

.pb7, .ptb7, .p7 { padding-bottom: 112px !important; }

.ml7, .mlr7, .m7 { margin-left: 112px !important; }

.pl7, .plr7, .p7 { padding-left: 112px !important; }

.mr7, .mlr7, .m7 { margin-right: 112px !important; }

.pr7, .plr7, .p7 { padding-right: 112px !important; }

.mt8, .mtb8, .m8 { margin-top: 128px !important; }

.pt8, .ptb8, .p8 { padding-top: 128px !important; }

.mb8, .mtb8, .m8 { margin-bottom: 128px !important; }

.pb8, .ptb8, .p8 { padding-bottom: 128px !important; }

.ml8, .mlr8, .m8 { margin-left: 128px !important; }

.pl8, .plr8, .p8 { padding-left: 128px !important; }

.mr8, .mlr8, .m8 { margin-right: 128px !important; }

.pr8, .plr8, .p8 { padding-right: 128px !important; }

.mt9, .mtb9, .m9 { margin-top: 144px !important; }

.pt9, .ptb9, .p9 { padding-top: 144px !important; }

.mb9, .mtb9, .m9 { margin-bottom: 144px !important; }

.pb9, .ptb9, .p9 { padding-bottom: 144px !important; }

.ml9, .mlr9, .m9 { margin-left: 144px !important; }

.pl9, .plr9, .p9 { padding-left: 144px !important; }

.mr9, .mlr9, .m9 { margin-right: 144px !important; }

.pr9, .plr9, .p9 { padding-right: 144px !important; }

.mt10, .mtb10, .m10 { margin-top: 160px !important; }

.pt10, .ptb10, .p10 { padding-top: 160px !important; }

.mb10, .mtb10, .m10 { margin-bottom: 160px !important; }

.pb10, .ptb10, .p10 { padding-bottom: 160px !important; }

.ml10, .mlr10, .m10 { margin-left: 160px !important; }

.pl10, .plr10, .p10 { padding-left: 160px !important; }

.mr10, .mlr10, .m10 { margin-right: 160px !important; }

.pr10, .plr10, .p10 { padding-right: 160px !important; }

.mtbauto { margin-top: auto; margin-bottom: auto; }

.mlrauto { margin-left: auto; margin-right: auto; }

.m0-25 { margin: 4px !important; }

.p0-25, .p0-25children > *, .p0-25inherit * { padding: 4px !important; }

.m0-5 { margin: 8px !important; }

.p0-5 { padding: 8px !important; }

.m1-25 { margin: 20px !important; }

.p1-25 { padding: 20px !important; }

.m1-5 { margin: 24px !important; }

.p1-5 { padding: 24px !important; }

.mt0inherit * { margin-top: 0 !important; }

.pt0inherit * { padding-top: 0 !important; }

.mt0-125 { margin-top: 2px !important; }

.pt0-125 { padding-top: 2px !important; }

.mt0-25 { margin-top: 4px !important; }

.pt0-25 { padding-top: 4px !important; }

.mt0-5, .mt0-5to1 { margin-top: 8px !important; }

.pt0-5, .pt0-5to1 { padding-top: 8px !important; }

.mt0-75 { margin-top: 12px !important; }

.pt0-75 { padding-top: 12px !important; }

.mt1-5 { margin-top: 24px !important; }

.pt1-5 { padding-top: 24px !important; }

.mt2-5 { margin-top: 40px !important; }

.pt2-5 { padding-top: 40px !important; }

.mt-negative { margin-top: -16px !important; }

.mb0inherit * { margin-bottom: 0 !important; }

.pb0inherit * { padding-bottom: 0 !important; }

.mb0-25 { margin-bottom: 4px !important; }

.pb0-25 { padding-bottom: 4px !important; }

.mb0-5 { margin-bottom: 8px !important; }

.pb0-5 { padding-bottom: 8px !important; }

.mb0-75 { margin-bottom: 12px !important; }

.pb0-75 { padding-bottom: 12px !important; }

.mb1-25 { margin-bottom: 20px !important; }

.pb1-25 { padding-bottom: 20px !important; }

.mb1-5, .mb1-5to2-5 { margin-bottom: 24px !important; }

.pb1-5, .pb1-5to2-5 { padding-bottom: 24px !important; }

.mb2-5 { margin-bottom: 40px !important; }

.pb2-5 { padding-bottom: 40px !important; }

.mb1to2 { margin-bottom: 16px !important; }

.pb1to2 { padding-bottom: 16px !important; }

.mtb0inherit * { margin-top: 0 !important; margin-bottom: 0 !important; }

.ptb0inherit * { padding-top: 0 !important; padding-bottom: 0 !important; }

.mtb0-125inherit *, .mtb0-125to0inherit * { margin-top: 2px !important; margin-bottom: 2px !important; }

.ptb0-125inherit *, .ptb0-125to0inherit * { padding-top: 2px !important; padding-bottom: 2px !important; }

.mtb0-25, .mtb0-25inherit * { margin-top: 4px !important; margin-bottom: 4px !important; }

.ptb0-25, .ptb0-25inherit * { padding-top: 4px !important; padding-bottom: 4px !important; }

.mtb0-5, .mtb0-5to1, .mtb0-5to0, .mtb0-5inherit * { margin-top: 8px !important; margin-bottom: 8px !important; }

.ptb0-5, .ptb0-5to1, .ptb0-5to0, .ptb0-5inherit * { padding-top: 8px !important; padding-bottom: 8px !important; }

.mtb0-75 { margin-top: 12px !important; margin-bottom: 12px !important; }

.ptb0-75 { padding-top: 12px !important; padding-bottom: 12px !important; }

.mtbchildren > * { margin-top: 16px !important; margin-bottom: 16px !important; }

.ptbchildren > * { padding-top: 16px !important; padding-bottom: 16px !important; }

.mtb1-5 { margin-top: 24px !important; margin-bottom: 24px !important; }

.ptb1-5 { padding-top: 24px !important; padding-bottom: 24px !important; }

.mtb0to1 { margin-top: 0 !important; margin-bottom: 0 !important; }

.ptb0to1 { padding-top: 0 !important; padding-bottom: 0 !important; }

.mtb1-5to0-5 { margin-top: 24px !important; margin-bottom: 24px !important; }

.ptb1-5to0-5 { padding-top: 24px !important; padding-bottom: 24px !important; }

.ml0-25 { margin-left: 4px !important; }

.pl0-25 { padding-left: 4px !important; }

.ml0-5 { margin-left: 8px !important; }

.pl0-5 { padding-left: 8px !important; }

.ml0-75 { margin-left: 12px !important; }

.pl0-75 { padding-left: 12px !important; }

.ml1-25 { margin-left: 20px !important; }

.pl1-25 { padding-left: 20px !important; }

.ml1-5 { margin-left: 24px !important; }

.pl1-5 { padding-left: 24px !important; }

.ml1-75 { margin-left: 28px !important; }

.pl1-75 { padding-left: 28px !important; }

.ml2-5 { margin-left: 40px !important; }

.pl2-5 { padding-left: 40px !important; }

.ml-negative { margin-left: -16px !important; }

.mr0-25 { margin-right: 4px !important; }

.pr0-25 { padding-right: 4px !important; }

.mr0-5 { margin-right: 8px !important; }

.pr0-5 { padding-right: 8px !important; }

.mr0-75 { margin-right: 12px !important; }

.pr0-75 { padding-right: 12px !important; }

.mr1-5 { margin-right: 24px !important; }

.pr1-5 { padding-right: 24px !important; }

.mr2-5 { margin-right: 40px !important; }

.pr2-5 { padding-right: 40px !important; }

.mr-negative { margin-right: -16px !important; }

.mlrinherit *, .mlrchildren { margin-left: 16px !important; margin-right: 16px !important; }

.plrinherit *, .plrchildren > * { padding-left: 16px !important; padding-right: 16px !important; }

.mlr0-125 { margin-left: 2px !important; margin-right: 2px !important; }

.plr0-125 { padding-left: 2px !important; padding-right: 2px !important; }

.mlr0-25 { margin-left: 4px !important; margin-right: 4px !important; }

.plr0-25 { padding-left: 4px !important; padding-right: 4px !important; }

.mlr0-5, .mlr0-5inherit *, .mlr0-5children > * { margin-left: 8px !important; margin-right: 8px !important; }

.plr0-5, .plr0-5inherit *, .plr0-5children > * { padding-left: 8px !important; padding-right: 8px !important; }

.mlr0-75 { margin-left: 12px !important; margin-right: 12px !important; }

.plr0-75 { padding-left: 12px !important; padding-right: 12px !important; }

.mlr1-25 { margin-left: 20px !important; margin-right: 20px !important; }

.plr1-25 { padding-left: 20px !important; padding-right: 20px !important; }

.mlr1-5 { margin-left: 24px !important; margin-right: 24px !important; }

.plr1-5 { padding-left: 24px !important; padding-right: 24px !important; }

.mlr2-5 { margin-left: 40px !important; margin-right: 40px !important; }

.plr2-5 { padding-left: 40px !important; padding-right: 40px !important; }

.mlr0-5-negative { margin-left: -8px !important; margin-right: -8px !important; }

.mlr-negative { margin-left: -16px !important; margin-right: -16px !important; }

.rounded, .bd-round { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; }

.rounded-left { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.rounded-right { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

.xrounded, .jspDrag { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }

.ovalrounded { -webkit-border-radius: 32px !important; -moz-border-radius: 32px !important; border-radius: 32px !important; }

.circular, .bubble-parent .bubble { -webkit-clip-path: circle(50% at center); -moz-clip-path: circle(50% at center); -ms-clip-path: circle(50% at center); clip-path: circle(50% at center); -webkit-border-radius: 99999px !important; -moz-border-radius: 99999px !important; border-radius: 99999px !important; }

.transition, .transition-children > *, .transition-descendents *, .transition-links a { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.flex-equal { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equal { display: table; table-layout: fixed; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equal > * { display: table-cell; vertical-align: top; }

.flex-equal > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }

.opacity0-25 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }

.opacity0-5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.opacity0-75 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }

.no-touchevents .opacity1-descendants-hover:hover * { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.grayscale0-25 { -webkit-filter: grayscale(0.25); filter: grayscale(0.25); }

.grayscale0-5 { -webkit-filter: grayscale(0.5); filter: grayscale(0.5); }

.grayscale0-75 { -webkit-filter: grayscale(0.75); filter: grayscale(0.75); }

.grayscale1 { -webkit-filter: grayscale(1); filter: grayscale(1); }

.no-touchevents .grayscale0-descendants-hover:hover * { -webkit-filter: grayscale(0); filter: grayscale(0); }

.landscape-2by1 { height: 0; padding-bottom: calc(50% - 8px); overflow: hidden; }

.landscape-4by3 { height: 0; padding-bottom: calc(75% - 8px); overflow: hidden; }

.tarrow-top { position: relative; }

.tarrow-top:before { content: ""; width: 16px; height: 16px; left: calc(10% - 8px); top: -9px; background-color: #eff3f2; position: absolute; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

@media screen and (min-width: 48em), print { .tarrow-top:before { left: calc(5% - 8px); } }

path.f-color1 { fill: none; stroke: #333333; }

@media screen and (min-width: 30em), print { .flex-equalMS { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMS { display: table; table-layout: fixed; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMS > * { display: table-cell; vertical-align: top; }
  .flex-equalMS > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } }

@media screen and (min-width: 48em), print { .fullwidthonnarrow { width: auto !important; }
  .fulltotwothirdswidth { width: 66.66667% !important; }
  .fulltohalfwidth { width: 50% !important; }
  .fulltoquarterwidth { width: 25% !important; }
  .halfwidthSM, .halfwidthSM-children > * { display: inline-block; vertical-align: top; width: 50%; }
  .thirdwidthSM, .thirdwidthSM-children > * { display: inline-block; vertical-align: top; width: 33.33333%; }
  .narrowpagewidth { width: 80%; margin: 0 auto; }
  .align-lefttocenter, .align-righttocenter { text-align: center; }
  .align-centertoleft, .align-righttoleft { text-align: left; }
  .align-centertoright, .align-lefttoright { text-align: right; }
  .bd-narrowonly { border-width: 0; }
  .bd-notnarrow { border-width: 1px; }
  .mlr0-notnarrow { margin-left: 0 !important; margin-right: 0 !important; }
  .pl2-notnarrow { padding-left: 32px !important; }
  .pr2-5-notnarrow { padding-right: 40px !important; }
  .plrSM2MD3 { padding-left: 32px !important; padding-right: 32px !important; }
  .flex-equalSM { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalSM { display: table; table-layout: fixed; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalSM > * { display: table-cell; vertical-align: top; }
  .flex-equalSM > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .relativetoabsolute { position: absolute; }
  .absolutetorelative { position: relative; }
  .float-righttonone { float: right; } }

@media screen and (min-width: 66em), print { .fixedwidth, .fulltofixedwidth { width: 1152px; max-width: 100%; margin: 0 auto; }
  .flex-equalMD { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMD { display: table; table-layout: fixed; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flex-equalMD > * { display: table-cell; vertical-align: top; }
  .flex-equalMD > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .narrowpagewidth { width: 60%; margin: 0 auto; }
  .plrSM2MD3 { padding-left: 48px !important; padding-right: 48px !important; }
  .align-lefttoright-MD { text-align: right; }
  .align-centertoright-MD { text-align: right; }
  .align-centertoleft-MD { text-align: left; }
  .pr2-5-notSM { padding-right: 40px !important; }
  .relativetoabsoluteMD { position: absolute; } }

@media screen and (min-width: 84em), print { .fixedwidth-wide { width: 1320px; max-width: 100%; margin: 0 auto; } }

@media print { .fixedwidth, .fixedwidth-wide, .fulltofixedwidth { width: 100%; }
  [class*=equalized-], .equalized > * { height: auto !important; } }

.chrhidden { height: 0; display: block; overflow: hidden; }

.flex-center { display: flex; align-items: center; }

@media screen and (min-width: 84em), print { .flex-centerSM { display: flex; align-items: center; } }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.hidden { display: none; }

.hidden-important { display: none !important; }

.inline { display: inline; }

.block, .block-children > *, .block-links a { display: block; }

.inline-block, .inline-block-children > *, .inlineblock-children > * { display: inline-block; vertical-align: top; }

.hideonnarrow, .hideonnarrowinline, .hideonnarrowinlineblock, .showonwide, .showonwideinline, .showonwideinlineblock { display: none !important; }

.showonnarrowinlineblock.showonwideinlineblock { display: inline-block !important; vertical-align: top; }

.showonnarrow.showonwide { display: block !important; }

.elite-flexbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox { display: table; table-layout: auto; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox > * { display: table-cell; vertical-align: top; }

.elite-flexbox-vertical { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.elite-flexbox, .flexbox-SM-upwards, .flexbox-MD-upwards, .elite-flexbox-vertical { -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

.elite-flexbox.valign-center, .flexbox-SM-upwards.valign-center, .flexbox-MD-upwards.valign-center, .elite-flexbox-vertical.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox.valign-center > *, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards.valign-center > *, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-MD-upwards.valign-center > *, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .elite-flexbox-vertical.valign-center > * { vertical-align: middle; }

.elite-flexbox.flex-wrap, .flexbox-SM-upwards.flex-wrap, .flexbox-MD-upwards.flex-wrap, .elite-flexbox-vertical.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.elite-flexbox > *, .flexbox-SM-upwards > *, .flexbox-MD-upwards > *, .elite-flexbox-vertical > * { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.elite-flexbox > *.flexshrinkgrow0, .flexbox-SM-upwards > *.flexshrinkgrow0, .flexbox-MD-upwards > *.flexshrinkgrow0, .elite-flexbox-vertical > *.flexshrinkgrow0 { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.elite-flexbox > *.flexshrinkgrow1, .flexbox-SM-upwards > *.flexshrinkgrow1, .flexbox-MD-upwards > *.flexshrinkgrow1, .elite-flexbox-vertical > *.flexshrinkgrow1 { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.elite-flexbox > *.flexshrink1, .flexbox-SM-upwards > *.flexshrink1, .flexbox-MD-upwards > *.flexshrink1, .elite-flexbox-vertical > *.flexshrink1 { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.elite-flexbox > *.flexshrink2, .flexbox-SM-upwards > *.flexshrink2, .flexbox-MD-upwards > *.flexshrink2, .elite-flexbox-vertical > *.flexshrink2 { -webkit-box-flex: 0 2 auto; -moz-box-flex: 0 2 auto; -webkit-flex: 0 2 auto; -ms-flex: 0 2 auto; flex: 0 2 auto; }

.elite-flexbox > *.flexgrow1, .flexbox-SM-upwards > *.flexgrow1, .flexbox-MD-upwards > *.flexgrow1, .elite-flexbox-vertical > *.flexgrow1 { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.elite-flexbox > *.flexgrow2, .flexbox-SM-upwards > *.flexgrow2, .flexbox-MD-upwards > *.flexgrow2, .elite-flexbox-vertical > *.flexgrow2 { -webkit-box-flex: 2 0 auto; -moz-box-flex: 2 0 auto; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; }

.elite-flexbox > *.flexgrow3, .flexbox-SM-upwards > *.flexgrow3, .flexbox-MD-upwards > *.flexgrow3, .elite-flexbox-vertical > *.flexgrow3 { -webkit-box-flex: 3 0 auto; -moz-box-flex: 3 0 auto; -webkit-flex: 3 0 auto; -ms-flex: 3 0 auto; flex: 3 0 auto; }

.flex { display: flex; flex-direction: row; }

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

.flex.justify-content-center { justify-content: center; }

.flex.flex-direction-column { flex-direction: column; }

@media screen and (min-width: 48em), print { .hideonnarrow { display: block !important; }
  .hideonnarrowinline { display: inline !important; }
  .hideonnarrowinlineblock { display: inline-block !important; vertical-align: top; }
  td.hideonnarrow, th.hideonnarrow { display: table-cell !important; }
  .elite-flexbox > .hideonnarrow { -webkit-box-flex: 1 0 auto !important; -moz-box-flex: 1 0 auto !important; -webkit-flex: 1 0 auto !important; -ms-flex: 1 0 auto !important; flex: 1 0 auto !important; }
  .showonnarrow, .showonnarrow.showonwide, .showonnarrowinlineblock, .showonwideinlineblock { display: none !important; }
  .flexbox-SM-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards { display: table; table-layout: auto; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-SM-upwards > * { display: table-cell; vertical-align: top; } }

@media screen and (min-width: 66em), print { .showonwide, .showonnarrow.showonwide { display: block !important; }
  .showonwideinline { display: inline !important; }
  .showonwideinlineblock, .showonnarrowinlineblock.showonwideinlineblock { display: inline-block !important; vertical-align: top; }
  td.showonwide, th.showonwide { display: table-cell !important; }
  .hideonwide { display: none !important; }
  .flexbox-MD-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-MD-upwards { display: table; table-layout: auto; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flexbox-MD-upwards > * { display: table-cell; vertical-align: top; } }

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

/********************CONTAINERS AND OTHER STRUCTURAL CLASSES FOR USE THROUGHOUT THE SITE********************/
[class*="container-"] { margin-left: -8px; margin-right: -8px; }

[class*="container-"] > * { display: inline-block; vertical-align: top; width: 100%; padding-left: 8px; padding-right: 8px; }

.container-2x1 > * { width: 50%; }

.container-3x1 > * { width: 33.33333%; }

.container-4x1 > * { width: 25%; }

.container-5x1 > * { width: 20%; }

.container-6x1 > * { width: 16.66667%; }

.container-1-2 > * { width: 66.66667%; }

.container-1-2 > *:first-child { width: 33.33333%; }

.container-1-3 > *:first-child { width: 25%; }

.container-1-3 > * { width: 75%; }

.container-2-1 > *:nth-child(2n) { width: 33.33333%; }

.container-2-1 > *:nth-child(2n+1) { width: 66.66667%; }

.container-3-1 > *:first-child { width: 75%; }

.container-3-1 > * { width: 25%; }

@media screen and (min-width: 48em), print { .container-2x1-stack > * { width: 50%; }
  .container-3x1-stack > * { width: 33.33333%; }
  .container-4x1-stack > * { width: 25%; }
  .container-1-2-stack > *:first-child { width: 33.33333%; }
  .container-1-2-stack > * { width: 66.66667%; }
  .container-1-3-stack > *:first-child { width: 25%; }
  .container-1-3-stack > * { width: 75%; }
  .container-2-1-stack > *:first-child { width: 66.66667%; }
  .container-2-1-stack > * { width: 33.33333%; } }

[data-cols-xs] > *, [data-cols-ms] > *, [data-cols-sm] > *, [data-cols-md] > *, [data-cols-lg] > * { display: inline-block; vertical-align: top; }

[data-cols-xs="1"] > * { width: 100%; }

[data-cols-xs="2"] > * { width: 50%; }

[data-cols-xs="3"] > * { width: 33.33333%; }

[data-cols-xs="4"] > * { width: 25%; }

@media screen and (min-width: 30em), print { [data-cols-ms="1"] > * { width: 100%; }
  [data-cols-ms="2"] > * { width: 50%; }
  [data-cols-ms="3"] > * { width: 33.33333%; }
  [data-cols-ms="4"] > * { width: 25%; }
  [data-cols-ms="5"] > * { width: 20%; }
  [data-cols-ms="6"] > * { width: 16.66667%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="1"] > * { width: 100%; }
  [data-cols-sm="2"] > * { width: 50%; }
  [data-cols-sm="3"] > * { width: 33.33333%; }
  [data-cols-sm="4"] > * { width: 25%; }
  [data-cols-sm="5"] > * { width: 20%; }
  [data-cols-sm="6"] > * { width: 16.66667%; }
  [data-cols-sm="7"] > * { width: 14.28571%; }
  [data-cols-sm="8"] > * { width: 12.5%; } }

@media screen and (min-width: 66em), print { [data-cols-md="1"] > * { width: 100%; }
  [data-cols-md="2"] > * { width: 50%; }
  [data-cols-md="3"] > * { width: 33.33333%; }
  [data-cols-md="4"] > * { width: 25%; }
  [data-cols-md="5"] > * { width: 20%; }
  [data-cols-md="6"] > * { width: 16.66667%; }
  [data-cols-md="7"] > * { width: 14.28571%; }
  [data-cols-md="8"] > * { width: 12.5%; }
  [data-cols-md="9"] > * { width: 11.11111%; }
  [data-cols-md="10"] > * { width: 10%; } }

@media screen and (min-width: 84em), print { [data-cols-lg="1"] > * { width: 100%; }
  [data-cols-lg="2"] > * { width: 50%; }
  [data-cols-lg="3"] > * { width: 33.33333%; }
  [data-cols-lg="4"] > * { width: 25%; }
  [data-cols-lg="5"] > * { width: 20%; }
  [data-cols-lg="6"] > * { width: 16.66667%; }
  [data-cols-lg="7"] > * { width: 14.28571%; }
  [data-cols-lg="8"] > * { width: 12.5%; }
  [data-cols-lg="9"] > * { width: 11.11111%; }
  [data-cols-lg="10"] > * { width: 10%; }
  [data-cols-lg="11"] > * { width: 9.09091%; }
  [data-cols-lg="12"] > * { width: 8.33333%; } }

[data-width] { display: inline-block; vertical-align: top; }

[data-width="auto"] { width: auto; }

[data-width="0"] { width: 0; }

[data-width="1"] { width: 100%; }

[data-width="1/2"] { width: 50%; }

[data-width="1/3"] { width: 33.33333%; }

[data-width="2/3"] { width: 66.66667%; }

[data-width="1/4"] { width: 25%; }

[data-width="3/4"] { width: 75%; }

[data-width="1/5"] { width: 20%; }

[data-width="2/5"] { width: 40%; }

[data-width="3/5"] { width: 60%; }

[data-width="4/5"] { width: 80%; }

[data-width="1/6"] { width: 16.66667%; }

[data-width="5/6"] { width: 83.33333%; }

[data-width="1/7"] { width: 14.28571%; }

[data-width="2/7"] { width: 28.57143%; }

[data-width="3/7"] { width: 42.85714%; }

[data-width="4/7"] { width: 57.14286%; }

[data-width="5/7"] { width: 71.42857%; }

[data-width="1/8"] { width: 12.5%; }

[data-width="3/8"] { width: 37.5%; }

[data-width="5/8"] { width: 62.5%; }

[data-width="7/8"] { width: 87.5%; }

[data-width="4/9"] { width: 44.44444%; }

[data-width="5/9"] { width: 55.55556%; }

[data-width="8/9"] { width: 88.88889%; }

[data-width="10/11"] { width: 90.90909%; }

[data-width="9/11"] { width: 81.81818%; }

[data-width="8/11"] { width: 72.72727%; }

[data-width="11/12"] { width: 91.66667%; }

[data-width="11/12"] { width: 92.30769%; }

[data-width-xs] { display: inline-block; vertical-align: top; }

[data-width-xs="auto"] { width: auto; }

[data-width-xs="0"] { width: 0; }

[data-width-xs="1"] { width: 100%; }

[data-width-xs="1/2"] { width: 50%; }

[data-width-xs="1/3"] { width: 33.33333%; }

[data-width-xs="2/3"] { width: 66.66667%; }

[data-width-xs="1/4"] { width: 25%; }

[data-width-xs="3/4"] { width: 75%; }

[data-width-xs="1/5"] { width: 20%; }

[data-width-xs="2/5"] { width: 40%; }

[data-width-xs="3/5"] { width: 60%; }

[data-width-xs="4/5"] { width: 80%; }

[data-width-xs="1/6"] { width: 16.66667%; }

[data-width-xs="5/6"] { width: 83.33333%; }

[data-width-xs="1/7"] { width: 14.28571%; }

[data-width-xs="2/7"] { width: 28.57143%; }

[data-width-xs="3/7"] { width: 42.85714%; }

[data-width-xs="4/7"] { width: 57.14286%; }

[data-width-xs="5/7"] { width: 71.42857%; }

[data-width-xs="1/8"] { width: 12.5%; }

[data-width-xs="3/8"] { width: 37.5%; }

[data-width-xs="5/8"] { width: 62.5%; }

[data-width-xs="7/8"] { width: 87.5%; }

[data-width-xs="4/9"] { width: 44.44444%; }

[data-width-xs="5/9"] { width: 55.55556%; }

[data-width-xs="8/9"] { width: 88.88889%; }

[data-width-xs="10/11"] { width: 90.90909%; }

[data-width-xs="9/11"] { width: 81.81818%; }

[data-width-xs="8/11"] { width: 72.72727%; }

[data-width-xs="11/12"] { width: 91.66667%; }

[data-width-xs="11/12"] { width: 92.30769%; }

@media screen and (min-width: 30em), print { [data-width-ms] { display: inline-block; vertical-align: top; }
  [data-width-ms="auto"] { width: auto; }
  [data-width-ms="0"] { width: 0; }
  [data-width-ms="1"] { width: 100%; }
  [data-width-ms="1/2"] { width: 50%; }
  [data-width-ms="1/3"] { width: 33.33333%; }
  [data-width-ms="2/3"] { width: 66.66667%; }
  [data-width-ms="1/4"] { width: 25%; }
  [data-width-ms="3/4"] { width: 75%; }
  [data-width-ms="1/5"] { width: 20%; }
  [data-width-ms="2/5"] { width: 40%; }
  [data-width-ms="3/5"] { width: 60%; }
  [data-width-ms="4/5"] { width: 80%; }
  [data-width-ms="1/6"] { width: 16.66667%; }
  [data-width-ms="5/6"] { width: 83.33333%; }
  [data-width-ms="1/7"] { width: 14.28571%; }
  [data-width-ms="2/7"] { width: 28.57143%; }
  [data-width-ms="3/7"] { width: 42.85714%; }
  [data-width-ms="4/7"] { width: 57.14286%; }
  [data-width-ms="5/7"] { width: 71.42857%; }
  [data-width-ms="1/8"] { width: 12.5%; }
  [data-width-ms="3/8"] { width: 37.5%; }
  [data-width-ms="5/8"] { width: 62.5%; }
  [data-width-ms="7/8"] { width: 87.5%; }
  [data-width-ms="4/9"] { width: 44.44444%; }
  [data-width-ms="5/9"] { width: 55.55556%; }
  [data-width-ms="8/9"] { width: 88.88889%; }
  [data-width-ms="10/11"] { width: 90.90909%; }
  [data-width-ms="9/11"] { width: 81.81818%; }
  [data-width-ms="8/11"] { width: 72.72727%; }
  [data-width-ms="11/12"] { width: 91.66667%; }
  [data-width-ms="11/12"] { width: 92.30769%; } }

@media screen and (min-width: 48em), print { [data-width-sm] { display: inline-block; vertical-align: top; }
  [data-width-sm="auto"] { width: auto; }
  [data-width-sm="0"] { width: 0; }
  [data-width-sm="1"] { width: 100%; }
  [data-width-sm="1/2"] { width: 50%; }
  [data-width-sm="1/3"] { width: 33.33333%; }
  [data-width-sm="2/3"] { width: 66.66667%; }
  [data-width-sm="1/4"] { width: 25%; }
  [data-width-sm="3/4"] { width: 75%; }
  [data-width-sm="1/5"] { width: 20%; }
  [data-width-sm="2/5"] { width: 40%; }
  [data-width-sm="3/5"] { width: 60%; }
  [data-width-sm="4/5"] { width: 80%; }
  [data-width-sm="1/6"] { width: 16.66667%; }
  [data-width-sm="5/6"] { width: 83.33333%; }
  [data-width-sm="1/7"] { width: 14.28571%; }
  [data-width-sm="2/7"] { width: 28.57143%; }
  [data-width-sm="3/7"] { width: 42.85714%; }
  [data-width-sm="4/7"] { width: 57.14286%; }
  [data-width-sm="5/7"] { width: 71.42857%; }
  [data-width-sm="1/8"] { width: 12.5%; }
  [data-width-sm="3/8"] { width: 37.5%; }
  [data-width-sm="5/8"] { width: 62.5%; }
  [data-width-sm="7/8"] { width: 87.5%; }
  [data-width-sm="4/9"] { width: 44.44444%; }
  [data-width-sm="5/9"] { width: 55.55556%; }
  [data-width-sm="8/9"] { width: 88.88889%; }
  [data-width-sm="10/11"] { width: 90.90909%; }
  [data-width-sm="9/11"] { width: 81.81818%; }
  [data-width-sm="8/11"] { width: 72.72727%; }
  [data-width-sm="11/12"] { width: 91.66667%; }
  [data-width-sm="11/12"] { width: 92.30769%; } }

@media screen and (min-width: 66em), print { [data-width-md] { display: inline-block; vertical-align: top; }
  [data-width-md="auto"] { width: auto; }
  [data-width-md="0"] { width: 0; }
  [data-width-md="1"] { width: 100%; }
  [data-width-md="1/2"] { width: 50%; }
  [data-width-md="1/3"] { width: 33.33333%; }
  [data-width-md="2/3"] { width: 66.66667%; }
  [data-width-md="1/4"] { width: 25%; }
  [data-width-md="3/4"] { width: 75%; }
  [data-width-md="1/5"] { width: 20%; }
  [data-width-md="2/5"] { width: 40%; }
  [data-width-md="3/5"] { width: 60%; }
  [data-width-md="4/5"] { width: 80%; }
  [data-width-md="1/6"] { width: 16.66667%; }
  [data-width-md="5/6"] { width: 83.33333%; }
  [data-width-md="1/7"] { width: 14.28571%; }
  [data-width-md="2/7"] { width: 28.57143%; }
  [data-width-md="3/7"] { width: 42.85714%; }
  [data-width-md="4/7"] { width: 57.14286%; }
  [data-width-md="5/7"] { width: 71.42857%; }
  [data-width-md="1/8"] { width: 12.5%; }
  [data-width-md="3/8"] { width: 37.5%; }
  [data-width-md="5/8"] { width: 62.5%; }
  [data-width-md="7/8"] { width: 87.5%; }
  [data-width-md="4/9"] { width: 44.44444%; }
  [data-width-md="5/9"] { width: 55.55556%; }
  [data-width-md="8/9"] { width: 88.88889%; }
  [data-width-md="10/11"] { width: 90.90909%; }
  [data-width-md="9/11"] { width: 81.81818%; }
  [data-width-md="8/11"] { width: 72.72727%; }
  [data-width-md="11/12"] { width: 91.66667%; }
  [data-width-md="11/12"] { width: 92.30769%; } }

@media screen and (min-width: 84em), print { [data-width-lg] { display: inline-block; vertical-align: top; }
  [data-width-lg="auto"] { width: auto; }
  [data-width-lg="0"] { width: 0; }
  [data-width-lg="1"] { width: 100%; }
  [data-width-lg="1/2"] { width: 50%; }
  [data-width-lg="1/3"] { width: 33.33333%; }
  [data-width-lg="2/3"] { width: 66.66667%; }
  [data-width-lg="1/4"] { width: 25%; }
  [data-width-lg="3/4"] { width: 75%; }
  [data-width-lg="1/5"] { width: 20%; }
  [data-width-lg="2/5"] { width: 40%; }
  [data-width-lg="3/5"] { width: 60%; }
  [data-width-lg="4/5"] { width: 80%; }
  [data-width-lg="1/6"] { width: 16.66667%; }
  [data-width-lg="5/6"] { width: 83.33333%; }
  [data-width-lg="1/7"] { width: 14.28571%; }
  [data-width-lg="2/7"] { width: 28.57143%; }
  [data-width-lg="3/7"] { width: 42.85714%; }
  [data-width-lg="4/7"] { width: 57.14286%; }
  [data-width-lg="5/7"] { width: 71.42857%; }
  [data-width-lg="1/8"] { width: 12.5%; }
  [data-width-lg="3/8"] { width: 37.5%; }
  [data-width-lg="5/8"] { width: 62.5%; }
  [data-width-lg="7/8"] { width: 87.5%; }
  [data-width-lg="4/9"] { width: 44.44444%; }
  [data-width-lg="5/9"] { width: 55.55556%; }
  [data-width-lg="8/9"] { width: 88.88889%; }
  [data-width-lg="10/11"] { width: 90.90909%; }
  [data-width-lg="9/11"] { width: 81.81818%; }
  [data-width-lg="8/11"] { width: 72.72727%; }
  [data-width-lg="11/12"] { width: 91.66667%; }
  [data-width-lg="11/12"] { width: 92.30769%; } }

#header-main { z-index: 3; }

@media screen and (min-width: 48em), print { #header-main { z-index: 2; } }

#main { position: relative; z-index: 1; }

@media screen and (min-width: 48em), print { #main { z-index: 0; } }

footer { z-index: 0; }

.footer-slidingsection { z-index: -1; }

#cookiebar, #greyblock { z-index: 1; }

#mobilesearch, #sortdd, .dropdiv { z-index: 1; }

#pagination { z-index: 2; }

.sticky-when-reached { z-index: 1; }

#ajax-holders { z-index: 2; }

#nuqlium-container { min-height: 60vh; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

#nuqlium-container.nqproduct { min-height: initial; }

.section-title { font-size: 18px; text-align: center; padding: 32px 0; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; position: relative; display: inline-flex; align-items: center; width: 100%; justify-content: center; }

@media screen and (min-width: 48em), print { .section-title { font-size: 21px; } }

.section-title:before { content: ""; /*position:absolute;*/ width: 10%; margin: 0 16px; height: 1px; background-color: #666666; /*left:-15%; top:42px;*/ }

@media screen and (min-width: 48em), print { .section-title:before { width: 60px; /*left:-35%; top:46px;*/ } }

.section-title:after { content: ""; /*position:absolute;*/ width: 10%; margin: 0 16px; height: 1px; background-color: #666666; /*right:-15%; top:42px;*/ }

@media screen and (min-width: 48em), print { .section-title:after { width: 60px; /*right:-35%; top:46px*/ } }

.categorybox-container { margin: 0 8px; }

@media screen and (min-width: 48em), print { .categorybox-container { margin: 0; } }

.categorybox-container .iconblock { display: inline-block; }

.categorybox-container .iconblock a { display: flex; margin: 0; padding: 8px; position: relative; align-items: flex-end; border: 2px solid rgba(255, 255, 255, 0); border-radius: 4px; }

@media screen and (min-width: 48em), print { .categorybox-container .iconblock a { margin: 16px; padding: 0; } }

.categorybox-container .iconblock a:hover { border: 2px solid #F4D06F; }

.categorybox-container .iconblock .iconblock-title { position: absolute; width: calc(100% - 16px); text-align: center; padding: 16px 4px; /*font-size:18px;*/ font-size: calc(13px + (24 - 13) * ((100vw - 280px) / (767 - 280))); }

@media screen and (min-width: 48em), print { .categorybox-container .iconblock .iconblock-title { font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1920 - 768))); width: 100%; } }

@media screen and (min-width: 66em), print { .categorybox-container .iconblock .iconblock-title { font-size: 24px; } }

.ctabutton { padding: 10px 16px; background: #fff; display: inline-block; border-radius: 32px; font-size: 16px; font-weight: 600; text-align: center; }

.ctabutton.button-yellow { background-color: #F4D06F !important; }

.ctabutton.button-yellow:hover { background-image: url("/images/core/bg-arrow.svg") !important; background-color: #f4d06f !important; }

.ctabutton.button-green { background-color: #65877d !important; color: #fff; background-image: url("/images/core/bg-arrow-white.svg") !important; }

.ctabutton.button-green:hover { background-image: url("/images/core/bg-arrow-white.svg") !important; background-color: #7b9890 !important; color: #fff !important; }

.ctabutton.button-white { background-color: #fff !important; }

.ctabutton.button-white:hover { background-color: #fef8ea !important; background-image: url("/images/core/bg-arrow.svg") !important; }

@media screen and (min-width: 48em), print { .ctabutton { padding: 14px 16px; } }

.ctabutton.inactive { background: #eff3f2 !important; color: #999999 !important; border-color: #dddddd !important; }

.ctabutton.flex1 { flex: 1; }

.ctabutton.core { background: #F4D06F; color: #333333; cursor: pointer; }

.ctabutton.coreline { border: 2px solid #F4D06F; background: #fff; color: #333333; cursor: pointer; }

.ctabutton.line { border: 1px solid #333333; }

.ctabutton.line:hover { background: #000; color: #fff; }

.ctabutton.arrow { padding: 10px 52px 10px 20px; background: #fff url("/images/core/bg-arrow.svg") no-repeat 85% center; background-size: 24px; }

@media screen and (min-width: 48em), print { .ctabutton.arrow { padding: 16px 64px 16px 32px; } }

.ctabutton.arrow:hover { color: #333333; background: #fef8ea url("/images/core/bg-arrow.svg") no-repeat 85% center; background-size: 24px; }

.ctabutton.small { padding: 12px 48px 12px 16px; background: #fff url("/images/core/bg-arrow.svg") no-repeat 85% center; background-size: 24px; border-radius: 48px; border: none; }

.ctabutton.small.ext { padding: 12px 56px 12px 16px; }

@media screen and (min-width: 48em), print { .ctabutton.small.ext { padding: 10px 64px 10px 16px; } }

@media screen and (min-width: 48em), print { .ctabutton.small { padding: 10px 48px 10px 16px; } }

.ctabutton.small:hover { background: #fef8ea url("/images/core/bg-arrow-green.svg") no-repeat 85% center; background-size: 24px; }

.ctabutton.small.yellow { border: 2px solid #F4D06F; }

.ctabutton.small.yellow:hover { background-color: #fef8ea; }

.ctabutton.yellownonarrow { border: 2px solid #F4D06F; padding: 16px 24px; background: #fff; }

.ctabutton.yellownonarrow:hover { color: #333333; }

.ctabutton.filterbutton { font-size: 14px; font-weight: 600; padding: 8px 16px; text-align: center; width: calc(100% - 16px); text-align: center; margin-right: 16px; }

@media screen and (min-width: 48em), print { .ctabutton.filterbutton { padding: 10px 16px; } }

.facetctas { display: flex; align-items: center; justify-content: space-between; }

.hero-prudctmatrix { display: flex; flex-flow: row; flex-wrap: wrap; }

.hero-prudctmatrix > div { width: 100%; text-align: left; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix > div { width: 50%; } }

.hero-prudctmatrix .lrg, .hero-prudctmatrix sml { width: 100%; }

@media screen and (min-width: 48em), print { .hero-prudctmatrix .lrg { order: 1; } }

@media screen and (min-width: 48em), print { .hero-prudctmatrix .sml { order: 2; } }

.hero-prudctmatrix .hero-large { position: relative; background: #fff; border-radius: 8px; margin: 0 0 16px 0; overflow: hidden; }

.hero-prudctmatrix .hero-large > div { width: 100%; }

.hero-prudctmatrix .hero-large .herolargecard { padding: 16px; }

.hero-prudctmatrix .hero-large .matrixdetails { position: relative; padding: 40px 16px 16px 16px; bottom: 0; width: 100%; display: flex; align-items: flex-end; flex-direction: column; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-large .matrixdetails { position: absolute; flex-direction: row; padding: 24px; } }

.hero-prudctmatrix .hero-large .matrixdetails [data-nq-product-name] { font-size: 24px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-large .matrixdetails [data-nq-product-name] { font-size: 28px; font-weight: bold; font-size: 32px; /*white-space:nowrap*/ } }

.hero-prudctmatrix .hero-large .matrixdetails .price { font-size: 21px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-large .matrixdetails .price { font-size: 32px; } }

.hero-prudctmatrix .hero-large .imgbadge img { max-width: 105px; max-height: 105px; }

.hero-prudctmatrix .hero-small { background: #fff; border-radius: 8px; margin: 0 0 16px 0; overflow: hidden; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-small { margin: 0 0 32px 32px; } }

.hero-prudctmatrix .hero-small > div { width: 100%; display: flex; align-content: center; flex-wrap: wrap; flex-direction: column-reverse; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-small > div { flex-direction: row; } }

.hero-prudctmatrix .hero-small .herosmallcard { padding: 40px 16px 16px 16px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-small .herosmallcard { padding: 30px; margin-top: 0; } }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-small .herosmallcard.hasBadge { padding: 30px; margin-top: 24px; } }

.hero-prudctmatrix .hero-small .herosmallcard .price { font-size: 21px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .hero-small .herosmallcard .price { font-size: 21px; } }

[data-scheme="light"] .hero-prudctmatrix .hero-large .matrixdetails { color: #333333; }

@media screen and (min-width: 66em), print { [data-scheme="light"] .hero-prudctmatrix .hero-large .matrixdetails { color: #fff; background: black; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 80%, transparent 100%); } }

[data-scheme="light"] .hero-prudctmatrix .hero-large .listing-price { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 16px; }

@media screen and (min-width: 66em), print { [data-scheme="light"] .hero-prudctmatrix .hero-large .listing-price { justify-content: flex-start; margin-bottom: 0; flex-wrap: nowrap; } }

[data-scheme="light"] .hero-prudctmatrix .hero-large .listing-price .f-color2 { color: #333333; }

@media screen and (min-width: 66em), print { [data-scheme="light"] .hero-prudctmatrix .hero-large .listing-price .f-color2 { color: #fff; } }

[data-scheme="dark"] .hero-prudctmatrix .hero-large .matrixdetails { color: #333333; }

@media screen and (min-width: 66em), print { [data-scheme="dark"] .hero-prudctmatrix .hero-large .matrixdetails { background: white; background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0) 100%); } }

[data-scheme="dark"] .hero-prudctmatrix .hero-large .listing-price { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }

@media screen and (min-width: 66em), print { [data-scheme="dark"] .hero-prudctmatrix .hero-large .listing-price { justify-content: flex-start; flex-wrap: nowrap; } }

[data-scheme="dark"] .hero-prudctmatrix .hero-large .listing-price .f-color2 { color: #333333; }

.herosmallcard { padding: 16px; }

@media screen and (min-width: 66em), print { .herosmallcard { margin-top: 0; } }

.herosmallcard .price { font-size: 21px; }

.deals > div > div { display: flex; flex-flow: column-reverse; /*align-items:center;*/ flex-wrap: wrap; }

@media screen and (min-width: 66em), print { .deals > div > div { flex-flow: row; } }

.deals .herosmallcard { padding: 48px 16px 16px 16px; }

@media screen and (min-width: 48em), print { .deals .herosmallcard { padding: 32px 24px 24px 24px; } }

.catblock { display: flex; flex-direction: column; align-items: center; margin: 16px; }

@media screen and (min-width: 48em), print { .catblock { margin: 32px; } }

.catblock .catblock-image { border-radius: 5px; }

.catblock .catblock-title { margin: 16px 0; font-size: 24px; }

@media screen and (min-width: 48em), print { .catblock .catblock-title { margin: 16px 0; font-size: 32px; } }

.catblock .catblock-desc { max-width: 80%; }

@media screen and (min-width: 48em), print { .catblock .catblock-desc { max-width: 65%; } }

.catblock .catblock-cta { margin: 16px 0; }

@media screen and (min-width: 48em), print { .catblock .catblock-cta { margin: 24px 0; } }

.catblock .catblock-cta a { font-size: 16px; font-weight: 600; padding: 8px 40px 8px 8px; background: #fff url("/images/core/bg-arrow.svg") no-repeat right center; background-size: 28px; }

.catblock .catblock-cta a:hover { opacity: 0.8; }

.categorybox[data-cols-xs="2"] .catblock-desc { display: none; }

.categorybox[data-cols-xs="2"] .catblock-desc + .catblock-cta { margin-top: 0; }

@media screen and (min-width: 48em), print { .categorybox[data-cols-xs="2"] .catblock-desc + .catblock-cta { margin-top: 16px; } }

@media screen and (min-width: 48em), print { .categorybox[data-cols-xs="2"] .catblock-desc { display: block; } }

.categorybox[data-cols-xs="2"] .catblock-title { font-size: 18px; }

@media screen and (min-width: 48em), print { .categorybox[data-cols-xs="2"] .catblock-title { font-size: 24px; } }

.cta-arrow a { font-size: 16px; font-weight: 600; padding: 8px 40px 8px 0; background: #fff url("/images/core/bg-arrow.svg") no-repeat right center; background-size: 28px; }

.cta-arrow a:hover { opacity: 0.8; }

.seoblock .seoblock-desc { max-width: 80%; font-size: 12px; }

.seoblock .seoblock-cta a { font-size: 16px; font-weight: 600; padding: 8px 40px 8px 8px; background: #fff url("/images/core/bg-arrow.svg") no-repeat right center; background-size: 28px; }

.seoblock .seoblock-cta a:hover { opacity: 0.8; }

.flatselect-container { padding: 8px; display: inline-flex; border-radius: 32px; font-weight: 600; border: 1px solid #999999; max-width: calc(100% - 16px); }

.flatselect-container select { /*padding:$unit/2;*/ padding: 2px 8px !important; font-family: Arial; font-size: 14px; }

@media screen and (min-width: 48em), print { .flatselect-container select { padding: 6px 8px !important; } }

.flatselect-container.brand { border: 1px solid #bacbc6; }

.flatselect-container.light { border: 1px solid #dddddd; }

@media screen and (min-width: 48em), print { .flatselect-container { padding: 4px 16px; } }

.section-product { padding: 16px 0; }

@media screen and (min-width: 48em), print { .section-product { padding: 16px; } }

@media screen and (min-width: 48em), print { .columnedmessageblock-container { flex-wrap: nowrap; display: flex; flex-direction: row; align-items: center; padding: 0; flex-wrap: wrap; } }

.columnedmessageblock-container .slick-arrow { position: absolute; top: 40%; width: 16px; text-align: center; }

.columnedmessageblock-container .slick-arrow.slick-next { right: 16px; }

.columnedmessageblock-container .slick-arrow.slick-prev { left: 16px; }

.columnedmessageblock-container > div { position: relative; width: 50%; }

.columnedmessageblock-container > div.slick-list { width: 100%; }

.columnedmessageblock-container > div.slick-list .slick-track { display: flex; }

.columnedmessageblock-container > div.slick-list .slick-track .tpilot { display: flex; align-items: center; height: 100%; }

@media screen and (min-width: 48em), print { .columnedmessageblock-container > div { width: auto; } }

.columnedmessageblock-container > div:after { content: ''; position: absolute; width: 1px; height: 70%; top: 15%; right: 0; background: #dddddd; }

.columnedmessageblock-container > div:last-child:after { content: ''; display: none; }

@media screen and (min-width: 66em), print { .columnedmessageblock-container > div { width: 25%; } }

.columnedmessageblock-container .columnedmessageblock { display: flex; flex-direction: row; align-items: center; justify-content: center; /*border-right:1px solid $color4;*/ position: relative; }

.columnedmessageblock-container .columnedmessageblock:after { content: ""; position: absolute; right: 0; top: calc(50% - 25px); width: 1px; height: 50px; background: #eff3f2; }

.columnedmessageblock-container .columnedmessageblock .messagecol-image img { max-width: 70px; max-height: 70px; }

.columnedmessageblock-container .columnedmessageblock .messagecol-desc { padding: 8px; display: flex; flex-direction: column; }

.columnedmessageblock-container .columnedmessageblock .messagecol-desc > span:first-child { font-weight: 600; font-size: 15px; }

.columnedmessageblock-container .columnedmessageblock .messagecol-desc > span:last-child { font-size: 15px; }

.columnedmessageblock-container .columnedmessageblock .messagecol-desc.horizontal { padding: 8px; }

.columnedmessageblock-container.toppedup .columnedmessageblock:after { background: #dddddd; }

.categoryheaderdesign { display: flex; flex-direction: row; /*align-items:center; justify-content:center; background-size:contain; background-repeat:no-repeat; background-position:center;*/ }

@media screen and (min-width: 48em), print { .categoryheaderdesign { /*background-size:cover;*/ } }

.categoryheaderdesign > div.categoryheader-imgcontainer { position: relative; overflow: hidden; width: 100%; }

.categoryheaderdesign > div.categoryheader-imgcontainer img { min-width: 100vw; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-imgcontainer img { margin-left: 0; max-width: unset; width: 100vw; min-width: initial; } }

.categoryheaderdesign > div.categoryheader-txtcontainer { position: relative; /*min-width:50%; width:100%;*/ /*padding:$unit*2 0 0 0;*/ width: 0; overflow: visible; color: #333333; }

.categoryheaderdesign > div.categoryheader-txtcontainer a { color: #333333; text-decoration: underline; }

.categoryheaderdesign > div.categoryheader-txtcontainer.red { color: #ef2d56; }

.categoryheaderdesign > div.categoryheader-txtcontainer.red a { color: #ef2d56; }

.categoryheaderdesign > div.categoryheader-txtcontainer.white { color: #fff; }

.categoryheaderdesign > div.categoryheader-txtcontainer.white a { color: #fff; }

.categoryheaderdesign > div.categoryheader-txtcontainer.brand { color: #65877d; }

.categoryheaderdesign > div.categoryheader-txtcontainer.brand a { color: #65877d; }

.categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100vw; margin-left: -100vw; height: 100%; justify-content: space-between; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner { justify-content: center; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title { padding: 16px 32px; color: inherit; display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title { max-width: 70%; } }

@media screen and (min-width: 1024px) { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title { padding: 38px 32px; } }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title { max-width: 50%; padding: 16px 32px; height: auto; } }

@media screen and (min-width: 84em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title { max-width: 40%; height: auto; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title .desc { margin: 0 auto; clear: both; color: inherit; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-title .desc { max-width: 100%; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-links { width: 100%; color: inherit; }

@media screen and (max-width: 1024px) { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-links a { color: inherit !important; } }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-links { display: flex; align-items: center; justify-content: center; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .categoryheader-txtcontainerinner .sect-links a { color: inherit; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer { /*padding:$unit*2 0;*/ } }

.categoryheaderdesign > div.categoryheader-txtcontainer .desc { max-width: 100%; /*padding:$unit/2 $unit;*/ /*@include respond-min-width($breakpointSM){max-width:65%;} @include respond-min-width($breakpointMD){max-width:50%;} @include respond-min-width($breakpointLG){max-width:40%;}*/ }

.categoryheaderdesign > div.categoryheader-txtcontainer .mob-subcatTitle { padding: 16px; width: 100%; font-family: "minion-pro", serif; font-weight: bold; text-align: left; background: #fff; border-bottom: 1px solid #eff3f2; font-size: 18px; position: relative; }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .mob-subcatTitle { display: none; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .mob-subcatTitle:after { content: ""; position: absolute; right: 16px; top: 24px; width: 8px; height: 8px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.categoryheaderdesign > div.categoryheader-txtcontainer .mob-subcatTitle.opened { border-bottom: 1px solid #eff3f2; }

.categoryheaderdesign > div.categoryheader-txtcontainer .mob-subcatTitle.opened:after { transform: rotate(135deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.categoryheaderdesign > div.categoryheader-txtcontainer .subcat { display: none; width: 100%; background: #fff; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat { /*max-width:80%;*/ margin: 16px auto; background: transparent; } }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat { max-width: 65%; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; } }

@media screen and (min-width: 84em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat { max-width: 40%; } }

@media screen and (min-width: 87.43em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat { max-width: 40%; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div { text-align: left; min-width: 100%; }

@media screen and (min-width: 48em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div { text-align: left; /*min-width:33.333%; max-width:33.333%;*/ } }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div { min-width: 33.333%; max-width: 33.333%; text-align: center; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div a { display: block; padding: 8px 16px; font-weight: normal; font-size: 14px; border-bottom: 1px solid #eff3f2; }

@media screen and (min-width: 66em), print { .categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div a { padding: 8px 0; font-weight: bold; font-size: 16px; border-bottom: none; } }

.categoryheaderdesign > div.categoryheader-txtcontainer .subcat > div a:hover { color: #65877d; }

.section-upsell { position: relative; min-height: 500px; background: #fff; }

.section-upsell .slick-list { width: 100%; }

.section-upsell .slick-track { min-width: 100%; }

.section-upsell .slick-slide { display: inline-block; }

.listing-nqicon { display: inline-block; position: absolute; bottom: 50px; right: 0; color: #65877d; }

.listing-name { min-height: 56px; }

.remove-wish { position: absolute; display: inline-flex; background: #333333; border-radius: 50%; top: 0; right: 0; padding: 8px; z-index: 1; }

.remove-wish svg { fill: #fff; }

.badge { position: absolute; display: flex; align-items: center; justify-content: center; margin: 4px; padding: 4px; }

.badge.image { display: inline-block !important; max-width: 40%; }

@media screen and (min-width: 48em), print { .badge.image { max-width: 30%; } }

@media screen and (min-width: 48em), print { .badge.image[data-badgetype="elitemanufactuer"] { max-width: 30%; max-width: 30%; margin: 4px; } }

.badge > span { font-size: 12px; padding: 2px 8px 0 8px; display: block; line-height: 1; }

.badge > span.imgbadge { display: block; padding: 0; /*img{max-width:105px; max-height:105px}*/ }

.badge.top { top: 0; }

.hero-prudctmatrix .badge.top, .deals .badge.top { top: 0; }

.hero-prudctmatrix .badge.top.right, .deals .badge.top.right { top: auto; bottom: -32px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .badge.top.right, .deals .badge.top.right { top: 0; bottom: auto; } }

.badge.right { right: 0; }

.badge.left { left: 0; }

.badge.bottom { bottom: 0; }

.hero-prudctmatrix .badge.bottom { bottom: -40px; left: 12px; }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .badge.bottom { bottom: auto; left: calc(-100% + 28px); top: 22px; } }

.deals .badge.bottom { bottom: -40px; left: 10px; }

@media screen and (min-width: 48em), print { .deals .badge.bottom { /*bottom:0; left:auto;*/ bottom: auto; left: calc(-100% + 20px); top: 16px; } }

.badge.half.left { left: 0; }

.badge.half.bottom { bottom: 0; }

.hero-prudctmatrix .badge.half.left { left: 0; }

@media screen and (min-width: 48em), print { .hero-prudctmatrix .badge.half.left { left: 24px; } }

.deals .badge.half.left { left: 0; }

@media screen and (min-width: 48em), print { .deals .badge.half.left { left: 24px; } }

.hero-prudctmatrix .badge.half.bottom, .deals .badge.half.bottom { bottom: -40px; left: 10px; }

@media screen and (min-width: 48em), print { .hero-prudctmatrix .badge.half.bottom, .deals .badge.half.bottom { bottom: 40%; left: 24px; top: auto; } }

@media screen and (min-width: 66em), print { .hero-prudctmatrix .badge.half.bottom, .deals .badge.half.bottom { bottom: 35%; top: auto; } }

@media screen and (min-width: 84em), print { .hero-prudctmatrix .badge.half.bottom, .deals .badge.half.bottom { bottom: 30%; top: auto; } }

.badge.red { background: #ef2d56; color: #fff; }

.badge.green { background: #266a3f; color: #fff; }

.badge.yellow { background: #F4D06F; color: #333333; }

.badge.purple { background: #6b5587; color: #fff; }

.badge.purple.round { padding: 16px 12px; border-radius: 50%; }

.badge.purple.round > span { padding: 0; }

.nq-reviewstar { background: url(../images/core/reviewstar_bg.png) no-repeat center; width: 100px; height: 17px; background-size: contain; margin: 4px 0; }

.nq-reviewstar > span { display: inline-block; background: url(../images/core/reviewstar.png) no-repeat left; height: 17px; background-size: 100px 17px; }

.nq-reviewstar > span.nq-review_1 { width: 20px; }

.nq-reviewstar > span.nq-review_2 { width: 40px; }

.nq-reviewstar > span.nq-review_3 { width: 60px; }

.nq-reviewstar > span.nq-review_4 { width: 80px; }

.nq-reviewstar > span.nq-review_5 { width: 100px; }

svg.barrow { fill: #65877d; }

.nosearchresult-categories { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; width: 90%; margin: 0 auto; }

@media screen and (min-width: 48em), print { .nosearchresult-categories { width: 70%; } }

@media screen and (min-width: 66em), print { .nosearchresult-categories { width: 60%; } }

.nosearchresult-categories > span { color: #65877d; padding: 4px 16px; background: #eff3f2; border-radius: 40px; margin: 8px; }

.nosearchresult-categories > span:hover { background: #bacbc6; }

.nosearchresult-categories a { color: #65877d; text-decoration: none; font-size: 14px; }

.nosearchresult-categories a:hover { color: #65877d; }

.headpromotext { display: flex; align-items: center; justify-content: center; color: #ffffff; position: relative; }

.headpromotext a.f-color0 svg { fill: #fff; }

.headpromotext a.f-color0:hover { color: #fff; }

.headpromotext a.f-color0:hover svg { fill: #fff; }

.headpromotext a.f-color16 svg { fill: #F4D06F; }

.headpromotext a.f-color16:hover { color: #F4D06F; }

.headpromotext a.f-color16:hover svg { fill: #F4D06F; }

.headpromotext a.f-color6 svg { fill: #65877d; }

.headpromotext a.f-color6:hover { color: #65877d; }

.headpromotext a.f-color6:hover svg { fill: #65877d; }

.headpromotext .headpromoclose { position: absolute; right: 8px; top: 4px; padding: 2px 4px; border: 1px solid #fff; color: #fff; border-radius: 50%; font-size: 10px; cursor: pointer; line-height: 1; }

.headpromotext .headpromoclose.livetext { top: 0px; }

.headpromotext .headpromoclose.brandgreen { border: 1px solid #65877d; color: #65877d; }

.headpromotext .headpromoclose.grey { border: 1px solid #666666; color: #666666; }

.headpromotext .headpromoclose.red { border: 1px solid #ef2d56; color: #ef2d56; }

.hero-prudctmatrix.slick-initialized, .dealsweek.slick-initialized { overflow: hidden; padding-bottom: 24px; }

.hero-prudctmatrix.slick-initialized .slick-list, .dealsweek.slick-initialized .slick-list { width: 75%; overflow: visible; }

.hero-prudctmatrix.slick-initialized .slick-list .slick-track, .dealsweek.slick-initialized .slick-list .slick-track { display: flex; }

.hero-prudctmatrix.slick-initialized .slick-list .slick-track > div, .dealsweek.slick-initialized .slick-list .slick-track > div { margin: 0 8px; /*background:$color0;*/ display: flex; }

@media screen and (min-width: 48em), print { .hero-prudctmatrix.slick-initialized .slick-list .slick-track > div, .dealsweek.slick-initialized .slick-list .slick-track > div { display: initial; } }

.hero-prudctmatrix.slick-initialized .slick-dots, .dealsweek.slick-initialized .slick-dots { bottom: 0; }

.dealsweek.slick-initialized { overflow-x: hidden; }

.dealsweek.slick-initialized .slick-list { width: 75%; overflow: visible; }

.dealsweek .dealitem { margin: 0; }

@media screen and (min-width: 48em), print { .dealsweek .dealitem { margin: 16px; width: 100%; } }

[data-slideshow-columns="1"] .slick-arrow, [data-slideshow-columns="4"] .slick-arrow, .hero-prudctmatrix .slick-arrow, .dealsweek .slick-arrow { position: absolute; font-size: 30px; color: #333333; top: calc(50% - 24px); z-index: 1; cursor: pointer; background: rgba(255, 255, 255, 0.5); padding: 4px 14px; line-height: normal; border-radius: 50%; }

[data-slideshow-columns="1"] .slick-arrow.slick-prev, [data-slideshow-columns="4"] .slick-arrow.slick-prev, .hero-prudctmatrix .slick-arrow.slick-prev, .dealsweek .slick-arrow.slick-prev { left: 16px; padding: 2px 14px 4px 11px; }

[data-slideshow-columns="1"] .slick-arrow.slick-next, [data-slideshow-columns="4"] .slick-arrow.slick-next, .hero-prudctmatrix .slick-arrow.slick-next, .dealsweek .slick-arrow.slick-next { right: 16px; padding: 2px 11px 4px 14px; }

[data-slideshow-columns="1"] .slick-dots, [data-slideshow-columns="4"] .slick-dots, .hero-prudctmatrix .slick-dots, .dealsweek .slick-dots { position: absolute; display: none; flex-direction: row; z-index: 1; bottom: 0; width: 100%; align-items: center; justify-content: center; }

[data-slideshow-columns="1"] .slick-dots > li, [data-slideshow-columns="4"] .slick-dots > li, .hero-prudctmatrix .slick-dots > li, .dealsweek .slick-dots > li { margin: 4px; display: inline-block; cursor: pointer; }

[data-slideshow-columns="1"] .slick-dots > li .slidedot, [data-slideshow-columns="4"] .slick-dots > li .slidedot, .hero-prudctmatrix .slick-dots > li .slidedot, .dealsweek .slick-dots > li .slidedot { width: 12px; height: 12px; background: #999999; display: block; border-radius: 50%; }

[data-slideshow-columns="1"] .slick-dots > li.slick-active .slidedot, [data-slideshow-columns="4"] .slick-dots > li.slick-active .slidedot, .hero-prudctmatrix .slick-dots > li.slick-active .slidedot, .dealsweek .slick-dots > li.slick-active .slidedot { width: 10px; height: 10px; display: block; border-radius: 50%; background-color: #65877d; border: 1px solid #F4D06F; box-shadow: 0 0 0 2px #65877d; }

[data-slideshow-columns="1"] .slick-dots { justify-content: flex-end; width: calc(100% - 16px); margin-right: 16px; display: none; }

[data-slideshow-columns="4"] .slick-arrow.slick-prev { left: 8px; }

[data-slideshow-columns="4"] .slick-arrow.slick-next { right: 8px; }

[data-nq-feed] [data-nq-product] .qvlink { display: none; }

[data-nq-feed] [data-nq-product]:hover .qvlink { display: block; position: absolute; right: calc(50% - 50px); bottom: 4px; padding: 12px 16px; border-radius: 40px; background: #F4D06F; font-size: 13px; }

[data-nq-feed] [data-nq-product]:hover .qvlink:hover { background: #ffbf46; }

.tabbed-recommendation { padding: 0; }

.tabbed-recommendation .slick-arrow { top: calc(50% - 75px); }

.tabbed-recommendation .slick-arrow.slick-prev { left: 20px; }

.tabbed-recommendation .slick-arrow.slick-next { right: 20px; /*display:none!important;*/ /*@include respond-min-width($breakpointSM){display:block!important;}*/ }

@media screen and (min-width: 48em), print { .tabbed-recommendation { padding: 32px 0; } }

[data-slideshow="tabbed"] { min-height: 400px; }

.section-product .tabbed-heading { text-align: center; display: none; }

@media screen and (min-width: 48em), print { .section-product .tabbed-heading { display: block; } }

.section-product .tabbed-heading .tabbed-heading-inner { padding: 0; border-radius: 32px; border: 2px solid #eff3f2; display: inline-flex; }

.section-product .tabbed-heading .tabbed-heading-inner > div { padding: 4px 16px; border-radius: 32px; margin: 8px; font-weight: 500; font-size: 16px; cursor: pointer; }

.section-product .tabbed-heading .tabbed-heading-inner > div.selected { background: #FBECC5; cursor: default; }

.section-product .tabbed-contents { position: relative; background: #fff; }

@media screen and (min-width: 48em), print { .section-product .tabbed-contents { min-height: 500px; } }

@media screen and (min-width: 66em), print { .section-product .tabbed-contents { min-height: 560px; } }

@media screen and (min-width: 84em), print { .section-product .tabbed-contents { min-height: 600px; } }

@media screen and (min-width: 48em), print { .section-product .tabbed-contents > div { position: absolute; width: 100%; top: 0; left: 0; } }

@media screen and (min-width: 48em), print { .section-product .tabbed-contents > div > div { min-height: 400px; } }

.section-product .tabbed-contents .slick-list { /*width:75vw; overflow:visible; @include respond-min-width($breakpointSM){width:auto; overflow:hidden;}*/ }

.section-product .tabbed-contents .slick-list .slick-track { min-width: 100%; }

.section-product .tabbed-contents .slick-list .slick-track .slick-slide { display: inline-block; }

.section-product .tabbed-contents .invisible { display: none; visibility: visible; z-index: -1; }

@media screen and (min-width: 48em), print { .section-product .tabbed-contents .invisible { display: block; /*visibility:hidden;*/ } }

.section-product .tabbed-mobile-heading { padding: 16px; font-family: "minion-pro", serif; font-size: 18px; font-weight: bold; border-top: 1px solid #bacbc6; position: relative; }

.section-product .tabbed-mobile-heading:after { content: ""; position: absolute; right: 16px; top: 24px; width: 8px; height: 8px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(-45deg); }

.section-product .tabbed-mobile-heading.closed:after { transform: rotate(135deg); }

@media screen and (min-width: 48em), print { .section-product .tabbed-mobile-heading { display: none; } }

.dealsweek { display: flex; }

@media screen and (min-width: 48em), print { .dealsweek { flex-direction: row; } }

.dealsweek > div { width: 50%; display: flex; }

.dealsweek > div > div > div { height: 100%; }

.nuqlium ul { padding-left: 16px; }

.nuqlium ul li { list-style: disc; }

.nq-overlay-text { position: absolute; /*text-align:center;*/ max-width: 80%; border-radius: 5px; }

.nq-overlay-text.transparent { background: transparent; }

.nq-overlay-text.bg-color6.opaque25 { background-color: rgba(101, 135, 125, 0.25); }

.nq-overlay-text.bg-color6.opaque50 { background-color: rgba(101, 135, 125, 0.5); }

.nq-overlay-text.bg-color6.opaque75 { background-color: rgba(101, 135, 125, 0.75); }

.nq-overlay-text.bg-color6.opaque100 { background-color: #65877d; }

.nq-overlay-text.bg-color3.opaque25 { background-color: rgba(153, 153, 153, 0.25); }

.nq-overlay-text.bg-color3.opaque50 { background-color: rgba(153, 153, 153, 0.5); }

.nq-overlay-text.bg-color3.opaque75 { background-color: rgba(153, 153, 153, 0.75); }

.nq-overlay-text.bg-color3.opaque100 { background-color: #999999; }

.nq-overlay-text.bg-color7.opaque25 { background-color: rgba(239, 45, 86, 0.25); }

.nq-overlay-text.bg-color7.opaque50 { background-color: rgba(239, 45, 86, 0.5); }

.nq-overlay-text.bg-color7.opaque75 { background-color: rgba(239, 45, 86, 0.75); }

.nq-overlay-text.bg-color7.opaque100 { background-color: #ef2d56; }

.nq-overlay-text.bg-color0.opaque25 { background-color: rgba(255, 255, 255, 0.25); }

.nq-overlay-text.bg-color0.opaque50 { background-color: rgba(255, 255, 255, 0.5); }

.nq-overlay-text.bg-color0.opaque75 { background-color: rgba(255, 255, 255, 0.75); }

.nq-overlay-text.bg-color0.opaque100 { background-color: white; }

.nq-overlay-text.bg-color1.opaque25 { background-color: rgba(0, 0, 0, 0.25); }

.nq-overlay-text.bg-color1.opaque50 { background-color: rgba(0, 0, 0, 0.5); }

.nq-overlay-text.bg-color1.opaque75 { background-color: rgba(0, 0, 0, 0.75); }

.nq-overlay-text.bg-color1.opaque100 { background-color: black; }

.nq-overlay-product { position: absolute; text-align: center; max-width: 80%; border-radius: 5px; overflow: hidden; margin: 16px; }

@media screen and (min-width: 48em), print { .nq-overlay-product.right { right: 10%; } }

@media screen and (min-width: 48em), print { .nq-overlay-product.left { left: 10%; } }

.nq-overlay-product.tohide { display: none; }

@media screen and (min-width: 48em), print { .nq-overlay-product { max-width: 25%; margin: 0; } }

@media screen and (min-width: 66em), print { .nq-overlay-product { max-width: 30%; } }

#ajxbasketspecials .listing [data-listing="name"] { margin-bottom: 0; height: auto; }

.mobileoos { margin-top: 0; }

@media screen and (min-width: 48em), print { .mobileoos { display: none !important; } }

[data-oosrecommendation] { display: none; }

@media screen and (min-width: 48em), print { [data-oosrecommendation] { position: relative; z-index: 4; background: #fff; left: 0; top: 0; display: block; } }

[data-oosrecommendation] .oosblock { padding: 16px 0; }

.oos-overlay { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100%; z-index: 3; display: none; }

html.oos-recommendationon [data-oosrecommendation] { left: 0; top: 0; bottom: 0; height: 100%; /*width:calc(100% + 32px);*/ width: 100%; border-radius: 5px; }

html.oos-recommendationon #header-main, html.oos-recommendationon #main { z-index: 1; position: relative; }

html.oos-recommendationon nav { z-index: 0; }

html.oos-recommendationon [data-emwarecommendation-container] { /*position:fixed; width:90%; left:5%; background:$color0;  top:3vh;*/ }

html.oos-recommendationon [data-emwarecommendation-container] > div.recommendation-box { position: relative; z-index: 4; width: 100%; height: 100%; background: #fff; padding: 16px; }

html.oos-recommendationon .emwa-recommendation-overlay { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 3; display: none; }

.oos-recommendation { display: flex; flex-direction: row; }

.oos-recommendation .oos-item { text-align: center; height: 100%; margin: 0 8px; display: flex; flex-direction: column; justify-content: space-between; }

.oos-recommendation .oos-item .oos-image { display: block; }

.oos-recommendation .oos-item .oos-name { font-family: "minion-pro", serif; margin: 8px 0; }

.corectacontainer { position: fixed; bottom: 0; width: 100%; background: #fff; padding: 16px 16px 0 16px; left: 0; z-index: 3; -webkit-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); -moz-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); }

@media only screen and (max-width: 320px) { .corectacontainer { position: relative; bottom: auto; left: auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 1; background: transparent; } }

@media only screen and (min-width: 415px) { .corectacontainer { position: relative; bottom: auto; left: auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 1; background: transparent; } }

.articlebody { font-size: 14px; font-family: "praxis-next-condensed", sans-serif; line-height: 150%; }

.articlebody p { font-size: 15px; }

.articlebody a { text-decoration: underline; }

.articlebody ul { list-style: disc; }

.articlebody ul li { margin: 14px 24px; }

.articlebody strong { font-weight: 500; }

.articlebody em { font-style: italic; }

.articlebody h1, .articlebody h2, .articlebody h3, .articlebody h4, .articlebody h5, .articlebody h6, .articlebody [class*="f-heading"] { margin-top: 16px; }

.articlebody [class*="container-"] { line-height: 150%; }

.articlebody [class*="container-"] > * { line-height: 150%; }

.productbody ul { margin: 8px 0; }

.productbody ul li, .productbody li { line-height: 150%; list-style: none; /*list-style:disc; list-style-position:outside; margin-left:$unit;*/ position: relative; /*display:flex; align-items:center;*/ }

.productbody ul li:before, .productbody li:before { content: "\2022"; left: 0; color: #65877d; font-weight: bold; display: inline-block; width: 16px; margin-right: 8px; font-size: 24px; }

.timePromotion { padding: 16px; background: #eff3f2; position: relative; }

@media screen and (min-width: 48em), print { .timePromotion { display: flex; align-items: center; } }

.timePromotion > div:first-child { margin-bottom: 16px; }

.timePromotion > div:first-child img { width: 100%; }

.timePromotion .timePromotionDetails { padding: 0 16px; }

@media screen and (min-width: 48em), print { .timePromotion .timePromotionDetails { padding: 0 32px; } }

@media screen and (min-width: 66em), print { .timePromotion .timePromotionDetails { padding: 0 48px; } }

.timePromotion .timePromotionDetails h2 { font-family: "praxis-next-condensed", sans-serif; font-weight: 600; font-size: 32px; margin: 0 0 8px 0; }

.timePromotion .timePromotionDetails h2 + div { font-size: 14px; display: block; margin-bottom: 16px; font-weight: bold; }

.timePromotion .timePromotionDetails .promoBadge { font-size: 18px; line-height: 22px; font-weight: bold; text-align: center; padding: 16px; position: absolute; right: 24px; top: 24px; background: #ef2d56; color: #fff; border-radius: 50%; }

@media screen and (min-width: 48em), print { .timePromotion .timePromotionDetails .promoBadge { padding: 24px; right: 8px; } }

@media screen and (min-width: 66em), print { .timePromotion .timePromotionDetails .promoBadge { font-size: 24px; line-height: 30px; padding: 24px; right: 8px; } }

@media screen and (min-width: 48em), print { .timePromotion .timePromotionDetails .timePromotionContent { margin-right: 48px; } }

@media screen and (min-width: 66em), print { .timePromotion .timePromotionDetails .timePromotionContent { margin-right: 96px; } }

.timePromotion .timePromotionDetails .timePromotionContent > div > div { display: block; border: none; }

.timePromotion .timePromotionDetails .timePromotionContent > div > div:last-child { padding: 8px 4px 16px 0; text-align: center; }

.timePromotion .timePromotionDetails .timePromotionContent > div > div > span { display: block; background: #ef2d56; border: 1px solid #ef2d56; color: #fff; padding: 32px 16px; margin-bottom: 8px; font-size: 28px; font-weight: bold; }

@media screen and (min-width: 48em), print { .timePromotion .timePromotionDetails .timePromotionContent > div > div > span { font-size: 24px; padding: 35.2px 4px; } }

@media screen and (min-width: 66em), print { .timePromotion .timePromotionDetails .timePromotionContent > div > div > span { font-size: 40px; padding: 32px 4px; } }

.timePromotion .timePromotionDetails .timePromotionContent > div > div > span:last-child { padding: 6px 16px; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.timePromotion .timePromotionDetails .timePromotionContent > div > div[data-timer] .timerContainer { display: flex; align-items: center; justify-content: space-around; }

.timePromotion .timePromotionDetails .timePromotionContent > div > div[data-timer] .timerContainer > div { display: block; text-align: center; padding: 0 4px; margin: 0; width: 25%; }

.timePromotion .timePromotionDetails .timePromotionContent > div > div[data-timer] .timerContainer > div > span { display: block; border: 1px solid #333333; color: #333333; padding: 32px 4px; margin-bottom: 8px; font-size: 28px; font-weight: bold; }

@media screen and (min-width: 66em), print { .timePromotion .timePromotionDetails .timePromotionContent > div > div[data-timer] .timerContainer > div > span { font-size: 40px; padding: 32px 16px; } }

.timePromotion .timePromotionDetails .timePromotionContent > div > div[data-timer] .timerContainer > div > span:last-child { padding: 6px 16px; font-size: 12px; font-weight: 600; text-transform: uppercase; }

.droplink { display: block; padding: 8px 16px; color: #666666; background-color: #eff3f2; border-bottom: 1px solid #fff; }

.droplink:hover { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; color: #65877d; }

.droplink .fa-caret-down { color: #999999; position: absolute; right: 16px; }

@media screen and (min-width: 48em), print { .droplink .fa-caret-down { position: static; } }

.droplink.current { color: #65877d; }

.droplink.current .fa-caret-down { color: #dddddd; }

@media screen and (min-width: 48em), print { .droplink { display: inline-block; vertical-align: top; border-left: 1px solid #eff3f2; border-bottom-width: 0; padding: 0 16px; cursor: pointer; color: #333333; background-color: transparent; } }

.dropdiv { display: none; text-align: left; }

.no-flexbox.no-flexboxlegacy.no-flexboxtweener .dropdiv { display: none; }

@media screen and (min-width: 48em), print { .dropdiv { position: absolute; min-width: 100%; margin-top: 22px; padding: 8px 0; background-color: #eff3f2; border-width: 5px 1px 1px; border-style: solid; border-color: #dddddd; } }

.dropdiv#searchdrop { background-color: #fff; top: 100%; margin-top: 0; }

@media screen and (min-width: 48em), print { .dropdiv#searchdrop { margin-top: 10px; } }

.dropdiv:before { content: "\f0d8"; color: #dddddd; position: absolute; top: -16px; margin-left: -10px; width: 20px; height: 16px; line-height: 16px; font-size: 32px; left: -50%; }

@media screen and (min-width: 48em), print { .dropdiv:before { left: 50%; } }

.dropdiv.relative { position: relative; background-color: #eff3f2; border-width: 5px 1px 1px; border-style: solid; border-color: #dddddd; margin-top: 2px; }

.dropdiv.relative:before { content: "\f0d8"; color: #dddddd; position: absolute; top: -14px; margin-left: -10px; width: 20px; height: 16px; line-height: 16px; font-size: 32px; left: 50%; }

#dropdown-basket { position: absolute; margin-top: 22px; width: calc(100% - 32px); min-width: 0; right: 16px; }

@media screen and (min-width: 48em), print { #dropdown-basket { position: fixed; width: 400px; } }

@media screen and (min-width: 1152px), print { #dropdown-basket { right: calc(50% - 560px); } }

#dropdown-basket:before { left: auto; right: 0; top: -14px; }

@media screen and (min-width: 48em), print { #dropdown-basket:before { top: -18px; right: 32px; } }

#dropdown-basket.bskt-long img { display: none; }

.effects { position: relative; }

.effects [data-effects] { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.no-touchevents .effects:hover [data-effects~=slightfade] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

.no-touchevents .effects:hover [data-effects~=fade] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }

.no-touchevents .effects:hover [data-effects~=xfade] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.no-touchevents .effects:hover [data-effects~=xxfade] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; }

.effects [data-effects~=zoomout] { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.no-touchevents .effects:hover [data-effects~=zoomout] { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.effects [data-effects~=appear] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.no-touchevents .effects:hover [data-effects~=appear] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.icon-currency { display: inline-block; vertical-align: bottom; background: url(/images/core/icon-sprite.png); width: 28px; height: 18px; }

.icon-currency.icon-GBP { background-position: 0 0; }

.icon-currency.icon-USD { background-position: -28px 0; }

.icon-currency.icon-EUR { background-position: -56px 0; }

.icon-currency.icon-JPY { background-position: -84px 0; }

#searchHolderNarrow form { border: none !important; padding: 0 16px; }

.search-close { position: absolute; right: 8px; top: 8px; padding: 4px 8px; cursor: pointer; }

@media screen and (min-width: 48em), print { .search-close { top: 16px; right: 16px; } }

#searchdrop { left: 0; padding: 0; border-top: 1px solid #eff3f2; position: absolute; }

@media screen and (min-width: 48em), print { #searchdrop { border-width: 1px; }
  #searchdrop:before { left: 40%; } }

#searchdrop .arsearchdrop h2 { margin: 8px 0; }

#searchdrop .arsearchdrop h2 + div { margin: 8px 0; }

@media screen and (min-width: 48em), print { #searchdrop .arsearchdrop h2 { margin: 8px; }
  #searchdrop .arsearchdrop h2 + div { margin: 8px; } }

#searchdrop a:not(.viewall) { display: block; padding: 4px; }

#searchdrop a:not(.viewall):not(.f-color0) { color: #666666; }

#searchdrop a:not(.viewall):hover { background-color: #65877d; color: #fff !important; }

#searchdrop a:not(.viewall):hover > span { color: #fff !important; }

#searchdrop a:not(.viewall).searchlink { padding: 4px 0; }

@media screen and (min-width: 48em), print { #searchdrop a:not(.viewall).searchlink { padding: 4px 8px; } }

#searchdrop .flex-search > * { -webkit-box-flex: 1 1 25%; -moz-box-flex: 1 1 25%; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; }

#searchdrop .flex-search > *#search-products { -webkit-box-flex: 1 1 75%; -moz-box-flex: 1 1 75%; -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%; flex: 1 1 75%; }

@media screen and (min-width: 66em), print { #searchdrop .flex-search > * { -webkit-box-flex: 1 1 15%; -moz-box-flex: 1 1 15%; -webkit-flex: 1 1 15%; -ms-flex: 1 1 15%; flex: 1 1 15%; }
  #searchdrop .flex-search > *#search-products { -webkit-box-flex: 1 1 65%; -moz-box-flex: 1 1 65%; -webkit-flex: 1 1 65%; -ms-flex: 1 1 65%; flex: 1 1 65%; } }

.productsearchdrop { background-color: #eff3f2; padding: 4px; }

.productsearchdrop .listing { margin: 4px 0; }

.productsearchdrop .searchcols > div { padding: 0 4px; }

@media screen and (min-width: 48em), print { .productsearchdrop { padding: 8px; }
  .productsearchdrop .listing { margin: 4px 0; }
  .productsearchdrop .searchcols > div { padding: 4px 8px; } }

#nq-predictive-search { position: absolute; background: #fff; padding: 16px; top: 115px; width: 100%; left: 0; z-index: 2; }

@media screen and (min-width: 84em), print { #nq-predictive-search { top: 142px; } }

@media screen and (min-width: 84em), print { #nq-predictive-search { width: 1320px; left: calc(50% - 660px); } }

#nq-predictive-search .search-product-heading { display: flex; justify-content: space-between; align-items: center; }

#nq-predictive-search .search-cat-item, #nq-predictive-search .search-article-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-radius: 32px !important; }

#nq-predictive-search .predictive-close { padding: 0 16px; text-align: right; }

.searchdisplaytext { font-weight: bold; color: #65877d; }

#nq-overlay-search { position: absolute; background: rgba(0, 0, 0, 0.5); top: 120px; left: 0; width: 100%; height: 100%; bottom: 0; z-index: 1; }

@media screen and (min-width: 48em), print { #nq-overlay-search { top: 142px; } }

.hascookiebar #nq-predictive-search { top: 210px; }

@media screen and (min-width: 48em), print { .hascookiebar #nq-predictive-search { top: 198px; } }

.hascookiebar #nq-overlay-search { top: 210px; }

@media screen and (min-width: 48em), print { .hascookiebar #nq-overlay-search { top: 198px; } }

.haspopupwindow #header-main { z-index: 2; }

.haspopupwindow body { overflow: hidden; }

.popup { display: none; position: absolute !important; top: 0; left: 5%; width: 90%; background-color: #fff; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; -webkit-transition-property: height, top; -moz-transition-property: height, top; -o-transition-property: height, top; transition-property: height, top; }

@media screen and (max-height: 520px) { .popup > div { max-height: 60vh; overflow-y: auto; } }

/*#982203 START*/
.pop-2020 { position: fixed !important; left: 50%; top: calc(50% + 20px); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 760.32px; max-height: calc(90% - 40px); }

.pop-2020 .popup-content { max-height: calc(90vh - 40px); overflow-y: auto; }

iframe.popup { background-color: transparent !important; min-height: 700px; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; -webkit-transition-property: height, top; -moz-transition-property: height, top; -o-transition-property: height, top; transition-property: height, top; overflow: hidden; }

.error.popup { background-color: transparent !important; min-height: 60px; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; -webkit-transition-property: height, top; -moz-transition-property: height, top; -o-transition-property: height, top; transition-property: height, top; }

.popup-close { position: absolute; top: -40px; right: 4px; width: 96px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #333333; overflow: hidden; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.popup-close.iframe { position: relative; top: 3px; display: inline-block; }

.popup-close.error { width: 28.8px; background-color: #ef2d56; height: 28px; line-height: 28px; top: -28px; }

#filterpopup { height: auto !important; }

#filterpopup ::-webkit-scrollbar { width: 8px; }

#filterpopup ::-webkit-scrollbar-thumb { background: #65877d; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }

@media screen and (min-width: 48em), print { .popup:not(.pop-2020) { min-height: 200px; width: 760.32px; left: 50%; margin-left: -380.16px; }
  .popup:not(.pop-2020):not(#filterpopup), .popup:not(.pop-2020) > .autooverflow-y { max-height: 850px; }
  .popup:not(.pop-2020).pop-wide { left: 5%; width: 90%; margin-left: 0; }
  .popup:not(.pop-2020).pop-narrow { left: 5%; width: 90%; margin-left: 0; }
  .error.popup { width: 532.224px; left: 50%; margin-left: -266.112px; } }

@media screen and (min-width: 66em), print { .popup.pop-wide:not(.pop-2020) { left: 50%; width: 1036.8px; margin-left: -518.4px; }
  .popup.pop-narrow:not(.pop-2020) { left: 50%; width: 576px; margin-left: -288px; }
  .popup.pop-min:not(.pop-2020) { left: 50%; width: 414.72px; margin-left: -207.36px; } }

/*#982203 END*/
#videopopup { min-height: 0; }

#videoholder { position: relative; height: 0; padding-top: 56.25%; }

#videoholder iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

#ajaxReview, #ajaxServiceReview { max-height: none !important; }

#ajaxReview .ajxreviewcontainer, #ajaxServiceReview .ajxreviewcontainer { max-height: 100%; overflow-y: auto; }

.customopts { width: 320px; margin-left: -80px; top: 56px; }

.customopts:before { content: ""; width: 16px; height: 16px; left: calc(50% - 8px); top: -9px; background-color: #fff; position: absolute; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: 1px solid #eff3f2; border-top: 1px solid #eff3f2; }

.emwapopupbox { padding: 16px; }

@media screen and (min-width: 48em), print { .emwapopupbox { padding: 16px 32px; } }

@media screen and (min-width: 66em), print { .emwapopupbox { padding: 16px 80px; } }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face { font-family: 'FontAwesome'; src: url("fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0"); src: url("fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); }

.fa, .dropdiv:before, .dropdiv.relative:before, .facet a :first-child:before { font-family: FontAwesome; display: inline-block; vertical-align: baseline; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-search:before { content: "\f002"; }

.fa-envelope-o:before { content: "\f003"; }

.fa-heart:before { content: "\f004"; }

.fa-star:before { content: "\f005"; }

.fa-star-o:before { content: "\f006"; }

.fa-user:before { content: "\f007"; }

.fa-check:before { content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }

.fa-home:before { content: "\f015"; }

.fa-clock-o:before { content: "\f017"; }

.fa-download:before { content: "\f019"; }

.fa-bookmark:before, .fa-wishlist:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-pencil:before { content: "\f040"; }

.fa-map-marker:before { content: "\f041"; }

.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }

.fa-check-square-o:before { content: "\f046"; }

.fa-stop:before { content: "\f04d"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-times-circle:before { content: "\f057"; }

.fa-check-circle:before { content: "\f058"; }

.fa-question-circle:before { content: "\f059"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-eye:before { content: "\f06e"; }

.fa-chevron-up:before, .fa-chevron-up-double:before { content: "\f077"; }

.fa-chevron-down:before, .fa-chevron-down-double:before { content: "\f078"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-phone:before { content: "\f095"; }

.fa-square-o:before, .facet a :first-child:before { content: "\f096"; }

.fa-bookmark-o:before { content: "\f097"; }

.fa-phone-square:before { content: "\f098"; }

.fa-twitter:before { content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }

.fa-globe:before { content: "\f0ac"; }

.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }

.fa-square:before { content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-truck:before { content: "\f0d1"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-plus:before { content: "\f0d5"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-lightbulb-o:before { content: "\f0eb"; }

.fa-file-text-o:before { content: "\f0f6"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angle-down:before { content: "\f107"; }

.fa-circle-o:before { content: "\f10c"; }

.fa-spinner:before { content: "\f110"; }

.fa-circle:before { content: "\f111"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-shield:before { content: "\f132"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-check-square:before, .facet a.checked :first-child:before { content: "\f14a"; }

.fa-instagram:before { content: "\f16d"; }

.fa-file-pdf-o:before { content: "\f1c1"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-commenting-o:before { content: "\f27b"; }

.fa-shopping-bag:before, .fa-shopping-bag2:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-question-circle-o:before { content: "\f29c"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; }

.fa-wishlist { position: relative; }

.fa-wishlist:after { content: "\f005"; position: absolute; font-size: 40%; color: #fff; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 20%; }

.fa-wishlist.f-color0:after { color: #65877d; }

.fa-chevron-up-double, .fa-chevron-down-double { position: relative; }

.fa-chevron-up-double:before, .fa-chevron-down-double:before { position: relative; top: -4px; }

.fa-chevron-up-double:after, .fa-chevron-down-double:after { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 2px; }

.fa-chevron-up-double:after { content: "\f077"; }

.fa-chevron-down-double:after { content: "\f078"; }

.fa-shopping-bag2 { position: relative; }

.fa-shopping-bag2:after { content: "\f04d"; position: absolute; left: 0; right: 0; bottom: 15%; top: 50%; overflow: hidden; }

footer { margin-bottom: 64px; }

@media screen and (min-width: 48em), print { #main { padding-bottom: 40px; }
  #main.nocheckout { padding-bottom: 0; }
  #main.nqminheight { min-height: 70vh; }
  footer { margin-bottom: 0; }
  #cookiebar, #greyblock { /*position:fixed*/ bottom: 0; width: 100%; -webkit-transform: translateZ(0); }
  #cookiebar, #greyblock { bottom: 40px; } }

.footernewsletter { display: flex; flex-direction: column; align-items: center; justify-content: center; }

/*footer{&,a,a:hover{color:$color2;}}
	.footer-tab{display:block;padding:$unit;cursor:pointer;border-bottom:1px solid $color5; text-align:center; color:$color1;
	&:hover {background-color:$color3; color:$color0;}
	}
.footer-slidingsection{display:none;background-color:$color0;}
.footer-slidingsection-wrapper{width:100%;max-width:$pagewidth;margin:0 auto;padding:$unit 0;}*/
@media screen and (min-width: 48em), print { #main { padding-bottom: 40px; }
  #main.nocheckout { padding-bottom: 0; }
  footer { /*position:fixed;bottom:0;width:100%;-webkit-transform:translateZ(0);/*webkit bugfix*/ }
  /*.footer-slideable {display:inline-block;} .footer-tab{ @include inline-block;line-height:$footerfixedheight;border-bottom-width:0;padding:0 6px;font-size:13px;@include respond-min-width($breakpointMD){padding:0 $unit;font-size:14px;} .footer-slideable.current &{background-color:$color0; color:$color1;} } .footer-slidingsection{ @include transition-duration($transitionduration); display:block; width:100%; height:$footerslidingsectionheight; position:absolute; left:0; bottom:$footerfixedheight - $footerslidingsectionheight; border-top:2px solid $color11; .footer-slideable.current &{bottom:$footerfixedheight;} } .footer-slidingsection-wrapper{padding:$unit;}*/ }

.customfooter { position: relative; min-height: 350px; margin-bottom: 40px; background: none; }

@media screen and (min-width: 66em), print { .customfooter { background: url(/images/core/footer_bg.jpg) center top/cover; min-height: 500px; } }

.footernewsletterform { display: flex; flex-direction: column; align-items: center; }

@media screen and (min-width: 48em), print { .footernewsletterform { flex-direction: row; } }

.footernewsletterform .signupformcont { flex: 1; width: calc(100% - 32px); margin: 16px; }

@media screen and (min-width: 48em), print { .footernewsletterform .signupformcont { width: calc(100% - 16px); } }

.footernewsletterform .signupbtncont { width: 100%; }

@media screen and (min-width: 48em), print { .footernewsletterform .signupbtncont { width: auto; } }

.footernewsletterform .signupbtncont .button { width: calc(100% - 32px); margin: 16px; }

@media screen and (min-width: 48em), print { .footernewsletterform .signupbtncont .button { width: auto; } }

.newslettericon { position: absolute; left: 16px; top: 10px; }

.newslettericon svg { fill: #65877d; }

.footerground { background: url("/images/core/footerbg.jpg"); }

.footerlinkblock a:hover { color: #65877d; }

.footerlinkblock .fcol-title { font-family: "minion-pro", serif; font-size: 20px; display: block; font-weight: bold; border-bottom: 1px solid #bacbc6; padding: 16px; position: relative; }

.footerlinkblock .fcol-title:after { content: ""; position: absolute; width: 8px; height: 8px; right: 16px; top: 24px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(135deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.footerlinkblock .fcol-title.expanded { border-bottom: 1px solid #eff3f2; }

.footerlinkblock .fcol-title.expanded:after { content: ""; transform: rotate(45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.footerlinkblock .fcol-title + span, .footerlinkblock .fcol-title + div { display: none; padding: 0 16px; }

.footerlinkblock .fcol-title + span > *, .footerlinkblock .fcol-title + div > * { padding: 10px 0; }

@media screen and (min-width: 48em), print { .footerlinkblock .fcol-title { font-family: "praxis-next-condensed", sans-serif; font-size: 16px; border-bottom-width: 0px; }
  .footerlinkblock .fcol-title:after { content: ""; display: none; }
  .footerlinkblock .fcol-title + span, .footerlinkblock .fcol-title + div { display: block; } }

.footerlinkblock .fcol1 { margin-bottom: 32px; padding: 0 16px; }

.footerlinkblock .fcol2 { padding: 0; }

.footerlinkblock .fcol3 { padding: 0; margin-bottom: 16px; }

.footercatalogue { display: flex; flex-direction: row-reverse; }

@media screen and (min-width: 66em), print { .footercatalogue { flex-direction: row; } }

.footercatalogue > div:first-child { display: none; }

@media screen and (min-width: 320px) { .footercatalogue > div:first-child { display: block; } }

.footer-social { display: flex; flex-direction: row; align-items: center; justify-content: center; }

.footer-social > a { margin: 8px; display: inline-block; }

.footerlogos { display: flex; align-items: center; gap: 32px; justify-content: center; flex-direction: row; }

@media screen and (min-width: 48em), print { .footerlogos { flex-direction: column; gap:0; } }

.footerlogos .footer-qseal img { width: 80px; }

@media screen and (min-width: 48em), print { .footerlogos .footer-qseal img { width: 100px; } }

input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; max-width: 100%; padding: 8px 15px; overflow: hidden; font-weight: 400; color: #666666; }

input:not(.flat), select:not(.flat), textarea:not(.flat) { height: 42px; }

input:focus, select:focus, textarea:focus { outline: none; }

input.short, select.short, textarea.short, label.short { max-width: 96px; }

input.xshort, select.xshort, textarea.xshort, label.xshort { max-width: 48px; }

input[type=text]:not(.bd-error), input[type=email]:not(.bd-error), input[type=password]:not(.bd-error), input[type=number]:not(.bd-error), input[type=tel]:not(.bd-error), input[type=search]:not(.bd-error), select:not(.bd-error), textarea:not(.bd-error) { border: solid 1px #dddddd; }

input[type=text]:not(.bd-error):hover, input[type=email]:not(.bd-error):hover, input[type=password]:not(.bd-error):hover, input[type=number]:not(.bd-error):hover, input[type=tel]:not(.bd-error):hover, input[type=search]:not(.bd-error):hover, select:not(.bd-error):hover, textarea:not(.bd-error):hover { border-color: #999999; }

input[type=text]:not(.bd-error):focus, input[type=email]:not(.bd-error):focus, input[type=password]:not(.bd-error):focus, input[type=number]:not(.bd-error):focus, input[type=tel]:not(.bd-error):focus, input[type=search]:not(.bd-error):focus, select:not(.bd-error):focus, textarea:not(.bd-error):focus { border-color: #333333; }

input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=search] { border-radius: 40px; }

input[type=button], input[type=submit], input[type=image], a.button, a[class*=btn-], span.button, span[class*=btn-], .btn-primary { font-size: 16px; border-radius: 40px; padding: 0 16px; text-align: center; cursor: pointer; border: none; font-weight: bold; color: #333333; -webkit-appearance: none; line-height: 42px -4; height: 42px; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; background-color: #f4d06f; font-family: "praxis-next", sans-serif; }

input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=image]::-moz-focus-inner, a.button::-moz-focus-inner, a[class*=btn-]::-moz-focus-inner, span.button::-moz-focus-inner, span[class*=btn-]::-moz-focus-inner, .btn-primary::-moz-focus-inner { padding: 0; border: 0; }

input[type=button].ymal, input[type=submit].ymal, input[type=image].ymal, a.button.ymal, a[class*=btn-].ymal, span.button.ymal, span[class*=btn-].ymal, .btn-primary.ymal { background: #6b5587; color: #fff; }

.no-touchevents input[type=button].ymal:hover, .no-touchevents input[type=submit].ymal:hover, .no-touchevents input[type=image].ymal:hover, .no-touchevents a.button.ymal:hover, .no-touchevents a[class*=btn-].ymal:hover, .no-touchevents span.button.ymal:hover, .no-touchevents span[class*=btn-].ymal:hover, .no-touchevents .btn-primary.ymal:hover { background-color: #6b5587; }

.no-touchevents input[type=button].ymal:focus, .no-touchevents input[type=submit].ymal:focus, .no-touchevents input[type=image].ymal:focus, .no-touchevents a.button.ymal:focus, .no-touchevents a[class*=btn-].ymal:focus, .no-touchevents span.button.ymal:focus, .no-touchevents span[class*=btn-].ymal:focus, .no-touchevents .btn-primary.ymal:focus { background-color: #6b5587; }

input[type=button].addbasket, input[type=button] .primary, input[type=submit].addbasket, input[type=submit] .primary, input[type=image].addbasket, input[type=image] .primary, a.button.addbasket, a.button .primary, a[class*=btn-].addbasket, a[class*=btn-] .primary, span.button.addbasket, span.button .primary, span[class*=btn-].addbasket, span[class*=btn-] .primary, .btn-primary.addbasket, .btn-primary .primary { position: relative; border: 2px solid #f4d06f; box-shadow: 0 0 0 2px #f4d06f; margin: 2px; width: calc(100% - 4px) !important; height: 38px; line-height: 34px; }

.no-touchevents input[type=button].addbasket:hover, .no-touchevents input[type=button] .primary:hover, .no-touchevents input[type=submit].addbasket:hover, .no-touchevents input[type=submit] .primary:hover, .no-touchevents input[type=image].addbasket:hover, .no-touchevents input[type=image] .primary:hover, .no-touchevents a.button.addbasket:hover, .no-touchevents a.button .primary:hover, .no-touchevents a[class*=btn-].addbasket:hover, .no-touchevents a[class*=btn-] .primary:hover, .no-touchevents span.button.addbasket:hover, .no-touchevents span.button .primary:hover, .no-touchevents span[class*=btn-].addbasket:hover, .no-touchevents span[class*=btn-] .primary:hover, .no-touchevents .btn-primary.addbasket:hover, .no-touchevents .btn-primary .primary:hover { background-color: #ffbf46; border: 2px solid #ffbf46; box-shadow: 0 0 0 2px #ffbf46; }

.no-touchevents input[type=button].addbasket:focus, .no-touchevents input[type=button] .primary:focus, .no-touchevents input[type=submit].addbasket:focus, .no-touchevents input[type=submit] .primary:focus, .no-touchevents input[type=image].addbasket:focus, .no-touchevents input[type=image] .primary:focus, .no-touchevents a.button.addbasket:focus, .no-touchevents a.button .primary:focus, .no-touchevents a[class*=btn-].addbasket:focus, .no-touchevents a[class*=btn-] .primary:focus, .no-touchevents span.button.addbasket:focus, .no-touchevents span.button .primary:focus, .no-touchevents span[class*=btn-].addbasket:focus, .no-touchevents span[class*=btn-] .primary:focus, .no-touchevents .btn-primary.addbasket:focus, .no-touchevents .btn-primary .primary:focus { background-color: #f4d06f; border: 2px solid #ffffff; box-shadow: 0 0 0 2px #f4d06f; }

.no-touchevents input[type=button].addbasket:focus:hover, .no-touchevents input[type=button] .primary:focus:hover, .no-touchevents input[type=submit].addbasket:focus:hover, .no-touchevents input[type=submit] .primary:focus:hover, .no-touchevents input[type=image].addbasket:focus:hover, .no-touchevents input[type=image] .primary:focus:hover, .no-touchevents a.button.addbasket:focus:hover, .no-touchevents a.button .primary:focus:hover, .no-touchevents a[class*=btn-].addbasket:focus:hover, .no-touchevents a[class*=btn-] .primary:focus:hover, .no-touchevents span.button.addbasket:focus:hover, .no-touchevents span.button .primary:focus:hover, .no-touchevents span[class*=btn-].addbasket:focus:hover, .no-touchevents span[class*=btn-] .primary:focus:hover, .no-touchevents .btn-primary.addbasket:focus:hover, .no-touchevents .btn-primary .primary:focus:hover { background-color: #ffbf46; }

.no-touchevents input[type=button]:hover, .no-touchevents input[type=submit]:hover, .no-touchevents input[type=image]:hover, .no-touchevents a.button:hover, .no-touchevents a[class*=btn-]:hover, .no-touchevents span.button:hover, .no-touchevents span[class*=btn-]:hover, .no-touchevents .btn-primary:hover { /*background-color:darken($color11, 3.5%);*/ background-color: #ffbf46; color: #333333; }

input[type=button].arrow, input[type=submit].arrow, input[type=image].arrow, a.button.arrow, a[class*=btn-].arrow, span.button.arrow, span[class*=btn-].arrow, .btn-primary.arrow { background-image: url(../images/core/button-arrow.png); background-repeat: no-repeat; background-size: 24px; background-position: calc(100% - 8px) center; }

input[type=button].arrow.checkoutcta, input[type=submit].arrow.checkoutcta, input[type=image].arrow.checkoutcta, a.button.arrow.checkoutcta, a[class*=btn-].arrow.checkoutcta, span.button.arrow.checkoutcta, span[class*=btn-].arrow.checkoutcta, .btn-primary.arrow.checkoutcta { background-image: none; font-family: "praxis-next", sans-serif; font-weight: bold; background-color: #65877d; color: #fff; padding: 0 !important; }

@media screen and (min-width: 23em), print { input[type=button].arrow.checkoutcta, input[type=submit].arrow.checkoutcta, input[type=image].arrow.checkoutcta, a.button.arrow.checkoutcta, a[class*=btn-].arrow.checkoutcta, span.button.arrow.checkoutcta, span[class*=btn-].arrow.checkoutcta, .btn-primary.arrow.checkoutcta { background-position: calc(100% - 48px) center; padding: 0 !important; background-image: url(../images/core/button-arrow-w.png); } }

@media screen and (min-width: 48em), print { input[type=button].arrow.checkoutcta, input[type=submit].arrow.checkoutcta, input[type=image].arrow.checkoutcta, a.button.arrow.checkoutcta, a[class*=btn-].arrow.checkoutcta, span.button.arrow.checkoutcta, span[class*=btn-].arrow.checkoutcta, .btn-primary.arrow.checkoutcta { background-image: none; } }

@media screen and (min-width: 66em), print { input[type=button].arrow.checkoutcta, input[type=submit].arrow.checkoutcta, input[type=image].arrow.checkoutcta, a.button.arrow.checkoutcta, a[class*=btn-].arrow.checkoutcta, span.button.arrow.checkoutcta, span[class*=btn-].arrow.checkoutcta, .btn-primary.arrow.checkoutcta { background-position: calc(100% - 42px) center; background-image: url(../images/core/button-arrow-w.png); } }

@media screen and (min-width: 84em), print { input[type=button].arrow.checkoutcta, input[type=submit].arrow.checkoutcta, input[type=image].arrow.checkoutcta, a.button.arrow.checkoutcta, a[class*=btn-].arrow.checkoutcta, span.button.arrow.checkoutcta, span[class*=btn-].arrow.checkoutcta, .btn-primary.arrow.checkoutcta { background-position: calc(100% - 64px) center; } }

input[type=button].arrow.checkoutcta:hover, input[type=submit].arrow.checkoutcta:hover, input[type=image].arrow.checkoutcta:hover, a.button.arrow.checkoutcta:hover, a[class*=btn-].arrow.checkoutcta:hover, span.button.arrow.checkoutcta:hover, span[class*=btn-].arrow.checkoutcta:hover, .btn-primary.arrow.checkoutcta:hover { background-color: #f4d06f; color: #333333; background-image: url(../images/core/button-arrow.png); }

input[type=button].checkoutcta, input[type=submit].checkoutcta, input[type=image].checkoutcta, a.button.checkoutcta, a[class*=btn-].checkoutcta, span.button.checkoutcta, span[class*=btn-].checkoutcta, .btn-primary.checkoutcta { background-color: #65877d !important; color: #fff !important; }

input[type=button].checkoutcta:hover, input[type=submit].checkoutcta:hover, input[type=image].checkoutcta:hover, a.button.checkoutcta:hover, a[class*=btn-].checkoutcta:hover, span.button.checkoutcta:hover, span[class*=btn-].checkoutcta:hover, .btn-primary.checkoutcta:hover { background-color: #7b9890 !important; color: #fff !important; }

input[type=button].checkoutcta.button:hover, input[type=submit].checkoutcta.button:hover, input[type=image].checkoutcta.button:hover, a.button.checkoutcta.button:hover, a[class*=btn-].checkoutcta.button:hover, span.button.checkoutcta.button:hover, span[class*=btn-].checkoutcta.button:hover, .btn-primary.checkoutcta.button:hover { background-color: #7b9890 !important; color: #fff !important; background-image: url(../images/core/button-arrow-w.png) !important; }

input[type=button]#contact-submit:disabled, input[type=submit]#contact-submit:disabled, input[type=image]#contact-submit:disabled, a.button#contact-submit:disabled, a[class*=btn-]#contact-submit:disabled, span.button#contact-submit:disabled, span[class*=btn-]#contact-submit:disabled, .btn-primary#contact-submit:disabled { background-color: #dddddd; color: #666666; }

input.btn-secondary, a.btn-secondary, input.btn-brand, a.btn-brand { background-color: #fff; border: 2px solid #f4d06f; }

.no-touchevents input.btn-secondary:hover, .no-touchevents a.btn-secondary:hover, .no-touchevents input.btn-brand:hover, .no-touchevents a.btn-brand:hover { background-color: #fef8ea; }

input.btn-secondary.transbg, a.btn-secondary.transbg, input.btn-brand.transbg, a.btn-brand.transbg { background: transparent; }

input.btn-tertiary, a.btn-tertiary { background-color: #65877d; color: #fff; }

.no-touchevents input.btn-tertiary:hover, .no-touchevents a.btn-tertiary:hover { background-color: #8eaaa2; color: #fff; }

a.button, a[class*=btn-] { border-width: 0; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; }

a.button:not(.flat), a[class*=btn-]:not(.flat) { line-height: 42px; }

textarea { height: 8em; padding-top: 8px; padding-bottom: 8px; }

input[type=image] { background-color: transparent; }

input[type=radio], input[type=checkbox], input[type=image] { border-width: 0; outline: none; height: auto; margin: 0; }

input[type=submit]:disabled { background-color: #dddddd; }

input[type=submit]:disabled:hover { background-color: #dddddd; }

input[type=radio], input[type=checkbox] { display: inline-block; vertical-align: middle; width: 16px; margin-right: 4px; }

input[type=radio] + label, input[type=checkbox] + label { display: inline-block; vertical-align: middle; width: calc(100% - 20px); margin: 0; padding: 0; color: #333333; }

.fieldwithbutton > input[type=submit], .fieldwithbutton > input[type=image], .fieldwithbutton a.button, .fieldwithbutton a[class*=btn-] { float: right; margin-left: 1.25%; }

.fieldwithbutton > div { overflow: hidden; /*height:32px;*/ }

.fieldwithbutton > div input:not([type="checkbox"]) { width: 100%; /*height:32px;*/ }

.fieldwithlabel label, .fieldbelowlabel label { font-size: 14px; color: #666666; }

.fieldwithlabel input[type=text], .fieldwithlabel input[type=email], .fieldwithlabel input[type=password], .fieldwithlabel input[type=number], .fieldwithlabel input[type=tel], .fieldwithlabel input[type=search], .fieldwithlabel select, .fieldwithlabel textarea, .fieldbelowlabel input[type=text], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=tel], .fieldbelowlabel input[type=search], .fieldbelowlabel select, .fieldbelowlabel textarea { width: 100%; }

.fieldwithlabel input[type=button], .fieldwithlabel input[type=submit], .fieldwithlabel input[type=image], .fieldbelowlabel input[type=button], .fieldbelowlabel input[type=submit], .fieldbelowlabel input[type=image] { margin-top: 1em; margin-bottom: 1em; }

.fieldwithlabel .fieldwithbutton input[type=button], .fieldwithlabel .fieldwithbutton input[type=submit], .fieldwithlabel .fieldwithbutton input[type=image], .fieldbelowlabel .fieldwithbutton input[type=button], .fieldbelowlabel .fieldwithbutton input[type=submit], .fieldbelowlabel .fieldwithbutton input[type=image] { margin-top: 0; }

.fieldwithlabel label { float: left; margin-right: 8px; width: 110px; height: 22px; line-height: 22px; padding-top: 4px; padding-bottom: 4px; font-size: 16px; }

.fieldwithlabel label.long { width: 142px; }

.fieldwithlabel label.xlong { width: 174px; }

.fieldwithlabel label + div { overflow: hidden; margin-bottom: 12px; min-height: 30px; }

.fieldwithlabel input[type=radio] + label, .fieldwithlabel input[type=checkbox] + label { float: none; margin-right: auto; width: auto; border-width: 0; }

.fieldwithlabel input[type=checkbox] { float: left; }

.fieldwithlabel input[type=checkbox] + label { display: block; margin-left: 1.5em; height: auto; line-height: normal; }

.customtick { position: relative; padding-left: 24px; }

.customtick input[type="checkbox"] { visibility: hidden; position: absolute; }

.customtick input[type="checkbox"]:checked ~ .checkmark { background: #fff url(../images/core/styltick.png) no-repeat center; background-size: contain; }

.customtick .checkmark { position: absolute; width: 16px; height: 16px; left: 0; top: 2px; border: 1px solid #65877d; border-radius: 3px; display: block; background: #fff; cursor: pointer; }

.fieldwithlabel.transform .formrow { position: relative; padding: 8px 0 24px 0; }

.fieldwithlabel.transform .formrow label { position: absolute; float: none; line-height: 100%; width: auto; color: #dddddd; left: 15px; top: 16px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; pointer-events: none; }

.fieldwithlabel.transform .formrow label + div.errormsg { display: none; }

.fieldwithlabel.transform .formrow input[type=text], .fieldwithlabel.transform .formrow input[type=email], .fieldwithlabel.transform .formrow input[type=password], .fieldwithlabel.transform .formrow input[type=number], .fieldwithlabel.transform .formrow input[type=tel], .fieldwithlabel.transform .formrow input[type=search] { padding: 8px 15px; display: block; height: 40px; }

.fieldwithlabel.transform .formrow input[type=text]:focus, .fieldwithlabel.transform .formrow input[type=email]:focus, .fieldwithlabel.transform .formrow input[type=password]:focus, .fieldwithlabel.transform .formrow input[type=number]:focus, .fieldwithlabel.transform .formrow input[type=tel]:focus, .fieldwithlabel.transform .formrow input[type=search]:focus { outline: none; }

.fieldwithlabel.transform .formrow input[type=text]:focus + label, .fieldwithlabel.transform .formrow input[type=email]:focus + label, .fieldwithlabel.transform .formrow input[type=password]:focus + label, .fieldwithlabel.transform .formrow input[type=number]:focus + label, .fieldwithlabel.transform .formrow input[type=tel]:focus + label, .fieldwithlabel.transform .formrow input[type=search]:focus + label { top: -16px; color: #666666; font-size: 14px; }

.fieldwithlabel.transform .formrow input[type=text]:valid + label, .fieldwithlabel.transform .formrow input[type=email]:valid + label, .fieldwithlabel.transform .formrow input[type=password]:valid + label, .fieldwithlabel.transform .formrow input[type=number]:valid + label, .fieldwithlabel.transform .formrow input[type=tel]:valid + label, .fieldwithlabel.transform .formrow input[type=search]:valid + label { top: -16px; color: #666666; font-size: 14px; }

.fieldwithlabel.transform .formrow input[type=text].bd-error.tran + label, .fieldwithlabel.transform .formrow input[type=email].bd-error.tran + label, .fieldwithlabel.transform .formrow input[type=password].bd-error.tran + label, .fieldwithlabel.transform .formrow input[type=number].bd-error.tran + label, .fieldwithlabel.transform .formrow input[type=tel].bd-error.tran + label, .fieldwithlabel.transform .formrow input[type=search].bd-error.tran + label { top: -16px; color: #666666; font-size: 14px; color: #ef2d56; }

.fieldwithlabel.transform .formrow input[type=text].bd-error + label, .fieldwithlabel.transform .formrow input[type=email].bd-error + label, .fieldwithlabel.transform .formrow input[type=password].bd-error + label, .fieldwithlabel.transform .formrow input[type=number].bd-error + label, .fieldwithlabel.transform .formrow input[type=tel].bd-error + label, .fieldwithlabel.transform .formrow input[type=search].bd-error + label { color: #ef2d56; }

.fieldwithlabel.transform .formrow input[type=text].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=email].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=password].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=number].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=tel].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=search].bd-error + label + div.errormsg { display: block; }

.fieldwithlabel.transform .formrow textarea { padding: 16px; display: block; }

.fieldwithlabel.transform .formrow textarea:focus { outline: none; }

.fieldwithlabel.transform .formrow textarea:focus + label { top: -16px; color: #666666; font-size: 14px; }

.fieldwithlabel.transform .formrow textarea:valid + label { top: -16px; color: #666666; font-size: 14px; }

.fieldwithlabel.transform .formrow textarea.bd-error + label { color: #ef2d56; }

.fieldwithlabel.transform .formrow textarea.bd-error + label + div.errormsg { display: block; }

.fieldwithlabel.transform .formrow.selectdrop { padding: 8px 0; margin: 8px 0; }

.fieldwithlabel.transform .formrow.selectdrop label { position: absolute; top: -16px; font-size: 14px; color: #dddddd; }

.fieldwithlabel.transform .formrow.selectdrop select:focus + label { color: #666666; }

.fieldbelowlabel label { float: none; display: block; margin: 8px 0; font-size: 16px; }

.fieldbelowlabel input[type=text], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=tel], .fieldbelowlabel input[type=search], .fieldbelowlabel select, .fieldbelowlabel textarea { margin-bottom: 8px; }

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

/*fixes Chrome & Safari but not Opera*/
input[type=number] { -moz-appearance: textfield; }

.paypalbtn { background-color: #ffc439 !important; text-align: center; width: 100% !important; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 40px; }

#recaptcha1 iframe { transform: scale(0.84); -webkit-transform: scale(0.84); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

@media screen and (min-width: 30em), print { #recaptcha1 iframe { transform: scale(1); -webkit-transform: scale(1); } }

.stackedfield { display: flex; flex-direction: column; }

@media screen and (min-width: 63.93em), print { .stackedfield { flex-direction: row; align-items: flex-start; } }

.stackedfield .fieldgroup { display: flex; flex-direction: column; flex: 1; }

.stackedfield label { display: block; margin: 0; }

@media screen and (min-width: 30em), print { .stackedfield label { margin: 8px 0; } }

#cust_dob { border-color: #dddddd; border-radius: 32px; border-style: solid; border-width: 1px; }

.formbox input { margin-bottom: 16px; }

.wdyso #attrcommerrormsg { color: #ef2d56; }

.wdyso .question-container { margin: 16px 0; }

.wdyso .question-container label { display: block; font-size: 20px; margin-bottom: 8px; }

.wdyso .question-container .wdysoselect { border-radius: 32px; border: 1px solid #ccc; padding: 0 16px; background: #fff; display: block; position: relative; overflow: hidden; }

.wdyso .question-container .wdysoselect select { width: 100%; border: none; background: transparent; padding: 0; }

#wdyso-validation-overlay { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; position: absolute; width: 100%; height: 0; top: 0; left: 0; background: rgba(255, 255, 255, 0.5); z-index: 3; }

#wdyso-validation-overlay.visible { opacity: 1; pointer-events: auto; height: 100%; }

.slidingmenu #header-main { position: static; }

.showdropdown #header-main { position: relative; }

#header-hamburger-xs { /*font-size:10vw;@include flex(0 0 auto);*/ }

#header-hamburger-xs svg { fill: #65877d; }

#header-logo img { max-width: 175px !important; }

#header-search-link, #header-basket1 { font-size: 9vw; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

#header-search-link { padding-right: 5% !important; }

#header-widgets, #header-paylogos, #header-basket2 { display: none; }

#header-search { display: block; order: 4; margin: 8px 16px; }

#cdnWishlist { position: absolute; top: -8px; right: -6px; display: none; /*background:$color7; color:$color0; padding:2px 6px; border-radius:50%;*/ }

#cdnWishlist.hasitem { background: #ef2d56; color: #fff; padding: 0 6px; border-radius: 50%; display: block; font-size: 12px; }

#cdnBasket { position: absolute; top: -8px; right: -6px; display: none; /*background:$color7; color:$color0; padding:2px 6px; border-radius:50%;*/ /*font-size:3.5vw;color:$color0;position:absolute;top:1vw;right:-$unit/4; padding:$unit/8 $unit/2; background:$color11; border-radius:$unit; color:$color0;*/ }

#cdnBasket.hasitem { background: #ef2d56; color: #fff; padding: 0 6px; border-radius: 50%; display: block; font-size: 12px; }

@media screen and (min-width: 48em), print { #header-search.sticked { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 8px; } }

@media screen and (min-width: 48em), print { #header-main { position: relative; height: 120px; /*padding:$unit/2 0;*/ }
  #header-main > div { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  #header-nav { height: 56px; }
  #header-hamburger-xs, #header-search-link, #header-basket1 { display: none; }
  #header-search { display: inline-block; order: initial; margin: 0; }
  #cdnBasket { top: -8px; right: -8px; }
  #cdnWishlist { top: -8px; right: -8px; } }

@media screen and (min-width: 66em), print { #header-main { height: 140px; }
  #header-main.enclosed { height: 122px; }
  #cdnBasket { top: -8px; right: -6px; }
  #cdnWishlist { top: -8px; right: -6px; } }

/*@include respond-min-width($breakpointMD) {#header-main{height:$navtopMD;}}*/
.enclosed #header-hamburger-xs, .enclosed #header-search-link, .enclosed #header-search, .enclosed + #header-nav { display: none !important; }

.bannerheading { position: relative; overflow: hidden; min-height: 300px; }

.bannerheading img { width: 100%; max-width: none; }

@media screen and (min-width: 48em), print { .bannerheading { height: 365px; }
  .bannerheading img { width: 1680px; margin-left: -840px; position: absolute; left: 50%; margin-left: -50%; }
  .bannerheading .overlay-content { bottom: 20%; } }

@media screen and (min-width: 84em), print { .bannerheading { height: 365px; }
  .bannerheading img { width: 100%; margin-left: -50%; } }

.topheadernav { padding: 0 16px; font-size: 12px; display: flex; flex-direction: row; justify-content: flex-end; /*border-bottom:1px solid $color5*/ font-size: 14px; }

.topheadernav > a { display: inline-block; margin: 0 8px; padding: 8px 0 5.33333px 0; border-bottom: 2px solid #fff; }

.topheadernav > a:hover { border-bottom: 2px solid #F4D06F; color: #65877d; }

.header-flex { display: flex; flex-direction: row; align-items: center; /*border-bottom:1px solid $color5;*/ padding: 16px 0 0 0; flex-wrap: wrap; }

@media screen and (min-width: 48em), print { .header-flex { padding: 8px 0; } }

@media screen and (min-width: 66em), print { .header-flex { padding: 16px 0; } }

.headerfunc { display: flex; flex-direction: row; justify-content: flex-end; color: #333333; font-size: 14px; }

.headerfunc .funcicon { font-size: 14px; margin: 0 8px; display: inline-block; }

.headerfunc .funcicon a:not(.hidden) { display: flex; flex-direction: column; align-items: center; }

.headerfunc .funcicon a:not(.hidden) .nowrap { margin-top: 4px; display: inline-block; }

.headerfunc .funcicon svg { fill: #65877d; }

.headerfunc .funcicon:hover svg { fill: #F4D06F; }

.headerfunc .funcicon > span:last-child { margin-top: 4px; display: inline-block; }

.headerfunc .funcicon .func-label { display: none !important; }

@media screen and (min-width: 23em), print { .headerfunc .funcicon .func-label { display: inline-block !important; } }

.headersearchform { border: 1px solid #65877d; border-radius: 24px; display: flex; flex-direction: row; position: relative; }

.headersearchform input.headersearchinput { width: calc(100% - 16px); border: none; background: transparent; font-size: 18px; padding: 8px; }

.headersearchform:hover { border: 1px solid #F4D06F; }

.headersearchform .searchclear { position: absolute; right: 16px; top: 12px; cursor: pointer; }

.headersearchform .searchclear svg { fill: #65877d; }

.headersearchform .searchsubmit { display: inline-flex; margin: 8px 4px 4px 16px; cursor: pointer; }

.headersearchform .searchsubmit svg { fill: #65877d; }

.breadcrumb-back svg { fill: #65877d; }

@media screen and (min-width: 48em), print { .breadcrumb-back svg.barrow { display: none; } }

.sticked-search #sitebody { padding-bottom: 80px; }

.headerzonecontainer { width: 100%; display: block; }

@media screen and (min-width: 48em), print { .headerzonecontainer { height: 42px; } }

.page-wrapper { margin-left: -16px !important; margin-right: -16px !important; }

@media screen and (min-width: 30em), print { .page-wrapper { /*margin-left:-$unit/2!important;margin-right:-$unit/2!important;*/ } }

.page-wrapper > * { padding-left: 8px; padding-right: 8px; }

@media screen and (min-width: 30em), print { .page-wrapper > * { padding: 16px; } }

.page-wrapper .listing { margin: 0; }

@media screen and (min-width: 30em), print { .page-wrapper .listing { margin: 8px 0; } }

.listing { /*display:block;*/ display: inline-block; text-align: left; outline: 0px solid #dddddd !important; /*overflow:hidden;*/ background-color: #fff; margin: 8px 0; font-size: 13px; }

@media screen and (min-width: 30em), print { .listing { font-size: 14px; } }

@media screen and (min-width: 48em), print { .listing { font-size: 16px; } }

@media screen and (min-width: 84em), print { .listing { font-size: 16px; } }

.listing [data-listing] { display: block; }

.listing [data-listing="image"] { width: 100%; }

.listing [data-listing="promo"] { position: absolute; top: 0; right: 0; max-width: 30%; }

.listing .listing-details > * { margin: auto; }

.listing .listing-details [data-listing] { margin: 14px 0; }

@media screen and (min-width: 30em), print { .listing .listing-details [data-listing] { margin: 18px 0; } }

.listing .listing-details [data-listing="name"] { height: 46px; font-size: 18px; font-family: "minion-pro", serif; }

@media screen and (min-width: 30em), print { .listing .listing-details [data-listing="name"] { height: 46px; line-height: 18px; } }

.listing .listing-details [data-listing="price"] { /*height:$heightPrice;*/ margin: 8px 0; }

.listing .listing-details [data-listing="swatches"] { height: 24px; }

.listing .listing-details [data-listing="reviews"] { /*height:$heightReviews;*/ }

.listing .listing-details.blog [data-listing] { height: auto; }

.listing .listing-details.blog [data-listing="name"] { height: auto; }

@media screen and (min-width: 30em), print { .listing .listing-details.blog [data-listing="name"] { height: auto; } }

.listing .listing-details.listing-wishlist { height: 193px; }

.listing .listing-details.listing-wishlist [data-listing="options"] { height: 30px; }

.listing .listing-details.listing-wishlist .listing-variants { max-height: 260px; overflow: hidden; overflow-y: auto; background: #fff; position: absolute; left: 0; right: 0; z-index: 1; }

.webkit .listing .listing-details.listing-wishlist .listing-variants { left: -1px; right: -1px; border-width: 0 1px 1px; }

.listing .listing-details.listing-wishlist .listing-variants::-webkit-scrollbar { width: 8px; background: #eff3f2; cursor: pointer; }

.listing .listing-details.listing-wishlist .listing-variants::-webkit-scrollbar-thumb { background: #999999; cursor: pointer; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }

.listing .listing-details.listing-wishlist .hidden + .listing-variants { border-bottom-width: 0; }

.listing .listing-details.blog { height: auto; }

.listing .listing-icons { visibility: hidden; position: absolute; left: 50%; margin-left: -50px; width: 100px; text-align: center; font-size: 1.75em; bottom: 32px; /*$heightTotal - $heightCTA;#976835*/ }

@media screen and (min-width: 30em), print { .listing .listing-icons { bottom: 32px; } }

.listing .listing-icons.listing-icons-withcta { bottom: 32px; /*$heightTotal;#976835*/ }

@media screen and (min-width: 30em), print { .listing .listing-icons.listing-icons-withcta { bottom: 32px; /*:$heightTotalMS;#976835*/ } }

.listing .listing-icons a { color: #fff; }

.listing .listing-icons a:hover { color: #fff; }

.listing .listing-icons span { color: #f4d06f; cursor: pointer; -webkit-border-radius: 99999px !important; -moz-border-radius: 99999px !important; border-radius: 99999px !important; background-color: none; width: auto; line-height: 30px; text-align: center; display: inline-block; margin: 0 4px; }

.listing .listing-icons span.qvlink { font-size: 13px; padding: 6px 0; background: #f4d06f; color: #fff; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; line-height: normal; display: block; /*#976835*/ }

.listing .listing-icons span.qvlink:hover { background: #ffbf46; }

.listing#listing-sidebar { outline: none !important; }

@media screen and (min-width: 48em), print { .listing#listing-sidebar { outline: 0px solid #dddddd !important; } }

@media screen and (min-width: 48em), print { .listing.search .listing-details > * { font-size: 11px; } }

@media screen and (min-width: 66em), print { .listing.search .listing-details > * { font-size: 14px; } }

.listing .swatch { cursor: pointer; display: inline-block; border: 1px solid #eff3f2; width: 24px; height: 24px; }

.no-touchevents .listing:not(.no-hover):hover { outline: 0px solid #999999 !important; }

.no-touchevents .listing:not(.no-hover):hover a, .no-touchevents .listing:not(.no-hover):hover span[data-listing="name"] { color: #333333; }

.no-touchevents .listing:not(.no-hover):hover a.button, .no-touchevents .listing:not(.no-hover):hover span[data-listing="name"].button { color: #fff !important; background: #ffbf46; }

.no-touchevents .listing:not(.no-hover):hover .listing-icons { visibility: visible; }

.listing #facetMiddleBlock > div:last-child { border-bottom: none !important; }

.listingpagination { outline: 0px solid #dddddd; }

@media screen and (min-width: 48em), print { .listingpagination { outline: 1px solid #dddddd; background-color: #fff; } }

.no-touchevents .listing.blog:not(.no-hover):hover { background-color: #fff; color: #65877d; }

.no-touchevents .listing.blog:not(.no-hover):hover a, .no-touchevents .listing.blog:not(.no-hover):hover [data-url], .no-touchevents .listing.blog:not(.no-hover):hover [data-name] { color: #65877d; }

.x-close { position: relative; }

.x-close:after { content: 'X'; position: absolute; right: 16px; }

#stickyPaginationGap, #pagination { right: 16px; }

@media screen and (min-width: 1320px), print { #stickyPaginationGap, #pagination { right: 50%; margin-right: -644px; } }

.listingpagination { margin-top: 24px; }

.listingpagination > * { display: block; width: 24px; line-height: 24px; margin-top: 8px; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.listingpagination .current, .listingpagination a:hover { background: #eff3f2; }

.bubble-parent { position: relative; }

.bubble-parent .bubble { width: 24px; height: 24px; line-height: 24px; position: absolute; top: -12px; right: -12px; text-align: center; }

[data-scrollfrom="150"] { max-height: 150px; }

[data-scrollfrom="160"] { max-height: 160px; }

[data-scrollfrom="170"] { max-height: 170px; }

[data-scrollfrom="180"] { max-height: 180px; }

[data-scrollfrom="190"] { max-height: 190px; }

[data-scrollfrom] { overflow-y: auto; }

/*#725974*/
.webkit .scroll-pane { overflow: hidden; overflow-y: auto; }

.webkit .scroll-pane::-webkit-scrollbar { width: 8px; background: #eff3f2; cursor: pointer; }

.webkit .scroll-pane::-webkit-scrollbar-thumb { background: #65877d; cursor: pointer; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }

.facet a { position: relative; text-align: left; padding-top: 6px; line-height: 17px; margin-top: 4px; }

.facet a :first-child { padding-left: 16px; }

.facet a :first-child:before { position: absolute; left: 0; top: 6px; }

#facetMiddleBlock .toggle-next { cursor: pointer; }

#facetMiddleBlock .toggle-next .fa-angle-right, #facetMiddleBlock .toggle-next .fa-angle-down { float: right; }

#facetMiddleBlock .toggle-next .fa-angle-down { display: none; }

#facetMiddleBlock .toggle-next.toggle-next-clicked .fa-angle-down { display: block; }

#facetMiddleBlock .toggle-next.toggle-next-clicked .fa-angle-right { display: none; }

.listing-facet .listing-facet-category { font-family: "minion-pro", serif; padding: 16px 0; font-size: 20px; font-weight: 600; position: relative; cursor: pointer; }

.listing-facet .listing-facet-category.opened { border-top: 0px solid #bacbc6; }

.listing-facet .listing-facet-category.opened:after { content: ""; position: absolute; right: 16px; top: 24px; width: 8px; height: 8px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.listing-facet .listing-facet-category.closed { border-bottom: 1px solid #bacbc6; }

.listing-facet .listing-facet-category.closed:after { content: ""; position: absolute; right: 16px; top: 24px; width: 8px; height: 8px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(135deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.listing-facet .listing-facet-category.closed + div { display: none; }

.listing-facet .listing-facet-item { display: flex; flex-direction: row; align-items: center; padding: 8px 16px 8px 32px; position: relative; text-transform: capitalize; }

.listing-facet .listing-facet-item:before { content: ""; width: 16px; height: 16px; border: 1px solid #65877d; display: inline-block; position: absolute; left: 0; cursor: pointer; }

.listing-facet .listing-facet-item.selected:before { content: ""; width: 16px; height: 16px; border: 1px solid #65877d; display: inline-block; position: absolute; left: 0; cursor: pointer; background: #65877d; }

.listing-facet .listing-facet-item.notavailable { opacity: .3; }

.listing-facet .listing-facet-item.notavailable:before { cursor: default; }

#nuqlium-container #listing-wrapper { padding: 0 8px; margin-top: 0; transition: left 0.75s, width 0.75s; }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper { padding: 0 16px; position: relative; width: calc(100% + 330px); left: -330px; min-height: 500px; } }

@media screen and (min-width: 66em), print { #nuqlium-container #listing-wrapper { z-index: 0; padding: 0 16px; position: relative; } }

#nuqlium-container #listing-wrapper #listing-sidebar { position: absolute; z-index: 1; font-size: 14px; }

#nuqlium-container #listing-wrapper #listing-sidebar, #nuqlium-container #listing-wrapper #listing-list, #nuqlium-container #listing-wrapper #listing-sidebar-gap { display: inline-block; vertical-align: top; transition: left 0.75s, width 0.75s; }

#nuqlium-container #listing-wrapper #listing-sidebar-gap { width: 0; position: absolute; }

#nuqlium-container #listing-wrapper #listing-sidebar, #nuqlium-container #listing-wrapper #listing-sidebar.fixed + #listing-sidebar-gap { width: 100vw; transition: left 0.75s, width 0.75s, opacity 0.5s; left: -330px; }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper #listing-sidebar, #nuqlium-container #listing-wrapper #listing-sidebar.fixed + #listing-sidebar-gap { width: 330px; left: -330px; } }

#nuqlium-container #listing-wrapper #listing-sidebar { opacity: 0; transition: opacity 0.5s, width 0.75s, left 0.75s; position: fixed; bottom: auto; overflow: hidden; padding: 32px 16px; background: #fff; }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper #listing-sidebar { position: sticky; overflow: auto; top: 64px !important; } }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper #listing-list { width: calc(100% - 330px); transition: left 0.75s, width 0.75s; } }

#nuqlium-container #listing-wrapper.sidebar-visible { left: 0; transition: left 0.75s, width 0.75s; width: 100%; }

#nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar { left: 0; top: 0; opacity: 1; z-index: 2; height: 100vh; overflow-y: auto; transition: opacity 0.5s, width 0.75s, left 0.75s; }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar { height: auto; } }

@media screen and (min-width: 66em), print { #nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar { left: 0; } }

@media screen and (min-width: 84em), print { #nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar { left: calc((100vw - 1320px)/2); } }

#nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar > div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow-x: hidden; overflow-y: auto; }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper.sidebar-visible #listing-sidebar > div { display: block; } }

@media screen and (min-width: 48em), print { #nuqlium-container #listing-wrapper.sidebar-visible #listing-list { width: calc(100% - 330px); transition: left 0.75s, width 0.75s; } }

body.filter-visible #header-main { height: 0; overflow: hidden; }

@media screen and (min-width: 48em), print { body.filter-visible #header-main { height: auto; overflow: auto; } }

[nq-product-area] { display: flex; flex-wrap: wrap; }

#listing-wrapper [data-nq-product] { border: 0px solid #fff; border-radius: 6px; padding: 0 8px; }

#listing-wrapper [data-nq-product] .qvlink { display: none; }

.no-touchevents #listing-wrapper [data-nq-product]:hover { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 48em), print { #listing-wrapper [data-nq-product] { padding: 12px; }
  #listing-wrapper [data-nq-product]:hover .qvlink { display: block; position: absolute; right: calc(50% - 50px); bottom: 4px; padding: 12px 16px; border-radius: 40px; background: #F4D06F; font-size: 13px; }
  #listing-wrapper [data-nq-product]:hover .qvlink:hover { background: #ffbf46; } }

/*1085521*/
.sidebar-box { position: relative; overflow: hidden; }

.sidebar-box .read-more, .sidebar-box .read-less { /*position: absolute; bottom: -$unit*2; left: 0; width: 100%; text-align: center; margin: 0; padding: $unit*2 0; background:$color0;*/ padding: 16px; }

/*1085521*/
#ProductOptions { display: flex; flex-direction: column; }

#ProductOptions #ProductHeadingNarrow { order: 2; }

#ProductOptions .product-left { order: 1; }

#ProductOptions [data-product-details] { order: 3; }

@media screen and (min-width: 48em) { #ProductOptions { display: block; } }

@media screen and (min-width: 48em), print { .product-left { position: sticky; top: 80px; z-index: 2; } }

/*#mainImage{border-radius:$unit/4;}
#alternativeImages{ width:80%; margin:0 auto;
                    @include respond-min-width($breakpointSM){ min-height:150px;}
                    img{width:16%; margin:$unit/2; border-radius:$unit/4;
                        &.selected{border:1px solid $color16}
                    }
}*/
[data-video="true"] + .fancybox { display: none !important; }

.productheading { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-bottom: 8px; }

.productheading h1 { font-weight: bold; line-height: normal !important; margin: 0; }

.productheading-opt { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 0; /*$unit*2;*/ }

@media screen and (min-width: 48em), print { .productheading-opt { margin-bottom: 0; } }

.delsuppl { padding: 4px; font-size: 14px; font-weight: bold; background: #eff3f2; border-radius: 5px; }

.reviewblock { border-bottom: 1px solid #bacbc6; display: block; }

.reviewblock .reviewitemheadblock { display: flex; flex-direction: row; align-items: center; }

.optcontainer { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; }

.optcontainer .optwrapper { flex-grow: 1; position: relative; z-index: 2; }

.optcontainer .optwrapper .optdropdown { padding: 12px; border-radius: 32px; }

@media screen and (min-width: 48em), print { .optcontainer .optwrapper .optdropdown { padding: 8px 16px; } }

.optcontainer .optwrapper + div { width: 100%; z-index: 1; position: relative; }

.optcontainer .optwrapper + div > div { border-top: none; margin-top: -16px !important; border-radius: 0 0 16px 16px; }

.recommendation-area .slick-slider { overflow: hidden; }

.recommendation-area .slick-slider .slick-list { width: 75%; overflow: visible; }

@media screen and (min-width: 48em), print { .recommendation-area .slick-slider .slick-list { width: 100%; } }

.recommendation-area [data-nq-product] { margin: 8px 8px 48px 8px !important; }

.recommendation-area [data-nq-product] .qvlink { display: none; }

@media screen and (min-width: 48em), print { .recommendation-area [data-nq-product]:hover .qvlink { display: block; position: absolute; right: calc(50% - 50px); bottom: 4px; padding: 12px 16px; border-radius: 40px; background: #F4D06F; font-size: 13px; }
  .recommendation-area [data-nq-product]:hover .qvlink:hover { background: #ffbf46; } }

.cta-area:not(.bundle-cta) { position: fixed; bottom: 0; width: 100%; background: #fff; padding: 16px 16px 0 16px; left: 0; z-index: 3; -webkit-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); -moz-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); }

@media screen and (min-width: 48em), print { .cta-area:not(.bundle-cta) { position: relative; bottom: auto; left: auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 1; } }

.cta-area:not(.bundle-cta) .cta-container { margin: 0; }

@media screen and (min-width: 48em), print { .cta-area:not(.bundle-cta) .cta-container { margin-top: 8px; } }

/*[data-product-details]{display:inline-flex; flex-direction:column;}*/
.thumbnailimages { clear: both; margin: 0 auto; height: 0; display: none; }

@media screen and (min-width: 48em), print { .thumbnailimages { margin: 16px auto; display: block; height: auto; } }

#alternativeImages { max-width: 100%; height: 100%; margin: 0 auto; }

#alternativeImages.slick-slider { max-width: 90%; height: 100%; margin: 0 auto; }

@media screen and (min-width: 66em), print { #alternativeImages { max-width: 100%; height: 100%; margin: 0 auto; } }

#alternativeImages .slick-arrow { cursor: pointer; background: none; color: #fff; display: inline-block !important; z-index: 99; max-width: 20px; max-height: 20px; }

#alternativeImages .slick-arrow img { width: 100%; height: 100%; margin: 0; padding: 0; border: none !important; }

#alternativeImages .slick-arrow.toleft { position: absolute; left: -24px; top: 40%; text-align: left; max-width: 20px; }

#alternativeImages .slick-arrow.toright { position: absolute; right: -24px; top: 40%; text-align: right; max-width: 20px; }

#newalternativethumb { margin: 16px 32px; opacity: 1; }

#newalternativethumb.notransform .slick-track { transform: none !important; }

@media screen and (min-width: 66em), print { #newalternativethumb { margin: 16px; } }

#newalternativethumb .slick-track { display: flex; }

@media screen and (min-width: 66em), print { #newalternativethumb .slick-track .slick-slide img { width: 57px; } }

#newalternativethumb.slick-slider .slick-arrow { position: absolute; width: 16px; height: 16px; width: 32px; height: 32px; line-height: 32px; font-size: 32px; top: calc(50% - 16px); cursor: pointer; }

#newalternativethumb.slick-slider .slick-arrow.slick-prev { left: -24px; }

#newalternativethumb.slick-slider .slick-arrow.slick-next { right: -24px; left: auto; text-align: right; }

#newalternativethumb.slick-slider.slick-vertical .slick-arrow { position: absolute; width: 16px; height: 16px; left: calc(50% - 8px); line-height: 16px; font-size: 16px; text-align: center; }

#newalternativethumb.slick-slider.slick-vertical .slick-arrow.slick-prev { top: -24px !important; text-align: center; }

#newalternativethumb.slick-slider.slick-vertical .slick-arrow.slick-next { bottom: -24px !important; top: auto; text-align: center; }

#qvImages #newalternative.slick-slider { position: relative; }

#qvImages #newalternative.slick-slider .slick-slide { position: relative; }

#qvImages #newalternative.slick-slider img { max-height: 33vh; }

#newalternative { opacity: 1; position: relative; }

#newalternative.slick-slider { margin: 0; }

@media screen and (min-width: 66em), print { #newalternative.slick-slider { display: flex !important; } }

#newalternative.slick-slider .slick-list { width: 100%; }

#newalternative.slick-slider img { border-radius: 4px; }

#newalternative.slick-slider img.pdp-main-img { width: 100%; height: auto; }

#newalternative.slick-slider .slick-slide { position: relative; }

#newalternative.slick-slider .slick-arrow { position: absolute; width: 40px; height: 40px; top: calc(50% - 20px); font-size: 32px; background-color: white; line-height: 40px; text-align: center; cursor: pointer; z-index: 1; border-radius: 50%; }

#newalternative.slick-slider .slick-arrow.slick-prev { left: 16px; }

@media screen and (min-width: 48em), print { #newalternative.slick-slider .slick-arrow.slick-prev { left: 32px; } }

#newalternative.slick-slider .slick-arrow.slick-next { right: 16px; }

@media screen and (min-width: 48em), print { #newalternative.slick-slider .slick-arrow.slick-next { right: 32px; } }

#newalternative .slick-track { display: flex; align-items: center; }

#newalternative .slick-dots { margin: 16px 0; display: flex; align-items: center; justify-content: center; }

#newalternative .slick-dots li { display: inline-block; }

#newalternative .slick-dots li.slick-active .mobileslidedot { border: 2px solid #65877d; background: #fff; width: 14px; height: 14px; }

#newalternative .slick-dots li .mobileslidedot { width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin: 4px; background: #65877d; border: 2px solid #fff; }

#newalternative > div:not(.slick-list) { opacity: 1; }

#newalternative .fancybox { position: absolute; right: 16px; bottom: 16px; padding: 8px; border-radius: 100%; background: rgba(255, 255, 255, 0.8); }

.mainimages { float: none; margin-bottom: 16px; }

@media screen and (min-width: 66em), print { .mainimages { min-height: 500px; margin-bottom: 0; } }

.thumbitems { margin: 0 4px; border: 2px solid #fff; display: inline-block; border-radius: 4px; }

@media screen and (min-width: 48em), print { .thumbitems { margin: 0 4px; } }

@media screen and (min-width: 66em), print { .thumbitems { margin: 4px 4px; } }

.thumbitems.slick-current { border: 2px solid #F4D06F; box-shadow: 0px 0px 4px 0px rgba(108, 108, 108, 0.75); }

.thumbitems img { border-radius: 2px; }

.slick-flexfix { min-width: 0; min-height: 0; }

@media screen and (min-width: 66em), print { .mainimages #newalternative { /*max-height:512px;*/ overflow: hidden; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

.fade-out { animation: fade-in 0.1s ease; }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

.fade-in { animation: fade-in 0.7s ease; }

.breadcrumb-back { /*display:flex*/ }

.latest-added { display: flex; flex-direction: column; padding-bottom: 16px; }

@media screen and (min-width: 48em), print { .latest-added { flex-direction: row; } }

.latest-added .latest-added-details { flex: 1; }

[data-accordionarea] .exclusive { position: relative; }

[data-accordionarea] .exclusive:after { content: ""; position: absolute; width: 8px; height: 8px; right: 8px; top: 4px; border-top: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

[data-accordionarea] .exclusive.plus:after { top: 20px; transform: rotate(135deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

[data-accordionarea] .exclusive.minus:after { top: 20px; }

[data-accordionarea] .exclusive.desc:after { top: 8px; }

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

.promo-pdp img { max-width: 105px; max-height: 150px; }

[data-listing="promo"] img { max-width: 105px; max-height: 150px; }

.stocklabel { max-width: 85%; }

.ooshideonmobile { display: none; }

@media screen and (min-width: 48em), print { .ooshideonmobile { display: inline-block; } }

[data-glossaryarea] { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.grossary1-box { display: flex; align-items: center; margin-right: 8px; width: 30%; margin-bottom: 8px; }

.grossary1-box > div.iconlabel { width: 50%; font-weight: 600; font-size: 12px; text-align: left; }

@media screen and (min-width: 66em), print { .grossary1-box > div.iconlabel { font-size: 14px; } }

.grossary2-box { display: flex; align-items: flex-start; }

.grossary2-box > div:first-child { min-width: 15%; max-width: 15%; }

.iconwrapper { border: 2px solid #333333; border-radius: 8px; }

.iconlabel { padding: 8px 4px; }

@media screen and (min-width: 48em), print { .iconlabel { padding: 8px; } }

.alternative-video-play { position: relative; margin: 4px; z-index: 0; }

.alternative-video-play:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 1; }

@media screen and (min-width: 66em), print { .alternative-video-play:after { width: 57px; height: 57px; } }

.alternative-video-play:before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../images/core/playvideoic3.png) no-repeat; background-size:cover; /*background:rgba(255,255,255,0.9); top:0; left:0; clip-path:polygon(20% 10%,80% 50%,20% 90%);*/ cursor: pointer; z-index: 2; }

@media screen and (min-width: 66em), print { .alternative-video-play:before { width: 57px; height: 57px; } }

#qvImages .alternative-video-play { margin: 0 4px; }

.content-spot .listing { height: 0; padding-bottom: calc(100% + 202px); margin-bottom: 7px; }

@media screen and (min-width: 30em), print { .content-spot .listing { padding-bottom: calc(100% + 222px); } }

.content-spot[data-size="2x1"], .content-spot[data-size="2x2"] { width: 100%; }

@media screen and (min-width: 48em), print { [data-cols-sm="3"] .content-spot[data-size="2x1"], [data-cols-sm="3"] .content-spot[data-size="2x2"] { width: 66.66667%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="4"] .content-spot[data-size="2x1"], [data-cols-sm="4"] .content-spot[data-size="2x2"] { width: 50%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="5"] .content-spot[data-size="2x1"], [data-cols-sm="5"] .content-spot[data-size="2x2"] { width: 40%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="6"] .content-spot[data-size="2x1"], [data-cols-sm="6"] .content-spot[data-size="2x2"] { width: 33.33333%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="7"] .content-spot[data-size="2x1"], [data-cols-sm="7"] .content-spot[data-size="2x2"] { width: 28.57143%; } }

@media screen and (min-width: 48em), print { [data-cols-sm="8"] .content-spot[data-size="2x1"], [data-cols-sm="8"] .content-spot[data-size="2x2"] { width: 25%; } }

@media screen and (min-width: 66em), print { [data-cols-md="3"] .content-spot[data-size="2x1"], [data-cols-md="3"] .content-spot[data-size="2x2"] { width: 66.66667%; } }

@media screen and (min-width: 66em), print { [data-cols-md="4"] .content-spot[data-size="2x1"], [data-cols-md="4"] .content-spot[data-size="2x2"] { width: 50%; } }

@media screen and (min-width: 66em), print { [data-cols-md="5"] .content-spot[data-size="2x1"], [data-cols-md="5"] .content-spot[data-size="2x2"] { width: 40%; } }

@media screen and (min-width: 66em), print { [data-cols-md="6"] .content-spot[data-size="2x1"], [data-cols-md="6"] .content-spot[data-size="2x2"] { width: 33.33333%; } }

@media screen and (min-width: 66em), print { [data-cols-md="7"] .content-spot[data-size="2x1"], [data-cols-md="7"] .content-spot[data-size="2x2"] { width: 28.57143%; } }

@media screen and (min-width: 66em), print { [data-cols-md="8"] .content-spot[data-size="2x1"], [data-cols-md="8"] .content-spot[data-size="2x2"] { width: 25%; } }

@media screen and (min-width: 66em), print { [data-cols-md="9"] .content-spot[data-size="2x1"], [data-cols-md="9"] .content-spot[data-size="2x2"] { width: 22.22222%; } }

@media screen and (min-width: 66em), print { [data-cols-md="10"] .content-spot[data-size="2x1"], [data-cols-md="10"] .content-spot[data-size="2x2"] { width: 20%; } }

.content-spot[data-size="2x1"] .listing { padding-bottom: calc(50% + 194px); }

@media screen and (min-width: 30em), print { .content-spot[data-size="2x1"] .listing { padding-bottom: calc(50% + 214px); } }

.content-spot[data-size="2x2"] .listing { padding-bottom: calc(100% + 404px); }

@media screen and (min-width: 30em), print { .content-spot[data-size="2x2"] .listing { padding-bottom: calc(100% + 444px); } }

nav { position: absolute; left: -300px; top: 0; width: 300px; min-height: 100%; overflow: hidden; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; font-size: 14px; background: #fff; }

@media screen and (min-width: 30em), print { nav { left: -360px; top: 0; width: 360px; } }

@media screen and (min-width: 48em), print { nav { left: 0; top: 121px; width: 100%; min-height: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; font-size: 16px; background: none; } }

@media screen and (min-width: 66em), print { nav { top: 162px; } }
@media screen and (min-width: 48em), print { nav.headerzoninc { top: 182px; } }

@media screen and (min-width: 66em), print { nav.headerzoninc { top: 156px; } }

.hascookiebar nav { top: 182px; }

@media screen and (min-width: 48em), print { .hascookiebar nav { top: 178px; } }

@media screen and (min-width: 66em), print { .hascookiebar nav { top: 198px; } }

#sitebody { position: relative; left: 0; top: 0; width: 100%; background-color: #fff; opacity: 1; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.slidingmenu nav { left: 0; /*@include box-shadow(24px 0 24px $color2);*/ }

.slidingmenu #sitebody { left: 300px; position: fixed; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.slidingmenu #overlay-sitebody { display: block; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); }

/*#895829 START*/
#nav-wrapper { position: relative; left: 0; top: 0; width: 900px; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

@media screen and (min-width: 48em), print { #nav-wrapper { width: 100%; /*border-bottom:2px solid $color11;*/ } }

#nav-wrapper a { text-decoration: none; padding: 12px 16px; border-bottom: 1px solid #fff; bckground: #fff; }

#nav-wrapper a:not(.hidden) { display: block; }

@media screen and (min-width: 48em), print { #nav-wrapper a { background: none; border-bottom-width: 0; } }

#nav-wrapper div:not([data-customhover]) > a { background: #fff; font-family: "minion-pro", serif; font-weight: bold; border-bottom: 1px solid #bacbc6; position: relative; font-size: 16px; }

@media screen and (min-width: 48em), print { #nav-wrapper div:not([data-customhover]) > a { background: none; font-family: "praxis-next-condensed", sans-serif; border-bottom-width: 0px; font-weight: normal; } }

#nav-wrapper #nav-mobilelinks a { background: #fff; text-transform: none; }

#nav-wrapper .nav-back { background: none; text-transform: none; }

#nav-wrapper [data-parent] a:first-child, #nav-wrapper [data-grandparent] a:first-child { font-weight: 600; background: #65877d; color: #fff; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] a:first-child, #nav-wrapper [data-grandparent] a:first-child { /*margin-bottom:$unit/4;*/ font-weight: normal; background: none; color: #333333; } }

#nav-wrapper [data-parent] a, #nav-wrapper [data-grandparent] a { font-weight: 600 !important; }

#nav-wrapper [data-parent] a.navhas-children, #nav-wrapper [data-grandparent] a.navhas-children { font-weight: 600 !important; }

#nav-wrapper [data-parent] a[data-greatparent], #nav-wrapper [data-parent] a.nav-viewmore, #nav-wrapper [data-grandparent] a[data-greatparent], #nav-wrapper [data-grandparent] a.nav-viewmore { border-bottom: none; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] a[data-greatparent], #nav-wrapper [data-parent] a.nav-viewmore, #nav-wrapper [data-grandparent] a[data-greatparent], #nav-wrapper [data-grandparent] a.nav-viewmore { margin-left: 16px; font-size: 14px; color: #999999; }
  #nav-wrapper [data-parent] a[data-greatparent]:hover, #nav-wrapper [data-parent] a.nav-viewmore:hover, #nav-wrapper [data-grandparent] a[data-greatparent]:hover, #nav-wrapper [data-grandparent] a.nav-viewmore:hover { color: #666666; } }

#nav-wrapper [data-parent] a.nav-viewmore, #nav-wrapper [data-grandparent] a.nav-viewmore { display: none; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] a.nav-viewmore, #nav-wrapper [data-grandparent] a.nav-viewmore { text-decoration: underline; display: block; } }

#nav-wrapper [data-parent] [data-greatparent], #nav-wrapper [data-grandparent] [data-greatparent] { background: none; }

#nav-wrapper [data-parent] .nav-vis-mobileonly, #nav-wrapper [data-grandparent] .nav-vis-mobileonly { display: block; border-bottom: none; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] .nav-vis-mobileonly, #nav-wrapper [data-grandparent] .nav-vis-mobileonly { display: none; } }

#nav-wrapper [data-parent] .nav-vis-mobileonly a, #nav-wrapper [data-grandparent] .nav-vis-mobileonly a { background: none; color: #333333; font-family: "praxis-next-condensed", sans-serif; font-size: 16px; font-weight: normal !important; }

#nav-wrapper [data-parent] .mobsub-heading, #nav-wrapper [data-grandparent] .mobsub-heading { padding: 12px 16px; font-weight: bold; font-family: "minion-pro", serif; position: relative; cursor: pointer; }

#nav-wrapper [data-parent] .mobsub-heading.closed, #nav-wrapper [data-grandparent] .mobsub-heading.closed { border-bottom: 1px solid #bacbc6; }

#nav-wrapper [data-parent] .mobsub-heading.closed:after, #nav-wrapper [data-grandparent] .mobsub-heading.closed:after { content: ""; position: absolute; right: 16px; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

#nav-wrapper [data-parent] .mobsub-heading.opened, #nav-wrapper [data-grandparent] .mobsub-heading.opened { border-bottom: 0px solid #bacbc6; border-left: 3px solid #F4D06F; box-sizing: border-box; }

#nav-wrapper [data-parent] .mobsub-heading.opened:after, #nav-wrapper [data-grandparent] .mobsub-heading.opened:after { content: ""; position: absolute; right: 16px; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(-135deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] .mobsub-heading, #nav-wrapper [data-grandparent] .mobsub-heading { display: none; } }

#nav-wrapper [data-parent] .mobsub-items, #nav-wrapper [data-grandparent] .mobsub-items { border-left: 3px solid #F4D06F; border-bottom: 1px solid #bacbc6; box-sizing: border-box; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] .mobsub-items, #nav-wrapper [data-grandparent] .mobsub-items { border: none; break-inside: avoid; margin-bottom: 24px; } }

#nav-wrapper [data-parent] .mobsub-items > a, #nav-wrapper [data-grandparent] .mobsub-items > a { background: none; color: #333333; font-family: "praxis-next-condensed", sans-serif; border-bottom: none; font-weight: normal !important; }

@media screen and (min-width: 48em), print { #nav-wrapper [data-parent] .mobsub-items > a, #nav-wrapper [data-grandparent] .mobsub-items > a { color: #333333; } }

#nav-wrapper [data-parent] .mobsub-items > a.nav-haschild:after, #nav-wrapper [data-grandparent] .mobsub-items > a.nav-haschild:after { content: ""; position: absolute; right: 16px; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(-45deg); -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

#nav-wrapper.moved { left: -300px; }

#nav-wrapper.moved-twice { left: -600px; }

[id^="nav-level"] { display: inline-block; vertical-align: top; width: 300px; /*max-height:calc(100vh - 92px); overflow-y:auto;*/ min-height: 100vh; background: rgba(101, 135, 125, 0.2); }

@media screen and (min-width: 48em), print { [id^="nav-level"] { min-height: unset; background: none; } }

#nav-level0 a[data-code]:after { content: ""; position: absolute; right: 16px; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(-45deg); }

@media screen and (min-width: 48em), print { #nav-level0 a[data-code]:after { content: ''; position: absolute; right: 4px; top: calc(50% - 4px); width: 4px; height: 4px; border: 1px solid #65877d; border-width: 0 1px 1px 0; transform: rotate(45deg); } }

#nav-level0 a:hover { color: #333333; }

#nav-level2 > div { background-color: transparent !important; }

@media screen and (min-width: 48em), print { #nav-level2 > div { background-color: #fff !important; } }

@media screen and (min-width: 66em), print { #nav-level2 > div { min-height: 450px; } }

#nav-level2 [data-navcol].hidden { display: block; }

@media screen and (min-width: 48em), print { #nav-level2 [data-navcol].hidden { display: none; } }

@media screen and (min-width: 48em), print { .dsnavocnt { display: flex; padding: 32px 0; }
  [data-navcol="1"]:not(.hidden) { width: 25%; display: inline-block; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; -moz-column-fill: balance; column-fill: balance; }
  [data-navcol="2"]:not(.hidden) { width: 50%; display: inline-block; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -moz-column-fill: balance; column-fill: balance; }
  [data-navcol="3"]:not(.hidden) { width: 75%; display: inline-block; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; -moz-column-fill: balance; column-fill: balance; }
  [data-navcol="4"]:not(.hidden) { width: 100%; display: inline-block; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; -moz-column-fill: balance; column-fill: balance; }
  [data-navimgcol="1"]:not(.hidden) { width: 25%; display: inline-block; }
  [data-navimgcol="1"]:not(.hidden) a { width: 100%; }
  [data-navimgcol="2"]:not(.hidden) { width: 50%; display: inline-block; }
  [data-navimgcol="3"]:not(.hidden) { width: 75%; display: inline-block; }
  [data-navimgcol="4"]:not(.hidden) { width: 100%; display: inline-block; }
  .showdropdown nav.fixed { position: absolute; }
  .navshadow { -webkit-box-shadow: 0px 0px 8px 8px rgba(237, 237, 237, 0.75); -moz-box-shadow: 0px 0px 8px 8px rgba(237, 237, 237, 0.75); box-shadow: 0px 0px 8px 8px rgba(237, 237, 237, 0.75); border-radius: 0 0 4px 4px; margin-top: 8px !important; margin-bottom: 16px !important; }
  #nav-level0 { display: block; width: 100%; background-color: #fff; position: relative; z-index: 2; }
  #nav-level0 > div { position: relative; display: flex; flex-direction: row; justify-content: space-around; align-items: center; } }

@media screen and (min-width: 48em) and (min-width: 66em), print { #nav-level0 > div { justify-content: space-between; } }

@media screen and (min-width: 48em), print { #nav-level0 > div a { line-height: 40px; white-space: nowrap; display: block; } }

@media screen and (min-width: 48em) and (min-width: 48em), print { #nav-level0 > div a { font-size: 16px; padding: 16px 19.2px 16px 16px; /*font-weight:600;*/ line-height: 24px; position: relative; }
  #nav-level0 > div a:after { content: ''; position: absolute; right: 4px; top: calc(50% - 4px); width: 4px; height: 4px; border: 1px solid #65877d; border-width: 0 1px 1px 0; transform: rotate(45deg); }
  #nav-level0 > div a:hover:before { content: ''; position: absolute; left: 16px; bottom: 0; width: calc(100% - 16px); height: 3px; background-color: #F4D06F; } }

@media screen and (min-width: 48em) and (min-width: 66em), print { #nav-level0 > div a { font-size: 14px; } }

@media screen and (min-width: 48em), print { #nav-level0 > div a[data-nosub][data-custom]:after { content: ""; display: none; }
  #nav-level0 > div a[data-nosub][data-custom]:hover:before { content: ''; position: absolute; left: 16px; bottom: 0; width: calc(100% - 32px); height: 3px; background-color: #F4D06F; }
  #nav-level0 > div .custombg { border-radius: 10px; }
  #nav-level0 > div .custombg > a { padding: 8px 24px 8px 16px; }
  #nav-level0 > div .custombg > a:after { right: 8px; border-color: #fff; }
  #nav-level0 > div .custombg > a:before { left: 0; width: 100%; }
  #nav-level1, #nav-level2 { display: none; width: 100%; overflow: hidden; }
  #nav-level1 a, #nav-level2 a { padding: 4px 8px; color: #666666; font-weight: 400; }
  #nav-level1 a:hover, #nav-level2 a:hover { color: #f4d06f; text-shadow: 1px 1px #fff; }
  #nav-level1 a[data-code="SALE"], #nav-level2 a[data-code="SALE"] { text-transform: uppercase; font-weight: 600; } }

@media screen and (min-width: 48em) and (min-width: 48em), print { #nav-level1 a, #nav-level2 a { padding: 4px 16px; font-size: 14px; position: relative; z-index: 1; } }

@media screen and (min-width: 48em), print { .csscolumns #nav-level1 div[data-parent]:not(.hidden), .csscolumns #nav-level2 div[data-parent]:not(.hidden) { display: block; vertical-align: top; break-inside: avoid-column; }
  .no-csscolumns #nav-level1 div[data-parent]:not(.hidden), .no-csscolumns #nav-level2 div[data-parent]:not(.hidden) { float: left; width: 14.28571%; }
  #nav-level1 div[data-parent]:not(.hidden) a:not(:first-child), #nav-level2 div[data-parent]:not(.hidden) a:not(:first-child) { font-size: 14px; }
  #nav-level1 .navimagecont, #nav-level2 .navimagecont { padding: 0 16px; }
  #nav-level1 .navimagecont > a, #nav-level2 .navimagecont > a { display: inline-block; }
  #nav-level1 .navimagecont img, #nav-level2 .navimagecont img { border-radius: 4px; }
  #nav-level1, #nav-level2 { /*background-color:$color5;padding-top:$unit;*/ }
  #nav-level2 { margin-top: -8px; }
  #nonmobilenavlinks a { color: #fff !important; }
  #nonmobilenavlinks a:hover { text-shadow: none; } }

@media screen and (min-width: 48em) and (min-width: 48em), print { .csscolumns #nav-wrapper.columns .column-layout { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -moz-column-fill: balance; column-fill: balance; max-height: 320px; } }

@media screen and (min-width: 48em) and (min-width: 66em), print { .csscolumns #nav-wrapper.columns .column-layout { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; max-height: 240px; } }

@media screen and (min-width: 48em), print { .csscolumns #nav-wrapper.columns .column-layout div[data-parent], .csscolumns #nav-wrapper.columns .column-layout div[data-grandparent] { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 4px; } }

@media screen and (min-width: 48em) and (min-width: 66em), print { .csscolumns #nav-wrapper.columns #nav-level1 div.column-layout { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } }

@media screen and (min-width: 48em), print { .no-csscolumns #nav-wrapper.columns #nav-level2 { display: none !important; } }

/*#895829 END*/
.navhead { display: flex; align-items: center; justify-content: space-between; height: 76px; box-shadow: 0px 2px 8px 2px #eff3f2; position: relative; width: 100%; z-index: 1; border-bottom: 2px solid #65877d; }

.navhead .slidingmenu-close { padding: 8px; background: rgba(101, 135, 125, 0.2); border-radius: 32px; display: flex; }

.navhead .slidingmenu-close svg { fill: #65877d; }

.nav-back { font-weight: normal !important; font-family: "praxis-next-condensed", sans-serif !important; padding-left: 32px !important; position: relative; }

.nav-back:before { content: ""; position: absolute; left: 16px; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #65877d; border-right: 2px solid #65877d; transform: rotate(135deg); }

.mobilelinks-cms { /*background:rgba(101,135,125,0.2);*/ padding: 16px 0; }

.mobilelinks-cms a { background: #fff !important; }

.mobilelinks-cms a:first-child { border-top: 1px solid #bacbc6; }

.mobilelinks-comp { border-top: 1px solid #bacbc6; }

.mobilelinks-tel { /*background:rgba(101,135,125,0.2)*/ padding: 16px 0 0 0; }

.mobilelinks-tel > div { justify-content: center; font-family: "praxis-next-condensed", sans-serif; background: #fff; border-top: 1px solid #bacbc6; padding: 0 0 8px 0; }

.mobilelinks-tel a { text-decoration: none; }

.mobilelinks-item:not(.hidden) { display: flex; font-family: "praxis-next-condensed", sans-serif !important; font-weight: normal !important; }

.mobilelinks-item:not(.hidden) svg { fill: #65877d; }

[id^=overlay] { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(51, 51, 51, 0.6); color: #fff; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.75s; /*webkit bugfixes*/ }

#overlay-footer { background-color: transparent !important; }

.progressbar { position: relative; display: flex; justify-content: space-between; padding: 0 16px; }

@media screen and (min-width: 48em), print { .progressbar { padding: 0; } }

.progressbar:before { /*content:'';position:absolute;top:15px;right:(100%/$orderstages)/2;left:(100%/$orderstages)/2;border-top:1px solid $color5;*/ }

.progressbar > div { display: inline-block; position: relative; text-align: center; padding: 0 8px; }

@media screen and (min-width: 48em), print { .progressbar > div { width: 100%; display: flex; padding: 0 16px; justify-content: center; align-items: center; } }

.progressbar .progressbar-number { display: none; /*background-color:$color3;color:$color0;height:30px;line-height:30px;padding:0 6px; width:30px; border-radius:50px;*/ }

@media screen and (min-width: 48em), print { .progressbar .progressbar-number { /*width:20%; border-radius:40px 0  0 40px*/ } }

.progressbar .progressbar-name { display: block; /*height:30px;line-height:30px; */ width: 100%; font-weight: bold; background-color: #eff3f2; color: #999999; border-radius: 40px; padding: 8px 24px; white-space: nowrap; }

@media screen and (min-width: 48em), print { .progressbar .progressbar-name { display: block; padding: 16px; background-color: #eff3f2; color: #999999; width: 80%; border-radius: 40px; } }

.progressbar .selected .progressbar-number { background-color: #65877d; }

.progressbar .selected .progressbar-name { background-color: #65877d; color: #fff; }

@media screen and (min-width: 48em), print { .progressbar .selected .progressbar-name { border-left: 1px solid #999999; } }

[data-scrollspy] { display: inline-block; vertical-align: middle; padding: 16px 16px 12px; cursor: pointer; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

[data-scrollspy] > * { vertical-align: middle !important; }

[data-scrollspy="ProductOptions"] { opacity: 0; }

.fixed [data-scrollspy="ProductOptions"] { opacity: 1; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform, left, top; -moz-transition-property: -moz-transform, left, top; -o-transition-property: -o-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; padding: 0; }

.swiper-wrapper.fullwidthlocation img { width: 100%; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-container-android .swiper-slide { -webkit-transform: translate3d(0px, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-slide { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.swiper-previous, .swiper-next { position: absolute; top: 50%; font-size: 48px; line-height: 48px; margin-top: -24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swiper-pagination { position: absolute; bottom: 16px; right: 16px; }

.swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin: 0 4px; background: #999999; cursor: pointer; }

.swiper-pagination-bullet-active { background-color: #65877d; cursor: default; }

#swiper1 .swiper-wrapper > *:not(.swiper-slide) { display: none; }

#swiper1 .swiper-wrapper > *:not(.swiper-slide):first-child { display: block; width: 100%; }

#swiper3 .swiper-wrapper > *:not(.swiper-slide) { display: none; }

#swiper3 .swiper-wrapper > *:not(.swiper-slide):first-child { display: block; width: 100%; }

.swiper-overlay { position: absolute; width: 100%; max-width: 1152px; }

.swiper-overlay > div { margin: 0 16px; padding: 16px; max-width: 576px; /*#843716*/ }

.swiper-fixedwidth > div { background: white; padding: 8px; }

.swiper-fixedwidth > img { width: 100%; }

@media screen and (min-width: 66em), print { .swiper-fixedwidth { position: relative; text-align: right; }
  .swiper-fixedwidth > img { width: 60%; }
  .swiper-fixedwidth > div { position: absolute; top: 0; bottom: 0; left: 0; width: 40%; text-align: left; padding: 0 24px; }
  .swiper-fixedwidth > div > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } }

@media print { .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
  .swiper-wrapper, .swiper-wrapper .swiper-slide { width: 100% !important; height: auto !important; }
  .swiper-wrapper .swiper-slide:not(:first-child) { display: none; } }

.eliteSlider { visibility: hidden; position: relative; overflow: hidden; }

.eliteSlider.visible { visibility: visible; }

.eliteSlider .eliteSlides { position: relative; margin-left: 0; margin-right: 0; }

.eliteSlider .eliteSlides > * { padding-left: 4px; padding-right: 4px; }

@media screen and (min-width: 48em), print { .eliteSlider .eliteSlides > * { padding-left: 8px; padding-right: 8px; } }

.eliteSlider .eliteSlides .listing { margin-left: 0; margin-right: 0; }

.eliteSlider .eliteSlides [data-tile] { transition: width 0s; }

#promobanner { position: relative; }

#promobanner > div { width: 100%; position: absolute; left: 0; top: 0; }

#promobanner > div.slice-size-2 { width: 50%; }

#promobanner > div.slice-size-2:nth-child(2n) { left: 50%; }

#promobanner > div.slice-size-3 { width: 33.33333%; }

#promobanner > div.slice-size-3:nth-child(3n) { left: 66.66667%; }

#promobanner > div.slice-size-3:nth-child(3n-1) { left: 33.33333%; }

#promobanner > div.slice-size-4 { width: 25%; }

#promobanner > div.slice-size-4:nth-child(4n) { left: 75%; }

#promobanner > div.slice-size-4:nth-child(4n-1) { left: 50%; }

#promobanner > div.slice-size-4:nth-child(4n-2) { left: 25%; }

#alternativeImages { /* img{ width:calc((100% - 2*(34px))/3);margin:0 $altMargin; &:only-of-type{display:none;} } @include respond-min-width($breakpointSM){ $altCount:4;	 $altMargin:8px; img{width:calc((100% - 2*(34px))/3);margin:0 $altMargin;} } @include respond-min-width($breakpointMD){ padding-right:16px; img{width:100%;margin:$unit/2 0;&:only-of-type{display:inline-block;}} [style="display: none;"]+img{margin-top:0;} }*/ }

#alternativeImagesPrev, #alternativeImagesNext { cursor: pointer; width: 16px; height: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 66em), print { #alternativeImagesPrev, #alternativeImagesNext { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } }

#alternativeImagesPrev { border-left: 1px solid #999999; border-bottom: 1px solid #999999; }

@media screen and (min-width: 66em), print { #alternativeImagesPrev { margin-top: 14px; } }

#alternativeImagesNext { border-right: 1px solid #999999; border-top: 1px solid #999999; }

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

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

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

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

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

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

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

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

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

.slick-slide { /*display: none;*/ float: left; min-height: 1px; padding: 0; outline: none; }

.slick-slide img { outline: none; }

/*
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img { display: block; outline: none;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none;}

*/
.container-sidebar { padding: 16px 0; overflow: hidden; }

.container-sidebar > * { background-color: #fff; }

@media screen and (min-width: 48em), print { .container-sidebar > *:first-child { width: calc(75% - 16px); margin-left: 16px; }
  .container-sidebar > *:first-child + * { float: left; width: 25%; }
  .container-sidebar > *:first-child + * .sidebar-supplement { border-top: solid 16px #eff3f2; } }

@media screen and (min-width: 66em), print { .container-sidebar > *:first-child { width: calc(80% - 16px); }
  .container-sidebar > *:first-child + * { width: 20%; } }

@media screen and (min-width: 48em), print { .container-sidebar-listing > * { width: 66.66667%; }
  .container-sidebar-listing > *:first-child { width: 33.33333%; } }

@media screen and (min-width: 66em), print { .container-sidebar-listing > * { width: 80%; }
  .container-sidebar-listing > *:first-child { width: 20%; } }

.tabgroup .tab { display: block; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 20px; padding-top: 16px; padding-bottom: 8px; cursor: pointer; text-align: center; }

.tabgroup .tab:not(:hover) { color: #999999; }

.no-touchevents .tabgroup .tab:hover { color: #65877d; }

.tabgroup .tab:after { content: '+'; position: absolute; right: 16px; }

.tabgroup .tab.selected:after { content: '-'; padding-right: 0.125em; }

.tabgroup .tab + * { display: none; }

@media screen and (min-width: 48em), print { .tabgroup, .tabgroup .tab:first-child { position: relative; }
  .tabgroup .tab { clear: none; position: absolute; top: 0; width: 32%; margin: 0 2% 0 0; padding: 8px 0; }
  .tabgroup .tab { left: 0%; }
  .tabgroup .tab + div + .tab { left: 34%; }
  .tabgroup .tab + div + .tab + div + .tab { left: 68%; }
  .tabgroup .tab + div { position: relative; }
  .tabgroup .tab:after { display: none; }
  .tabgroup .tab.selected { color: #65877d; cursor: default; } }

@media screen and (min-width: 48em), print { .flextabs { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } }

.flextabs .tab { display: block; position: relative; padding: 16px; font-family: "minion-pro", serif; cursor: pointer; color: #999999; font-size: 20px; }

.no-touchevents .flextabs .tab:not(.selected) { -webkit-transition: color 0.75s; -moz-transition: color 0.75s; -o-transition: color 0.75s; transition: color 0.75s; }

.no-touchevents .flextabs .tab:not(.selected):hover { color: #65877d; }

.flextabs .tab.selected { color: #333333; cursor: default; }

.flextabs .tab:after { content: '+'; position: absolute; right: 16px; }

.flextabs .tab.selected:after { content: '-'; }

@media screen and (min-width: 48em), print { .flextabs .tab { display: inline-block; vertical-align: middle; order: 1; }
  .flextabs .tab:after { content: ''; }
  .flextabs .tab.selected { border-bottom: 2px solid #65877d; }
  .flextabs .tab.selected:after { content: ''; } }

@media screen and (min-width: 66em), print { .flextabs .tab { font-size: 28px; padding: 16px 24px; } }

.flextabs .tab + div { width: 100%; }

.flextabs .tab + div.homeProductTab { min-height: 439px; }

@media screen and (min-width: 48em), print { .flextabs .tab + div { order: 2; } }

@media screen and (min-width: 48em), print { .flextabs.storeloc .tab.selected:after { content: ''; height: 3px; background: #65877d; width: calc(100% - 48px); left: 24px; position: absolute; bottom: 8px; } }

.flextabs .tab.selected + div { display: block; }

@media screen and (min-width: 48em), print { .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flextabs { position: relative; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flextabs .tab { position: absolute; top: 0; width: 240px; text-align: center; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flextabs .tab:nth-of-type(1) { left: calc(50% - 360px); }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flextabs .tab:nth-of-type(2) { left: calc(50% - 120px); }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .flextabs .tab:nth-of-type(3) { left: calc(50% + 120px); } }

.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 40px; color: #666666; font-size: 12px; }

.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; height: 16px; }

.irs-line-mid, .irs-line-left, .irs-line-right { background: #dddddd; }

.irs-line-mid, .irs-bar { position: absolute; display: block; width: 100%; height: 4px; top: 6px; }

.irs-line-left, .irs-min { left: 0; }

.irs-line-right, .irs-max { right: 0; }

.irs-bar { background: #999999; }

.irs-slider { cursor: default; border: 1px solid #999999; background: #fff; cursor: pointer; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }

.irs-slider, .irs-line-left, .irs-line-right { display: block; position: absolute; top: 0; width: 16px; height: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.irs-slider.type_last { z-index: 2; }

.irs-slider.state_hover, .irs-slider:hover { -webkit-box-shadow: inset 0 0 3px 3px #f4d06f; -moz-box-shadow: inset 0 0 3px 3px #f4d06f; box-shadow: inset 0 0 3px 3px #f4d06f; border-color: #65877d; }

.irs-min, .irs-max { position: absolute; cursor: default; text-shadow: none; bottom: 0; color: #dddddd; }

.lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #999999; }

.irs-from, .irs-to, .irs-single { position: absolute; display: block; bottom: 0; left: 0; cursor: default; white-space: nowrap; }

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999999; }

.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; }

.irs-with-grid { height: 70px; }

.irs-with-grid .irs-grid { display: block; }

.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background: #666666; }

.irs-grid-pol.small { height: 4px; background: #999999; }

.irs-grid-text { position: absolute; left: 0; bottom: 5px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #999999; }

.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background-color: transparent; z-index: 2; }

.irs-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; }

.grid-item { width: 100%; }

@media screen and (min-width: 30em), print { .grid-item { width: 50%; } }

@media screen and (min-width: 48em), print { .grid-item { width: 33.33333%; } }

@media screen and (min-width: 66em), print { .grid-item { width: 25%; } }

.webwidget_rating_simple > span { cursor: pointer; margin-right: 4px; }

.webwidget_rating_simple > span span { display: none; }

.at-share-btn { /*> span.at-icon-wrapper .at-icon{background-color:$color3!important;&:hover{background-color:inherit!important}}	*/ }

.at-share-btn > span { border-radius: 32px !important; }

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; }

.jspHorizontalBar { display: none; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #eff3f2; position: relative; }

.jspDrag { background: #65877d; position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #666666; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }

.jspArrow.jspDisabled { cursor: default; background: #999999; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eff3f2; float: left; height: 100%; }

.pcatext.pcanotification.pcavisible { display: none !important; position: absolute; }

.pcatext.pcanotification.pcafade { display: none !important; position: absolute; }

#map-canvas { margin: 0 50px 16px; width: calc(100% - 100px); }

@media screen and (min-width: 48em), print { #map-canvas { float: right; margin: 0; width: 66.66667%; }
  #map-canvas + #panel { width: 32.25806%; } }

#map-canvas .tabcontainer { font-family: "praxis-next-condensed", sans-serif !important; width: 200px !important; height: 150px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

#map-canvas .tabwrapper { visibility: hidden; }

#map-canvas img[src$="iw_close.gif"] { right: 0 !important; top: -4px !important; width: 0 !important; height: 0 !important; padding: 15px 21px; background: url(/images/core/storedetail-close.gif); }

#storedetails-mapid { margin: 0 50px 16px; width: calc(100% - 100px); height: 230px; }

@media screen and (min-width: 48em), print { #storedetails-mapid { margin: 0; width: 100%; } }

#storedetails-mapid img { max-width: none; }

#storedetails-mapid [class*="_ibani"] { font-size: 15px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; margin-right: 0 !important; }

#videoProd iframe { width: 100% !important; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #eff3f2; color: #333333; text-shadow: none; margin: 32px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.fancybox-opened { z-index: 8030; }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; padding: 32px; height: auto !important; max-width: 100%; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { font-family: "praxis-next-condensed", sans-serif; font-size: 14px; margin: 0; padding: 16px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../../images/core/zoomloader.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -40px; right: 0; width: 96px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #333333; overflow: hidden; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.fancybox-close:after { content: "X"; display: block; text-align: center; color: #fff; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: #333333; background-color: rgba(51, 51, 51, 0.8); color: #fff; }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

@media screen and (min-width: 66em), print { .zoomWrapper { width: 550px; height: 550px; }
  .zoomPad { position: relative; width: 100%; }
  .zoomPreload { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #333333; font-size: 12px; text-decoration: none; background-color: #fff; padding: 8px; text-align: center; background-image: url(../../images/core/zoomloader.gif); background-repeat: no-repeat; background-position: 40px 30px; z-index: 2; width: 90px; height: 60px; }
  .zoomPreloadmessage { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #333333; font-size: 12px; text-decoration: none; background-color: #fff; z-index: 2; padding: 8px; width: 200px; position: absolute; }
  .zoomPup { overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; z-index: 2; position: absolute; z-index: 2; cursor: crosshair; background-color: #fff; }
  .zoomPup.hidden { display: none !important; }
  .zoomOverlay { position: absolute; left: 0; top: 0; background: #fff; z-index: 3; width: 100%; height: 100%; display: none; }
  .zoomWindow { position: absolute; left: 110%; top: 0 !important; background: #fff; z-index: 3; height: 490px; border: 0px solid #eff3f2; }
  .zoomWrapper { position: relative; border: 0px solid #eff3f2; z-index: 2; }
  .zoomWrapperTitle { display: block; background: #999999; color: #fff; height: 16px; line-height: 16px; width: 100%; overflow: hidden; text-align: center; font-size: 12px; position: absolute; top: 0px; left: 0px; z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
  .zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 2; height: 100% !important; }
  .zoomWrapperImage img { border-width: 0; display: block; position: absolute; z-index: 2; width: auto; max-width: none !important; }
  .zoomIframe { z-index: -1; position: absolute; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } }

.pdpzoomicon { position: absolute; bottom: 8px; right: 8px; padding: 8px; background: rgba(255, 255, 255, 0.5); z-index: 3; }

.delopt-tab > div { text-align: center; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #dddddd; background: #eff3f2; }

.delopt-tab > div align-content { text-decoration: none; }

.delopt-tab > div a { color: #666666; }

.delopt-tab > div svg { fill: #666666; }

.delopt-tab > div.selected { background: #65877d; color: #fff; }

.delopt-tab > div.selected a { color: #fff; text-decoration: none; }

.delopt-tab > div.selected svg { fill: #fff; }

.storelistcontainer .collectionlist-tab { padding: 0 16px; position: relative; }

.storelistcontainer .collectionlist-tab:before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; height: 1px; background: #dddddd; }

.storelistcontainer .collectionlist-tab > div { padding: 16px; text-align: center; background: #fff; color: #666666; cursor: pointer; position: relative; z-index: 1; border-top: 1px solid #dddddd; }

.storelistcontainer .collectionlist-tab > div:first-child { border-left: 1px solid #dddddd; }

.storelistcontainer .collectionlist-tab > div:last-child { border-right: 1px solid #dddddd; }

.storelistcontainer .collectionlist-tab > div.selected { /*font-weight:bold;*/ background: #65877d; color: #fff; }

.storelistcontainer .collectionlist-tab > div.selected svg { fill: #fff; }

.storelistcontainer .collectionlist-tab > div svg { fill: #666666; }

.storelistcontainer #ajxStoreList { padding: 16px; }

.cc-postcode-cont { position: relative; }

.cc-postcode-cont .cc-postcode-reset { position: absolute; right: 8px; top: 4px; width: 32px; height: 32px; text-align: center; font-size: 20px; color: #999999; cursor: pointer; }

.cc-postcode-cont .cc-postcode-reset:after { content: "x"; /*width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:20px; color:$color3; cursor:pointer*/ }

.cc-postcode-cont .cc-postcode-reset:hover { color: #666666; }

/* collect from store - start*/
input[type=button].storeselect { background-color: #65877d !important; color: #fff; }

input[type=button].storeselect:hover { color: #fff; }

.store-list-header { font-size: 16px; line-height: 19px; padding: 16px 0 0 0; }

#ajaxStores { position: relative; }

#ajaxStores .storelist-map { width: 100%; height: 250px; }

#ajaxStores .storelist-less, #ajaxStores .storelist-more { text-decoration: underline; }

/*
#ajaxStores .storelist-less:before, #ajaxStores .storelist-more:before { font-size: 20px; display: inline-block; margin-right:$unit/2; vertical-align: text-bottom; font-weight: 300; }
#ajaxStores .storelist-less:before { content: '\2212  '; line-height: 1.2; }
#ajaxStores .storelist-more:before { content: '\002B '; line-height: 1; }*/
#ajaxStores .gm-style .gm-style-iw-c { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 24px 16px 16px; }

#ajaxStores button.gm-ui-hover-effect { top: -3px !important; right: 0 !important; }

#ajaxStores button.gm-ui-hover-effect > img { width: 20px !important; height: 20px !important; }

#ajaxStores #results_head + div { position: relative; }

/*#ajaxStores #results_head + div:before { position: absolute; content: ''; right: -32px; bottom: 0; width: 100vw; height: 2px; background: #c8ccd0; }*/
.storelist-details .storelist-map { width: 100%; height: 250px; }

.storemap { width: calc(100vw - 32px); height: 350px; }

@media screen and (min-width: 48em), print { .storemap { width: 100%; } }

#ajxStoreMap { margin: 16px 0; display: flex; }

#ajxStoreMap #map-canvas { height: 500px; margin: 0; width: 100%; }

@media screen and (min-width: 48em), print { #ajxStoreMap #map-canvas { height: 600px; } }

.store-detail-block { margin: 0 16px 16px 16px; border-bottom: 1px solid #e2e8ee; padding-bottom: 16px; }

.store-hour-block { margin: 16px; border-bottom: 1px solid #e2e8ee; padding-bottom: 16px; }

.store-type-block { margin: 16px; }

.storelistall { margin: 32px; padding: 16px 0; }

@media screen and (min-width: 48em), print { .storelistall { column-count: 3; } }

@media screen and (min-width: 66em), print { .storelistall { column-count: 4; } }

.storelistall [data-letter] { margin-bottom: 32px; }

.storelistall [data-letter] > div { margin: 8px 0; }

.storelistall [data-letter] > div .feature4 { color: #68c0b2; }

.store-panel { width: 100%; }

@media screen and (min-width: 48em), print { .store-panel { width: 33.333%; } }

#storeMapHolder { display: flex; flex-direction: column; flex-wrap: nowrap; }

@media screen and (min-width: 48em), print { #storeMapHolder { display: block !important; } }

#map-canvas { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }

@media screen and (min-width: 48em), print { #map-canvas { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } }

#panel { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

@media screen and (min-width: 48em), print { #panel { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } }

.feature1 { color: #081f2c; }

.feature2 { color: #68c0b2; }

.feature3 { color: #e04b65; }

/* collect from store - end */
#basketform:last-child.basketitemblock { border-bottom: 1px solid #bacbc6; }

/*BAKSET*/
.basketcontainer { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (min-width: 48em), print { .basketcontainer { flex-direction: row; /*&:before{content:""; position:absolute; right:0; top:116px; background:$color5a; width:calc(100% - 1320px); height:100%; z-index:-1 }*/ } }

.basketcontainer .basket-left { width: 100%; padding: 16px; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left { width: calc(66% - 32px); padding: 16px; } }

@media screen and (min-width: 84em), print { .basketcontainer .basket-left { width: 66%; padding: 0; } }

.basketcontainer .basket-left .basketitemblock { display: flex; flex-direction: row; border-top: 1px solid #bacbc6; }

.basketcontainer .basket-left .basketitemblock .basketproductinfo { display: flex; flex-direction: row; /*align-items:flex-start;*/ width: calc(66% - 8px); margin-top: 0; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .basketitemblock .basketproductinfo { margin: 0; } }

.basketcontainer .basket-left .basketitemblock .basketproductinfo > div { width: calc(100% - 72px); padding: 8px 0; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .basketitemblock .basketproductinfo > div { width: calc(100% - 184px); padding: 16px 0; } }

.basketcontainer .basket-left .basketitemblock .basketproductinfo > div[data-pvariant] { width: 72px; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .basketitemblock .basketproductinfo > div[data-pvariant] { width: 184px; } }

.basketcontainer .basket-left .basketitemblock .basketproductinfo > div[data-pvariant] img { border-radius: 4px; width: 56px; max-width: unset; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .basketitemblock .basketproductinfo > div[data-pvariant] img { width: 150px; } }

.basketcontainer .basket-left .basketitemblock .basketproductinfo .extctas { display: flex; font-size: 14px; }

.basketcontainer .basket-left .basketitemblock .basketproductinfo .extctas .extctas-links { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }

.basketcontainer .basket-left .basketitemblock .basketproductinfo .basketitmedetials { display: flex; flex-direction: column; justify-content: space-between; }

.basketcontainer .basket-left .basketitemblock .basketproductctas { display: flex; flex-direction: column; align-items: flex-end; width: 32%; justify-content: space-between; }

.basketcontainer .basket-left .basketitemblock:last-child { border-bottom: 1px solid #bacbc6; }

.basketcontainer .basket-left .bsktoffer-container { display: flex; flex-direction: row; flex-wrap: wrap; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container { flex-direction: column; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item { background: rgba(101, 135, 125, 0.1); border-radius: 5px; margin: 8px 0; width: 100%; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item { width: 100%; margin: 16px 0 0 0; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock { border: none; align-items: center !important; flex-direction: column; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock { flex-direction: row; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo { align-items: center !important; flex-direction: row; width: 100%; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo { width: calc(68%- 8px); } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div { width: 100%; padding: 16px; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div { padding: 8px 16px; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div[data-pvariant] { padding: 0; width: 50%; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div[data-pvariant] { width: 33.33%; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div[data-pvariant] img { width: 100%; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div[data-pvariant] img { width: 100%; /*56px*/ } }

@media screen and (min-width: 66em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo > div[data-pvariant] img { width: 150px; } }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductinfo { flex-direction: row; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductctas { /*align-items:center!important;*/ width: calc(100% - 16px) !important; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductctas { width: 32% !important; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductctas .offer-cta { white-space: nowrap; margin: 16px 8px; width: 100%; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item.basketitemblock .basketproductctas .offer-cta { margin: 8px; } }

.basketcontainer .basket-left .bsktoffer-container .bsktoffer-item img { border-radius: 4px; width: 56px; max-width: unset; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-left .bsktoffer-container .bsktoffer-item img { width: 150px; } }

.basketcontainer .basket-right { width: 100%; padding: 16px; margin: 0; background: #eff3f2; position: relative; }

@media screen and (min-width: 48em), print { .basketcontainer .basket-right { width: 34%; padding: 16px; margin: 0 0 0 32px; position: sticky; top: 60px; z-index: 1; } }

@media screen and (min-width: 66em), print { .basketcontainer .basket-right { padding: 16px 40px 16px 40px; } }

.basketcontainer .basket-right .basketpromo { display: flex; flex-direction: column; }

@media screen and (min-width: 66em), print { .basketcontainer .basket-right .basketpromo { flex-direction: row; } }

.basketcontainer .basket-right .basketpromo > input[type="text"] { width: 100%; }

@media screen and (min-width: 66em), print { .basketcontainer .basket-right .basketpromo > input[type="text"] { flex: 70%; } }

@media screen and (min-width: 66em), print { .basketcontainer .basket-right .basketpromo > input[type="submit"] { flex: 30%; margin-left: 8px; } }

.basketcontainer .basket-right .bsktdelcountry { display: flex; }

.basketcontainer .basket-right .bsktdelcountry .flatselect-conter { flex: 70%; }

.basketcontainer .basket-right .bsktdelcountry > input[type="submit"] { flex: 30%; margin-left: 8px; }

.basketiconset.f-color6 { fill: #65877d; }

.checkout-heading { display: flex; align-items: center; }

.checkout-heading > div { flex: 70%; display: flex; align-items: center; }

@media screen and (min-width: 48em), print { .checkout-heading > div { flex: 85%; } }

.checkout-heading > div h1 { margin: 0; }

.checkout-heading .securelogo { flex: 30%; }

@media screen and (min-width: 48em), print { .checkout-heading .securelogo { flex: 15%; } }

.card-frame { width: 100%; margin: 16px 0; height: 48px; }

.card-frame.frame--rendered { opacity: 1; /* Prevents iFrame rendering issue */ /* Reminder: consider removal of 'rendered' */ /* event passing to Merchant page */ }

/*NEW LOGIN STYLING*/
/*.logincontainer{display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
                 @include respond-min-width($breakpointSM){flex-direction:row;}
                 > div{
                     &.init{width:100%;
                         @include respond-min-width($breakpointSM){width:66.66%; display:flex;}
                            &.stretched{width:100%}
                            > div{width:100%; margin:0; display:flex; flex-direction:column; 
                                  @include respond-min-width($breakpointSM){width:calc(50% - 32px); margin:0 $unit; }
                                  > div{height:100%; display:flex; flex-direction:column;
                                        > div{height:100%; display:flex; flex-direction:column;
                                              .logininbox{display:flex; flex-direction:column; justify-content:space-between; height:100%;
                                                          .matchup{margin-bottom:0;
                                                                   @include respond-min-width($breakpointSM){margin-bottom:30px;}
                                                          }
                                              }
                                        }
                                      
                                  }

                                  
                            }
                     }
                     &.bsktcontainer{width:100%; margin:0;
                          @include respond-min-width($breakpointSM){width:calc(33.33% - 32px);   margin:0 $unit;}
                          }
                 }
}*/
/*NEW LOGIN STYLING 2022*/
.login-container { margin: 0 auto; display: block; padding: 16px; background: #eff3f2; }

@media screen and (min-width: 48em), print { .login-container { padding: 32px 64px; } }

.login-container.logintab { padding: 16px; }

.login-container.logintab .logintab-header { display: flex; }

.login-container.logintab .logintab-header > div { width: 50%; text-align: center; position: relative; padding: 8px; }

.login-container.logintab .logintab-header > div:after { content: ''; position: absolute; bottom: 0; width: 80%; left: 10%; height: 2px; background: #fff; }

.login-container.logintab .logintab-header > div:first-child:before { content: ''; position: absolute; right: 0; width: 2px; height: 60%; top: 20%; background: #fff; }

.login-container.logintab .logintab-header > div.selected:after { background: #65877d; }

.login-container.logintab .logintab-header h2 { font-family: "praxis-next-condensed", sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; }

.registration-container { margin: 0 auto; display: block; padding: 16px; background: #eff3f2; }

@media screen and (min-width: 48em), print { .registration-container { padding: 32px 64px; } }

.registration-container h2 { font-family: "praxis-next-condensed", sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; }

.customdob .date-dropdowns { display: flex; align-items: center; justify-content: space-between; }

.customdob .date-dropdowns [readonly="readonly"] { display: none; }

.customdob .date-dropdowns select { padding: 10px 8px 10px 24px !important; font-family: Arial; font-size: 14px; margin-bottom: 0; height: auto; margin: 0 8px; border-radius: 40px; -webkit-appearance: none; -moz-appearance: none; background: url(../images/core/selectdrop_bg.svg) 85%/15% no-repeat #fff; background-size: 10px; min-width: 29%; }

.customdob.bd-error { border-radius: 32px; }

.payment-container { display: flex; flex-direction: column; }

@media screen and (min-width: 48em), print { .payment-container { flex-direction: row; flex-wrap: wrap; } }

.payment-container > div { width: calc(100% - 16px); }

@media screen and (min-width: 48em), print { .payment-container > div { width: calc(50% - 16px); } }

.payment-container > div.payment-basketcontent { width: 100%; margin: 32px 8px; }

.payment-container .pymt-contentbox { padding: 24px; }

@media screen and (min-width: 66em), print { .payment-container .pymt-contentbox { padding: 32px 64px; } }

.payment-container .pymt-contentbox h2 { margin: 0 0 16px 0; text-align: center; font-family: "praxis-next-condensed", sans-serif; font-weight: bold; text-transform: uppercase; }

.payment-container .pymt-contentbox h2.ctabox-title { margin: 0; }

/*@media screen and (max-width:767px){
    #cko-pay-button { position: fixed; bottom: 80px; left: 0; width:100%!important; z-index: 99; padding:$unit; background:$color0;
        &.stick{}
    }
    #paypal-button-container{position: fixed; bottom: 0; left: 0; width:100%!important; z-index: 99; margin:0!important; padding:$unit; background:$color0;}
}*/
.sticked-cta { position: fixed; bottom: 102px; width: 100%; padding: 16px; background: #fff; z-index: 100; -webkit-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); -moz-box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); box-shadow: 0px -4px 8px 0px rgba(204, 204, 204, 0.5); }

.sticked-cta > div { line-height: 42px; }

@media screen and (min-width: 48em), print { .sticked-cta { display: none; } }

.sticked-cta.hide { display: none !important; }

#paypal-button-container { position: relative; /*@include transition-duration($transitionduration);*/ }

#paypal-button-container.sticked { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 101; padding: 16px; margin: 0 !important; background: #fff; /*@include transition-duration($transitionduration);*/ }

@media screen and (min-width: 48em), print { #paypal-button-container.sticked { position: relative; bottom: auto; left: auto; padding: 16px 0; z-index: initial; margin: auto !important; background: initial; } }

#divOrpaypal.sticked { position: fixed; bottom: 78px; width: 100%; left: 0; z-index: 101; padding: 8px 16px; margin: 0 !important; background: #fff; /*@include transition-duration($transitionduration);*/ }

@media screen and (min-width: 48em), print { #divOrpaypal.sticked { position: relative; bottom: auto; left: auto; padding: 16px 0; z-index: initial; margin: auto !important; background: initial; } }

.storeListHolder #load-more { border-top: 1px solid #65877d; }

.storeListItem { border-top: 1px solid #65877d; }

.storeListItem .stores-info-block { display: flex; flex-direction: row; align-items: center; }

.storeListItem .stores-info-block .store-summary { width: 66%; }

.storeListItem .stores-info-block .store-cta { flex: 1; text-align: right; }

#cko-payment-form iframe { max-height: 42px; }

#cko-payment-form .one-liner { display: flex; flex-wrap: wrap; margin-bottom: 16px; }

#cko-payment-form .one-liner .cko-card-number { width: 100%; margin: 16px 0; }

#cko-payment-form .one-liner .cko-expiry-date { width: 60%; }

#cko-payment-form .one-liner .cko-cvv { width: calc(40% - 16px); margin-left: 16px; }

#cko-payment-form .one-liner .card-number-label { padding-left: 8px; font-weight: bold; margin-bottom: 4px; }

#cko-payment-form .one-liner .expiry-date-label { padding-left: 8px; font-weight: bold; margin-bottom: 4px; }

#cko-payment-form .one-liner .cvv-frame-label { padding-left: 8px; font-weight: bold; margin-bottom: 4px; }