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

ul { list-style: none; }

ol { list-style: decimal; }

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

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

body { margin: 0; }

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

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

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

[hidden], template { display: none; }

a { background-color: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 1em 40px; }

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

pre { overflow: auto; }

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

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

button { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input { line-height: normal; }

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

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

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

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

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

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/********************GENERIC - STYLES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/
body, input, textarea, select { font-family: "Open Sans", sans-serif; color: #333333; -webkit-text-size-adjust: none; font-size: 14px; }

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

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

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

p { font-size: 14px; font-family: "Open Sans", 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; }

.str img { width: 100%; }

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

a:hover.f-brand, a:hover.f-color6, a.current.f-brand, a.current.f-color6 { color: #e7eedd; }

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

[data-url], [data-image], [data-video] { cursor: pointer; }

[data-url]:hover:not(input):not([class*=persist]), [data-image]:hover:not(input):not([class*=persist]), [data-video]:hover:not(input):not([class*=persist]) { color: #0b7f0b; }

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

.pointer, .decor { cursor: pointer; }

.nopointer { cursor: default !important; }

.wait * { cursor: wait !important; }

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

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

.fulltofixedwidth, .fulltoquarterwidth { 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; }

.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-lefttoright { float: left; }

@media screen and (min-width: 48em), print { .float-lefttoright { float: right; } }

.float-righttoleft { float: right; }

@media screen and (min-width: 48em), print { .float-righttoleft { float: left; } }

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

.top6 { top: 96px; }

.right6 { right: 96px; }

.bottom6 { bottom: 96px; }

.left6 { left: 96px; }

.top7 { top: 112px; }

.right7 { right: 112px; }

.bottom7 { bottom: 112px; }

.left7 { left: 112px; }

.top8 { top: 128px; }

.right8 { right: 128px; }

.bottom8 { bottom: 128px; }

.left8 { left: 128px; }

.top9 { top: 144px; }

.right9 { right: 144px; }

.bottom9 { bottom: 144px; }

.left9 { left: 144px; }

.top10 { top: 160px; }

.right10 { right: 160px; }

.bottom10 { bottom: 160px; }

.left10 { left: 160px; }

.left0-5 { left: 8px; }

.left0-25 { left: 4px; }

.right0-5 { right: 8px; }

.right0-25 { right: 4px; }

.top0-5 { top: 8px; }

.top0-25 { top: 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 white; }

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

.bd-color4a { border: solid 1px #dddddd; }

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

.bd-color6, .bd-brand { border: solid 1px #0b7f0b; }

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

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

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

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

.bd-double { border-width: 2px; }

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

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

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

.bd-dotted { border-style: dotted; }

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

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

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

.nooutline { outline: none; }

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

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

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

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

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

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

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

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

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

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

.bg-color6, .bg-brand { background-color: #0b7f0b; }

.bg-color6a { background-color: #6bc823; }

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

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

.bg-color10, .bg-black { background-color: black; color: white; }

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

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

.bg-color12, .bg-sale { background-color: #9e1016; }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 48em), print { .bg-color1-10SM { background-color: rgba(51, 51, 51, 0.1); color: white; }
  .bg-color1-20SM { background-color: rgba(51, 51, 51, 0.2); color: white; }
  .bg-color1-30SM { background-color: rgba(51, 51, 51, 0.3); color: white; }
  .bg-color1-40SM { background-color: rgba(51, 51, 51, 0.4); color: white; }
  .bg-color1-50SM { background-color: rgba(51, 51, 51, 0.5); color: white; }
  .bg-color1-60SM { background-color: rgba(51, 51, 51, 0.6); color: white; }
  .bg-color1-70SM { background-color: rgba(51, 51, 51, 0.7); color: white; }
  .bg-color1-80SM { background-color: rgba(51, 51, 51, 0.8); color: white; }
  .bg-color1-90SM { background-color: rgba(51, 51, 51, 0.9); color: white; }
  .bg-color1-95SM { background-color: rgba(51, 51, 51, 0.95); color: white; }
  .bg-color0-80SM { background-color: rgba(255, 255, 255, 0.8); color: #333333; } }

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

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

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

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

.f-sansserif, .f-family1 { font-family: "Open Sans", sans-serif; }

.f-family2 { font-family: "Open Sans", sans-serif; }

.f-family3 { font-family: "Open Sans", sans-serif; }

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

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

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

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

.f-700 { font-wieght: 700; }

.f-900 { font-wieght: 900; }

.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, .f-color0-persist:hover { color: white; }

.f-color0-important { color: white !important; }

.f-color0-shadow { text-shadow: 1px 1px #333333; }

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

.f-color1-shadow { text-shadow: 1px 1px white; }

.f-color2, .f-color2-links a { 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, .f-color4-persist:hover { color: #cccccc; }

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

.f-color4a, .f-color4a-links a { color: #dddddd; }

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

.f-color6, .f-color6-links a, .f-brand, .f-color6-persist:focus, .f-color6-persist:hover, .f-brand-persist:focus, .f-brand-persist:hover, .f-brand-persist-descendents:focus *, .facet a:focus *, .f-brand-persist-descendents:hover *, .facet a:hover *, .f-brand-persist-links a:focus, .f-brand-persist-links a:hover { color: #0b7f0b; }

.f-color6a, .f-color6a-links a, .f-color6a-persist:focus, .f-color6a-persist:hover { color: #6bc823; }

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

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

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

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

.f-color11, .f-color11-links a { color: #e7eedd; }

.f-sale, .f-color12 { color: #9e1016; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 75em), print { .maxheight1 { max-height: 100px; }
  .maxheight2 { max-height: 200px; }
  .maxheight3 { max-height: 300px; }
  .maxheight4 { max-height: 400px; }
  .maxheight5 { max-height: 500px; } }

[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="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="48"], [data-font-xs="48"] { font-size: 48px; }

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

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

@media screen and (min-width: 30em), print { [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="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="48"] { font-size: 48px; }
  [data-font-ms="50"] { font-size: 50px; }
  [data-font-ms="60"] { font-size: 60px; } }

@media screen and (min-width: 48em), print { [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="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="48"] { font-size: 48px; }
  [data-font-sm="50"] { font-size: 50px; }
  [data-font-sm="60"] { font-size: 60px; } }

@media screen and (min-width: 75em), print { [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="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="48"] { font-size: 48px; }
  [data-font-md="50"] { font-size: 50px; }
  [data-font-md="60"] { font-size: 60px; } }

@media screen and (min-width: 84em), print { [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="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="48"] { font-size: 48px; }
  [data-font-lg="50"] { font-size: 50px; }
  [data-font-lg="60"] { font-size: 60px; } }

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

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

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

h2, .f-heading2 { font-size: 20px; }

h1, .f-heading1 { font-size: 24px; }

@media screen and (min-width: 48em), print { h1, .f-heading1 { font-size: 28px; }
  h2, .f-heading2 { font-size: 28px; }
  h3, .f-heading3 { font-size: 24px; } }

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

@media screen and (min-width: 48em), print { .valign-center-SM: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%); }

.hcrop-center { position: relative; left: -50%; }

@media screen and (min-width: 48em), print { .hcrop-center { left: 0; } }

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

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

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

.pb, .ptb, .pad, .ptb1to2 { 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; }

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

.pt0-5to1-5 { padding-top: 8px !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; }

.mt1to1-5 { margin-top: 16px !important; }

.pt1to1-5 { padding-top: 16px !important; }

.mt0tomt0, .mtb0tomtb0, .m0tom0 { margin-top: 0 !important; }

.pt0topt0, .ptb0toptb0, .p0top0 { padding-top: 0 !important; }

.mb0tomb0, .mtb0tomtb0, .m0tom0 { margin-bottom: 0 !important; }

.pb0topb0, .ptb0toptb0, .p0top0 { padding-bottom: 0 !important; }

.ml0toml0, .mlr0tomlr0, .m0tom0 { margin-left: 0 !important; }

.pl0topl0, .plr0toplr0, .p0top0 { padding-left: 0 !important; }

.mr0tomr0, .mlr0tomlr0, .m0tom0 { margin-right: 0 !important; }

.pr0topr0, .plr0toplr0, .p0top0 { padding-right: 0 !important; }

.mt0tomt0, .mtb0tomtb0, .m0tom0 { margin-top: 0px !important; }

.pt0topt0, .ptb0toptb0, .p0top0 { padding-top: 0px !important; }

.mb0tomb0, .mtb0tomtb0, .m0tom0 { margin-bottom: 0px !important; }

.pb0topb0, .ptb0toptb0, .p0top0 { padding-bottom: 0px !important; }

.ml0toml0, .mlr0tomlr0, .m0tom0 { margin-left: 0px !important; }

.pl0topl0, .plr0toplr0, .p0top0 { padding-left: 0px !important; }

.mr0tomr0, .mlr0tomlr0, .m0tom0 { margin-right: 0px !important; }

.pr0topr0, .plr0toplr0, .p0top0 { padding-right: 0px !important; }

.mt0tomt1, .mtb0tomtb1, .m0tom1 { margin-top: 0 !important; }

.pt0topt1, .ptb0toptb1, .p0top1 { padding-top: 0 !important; }

.mb0tomb1, .mtb0tomtb1, .m0tom1 { margin-bottom: 0 !important; }

.pb0topb1, .ptb0toptb1, .p0top1 { padding-bottom: 0 !important; }

.ml0toml1, .mlr0tomlr1, .m0tom1 { margin-left: 0 !important; }

.pl0topl1, .plr0toplr1, .p0top1 { padding-left: 0 !important; }

.mr0tomr1, .mlr0tomlr1, .m0tom1 { margin-right: 0 !important; }

.pr0topr1, .plr0toplr1, .p0top1 { padding-right: 0 !important; }

.mt1tomt0, .mtb1tomtb0, .m1tom0 { margin-top: 16px !important; }

.pt1topt0, .ptb1toptb0, .p1top0 { padding-top: 16px !important; }

.mb1tomb0, .mtb1tomtb0, .m1tom0 { margin-bottom: 16px !important; }

.pb1topb0, .ptb1toptb0, .p1top0 { padding-bottom: 16px !important; }

.ml1toml0, .mlr1tomlr0, .m1tom0 { margin-left: 16px !important; }

.pl1topl0, .plr1toplr0, .p1top0 { padding-left: 16px !important; }

.mr1tomr0, .mlr1tomlr0, .m1tom0 { margin-right: 16px !important; }

.pr1topr0, .plr1toplr0, .p1top0 { padding-right: 16px !important; }

.mt0tomt2, .mtb0tomtb2, .m0tom2 { margin-top: 0 !important; }

.pt0topt2, .ptb0toptb2, .p0top2 { padding-top: 0 !important; }

.mb0tomb2, .mtb0tomtb2, .m0tom2 { margin-bottom: 0 !important; }

.pb0topb2, .ptb0toptb2, .p0top2 { padding-bottom: 0 !important; }

.ml0toml2, .mlr0tomlr2, .m0tom2 { margin-left: 0 !important; }

.pl0topl2, .plr0toplr2, .p0top2 { padding-left: 0 !important; }

.mr0tomr2, .mlr0tomlr2, .m0tom2 { margin-right: 0 !important; }

.pr0topr2, .plr0toplr2, .p0top2 { padding-right: 0 !important; }

.mt2tomt0, .mtb2tomtb0, .m2tom0 { margin-top: 32px !important; }

.pt2topt0, .ptb2toptb0, .p2top0 { padding-top: 32px !important; }

.mb2tomb0, .mtb2tomtb0, .m2tom0 { margin-bottom: 32px !important; }

.pb2topb0, .ptb2toptb0, .p2top0 { padding-bottom: 32px !important; }

.ml2toml0, .mlr2tomlr0, .m2tom0 { margin-left: 32px !important; }

.pl2topl0, .plr2toplr0, .p2top0 { padding-left: 32px !important; }

.mr2tomr0, .mlr2tomlr0, .m2tom0 { margin-right: 32px !important; }

.pr2topr0, .plr2toplr0, .p2top0 { padding-right: 32px !important; }

.mt0tomt3, .mtb0tomtb3, .m0tom3 { margin-top: 0 !important; }

.pt0topt3, .ptb0toptb3, .p0top3 { padding-top: 0 !important; }

.mb0tomb3, .mtb0tomtb3, .m0tom3 { margin-bottom: 0 !important; }

.pb0topb3, .ptb0toptb3, .p0top3 { padding-bottom: 0 !important; }

.ml0toml3, .mlr0tomlr3, .m0tom3 { margin-left: 0 !important; }

.pl0topl3, .plr0toplr3, .p0top3 { padding-left: 0 !important; }

.mr0tomr3, .mlr0tomlr3, .m0tom3 { margin-right: 0 !important; }

.pr0topr3, .plr0toplr3, .p0top3 { padding-right: 0 !important; }

.mt3tomt0, .mtb3tomtb0, .m3tom0 { margin-top: 48px !important; }

.pt3topt0, .ptb3toptb0, .p3top0 { padding-top: 48px !important; }

.mb3tomb0, .mtb3tomtb0, .m3tom0 { margin-bottom: 48px !important; }

.pb3topb0, .ptb3toptb0, .p3top0 { padding-bottom: 48px !important; }

.ml3toml0, .mlr3tomlr0, .m3tom0 { margin-left: 48px !important; }

.pl3topl0, .plr3toplr0, .p3top0 { padding-left: 48px !important; }

.mr3tomr0, .mlr3tomlr0, .m3tom0 { margin-right: 48px !important; }

.pr3topr0, .plr3toplr0, .p3top0 { padding-right: 48px !important; }

.mt0tomt4, .mtb0tomtb4, .m0tom4 { margin-top: 0 !important; }

.pt0topt4, .ptb0toptb4, .p0top4 { padding-top: 0 !important; }

.mb0tomb4, .mtb0tomtb4, .m0tom4 { margin-bottom: 0 !important; }

.pb0topb4, .ptb0toptb4, .p0top4 { padding-bottom: 0 !important; }

.ml0toml4, .mlr0tomlr4, .m0tom4 { margin-left: 0 !important; }

.pl0topl4, .plr0toplr4, .p0top4 { padding-left: 0 !important; }

.mr0tomr4, .mlr0tomlr4, .m0tom4 { margin-right: 0 !important; }

.pr0topr4, .plr0toplr4, .p0top4 { padding-right: 0 !important; }

.mt4tomt0, .mtb4tomtb0, .m4tom0 { margin-top: 64px !important; }

.pt4topt0, .ptb4toptb0, .p4top0 { padding-top: 64px !important; }

.mb4tomb0, .mtb4tomtb0, .m4tom0 { margin-bottom: 64px !important; }

.pb4topb0, .ptb4toptb0, .p4top0 { padding-bottom: 64px !important; }

.ml4toml0, .mlr4tomlr0, .m4tom0 { margin-left: 64px !important; }

.pl4topl0, .plr4toplr0, .p4top0 { padding-left: 64px !important; }

.mr4tomr0, .mlr4tomlr0, .m4tom0 { margin-right: 64px !important; }

.pr4topr0, .plr4toplr0, .p4top0 { padding-right: 64px !important; }

.mt0tomt5, .mtb0tomtb5, .m0tom5 { margin-top: 0 !important; }

.pt0topt5, .ptb0toptb5, .p0top5 { padding-top: 0 !important; }

.mb0tomb5, .mtb0tomtb5, .m0tom5 { margin-bottom: 0 !important; }

.pb0topb5, .ptb0toptb5, .p0top5 { padding-bottom: 0 !important; }

.ml0toml5, .mlr0tomlr5, .m0tom5 { margin-left: 0 !important; }

.pl0topl5, .plr0toplr5, .p0top5 { padding-left: 0 !important; }

.mr0tomr5, .mlr0tomlr5, .m0tom5 { margin-right: 0 !important; }

.pr0topr5, .plr0toplr5, .p0top5 { padding-right: 0 !important; }

.mt5tomt0, .mtb5tomtb0, .m5tom0 { margin-top: 80px !important; }

.pt5topt0, .ptb5toptb0, .p5top0 { padding-top: 80px !important; }

.mb5tomb0, .mtb5tomtb0, .m5tom0 { margin-bottom: 80px !important; }

.pb5topb0, .ptb5toptb0, .p5top0 { padding-bottom: 80px !important; }

.ml5toml0, .mlr5tomlr0, .m5tom0 { margin-left: 80px !important; }

.pl5topl0, .plr5toplr0, .p5top0 { padding-left: 80px !important; }

.mr5tomr0, .mlr5tomlr0, .m5tom0 { margin-right: 80px !important; }

.pr5topr0, .plr5toplr0, .p5top0 { padding-right: 80px !important; }

.mt0tomt6, .mtb0tomtb6, .m0tom6 { margin-top: 0 !important; }

.pt0topt6, .ptb0toptb6, .p0top6 { padding-top: 0 !important; }

.mb0tomb6, .mtb0tomtb6, .m0tom6 { margin-bottom: 0 !important; }

.pb0topb6, .ptb0toptb6, .p0top6 { padding-bottom: 0 !important; }

.ml0toml6, .mlr0tomlr6, .m0tom6 { margin-left: 0 !important; }

.pl0topl6, .plr0toplr6, .p0top6 { padding-left: 0 !important; }

.mr0tomr6, .mlr0tomlr6, .m0tom6 { margin-right: 0 !important; }

.pr0topr6, .plr0toplr6, .p0top6 { padding-right: 0 !important; }

.mt6tomt0, .mtb6tomtb0, .m6tom0 { margin-top: 96px !important; }

.pt6topt0, .ptb6toptb0, .p6top0 { padding-top: 96px !important; }

.mb6tomb0, .mtb6tomtb0, .m6tom0 { margin-bottom: 96px !important; }

.pb6topb0, .ptb6toptb0, .p6top0 { padding-bottom: 96px !important; }

.ml6toml0, .mlr6tomlr0, .m6tom0 { margin-left: 96px !important; }

.pl6topl0, .plr6toplr0, .p6top0 { padding-left: 96px !important; }

.mr6tomr0, .mlr6tomlr0, .m6tom0 { margin-right: 96px !important; }

.pr6topr0, .plr6toplr0, .p6top0 { padding-right: 96px !important; }

.mt0tomt7, .mtb0tomtb7, .m0tom7 { margin-top: 0 !important; }

.pt0topt7, .ptb0toptb7, .p0top7 { padding-top: 0 !important; }

.mb0tomb7, .mtb0tomtb7, .m0tom7 { margin-bottom: 0 !important; }

.pb0topb7, .ptb0toptb7, .p0top7 { padding-bottom: 0 !important; }

.ml0toml7, .mlr0tomlr7, .m0tom7 { margin-left: 0 !important; }

.pl0topl7, .plr0toplr7, .p0top7 { padding-left: 0 !important; }

.mr0tomr7, .mlr0tomlr7, .m0tom7 { margin-right: 0 !important; }

.pr0topr7, .plr0toplr7, .p0top7 { padding-right: 0 !important; }

.mt7tomt0, .mtb7tomtb0, .m7tom0 { margin-top: 112px !important; }

.pt7topt0, .ptb7toptb0, .p7top0 { padding-top: 112px !important; }

.mb7tomb0, .mtb7tomtb0, .m7tom0 { margin-bottom: 112px !important; }

.pb7topb0, .ptb7toptb0, .p7top0 { padding-bottom: 112px !important; }

.ml7toml0, .mlr7tomlr0, .m7tom0 { margin-left: 112px !important; }

.pl7topl0, .plr7toplr0, .p7top0 { padding-left: 112px !important; }

.mr7tomr0, .mlr7tomlr0, .m7tom0 { margin-right: 112px !important; }

.pr7topr0, .plr7toplr0, .p7top0 { padding-right: 112px !important; }

.mt0tomt8, .mtb0tomtb8, .m0tom8 { margin-top: 0 !important; }

.pt0topt8, .ptb0toptb8, .p0top8 { padding-top: 0 !important; }

.mb0tomb8, .mtb0tomtb8, .m0tom8 { margin-bottom: 0 !important; }

.pb0topb8, .ptb0toptb8, .p0top8 { padding-bottom: 0 !important; }

.ml0toml8, .mlr0tomlr8, .m0tom8 { margin-left: 0 !important; }

.pl0topl8, .plr0toplr8, .p0top8 { padding-left: 0 !important; }

.mr0tomr8, .mlr0tomlr8, .m0tom8 { margin-right: 0 !important; }

.pr0topr8, .plr0toplr8, .p0top8 { padding-right: 0 !important; }

.mt8tomt0, .mtb8tomtb0, .m8tom0 { margin-top: 128px !important; }

.pt8topt0, .ptb8toptb0, .p8top0 { padding-top: 128px !important; }

.mb8tomb0, .mtb8tomtb0, .m8tom0 { margin-bottom: 128px !important; }

.pb8topb0, .ptb8toptb0, .p8top0 { padding-bottom: 128px !important; }

.ml8toml0, .mlr8tomlr0, .m8tom0 { margin-left: 128px !important; }

.pl8topl0, .plr8toplr0, .p8top0 { padding-left: 128px !important; }

.mr8tomr0, .mlr8tomlr0, .m8tom0 { margin-right: 128px !important; }

.pr8topr0, .plr8toplr0, .p8top0 { padding-right: 128px !important; }

.mt0tomt9, .mtb0tomtb9, .m0tom9 { margin-top: 0 !important; }

.pt0topt9, .ptb0toptb9, .p0top9 { padding-top: 0 !important; }

.mb0tomb9, .mtb0tomtb9, .m0tom9 { margin-bottom: 0 !important; }

.pb0topb9, .ptb0toptb9, .p0top9 { padding-bottom: 0 !important; }

.ml0toml9, .mlr0tomlr9, .m0tom9 { margin-left: 0 !important; }

.pl0topl9, .plr0toplr9, .p0top9 { padding-left: 0 !important; }

.mr0tomr9, .mlr0tomlr9, .m0tom9 { margin-right: 0 !important; }

.pr0topr9, .plr0toplr9, .p0top9 { padding-right: 0 !important; }

.mt9tomt0, .mtb9tomtb0, .m9tom0 { margin-top: 144px !important; }

.pt9topt0, .ptb9toptb0, .p9top0 { padding-top: 144px !important; }

.mb9tomb0, .mtb9tomtb0, .m9tom0 { margin-bottom: 144px !important; }

.pb9topb0, .ptb9toptb0, .p9top0 { padding-bottom: 144px !important; }

.ml9toml0, .mlr9tomlr0, .m9tom0 { margin-left: 144px !important; }

.pl9topl0, .plr9toplr0, .p9top0 { padding-left: 144px !important; }

.mr9tomr0, .mlr9tomlr0, .m9tom0 { margin-right: 144px !important; }

.pr9topr0, .plr9toplr0, .p9top0 { padding-right: 144px !important; }

.mt0tomt10, .mtb0tomtb10, .m0tom10 { margin-top: 0 !important; }

.pt0topt10, .ptb0toptb10, .p0top10 { padding-top: 0 !important; }

.mb0tomb10, .mtb0tomtb10, .m0tom10 { margin-bottom: 0 !important; }

.pb0topb10, .ptb0toptb10, .p0top10 { padding-bottom: 0 !important; }

.ml0toml10, .mlr0tomlr10, .m0tom10 { margin-left: 0 !important; }

.pl0topl10, .plr0toplr10, .p0top10 { padding-left: 0 !important; }

.mr0tomr10, .mlr0tomlr10, .m0tom10 { margin-right: 0 !important; }

.pr0topr10, .plr0toplr10, .p0top10 { padding-right: 0 !important; }

.mt10tomt0, .mtb10tomtb0, .m10tom0 { margin-top: 160px !important; }

.pt10topt0, .ptb10toptb0, .p10top0 { padding-top: 160px !important; }

.mb10tomb0, .mtb10tomtb0, .m10tom0 { margin-bottom: 160px !important; }

.pb10topb0, .ptb10toptb0, .p10top0 { padding-bottom: 160px !important; }

.ml10toml0, .mlr10tomlr0, .m10tom0 { margin-left: 160px !important; }

.pl10topl0, .plr10toplr0, .p10top0 { padding-left: 160px !important; }

.mr10tomr0, .mlr10tomlr0, .m10tom0 { margin-right: 160px !important; }

.pr10topr0, .plr10toplr0, .p10top0 { padding-right: 160px !important; }

@media screen and (min-width: 48em), print { .mt0tomt0, .mtb0tomtb0, .m0tom0 { margin-top: 0px !important; }
  .pt0topt0, .ptb0toptb0, .p0top0 { padding-top: 0px !important; }
  .mb0tomb0, .mtb0tomtb0, .m0tom0 { margin-bottom: 0px !important; }
  .pb0topb0, .ptb0toptb0, .p0top0 { padding-bottom: 0px !important; }
  .ml0toml0, .mlr0tomlr0, .m0tom0 { margin-left: 0px !important; }
  .pl0topl0, .plr0toplr0, .p0top0 { padding-left: 0px !important; }
  .mr0tomr0, .mlr0tomlr0, .m0tom0 { margin-right: 0px !important; }
  .pr0topr0, .plr0toplr0, .p0top0 { padding-right: 0px !important; }
  .mt0tomt0, .mtb0tomtb0, .m0tom0 { margin-top: 0 !important; }
  .pt0topt0, .ptb0toptb0, .p0top0 { padding-top: 0 !important; }
  .mb0tomb0, .mtb0tomtb0, .m0tom0 { margin-bottom: 0 !important; }
  .pb0topb0, .ptb0toptb0, .p0top0 { padding-bottom: 0 !important; }
  .ml0toml0, .mlr0tomlr0, .m0tom0 { margin-left: 0 !important; }
  .pl0topl0, .plr0toplr0, .p0top0 { padding-left: 0 !important; }
  .mr0tomr0, .mlr0tomlr0, .m0tom0 { margin-right: 0 !important; }
  .pr0topr0, .plr0toplr0, .p0top0 { padding-right: 0 !important; }
  .mt0tomt1, .mtb0tomtb1, .m0tom1 { margin-top: 16px !important; }
  .pt0topt1, .ptb0toptb1, .p0top1 { padding-top: 16px !important; }
  .mb0tomb1, .mtb0tomtb1, .m0tom1 { margin-bottom: 16px !important; }
  .pb0topb1, .ptb0toptb1, .p0top1 { padding-bottom: 16px !important; }
  .ml0toml1, .mlr0tomlr1, .m0tom1 { margin-left: 16px !important; }
  .pl0topl1, .plr0toplr1, .p0top1 { padding-left: 16px !important; }
  .mr0tomr1, .mlr0tomlr1, .m0tom1 { margin-right: 16px !important; }
  .pr0topr1, .plr0toplr1, .p0top1 { padding-right: 16px !important; }
  .mt1tomt0, .mtb1tomtb0, .m1tom0 { margin-top: 0 !important; }
  .pt1topt0, .ptb1toptb0, .p1top0 { padding-top: 0 !important; }
  .mb1tomb0, .mtb1tomtb0, .m1tom0 { margin-bottom: 0 !important; }
  .pb1topb0, .ptb1toptb0, .p1top0 { padding-bottom: 0 !important; }
  .ml1toml0, .mlr1tomlr0, .m1tom0 { margin-left: 0 !important; }
  .pl1topl0, .plr1toplr0, .p1top0 { padding-left: 0 !important; }
  .mr1tomr0, .mlr1tomlr0, .m1tom0 { margin-right: 0 !important; }
  .pr1topr0, .plr1toplr0, .p1top0 { padding-right: 0 !important; }
  .mt0tomt2, .mtb0tomtb2, .m0tom2 { margin-top: 32px !important; }
  .pt0topt2, .ptb0toptb2, .p0top2 { padding-top: 32px !important; }
  .mb0tomb2, .mtb0tomtb2, .m0tom2 { margin-bottom: 32px !important; }
  .pb0topb2, .ptb0toptb2, .p0top2 { padding-bottom: 32px !important; }
  .ml0toml2, .mlr0tomlr2, .m0tom2 { margin-left: 32px !important; }
  .pl0topl2, .plr0toplr2, .p0top2 { padding-left: 32px !important; }
  .mr0tomr2, .mlr0tomlr2, .m0tom2 { margin-right: 32px !important; }
  .pr0topr2, .plr0toplr2, .p0top2 { padding-right: 32px !important; }
  .mt2tomt0, .mtb2tomtb0, .m2tom0 { margin-top: 0 !important; }
  .pt2topt0, .ptb2toptb0, .p2top0 { padding-top: 0 !important; }
  .mb2tomb0, .mtb2tomtb0, .m2tom0 { margin-bottom: 0 !important; }
  .pb2topb0, .ptb2toptb0, .p2top0 { padding-bottom: 0 !important; }
  .ml2toml0, .mlr2tomlr0, .m2tom0 { margin-left: 0 !important; }
  .pl2topl0, .plr2toplr0, .p2top0 { padding-left: 0 !important; }
  .mr2tomr0, .mlr2tomlr0, .m2tom0 { margin-right: 0 !important; }
  .pr2topr0, .plr2toplr0, .p2top0 { padding-right: 0 !important; }
  .mt0tomt3, .mtb0tomtb3, .m0tom3 { margin-top: 48px !important; }
  .pt0topt3, .ptb0toptb3, .p0top3 { padding-top: 48px !important; }
  .mb0tomb3, .mtb0tomtb3, .m0tom3 { margin-bottom: 48px !important; }
  .pb0topb3, .ptb0toptb3, .p0top3 { padding-bottom: 48px !important; }
  .ml0toml3, .mlr0tomlr3, .m0tom3 { margin-left: 48px !important; }
  .pl0topl3, .plr0toplr3, .p0top3 { padding-left: 48px !important; }
  .mr0tomr3, .mlr0tomlr3, .m0tom3 { margin-right: 48px !important; }
  .pr0topr3, .plr0toplr3, .p0top3 { padding-right: 48px !important; }
  .mt3tomt0, .mtb3tomtb0, .m3tom0 { margin-top: 0 !important; }
  .pt3topt0, .ptb3toptb0, .p3top0 { padding-top: 0 !important; }
  .mb3tomb0, .mtb3tomtb0, .m3tom0 { margin-bottom: 0 !important; }
  .pb3topb0, .ptb3toptb0, .p3top0 { padding-bottom: 0 !important; }
  .ml3toml0, .mlr3tomlr0, .m3tom0 { margin-left: 0 !important; }
  .pl3topl0, .plr3toplr0, .p3top0 { padding-left: 0 !important; }
  .mr3tomr0, .mlr3tomlr0, .m3tom0 { margin-right: 0 !important; }
  .pr3topr0, .plr3toplr0, .p3top0 { padding-right: 0 !important; }
  .mt0tomt4, .mtb0tomtb4, .m0tom4 { margin-top: 64px !important; }
  .pt0topt4, .ptb0toptb4, .p0top4 { padding-top: 64px !important; }
  .mb0tomb4, .mtb0tomtb4, .m0tom4 { margin-bottom: 64px !important; }
  .pb0topb4, .ptb0toptb4, .p0top4 { padding-bottom: 64px !important; }
  .ml0toml4, .mlr0tomlr4, .m0tom4 { margin-left: 64px !important; }
  .pl0topl4, .plr0toplr4, .p0top4 { padding-left: 64px !important; }
  .mr0tomr4, .mlr0tomlr4, .m0tom4 { margin-right: 64px !important; }
  .pr0topr4, .plr0toplr4, .p0top4 { padding-right: 64px !important; }
  .mt4tomt0, .mtb4tomtb0, .m4tom0 { margin-top: 0 !important; }
  .pt4topt0, .ptb4toptb0, .p4top0 { padding-top: 0 !important; }
  .mb4tomb0, .mtb4tomtb0, .m4tom0 { margin-bottom: 0 !important; }
  .pb4topb0, .ptb4toptb0, .p4top0 { padding-bottom: 0 !important; }
  .ml4toml0, .mlr4tomlr0, .m4tom0 { margin-left: 0 !important; }
  .pl4topl0, .plr4toplr0, .p4top0 { padding-left: 0 !important; }
  .mr4tomr0, .mlr4tomlr0, .m4tom0 { margin-right: 0 !important; }
  .pr4topr0, .plr4toplr0, .p4top0 { padding-right: 0 !important; }
  .mt0tomt5, .mtb0tomtb5, .m0tom5 { margin-top: 80px !important; }
  .pt0topt5, .ptb0toptb5, .p0top5 { padding-top: 80px !important; }
  .mb0tomb5, .mtb0tomtb5, .m0tom5 { margin-bottom: 80px !important; }
  .pb0topb5, .ptb0toptb5, .p0top5 { padding-bottom: 80px !important; }
  .ml0toml5, .mlr0tomlr5, .m0tom5 { margin-left: 80px !important; }
  .pl0topl5, .plr0toplr5, .p0top5 { padding-left: 80px !important; }
  .mr0tomr5, .mlr0tomlr5, .m0tom5 { margin-right: 80px !important; }
  .pr0topr5, .plr0toplr5, .p0top5 { padding-right: 80px !important; }
  .mt5tomt0, .mtb5tomtb0, .m5tom0 { margin-top: 0 !important; }
  .pt5topt0, .ptb5toptb0, .p5top0 { padding-top: 0 !important; }
  .mb5tomb0, .mtb5tomtb0, .m5tom0 { margin-bottom: 0 !important; }
  .pb5topb0, .ptb5toptb0, .p5top0 { padding-bottom: 0 !important; }
  .ml5toml0, .mlr5tomlr0, .m5tom0 { margin-left: 0 !important; }
  .pl5topl0, .plr5toplr0, .p5top0 { padding-left: 0 !important; }
  .mr5tomr0, .mlr5tomlr0, .m5tom0 { margin-right: 0 !important; }
  .pr5topr0, .plr5toplr0, .p5top0 { padding-right: 0 !important; }
  .mt0tomt6, .mtb0tomtb6, .m0tom6 { margin-top: 96px !important; }
  .pt0topt6, .ptb0toptb6, .p0top6 { padding-top: 96px !important; }
  .mb0tomb6, .mtb0tomtb6, .m0tom6 { margin-bottom: 96px !important; }
  .pb0topb6, .ptb0toptb6, .p0top6 { padding-bottom: 96px !important; }
  .ml0toml6, .mlr0tomlr6, .m0tom6 { margin-left: 96px !important; }
  .pl0topl6, .plr0toplr6, .p0top6 { padding-left: 96px !important; }
  .mr0tomr6, .mlr0tomlr6, .m0tom6 { margin-right: 96px !important; }
  .pr0topr6, .plr0toplr6, .p0top6 { padding-right: 96px !important; }
  .mt6tomt0, .mtb6tomtb0, .m6tom0 { margin-top: 0 !important; }
  .pt6topt0, .ptb6toptb0, .p6top0 { padding-top: 0 !important; }
  .mb6tomb0, .mtb6tomtb0, .m6tom0 { margin-bottom: 0 !important; }
  .pb6topb0, .ptb6toptb0, .p6top0 { padding-bottom: 0 !important; }
  .ml6toml0, .mlr6tomlr0, .m6tom0 { margin-left: 0 !important; }
  .pl6topl0, .plr6toplr0, .p6top0 { padding-left: 0 !important; }
  .mr6tomr0, .mlr6tomlr0, .m6tom0 { margin-right: 0 !important; }
  .pr6topr0, .plr6toplr0, .p6top0 { padding-right: 0 !important; }
  .mt0tomt7, .mtb0tomtb7, .m0tom7 { margin-top: 112px !important; }
  .pt0topt7, .ptb0toptb7, .p0top7 { padding-top: 112px !important; }
  .mb0tomb7, .mtb0tomtb7, .m0tom7 { margin-bottom: 112px !important; }
  .pb0topb7, .ptb0toptb7, .p0top7 { padding-bottom: 112px !important; }
  .ml0toml7, .mlr0tomlr7, .m0tom7 { margin-left: 112px !important; }
  .pl0topl7, .plr0toplr7, .p0top7 { padding-left: 112px !important; }
  .mr0tomr7, .mlr0tomlr7, .m0tom7 { margin-right: 112px !important; }
  .pr0topr7, .plr0toplr7, .p0top7 { padding-right: 112px !important; }
  .mt7tomt0, .mtb7tomtb0, .m7tom0 { margin-top: 0 !important; }
  .pt7topt0, .ptb7toptb0, .p7top0 { padding-top: 0 !important; }
  .mb7tomb0, .mtb7tomtb0, .m7tom0 { margin-bottom: 0 !important; }
  .pb7topb0, .ptb7toptb0, .p7top0 { padding-bottom: 0 !important; }
  .ml7toml0, .mlr7tomlr0, .m7tom0 { margin-left: 0 !important; }
  .pl7topl0, .plr7toplr0, .p7top0 { padding-left: 0 !important; }
  .mr7tomr0, .mlr7tomlr0, .m7tom0 { margin-right: 0 !important; }
  .pr7topr0, .plr7toplr0, .p7top0 { padding-right: 0 !important; }
  .mt0tomt8, .mtb0tomtb8, .m0tom8 { margin-top: 128px !important; }
  .pt0topt8, .ptb0toptb8, .p0top8 { padding-top: 128px !important; }
  .mb0tomb8, .mtb0tomtb8, .m0tom8 { margin-bottom: 128px !important; }
  .pb0topb8, .ptb0toptb8, .p0top8 { padding-bottom: 128px !important; }
  .ml0toml8, .mlr0tomlr8, .m0tom8 { margin-left: 128px !important; }
  .pl0topl8, .plr0toplr8, .p0top8 { padding-left: 128px !important; }
  .mr0tomr8, .mlr0tomlr8, .m0tom8 { margin-right: 128px !important; }
  .pr0topr8, .plr0toplr8, .p0top8 { padding-right: 128px !important; }
  .mt8tomt0, .mtb8tomtb0, .m8tom0 { margin-top: 0 !important; }
  .pt8topt0, .ptb8toptb0, .p8top0 { padding-top: 0 !important; }
  .mb8tomb0, .mtb8tomtb0, .m8tom0 { margin-bottom: 0 !important; }
  .pb8topb0, .ptb8toptb0, .p8top0 { padding-bottom: 0 !important; }
  .ml8toml0, .mlr8tomlr0, .m8tom0 { margin-left: 0 !important; }
  .pl8topl0, .plr8toplr0, .p8top0 { padding-left: 0 !important; }
  .mr8tomr0, .mlr8tomlr0, .m8tom0 { margin-right: 0 !important; }
  .pr8topr0, .plr8toplr0, .p8top0 { padding-right: 0 !important; }
  .mt0tomt9, .mtb0tomtb9, .m0tom9 { margin-top: 144px !important; }
  .pt0topt9, .ptb0toptb9, .p0top9 { padding-top: 144px !important; }
  .mb0tomb9, .mtb0tomtb9, .m0tom9 { margin-bottom: 144px !important; }
  .pb0topb9, .ptb0toptb9, .p0top9 { padding-bottom: 144px !important; }
  .ml0toml9, .mlr0tomlr9, .m0tom9 { margin-left: 144px !important; }
  .pl0topl9, .plr0toplr9, .p0top9 { padding-left: 144px !important; }
  .mr0tomr9, .mlr0tomlr9, .m0tom9 { margin-right: 144px !important; }
  .pr0topr9, .plr0toplr9, .p0top9 { padding-right: 144px !important; }
  .mt9tomt0, .mtb9tomtb0, .m9tom0 { margin-top: 0 !important; }
  .pt9topt0, .ptb9toptb0, .p9top0 { padding-top: 0 !important; }
  .mb9tomb0, .mtb9tomtb0, .m9tom0 { margin-bottom: 0 !important; }
  .pb9topb0, .ptb9toptb0, .p9top0 { padding-bottom: 0 !important; }
  .ml9toml0, .mlr9tomlr0, .m9tom0 { margin-left: 0 !important; }
  .pl9topl0, .plr9toplr0, .p9top0 { padding-left: 0 !important; }
  .mr9tomr0, .mlr9tomlr0, .m9tom0 { margin-right: 0 !important; }
  .pr9topr0, .plr9toplr0, .p9top0 { padding-right: 0 !important; }
  .mt0tomt10, .mtb0tomtb10, .m0tom10 { margin-top: 160px !important; }
  .pt0topt10, .ptb0toptb10, .p0top10 { padding-top: 160px !important; }
  .mb0tomb10, .mtb0tomtb10, .m0tom10 { margin-bottom: 160px !important; }
  .pb0topb10, .ptb0toptb10, .p0top10 { padding-bottom: 160px !important; }
  .ml0toml10, .mlr0tomlr10, .m0tom10 { margin-left: 160px !important; }
  .pl0topl10, .plr0toplr10, .p0top10 { padding-left: 160px !important; }
  .mr0tomr10, .mlr0tomlr10, .m0tom10 { margin-right: 160px !important; }
  .pr0topr10, .plr0toplr10, .p0top10 { padding-right: 160px !important; }
  .mt10tomt0, .mtb10tomtb0, .m10tom0 { margin-top: 0 !important; }
  .pt10topt0, .ptb10toptb0, .p10top0 { padding-top: 0 !important; }
  .mb10tomb0, .mtb10tomtb0, .m10tom0 { margin-bottom: 0 !important; }
  .pb10topb0, .ptb10toptb0, .p10top0 { padding-bottom: 0 !important; }
  .ml10toml0, .mlr10tomlr0, .m10tom0 { margin-left: 0 !important; }
  .pl10topl0, .plr10toplr0, .p10top0 { padding-left: 0 !important; }
  .mr10tomr0, .mlr10tomlr0, .m10tom0 { margin-right: 0 !important; }
  .pr10topr0, .plr10toplr0, .p10top0 { padding-right: 0 !important; }
  .mt1to1-5 { margin-top: 24px !important; }
  .pt1to1-5 { padding-top: 24px !important; }
  .mt0-5to1 { margin-top: 16px !important; }
  .pt0-5to1 { padding-top: 16px !important; }
  .mt0-5to1-5 { margin-top: 24px !important; }
  .pt0-5to1-5 { padding-top: 24px !important; } }

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

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

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

.xrounded, .jspDrag { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !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; 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; }

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

.imghovereffect img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: 0.375s; -o-transition: 0.375s; transition: 0.375s; }

.imghovereffect img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

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

.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: #ededed; 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; }
  /*#817111*/
  .mlr0to1 { margin-left: 16px !important; margin-right: 16px !important; }
  .plr0to1 { padding-left: 16px !important; padding-right: 16px !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%; }
  [class*=tof-11] { font-size: 11px; }
  [class*=tof-12] { font-size: 12px; }
  [class*=tof-13] { font-size: 13px; }
  [class*=tof-14] { font-size: 14px; }
  [class*=tof-15] { font-size: 15px; }
  [class*=tof-16] { font-size: 16px; }
  [class*=tof-18] { font-size: 18px; }
  [class*=tof-20] { font-size: 20px; }
  [class*=tof-22] { font-size: 22px; }
  [class*=tof-24] { font-size: 24px; }
  [class*=tof-26] { font-size: 26px; }
  [class*=tof-28] { font-size: 28px; }
  [class*=tof-30] { font-size: 30px; }
  [class*=tof-32] { font-size: 32px; }
  [class*=tof-36] { font-size: 36px; }
  [class*=tof-40] { font-size: 40px; }
  [class*=tof-50] { font-size: 50px; }
  [class*=tof-60] { font-size: 60px; }
  .relativetoabsolute { position: absolute; }
  .absolutetorelative { position: relative; } }

@media screen and (min-width: 75em), print { .fixedwidth, .fulltofixedwidth { width: 1200px; 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; } }

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

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

.catHeaderXS { background: white; color: #333333; }

@media screen and (min-width: 48em), print { .catHeaderXS { background: transparent; } }

@media screen and (min-width: 48em), print { .catHeaderXS h1 { color: white; } }

.catHeaderXS .catheaddesc { color: #333333; }

@media screen and (min-width: 48em), print { .catHeaderXS .catheaddesc { color: white; } }

.hidden { display: none; }

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

.inline { display: inline; }

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

.block-important { display: block !important; }

.inline-block, .inlineblocktoblock, .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, .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, .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 .elite-flexbox-vertical.valign-center > * { vertical-align: middle; }

.elite-flexbox.flex-wrap, .flexbox-SM-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 > *, .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, .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, .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, .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, .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, .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, .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, .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; }

@media screen and (min-width: 48em), print { .hideonnarrow, .inlineblocktoblock { 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; }
  .blocktoinlineblock { display: inline-block; }
  .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: 75em), 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; } }

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

[class*="container-"].listcont > * { display: inline-block; vertical-align: top; padding-left: 0; padding-right: 0; }

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

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

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

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

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

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

[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: 75em), 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="6/7"] { width: 85.71429%; }

[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="1/9"] { width: 11.11111%; }

[data-width="2/9"] { width: 22.22222%; }

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

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

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

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

[data-width="9/10"] { width: 90%; }

[data-width="1/11"] { width: 9.09091%; }

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

[data-width="1/12"] { width: 8.33333%; }

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

[data-width="1/13"] { width: 7.69231%; }

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

[data-width="1/14"] { width: 7.14286%; }

[data-width="13/14"] { width: 92.85714%; }

[data-width="1/15"] { width: 6.66667%; }

[data-width="14/15"] { width: 93.33333%; }

[data-width="2"] { width: 200%; max-width: initial !important; }

[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="6/7"] { width: 85.71429%; }

[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="1/9"] { width: 11.11111%; }

[data-width-xs="2/9"] { width: 22.22222%; }

[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="1/10"] { width: 10%; }

[data-width-xs="9/10"] { width: 90%; }

[data-width-xs="1/11"] { width: 9.09091%; }

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

[data-width-xs="1/12"] { width: 8.33333%; }

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

[data-width-xs="1/13"] { width: 7.69231%; }

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

[data-width-xs="1/14"] { width: 7.14286%; }

[data-width-xs="13/14"] { width: 92.85714%; }

[data-width-xs="1/15"] { width: 6.66667%; }

[data-width-xs="14/15"] { width: 93.33333%; }

[data-width-xs="2"] { width: 200%; max-width: initial !important; }

@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="6/7"] { width: 85.71429%; }
  [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="1/9"] { width: 11.11111%; }
  [data-width-ms="2/9"] { width: 22.22222%; }
  [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="1/10"] { width: 10%; }
  [data-width-ms="9/10"] { width: 90%; }
  [data-width-ms="1/11"] { width: 9.09091%; }
  [data-width-ms="10/11"] { width: 90.90909%; }
  [data-width-ms="1/12"] { width: 8.33333%; }
  [data-width-ms="11/12"] { width: 91.66667%; }
  [data-width-ms="1/13"] { width: 7.69231%; }
  [data-width-ms="12/13"] { width: 92.30769%; }
  [data-width-ms="1/14"] { width: 7.14286%; }
  [data-width-ms="13/14"] { width: 92.85714%; }
  [data-width-ms="1/15"] { width: 6.66667%; }
  [data-width-ms="14/15"] { width: 93.33333%; }
  [data-width-ms="2"] { width: 200%; max-width: initial !important; } }

@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="6/7"] { width: 85.71429%; }
  [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="1/9"] { width: 11.11111%; }
  [data-width-sm="2/9"] { width: 22.22222%; }
  [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="1/10"] { width: 10%; }
  [data-width-sm="9/10"] { width: 90%; }
  [data-width-sm="1/11"] { width: 9.09091%; }
  [data-width-sm="10/11"] { width: 90.90909%; }
  [data-width-sm="1/12"] { width: 8.33333%; }
  [data-width-sm="11/12"] { width: 91.66667%; }
  [data-width-sm="1/13"] { width: 7.69231%; }
  [data-width-sm="12/13"] { width: 92.30769%; }
  [data-width-sm="1/14"] { width: 7.14286%; }
  [data-width-sm="13/14"] { width: 92.85714%; }
  [data-width-sm="1/15"] { width: 6.66667%; }
  [data-width-sm="14/15"] { width: 93.33333%; }
  [data-width-sm="2"] { width: 200%; max-width: initial !important; } }

@media screen and (min-width: 75em), 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="6/7"] { width: 85.71429%; }
  [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="1/9"] { width: 11.11111%; }
  [data-width-md="2/9"] { width: 22.22222%; }
  [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="1/10"] { width: 10%; }
  [data-width-md="9/10"] { width: 90%; }
  [data-width-md="1/11"] { width: 9.09091%; }
  [data-width-md="10/11"] { width: 90.90909%; }
  [data-width-md="1/12"] { width: 8.33333%; }
  [data-width-md="11/12"] { width: 91.66667%; }
  [data-width-md="1/13"] { width: 7.69231%; }
  [data-width-md="12/13"] { width: 92.30769%; }
  [data-width-md="1/14"] { width: 7.14286%; }
  [data-width-md="13/14"] { width: 92.85714%; }
  [data-width-md="1/15"] { width: 6.66667%; }
  [data-width-md="14/15"] { width: 93.33333%; }
  [data-width-md="2"] { width: 200%; max-width: initial !important; } }

@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="6/7"] { width: 85.71429%; }
  [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="1/9"] { width: 11.11111%; }
  [data-width-lg="2/9"] { width: 22.22222%; }
  [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="1/10"] { width: 10%; }
  [data-width-lg="9/10"] { width: 90%; }
  [data-width-lg="1/11"] { width: 9.09091%; }
  [data-width-lg="10/11"] { width: 90.90909%; }
  [data-width-lg="1/12"] { width: 8.33333%; }
  [data-width-lg="11/12"] { width: 91.66667%; }
  [data-width-lg="1/13"] { width: 7.69231%; }
  [data-width-lg="12/13"] { width: 92.30769%; }
  [data-width-lg="1/14"] { width: 7.14286%; }
  [data-width-lg="13/14"] { width: 92.85714%; }
  [data-width-lg="1/15"] { width: 6.66667%; }
  [data-width-lg="14/15"] { width: 93.33333%; }
  [data-width-lg="2"] { width: 200%; max-width: initial !important; } }

#header-bar, #header-stickylogo-wrapper, #pagination, #headerstrip, header, #bar-sortfilter, nav { z-index: 2; }

header { z-index: 3; }

#mainsearchfrom { z-index: 3; }

.headertoplinks, #searchdrop { z-index: 4; }

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

footer { z-index: 0; }

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

#cookiebar { z-index: 1; }

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

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

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

.articlebody, .cke_editable { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 150%; }

.articlebody a, .cke_editable a { text-decoration: underline; }

.articlebody ul, .cke_editable ul { list-style: disc; }

.articlebody ul li, .cke_editable ul li { margin: 13px 24px; }

.articlebody ol, .cke_editable ol { list-style: decimal; }

.articlebody ol li, .cke_editable ol li { margin: 13px 24px; }

.articlebody strong, .cke_editable strong { font-weight: 500; }

.articlebody em, .cke_editable em { font-style: italic; }

.productbody ul { list-style: disc; }

.productbody ul br { display: none; }

.productbody li { margin: 13px 24px; }

.productbody li br { display: inline; }

.optdot { width: 48px; height: 48px; border-radius: 32px; overflow: hidden; position: relative; }

.optdot div.swatchhex { border-radius: 32px; border: 2px solid #eeeeee; }

.optdot div.swatchhex.selected { border: 1px solid #999999; position: relative; }

.optdot div.swatchhex.selected:after { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 4px solid white; border-radius: 32px; }

.optdot .swatchimg { border-radius: 32px; border: 4px solid #cccccc; }

.optdot .swatchimg.selected { border: 4px solid #333333; }

.optdot:after { content: ""; position: absolute; top: 2px; left: 2px; width: 40px; height: 40px; border: 2px solid white; border-radius: 32px; }

.txtopt { border-radius: 4px; border: 1px solid #999999; background-color: white; }

.txtopt.selected { border: 1px solid #e7eedd; background-color: #e7eedd; font-weight: 600; }

.sizecell { /*> span{display:inline-block; border:1px solid $color4; padding:$unit/2; margin:$unit/2 $unit/2 $unit/2 0; cursor:pointer; &.selected{border:1px solid $color1; background:$color1; color:$color0;} }*/ }

.sizecell > span { border-radius: 4px; border: 1px solid #999999; background-color: white; display: inline-block; padding: 12px 16px; margin-right: 8px; margin-bottom: 8px; cursor: pointer; }

.sizecell > span.selected { border: 1px solid #e7eedd; background-color: #e7eedd; font-weight: 600; }

.multibuy { border: 1px solid #cccccc; background: #e7eedd; }

[data-th="1"] > * { width: 100%; display: inline-block; }

[data-th="2"] > * { width: 50%; display: inline-block; }

[data-th="3"] > * { width: 33.33333%; display: inline-block; }

[data-th="4"] > * { width: 25%; display: inline-block; }

[data-th="5"] > * { width: 20%; display: inline-block; }

[data-th="6"] > * { width: 16.66667%; display: inline-block; }

[data-td="1"] > * { width: 100%; display: inline-block; }

[data-td="2"] > * { width: 50%; display: inline-block; }

[data-td="3"] > * { width: 33.33333%; display: inline-block; }

[data-td="4"] > * { width: 25%; display: inline-block; }

[data-td="5"] > * { width: 20%; display: inline-block; }

[data-td="6"] > * { width: 16.66667%; display: inline-block; }

.dTable { margin: 16px 0; font-size: 12px; border: 1px solid #0b7f0b; clear: both; }

.dTable [data-th] > div { display: inline-block; padding: 8px; background: #0b7f0b; font-weight: 600; text-align: center; color: white; }

.dTable [data-th] > div:first-child { text-align: left; }

.dTable [data-td] { border-bottom: 1px solid #eeeeee; }

.dTable [data-td] > div { display: inline-block; padding: 8px; text-align: center; vertical-align: middle; }

.dTable [data-td] > div:first-child { text-align: left; }

.dTable [data-td]:nth-child(2n) { background: #ededed; }

.dTable [data-td]:last-child { border-bottom: none; }

/* .kTable{margin:$unit 0; font-size:12px;  [data-th]{ > div {font-weight:600; padding:$unit/2; text-align:center; border-bottom:1px solid $color5; width:40%; background:$color6; color:$color0; font-size:14px;  &:first-child{text-align:left; font-weight:600; width:20%; background:$color0;} } } [data-td]{ border-bottom:1px solid $color5; > div {display:inline-block;  padding:0;  text-align:center; vertical-align:middle; width:40%;  &:first-child{text-align:left; font-weight:600; width:20%; background:$color5;padding:$unit $unit/2; border-bottom:1px solid $color0;} &[data-td]{border:none; > div {padding:0; border-right:1px dotted $color4;  padding:$unit/2 0; &:first-child{text-align:center; font-weight:normal; background:none} &:last-child{border-right:1px solid $color4;} } } } } } */
.droplink { display: block; padding: 8px 16px; color: #666666; background-color: #eeeeee; border-bottom: 1px solid white; }

.droplink:hover { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; color: #0b7f0b; }

.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: #0b7f0b; }

.droplink.current .fa-caret-down { color: #cccccc; }

@media screen and (min-width: 48em), print { .droplink { display: inline-block; vertical-align: top; border-left: 1px solid #eeeeee; border-bottom-width: 0; padding: 0 16px; cursor: pointer; color: #333333; background-color: transparent; } }

.dropdiv { display: none; text-align: left; /* &:before{ @extend .fa;content:"\f0d8"; color:$color5; position:absolute;top:-14px; margin-left:-10px; width:20px; height:16px; line-height:16px; font-size:32px; left:-50%; @include respond-min-width($breakpointSM){left:50%;} } &:not(#searchdrop) > *{ display:block;padding:$unit/2 $unit; @include respond-min-width($breakpointSM){padding:$unit/4 3*$unit/4;} } */ }

.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: 0; background-color: white; border-width: 1px; border-style: solid; border-color: #cccccc; } }

.dropdiv#searchdrop { background-color: white; top: 134px; margin-top: 0; }

@media screen and (min-width: 48em), print { .dropdiv#searchdrop { top: 92px; margin-top: 18px; } }

.dropdiv.relative { position: relative; background-color: #eeeeee; border-width: 5px 1px 1px; border-style: solid; border-color: #cccccc; margin-top: 2px; }

.dropdiv.relative:before { content: "\f0d8"; color: #cccccc; 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: 0; width: 100%; min-width: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

@media screen and (min-width: 48em), print { #dropdown-basket { position: fixed; width: 400px; } }

#dropdown-basket:before { left: auto; right: 0; top: -14px; }

@media screen and (min-width: 48em), print { #dropdown-basket:before { top: -14px; right: 16px; } }

#dropdown-basket.bskt-long img { display: none; }

#slide-basket { position: fixed; width: 320px; top: 0; right: -320px; background: white; z-index: 3; transition: right 0.75s; overflow-y: auto; }

.slidingbasket #slide-basket { right: 0; transition: right 0.75s; }

.slidingbasket #sitebody { left: -320px; position: fixed; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.slidingbasket #overlay-sitebody { display: block; cursor: pointer; }

.slidingbasket #nav-wrapper { left: -320px; transition: left 0.75s; }

.headercurrency { position: relative; }

.headercurrency .currentcurrency { padding: 8px 24px 8px 8px; cursor: pointer; background: url(../images/core/drop_arrow.svg) no-repeat right; background-size: 16px; }

.headercurrency .currencydropbox { position: absolute; background: white; left: 0; width: 128px; border: 1px solid #eeeeee; }

.headercurrency .currencydropbox a { display: block; padding: 8px; text-align: left; white-space: nowrap; }

.headercurrency .currencydropbox a > * { vertical-align: middle; display: inline-block; }

.headercurrency img { display: block; }

.effects { position: relative; }

.effects [data-effects] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

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

.color0-btn:hover { color: #666666; background-color: white; }

.color1-btn { color: white; background-color: #333333; }

.color1-btn:hover { color: white; background-color: #333333; }

.color2-btn { color: white; background-color: #666666; }

.color2-btn:hover { color: white; background-color: #666666; }

.color13-btn { color: white; background-color: #ee7600; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }

.color13-btn:hover { color: white; background-color: #ff6701; }

.trans0-btn { border-radius: 4px; border: 1px solid white; font-weight: 500; }

.trans0-btn:hover { color: #333333 !important; background-color: white !important; }

.trans1-btn { border-radius: 4px; border: 1px solid #333333; font-weight: 500; }

.trans1-btn:hover { color: #333333 !important; background-color: #6bc823; border-color: #6bc823; }

.brand-btn { border-radius: 4px; border: 0px solid #333333; font-weight: 500; background-color: #0b7f0b; color: white; }

.brand-btn:hover { color: #333333 !important; background-color: #6bc823; border-color: #6bc823; }

.white-btn { border-radius: 4px; border: 1px solid #333333; font-weight: 500; background-color: white; color: #333333; }

.white-btn:hover { color: #333333 !important; background-color: #6bc823; border-color: #6bc823; }

.black-btn { border-radius: 4px; border: 0px solid white; font-weight: 500; background-color: #333333; color: white; }

.black-btn:hover { color: #333333 !important; background-color: #6bc823; border-color: #6bc823; }

.darkoverlay-btn { border-radius: 4px; border: 1px solid white; background-color: white; color: #333333; }

.darkoverlay-btn:hover { color: #333333 !important; background-color: #6bc823; border-color: #6bc823; }

[id*="location"] img:hover { opacity: 0.95; }

.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 #eeeeee; position: fixed; }

@media screen and (min-width: 48em), print { #searchdrop { margin-top: 18px; border-width: 1px; }
  #searchdrop:before { right: 16px; left: auto; } }

@media screen and (min-width: 48em) and (min-width: 1200px), print { #searchdrop:before { right: 50%; margin-right: -448px; } }

#searchdrop a:not(.viewall) { display: inline-block; padding: 8px; }

#searchdrop a:not(.viewall):not(.f-color0) { color: #666666; }

#searchdrop a:not(.viewall):hover { background-color: #0b7f0b; color: white !important; }

#searchdrop a:not(.viewall):hover > span { color: white !important; }

#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: 75em), 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%; } }

.headersearchcontainer input#searchINPUT, .headersearchcontainer .search-input { width: auto !important; }

@media screen and (min-width: 48em), print { .headersearchcontainer input#searchINPUT, .headersearchcontainer .search-input { width: 86% !important; } }

@media screen and (min-width: 75em), print { .headersearchcontainer input#searchINPUT, .headersearchcontainer .search-input { width: 92% !important; } }

.headersearchcontainer .headersearchcta > div { margin-left: 8px; margin-right: 8px; }

.popup { display: none; position: absolute !important; top: 0; left: 5%; width: 90%; background-color: white; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; -webkit-transition-property: height, top; transition-property: height, top; }

iframe.popup { background-color: transparent !important; min-height: 700px; -webkit-transition-duration: 0; transition-duration: 0; -webkit-transition-property: height, top; transition-property: height, top; overflow: hidden; }

.error.popup { background-color: transparent !important; min-height: 60px; -webkit-transition-duration: 0; transition-duration: 0; -webkit-transition-property: height, top; transition-property: height, top; }

.popup-close { position: absolute; top: -40px; right: 0; width: 96px; height: 40px; line-height: 40px; text-align: center; color: black; background-color: white; overflow: hidden; cursor: pointer; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.popup-close.iframe { position: relative; top: 3px; display: inline-block; }

.popup-close.error { width: 28.8px; background-color: #c92929; height: 28px; line-height: 28px; top: -28px; }

#filterpopup { height: auto !important; }

#filterpopup ::-webkit-scrollbar { width: 8px; }

#filterpopup ::-webkit-scrollbar-thumb { background: #0b7f0b; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; }

@media screen and (min-width: 48em), print { .popup { min-height: 200px; width: 792px; left: 50%; margin-left: -396px; }
  .popup:not(#filterpopup), .popup > .autooverflow-y { max-height: 850px; }
  .popup.pop-wide { left: 5%; width: 90%; margin-left: 0; }
  .popup.pop-narrow { left: 20%; width: 60%; margin-left: 0; }
  .error.popup { width: 554.4px; left: 50%; margin-left: -277.2px; } }

@media screen and (min-width: 75em), print { .popup.pop-wide { left: 50%; width: 1080px; margin-left: -540px; }
  .popup.pop-narrow { left: 50%; width: 600px; margin-left: -300px; } }

#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%; }

/*! 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.relative: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-search-plus:before { content: "\f00e"; }

.fa-clock-o:before { content: "\f017"; }

.fa-download:before { content: "\f019"; }

.fa-play-circle-o:before { content: "\f01d"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-map-marker:before { content: "\f041"; }

.fa-check-square-o:before { content: "\f046"; }

.fa-play:before { content: "\f04b"; }

.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-info-circle:before { content: "\f05a"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-mail-forward:before, .fa-share:before { content: "\f064"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-eye:before { content: "\f06e"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-phone:before { content: "\f095"; }

.fa-square-o: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-group:before, .fa-users:before { content: "\f0c0"; }

.fa-square:before { content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }

.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-medkit:before { content: "\f0fa"; }

.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-mail-reply:before, .fa-reply:before { content: "\f112"; }

.fa-location-arrow:before { content: "\f124"; }

.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-play-circle:before { content: "\f144"; }

.fa-check-square:before { content: "\f14a"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-instagram:before { content: "\f16d"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-file-pdf-o:before { content: "\f1c1"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-object-group:before { content: "\f247"; }

.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-shopping-bag2 { position: relative; }

.fa-shopping-bag2:after { content: "\f04d"; position: absolute; left: 0; right: 0; bottom: 15%; top: 50%; overflow: hidden; }

@font-face { font-family: 'Pe-icon-7-stroke'; src: url("fonts/pe-icon-7-stroke/Pe-icon-7-stroke.eot?d7yf1v"); src: url("fonts/pe-icon-7-stroke/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("fonts/pe-icon-7-stroke/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("fonts/pe-icon-7-stroke/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("fonts/pe-icon-7-stroke/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg"); font-weight: normal; font-style: normal; }

[class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.pe-7s-album:before { content: "\e6aa"; }

.pe-7s-arc:before { content: "\e6ab"; }

.pe-7s-back-2:before { content: "\e6ac"; }

.pe-7s-bandaid:before { content: "\e6ad"; }

.pe-7s-car:before { content: "\e6ae"; }

.pe-7s-diamond:before { content: "\e6af"; }

.pe-7s-door-lock:before { content: "\e6b0"; }

.pe-7s-eyedropper:before { content: "\e6b1"; }

.pe-7s-female:before { content: "\e6b2"; }

.pe-7s-gym:before { content: "\e6b3"; }

.pe-7s-hammer:before { content: "\e6b4"; }

.pe-7s-headphones:before { content: "\e6b5"; }

.pe-7s-helm:before { content: "\e6b6"; }

.pe-7s-hourglass:before { content: "\e6b7"; }

.pe-7s-leaf:before { content: "\e6b8"; }

.pe-7s-magic-wand:before { content: "\e6b9"; }

.pe-7s-male:before { content: "\e6ba"; }

.pe-7s-map-2:before { content: "\e6bb"; }

.pe-7s-next-2:before { content: "\e6bc"; }

.pe-7s-paint-bucket:before { content: "\e6bd"; }

.pe-7s-pendrive:before { content: "\e6be"; }

.pe-7s-photo:before { content: "\e6bf"; }

.pe-7s-piggy:before { content: "\e6c0"; }

.pe-7s-plugin:before { content: "\e6c1"; }

.pe-7s-refresh-2:before { content: "\e6c2"; }

.pe-7s-rocket:before { content: "\e6c3"; }

.pe-7s-settings:before { content: "\e6c4"; }

.pe-7s-shield:before { content: "\e6c5"; }

.pe-7s-smile:before { content: "\e6c6"; }

.pe-7s-usb:before { content: "\e6c7"; }

.pe-7s-vector:before { content: "\e6c8"; }

.pe-7s-wine:before { content: "\e6c9"; }

.pe-7s-cloud-upload:before { content: "\e68a"; }

.pe-7s-cash:before { content: "\e68c"; }

.pe-7s-close:before { content: "\e680"; }

.pe-7s-bluetooth:before { content: "\e68d"; }

.pe-7s-cloud-download:before { content: "\e68b"; }

.pe-7s-way:before { content: "\e68e"; }

.pe-7s-close-circle:before { content: "\e681"; }

.pe-7s-id:before { content: "\e68f"; }

.pe-7s-angle-up:before { content: "\e682"; }

.pe-7s-wristwatch:before { content: "\e690"; }

.pe-7s-angle-up-circle:before { content: "\e683"; }

.pe-7s-world:before { content: "\e691"; }

.pe-7s-angle-right:before { content: "\e684"; }

.pe-7s-volume:before { content: "\e692"; }

.pe-7s-angle-right-circle:before { content: "\e685"; }

.pe-7s-users:before { content: "\e693"; }

.pe-7s-angle-left:before { content: "\e686"; }

.pe-7s-user-female:before { content: "\e694"; }

.pe-7s-angle-left-circle:before { content: "\e687"; }

.pe-7s-up-arrow:before { content: "\e695"; }

.pe-7s-angle-down:before { content: "\e688"; }

.pe-7s-switch:before { content: "\e696"; }

.pe-7s-angle-down-circle:before { content: "\e689"; }

.pe-7s-scissors:before { content: "\e697"; }

.pe-7s-wallet:before { content: "\e600"; }

.pe-7s-safe:before { content: "\e698"; }

.pe-7s-volume2:before { content: "\e601"; }

.pe-7s-volume1:before { content: "\e602"; }

.pe-7s-voicemail:before { content: "\e603"; }

.pe-7s-video:before { content: "\e604"; }

.pe-7s-user:before { content: "\e605"; }

.pe-7s-upload:before { content: "\e606"; }

.pe-7s-unlock:before { content: "\e607"; }

.pe-7s-umbrella:before { content: "\e608"; }

.pe-7s-trash:before { content: "\e609"; }

.pe-7s-tools:before { content: "\e60a"; }

.pe-7s-timer:before { content: "\e60b"; }

.pe-7s-ticket:before { content: "\e60c"; }

.pe-7s-target:before { content: "\e60d"; }

.pe-7s-sun:before { content: "\e60e"; }

.pe-7s-study:before { content: "\e60f"; }

.pe-7s-stopwatch:before { content: "\e610"; }

.pe-7s-star:before { content: "\e611"; }

.pe-7s-speaker:before { content: "\e612"; }

.pe-7s-signal:before { content: "\e613"; }

.pe-7s-shuffle:before { content: "\e614"; }

.pe-7s-shopbag:before { content: "\e615"; }

.pe-7s-share:before { content: "\e616"; }

.pe-7s-server:before { content: "\e617"; }

.pe-7s-search:before { content: "\e618"; }

.pe-7s-film:before { content: "\e6a5"; }

.pe-7s-science:before { content: "\e619"; }

.pe-7s-disk:before { content: "\e6a6"; }

.pe-7s-ribbon:before { content: "\e61a"; }

.pe-7s-repeat:before { content: "\e61b"; }

.pe-7s-refresh:before { content: "\e61c"; }

.pe-7s-add-user:before { content: "\e6a9"; }

.pe-7s-refresh-cloud:before { content: "\e61d"; }

.pe-7s-paperclip:before { content: "\e69c"; }

.pe-7s-radio:before { content: "\e61e"; }

.pe-7s-note2:before { content: "\e69d"; }

.pe-7s-print:before { content: "\e61f"; }

.pe-7s-network:before { content: "\e69e"; }

.pe-7s-prev:before { content: "\e620"; }

.pe-7s-mute:before { content: "\e69f"; }

.pe-7s-power:before { content: "\e621"; }

.pe-7s-medal:before { content: "\e6a0"; }

.pe-7s-portfolio:before { content: "\e622"; }

.pe-7s-like2:before { content: "\e6a1"; }

.pe-7s-plus:before { content: "\e623"; }

.pe-7s-left-arrow:before { content: "\e6a2"; }

.pe-7s-play:before { content: "\e624"; }

.pe-7s-key:before { content: "\e6a3"; }

.pe-7s-plane:before { content: "\e625"; }

.pe-7s-joy:before { content: "\e6a4"; }

.pe-7s-photo-gallery:before { content: "\e626"; }

.pe-7s-pin:before { content: "\e69b"; }

.pe-7s-phone:before { content: "\e627"; }

.pe-7s-plug:before { content: "\e69a"; }

.pe-7s-pen:before { content: "\e628"; }

.pe-7s-right-arrow:before { content: "\e699"; }

.pe-7s-paper-plane:before { content: "\e629"; }

.pe-7s-delete-user:before { content: "\e6a7"; }

.pe-7s-paint:before { content: "\e62a"; }

.pe-7s-bottom-arrow:before { content: "\e6a8"; }

.pe-7s-notebook:before { content: "\e62b"; }

.pe-7s-note:before { content: "\e62c"; }

.pe-7s-next:before { content: "\e62d"; }

.pe-7s-news-paper:before { content: "\e62e"; }

.pe-7s-musiclist:before { content: "\e62f"; }

.pe-7s-music:before { content: "\e630"; }

.pe-7s-mouse:before { content: "\e631"; }

.pe-7s-more:before { content: "\e632"; }

.pe-7s-moon:before { content: "\e633"; }

.pe-7s-monitor:before { content: "\e634"; }

.pe-7s-micro:before { content: "\e635"; }

.pe-7s-menu:before { content: "\e636"; }

.pe-7s-map:before { content: "\e637"; }

.pe-7s-map-marker:before { content: "\e638"; }

.pe-7s-mail:before { content: "\e639"; }

.pe-7s-mail-open:before { content: "\e63a"; }

.pe-7s-mail-open-file:before { content: "\e63b"; }

.pe-7s-magnet:before { content: "\e63c"; }

.pe-7s-loop:before { content: "\e63d"; }

.pe-7s-look:before { content: "\e63e"; }

.pe-7s-lock:before { content: "\e63f"; }

.pe-7s-lintern:before { content: "\e640"; }

.pe-7s-link:before { content: "\e641"; }

.pe-7s-like:before { content: "\e642"; }

.pe-7s-light:before { content: "\e643"; }

.pe-7s-less:before { content: "\e644"; }

.pe-7s-keypad:before { content: "\e645"; }

.pe-7s-junk:before { content: "\e646"; }

.pe-7s-info:before { content: "\e647"; }

.pe-7s-home:before { content: "\e648"; }

.pe-7s-help2:before { content: "\e649"; }

.pe-7s-help1:before { content: "\e64a"; }

.pe-7s-graph3:before { content: "\e64b"; }

.pe-7s-graph2:before { content: "\e64c"; }

.pe-7s-graph1:before { content: "\e64d"; }

.pe-7s-graph:before { content: "\e64e"; }

.pe-7s-global:before { content: "\e64f"; }

.pe-7s-gleam:before { content: "\e650"; }

.pe-7s-glasses:before { content: "\e651"; }

.pe-7s-gift:before { content: "\e652"; }

.pe-7s-folder:before { content: "\e653"; }

.pe-7s-flag:before { content: "\e654"; }

.pe-7s-filter:before { content: "\e655"; }

.pe-7s-file:before { content: "\e656"; }

.pe-7s-expand1:before { content: "\e657"; }

.pe-7s-exapnd2:before { content: "\e658"; }

.pe-7s-edit:before { content: "\e659"; }

.pe-7s-drop:before { content: "\e65a"; }

.pe-7s-drawer:before { content: "\e65b"; }

.pe-7s-download:before { content: "\e65c"; }

.pe-7s-display2:before { content: "\e65d"; }

.pe-7s-display1:before { content: "\e65e"; }

.pe-7s-diskette:before { content: "\e65f"; }

.pe-7s-date:before { content: "\e660"; }

.pe-7s-cup:before { content: "\e661"; }

.pe-7s-culture:before { content: "\e662"; }

.pe-7s-crop:before { content: "\e663"; }

.pe-7s-credit:before { content: "\e664"; }

.pe-7s-copy-file:before { content: "\e665"; }

.pe-7s-config:before { content: "\e666"; }

.pe-7s-compass:before { content: "\e667"; }

.pe-7s-comment:before { content: "\e668"; }

.pe-7s-coffee:before { content: "\e669"; }

.pe-7s-cloud:before { content: "\e66a"; }

.pe-7s-clock:before { content: "\e66b"; }

.pe-7s-check:before { content: "\e66c"; }

.pe-7s-chat:before { content: "\e66d"; }

.pe-7s-cart:before { content: "\e66e"; }

.pe-7s-camera:before { content: "\e66f"; }

.pe-7s-call:before { content: "\e670"; }

.pe-7s-calculator:before { content: "\e671"; }

.pe-7s-browser:before { content: "\e672"; }

.pe-7s-box2:before { content: "\e673"; }

.pe-7s-box1:before { content: "\e674"; }

.pe-7s-bookmarks:before { content: "\e675"; }

.pe-7s-bicycle:before { content: "\e676"; }

.pe-7s-bell:before { content: "\e677"; }

.pe-7s-battery:before { content: "\e678"; }

.pe-7s-ball:before { content: "\e679"; }

.pe-7s-back:before { content: "\e67a"; }

.pe-7s-attention:before { content: "\e67b"; }

.pe-7s-anchor:before { content: "\e67c"; }

.pe-7s-albums:before { content: "\e67d"; }

.pe-7s-alarm:before { content: "\e67e"; }

.pe-7s-airplay:before { content: "\e67f"; }

#cookiebar { position: fixed; bottom: 0; width: 100%; -webkit-transform: translateZ(0); }

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

footer a, footer a:hover { color: #eeeeee; }

footer.fbginc { background-image: url(../images/articles/footerbg.jpg); background-position: center; background-size: cover; }

/*.footer-slidingsection{display:none;background-color:$color5;}*/
@media screen and (min-width: 48em), print { #main { padding-bottom: 0; }
  /* footer{position:fixed;bottom:0;width:100%;-webkit-transform:translateZ(0);} .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:$color5;} } .footer-slidingsection{ @include transition-duration($transitionduration); display:block; width:100%; height:$footerslidingsectionheight; position:absolute; left:0; bottom:$footerfixedheight - $footerslidingsectionheight; .footer-slideable.current &{bottom:$footerfixedheight;} } .footer-slidingsection-wrapper{width:100%;max-width:$pagewidth;margin:0 auto;padding:$unit;} */ }

input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: solid 1px #cccccc; max-width: 100%; padding: 8px; overflow: hidden; font-weight: 400; color: #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

input:not(.flat), select:not(.flat), textarea:not(.flat) { height: 40px; }

input:hover, select:hover, textarea:hover { border: solid 1px #999999; }

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=button], input[type=submit], input[type=image], a.button, a[class*=btn-] { text-transform: uppercase; -webkit-appearance: none; border-width: 0; text-align: center; cursor: pointer; background-color: #0b7f0b; -webkit-appearance: none; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; border-radius: 4px; font-weight: 600; color: white; }

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 { padding: 0; border: 0; }

.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 { background-color: black; color: white; }

input[type=button]:not(.plain), input[type=submit]:not(.plain), input[type=image]:not(.plain), a.button:not(.plain), a[class*=btn-]:not(.plain) { padding: 0 32px; font-size: 16px; height: 32px; line-height: 32px; }

input[type=button]:not(.flat), input[type=submit]:not(.flat), input[type=image]:not(.flat), a.button:not(.flat), a[class*=btn-]:not(.flat) { height: 40px; line-height: 40px; }

input[type=button].flat, input[type=submit].flat, input[type=image].flat, a.button.flat, a[class*=btn-].flat { line-height: normal; }

input[type=button].attachedtoform, input[type=submit].attachedtoform, input[type=image].attachedtoform, a.button.attachedtoform, a[class*=btn-].attachedtoform { height: 40px; border: none; border-radius: 0; }

input[type=button].attachedtoform:hover, input[type=submit].attachedtoform:hover, input[type=image].attachedtoform:hover, a.button.attachedtoform:hover, a[class*=btn-].attachedtoform:hover { color: white; background-color: black; }

input[type=button].attachedtoform.secondary, input[type=submit].attachedtoform.secondary, input[type=image].attachedtoform.secondary, a.button.attachedtoform.secondary, a[class*=btn-].attachedtoform.secondary { color: white; background-color: #333333; border: none; }

input[type=button][disabled="disabled"], input[type=submit][disabled="disabled"], input[type=image][disabled="disabled"], a.button[disabled="disabled"], a[class*=btn-][disabled="disabled"] { background-color: #cccccc; }

input[type=button][disabled="disabled"]:hover, input[type=submit][disabled="disabled"]:hover, input[type=image][disabled="disabled"]:hover, a.button[disabled="disabled"]:hover, a[class*=btn-][disabled="disabled"]:hover { background-color: #cccccc; }

input[type=button].addbag, input[type=submit].addbag, input[type=image].addbag, a.button.addbag, a[class*=btn-].addbag { background-color: #ee7600; }

input.btn-secondary, a.btn-secondary { background-color: white; display: inline-block; color: #666666; border: 1px solid #666666; text-decoration: none !important; }

.no-touchevents input.btn-secondary:hover, .no-touchevents a.btn-secondary:hover { background-color: #666666; color: white; }

input.btn-white, a.btn-white { background-color: white; color: #333333; }

.no-touchevents input.btn-white:hover, .no-touchevents a.btn-white:hover { background-color: white; color: #333333; }

input.btn-black, a.btn-black { background-color: #333333; color: white; }

.no-touchevents input.btn-black:hover, .no-touchevents a.btn-black:hover { background-color: #333333; color: white; }

input.btn-cms, a.btn-cms { min-width: 50%; background-color: #666666; display: inline-block; color: white; border: 1px solid #666666; padding: 8px 16px; font-size: 14px; line-height: normal !important; height: auto !important; border-radius: 2px; text-transform: none; font-weight: 500; }

.no-touchevents input.btn-cms:hover, .no-touchevents a.btn-cms:hover { background-color: white; color: black; border: 1px solid #666666; }

input.btn-line, a.btn-line { background-color: transparent; border: 1px solid #333333 !important; color: #333333; letter-spacing: 0.1em; }

.no-touchevents input.btn-line:hover, .no-touchevents a.btn-line:hover { border: 1px solid #999999; color: #999999; background-color: white; }

input.btn-line.extrapad, a.btn-line.extrapad { padding-left: 48px !important; padding-right: 48px !important; }

input.btn-tertiary, a.btn-tertiary { border-width: 1px; background-color: transparent; color: inherit; }

.no-touchevents input.btn-tertiary:hover, .no-touchevents a.btn-tertiary:hover { background-color: transparent; }

input.btn-brand, a.btn-brand { background-color: #0b7f0b; }

a.button { border-width: 0; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; line-height: normal; line-height: 32px; }

a.button:not(.flat) { line-height: 40px; }

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=radio], input[type=checkbox] { display: inline-block; vertical-align: middle; width: 16px; margin-right: 4px; height: 16px; border: 1px solid #333333; }

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: 8px; }

.fieldwithbutton > div { overflow: hidden; }

.fieldwithbutton > div input { width: 100%; }

.fieldwithlabel label, .fieldbelowlabel label { font-size: 13px; color: #666666; }

.fieldwithlabel input[type=text], .fieldwithlabel input[type=password], .fieldwithlabel input[type=number], .fieldwithlabel input[type=email], .fieldwithlabel input[type=tel], .fieldwithlabel select, .fieldwithlabel textarea, .fieldbelowlabel input[type=text], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=tel], .fieldbelowlabel select, .fieldbelowlabel textarea { width: 100%; /*#817111*/ }

.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: 15px; }

.fieldwithlabel label.long { width: 142px; }

.fieldwithlabel label.xlong { width: 174px; }

.fieldwithlabel label + div { overflow: hidden; margin-bottom: 12px; min-height: 30px; }

.fieldwithlabel label + div.therating { margin-bottom: 6px; }

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

.radiowithlabel { vertical-align: middle; height: auto; overflow: hidden; }

.radiowithlabel input[type=radio], .radiowithlabel input[type=checkbox] { display: inline-block; width: auto; margin-right: 8px; }

.radiowithlabel input[type=radio] + label, .radiowithlabel input[type=checkbox] + label { width: calc(100% - 25px); height: auto; }

.fieldwithlabel.transform .formrow { position: relative; padding: 8px 0 24px 0; }

.fieldwithlabel.transform .formrow label { position: absolute; float: none; line-height: 100%; width: auto; text-transform: uppercase; color: #cccccc; left: 8px; 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] { padding: 8px; display: block; height: 40px; }

.fieldwithlabel.transform .formrow input[type=text]:focus, .fieldwithlabel.transform .formrow input[type=email]:focus { outline: none; }

.fieldwithlabel.transform .formrow input[type=text]:focus + label, .fieldwithlabel.transform .formrow input[type=email]:focus + label { top: -16px; color: #666666; font-size: 13px; }

.fieldwithlabel.transform .formrow input[type=text]:valid + label, .fieldwithlabel.transform .formrow input[type=email]:valid + label { top: -16px; color: #666666; font-size: 13px; }

.fieldwithlabel.transform .formrow input[type=text].bd-error + label, .fieldwithlabel.transform .formrow input[type=email].bd-error + label { color: #c92929; }

.fieldwithlabel.transform .formrow input[type=text].bd-error + label + div.errormsg, .fieldwithlabel.transform .formrow input[type=email].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: 13px; }

.fieldwithlabel.transform .formrow textarea:valid + label { top: -16px; color: #666666; font-size: 13px; }

.fieldwithlabel.transform .formrow textarea.bd-error + label { color: #c92929; }

.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: 13px; color: #cccccc; }

.fieldwithlabel.transform .formrow.selectdrop select:focus + label { color: #666666; }

.currencydropcontainer { overflow: hidden; width: auto; position: relative; }

.currencydropcontainer select { font-size: 16px; height: auto; margin: 0; padding: 0 8px 0 0; width: 120%; max-width: initial; }

.currencydropcontainer:after { content: ""; width: 16px; height: 16px; position: absolute; top: 8px; right: 0; background: url(../images/core/drop_arrow.svg) no-repeat; background-size: contain; }

.selectdropcontainer { overflow: hidden; width: auto; position: relative; border: 1px solid #cccccc; }

.selectdropcontainer select { font-size: 12px; height: auto; margin: 0; padding: 8px 16px 8px 4px; width: 120%; max-width: initial; border: none; }

@media screen and (min-width: 30em), print { .selectdropcontainer select { font-size: 14px; padding: 8px 16px 8px 8px; } }

.selectdropcontainer:after { content: ""; width: 16px; height: 16px; position: absolute; top: 14px; right: 8px; background: url(../images/core/drop_arrow.svg) no-repeat; background-size: contain; }

.ratingsection label { font-size: 13px; padding: 8px 0; height: auto !important; }

.fieldbelowlabel label { display: block; margin: 8px 0; font-size: 15px; }

.fieldbelowlabel input[type=text], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=tel], .fieldbelowlabel select, .fieldbelowlabel textarea { margin-bottom: 8px; }

input[type=text].fail, input[type=text].inputFAIL, input[type=text][data-validation="inputFAIL"], input[type=email].fail, input[type=email].inputFAIL, input[type=email][data-validation="inputFAIL"], input[type=password].fail, input[type=password].inputFAIL, input[type=password][data-validation="inputFAIL"], input[type=number].fail, input[type=number].inputFAIL, input[type=number][data-validation="inputFAIL"], input[type=tel].fail, input[type=tel].inputFAIL, input[type=tel][data-validation="inputFAIL"] { background: #fbecec url(../images/core/icon-error.png) no-repeat 98% center; }

input[type=text].pass, input[type=text].inputPASS, input[type=text][data-validation="inputPASS"], input[type=email].pass, input[type=email].inputPASS, input[type=email][data-validation="inputPASS"], input[type=password].pass, input[type=password].inputPASS, input[type=password][data-validation="inputPASS"], input[type=number].pass, input[type=number].inputPASS, input[type=number][data-validation="inputPASS"], input[type=tel].pass, input[type=tel].inputPASS, input[type=tel][data-validation="inputPASS"] { background: #e9f7ee url(../images/core/icon-tick.png) no-repeat 98% center; }

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus { border-color: #333333; }

input[type=text]#footeremail:focus, input[type=email]#footeremail:focus, input[type=password]#footeremail:focus, input[type=number]#footeremail:focus, input[type=tel]#footeremail:focus { border-color: #eeeeee; }

input[type=number] { -moz-appearance: textfield; }

@media screen and (min-width: 48em), print { input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
  /*fixes Chrome & Safari but not Opera*/ }

.paypalbtn { background-color: #ffc439; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

#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); } }

.buttonheight { height: 40px; line-height: 40px; }

input#footeremail::-webkit-input-placeholder { color: #333333; }

input#footeremail::-moz-placeholder { color: #333333; }

input#footeremail:-ms-input-placeholder { color: #333333; }

input#footeremail:-moz-placeholder { color: #333333; }

#header-hamburger-xs { /*font-size:7.5vw;*/ background: url(../../images/core/burgerIcon.png) no-repeat; background-size: 98%; width: 32px; background-position-y: 49%; }

#header-search-link { font-size: 6.5vw; }

#header-basket1 { font-size: 7vw; }

#header-basket { position: relative; }

@media screen and (min-width: 75em), print { .accountlinks > a { padding-top: 8px; padding-bottom: 8px; background-color: white; color: #333333; border: 0px solid #cccccc; margin: 24px 4px 4px 4px; text-align: center; width: calc(100% - 8px); -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } }

.headersearchcont { display: block; }

@media screen and (min-width: 48em), print { .headersearchcont { display: inherit; } }

.headersearchcont #mainsearchfrom { display: none; border-top: 1px solid #cccccc; }

.headersearchcont #mainsearchfrom > div { padding: 8px; }

@media screen and (min-width: 48em), print { .headersearchcont #mainsearchfrom { display: block; border-top: none; padding: 8px; } }

@media screen and (min-width: 75em), print { .headersearchcont #mainsearchfrom { padding: 0; }
  .headersearchcont #mainsearchfrom > div { padding: 28px 8px 8px 8px; } }

.headersearchcont #mainsearchfrom #searchINPUT { height: 42px; }

.headersearchcont #mainsearchfrom .headersearchbtn { height: 42px; -webkit-border-radius: 0 3px 3px 0 !important; -moz-border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important; }

.mastHeaderGap { height: 0; }

@media screen and (min-width: 48em), print { .mastHeaderGap { height: 0; position: relative; } }

@media screen and (min-width: 75em), print { .mastHeaderGap { height: 38px; position: relative; } }

@media screen and (min-width: 48em), print { #header-main { height: 115px; padding: 8px 0; }
  #header-logo { padding-top: 8px; }
  /*#header-bar,#header-bar>div,#header-basket{height:$headerbarheight;}*/ }

#header-fav-link { display: none; }

@media screen and (min-width: 75em), print { #header-fav-link { display: inline-block; }
  #header-fav-link > span { border: 0px solid #cccccc; margin: 24px 4px 4px 4px; padding-top: 8px; padding-bottom: 8px; background-color: white; color: #333333; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } }

@media screen and (min-width: 75em), print { #header-basket-link > span { border: 0px solid #cccccc; margin: 24px 4px 4px 4px; padding-top: 8px; padding-bottom: 8px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; background-color: #ee7600; color: white; background-color: #6bc823; } }

#header-bar > div.ordered { vertical-align: middle; }

@media screen and (min-width: 48em), print { #header-bar > div.ordered { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; align-items: center; } }

@media screen and (min-width: 48em), print { #header-bar > div.ordered > div:nth-child(3) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  #header-bar > div.ordered > div:last-child { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } }

#cdnBasket { font-size: 3.5vw; color: white; position: absolute; bottom: 1vw; left: 0; right: 0; }

#cdnBasket2 { font-size: 12px; color: black; top: -4px; right: -8px; padding: 1px 5px; background: #e7eedd; border-radius: 8px; border: 0 solid #0b7f0b; font-weight: 600; }

@media screen and (min-width: 75em), print { #cdnBasket2 { background: white; } }

#cdnWishlist { font-size: 12px; color: black; top: -4px; right: -8px; padding: 1px 5px; background: #e7eedd; border-radius: 8px; border: 0px solid #333333; font-weight: 600; }

#header-bar-right { white-space: nowrap; }

#header-bar-right * { white-space: normal; }

#header-stickylogo-wrapper { display: none; position: fixed; top: 0; left: 0; right: 0; }

@media screen and (min-width: 48em), print { #header-stickylogo-wrapper { display: block; } }

#header-stickylogo-wrapper, #header-stickylogo-wrapper div, #header-stickylogo-wrapper a { height: 0; }

#stickylogo { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.75s; -o-transition: opacity 0.75s; transition: opacity 0.75s; overflow: hidden; }

#stickylogo img { max-height: 0; }

.enclosed #header-hamburger-xs, .enclosed #header-search-link, .enclosed #header-search, .enclosed + #header-nav { display: none !important; }

.bannerheading { position: relative; height: 182.5px; overflow: hidden; }

.bannerheading img { width: 100%; max-width: none; position: absolute; left: 50%; margin-left: -50%; }

@media screen and (min-width: 48em), print { .bannerheading { height: 365px; }
  .bannerheading img { width: 1680px; margin-left: -840px; } }

@media screen and (min-width: 84em), print { .bannerheading { height: 365px; }
  .bannerheading img { width: 100%; margin-left: -50%; } }

.vatdroplink { display: inline-block; cursor: pointer; }

.vatdroplist { display: none; width: auto; background-color: white; clear: both; position: absolute; right: 0; text-align: center; border: 1px solid #cccccc; top: 32px; }

.vatdroplist a, .vatdroplist span { display: block; padding: 8px 16px; }

.vatdroplist a:hover { color: #333333; }

.vatdroplist span { color: #cccccc; }

.listing { display: block; text-align: left; outline: 0px solid #cccccc; overflow: hidden; background-color: white; margin: 8px 2px; font-size: 14px; /*WISHLIST ITEM SPECIFIC*/ }

.listing [data-listing] { display: block; }

.listing [data-listing="image"] { width: 100%; border: 1px solid #eeeeee; }

.listing [data-listing="image"]:hover { border: 1px solid #cccccc; }

.listing [data-listing="promo"] { position: absolute; top: 8px; right: 8px; width: 25%; }

.listing .listing-details { /*[data-listing="swatches"]{height:$heightSwatches; @include respond-min-width($breakpointMS){height:$heightSwatchesMS;}}*/ height: 94.8px; }

.listing .listing-details > * { margin: auto; }

.listing .listing-details [data-listing] { margin: 16px 5%; }

@media screen and (min-width: 30em), print { .listing .listing-details [data-listing] { margin: 16px 0; } }

.listing .listing-details [data-listing="name"] { /*height:$heightName;*/ }

@media screen and (min-width: 30em), print { .listing .listing-details [data-listing="name"] { /*height:$heightNameMS;*/ line-height: 20px; max-width: 100%; margin: 8px auto; } }

.listing .listing-details [data-listing="price"] { height: 18px; font-size: 16px; font-weight: 600; max-width: 100%; margin: 8px; }

@media screen and (min-width: 30em), print { .listing .listing-details [data-listing="price"] { margin: 8px auto; } }

.listing .listing-details [data-listing="reviews"] { height: 14px; margin: 16px auto; display: none; }

@media screen and (min-width: 30em), print { .listing .listing-details { height: 118px; } }

.listing .listing-details.listing-wishlist, .listing .listing-details.listing-recent { height: auto; padding: 0; margin-bottom: 16px; /* height:193px; [data-listing="options"]{height:30px;} .listing-variants{ max-height:260px; overflow:hidden; overflow-y:auto; background:$color0; position:absolute; left:0; right:0; z-index:1; .webkit &{ //left:-1px; //right:-1px; //border:1px solid $color4; //border-width:0 1px 1px; } &::-webkit-scrollbar{width:8px;background:$color5;cursor:pointer;} &::-webkit-scrollbar-thumb{background:$color3;cursor:pointer;@include bd-radius(2*$radius,true);} }			 .hidden+.listing-variants{border-bottom-width:0;} */ }

.listing .listing-details.listing-wishlist [data-listing], .listing .listing-details.listing-recent [data-listing] { margin: 4px 0; }

.listing .listing-details.listing-wishlist [data-listing="name"], .listing .listing-details.listing-recent [data-listing="name"] { height: auto; }

@media screen and (min-width: 30em), print { .listing .listing-details.listing-wishlist, .listing .listing-details.listing-recent { height: auto; } }

.listing .listing-details.listing-wishlist .listing-variants, .listing .listing-details.listing-recent .listing-variants { border: none; }

.listing .listing-details.listing-wishlist .listing-variants, .listing .listing-details.listing-recent .listing-variants { /*position:absolute;*/ background: white; width: 100%; padding: 0; left: 0; z-index: 2; }

.listing .listing-details.blog { height: auto !important; text-transform: none; text-align: left; }

.listing .listing-details.blog [data-listing] { margin: 0; }

@media screen and (min-width: 30em), print { .listing .listing-details.blog [data-listing] { margin: 0; } }

.listing .listing-details.blog [data-listing="name"] { height: auto; margin: 0 auto; max-width: 90%; }

@media screen and (min-width: 30em), print { .listing .listing-details.blog [data-listing="name"] { height: auto; } }

.listing .listing-icons { visibility: hidden; position: absolute; bottom: 0; left: 0; white-space: nowrap; font-size: 1.75em; width: 100%; background: rgba(255, 255, 255, 0.4); }

.listing .listing-icons span { cursor: pointer; padding: 2% 4px; }

.listing .listing-icons span.label { font-size: 12px; }

.listing [data-listing="swatches"] { position: absolute; width: 24px; bottom: 10%; right: 0; margin: 16px 8px; visibility: hidden; }

.listing [data-listing="swatches"] .swatch { margin: 2px 0; }

.listing#listing-sidebar { outline: none; }

@media screen and (min-width: 48em), print { .listing#listing-sidebar { outline: 1px solid #cccccc; } }

.listing.search { margin: 2px; }

@media screen and (min-width: 48em), print { .listing.search { margin: 0 2px 16px 2px; } }

.listing.search .listing-details { text-align: left; }

.listing.search .listing-details > * { padding-left: 16px; padding-right: 16px; }

@media screen and (min-width: 48em), print { .listing.search .listing-details > * { font-size: 13px; } }

@media screen and (min-width: 75em), print { .listing.search .listing-details > * { font-size: 14px; } }

.listing .swatch { cursor: pointer; display: inline-block; border: 1px solid #cccccc; width: 24px; height: 24px; vertical-align: middle; border-radius: 16px; margin: 0 2px; position: relative; overflow: hidden; }

.listing .swatch:after { content: ""; position: absolute; width: 18px; height: 18px; border: 2px solid white; left: 0; top: 0; border-radius: 16px; }

.no-touchevents .listing:not(.no-hover):hover { outline: 0px solid #999999; }

.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 .listing-icons { visibility: visible; }

.no-touchevents .listing:not(.no-hover):hover [data-listing="swatches"] { visibility: visible; }

.listing #facetMiddleBlock > div:last-child { border-bottom: none !important; }

.listing.wslist-item { border: 0px solid #c92929; /* [data-listing="remove"] {margin:$unit 5%; display:inline-block} [data-listing="add"]{margin:$unit 5%; display:inline-block} */ }

.swatchhex { width: 48px; height: 48px; }

.swatchimg { width: 48px; height: 48px; }

.listingpagination { outline: 0px solid #cccccc; }

@media screen and (min-width: 48em), print { .listingpagination { outline: 1px solid #cccccc; background-color: white; } }

.no-touchevents .listing.blog:not(.no-hover):hover { background-color: white; color: #0b7f0b; }

.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: #0b7f0b; }

.x-close { position: relative; }

.x-close:after { content: 'X'; position: absolute; right: 8px; }

#stickyPaginationGap, #pagination { right: 8px; }

@media screen and (min-width: 1680px), print { #stickyPaginationGap, #pagination { right: 50%; margin-right: -824px; } }

.listingpagination { margin-top: 24px; }

.listingpagination > * { display: block; width: 24px; line-height: 24px; margin-top: 8px; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

.listingpagination .current, .listingpagination a:hover { background: #eeeeee; }

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

.webkit .scroll-pane { overflow: hidden; overflow-y: auto; }

.webkit .scroll-pane::-webkit-scrollbar { width: 8px; background: #eeeeee; cursor: pointer; }

.webkit .scroll-pane::-webkit-scrollbar-thumb { background: #0b7f0b; cursor: pointer; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; }

.facet a { position: relative; text-align: left; padding-top: 6px; line-height: 17px; margin-top: 4px; }

.facet a :first-child { padding-left: 24px; }

.facet a :first-child:before { content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; background: url(/images/core/facet_tickbox.png); background-size: cover; background-position: 0 0; }

.facet a.checked :first-child:before { background-position: 0 100%; }

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

.itemsave { display: inline-block; width: 38px; height: 38px; position: relative; font-family: FontAwesome; }

.itemsave:after { content: "\f097"; width: 38px; height: 38px; position: absolute; left: 0; top: 0; font-size: 16px; text-align: center; line-height: 38px; border: 1px solid #666666; font-size: 24px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }

.itemsaved { display: inline-block; width: 38px; height: 38px; position: relative; font-family: FontAwesome; }

.itemsaved:after { content: "\f02e"; width: 38px; height: 38px; position: absolute; left: 0; top: 0; font-size: 16px; text-align: center; line-height: 38px; background: #0b7f0b; color: white; font-size: 24px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }

.listing-saveicon { position: absolute; right: 8px; bottom: 8px; }

.list-sort-dropdown { position: relative; }

.list-sort-dropdown > div { text-align: left; max-width: 90%; white-space: nowrap; }

.list-sort-dropdown > div:first-child { padding: 8px 32px 8px 8px; border: 1px solid #cccccc; cursor: pointer; }

@media screen and (min-width: 48em), print { .list-sort-dropdown > div:first-child { background: url(../images/core/drop_arrow.svg) no-repeat 95%; background-size: 16px; } }

.list-sort-dropdown > div:last-child { position: absolute; left: 0; z-index: 1; background: white; border: 1px solid #cccccc; width: auto; margin-top: -1px; }

.list-sort-dropdown > div:last-child a { white-space: nowrap; padding: 8px; }

.list-sort-dropdown > div:last-child a:hover { background-color: #eeeeee !important; }

@media screen and (min-width: 48em), print { .list-sort-dropdown > div { min-width: 240px; max-width: 100%; } }

.content-spot { /*#877084*/ }

.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: 75em), 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: 75em), 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: 75em), 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: 75em), 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: 75em), 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: 75em), 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: 75em), 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: 75em), 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 { /*height:0;*/ /*padding-bottom:calc(50% + 86.8px); @include respond-min-width($breakpointMS){padding-bottom:calc(50% + 110px);} */ /*#877084*/ }

.content-spot[data-size="2x2"] .listing { height: 0; /*#877084*/ /*padding-bottom:calc(100% + 363.2px); @include respond-min-width($breakpointMS){padding-bottom:calc(100% + 456px);} */ /*#877084*/ }

.content-spot[data-size="2x2"] .listing img { position: absolute; width: auto !important; max-width: none; min-width: 100%; min-height: 100%; 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%); left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

nav { position: absolute; left: -268px; top: 0; width: 268px; min-height: 100%; overflow: hidden; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; font-size: 14px; background: white; }

@media screen and (min-width: 75em), print { nav { left: 0; top: 120px; min-height: 0; -webkit-transition-duration: 0s; transition-duration: 0s; font-size: 16px; background: none; position: fixed; overflow: visible; width: 100%; }
  text-align:center nav.callcentre { top: 153px; } }

#sitebody { position: relative; left: 0; top: 0; width: 100%; background-color: white; opacity: 1; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

.slidingmenu nav { left: 0; }

.slidingmenu #sitebody { left: 268px; position: fixed; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.slidingmenu #overlay-sitebody { display: block; cursor: pointer; }

#nav-wrapper { position: relative; left: 0; top: 0; width: 804px; transition: left 0.75s; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

@media screen and (min-width: 75em), print { #nav-wrapper { width: 100%; } }

#nav-wrapper a:not(.cur) { display: block; text-decoration: none; padding: 16px; border-bottom: 1px solid #eeeeee; color: #333333; }

@media screen and (min-width: 75em), print { #nav-wrapper a:not(.cur) { background: none; border-bottom-width: 0; padding: 0 16px; } }

#nav-wrapper #nav-level0 a { letter-spacing: 0.05em; }

#nav-wrapper #nav-mobilelinks a, #nav-wrapper .nav-back { background: none; text-transform: none; }

#nav-wrapper [data-parent] a:first-child, #nav-wrapper [data-grandparent] a:first-child { font-size: 16px; font-weight: bold; }

@media screen and (min-width: 75em), print { #nav-wrapper [data-parent] a:first-child, #nav-wrapper [data-grandparent] a:first-child { margin-bottom: 8px; } }

#nav-wrapper [data-parent] a:first-child.nolink, #nav-wrapper [data-grandparent] a:first-child.nolink { cursor: default; }

#nav-wrapper [data-parent] a:first-child.nolink:hover, #nav-wrapper [data-grandparent] a:first-child.nolink:hover { color: #666666; }

#nav-wrapper.moved { left: -268px; }

#nav-wrapper.moved-twice { left: -536px; }

[id^="nav-level"] { display: inline-block; vertical-align: top; width: 268px; }

@media screen and (min-width: 75em), print { .showdropdown nav.fixed { position: absolute; }
  #nav-level0 { display: inline-block; width: 100%; background-color: #0b7f0b; color: white; }
  #nav-level0 > div { position: relative; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -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; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener #nav-level0 > div { display: table; table-layout: auto; }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener #nav-level0 > div > * { display: table-cell; vertical-align: middle; } }

@media screen and (min-width: 75em) and (min-width: 75em), print { #nav-level0 > div { margin: 0 16px; } }

@media screen and (min-width: 75em), print { #nav-level0 a { line-height: 40px; white-space: nowrap; } }

@media screen and (min-width: 75em) and (min-width: 75em), print { #nav-level0 a { font-size: 14px; padding: 8px; color: white !important; } }

@media screen and (min-width: 75em), print { #nav-level0 a.current { background-color: #e7eedd; color: #333333 !important; }
  #nav-level0 a:hover { color: #333333; }
  #nav-level1, #nav-level2 { display: none; width: 100%; overflow: hidden; }
  #nav-level1 a, #nav-level2 a { padding: 8px; color: #333333 !important; text-align: left !important; }
  #nav-level1 a:hover, #nav-level2 a:hover { color: #6bc823; text-shadow: 1px 1px white; }
  .csscolumns #nav-level1 div[data-parent]:not(.hidden), .csscolumns #nav-level2 div[data-parent]:not(.hidden) { display: block; text-align: center; }
  .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; } }

@media screen and (min-width: 75em) and (min-width: 75em), print { #nav-level1, #nav-level2 { position: fixed; top: 160px; border-top: 1px solid #eeeeee; } }

@media screen and (min-width: 75em), print { #nav-level1, #nav-level2 { background-color: white; padding-top: 16px; }
  #nonmobilenavlinks a { color: white !important; }
  #nonmobilenavlinks a:hover { text-shadow: none; } }

@media screen and (min-width: 75em) and (min-width: 75em), print { .csscolumns #nav-wrapper.columns .column-layout { -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; /*max-height:320px;*/ } }

@media screen and (min-width: 75em) and (min-width: 84em), print { .csscolumns #nav-wrapper.columns .column-layout { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; /*max-height:240px;*/ } }

@media screen and (min-width: 75em), 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: 32px; }
  @-moz-document url-prefix() { .csscolumns #nav-wrapper.columns .column-layout div[data-parent], .csscolumns #nav-wrapper.columns .column-layout div[data-grandparent] { min-height: 350px; } } }

@media screen and (min-width: 75em) and (min-width: 75em), print { .csscolumns #nav-wrapper.columns #nav-level1 div.column-layout { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } }

@media screen and (min-width: 75em), print { .no-csscolumns #nav-wrapper.columns #nav-level2 { display: none !important; } }

@-moz-document url-prefix() { #nav-level0 .fa-navicon { position: relative; top: -1px; } }

.vatdroplist_mob { text-align: center; }

.vatdroplist_mob > span { background: #6bc823; }

.vatdroplist_mob > span:first-child > a { background: white; border-radius: 0 30px 30px 0; }

.vatdroplist_mob > span:last-child > a { background: white; border-radius: 30px 0 0  30px; }

[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: white; -webkit-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; }

.progressbar:before { content: ''; position: absolute; top: 15px; right: 10%; left: 10%; border-top: 1px solid #eeeeee; }

.progressbar > div { display: inline-block; width: 20%; position: relative; text-align: center; }

.progressbar > div .progressbar-number { display: inline-block; background-color: #cccccc; color: white; height: 32px; width: 32px; line-height: 32px; padding: 0 6px; margin: 0 auto; border-radius: 16px; }

.progressbar > div .progressbar-name { display: block; height: 30px; line-height: 32px; }

@media screen and (min-width: 48em), print { .progressbar > div .progressbar-name { display: block; padding: 0 6px; color: #cccccc; } }

.progressbar > div.selected .progressbar-number { background-color: #0b7f0b; }

@media screen and (min-width: 48em), print { .progressbar > div.selected .progressbar-name { color: #0b7f0b; font-weight: 600; } }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-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: transform, left, top; transition-property: transform, left, top; -webkit-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; transition-timing-function: ease; padding: 0; }

.swiper-free-mode > .swiper-wrapper { -webkit-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-pagination-bullets { position: absolute; top: 0; right: 0; }

.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-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: 16px 8px; background: #999999; cursor: pointer; }

.swiper-pagination-bullet-active { background-color: #0b7f0b; cursor: default; }

#swiper1 .swiper-wrapper > *:not(.swiper-slide) { display: none; }

#swiper1 .swiper-wrapper > *:not(.swiper-slide):first-child { display: block; visibility: hidden; }

#swiper1 .swiper-wrapper > *:not(.swiper-slide):first-child.videoheading { visibility: visible; }

.swiper-overlay { margin-left: 16px; }

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

@media screen and (min-width: 75em), print { .swiper-overlay { margin-left: 48px; } }

@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: 1px; padding-right: 1px; }

@media screen and (min-width: 48em), print { .eliteSlider .eliteSlides > * { padding-left: 1px; padding-right: 1px; } }

.eliteSlider .eliteSlides .listing { margin-left: 0; margin-right: 0; }

.eliteSlider .eliteSlides [data-tile] { transition: width 0s; }

#promobanner { /*
	position:relative;
	>div{
		width:100%;
		position:absolute;
		left:0;
		top:0;
		&.slice-size-2{width:(100%/2);&:nth-child(2n){left:(100%/2);}}
		&.slice-size-3{width:(100%/3);&:nth-child(3n){left:(200%/3);}&:nth-child(3n-1){left:(100%/3);}}
		&.slice-size-4{width:(100%/4);&:nth-child(4n){left:(300%/4);}&:nth-child(4n-1){left:(200%/4);}&:nth-child(4n-2){left:(100%/4);}}
	}
*/ }

#alternativeImages { position: relative; }

#alternativeImages img { width: calc((100% - 2*(32px))/4); margin: 8px 4px; }

#alternativeImages img:only-of-type { display: none; }

@media screen and (min-width: 48em), print { #alternativeImages img { width: 98%; margin: 0 0 4px 0; }
  #alternativeImages img:only-of-type { display: inline-block; } }

@media screen and (min-width: 75em), print { #alternativeImages { padding-right: 16px; /*img{width:92%;margin:$unit/8 0;*/ }
  #alternativeImages img { width: 98%; margin: 0 0 4px 0; }
  #alternativeImages [style="display: none;"] + img { margin-top: 0; } }

#alternativeImagesPrev, #alternativeImagesNext { cursor: pointer; width: 16px; height: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 75em), print { #alternativeImagesPrev, #alternativeImagesNext { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); left: 40%; } }

#alternativeImagesPrev { border-left: 4px solid #333333; border-bottom: 4px solid #333333; }

@media screen and (min-width: 75em), print { #alternativeImagesPrev { position: absolute; top: 8px; } }

#alternativeImagesNext { border-right: 4px solid #333333; border-top: 4px solid #333333; }

@media screen and (min-width: 75em), print { #alternativeImagesNext { position: absolute; bottom: 8px; } }

@media screen and (min-width: 48em), print { #listing-sidebar, #listing-list { padding-left: 8px; padding-right: 8px; } }

@media screen and (min-width: 75em), print { #listing-wrapper { position: relative; margin: 0; width: 100%; }
  #listing-wrapper #listing-sidebar, #listing-wrapper #listing-list { display: inline-block; vertical-align: top; }
  #listing-wrapper #listing-sidebar { width: 300px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
  #listing-wrapper #listing-list { margin-left: 0; width: calc(100% - 300px); }
  #listing-wrapper.sidebar-visible { width: 100%; left: 0; }
  #listing-wrapper.sidebar-visible #listing-sidebar { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }

.container-sidebar { padding: 0 8px; overflow: hidden; }

.container-sidebar > * { background-color: white; }

@media screen and (min-width: 48em), print { .container-sidebar > *:first-child { width: calc(75% - 16px); padding: 0; margin-left: 0; }
  .container-sidebar > *:first-child + * { float: left; width: 25%; }
  .container-sidebar > *:first-child + * .sidebar-supplement { border-top: solid 16px #eeeeee; } }

@media screen and (min-width: 75em), print { .container-sidebar > *:first-child { width: calc(75% - 16px); margin-left: 0; }
  .container-sidebar > *:first-child + * { width: 25%; } }

/*
.container-sidebar-listing>*{
	@include respond-min-width($breakpointSM){
		width:(200%/3);
		&:first-child{width:(100%/3);}
	}
	
	@include respond-min-width($breakpointMD){
		width:80%;&: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; }

.tabgroup .tab:hover { color: #0b7f0b; }

.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: #0b7f0b; 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; color: #999999; text-transform: uppercase; font-size: 20px; }

.flextabs .tab:hover { color: #6bc823; cursor: pointer; }

.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:after { content: ''; } }

@media screen and (min-width: 75em), print { .flextabs .tab { font-size: 28px; padding: 16px 24px; } }

.flextabs .tab + div { width: 100%; }

@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: #0b7f0b; 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); } }

.tabcontainer { background: white; padding: 32px 0; }

@media screen and (min-width: 48em), print { .tabcontainer { background: #ededed; } }

.acctabs > div.tabhead { font-weight: 600; cursor: pointer; padding: 16px 16px; border-top: 1px solid #cccccc; }

@media screen and (min-width: 48em), print { .acctabs > div.tabhead { padding: 16px 32px; } }

.acctabs > div.tabbody { padding: 0 16px; display: none; padding: 16px; background-color: white; line-height: 150%; font-size: 14px; line-height: 1.5; font-family: "Open Sans", sans-serif; }

.acctabs > div.tabbody p { font-size: 14px; line-height: 1.5; font-family: "Open Sans", sans-serif; }

.acctabs > div.tabbody.selected { display: block; }

@media screen and (min-width: 48em), print { .acctabs { display: flex; flex-wrap: wrap; }
  .acctabs > div.tabhead { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; font-weight: 600; border-top: 0px solid white; }
  .acctabs > div.tabhead.selected { background: white; border-top: 4px solid #0b7f0b; }
  .acctabs > div.tabbody { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100%; display: none; }
  .acctabs > div.tabbody.selected { display: block; } }

.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: 56px; color: #666666; font-size: 14px; }

.irs-line { position: relative; display: block; overflow: hidden; outline: none !important; height: 24px; }

.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: 10px; }

.irs-line-left, .irs-min { left: 0; }

.irs-line-right, .irs-max { right: 0; }

.irs-bar { background: #666666; }

.irs-slider { cursor: default; border: 2px solid #666666; background: #eeeeee; cursor: pointer; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }

.irs-slider, .irs-line-left, .irs-line-right { display: block; position: absolute; top: 0; width: 24px; height: 24px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; }

.irs-slider.type_last { z-index: 2; }

.irs-slider.state_hover, .irs-slider:hover { -webkit-box-shadow: inset 0 0 3px 3px #6bc823; box-shadow: inset 0 0 3px 3px #6bc823; border-color: #0b7f0b; }

.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: 75em), print { .grid-item { width: 25%; } }

.webwidget_rating_simple { margin: 6px 0; }

.webwidget_rating_simple > span { display: inline-block; width: 20px; height: 20px; vertical-align: bottom; cursor: pointer; font-size: 18px; }

.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 { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.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: #eeeeee; position: relative; }

.jspDrag { background: #0b7f0b; 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: #eeeeee; float: left; height: 100%; }

.pcatext.pcanotification.pcavisible { display: none !important; position: absolute; }

.pcatext.pcanotification.pcafade { display: none !important; position: absolute; }

#map-canvas { margin: 16px 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: 33.33333%; } }

#map-canvas .tabcontainer { font-family: "Open Sans", 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: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; margin-right: 0 !important; }

.storelocator-panel .storelocator-filter { padding: 16px; border-bottom: 1px solid #eeeeee; border-right: 0px solid #eeeeee; border-top: 1px solid #eeeeee; }

@media screen and (min-width: 48em), print { .storelocator-panel .storelocator-filter { border-top: 0px solid #eeeeee; border-right: 1px solid #eeeeee; } }

.storelocator-panel > div .nostore { padding: 16px; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }

.storelocator-panel > div [id*="store-"] { padding: 16px; border-bottom: 1px solid #eeeeee; border-right: 0 solid #eeeeee; }

@media screen and (min-width: 48em), print { .storelocator-panel > div [id*="store-"] { border-right: 1px solid #eeeeee; } }

.storelocator-panel > div [id*="store-"]:last-child { border-bottom: none; }

.storelocator-panel > div [id*="store-"]:hover { background: #ededed; }

.fancybox-wrap { position: absolute; top: 16px; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #eeeeee; color: #333333; text-shadow: none; -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; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { font-family: "Open Sans", 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: 16px; right: 16px; text-align: center; color: #333333; overflow: hidden; cursor: pointer; /*@include bd-radius($radius)*/ }

.fancybox-close:after { content: "Close X"; display: block; text-align: center; color: #333333; font-weight: 600; }

.fancybox-title { display: none !important; }

.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.5); color: white; }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

@media screen and (min-width: 75em), 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: white; 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: white; 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: white; }
  .zoomPup.hidden { display: none !important; }
  .zoomOverlay { position: absolute; left: 0; top: 0; background: white; z-index: 3; width: 100%; height: 100%; display: none; }
  .zoomWindow { position: absolute; left: 110%; top: 0 !important; z-index: 3; height: 1000px; border: 0px solid #eeeeee; }
  .zoomWrapper { position: relative; border: 0px solid #eeeeee; z-index: 2; }
  .zoomWrapperTitle { display: block; background: #999999; color: white; 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; } }

.checkoutstep { border-bottom: 1px solid #eeeeee; }

.checkoutstep:last-child { border-bottom: none; }

.checkoutstep.current h3 { background-color: white !important; }

.checkoutstep.current h3:before { background: #0b7f0b !important; color: white !important; }

.checkoutstep h3 { cursor: pointer; font-weight: bold; padding: 8px; font-weight: 500; }

.checkoutstep h3 .checkout-headinginfo { font-size: 14px; display: block; margin: 8px; color: #666666; }

@media screen and (min-width: 48em), print { .checkoutstep h3 .checkout-headinginfo { margin: 0 59.2px; } }

.checkoutstep h3 .checkout-headinginfo.inlineinfo { display: inline-block; }

@media screen and (min-width: 48em), print { .checkoutstep h3 .checkout-headinginfo.inlineinfo { margin: 0 16px; } }

.checkoutstep .checkoutstep-inner { margin: 0 8px; }

@media screen and (min-width: 48em), print { .checkoutstep .checkoutstep-inner { margin: 0 59.2px; } }

.checkoutstep[data-step] h3:before { content: ""; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; padding: 16px 20.8px; border-radius: 32px; background: #e7eedd; font-size: 18px; color: white; }

.checkoutstep[data-step="1"] h3:before { content: "1"; }

.checkoutstep[data-step="1"][data-allow="yes"] h3:before { color: white; }

.checkoutstep[data-step="1"][data-allow="no"] h3 { color: #cccccc; }

.checkoutstep[data-step="1"][data-allow="no"] h3:before { color: white; }

.checkoutstep[data-step="2"] h3:before { content: "2"; }

.checkoutstep[data-step="2"][data-allow="yes"] h3:before { color: white; }

.checkoutstep[data-step="2"][data-allow="no"] h3 { color: #cccccc; }

.checkoutstep[data-step="2"][data-allow="no"] h3:before { color: white; }

.checkoutstep[data-step="3"] h3:before { content: "3"; }

.checkoutstep[data-step="3"][data-allow="yes"] h3:before { color: white; }

.checkoutstep[data-step="3"][data-allow="no"] h3 { color: #cccccc; }

.checkoutstep[data-step="3"][data-allow="no"] h3:before { color: white; }

.checkoutstep[data-step="4"] h3:before { content: "4"; }

.checkoutstep[data-step="4"][data-allow="yes"] h3:before { color: white; }

.checkoutstep[data-step="4"][data-allow="no"] h3 { color: #cccccc; }

.checkoutstep[data-step="4"][data-allow="no"] h3:before { color: white; }

.delivery-method-line, .saved-address-line { clear: both; }

.delivery-method-line:hover, .saved-address-line:hover { background-color: #ededed; }

.delivery-selection > div > div { color: #333333; background-color: white; }

.delivery-selection > div > div.selected { color: #0b7f0b; border: #cccccc 1px solid; border-bottom-color: white; position: relative; z-index: 2; border-radius: 4px 4px 0 0; /*img{ -webkit-filter: invert(100%); filter: invert(100%); }*/ }

#opcCollection, #opcDelivery { border: #cccccc 1px solid; margin-top: -1px; position: relative; z-index: 1; }

.hiddenonmobile { display: none; }

@media screen and (min-width: 48em), print { .hiddenonmobile { display: block; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider.items .slick-arrow { position: absolute; top: 35%; z-index: 4; border: none; width: 32px; height: 24px; overflow: hidden; background-color: transparent; color: transparent; }

.slick-slider.items .slick-arrow.slick-prev { left: 0; }

.slick-slider.items .slick-arrow.slick-prev:after { content: ""; background: url(../../images/core/arrow-left.png) no-repeat 0 0; background-size: cover; width: 24px; height: 24px; position: absolute; left: 0; top: 0; }

.slick-slider.items .slick-arrow.slick-next { right: 0; }

.slick-slider.items .slick-arrow.slick-next:after { content: ""; background: url(../../images/core/arrow-right.png) no-repeat 0 0; background-size: cover; width: 24px; height: 24px; position: absolute; right: 0; top: 0; }

.slick-slider.slick-vertical .slick-list { margin: 0 0 8px 0; }

.slick-slider.slick-vertical .slick-arrow { background-color: transparent; border: none; width: 100%; height: 24px; }

.slick-slider.slick-vertical .slick-arrow.slick-prev { position: relative; color: #666666; }

.slick-slider.slick-vertical .slick-arrow.slick-next { position: relative; color: transparent; }

.slick-arrow { position: absolute; top: 35%; z-index: 4; border: none; width: 32px; height: 32px; overflow: hidden; background-color: transparent; color: #666666; line-height: 30px; text-align: center; }

.slick-arrow.slick-prev { left: 0; }

.slick-arrow.slick-next { right: 0; }

.slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

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

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

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

.slick-slide.zm { position: relative; overflow: hidden; /* &.slick-active video { transform: scale(3); @include respond-min-width($breakpointSM){transform: scale(1);} } */ }

.slick-slide.zm img { display: block; width: 100%; }

@media screen and (min-width: 48em), print { .slick-slide.zm img { transition: all 3s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(2); } }

@media screen and (min-width: 48em), print { .slick-slide.zm.slick-active img { transform: scale(1); } }

#cdnRVitems .itemslide { margin-left: 0; margin-right: 0; }

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

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img:not([data-listing="promo"]):not(.icon) { display: block; width: 100%; }

.slick-slide.itemslide { margin: 8px; }

.slick-slide.itemslide:focus { 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: 0px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

#slide-video { position: relative; padding-bottom: 43%; padding-top: 0; height: 0; overflow: hidden; }

#slide-video iframe, #slide-video object, #slide-video embed #slide-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.slick-dots { position: absolute; bottom: -32px; width: 100%; text-align: center; }

@media screen and (min-width: 48em), print { .slick-dots { bottom: -40px; } }

.slick-dots > li { width: 16px; height: 16px; background: #cccccc; margin: 8px 4px; border-radius: 16px; border: 2px solid #999999; display: inline-block; }

.slick-dots > li > button { padding: 4px; background: none; border: none; color: transparent; width: 100%; padding: 0; margin: 0; height: 19.2px; }

.slick-dots > li > button:focus { outline: none; }

.slick-dots > li.slick-active { background: #333333; border: 2px solid #333333; }

/*PDP ALTERNATIVE IMAGES*/
.alternativeimages { margin-left: 1px; }

.alternativeimages a { margin-right: 1px; max-width: 27%; }

@media screen and (min-width: 75em), print { .alternativeimages a { margin-bottom: 1px; max-width: 100%; } }

.alternativeimages.slickalts { margin: 0 32px; }

.alternativeimages.slickalts a { margin-right: 1px; }

.alternativeimages.slickalts .slick-arrow { position: absolute; top: 35%; z-index: 4; border: none; width: 24px; height: 24px; overflow: hidden; background-color: transparent; color: #666666; }

.alternativeimages.slickalts .slick-arrow.slick-prev { left: -32px; cursor: pointer; }

.alternativeimages.slickalts .slick-arrow.slick-next { right: -32px; cursor: pointer; }

@media screen and (min-width: 75em), print { .alternativeimages.slickalts { margin: 0 0 0 1px; }
  .alternativeimages.slickalts .slick-arrow { background-color: transparent; border: none; width: 100%; height: 24px; }
  .alternativeimages.slickalts .slick-arrow.slick-prev { position: relative; color: #666666; left: 0; cursor: pointer; }
  .alternativeimages.slickalts .slick-arrow.slick-next { position: relative; color: #666666; right: 0; cursor: pointer; } }

.flexcontent { position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; }

.flexcontent .bglight { background-color: rgba(255, 255, 255, 0.5); }

.flexcontent .bgdark { background-color: rgba(0, 0, 0, 0.5); }

.flexcontent.flexend { justify-content: flex-end; }

.flexcontent.felxstart { justify-content: flex-start; }

.flexcontent > div { padding: 16px; }

.flexcontent > div.top { align-self: flex-start; }

.flexcontent > div.bottom { align-self: flex-end; }

.flexcontent > div.fontlight, .flexcontent > div .fontlight a, .flexcontent > div .fontlight > * { color: white !important; }

.flexcontent > div.fontdark, .flexcontent > div .fontdark a, .flexcontent > div .fontdark > * { color: #333333 !important; }

.flexcontent > div.alignleft { text-align: left; }

.flexcontent > div.alignright { text-align: right; }

.flexcontent > div.aligncenter { text-align: center; display: inline-block; min-width: 50%; padding: 3%; }

.flexcontent a:hover { text-decoration: none; }

.flexcontentSMonward { position: relative; }

.flexcontentSMonward.bg-color1-70 { background-color: white !important; color: #333333 !important; }

.flexcontentSMonward.bg-color1-70 > div { color: #333333 !important; }

.flexcontentSMonward.bglight { background-color: white; }

.flexcontentSMonward.bgdark { background-color: black; }

.flexcontentSMonward.flexend { justify-content: flex-end; }

.flexcontentSMonward.felxstart { justify-content: flex-start; }

@media screen and (min-width: 48em), print { .flexcontentSMonward { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; height: 100%; }
  .flexcontentSMonward.bg-color1-70 { background-color: rgba(51, 51, 51, 0.7) !important; color: white !important; }
  .flexcontentSMonward.bg-color1-70 > div { color: white !important; } }

.flexcontentSMonward .bglight { background-color: white; }

.flexcontentSMonward .bgdark { background-color: black; }

@media screen and (min-width: 48em), print { .flexcontentSMonward.bglight { background-color: rgba(255, 255, 255, 0.5); }
  .flexcontentSMonward.bgdark { background-color: rgba(0, 0, 0, 0.5); }
  .flexcontentSMonward .bglight { background-color: rgba(255, 255, 255, 0.5); }
  .flexcontentSMonward .bgdark { background-color: rgba(0, 0, 0, 0.5); } }

.flexcontentSMonward > div { padding: 16px; }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.top { align-self: flex-start; } }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.bottom { align-self: flex-end; } }

.flexcontentSMonward > div.fontlight, .flexcontentSMonward > div .fontlight a, .flexcontentSMonward > div .fontlight > * { color: white !important; }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.fontdark, .flexcontentSMonward > div .fontdark a, .flexcontentSMonward > div .fontdark > * { color: #333333 !important; } }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.alignleft { text-align: left; } }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.alignright { text-align: right; } }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.aligncenter { text-align: center; display: inline-block; min-width: 50%; padding: 3%; } }

@media screen and (min-width: 48em), print { .flexcontentSMonward > div.tshadow { text-shadow: 2px 2px #333333; } }

.flexcontentSMonward a:hover { text-decoration: none; }

#newalternativethumb { margin: 16px 32px; opacity: 0; }

@media screen and (min-width: 75em), print { #newalternativethumb { margin: 16px; } }

#newalternativethumb.slick-slider .slick-arrow { position: absolute; width: 16px; height: 16px; width: 32px; height: 32px; line-height: 32px; font-size: 32px; 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: 24px; height: 24px; left: calc(50% - 12px); line-height: 24px; text-align: center; cursor: pointer; }

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

#newalternative { opacity: 0; border: 1px solid #eeeeee; }

#newalternative.slick-slider { margin: 0; }

#newalternative.slick-slider .slick-arrow { position: absolute; width: 40px; height: 48px; top: calc(50% - 24px); font-size: 48px; background-color: rgba(255, 255, 255, 0.3); line-height: 48px; text-align: center; cursor: pointer; }

#newalternative.slick-slider .slick-arrow.slick-prev { left: 0 !important; }

#newalternative.slick-slider .slick-arrow.slick-next { right: 0px !important; }

.mainimages { float: none; }

@media screen and (min-width: 75em), print { .mainimages { float: right; } }

.mainimages:focus { outline: none; }

.thumbitems { margin: 0 4px; border: 1px solid #eeeeee !important; display: inline-block; }

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

@media screen and (min-width: 75em), print { .thumbitems { margin: 4px 4px; } }

.thumbitems.slick-current { border: 1px solid #cccccc; }

.thumbitems:focus { outline: none; }

.thumbnailimages { position: relative; }

.imagezoom:focus { outline: none; }

figure { width: 100%; height: 100%; display: block; }

.mz-expand { background: rgba(0, 0, 0, 0.7) !important; }

.MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.MagicZoom { -webkit-transform: translate3d(0, 0, 0); -ms-touch-action: pan-y; touch-action: pan-y; }

figure.mz-figure { overflow: hidden; margin: 0 !important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; }

.MagicZoom > img, .mz-figure > img { width: 100%; height: auto; }

.ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; }

.mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; }

.mz-figure.mz-active, .mz-expand { -ms-touch-action: none; touch-action: none; }

.mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; }

.mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; }

.mz-lens img { -webkit-transition: none !important; transition: none !important; }

.mz-zoom-window { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; }

.mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; }

.mz-zoom-window.mz-magnifier.mz-expanded { z-index: 11; }

.mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; -webkit-transition: none !important; transition: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; }

.mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; }

.lt-ie9-magic .mz-zoom-window img { margin: 0 !important; }

.mz-expand-controls { z-index: 11; }

.mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; }

.mz-hidden { opacity: 0; }

.mz-visible { opacity: 1; }

.mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat !important; transform-style: flat !important; }

.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption { display: none !important; }

.mobile-magic .mz-expand-controls.mz-fade { transition: none !important; }

.mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; }

.mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; }

.mz-expanded-view-open body { height: auto !important; }

/** Main figure */
.mz-figure.mz-active { background: #fff; }

.mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mz-figure.mz-active.mz-no-expand { cursor: crosshair; }

.mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; }

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; }

.mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; }

.mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); }

.no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; }

.lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); }

.mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; }

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window { opacity: 1; }

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); }

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; }

/** Zoom lens */
.mz-lens { border: 1px solid #aaa; border-color: rgba(170, 170, 170, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); cursor: none; z-index: 10; opacity: 0; }

.mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; }

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; }

/** Zoom window */
.mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255, 255, 255, 0.3); }

.mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170, 170, 170, 0.7); box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3); background: transparent; z-index: 1; }

.mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; }

.lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; }

.mz-zoom-window.mz-inner { border: none; box-shadow: none; }

/* Caption in zoom window */
.mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; }

.lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); }

.mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; }

.mz-zoom-window.mz-expanded > .mz-caption { display: none; }

/* Zoom window animations */
.mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s, .25s, .25s; transition-duration: .25s, .25s, .25s; }

.mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; }

.mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }

.mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); }

.mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); }

.mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }

/* Inner mode animation */
.mz-zoom-window > img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; }

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(0.1); transform: scale(0.1); }

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; }

.mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; }

/** Hint & Loading */
.mz-hint, .mz-loading { color: #eee; background: rgba(49, 51, 61, 0.7); font: normal 12px/1.2em "Open Sans", sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.25s ease, z-index 0.25s ease; transition: opacity 0.25s ease, z-index 0.25s ease; }

.mz-hint-message { display: inline-block; background: rgba(49, 51, 61, 0.7); border-radius: 2em; padding: .7em 1.1em; }

.mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.mobile-magic .mz-hint-message:before { display: none; }

.mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; }

/* Hint in the expanded view on mobile */
.mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.mz-expand .mz-hint-message { padding: 1.1em; }

.mz-expand .mz-hint-message:before { display: none; }

.mz-expand .mz-hint-hidden { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0; }

/* Loading indicator */
.mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid white; border-top-color: transparent; box-sizing: border-box; }

.mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; }

.mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; }

@-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin-loading { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; }

.lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; }

.lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; }

.lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); }

.lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); }

/** Expanded view */
.mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; }

.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; }

.mz-expand { background-color: black; text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 10; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; }

/* Expanded view background */
.mz-expand .mz-expand-bg { display: inline-block; vertical-align: middle; margin: auto; z-index: -100; max-width: none !important; max-height: none !important; -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg); -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg); transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg); -webkit-perspective: 600px; perspective: 600px; background-repeat: no-repeat; background-size: cover; }

.mz-expand .mz-expand-bg > img { display: none !important; margin: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; }

[data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; }

.lt-ie9-magic .mz-expand { background: #1f1f1f; }

[data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, 0.96); }

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; }

.mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, 0.96); }

.mz-expand.white-bg { background-color: #fff; }

/* Expanded view stage */
.mz-expand .mz-expand-stage { z-index: 10; padding: 0; background: rgba(51, 51, 51, 0.2); }

.mz-expand .mz-expand-stage .mz-image-stage { z-index: 9; left: 120px; right: 120px; padding: 20px 0 40px 0; margin: 0; text-align: center; vertical-align: middle; -webkit-perspective: 600px; perspective: 600px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 120px; }

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; }

.mz-expand .mz-image-stage > figure:before, .mz-expand .mz-image-stage:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 100%; width: 0; }

.mz-expand .mz-image-stage > figure { width: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 100%; position: relative; }

.mz-expand .mz-figure { overflow: visible; max-width: 100% !important; }

.mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; }

.mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { width: 100%; height: 100%; }

.mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; }

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; }

.lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); }

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); }

/* Caption in expanded view */
.mz-expand .mz-caption { color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 4px; font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; position: absolute; left: 0; opacity: 0; }

.mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; }

.mz-expand .mz-caption a { color: inherit; cursor: pointer; }

.mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; }

.lt-ie9-magic .mz-expand .mz-caption { top: 100%; }

.mz-expand .mz-zoom-window { box-shadow: none; background: transparent; }

.lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; }

/* Expanded view on mobile */
.mobile-magic .mz-expand-stage .mz-expand-thumbnails, .mobile-magic .mz-expand-stage .mz-image-stage { left: 0px; right: 0px; }

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs { bottom: 0px; }

.mobile-magic .mz-expand-stage .mz-image-stage { padding: 0; }

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding: 5px 0 60px; }

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding-top: 0; }

.mobile-magic .mz-expand .mz-expand-thumbnails { padding: 0; height: 60px; }

/** Buttons & Arrows */
.mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; }

button.mz-button { color: white !important; font: 900 34px/1 "Open Sans", sans-serif !important; cursor: pointer; z-index: 9 !important; background-color: transparent !important; border: 1px solid white !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; -webkit-font-smoothing: antialiased; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; }

button.mz-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; }

button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; }

button.mz-button.mz-button-prev { left: 0 !important; }

button.mz-button.mz-button-next { right: 0 !important; }

button.mz-button.mz-button-close { font-size: 26px !important; margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 9 !important; }

:root:not(.mobile-magic) button.mz-button { color: white !important; /* -webkit-transform: scale(.85) !important; transform: scale(.85) !important; -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important; transition: color .25s, border-color .25s, transform .25s !important; */ }

:root:not(.mobile-magic) button.mz-button:hover { color: white !important; /* border-color: rgba(180, 180, 180, .6) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; */ }

.mobile-magic button.mz-button { -webkit-transition: -webkit-transform .1s !important; transition: transform .1s !important; }

.mobile-magic button.mz-button:active { border-color: rgba(180, 180, 180, 0.6) !important; -webkit-transform: scale(0.95) !important; transform: scale(0.95) !important; }

button.mz-button.mz-button-close:before { content: "X"; }

button.mz-button.mz-button-prev:before { content: "\003c"; }

button.mz-button.mz-button-next:before { content: "\003e"; }

@media screen and (max-device-width: 767px) { button.mz-button-prev, button.mz-button-next { display: none !important; }
  .mobile-magic .mz-expand button.mz-button { width: 44px !important; height: 44px !important; font-size: 18px !important; color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(49, 51, 61, 0.3) !important; border-color: transparent !important; } }

.lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); }

.lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); }

/** Thumbnails */
.selectors > a { margin: 0 1px 1px 1px; }

.selectors > a > img { max-width: 32px; }

@media screen and (min-width: 48em), print { .selectors > a > img { max-width: 64px; } }

@media screen and (min-width: 75em), print { .selectors > a > img { max-width: 100%; } }

/* Thumbnails on the page */
a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; }

a[data-zoom-id] img, .mz-thumb img { border: 0; /*box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);*/ box-sizing: border-box; }

.mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(75%); filter: brightness(75%); }

.mz-thumb-selected img { -webkit-filter: brightness(60%); filter: brightness(60%); }

.no-cssfilters-magic .mz-thumb:hover, .no-cssfilters-magic .mz-thumb.mz-thumb-selected { background: #000; }

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); }

.no-cssfilters-magic .mz-thumb-selected img { opacity: .6; filter: alpha(opacity=60); }

.ie9-magic .mz-thumb img { box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3); }

/* Thumbnails in expanded view */
.mz-expand-thumbnails { z-index: 9; position: absolute; bottom: 0; left: 65px; right: 65px; height: 80px; padding: 0; box-sizing: border-box; }

.mz-expand-thumbnails .magic-thumbs .magic-thumb { padding: 10px 2px; }

.mz-expand-thumbnails .magic-thumb > img { cursor: pointer; height: 40px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); }

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(70%); filter: brightness(70%); }

.mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(50%); filter: brightness(50%); }

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; }

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled { opacity: 0; }

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img { opacity: .7; filter: alpha(opacity=70); }

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img { opacity: .5; filter: alpha(opacity=50); }

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 40px; }

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; }

.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding: 0; }

.magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.magic-thumbs { direction: ltr; overflow: visible; z-index: 9; position: relative; left: 0; top: 0; padding: 0 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; }

.magic-thumbs { width: 100%; height: 100%; white-space: nowrap; }

.magic-thumbs.no-buttons { padding: 0 !important; }

.magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; }

.magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; }

.magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; }

.magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; }

.ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; }

/* vertical */
.magic-thumbs.magic-thumbs-vertical { height: 100%; }

.magic-thumbs-vertical { padding: 30px 0; }

.magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; }

.magic-thumbs-vertical ul li { width: 100%; height: auto; }

.magic-thumbs-vertical ul li { margin: 4px 0; }

.magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; }

.ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; }

/** Buttons */
.magic-thumbs button.magic-thumbs-button { color: #b4b4b4 !important; font: 900 24px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 9 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 0; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; -webkit-font-smoothing: antialiased; width: 30px; height: 100%; top: 0; bottom: 0; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; }

.magic-thumbs button.magic-thumbs-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; }

.magic-thumbs .magic-thumbs-button-prev { left: 0; }

.magic-thumbs .magic-thumbs-button-next { right: 0; }

.magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; }

.magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; }

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, 0.75) !important; -webkit-transform: scale(0.85) !important; transform: scale(0.85) !important; -webkit-transition: color .25s, -webkit-transform .25s !important; transition: color .25s, transform .25s !important; }

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover { color: #b4b4b4 !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; }

/* Vertical buttons */
.magic-thumbs-vertical .magic-thumbs-button { width: 100%; height: 30px; left: 0; right: 0; top: auto; bottom: auto; }

.magic-thumbs-vertical .magic-thumbs-button-prev { top: 0; }

.magic-thumbs-vertical .magic-thumbs-button-next { bottom: 0; }

.magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; }

.magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; }

.magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; }

.magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity=20); }

.mobile-magic .mz-figure > img { opacity: 1 !important; }

.mobile-magic .mz-figure > img + img { transform: scale(1) !important; }

.mobile-magic .mz-figure { -webkit-perspective: none !important; perspective: none !important; }

.mobile-magic .mz-figure > img { opacity: 1 !important; }

.mobile-magic .mz-figure:not(.mz-ready) > img:last-child { -webkit-transform: scale(1) !important; transform: scale(1) !important; }