@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,700);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, .btn { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

html { box-sizing: border-box; }

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

body { cursor: default; font-size: 100%; height: 100%; }

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

code { cursor: text; }

a, label, button, input[type="radio"], input[type="submit"], input[type="checkbox"] { cursor: pointer; }

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

nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

nav > ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-bottom: 1px solid #cfd8dc; margin: 1rem 0; padding: 0; }

img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }

img:not([height]) { height: auto; }

input, select { vertical-align: middle; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; }

section { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; *zoom: 1; padding: 0 20px; }
section:before, section:after { content: ""; display: table; }
section:after { clear: both; }

section.tint { background-color: #eceff1; }

section.tint + section { padding-top: 2rem; }

.grid { max-width: 1190px; margin-left: auto; margin-right: auto; zoom: 1; }

.row { zoom: 1; *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

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

.row:after { clear: both; }

[class*='col_'] { display: inline; float: left; margin-left: 0; padding: 10px 10px; }
[class*='col_'] > :first-child { margin-top: 0; }
[class*='col_'] > :last-child { margin-bottom: 0; }

.col_left { display: block; padding: 0; float: left; }

.col_right { display: block; float: right; padding: 0; }

.nest > [class*='col_'] { padding: 0; }

.col_full, .col_1of1 { width: 100%; }

.col_side { width: 25%; }

.col_main { width: 75%; }

.col_1of2 { width: 50%; }

.col_1of3 { width: 33.3333333333%; }

.col_2of3 { width: 66.6666666667%; }

.col_1of4 { width: 25%; }

.col_1of5 { width: 20%; }

.col_1of6 { width: 16.6666666667%; }

.col_2of9 { width: 22.2222222222%; }

.col_hide { display: none; }

.clr_lg { clear: left; }

.clr_lg_2:nth-child(2n+1) { clear: left; }

.clr_lg_3:nth-child(3n+1) { clear: left; }

.clr_lg_4:nth-child(4n+1) { clear: left; }

.clr_lg_5:nth-child(5n+1) { clear: left; }

.clr_lg_6:nth-child(6n+1) { clear: left; }

@media only screen and (max-width: 1024px) { .col_md_1of1 { width: 100%; }
  .col_md_1of2 { width: 50%; }
  .col_md_1of3 { width: 33.3333333333%; }
  .col_md_1of4 { width: 25%; }
  .col_md_hide, .md-hide { display: none; }
  .col_side { width: 100%; }
  .col_main { width: 100%; }
  section { width: 100%; }
  .clr_lg { clear: none; }
  .clr_lg_2:nth-child(2n+1) { clear: none; }
  .clr_lg_3:nth-child(3n+1) { clear: none; }
  .clr_lg_4:nth-child(4n+1) { clear: none; }
  .clr_lg_5:nth-child(5n+1) { clear: none; }
  .clr_lg_6:nth-child(6n+1) { clear: none; }
  .clr_md { clear: left; }
  .clr_md_2:nth-child(2n+1) { clear: left; }
  .clr_md_3:nth-child(3n+1) { clear: left; }
  .clr_md_4:nth-child(4n+1) { clear: left; }
  .clr_md_5:nth-child(5n+1) { clear: left; }
  .clr_md_6:nth-child(6n+1) { clear: left; } }
@media only screen and (max-width: 768px) { .col_sm_1of1 { width: 100%; }
  .col_sm_1of2 { width: 50%; }
  .col_sm_1of3 { width: 33.3333333333%; }
  .col_sm_hide, .sm-hide { display: none; }
  [class*='clr_md'] { clear: none; }
  .clr_sm { clear: left; }
  .clr_sm_2:nth-child(2n+1) { clear: left; }
  .clr_sm_3:nth-child(3n+1) { clear: left; }
  .clr_sm_4:nth-child(4n+1) { clear: left; }
  .clr_sm_5:nth-child(5n+1) { clear: left; }
  .clr_sm_6:nth-child(6n+1) { clear: left; } }
@media only screen and (max-width: 420px) { .col_xs_1of1 { width: 100%; }
  .col_xs_1of2 { width: 50%; }
  .col_xs_1of3 { width: 33.3333333333%; }
  .col_xs_hide, .xs-hide { display: none; }
  section { width: 100%; padding: 0; }
  [class*='clr_sm'] { clear: none; }
  .clr_xs { clear: left; }
  .clr_xs_2:nth-child(2n+1) { clear: left; }
  .clr_xs_3:nth-child(3n+1) { clear: left; }
  .clr_xs_4:nth-child(4n+1) { clear: left; }
  .clr_xs_5:nth-child(5n+1) { clear: left; }
  .clr_xs_6:nth-child(6n+1) { clear: left; } }
.card { display: block; clear: both; float: left; width: 100%; margin: 1rem 0; }
.card .card-title { width: 100%; float: left; border: 2px solid #cfd8dc; }
.card .card-title h4, .card .card-title h3 { display: block; width: 100%; float: left; background-color: #eceff1; color: #3c4e59; padding: 1rem 1rem; margin: 0; }
.card .card-inner { padding: 10px; width: 100%; float: left; }

.card-frame { border: 2px solid #cfd8dc; }
.card-frame .card-title { border-left: none; border-right: none; }
.card-frame .card-title:first-child { border-top: none; }

.card-shadow { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px; }

.card-block { background-color: #eceff1; color: #000000; border-radius: 4px; }

.card .table:last-child { margin-bottom: 0; }

.card-image { display: flex; flex-direction: column; width: 100%; }
.card-image .image { display: flex; text-decoration: none; width: 100%; height: 250px; background-color: #eceff1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-bottom: 0.5rem; text-align: center; vertical-align: middle; }
.card-image .image div { width: 100%; align-self: center; }
.card-image .image .nomore { display: none; color: #ffffff; border-color: #ffffff; background-color: rgba(0, 0, 0, 0.1); }
.card-image .image:hover .nomore { display: inline-block; }
.card-image .image.greyscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.card-image .image.greyscale:hover { -webkit-filter: none; filter: none; }
.card-image .text { width: 100%; border-left: 5px solid #699acb; margin-top: 10px; padding: 0 0 0 10px; }
.card-image .text h3 { font-size: 18px; color: #55656f; margin: 0 0 0px 0; }
.card-image .text p { color: #86939a; padding: 0; margin: 0; }

.card-product { float: left; width: 100%; display: block; position: relative; overflow: hidden; background-color: #ffffff; }
.card-product:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; }
.card-product:hover .card-product-over { opacity: 1; }

.card-product-over { text-align: center; position: absolute; top: 130px; left: 1px; right: 1px; opacity: 0; }
.card-product-over a { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0 1px; }

.card-product-link { border: 1px solid #cfd8dc; padding: 10px 10px; float: left; width: 100%; display: block; position: relative; }
.card-product-link div { float: left; width: 100%; }
.card-product-link .flag { position: absolute; top: 5px; left: 5px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; }
.card-product-link .image { margin-bottom: 1rem; }
.card-product-link .body .identity { margin-bottom: 0.5rem; line-height: 2rem; max-height: 2rem; overflow: hidden; }
.card-product-link .body .identity .itemNumber { float: left; color: #699acb; font-weight: 400; }
.card-product-link .body .identity .modelNumber { float: right; color: #86939a; font-weight: 500; white-space: no-wrap; }
.card-product-link .body .description { padding-top: 1rem; border-top: 5px solid #eceff1; }
.card-product-link .body .description .heading { line-height: 2rem; max-height: 8rem; min-height: 8rem; overflow: hidden; }
.card-product-link .body .description .heading .mainHeading { font-size: 1.6rem; }
.card-product-link .body .description .heading .version { font-size: 1.4rem; }
.card-product-link .body .description .summary { display: none; }
.card-product-link .foot { margin-top: 1rem; }
.card-product-link .foot .price { font-size: 2.2rem; margin-bottom: 0.5rem; }
.card-product-link .foot .price span { font-size: 1.3rem; }
.card-product-link .foot .price span.save { font-size: 2.2rem; color: #e75b32; }
.card-product-link .foot .price span.was { text-decoration: line-through; color: #616161; font-size: 1.6rem; }
.card-product-link .foot .stock { font-weight: 400; font-size: 1.3rem; background-color: #eceff1; padding: 2px 7px; }
.card-product-link .foot .stock.incompatible { background-color: #f2dede; color: #c24a48; text-align: center; }

ul.results .card-product .card-product-link { border: 1px solid #fff; }
ul.results .card-product:hover .card-product-link { border: 1px solid #cfd8dc; }

.card-address { position: relative; }
.card-address .card-action { position: absolute; top: 10px; right: 10px; }
.card-address .card-action [role=button]:last-child { margin-right: 0; }
.card-address .address { float: left; margin: 10px; padding: 15px; background-color: #ffefa6; min-width: 50%; border: 1px solid #edc40c; border-radius: 5px; }

@media only screen and (min-width: 421px) { body.listview .card-product-over { width: 185px; right: auto; transition: none; }
  body.listview .card-product-over .button-group.fl-right { float: left; margin-left: -8px; }
  body.listview .card-product-link .image { width: 20%; margin: 0; }
  body.listview .card-product-link .body { float: right; width: 80%; padding-left: 20px; }
  body.listview .card-product-link .body .identity { overflow: visible; }
  body.listview .card-product-link .body .description .heading { overflow: visible; min-height: 0; max-height: none; margin-bottom: 0.5rem; line-height: 2em; }
  body.listview .card-product-link .body .description .heading .mainHeading { font-size: 1.8rem; display: inline-block; width: auto; }
  body.listview .card-product-link .body .description .heading .mainHeading:after { content: ':'; display: inline-block; text-align: center; width: 0.8em; }
  body.listview .card-product-link .body .description .heading .version { font-size: 1.8rem; display: inline-block; width: auto; }
  body.listview .card-product-link .body .description .summary { clear: both; display: block; }
  body.listview .card-product-link .foot { float: right; width: 80%; padding-left: 20px; }
  body.listview .card-product-link .foot .price { width: auto; }
  body.listview .card-product-link .foot .stock { float: right; width: auto; } }
@media only screen and (max-width: 768px) { .card-image .image { height: 180px; } }
@media only screen and (max-width: 420px) { .card-product-link { border: none; }
  .card-product-link:hover { box-shadow: none; }
  .card-product-link .image { width: 30%; margin-top: 2rem; }
  .card-product-link .body { float: right; width: 70%; padding-left: 10px; }
  .card-product-link .foot { float: right; width: 70%; padding-left: 10px; }
  .card-address .card-action { float: left; position: static; width: 100%; padding: 0 10px; margin: 0; }
  .card-address .address { width: 100%; margin: 0; padding: 10px; border: none; background-color: transparent; } }
strong { font-weight: 700; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 1.0rem 0; font-weight: 300; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 500; }
h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa { margin-right: 0.4em; opacity: 0.5; }
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { display: block; width: 100%; float: left; background-color: #eceff1; color: #3c4e59; font-size: 0.8; padding: 0.4em 1rem; }
h1.title.caption, h2.title.caption, h3.title.caption, h4.title.caption, h5.title.caption, h6.title.caption { margin-bottom: 0.5rem; }
h1.title [role=button], h2.title [role=button], h3.title [role=button], h4.title [role=button], h5.title [role=button], h6.title [role=button] { margin: -2px -4px -2px 0; }

h1, .h1 { font-size: 3.8rem; margin: 0 0 1rem; }

h2, .h2 { font-size: 3.0rem; margin: 2rem 0 1rem; }

h3, .h3 { font-size: 2.4rem; margin: 2rem 0 1rem; }

h4, .h4 { font-size: 1.8rem; }

h5, .h5 { font-size: 1.6rem; }

h6, .h6 { font-size: 1.4rem; }

p { margin-bottom: 1.0rem; }

p.small { font-size: 1.2rem; }

p.intro, div.intro { font-weight: 300; font-size: 2.0rem; line-height: 1.25em; color: #699acb; }

p.font16 { font-size: 1.6rem; line-height: 1.4; }

p.font20 { font-size: 2.0rem; line-height: 1.4; }

p.font28 { font-size: 2.8rem; line-height: 1.4; }

p.font90 { font-size: 9.0rem; line-height: 1.4; }

p.line01 { line-height: 1; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.bold { font-weight: 700; }

hr.divider { padding-top: 2rem; border-bottom-width: 1px; }

p.note, div.note { border: 2px solid #b5cde5; padding: 10px; }
p.note.invert, div.note.invert { color: #ffffff; background-color: #86939a; border-color: #86939a; }
p.note.invert a, div.note.invert a { color: #ffffff; }
p.note.info, div.note.info { color: #3a87ad; background-color: #d9edf7; border-color: #8dbad1; }
p.note.info a, div.note.info a { color: #2d6987; }
p.note.info.invert, div.note.info.invert { color: #ffffff; background-color: #3a87ad; border-color: #3a87ad; }
p.note.info.invert a, div.note.info.invert a { color: #ffffff; }
p.note.danger, div.note.danger { color: #c24a48; background-color: #f2dede; border-color: #d89394; }
p.note.danger a, div.note.danger a { color: #a13836; }
p.note.danger.invert, div.note.danger.invert { color: #ffffff; background-color: #c24a48; border-color: #c24a48; }
p.note.danger.invert a, div.note.danger.invert a { color: #ffffff; }
p.note.warning, div.note.warning { color: #c09853; background-color: #fcf8e3; border-color: #ddc79d; }
p.note.warning a, div.note.warning a { color: #a47e3c; }
p.note.warning.invert, div.note.warning.invert { color: #ffffff; background-color: #c09853; border-color: #c09853; }
p.note.warning.invert a, div.note.warning.invert a { color: #ffffff; }
p.note.success, div.note.success { color: #468847; background-color: #dff0d8; border-color: #95bb91; }
p.note.success a, div.note.success a { color: #356635; }
p.note.success.invert, div.note.success.invert { color: #ffffff; background-color: #468847; border-color: #468847; }
p.note.success.invert a, div.note.success.invert a { color: #ffffff; }

.equation.stacked { display: inline-block; margin-bottom: 1rem; }

.equation.stacked .number { display: block; margin-left: 1em; /* space for the operator */ text-align: right; }

.equation.stacked .operator { float: left; }

.equation.stacked .equals { display: block; height: 0; border-bottom: solid 1px black; overflow: hidden; }

blockquote { display: block; width: 90%; font-family: Georgia, serif; font-style: italic; font-size: 1.6rem; line-height: 1.6; padding: 1em 0 0 40px; margin-bottom: 1rem; position: relative; color: #55656f; }
blockquote:before { display: block; content: "\201C"; font-size: 8rem; position: absolute; left: -10px; top: -10px; color: #cfd8dc; }
blockquote cite { color: #86939a; font-size: 14px; display: block; margin-top: 5px; }
blockquote cite:before { content: "\2014 \2009"; }

ul.list { margin-bottom: 1rem; }

ul.list, ol { padding-left: 1.2em; }
ul.list li, ol li { padding-bottom: 0.5rem; }

ul.cols2 li { width: 50%; float: left; }
ul.cols2 li:nth-child(2n+1) { clear: left; }

ul.menulist { list-style-type: none; padding: 0; margin: 0; }
ul.menulist li { width: 100%; }
ul.menulist li a { display: block; width: 100%; text-decoration: none; padding: 5px 10px; }
ul.menulist li a:hover { background-color: #699acb; color: #ffffff; }
ul.menulist li a span { float: right; font-size: 1.2rem; vertical-align: middle; font-weight: 400; }

.dropdown ul.menulist li { padding: 2px 0; }
.dropdown ul.menulist li a { padding: 4px 5px 4px 10px; border-left: 5px solid #eceff1; }
.dropdown ul.menulist li a span { color: #b7c1c6; }
.dropdown ul.menulist li a:hover { border-radius: 3px; border-left-color: #699acb; }
.dropdown ul.menulist li a:hover span { color: #ffffff; }

.dropdown ul.menulist-brands li p { margin: 0; }
.dropdown ul.menulist-brands li a { color: #86939a; }
.dropdown ul.menulist-brands li a strong { color: #55656f; }
.dropdown ul.menulist-brands li a:hover { color: #ffffff; }
.dropdown ul.menulist-brands li a:hover strong { color: #ffffff; }
.dropdown ul.menulist-brands li + li { margin-top: 2rem; }
.dropdown ul.menulist-brands li.adastra a { border-left-color: #146ab6; }
.dropdown ul.menulist-brands li.adastra a:hover { background-color: #146ab6; }
.dropdown ul.menulist-brands li.avlink a { border-left-color: #1ea088; }
.dropdown ul.menulist-brands li.avlink a:hover { background-color: #1ea088; }
.dropdown ul.menulist-brands li.chord a { border-left-color: #ce1932; }
.dropdown ul.menulist-brands li.chord a:hover { background-color: #ce1932; }
.dropdown ul.menulist-brands li.citronic a { border-left-color: #7bbb3f; }
.dropdown ul.menulist-brands li.citronic a:hover { background-color: #7bbb3f; }
.dropdown ul.menulist-brands li.fluxia a { border-left-color: #22a3e1; }
.dropdown ul.menulist-brands li.fluxia a:hover { background-color: #22a3e1; }
.dropdown ul.menulist-brands li.lyyt a { border-left-color: #FFC700; }
.dropdown ul.menulist-brands li.lyyt a:hover { background-color: #FFC700; }
.dropdown ul.menulist-brands li.mercury a { border-left-color: #eb7a35; }
.dropdown ul.menulist-brands li.mercury a:hover { background-color: #eb7a35; }
.dropdown ul.menulist-brands li.primalux a { border-left-color: #008B3B; }
.dropdown ul.menulist-brands li.primalux a:hover { background-color: #008B3B; }
.dropdown ul.menulist-brands li.qtx a { border-left-color: #762683; }
.dropdown ul.menulist-brands li.qtx a:hover { background-color: #762683; }

.multicolumn2 { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; column-gap: 2rem; }
.multicolumn2 p, .multicolumn2 ul { width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; }

.multicolumn3 { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 2rem; column-gap: 2rem; }
.multicolumn3 p, .multicolumn3 ul { width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; }

.multicolumn4 { -webkit-column-count: 4; column-count: 4; -webkit-column-gap: 2rem; column-gap: 2rem; }
.multicolumn4 p, .multicolumn4 ul { width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; }

@media only screen and (max-width: 1024px) { .multicolumn4 { -webkit-column-count: 3; column-count: 3; } }
@media only screen and (max-width: 768px) { .multicolumn2 { -webkit-column-count: 1; column-count: 1; }
  .multicolumn3, .multicolumn4 { -webkit-column-count: 2; column-count: 2; } }
@media only screen and (max-width: 420px) { .multicolumn3, .multicolumn4 { -webkit-column-count: 1; column-count: 1; } }
.table { width: 100%; margin-bottom: 1rem; background-color: #ffffff; color: #000000; font-size: 1.4rem; border-collapse: collapse; }
.table th, .table td { line-height: 1.4em; text-align: left; vertical-align: middle; border-bottom: 1px solid #dddddd; }
.table th { font-weight: 700; padding: 4px 8px; }
.table th span { font-weight: 300; }
.table td { padding: 4px 8px; }
.table caption { font-weight: 300; font-size: 1.8rem; line-height: 1.2; text-align: left; padding: 0.4em 1rem; border-bottom: 1px solid #dddddd; background-color: #eceff1; color: #3c4e59; }
.table thead th { border-bottom: 2px solid #aaaaaa; text-transform: uppercase; font-size: 13px; padding: 8px; }
.table tbody + tbody { border-top: 2px solid #aaaaaa; }
.table tbody th { text-align: right; }
.table tbody tr[data-href]:nth-child(odd):hover td, .table tbody tr[data-href]:nth-child(even):hover td { cursor: pointer; color: #000000; background-color: #eceff1; border-color: #cfd8dc; }
.table tfoot th, .table tfoot td { padding: 10px 8px; }
.table tfoot th { text-align: right; }

.table-spaced tbody th, .table-spaced tbody td { height: 36px; }

.table-bordered { border: 1px solid #dddddd; }
.table-bordered tr:last-child td, .table-bordered tr:last-child th { border-bottom: none; }
.table-bordered tbody td:first-child, .table-bordered tbody th:first-child, .table-bordered thead td:first-child, .table-bordered thead th:first-child { border-left: 1px solid #3c4e59; }
.table-bordered tbody td:last-child, .table-bordered tbody th:last-child, .table-bordered thead td:last-child, .table-bordered thead th:last-child { border-right: 1px solid #3c4e59; }
.table-bordered tbody tr:last-child td, .table-bordered tbody tr:last-child th, .table-bordered tfoot tr:last-child td, .table-bordered tfoot tr:last-child th { border-bottom: 1px solid #3c4e59; }
.table-bordered > tbody tr:first-child td, .table-bordered > tbody tr:first-child th { border-top: 1px solid #3c4e59; }
.table-bordered > tfoot tr:first-child td, .table-bordered > tfoot tr:first-child th { border-top: 1px solid #3c4e59; }
.table-bordered thead th { border-top: 1px solid #3c4e59; border-bottom: 0; }

.table-colborders tbody th:not(:first-child), .table-colborders tbody td:not(:first-child) { border-left: 1px solid #dddddd; }
.table-colborders thead th, .table-colborders tfoot th { padding-left: 9px; }
.table-colborders thead td, .table-colborders tfoot td { padding-left: 9px; }

.table-openbody tbody tr:last-child th, .table-openbody tbody tr:last-child td { border-bottom: 0; }

.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th { background-color: #f9f9f9; }

.table tr.info td, .table tr.info th, .table td.info, .table th.info { background-color: #d9edf7; border-color: #8dbad1; color: #3a87ad; }

.table-striped tbody tr.info:nth-child(even) td, .table-striped tbody tr.info:nth-child(even) th, .table-striped tbody tr:nth-child(even) td.info, .table-striped tbody tr:nth-child(even) th.info { background-color: #c8e5f3; }

.table tr.warning td, .table tr.warning th, .table td.warning, .table th.warning { background-color: #fcf8e3; border-color: #ddc79d; color: #c09853; }

.table-striped tbody tr.warning:nth-child(even) td, .table-striped tbody tr.warning:nth-child(even) th, .table-striped tbody tr:nth-child(even) td.warning, .table-striped tbody tr:nth-child(even) th.warning { background-color: #faf3d1; }

.table tr.danger td, .table tr.danger th, .table td.danger, .table th.danger { background-color: #f2dede; border-color: #d89394; color: #c24a48; }

.table-striped tbody tr.danger:nth-child(even) td, .table-striped tbody tr.danger:nth-child(even) th, .table-striped tbody tr:nth-child(even) td.danger, .table-striped tbody tr:nth-child(even) th.danger { background-color: #eccfcf; }

.table tr.success td, .table tr.success th, .table td.success, .table th.success { background-color: #dff0d8; border-color: #95bb91; color: #468847; }

.table-striped tbody tr.success:nth-child(even) td, .table-striped tbody tr.success:nth-child(even) th, .table-striped tbody tr:nth-child(even) td.success, .table-striped tbody tr:nth-child(even) th.success { background-color: #d3eac9; }

.table th.sort { padding-right: 29px; cursor: s-resize; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAQNJREFUOBHtUk1LAzEQnUyEHmSnzfac7LItCCJU0Ev/gH/A/yuevHjyolDrJT1UELqbXPzATUyKvZRNRTzauQzzMnkJ7z2Aff1WAf7ThbGUI5HnF8Mse1tZW+/a30k2VurYcX4G3n94xGJI5FbGvKQIk2RlWZ4CYyfMOa20vrJEWSA86g8GB03TPHcRYhcYMfR+BG37+KT1zTXAZ+xxXuNx4f9W0oCqKC4F0WFt7fJbHlZJeS6EmNbGPHRJliTrC9Fjwb2ciCbGLLlSU+C8cozNUm6yrhc22DpniJOQs/cQkx46dzfX+n5zvt2TP4uLMaAh+a+AKLFtb+eLxWybYD//TYEvjiFY+Qt5mVMAAAAASUVORK5CYII%3D); background-repeat: no-repeat; background-position: right 5px center; }
.table th.sort:hover { background-color: #f2f2f2; color: black; }
.table th.sort-desc { cursor: n-resize; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAHZJREFUOBFjYBgFoyEwGgK0DgElefl9SgoKFUB7mKB2MYH4IHFcdrPgkmD8/3/DfwaGOCU5Of4ff/40c7Cw1DL8/+8KFF+EUw8uCZA40CWJQAOygcyPQMzPwMg49d6DB/NBcmQBZXn5QEV5+WMgmiwDRjXhDQEAnNIb4DRko+sAAAAASUVORK5CYII%3D); }
.table th.sort-asc { cursor: s-resize; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAIFJREFUOBFjYBgFpIYAMyENyvLygQICAvOEBQTevf/48QY+9XgNU1JQSARqLmZkYPgCpF0FBQV/v//w4QIuA3EapiwnlwfUlMrw///uH3/+ZLAwMckA+RFC/PwcQBeexGUgVnElefl9QJdVACWZoAqYQHyQOFYNo4KjITAaAtQMAQCtfx0WsYRLewAAAABJRU5ErkJggg%3D%3D); }

.table .icon { text-align: center; color: #aaa; width: 27px; font-size: 1.4rem; }
.table .icon a { text-decoration: none; color: inherit; }
.table .icon a:hover { color: #3399ff; }
.table .thumb { padding: 0; position: relative; width: 52px; }
.table .thumb img { width: 52px; height: 52px; padding: 5px; background-color: #fff; }
.table .thumb-small { padding: 0; position: relative; width: 36px; }
.table .thumb-small img { width: 36px; height: 36px; padding: 2px; background-color: #fff; }
.table .image { padding: 0; position: relative; }
.table .image img { padding: 2px; background-color: #fff; }
.table .action, .table .action-single { width: 36px; }
.table .action [role=button], .table .action-single [role=button] { margin: 0; }
.table .border-left { border-left: 1px solid #dddddd; }
.table .border-right { border-right: 1px solid #dddddd; }

.tablescroll-wrapper { background: radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; background-size: 16px 100%; background-attachment: scroll; background-repeat: no-repeat; position: relative; border: 2px solid #dddddd; }

.tablescroll-scroll { display: block; width: 100%; overflow-x: scroll; overflow-y: visible; }
.tablescroll-scroll td, .tablescroll-scroll th { white-space: nowrap; background-color: transparent; }
.tablescroll-scroll .table { background-color: transparent; margin-bottom: 0; }
.tablescroll-scroll .table td:last-child, .tablescroll-scroll .table th:last-child { background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-position: 100% 0; background-size: 32px 100%; }
.tablescroll-scroll .table .tablescroll-fixed { border-right: 2px solid #999; margin-top: 1px; }
.tablescroll-scroll .table .tablescroll-fixed + th, .tablescroll-scroll .table .tablescroll-fixed + td { border-left: 0; }

.table-data thead th { background-color: #3c4e59; color: #ffffff; border-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; }
.table-data .ordernumber, .table-data .itemNumber { font-weight: 500; color: inherit; }
.table-data tr:not(.danger, .warning, .success, .info) .ordernumber, .table-data tr:not(.danger, .warning, .success, .info) .itemNumber { color: #699acb; }
.table-data tr[data-href]:hover .ordernumber, .table-data tr[data-href]:hover .itemNumber { color: inherit; }
.table-data .icon { color: #ffffff; }

h3.title + table.table.table-data { position: relative; top: -1rem; }

@media only screen and (max-width: 420px) { .table-responsive td input { float: left; }
  .table-responsive td.input-qty { height: 34px; }
  .table-responsive .action, .table-responsive .action-single { height: 40px; }
  .table-responsive .action [role=button], .table-responsive .action [role=button]:not(.nofullwidth) { min-width: 10px; width: 40%; margin-right: 10px; }
  .table-responsive .action-single { padding-right: 10px; }
  .table-responsive.table-spaced tbody th, .table-responsive.table-spaced tbody td { height: auto; }
  .table-responsive.table-bordered tbody td:first-child, .table-responsive.table-bordered tbody th:first-child, .table-responsive.table-bordered thead td:first-child, .table-responsive.table-bordered thead th:first-child { border-left: none; }
  .table-responsive.table-bordered tbody td:last-child, .table-responsive.table-bordered tbody th:last-child, .table-responsive.table-bordered thead td:last-child, .table-responsive.table-bordered thead th:last-child { border-right: none; }
  .table-responsive.table-bordered > tbody tr:first-child td, .table-responsive.table-bordered > tbody tr:first-child th { border-top: none; }
  .table-responsive.table-bordered > tfoot tr:first-child td, .table-responsive.table-bordered > tfoot tr:first-child th { border-top: none; }
  .table-responsive.table-bordered tbody tr:last-child td, .table-responsive.table-bordered tbody tr:last-child th, .table-responsive.table-bordered tfoot tr:last-child td, .table-responsive.table-bordered tfoot tr:last-child th { border-bottom: none; }
  .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; }
  .table-responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
  .table-responsive tbody tr { border: 1px solid #ccc; border-bottom: none; }
  .table-responsive tbody tr:last-child { border-bottom: 1px solid #ccc; }
  .table-responsive td { border: none; line-height: 24px; min-height: 28px; padding: 2px 0; position: relative; padding-left: 35% !important; width: auto !important; }
  .table-responsive td:before { position: absolute; top: 2px; left: 0; width: 35%; padding-right: 10px; white-space: nowrap; text-align: right; content: attr(data-heading) " :"; }
  .table-responsive td.center, .table-responsive td.right { text-align: left !important; }
  .table-responsive td.icon, .table-responsive td.thumb, .table-responsive td.thumb-small { display: none; }
  .table-responsive td.border-left { border: none; }
  .table-responsive tfoot tr th { display: none; }
  .table-responsive tfoot tr td { border-top: 1px solid #ccc !important; min-height: 40px; padding: 8px 0; }
  .table-responsive tfoot tr td:before { top: 4px; padding: 4px 8px 4px 0; font-weight: bold; } }
main ul.nav { width: 100%; padding: 0; }
main ul.nav > li { list-style-type: none; }

.nav-tabs { display: block; float: left; width: 100%; margin: 0; padding: 0; border-bottom: 4px solid #3c4e59; list-style-type: none; }
.nav-tabs li { display: block; float: left; margin-right: 5px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nav-tabs li a { color: #263238; background-color: #eceff1; margin-right: 0; padding: 1rem 2rem; min-width: 150px; display: block; position: relative; font-size: 1.6rem; text-decoration: none; text-align: center; white-space: nowrap; }
.nav-tabs li.active > a, .nav-tabs li.active > a:hover, .nav-tabs li.active > a:focus { color: #ffffff; background-color: #3c4e59; border-bottom-color: transparent; cursor: default; }

.tab-content > .tab-pane { display: none; clear: both; padding: 1rem 0; }
.tab-content > .active { display: block; }
.tab-content .tintblock { background-color: #eceff1; margin-top: -10px; margin-bottom: 1rem; }

.accordion-group { display: block; float: left; width: 100%; margin-bottom: 1rem; border: 1px solid #ddd; }

.accordion-heading { background-color: #f5f5f5; width: 100%; float: left; }
.accordion-heading a { width: 100%; float: left; padding: 10px 15px; font-weight: 700; font-size: 16px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.accordion-heading a:before { display: block; position: absolute; right: 5px; top: 10px; color: #ccc; padding-right: 1rem; font-size: 16px; font-family: FontAwesome; content: "\f0d9"; }
.accordion-heading a[aria-expanded="true"]:before { content: "\f0d7"; }

.accordion-body { width: 100%; float: left; clear: both; border-top: 1px solid #ddd; padding: 15px; }
.accordion-body.collapse { display: none; }
.accordion-body.in { display: block; }

.accordion-inner > h3 { float: left; margin-top: 0; width: 100%; }

[role=button] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; float: left; font-size: 14px; line-height: 20px; font-weight: 400; text-rendering: auto; border: solid 0px #b7c1c6; height: 30px; padding: 5px 20px; margin: 0 7px 1rem 0; text-decoration: none; color: #000000; background-color: #eceff1; vertical-align: middle; text-align: center; border-radius: 3px; overflow: visible; white-space: nowrap; -webkit-appearance: none; outline: none; }
[role=button]:not(.button-icon) i.fa { position: relative; left: -7px; }
[role=button] i.fa.right { left: auto; right: -7px; }

a[role=button]:hover { color: inherit; }

/*[role=button]:active, // safari bug makes action not fire every time */
[role=button].active { color: inherit; border-color: #9ba8af; padding-top: 7px; padding-bottom: 3px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4); }

[role=button].button-icon { padding: 5px 11px; }

[role=button].minwidth { min-width: 100px; }

[role=button].selected { background-color: #b7c1c6; color: #ffffff; }

[role=button].min { padding: 5px; min-width: 20px; }

[role=button].big { height: 40px; line-height: 30px; }
[role=button].big.min { min-width: 40px; }

[role=button].more { position: relative; padding-right: 40px; }
[role=button].more:after { display: block; background-color: #ffffff; color: #000000; position: absolute; overflow: hidden; padding-left: 2px; top: 5px; right: 8px; font-size: 10px; line-height: 20px; height: 20px; width: 20px; border-radius: 10px; font-family: FontAwesome; content: "\f054"; }
[role=button].more.big:after { top: 9px; }

.nomore { position: relative; display: inline-block; padding: 5px 30px 5px 20px; min-height: 40px; line-height: 28px; border: 1px solid #000000; color: #000000; border-radius: 3px; font-size: 14px; font-weight: 700; }
.nomore:after { display: block; position: absolute; overflow: hidden; padding-left: 2px; top: 6px; right: 6px; font-size: 12px; line-height: 28px; height: 28px; width: 20px; font-family: FontAwesome; font-weight: 400; content: "\f054"; }

[role=button].primary { background-color: #699acb; border-color: #2e5a86; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].primary:hover { color: #fff !important; }
[role=button].primary.active { color: #fff; border-color: #214160; box-shadow: inset 0 1px 4px rgba(14, 27, 39, 0.5); }

[role=button].info { background-color: #59becd; border-color: #277480; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].info:hover { color: #fff !important; }
[role=button].info.active { color: #fff; border-color: #1b5159; box-shadow: inset 0 1px 4px rgba(9, 27, 30, 0.5); }

[role=button].danger { background-color: #ec5d59; border-color: #b11914; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].danger:hover { color: #fff !important; }
[role=button].danger.active { color: #fff; border-color: #83120f; box-shadow: inset 0 1px 4px rgba(63, 9, 7, 0.5); }

[role=button].warning { background-color: #fbb34c; border-color: #c37504; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].warning:hover { color: #fff !important; }
[role=button].warning.active { color: #fff; border-color: #915703; box-shadow: inset 0 1px 4px rgba(70, 42, 2, 0.5); }

[role=button].success { background-color: #61c261; border-color: #2e762e; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].success:hover { color: #fff !important; }
[role=button].success.active { color: #fff; border-color: #1f511f; box-shadow: inset 0 1px 4px rgba(10, 26, 10, 0.5); }

[role=button].inverse { background-color: #5b5b5b; border-color: #1b1b1b; color: #fff; /*&:active, // safari bug makes action not fire every time */ }
[role=button].inverse:hover { color: #fff !important; }
[role=button].inverse.active { color: #fff; border-color: #020202; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5); }

[role=button].light { background-color: #fff; border-color: #bfbfbf; color: #bfbfbf; /*&:active, // safari bug makes action not fire every time */ }
[role=button].light:hover { color: #999999 !important; }
[role=button].light.active { color: gray; border-color: #b3b3b3; background-color: #f2f2f2; box-shadow: inset 0 1px 4px rgba(128, 128, 128, 0.5); }

[role=button].dark { background-color: #cfd8dc; color: #6d7c85; }
[role=button].dark:hover { background-color: #b7c1c6; color: #ffffff; }

.button-area { float: left; width: 100%; margin: 1rem 0 0 0; }

.button-group { float: left; }
.button-group.fl-right { float: right; }
.button-group.fl-right [role=button] { margin-left: 7px; margin-right: 0; }
.button-group.inline [role=button]:not(:last-child) { border-radius: 0; border-right: 0 !important; margin-right: 0; }
.button-group.inline [role=button]:first-child { border-radius: 3px 0 0 3px; }
.button-group.inline [role=button]:last-child { border-radius: 0 3px 3px 0; }
.button-group.inline.fl-right [role=button]:not(:first-child) { margin-left: 0; }

.fullwidth { min-width: 100%; }

[role=button]::-moz-focus-inner { border: 0; padding: 0; }

@media only screen and (max-width: 420px) { .button-group.fl-right, .button-group.fl-left { float: left; width: 100%; }
  .button-group.fl-right [role=button], .button-group.fl-left [role=button] { margin: 0.5rem 0; }
  [role=button]:not(.nofullwidth) { min-width: 100%; margin-right: 0; margin-left: 0; } }
input, select, textarea { outline: 0; box-sizing: border-box; font-family: Helvetica, sans-serif; color: #777777; }

input:not([type='radio']):not([type='checkbox']) { padding: 4px 10px; border: 1px solid #aaaaaa; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); height: 32px; line-height: 14px; }

textarea { padding: 10px; border: 1px solid #aaaaaa; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.3em; min-height: 74px; resize: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; height: 32px; max-width: 280px; min-width: 280px; margin-bottom: 1rem; padding: 4px 30px 4px 10px; border: 1px solid #aaaaaa; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAAXNSR0IArs4c6QAAAIJJREFUKBVjYKAyYEQ2r6OjYz6Qn4AsBmWvr6ioCMIijiHEhCzCxsZWDOQ/RRYDst8xMTFloYnh5KIYWFRU9A6oMh1ZNSMjY0FZWdkLZDF8bBQDQQqBXtsKpBaA2P///99UXl6+GMQmFmAYCNII9frlv3//Eu1VghY2NDTwEFSERQEAQMYb8xWw2DAAAAAASUVORK5CYII%3D) no-repeat 100% 12px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0; }
select option { padding: 4px 5px; }

input:not([type='radio']):not([type='checkbox']), textarea { border-radius: 0; font-size: 14px; width: 100%; margin-bottom: 1rem; }

input:not([type='radio']):not([type='checkbox']):focus, textarea:focus, select:focus { border-color: #3875d7; box-shadow: 0 0 0 3px rgba(56, 117, 215, 0.3); outline: 0; }

label { font-size: 14px; line-height: 20px; display: inline-block; vertical-align: middle; padding: 0 1.2em 0 0.5em; white-space: nowrap; }

input[type='checkbox'], input[type='radio'] { line-height: 20px; vertical-align: middle; }

.radiocheck { margin-top: 4px; margin-bottom: 1rem; }
.radiocheck div { display: inline-block; }
.radiocheck table { width: 100%; }
.radiocheck table th { width: 14px; }
.radiocheck label { white-space: normal; }
.radiocheck label.inline { padding-left: 24px; line-height: 18px; }
.radiocheck label.inline input { margin-left: -24px; margin-right: 10px; }

select[readonly], select[readonly="readonly"], select[disabled], select[disabled="disabled"], input[readonly], input[readonly="readonly"], input[disabled], input[disabled="disabled"], textarea[readonly], textarea[readonly="readonly"], textarea[disabled], textarea[disabled="disabled"] { background-color: rgba(183, 193, 198, 0.3); box-shadow: none !important; border: 1px solid #aaaaaa !important; color: #777777 !important; }

.viewvalue, .viewarea { display: block; width: 100%; font-family: Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1rem; padding: 4px 10px; background-color: rgba(255, 255, 255, 0.2); color: #777777; border: 1px solid #aaaaaa; border-radius: 0; }

.viewvalue { height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.viewarea { min-height: 74px; max-height: 116px; overflow-y: scroll; }

.form-label { width: 100%; padding: 6px 0 6px 0; text-align: right; vertical-align: top; }

.form-input { width: 100%; min-width: 100%; position: relative; }

.form-text { font-size: 14px; line-height: 20px; display: inline-block; width: 100%; padding: 6px 0 6px 0; text-align: left; vertical-align: middle; }

.form-grid { width: 100%; margin-bottom: 1rem; }
.form-grid td, .form-grid th { padding: 0 10px 0 0; vertical-align: top; }
.form-grid td:last-child, .form-grid th:last-child { padding-right: 0; }
.form-grid td:last-child td, .form-grid th:last-child td { padding-bottom: 0; }
.form-grid th { text-align: right; }
.form-grid tr:last-child td .form-input input, .form-grid tr:last-child td .form-input select, .form-grid tr:last-child td [role=button] { margin-bottom: 0; }
.form-grid [role=button] { margin: 0; }
.form-grid select { min-width: 100%; }
.form-grid:last-child { margin-bottom: 0; }

.form-grid + .form-grid { margin-top: -1rem; }

.table td.form-input { padding: 2px 3px; margin: 0; min-width: 0; width: initial; float: initial; }
.table td.form-input input { margin: 0; padding: 3px 10px; height: 30px; width: 100%; }

.table td.radiocheck { width: 30px; height: 30px; padding: 0; text-align: center; }

.withprefix input:not([type='radio']):not([type='checkbox']) { padding-left: 38px; }

.withsuffix input:not([type='radio']):not([type='checkbox']) { padding-right: 38px; }

.prefix, .suffix { position: absolute; display: block; background-color: rgba(207, 216, 220, 0.3); text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; font-size: 14px; }
.prefix[onclick], .suffix[onclick] { cursor: pointer; }

.prefix { left: 1px; top: 1px; border-right: 1px solid #aaaaaa; border-radius: -1 0 0 -1; }

.suffix { right: 1px; top: 1px; border-left: 1px solid #aaaaaa; border-radius: 0 -1 -1 0; }

.form-input-btn { float: left; position: relative; width: 100%; }
.form-input-btn input { float: left; width: 100%; margin: 0; padding-right: 38px; }
.form-input-btn input:focus { border-color: #aaa; box-shadow: none; }
.form-input-btn [role=button] { float: right; position: absolute; right: 0; top: 0; border-radius: 0 0 0 0; margin-right: 0; }

input.info { background-color: #d9edf7; border-color: #8dbad1 !important; }
input.info::-webkit-input-placeholder { color: #3a87ad; }
input.info:-ms-input-placeholder { color: #3a87ad; }
input.info::-ms-input-placeholder { color: #3a87ad; }
input.info::placeholder { color: #3a87ad; }

input.parsley-error { background-color: #f2dede; border-color: #c24a48; }
input.parsley-error:focus { box-shadow: 0 0 0 3px rgba(194, 74, 72, 0.3) !important; background-color: #f2dede !important; border-color: #c24a48 !important; }

input.parsley-success:focus { border-color: #468847 !important; box-shadow: 0 0 0 3px rgba(70, 136, 71, 0.3) !important; }

.parsley-errors-list { display: none; background-color: #c24a48; color: #fff; float: left; width: 100%; padding: 3px 6px; position: relative; left: 0; top: -7px; }
.parsley-errors-list li { font-size: 1.1rem; line-height: 1.4rem; list-style-type: none; color: #fff; text-align: center; }
.parsley-errors-list:after { bottom: 100%; left: 16px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #c24a48; border-width: 5px; margin-left: -5px; }
.parsley-errors-list.filled { display: block; }

input::-ms-clear { display: none; }

select { text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

::-webkit-datetime-edit-fields-wrapper { font-family: Helvetica, sans-serif; }

input[type='date'], input[type='time'], input[type='datetime-local'] { -webkit-appearance: none; -moz-appearance: none; }

@media only screen and (max-width: 768px) { .form-grid { display: block; float: left; width: 100%; }
  .form-grid tr, .form-grid td { display: block; float: left; clear: both; width: 100%; padding: 0; }
  .form-grid label { text-align: left; }
  .form-grid label.form-label::after { content: " : "; } }
.badge { display: inline-block; min-width: 10px; padding: 3px 5px; font-size: 85%; font-weight: 700; color: #ffffff; line-height: 1em; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #999; border-radius: 3px; }
.badge:empty { display: none; }

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

.message { display: block; width: 100%; margin-bottom: 1rem; padding: 1rem 1rem; color: #000000; background-color: #eceff1; border: 1px solid #b7c1c6; }
.message a { color: #000000; }
.message > :first-child { margin-top: 0; }
.message > :last-child { margin-bottom: 0; }
.message h4 { font-weight: 400; }
.message.invert { color: #ffffff; background-color: #86939a; border-color: #86939a; }
.message.invert a { color: #ffffff; }
.message.info { color: #3a87ad; background-color: #d9edf7; border-color: #8dbad1; }
.message.info a { color: #2d6987; }
.message.info.invert { color: #ffffff; background-color: #3a87ad; border-color: #3a87ad; }
.message.info.invert a { color: #ffffff; }
.message.danger { color: #c24a48; background-color: #f2dede; border-color: #d89394; }
.message.danger a { color: #a13836; }
.message.danger.invert { color: #ffffff; background-color: #c24a48; border-color: #c24a48; }
.message.danger.invert a { color: #ffffff; }
.message.warning { color: #c09853; background-color: #fcf8e3; border-color: #ddc79d; }
.message.warning a { color: #a47e3c; }
.message.warning.invert { color: #ffffff; background-color: #c09853; border-color: #c09853; }
.message.warning.invert a { color: #ffffff; }
.message.success { color: #468847; background-color: #dff0d8; border-color: #95bb91; }
.message.success a { color: #356635; }
.message.success.invert { color: #ffffff; background-color: #468847; border-color: #468847; }
.message.success.invert a { color: #ffffff; }

.swatch { display: inline-block; border: 1px solid #000000; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; margin: 0 5px; position: relative; border-radius: 3px; }

.active .swatch:after { display: block; position: absolute; left: 1px; top: -1px; font-size: 9px; font-family: FontAwesome; content: "\f00c"; color: #fff; }
.active .swatch.swatch-white:after, .active .swatch.swatch-cream:after { color: #000; }

.swatch-black { background-color: #000000 !important; }

.swatch-white { background-color: #ffffff !important; }

.swatch-grey { background-color: #999999 !important; }

.swatch-red { background-color: #ff0000 !important; }

.swatch-orange { background-color: #ff8800 !important; }

.swatch-yellow { background-color: #ffff00 !important; }

.swatch-green { background-color: #009900 !important; }

.swatch-blue { background-color: #0066ff !important; }

.swatch-purple { background-color: #9933ff !important; }

.swatch-pink { background-color: #ff99ff !important; }

.swatch-brown { background-color: #993300 !important; }

.swatch-cream { background-color: #ffffcc !important; }

.swatch-natural { background-color: #F3e2c7 !important; background: linear-gradient(135deg, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); }

.swatch-copper { background-color: #993333 !important; background: linear-gradient(135deg, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); }

.swatch-gold { background-color: #fCEABB !important; background: linear-gradient(135deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); }

.swatch-silver { background-color: #aaaaaa !important; background: linear-gradient(135deg, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #f5f6f6 100%); }

.swatch-multicolour { background-color: #aaaaaa !important; background: linear-gradient(135deg, #ff0000 0%, #ff8800 15%, #ffff00 30%, #009900 50%, #000099 65%, #9933ff 80%, #ff99ff 100%); }

.back-black { background-color: #eeeeee !important; color: #000000 !important; }

.back-white { background-color: #eeeeee !important; color: #000000 !important; }

.back-grey { background-color: #e0e0e0 !important; color: #000000 !important; }

.back-red { background-color: #feb2b9 !important; color: #000000 !important; }

.back-orange { background-color: #fedabb !important; color: #000000 !important; }

.back-yellow { background-color: #fffec0 !important; color: #000000 !important; }

.back-green { background-color: #bae0b8 !important; color: #000000 !important; }

.back-blue { background-color: #b9d3fe !important; color: #000000 !important; }

.back-purple { background-color: #e0c5fe !important; color: #000000 !important; }

.back-pink { background-color: #fee1fe !important; color: #000000 !important; }

.back-brown { background-color: #e0c1b5 !important; color: #000000 !important; }

.back-cream { background-color: #ffffcc !important; color: #000000 !important; }

.back-natural { background-color: #F3e2c7 !important; color: #000000 !important; }

.back-copper { background-color: #f0b7a1 !important; color: #000000 !important; }

.back-gold { background-color: #fCEABB !important; color: #000000 !important; }

.back-silver { background-color: #eeeeee !important; color: #000000 !important; }

.back-multicolour { background-color: #eeeeee !important; color: #000000 !important; }

.sprite { width: 32px; height: 32px; display: block; background-image: url(../img/sprite.svg); background-repeat: no-repeat; background-position: -4px -4px; }

.sprite-nextday { background-position: -4px -4px; }

.sprite-friendly { background-position: -4px -44px; }

.sprite-delivery { background-position: -4px -84px; }

.sprite-range { background-position: -4px -124px; }

.sprite-quickview { background-position: -4px -164px; }

.sprite-quickadd { background-position: -4px -204px; }

.sprite-fullview { background-position: -4px -244px; }

.sprite-zoom { background-position: -4px -284px; }

.sprite-refine { background-position: -4px -324px; }

.sprite-01x10 { background-position: -4px -364px; }

a:hover .sprite-nextday { background-position: -44px -4px; }

a:hover .sprite-friendly { background-position: -44px -44px; }

a:hover .sprite-delivery { background-position: -44px -84px; }

a:hover .sprite-range { background-position: -44px -124px; }

a:hover .sprite-quickview { background-position: -44px -164px; }

a:hover .sprite-quickadd { background-position: -44px -204px; }

a:hover .sprite-fullview { background-position: -44px -244px; }

a:hover .sprite-zoom { background-position: -44px -284px; }

a:hover .sprite-refine { background-position: -44px -324px; }

a:hover .sprite-01x10 { background-position: -44px -364px; }

.sprite-email { background-position: -84px -4px; }

.sprite-facebook { background-position: -84px -44px; }

.sprite-google { background-position: -84px -84px; }

.sprite-linkedin { background-position: -84px -124px; }

.sprite-pinterest { background-position: -84px -164px; }

.sprite-reddit { background-position: -84px -204px; }

.sprite-twitter { background-position: -84px -244px; }

.sprite-youtube { background-position: -84px -284px; }

.sprite-02x09 { background-position: -84px -324px; }

.sprite-02x10 { background-position: -84px -364px; }

a:hover .sprite-email { background-position: -124px -4px; }

a:hover .sprite-facebook { background-position: -124px -44px; }

a:hover .sprite-google { background-position: -124px -84px; }

a:hover .sprite-linkedin { background-position: -124px -124px; }

a:hover .sprite-pinterest { background-position: -124px -164px; }

a:hover .sprite-reddit { background-position: -124px -204px; }

a:hover .sprite-twitter { background-position: -124px -244px; }

a:hover .sprite-youtube { background-position: -124px -284px; }

a:hover .sprite-02x09 { background-position: -124px -324px; }

a:hover .sprite-02x10 { background-position: -124px -364px; }

.sprite-foot-email { background-position: -164px -4px; }

.sprite-foot-facebook { background-position: -164px -44px; }

.sprite-foot-google { background-position: -164px -84px; }

.sprite-foot-linkedin { background-position: -164px -124px; }

.sprite-foot-pinterest { background-position: -164px -164px; }

.sprite-foot-reddit { background-position: -164px -204px; }

.sprite-foot-twitter { background-position: -164px -244px; }

.sprite-foot-youtube { background-position: -164px -284px; }

.sprite-foot-04x09 { background-position: -164px -324px; }

.sprite-foot-04x10 { background-position: -164px -364px; }

a:hover .sprite-foot-email { background-position: -124px -4px; }

a:hover .sprite-foot-facebook { background-position: -124px -44px; }

a:hover .sprite-foot-google { background-position: -124px -84px; }

a:hover .sprite-foot-linkedin { background-position: -124px -124px; }

a:hover .sprite-foot-pinterest { background-position: -124px -164px; }

a:hover .sprite-foot-reddit { background-position: -124px -204px; }

a:hover .sprite-foot-twitter { background-position: -124px -244px; }

a:hover .sprite-foot-youtube { background-position: -124px -284px; }

a:hover .sprite-foot-04x09 { background-position: -124px -324px; }

a:hover .sprite-foot-04x10 { background-position: -124px -364px; }

h3 .sprite { float: left; zoom: 75%; margin-right: 0.5em; }

html, body { margin: 0; padding: 0; height: 100%; font-size: 62.5%; }

body { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.4rem; line-height: 2rem; color: #000000; background: #ffffff; text-rendering: optimizelegibility; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#wrapper { min-height: 100%; position: relative; z-index: 300; }

#main { clear: both; padding-bottom: 345px; z-index: 100; max-width: 100%; overflow: auto; }
#main section { padding-bottom: 2rem; }

#overlay { display: none; content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 600; }

#header { color: #ffffff; background: #243743; position: relative; z-index: 500; }
#header noscript { text-align: center; background-color: #b71c1c; color: #ffffff; width: 100%; float: left; padding: 5px 0; font-size: 1.3rem; line-height: 1.3rem; margin-bottom: 5px; }

#header-pre { font-size: 1.2rem; line-height: 25px; padding-top: 5px; }
#header-pre .col_left { padding-left: 10px; }
#header-pre .col_right { padding-right: 10px; }
#header-pre a { display: inline-block; text-decoration: none; margin: 0 5px; color: #699acb; }
#header-pre a:hover { color: #ffffff; text-decoration: underline; }
#header-pre a:last-child { margin-right: 0; }

#header-main { padding-top: 0px; padding-bottom: 20px; }
#header-main a.logo { display: block; float: left; padding-left: 10px; text-decoration: none; }
#header-main img.logo { height: 50px; }

#header-notice { margin-top: 10px; margin-bottom: -10px; }

.header-button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: right; display: inline-block; border-radius: none; text-shadow: none; width: 60px; height: 60px; line-height: 60px; font-size: 24px; text-align: center; padding: 0; color: #607d8b; background-color: transparent; border: none; border-left: 1px solid #546e7a; }

#menu-show, #menu-hide { display: none; border-left: 0; float: left; }
#menu-show:hover, #menu-hide:hover { color: #cfd8dc; }

#main-search { float: right; display: block; padding: 5px 10px 5px 0; }
#main-search .form-input { float: left; width: auto; min-width: 0; }
#main-search .form-input input { border: 1px solid #546e7a; border-radius: 0; box-shadow: none; margin: 0; width: 227px; height: 40px; }
#main-search .header-button { width: 40px; height: 40px; font-size: 18px; line-height: 38px; border: 1px solid #546e7a; border-left: none; }

#menu-mobile { display: none; }
#menu-mobile li { float: left; }
#menu-mobile li:not(.active) .header-button:hover { color: #cfd8dc; background-color: #121c22; }
#menu-mobile li.active .header-button { color: #000000; background-color: #ffffff; }
#menu-mobile li.active .dropdown { display: block; }
#menu-mobile .dropdown { display: none; position: absolute; top: 60px; left: 0; right: 0; width: 100%; color: #000000; background-color: #ffffff; padding: 10px; border-bottom: 1px solid #3c4e59; }

#menu { color: #ffffff; background-color: #2b2d32; border-top: 1px solid #546e7a; 	/*
	position: -webkit-sticky; 	position: -moz-sticky; 	position: -ms-sticky; 	position: -o-sticky; 	position: sticky; 	top: 0px; 	*/ position: relative; z-index: 700; }
#menu nav { display: block; float: left; width: 100%; padding: 0 10px; }
#menu nav > ul { width: 100%; float: left; position: relative; }
#menu nav > ul > li { display: inline; float: left; border-right: 1px solid #546e7a; }
#menu nav > ul > li > a { font-size: 1.3rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1.3px; display: block; padding: 12px 35px 12px 20px; text-align: center; text-decoration: none; position: relative; }
#menu nav > ul > li > a:after { display: block; position: absolute; right: 5px; top: 12px; color: #699acb; padding-right: 1rem; font-size: 1.4rem; font-family: FontAwesome; content: "\f105"; }
#menu nav > ul > li > a .fa { margin-left: -7px; margin-right: 7px; color: #ffffff; }
#menu nav > ul > li.active > a { background-color: #ffffff; color: #000000; }
#menu nav > ul > li.active > a:after { content: ""; }
#menu nav > ul > li.active > a .fa { color: #000000; }
#menu nav > ul > li.menu-right { float: right; border-right: none; }
#menu nav > ul > li.menu-right > a { padding-right: 20px; }
#menu nav > ul > li.menu-right > a:after { display: none; }
#menu nav > ul > li.menu-account { background-color: #37b78e; }
#menu nav > ul > li.menu-account.active > a .fa { color: #37b78e !important; }
#menu nav > ul > li.menu-basket { background-color: #de881e; }
#menu nav > ul > li.menu-basket.active > a .fa { color: #de881e !important; }
#menu .dropdown { display: none; position: absolute; left: 0; right: 0; width: 100%; min-height: 100px; color: #000000; background-color: #ffffff; padding: 10px; }
#menu .dropdown .benefit { display: block; margin-bottom: 1rem; }
#menu .dropdown .benefit:last-child { margin-bottom: 0; }

#dropoverlay { display: none; content: ''; position: absolute; top: 10px; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 400; }

@media only screen and (max-width: 1024px) and (min-width: 768px) { #menu nav > ul > li > a { font-size: 12px; padding: 9px 13px 9px 13px; }
  #menu nav > ul > li > a:after { display: none; }
  #menu nav > ul > li > a .fa { margin-left: 0px; margin-right: 4px; }
  #menu nav > ul > li.active a:after { display: none; } }
@media only screen and (max-width: 768px) { #header { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0px; }
  #header-pre { display: none; }
  #header-main { padding: 0; }
  #header-main a.logo { display: block; float: left; padding: 15px 0; }
  #header-main img.logo { height: 30px; }
  #menu-show { display: block; }
  #menu { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); position: fixed; left: -220px; top: 60px; bottom: 0; width: 220px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  #menu section { padding: 0; }
  #menu nav { width: 100%; padding: 0; }
  #menu nav ul li { display: block; width: 100%; font-size: 14px; line-height: 22px; border-bottom: 1px solid #546e7a; }
  #menu nav ul li a { text-align: left; padding: 19px 0 19px 24px; }
  #menu nav ul li a:after { right: 5px; top: 19px; color: #699acb; padding-right: 1rem; }
  #menu nav ul li.active a { color: #ffffff; background-color: transparent; }
  #menu nav ul li.active a:after { content: "\f105"; }
  #menu-main li { border-bottom: 1px solid #616161; }
  #menu-mobile { display: block; }
  #main-search { display: none; }
  .menu-showing { overflow: hidden; position: fixed; width: 100%; }
  .menu-showing #main { overflow: hidden; }
  .menu-showing #menu-show { display: none; }
  .menu-showing #menu-hide { display: block; }
  .menu-showing #menu { left: 0; display: block; }
  .menu-showing #overlay { display: block; top: 60px; }
  .menu-showing .menu-showing main { -webkit-filter: grayscale(100%); filter: grayscale(100%); } }
#crumbtrail { clear: both; }
#crumbtrail nav { padding-top: 0.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #cfd8dc; }

nav.crumbtrail { width: 100%; display: block; float: left; }
nav.crumbtrail ul { width: 100%; display: block; float: left; padding: 2px 0 0 0; margin: 0; color: #9e9e9e; overflow: hidden; white-space: nowrap; vertical-align: baseline; font-size: 13px; line-height: 14px; }
nav.crumbtrail ul > li { display: inline-block; padding: 0 1rem 0 0; }
nav.crumbtrail ul > li a, nav.crumbtrail ul > li span { float: left; display: block; text-align: center; text-decoration: none; }
nav.crumbtrail ul > li a:hover { text-decoration: underline; }
nav.crumbtrail ul > li + li:before { display: block; float: left; color: #e0e0e0; padding-right: 1rem; font-size: 9px; font-family: FontAwesome; content: "\f054"; }

.menu { float: left; display: block; width: 100%; border: 1px solid #cfd8dc; margin-bottom: 1rem; }
.menu h3 { margin: 0; padding: 15px 10px 15px 15px; font-size: 2.0rem; color: #de881e; border-bottom: 1px solid #cfd8dc; }
.menu h3 a { text-decoration: none; }
.menu ul { float: left; display: block; width: 100%; list-style-type: none; padding: 5px 6px; margin: 0 0 1rem 0; }
.menu ul:last-child { margin-bottom: 0; }
.menu ul li { width: 100%; }
.menu ul li.menu-head { background-color: #cfd8dc; color: #3c4e59; padding: 10px 15px; }
.menu ul li.menu-head h4 { margin: 0; font-size: 1.8rem; }
.menu ul li.menu-head + li.menu-link { padding-top: 4px; }
.menu ul li.menu-address { text-align: center; border-bottom: 1px dotted #cfd8dc; float: left; display: block; padding: 5px 0; }
.menu ul li.menu-address:last-child { border-bottom: 0; padding-bottom: 2px; }
.menu ul li.menu-map { text-align: center; float: left; display: block; padding: 0; }
.menu ul li.menu-map img { background-color: #b3d1ff; border: 1px solid #4d90fe; }
.menu ul li.menu-map:last-child { border-bottom: 0; padding-bottom: 2px; }
.menu ul li.menu-data { text-align: center; border-bottom: 1px dotted #cfd8dc; float: left; display: block; padding: 5px 0; }
.menu ul li.menu-data .head { font-weight: 400; display: block; width: 50%; float: left; text-align: right; padding-right: 5px; }
.menu ul li.menu-data .headline { font-weight: 400; }
.menu ul li.menu-data .value { display: block; width: 50%; float: right; text-align: left; }
.menu ul li.menu-data:last-child { border-bottom: 0; padding-bottom: 2px; }
.menu ul li.menu-link { padding: 2px 0; }
.menu ul li.menu-link a { display: block; width: 100%; text-decoration: none; padding: 5px 10px; position: relative; border-radius: 3px; }
.menu ul li.menu-link a span { float: right; font-size: 1.2rem; }
.menu ul li.menu-link a:not(.noarrow):after { display: block; position: absolute; right: 0px; top: 5px; color: inherit; padding-right: 1rem; font-size: 1.4rem; font-family: FontAwesome; content: "\f105"; }
.menu ul li.menu-link a .fa { position: relative; left: -5px; color: #bdbdbd; }
.menu ul li.menu-link a:hover { background-color: #699acb; color: #ffffff; }
.menu ul li.menu-link a:hover .fa { color: #ffffff; }
.menu ul li.menu-link.active a { background-color: #eceff1; color: #000000; }
.menu ul li.menu-link.active a:after { color: #ffffff; }
.menu ul li.menu-link.active a .fa { color: #37474f; }
.menu ul li.menu-article { margin-bottom: 6px; }
.menu ul li.menu-article:first-child { margin-top: 2px; }
.menu ul li.menu-article a { display: flex; width: 100%; text-decoration: none; }
.menu ul li.menu-article:hover { background-color: #699acb; color: #ffffff; }
.menu ul li.menu-article.active a { background-color: #eceff1; color: #000000; }
.menu ul li.menu-article .icon { height: 40px; flex: 1 1 20%; background-size: cover; background-color: #b7c1c6; }
.menu ul li.menu-article .text { flex: 2 1 80%; align-self: center; padding-left: 10px; }

@media only screen and (max-width: 1024px) { .menu ul li.menu-article .icon { flex: 1 1 7%; }
  .menu ul li.menu-article .text { flex: 1 1 93%; } }
@media only screen and (max-width: 768px) { .menu ul li.menu-article .icon { flex: 1 1 10%; }
  .menu ul li.menu-article .text { flex: 1 1 90%; } }
@media only screen and (max-width: 420px) { .menu ul li.menu-article .icon { flex: 1 1 15%; }
  .menu ul li.menu-article .text { flex: 1 1 85%; } }
#footer { color: #ffffff; background: #243743; width: 100%; height: 345px; position: absolute; bottom: 0; left: 0; z-index: 200; }
#footer a:not([role=button]):not(.button-action) { text-decoration: none; }
#footer a:not([role=button]):not(.button-action):hover { text-decoration: underline; }

#footer-pre { color: #000000; background: #eceff1; padding: 1.5rem 0; }

#footer-main { font-size: 1.3rem; color: #ffffff; background: #243743; padding-top: 2rem; padding-bottom: 2rem; }
#footer-main h3 { color: #699acb; }
#footer-main ul li { margin-bottom: 8px; }
#footer-main ul li:last-child { margin-bottom: 0; }
#footer-main [role=button].primary { border-color: #699acb; }
#footer-main input { border-color: #ffffff; }
#footer-main .card { background-color: #3c4e59; color: #ffffff; min-height: 300px; }
#footer-main p.small { color: #b0bec5; }
#footer-main .fa { margin-right: 7px; color: #90a4ae; }

/*	
	font-size:1.7rem;
	line-height:1.6em;
	display:table;
	
	.tel, .fax{
		display:table-row;
		span { display:table-cell }
	}
	
	.type{
		text-align:right;
	}
	
	.sep {
		padding:0 5px;
		color:$avslBlue;
	}
	
	.value{
		font-weight:$font-weight-regular;
	}
	
	margin-bottom:$space-vertical;
		
}*/
#footer-main .footer-contact-charges { margin-top: 1.6rem; max-width: 220px; }

#footer-main .footer-social { display: block; float: left; width: 100%; list-style-type: none; }
#footer-main .footer-social li { display: block; float: left; width: 100%; margin-bottom: 1.5rem; }
#footer-main .footer-social li:last-child { margin-bottom: 0; }
#footer-main .footer-social li a { display: flex; flex-direction: row; }
#footer-main .footer-social li a:hover .text { color: #fff; }
#footer-main .footer-social li .icon { align-self: flex-start; flex: 1 1 10%; }
#footer-main .footer-social li .text { flex: 4 1 90%; align-self: center; padding-left: 1rem; line-height: 1.2em; color: #90a4ae; }
#footer-main .footer-social li .text strong { color: #fff; font-weight: 500; }

#footer-copy { font-size: 1.3rem; color: #ffffff; background: #263238; border-top: 5px solid #ffffff; }
#footer-copy .logo { height: 30px; float: left; margin-right: 1rem; }
#footer-copy ul { float: left; }
#footer-copy ul li { list-style-type: none; display: inline; line-height: 30px; padding: 0 10px 0 11px; border-left: 1px solid #699acb; }
#footer-copy ul li:last-child { padding-right: 0; }
#footer-copy ul li:first-child { border: none; padding-left: 0; }

@media only screen and (max-width: 1024px) { #footer-copy { font-size: 1.2rem; line-height: 24px; }
  #footer-copy .logo { height: 24px; } }
@media only screen and (max-width: 768px) { #footer-copy li:nth-child(n+2) { display: none; } }
@media only screen and (max-width: 420px) { #footer { display: none; }
  #main { padding-bottom: 0; } }
#modal-overlay { background: rgba(0, 0, 0, 0.4); z-index: 799; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }

.modal { display: none; position: fixed; left: 50%; top: 30%; border: 1px solid #adadad; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); background-color: #ffffff; }
.modal.withicon content { padding-left: 95px; background-size: 60px 60px; background-repeat: no-repeat; background-position: 20px 15px; }
.modal.alert content { background-image: url("../img/icon/alert.svg"); }
.modal.success content { background-image: url("../img/icon/success.svg"); }
.modal.success-basket content { background-image: url("../img/icon/success-basket.svg"); }
.modal.confirm content { background-image: url("../img/icon/cross.svg"); }
.modal.delete content { background-image: url("../img/icon/delete.svg"); }
.modal.loading { height: 100px; }

.modal-inner { display: flex; flex-direction: column; }
.modal-inner header { flex: 0 0 auto; background-color: #eaeaea; border-bottom: 1px solid #adadad; padding: 10px 20px; display: flex; flex-direction: row; line-height: 48px; }
.modal-inner header .icon { flex: 0 0 auto; margin-left: -5px; margin-right: 15px; }
.modal-inner header .icon img { width: 48px; height: 48px; }
.modal-inner header .text { flex: 1 1 auto; padding-right: 10px; }
.modal-inner header .text h3 { margin: 0; font-size: 2.4rem; line-height: inherit; max-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modal-inner header .close { flex: 0 0 auto; font-size: 2.4rem; line-height: inherit; width: 48px; display: block; margin-right: -10px; color: #aaa; text-align: center; }
.modal-inner content { flex: 1 1 auto; overflow-y: scroll; padding: 10px 20px; }
.modal-inner content .text h3 { font-size: 2rem; line-height: 2.4rem; font-weight: 400; margin: 0.4em 0; }
.modal-inner content.nest { padding-left: 10px; padding-right: 10px; }
.modal-inner footer { flex: 0 0 auto; background-color: #eaeaea; border-top: 1px solid #adadad; padding: 10px 10px; }
.modal-inner footer [role=button] { margin-bottom: 0; border-width: 1px; }

.modal-pad { padding: 1rem 1rem; }

#modal-alert, #modal-quick { z-index: 1200; width: 480px; margin-left: -240px; }
#modal-alert .modal-inner, #modal-quick .modal-inner { max-height: 400px; }

#modal-quick p { width: 55%; float: left; }
#modal-quick input { width: 40%; float: right; }

#modal-picker { z-index: 1100; top: 10%; width: 420px; margin-left: -210px; }
#modal-picker .modal-inner { height: 420px; }

#modal-subform { z-index: 1000; top: 10%; width: 680px; margin-left: -340px; }
#modal-subform .modal-inner { height: 520px; }

#modal-form { z-index: 800; top: 10%; width: 970px; margin-left: -485px; }
#modal-form .modal-inner { height: 660px; }

@media only screen and (max-width: 1024px) { #modal-form { margin: 0; width: auto; left: 1rem; right: 1rem; } }
@media only screen and (max-width: 768px) { .modal-inner header { line-height: 36px; }
  .modal-inner header .text h3 { font-size: 1.8rem; }
  .modal-inner header .icon { display: none; }
  .modal-inner header .close { width: 36px; font-size: 24px; }
  #modal-form, #modal-subform, #modal-picker { margin: 0; width: auto; left: 1rem; right: 1rem; } }
@media only screen and (max-width: 420px) { #modal-alert, #modal-quick { margin: 0; width: auto; left: 1rem; right: 1rem; }
  #modal-alert [role=button], #modal-quick [role=button] { min-width: 48%; margin-right: 0; margin-left: 0; }
  #modal-alert [role=button]:first-child, #modal-quick [role=button]:first-child { float: left; }
  #modal-alert [role=button]:last-child, #modal-quick [role=button]:last-child { float: right; }
  #modal-form, #modal-subform, #modal-picker { top: 1rem; bottom: 1rem; }
  #modal-form .modal-inner, #modal-subform .modal-inner, #modal-picker .modal-inner { height: 100%; }
  .modal.withicon content { padding-left: 20px; background-image: none; }
  .modal-pad { padding: 0; } }
@media only screen and (max-height: 750px) { #modal-form { top: 1rem; bottom: 1rem; }
  #modal-form .modal-inner { height: 100%; } }
div.results-after { padding: 0 10px; }

ul.results { float: left; display: block; width: 100%; margin: 0 0 1rem; padding: 0; }
ul.results > li { list-style-type: none; display: inline; float: left; width: 25%; padding: 1rem 1rem; }
ul.results > li:nth-child(4n+1) { clear: left; }

body.listview ul.results li { clear: left; width: 100%; }
body.listview #listButton { background-color: #b7c1c6; color: #ffffff; }
body.listview #gridButton { background-color: #eceff1; color: #000000; }

#gridButton { background-color: #b7c1c6; color: #ffffff; }

.results-banner { padding: 10px 10px 0; width: 100%; }

.results-control { width: 100%; float: left; display: block; padding: 10px 10px 0; }
.results-control .control-inner { background-color: #eceff1; display: block; float: left; width: 100%; padding: 5px 5px; }
.results-control .control-inner [role=button] { margin-bottom: 0; }

#filterselect { margin-bottom: 1rem; }

#filter, #filterscroll { border: 1px solid #cfd8dc; padding: 5px; }
#filter h3, #filterscroll h3 { margin: 10px 0 15px; padding-left: 0.5rem; font-size: 2.0rem; }
#filter h3 .fa, #filterscroll h3 .fa { background-color: #de881e; }

ul.filterlist { list-style-type: none; padding: 0; margin: 1rem 0; }
ul.filterlist:last-child { margin-bottom: 0; }
ul.filterlist li { width: 100%; padding: 2px 0; }
ul.filterlist li .fa { margin-left: -5px; margin-right: 5px; color: #cfd8dc; }
ul.filterlist li .swatch { margin-left: -1px; }
ul.filterlist li a { display: block; width: 100%; text-decoration: none; padding: 5px 10px; border-radius: 3px; }
ul.filterlist li a:hover { background-color: #699acb; color: #ffffff; }
ul.filterlist li a span { float: right; font-size: 1.2rem; vertical-align: middle; font-weight: 400; }
ul.filterlist li.active .fa { color: #ffffff; }
ul.filterlist li.active a { background-color: #37b78e; color: #ffffff; }
ul.filterlist li.active a:hover { background-color: #c24a48; color: #ffffff; }
ul.filterlist li.head { background-color: #cfd8dc; color: #3c4e59; padding: 10px 15px; }
ul.filterlist li.head h4 { margin: 0; font-size: 1.8rem; }
ul.filterlist li.head + li { padding-top: 4px; }

.emailthumb { border: 1px solid #cfd8dc; padding: 3px 3px 9px; }

@media only screen and (max-width: 768px) { ul.results li { width: 33%; }
  ul.results li:nth-child(4n+1) { clear: none; }
  ul.results li:nth-child(3n+1) { clear: left; } }
@media only screen and (max-width: 420px) { ul.results { display: table; }
  ul.results li { width: 100%; display: block; padding: 0; border-top: 1px solid #cfd8dc; }
  ul.results li:nth-child(4n+1) { clear: none; }
  ul.results li:nth-child(3n+1) { clear: none; }
  ul.results li:last-child { border-bottom: 1px solid #cfd8dc; }
  .results-banner { display: none; }
  .results-control { padding: 0; }
  .results-control .control-inner { background-color: #ffffff; } }
nav.pager { display: block; clear: both; float: left; width: 100%; }
nav.pager ul { display: block; clear: both; float: right; font-size: 1.4rem; line-height: 3.0rem; margin: 1rem 0; color: #333333; }
nav.pager ul strong { color: #000000; }
nav.pager ul li { text-align: center; display: inline-block; float: left; margin-left: 5px; }
nav.pager ul li a, nav.pager ul li span { min-width: 3.3rem; display: block; color: inherit; text-decoration: none; }
nav.pager ul li a:hover { background-color: #eceff1; }
nav.pager ul li.active span { border-color: #b16c18; background-color: #de881e; color: #ffffff; font-weight: bold; }

@media only screen and (max-width: 420px) { nav.pager ul { width: 100%; }
  nav.pager ul li:not(.prev):not(.next) { display: none; }
  nav.pager ul li { width: 50%; margin: 0; }
  nav.pager ul li a { margin: 0 5px; }
  nav.pager ul li.prev { float: left; }
  nav.pager ul li.next { float: right; } }
.benefit { width: 100%; display: table-row; }
.benefit .icon { display: table-cell; vertical-align: top; padding-right: 10px; padding-top: 2px; }
.benefit .text { display: table-cell; vertical-align: top; line-height: 18px; }
.benefit .text p { margin: 0; font-style: italic; }

/* Horizon Swiper Version 1.1.1 Domain ( http://horizon-swiper.sebsauer.de/ ) Copyright 2015 Sebastian Sauer ( http://www.sebsauer.de/ ) Licensed under MIT ( https://github.com/sebsauer90/horizon-swiper/blob/master/LICENSE ) */
.product-swiper { position: relative; margin-bottom: 1rem; 	/*// dots
	.horizon-dots {
		display: none;
		text-align: center;
		padding: 0 0 6px;

		.horizon-dot {
			display: inline-block;
			margin: 0 3px;
			
			width: 12px;
			height: 12px;
			padding: 0;
			font-size: 0;
			line-height: 1;
			background: none;
			border: 1px solid #2c3e50;
			border-radius: 50%;
			transition: background .3s;
			
			&.active { 		 	background: #2c3e50; 		}
			
		}
	}

	&.initialized {
		.horizon-dots {
			display: block;
		} 	}*/ }
.product-swiper a:focus, .product-swiper button:focus { outline: none; }
.product-swiper.mouse-drag, .product-swiper.mouse-drag * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.product-swiper .horizon-outer { overflow: hidden; }
.product-swiper .horizon-inner { padding: 0 0 20px 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.product-swiper .horizon-item { display: inline-block; position: relative; white-space: normal; width: 20%; padding: 0 1rem; }
.product-swiper .horizon-item .card-product { background-color: #fff; }
.product-swiper.arrows { padding: 0; }
.product-swiper .horizon-prev, .product-swiper .horizon-next { position: absolute; top: 0px; bottom: 0px; width: 40px; border: none; outline: none; background: none; background-repeat: no-repeat; background-position: center; background-color: transparent; font-size: 1.8rem; }
.product-swiper .horizon-prev:hover, .product-swiper .horizon-prev:active, .product-swiper .horizon-prev:focus, .product-swiper .horizon-next:hover, .product-swiper .horizon-next:active, .product-swiper .horizon-next:focus { outline: none; }
.product-swiper .horizon-prev:not([disabled]):hover, .product-swiper .horizon-next:not([disabled]):hover { background-color: #b7c1c6; }
.product-swiper .horizon-prev:disabled, .product-swiper .horizon-next:disabled { visibility: hidden; background-color: transparent; color: #ffffff; }
.product-swiper .horizon-prev { left: -30px; }
.product-swiper .horizon-next { right: -30px; }
.product-swiper.first-item .horizon-prev, .product-swiper.last-item .horizon-next { background-color: #eceff1; }
.product-swiper.initialized .horizon-prev, .product-swiper.initialized .horizon-next { display: block; }

.gallery-swiper { position: relative; box-sizing: border-box; }
.gallery-swiper .horizon-item:first-child { margin-left: 0; }
.gallery-swiper .horizon-item:last-child { margin-right: 0; }
.gallery-swiper.arrows.initialized { padding: 0 32px; }
.gallery-swiper.arrows.initialized .horizon-item:first-child { margin-left: 4px; }
.gallery-swiper.arrows.initialized .horizon-item:last-child { margin-right: 4px; }
.gallery-swiper *, .gallery-swiper *:before, .gallery-swiper *:after { box-sizing: border-box; }
.gallery-swiper a:focus, .gallery-swiper button:focus { outline: none; }
.gallery-swiper.mouse-drag, .gallery-swiper.mouse-drag * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.gallery-swiper .horizon-outer { overflow: hidden; }
.gallery-swiper .horizon-inner { padding: 0 0 20px 0; text-align: left; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.gallery-swiper .horizon-item { display: inline-block; position: relative; white-space: nowrap; border: 1px solid #b7c1c6; margin: 0 4px; padding: 5px; background-color: #fff; }
.gallery-swiper .horizon-item img { width: 65px; }
.gallery-swiper .horizon-item .fbvideo { background-color: #000; height: 65px; display: block; padding: 8px 0; }
.gallery-swiper .horizon-item .fbvideo:after { display: block; color: rgba(255, 255, 255, 0.6); position: absolute; overflow: hidden; top: 4px; line-height: 65px; height: 65px; width: 65px; text-align: center; font-size: 24px; font-family: FontAwesome; content: "\f04b"; }
.gallery-swiper .horizon-item .fbvideo img { width: 65px; height: 49px; position: relative; }
.gallery-swiper .horizon-prev, .gallery-swiper .horizon-next { display: none; position: absolute; top: 0px; bottom: 0px; width: 28px; border: none; outline: none; background: none; background-repeat: no-repeat; background-position: center; background-color: #cfd8dc; }
.gallery-swiper .horizon-prev:hover, .gallery-swiper .horizon-prev:active, .gallery-swiper .horizon-prev:focus, .gallery-swiper .horizon-next:hover, .gallery-swiper .horizon-next:active, .gallery-swiper .horizon-next:focus { outline: none; }
.gallery-swiper .horizon-prev { left: 0; }
.gallery-swiper .horizon-next { right: 0; }
.gallery-swiper.initialized .horizon-prev, .gallery-swiper.initialized .horizon-next { display: block; }
.gallery-swiper.first-item .horizon-prev, .gallery-swiper.last-item .horizon-next { opacity: 0.2; }

.banner-swiper { position: relative; }
.banner-swiper a:focus, .banner-swiper button:focus { outline: none; }
.banner-swiper.mouse-drag, .banner-swiper.mouse-drag * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.banner-swiper .horizon-outer { overflow: hidden; }
.banner-swiper .horizon-inner { padding: 0 0 20px 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.banner-swiper .horizon-item { display: inline-block; position: relative; white-space: normal; width: 20%; padding: 0 0; }
.banner-swiper .horizon-dots { display: none; position: absolute; right: 10px; bottom: 10px; padding: 0 0 6px; }
.banner-swiper .horizon-dots .horizon-dot { display: inline-block; margin: 0 3px; width: 30px; height: 30px; padding: 0; font-size: 15px; line-height: 18px; background: rgba(0, 0, 0, 0.2); border: 0; color: #ffffff; border-radius: 50%; transition: background .3s; }
.banner-swiper .horizon-dots .horizon-dot.active { color: #000000; background: #ffffff; }
.banner-swiper.initialized .horizon-dots { display: block; }
.banner-swiper.arrows { padding: 0; }
.banner-swiper .horizon-prev, .banner-swiper .horizon-next { position: absolute; top: 0px; bottom: 0px; width: 40px; border: none; outline: none; background: none; background-repeat: no-repeat; background-position: center; background-color: transparent; font-size: 1.8rem; }
.banner-swiper .horizon-prev:hover, .banner-swiper .horizon-prev:active, .banner-swiper .horizon-prev:focus, .banner-swiper .horizon-next:hover, .banner-swiper .horizon-next:active, .banner-swiper .horizon-next:focus { outline: none; }
.banner-swiper .horizon-prev:not([disabled]):hover, .banner-swiper .horizon-next:not([disabled]):hover { background-color: #b7c1c6; }
.banner-swiper .horizon-prev:disabled, .banner-swiper .horizon-next:disabled { visibility: hidden; background-color: transparent; color: #ffffff; }
.banner-swiper .horizon-prev { left: -40px; }
.banner-swiper .horizon-next { right: -40px; }
.banner-swiper.first-item .horizon-prev, .banner-swiper.last-item .horizon-next { background-color: #eceff1; }
.banner-swiper.initialized .horizon-prev, .banner-swiper.initialized .horizon-next { display: block; }

@media only screen and (max-width: 1250px) { .product-swiper.arrows { padding: 0 30px; }
  .product-swiper .horizon-prev { left: 0; }
  .product-swiper .horizon-next { right: 0; } }
@media only screen and (max-width: 1024px) { .product-swiper .horizon-item { width: 25%; } }
@media only screen and (max-width: 768px) { .product-swiper .horizon-item { width: 50%; }
  .banner-swiper .horizon-prev, .banner-swiper .horizon-next { display: none !important; } }
@media only screen and (max-width: 420px) { .product-swiper.arrows { padding: 0 0 45px; }
  .product-swiper .horizon-item { width: 100%; }
  .product-swiper .horizon-item .card-product { border: 1px solid #b7c1c6; }
  .product-swiper .horizon-prev, .product-swiper .horizon-next { top: auto; bottom: 0; width: 46%; line-height: 30px; padding: 0; border: 1px solid #cfd8dc; font-size: 1.4rem; }
  .product-swiper .horizon-prev { left: 10px; }
  .product-swiper .horizon-next { right: 10px; } }
.googlemap, .googlemap * { -ms-box-sizing: content-box; box-sizing: content-box; }

.googlemap { background-color: #b3d1ff; margin-bottom: 20px; }

.googlemap img { max-width: none; }

.googlemap > div { width: 100%; height: 400px; }

.googlemap.small > div { height: 300px; }

@media only screen and (max-width: 768px) { .googlemap > div { height: 300px; } }
.banner { width: 100%; background-color: #3c4e59; color: #ffffff; }
.banner .banner-inner { display: flex; flex-direction: column; align-items: center; width: 100%; text-decoration: none; }
.banner .banner-inner .banner-img { order: 2; width: 100%; overflow: hidden; }
.banner .banner-inner .banner-img img { width: 100%; max-width: none; }
.banner .banner-inner .banner-text { display: none; order: 1; width: 100%; padding: 10px; border-bottom: 2px solid #ffffff; }
.banner .banner-inner .banner-text h4 { font-weight: 400; font-size: 2.0rem; line-height: 1.2em; min-height: 2.4em; margin: 0; }

.tile { width: 100%; color: #ffffff; }
.tile a { text-decoration: none; }
.tile .tile-full { display: block; }
.tile .tile-small { display: none; margin-bottom: -10px; width: 100%; }
.tile .tile-small .tile-img { display: table-cell; vertical-align: top; width: 150px; padding-right: 10px; }
.tile .tile-small .tile-text { display: table-cell; vertical-align: middle; background-color: #b7c1c6; padding: 0 10px; }
.tile .tile-small .tile-text h4 { font-weight: 400; font-size: 2.0rem; }
.tile .tile-small .tile-text p { font-size: 1.4rem; }

.brand { width: 100%; float: left; background-color: #b7c1c6; }
.brand .brand-inner { width: 100%; display: block; float: left; text-decoration: none; color: #fff; }
.brand .brand-inner .brand-img { width: 100%; float: left; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.brand .brand-inner .brand-text { width: 100%; float: left; height: 200px; display: table; }
.brand .brand-inner .brand-text div { display: table-cell; vertical-align: middle; text-align: center; padding: 20px; }
.brand .brand-inner .brand-text .nomore { margin-top: 0.5rem; color: #ffffff; border-color: #ffffff; }

.brand-hover .brand { height: 200px; overflow: hidden; }
.brand-hover .brand .brand-inner { position: relative; }
.brand-hover .brand .brand-text { position: absolute; top: -100%; transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.brand-hover .brand:hover .brand-inner .brand-text { top: 0%; }

.brand-adastra .brand-text { background-color: #146ab6; color: #ffffff; }

.brand-avlink .brand-text { background-color: #1ea088; color: #ffffff; }

.brand-chord .brand-text { background-color: #ce1932; color: #ffffff; }

.brand-citronic .brand-text { background-color: #7bbb3f; color: #ffffff; }

.brand-fluxia .brand-text { background-color: #22a3e1; color: #ffffff; }

.brand-mercury .brand-text { background-color: #eb7a35; color: #ffffff; }

.brand-primalux .brand-text { background-color: #008B3B; color: #ffffff; }

.brand-qtx .brand-text { background-color: #762683; color: #ffffff; }

.brand-lyyt .brand-text { background-color: #FFC700; color: #ffffff; }

.sectionintro { text-align: center; width: 80%; margin: 0 auto; }

@media only screen and (max-width: 768px) { .sectionintro { text-align: left; width: 100%; } }
@media only screen and (max-width: 420px) { .tile .tile-full { display: none; }
  .tile .tile-small { display: table; }
  .col_xs_1of1 .brand .brand-text { display: none; }
  .banner .banner-inner .banner-text { display: block; }
  .banner .banner-inner .banner-img img { width: 160%; } }
body.product #crumbtrail .col_full { padding-bottom: 0.5rem; }
body.product #crumbtrail nav.crumbtrail { border-bottom: none; padding-bottom: 0; }

.product-head .head { width: 100%; float: left; }
.product-head .head h2 { float: left; clear: left; }
.product-head .head .logo { float: left; height: 40px; }
.product-head .identity { width: 100%; float: left; padding: 1rem 0; border-bottom: 5px solid #eceff1; font-size: 1.8rem; }
.product-head .identity .itemNumber { float: left; color: #699acb; font-weight: 400; }
.product-head .identity .modelNumber { float: right; color: #86939a; font-weight: 500; }
.product-head .extra { width: 100%; float: left; padding: 1rem 0; }
.product-head .extra .reviewStars { float: left; font-size: 1.3rem; }
.product-head .extra .reviewStars .fa { font-size: 1.5rem; color: #fa0; }
.product-head .extra .reviewStars .fa:last-of-type { margin-right: 5px; }
.product-head .extra .stock { float: right; font-weight: 400; }
.product-head .summary { width: 100%; float: left; font-size: 1.5rem; line-height: 1.6em; padding: 1rem 0; }
.product-head .summary p { font-size: 1.6rem; }
.product-head .actions { width: 100%; float: left; margin-bottom: 1rem; }
.product-head .pricemain, .product-head .eachprice { width: 100%; float: left; margin-bottom: 1rem; }
.product-head .pricemain .pricevalue, .product-head .pricemain .pricesave, .product-head .eachprice .pricevalue, .product-head .eachprice .pricesave { color: #000000; font-weight: 300; font-size: 4.8rem; line-height: 4.8rem; }
.product-head .pricemain .pricesave, .product-head .eachprice .pricesave { color: #e75b32; }
.product-head .pricemain .pricewas, .product-head .eachprice .pricewas { text-decoration: line-through; color: #616161; font-size: 2.2rem; line-height: 2.2rem; }
.product-head .delivery { width: 100%; float: left; font-weight: 400; }
.product-head .delivery span { color: #de881e; white-space: nowrap; }
.product-head .delivery.expired span { color: #b71c1c; }

.product-image { width: 100%; position: relative; border: 1px solid #b7c1c6; padding: 10px; }
.product-image .image { width: 100%; background-color: #ffffff; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; }
.product-image .image:after { content: ""; display: block; padding-bottom: 100%; }
.product-image .image img { display: none; position: absolute; top: 50%; max-height: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.product-image .flag { position: absolute; top: 10px; left: 10px; width: 85px; height: 85px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; }
.product-image .sprite { position: absolute; bottom: 10px; left: 10px; }

.product-gallery { margin-top: 1rem; width: 100%; }

.product-text content > h3 { float: left; width: 100%; }
.product-text content > h3:first-child { margin-top: 1rem; }
.product-text .speccommon { width: 100%; float: left; }
.product-text .specversion { width: 100%; float: left; }
.product-text .specification { width: 100%; font-size: 90%; padding: 0; overflow-x: hidden; list-style: none; }
.product-text .specification li { margin-bottom: 0.2em; }
.product-text .specification li:before { float: left; width: 0; white-space: nowrap; content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; }
.product-text .specification span:first-child { padding-right: 0.33em; background: white; }
.product-text .specification span + span { float: right; padding-left: 0.33em; background: white; }
.product-text .spec_full { width: 100%; max-width: 700px; float: left; padding-right: 1rem; }

.product-swiper-section h3 { margin: 1rem 0 !important; }
.product-swiper-section [role=button] { margin-top: 5px; margin-bottom: 0; }

.product-disc { background-color: #ffcdd2; margin-bottom: 1rem !important; display: flex; padding: 8px; }
.product-disc .image { align-self: flex-start; flex: 1 1 20%; }
.product-disc .image img { padding: 10px; background-color: #fff; }
.product-disc .text { padding-left: 10px; align-self: center; flex: 2 1 80%; }
.product-disc .text .itemNumber { color: #b71c1c; font-weight: 400; }
.product-disc .text h4 { margin: 0; }
.product-disc .text p { margin: 0; }
.product-disc .text + .text { text-align: center; padding: 10px 10px 10px 0; color: #b71c1c; }
.product-disc .text + .text strong { font-weight: 500; }

.product-alternative { padding: 1rem 0 1rem 0; background-color: #eceff1; }
.product-alternative .justone .horizon-prev { display: none; }
.product-alternative .justone .horizon-next { display: none; }
.product-alternative h3 { padding-left: 1rem; margin-top: 1rem; }

@media only screen and (min-width: 1024px) { .product-alternative { padding: 1rem 1rem 1rem 1rem; }
  .product-alternative .product-swiper.arrows { padding: 0; }
  .product-alternative .product-swiper .horizon-item { width: 100%; }
  .product-alternative .horizon-prev, .product-alternative .horizon-next { width: 22px; font-size: 13px; }
  .product-alternative .horizon-prev { left: -10px; }
  .product-alternative .horizon-next { right: -10px; } }
.product-quick .head { width: 100%; float: left; }
.product-quick .head h3 { float: left; clear: left; margin-top: 1rem; margin-bottom: 1rem; }
.product-quick .head .logo { float: left; height: 32px; margin-bottom: 1rem; }
.product-quick .product-image { margin-bottom: 1rem; }
.product-quick .eachprice { width: 100%; float: left; }
.product-quick .eachprice .pricevalue { font-weight: 300; font-size: 3.6rem; line-height: 3.6rem; }
.product-quick .extra { width: 100%; float: left; padding: 0.5rem 0; }
.product-quick .extra .reviewStars { float: left; font-size: 1.3rem; }
.product-quick .extra .reviewStars .fa { font-size: 1.5rem; color: #fa0; }
.product-quick .extra .reviewStars .fa:last-of-type { margin-right: 5px; }
.product-quick .extra .stock { float: right; font-weight: 400; }
.product-quick .summary { width: 100%; float: left; padding: 1rem 0; }

.quickAddAlert form button { display: none; }

.share-buttons { list-style: none; padding: 0; display: block; width: 100%; float: left; margin-top: 3rem; }
.share-buttons li { display: block; float: left; width: 32px; }
.share-buttons li + li { margin-left: 5px; }

.review-head { float: left; width: 100%; }
.review-head h3 { margin-top: 1rem; float: left; width: auto; }
.review-head a { margin-top: 1rem; margin-right: 0; float: right; }

.review { float: left; width: 100%; position: relative; padding: 1rem 0; }
.review .review-stars { position: absolute; left: 0; top: 1rem; }
.review .review-stars .fa { font-size: 1.5rem; color: #fa0; }
.review .review-stars .fa:last-of-type { margin-right: 5px; }
.review .review-content { float: left; margin-left: 100px; }
.review .review-content .review-date { color: #6d7c85; }

.review + .review { border-top: 1px solid #cfd8dc; }

.video { width: 100%; float: left; background-color: #000; margin-bottom: 1rem; }
.video a { display: block; float: left; width: 100%; }
.video p { display: block; float: left; width: 100%; color: #fff; text-align: center; }

.support { width: 100%; float: left; position: relative; min-height: 50px; margin-bottom: 1rem; }
.support .support-icon { position: absolute; left: 0; width: 40px; }
.support .support-content { float: left; margin-left: 50px; padding-top: 5px; }

.table-product tbody td:first-child, .table-product tbody th:first-child, .table-product thead td:first-child, .table-product thead th:first-child { border-left: 1px solid #3c4e59; }
.table-product tbody td:last-child, .table-product tbody th:last-child, .table-product thead td:last-child, .table-product thead th:last-child { border-right: 1px solid #3c4e59; }
.table-product tbody tr:last-child td, .table-product tbody tr:last-child th { border-bottom: 1px solid #3c4e59; }
.table-product thead th { background-color: #3c4e59; color: #ffffff; border-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; }
.table-product .itemNumber { color: #699acb; font-weight: 500; }
.table-product tbody td { border-bottom-color: #3c4e59; }
.table-product tbody td.thumb { border-right: 1px solid #3c4e59; }
.table-product tbody td.ssp-price { font-size: 1.6rem; font-weight: 300; }
.table-product tbody td.each-price, .table-product tbody td.each-price-save { font-size: 1.6rem; font-weight: 500; color: #699acb; }
.table-product tbody td.each-price span, .table-product tbody td.each-price-save span { color: #000000; font-weight: 300; font-size: 1.2rem; display: none; }
.table-product tbody td.each-price-save { color: #e75b32; }
.table-product tbody td.line-total { font-size: 1.6rem; font-weight: 500; }
.table-product tbody td.break-price { font-size: 1.6rem; border-right: none; padding-right: 0; }
.table-product tbody td.break-price span { color: #000000; font-weight: 300; font-size: 1.2rem; display: none; }
.table-product tbody td.break-qty { font-size: 1.2rem; border-left: 0; }
.table-product tbody td.order-qty { font-size: 1.6rem; }
.table-product tbody td.input-qty { 	/*
	position:relative;

	min-width:90px;
	input {
		border-color:transparent;
		position:absolute;
		top: 0px;
		right:0px;
		left: 0px;
		bottom:0px;
		height:100%;
		
		text-align:center;
		background-color:#edf3fe;
	}
	*/ }
.table-product tfoot td.total-value { font-size: 1.6rem; font-weight: 500; }

@media only screen and (max-width: 768px) { .product-image .flag { width: 60px; height: 60px; } }
@media only screen and (max-width: 420px) { .table-product.table-responsive tbody { /*
td.input-qty{
	min-width:0;
	input {
		position:relative;
	}
}
*/ }
  .table-product.table-responsive tbody td.break-price span { display: inline-block; }
  .table-product.table-responsive tbody tr:last-child td, .table-product.table-responsive tbody tr:last-child th { border-bottom: none; } }
.dealer { display: block; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #cfd8dc; }
.dealer .details { float: left; width: 66.6%; padding-right: 10px; }
.dealer .details h4 { float: left; width: 100%; margin-top: 0; font-weight: 400; }
.dealer .details .address { display: block; float: left; width: 50%; }
.dealer .details .contact { display: block; float: left; width: 50%; }
.dealer .details .contact table { width: 100%; }
.dealer .details .contact table th { font-weight: 700; text-align: center; width: 20px; color: #b7c1c6; padding: 2px 0; }
.dealer .details .contact table td { padding: 2px 0 2px 5px; text-align: left; }
.dealer .map { float: right; width: 33.3%; padding-left: 10px; }
.dealer .map img { background-color: #b3d1ff; border: 1px solid #4d90fe; padding: 1px; }

.dealerint { border-top: 2px solid #eceff1; padding-top: 1rem; display: block; float: left; width: 100%; }
.dealerint h4.country { display: block; float: left; width: 100%; line-height: 24px; text-transform: uppercase; margin-bottom: 3px; }
.dealerint h4.country img { line-height: 24px; display: inline; vertical-align: top; margin-right: 5px; }
.dealerint h3 { width: 100%; display: block; height: 1.2em; overflow: hidden; text-wrap: nowrap; margin-bottom: 10px; }
.dealerint .website { display: block; background-image: url(../img/screen.png); background-repeat: no-repeat; background-position: left top; background-size: 100%; padding: 5% 5% 30% 5%; }
.dealerint .website img { background-color: #eceff1; border: 1px solid #000; }
.dealerint .address { font-size: 1.5rem; line-height: 1.5; margin-bottom: 5px; }
.dealerint .contact { display: block; float: left; }
.dealerint .contact table { width: 100%; }
.dealerint .contact table th { font-weight: 700; text-align: center; width: 20px; color: #b7c1c6; padding: 2px 0; }
.dealerint .contact table td { padding: 2px 0 2px 5px; text-align: left; }

.nextday { float: left; width: 100%; background-color: #d6e0e9; background-image: url(../img/timer.jpg); background-repeat: no-repeat; background-position: right top; padding: 30px; }
.nextday .text { float: left; width: 70%; }
.nextday .text h3 { margin: 0 0 5px 0; font-size: 52px; line-height: 70px; color: #ffffff; }
.nextday .text p { font-size: 1.4rem; margin: 0; line-height: 20px; }
.nextday .timer { float: right; background-color: #ffffff; width: 30%; height: 95px; display: table; }
.nextday .timer div { display: table-cell; text-align: center; vertical-align: middle; }
.nextday .timer div span { float: left; width: 100%; }
.nextday .timer div span:first-child { font-size: 40px; line-height: 40px; }
.nextday .timer div span:last-child { font-size: 15px; line-height: 15px; }

.subscribe { float: left; width: 100%; background-color: #d6e0e9; background-image: url(../img/subscribe.svg); background-repeat: no-repeat; background-position: left center; background-size: 250px auto; padding: 30px 30px 30px 270px; }
.subscribe h2 { margin: 0 0 0.2em; line-height: 1; font-weight: 400; color: #699acb; }
.subscribe form { display: block; float: left; width: 100%; }
.subscribe form .form-input { float: left; width: 80%; }
.subscribe form .form-input input { height: 40px; line-height: 16px; }

@media only screen and (max-width: 1024px) { .nextday .text h3 { font-size: 38px; line-height: 50px; }
  .nextday .timer div span:first-child { font-size: 30px; } }
@media only screen and (max-width: 768px) { .subscribe, .nextday { display: none; }
  .dealer .details { width: 100%; }
  .dealer .map { display: none; }
  .dealerint .website { background: none; padding: 0 0 0.5rem; } }
@media only screen and (max-width: 420px) { .dealer { text-align: center; }
  .dealer .details .address { width: 100%; margin-bottom: 10px; }
  .dealer .details .contact { width: 100%; } }
ul.category-view { float: left; display: block; width: 100%; margin: 0 0 1rem; padding: 0; }
ul.category-view li { list-style-type: none; display: inline; float: left; width: 33.3%; padding: 1rem 1rem; }
ul.category-view li:nth-child(3n+1) { clear: left; }
ul.category-view li a { display: block; text-decoration: none; }
ul.category-view li a:hover .category-over { top: 0; }
ul.category-view .category-image { height: 100%; border: 1px solid #cfd8dc; position: relative; overflow: hidden; }
ul.category-view .category-image img { padding: 1rem 1rem; width: 375px; }
ul.category-view .category-image .category-over { position: absolute; top: -101%; left: 0; height: 100%; width: 100%; text-align: center; background-color: rgba(60, 78, 89, 0.8); display: table; transition: top 0.3s cubic-bezier(0.55, 0, 0.1, 1); opacity: 0; }
ul.category-view .category-image .category-over div { display: table-cell; vertical-align: middle; }
ul.category-view .category-image .category-over div .nomore { color: #ffffff; border-color: #ffffff; }
ul.category-view .category-text { border: 1px solid #cfd8dc; border-top: none; padding: 1rem 1rem; }
ul.category-view .category-text h4 { font-size: 1.5rem; line-height: 2; margin: 0; padding-left: 1rem; border-left: 5px solid #6d7c85; }
ul.category-view .category-text span { float: right; color: #6d7c85; }

.adastra .category-view .category-text h4 { border-left-color: #146ab6; }
.adastra .category-view .category-image .category-over { background-color: #146ab6; }

.avlink .category-view .category-text h4 { border-left-color: #1ea088; }
.avlink .category-view .category-image .category-over { background-color: #1ea088; }

.chord .category-view .category-text h4 { border-left-color: #ce1932; }
.chord .category-view .category-image .category-over { background-color: #ce1932; }

.citronic .category-view .category-text h4 { border-left-color: #7bbb3f; }
.citronic .category-view .category-image .category-over { background-color: #7bbb3f; }

.fluxia .category-view .category-text h4 { border-left-color: #22a3e1; }
.fluxia .category-view .category-image .category-over { background-color: #22a3e1; }

.lyyt .category-view .category-text h4 { border-left-color: #FFC700; }
.lyyt .category-view .category-image .category-over { background-color: #FFC700; }

.mercury .category-view .category-text h4 { border-left-color: #eb7a35; }
.mercury .category-view .category-image .category-over { background-color: #eb7a35; }

.primalux .category-view .category-text h4 { border-left-color: #008B3B; }
.primalux .category-view .category-image .category-over { background-color: #008B3B; }

.qtx .category-view .category-text h4 { border-left-color: #762683; }
.qtx .category-view .category-image .category-over { background-color: #762683; }

ul.category-list { margin-bottom: 1rem; padding-left: 0; list-style-type: none; }
ul.category-list > li { padding-bottom: 2rem; -webkit-column-break-inside: avoid; break-inside: avoid; }
ul.category-list > li > a { font-size: 2.0rem; text-decoration: none; color: #de881e; }
ul.category-list > li ul { margin: 0.5rem 0; padding-left: 0; list-style-type: none; }
ul.category-list > li ul > li { padding: 2px 0; }
ul.category-list > li ul > li a { display: block; padding: 0.5rem 0; padding: 4px 5px 4px 10px; border-left: 5px solid #eceff1; text-decoration: none; }
ul.category-list > li ul > li a span { float: right; font-size: 1.2rem; vertical-align: middle; font-weight: 400; color: #b7c1c6; }
ul.category-list > li ul > li a:hover { border-radius: 3px; border-left-color: #699acb; background-color: #699acb; color: #ffffff; }
ul.category-list > li ul > li a:hover span { color: #ffffff; }

@media only screen and (max-width: 1024px) { ul.category-view li a .category-image .category-over { height: 200px; } }
@media only screen and (max-width: 768px) { ul.category-view li { width: 50%; }
  ul.category-view li:nth-child(3n+1) { clear: none; }
  ul.category-view li:nth-child(2n+1) { clear: left; } }
@media only screen and (max-width: 420px) { ul.category-view li { width: 100%; clear: left; } }
.article .image-fill { margin-bottom: 0; }
.article .col_1of2 .image-fill, .article .col_1of3 .image-fill, .article .col_1of4 .image-fill { height: 240px; }

.article-section .subheading { padding-bottom: 0; }
.article-section ul, .article-section ol { padding-left: 1.2em; margin-bottom: 1rem; }
.article-section ul li, .article-section ol li { padding-bottom: 0.5rem; }
.article-section h2:first-child, .article-section h3:first-child, .article-section h4:first-child, .article-section h5:first-child, .article-section h6:first-child { margin-top: 0; }
.article-section.border, .article-section.borderthick, .article-section.tint { margin: 1rem 1rem 2rem; padding: 1rem 1rem; }
.article-section.border .article-content :last-child, .article-section.borderthick .article-content :last-child, .article-section.tint .article-content :last-child { margin-bottom: 0; }
.article-section.border { border: 1px solid #b7c1c6; }
.article-section.borderthick { border: 10px solid #cfd8dc; }
.article-section.tint { background-color: #eceff1; }

.article-content.border, .article-content.borderthick, .article-content.tint { padding: 1rem 1rem; }
.article-content.border { border: 1px solid #b7c1c6; }
.article-content.borderthick { border: 10px solid #cfd8dc; }
.article-content.tint { background-color: #eceff1; }

.subcontent { margin-top: 1rem; }

.articlelist { clear: left; width: 100%; display: flex; flex-direction: row; margin-bottom: 2rem; }
.articlelist a { text-decoration: none; }
.articlelist .icon { align-self: flex-start; flex: 1 1 25%; }
.articlelist .text { flex: 2 1 75%; align-self: center; padding-left: 2rem; }
.articlelist .text h4 { margin: 0  0 0.4rem; font-weight: 500; color: #55656f; }
.articlelist .text p { margin-bottom: 0; }
.articlelist .text .meta { margin-top: 0.5rem; font-size: 1.2rem; color: #9eaab0; }
.articlelist .text .meta .fa { margin-right: 0.5rem; color: #6d7c85; }

.article-terms { font-size: 1.2rem; -webkit-column-rule: 1px solid #cfd8dc; column-rule: 1px solid #cfd8dc; }

@media only screen and (max-width: 768px) { .articlelist .icon { flex: 1 40%; }
  .articlelist .text { flex: 1 60%; } }
@media only screen and (max-width: 420px) { .articlelist { flex-direction: column; }
  .articlelist .icon { flex: 1 0px; }
  .articlelist .text { flex: 1 0px; align-self: flex-start; padding: 1rem 0; } }
.splitbanner { display: flex; flex-direction: row; align-items: center; width: 100%; height: 350px; background-color: #86939a; color: #ffffff; margin-bottom: 1rem; }

.splitbanner-image { order: 2; width: 66%; display: block; height: 100%; background-color: #eceff1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.splitbanner-text { order: 1; width: 34%; background-color: inherit; padding: 10px 30px; text-align: center; }
.splitbanner-text h3 { margin: 1rem 0; padding: 0 !important; font-size: 24px; font-weight: 400; color: #86939a; }
.splitbanner-text .logo { display: block; width: 100%; border-bottom: 3px solid #cfd8dc; margin-bottom: 2rem; }
.splitbanner-text .logo img { height: 40px; margin-bottom: 2rem; }
.splitbanner-text .nomore { margin-top: 1rem; color: #ffffff; border-color: #ffffff; }

.adastra .splitbanner { background-color: #146ab6; }
.adastra .splitbanner .splitbanner-text { background-color: inherit; }
.adastra .splitbanner h3 { color: #8AB5DB; }
.adastra .splitbanner .logo { border-bottom-color: #5B97CC; }

.avlink .splitbanner { background-color: #1ea088; }
.avlink .splitbanner .splitbanner-text { background-color: inherit; }
.avlink .splitbanner h3 { color: #8FD0C4; }
.avlink .splitbanner .logo { border-bottom-color: #62BDAC; }

.chord .splitbanner { background-color: #ce1932; }
.chord .splitbanner .splitbanner-text { background-color: inherit; }
.chord .splitbanner h3 { color: #E78C99; }
.chord .splitbanner .logo { border-bottom-color: #DD5E70; }

.citronic .splitbanner { background-color: #7bbb3f; }
.citronic .splitbanner .splitbanner-text { background-color: inherit; }
.citronic .splitbanner h3 { color: #BDDD9F; }
.citronic .splitbanner .logo { border-bottom-color: #A3CF79; }

.fluxia .splitbanner { background-color: #22a3e1; }
.fluxia .splitbanner .splitbanner-text { background-color: inherit; }
.fluxia .splitbanner h3 { color: #91D1F0; }
.fluxia .splitbanner .logo { border-bottom-color: #64BFEA; }

.lyyt .splitbanner { background-color: #FFC700; }
.lyyt .splitbanner .splitbanner-text { background-color: inherit; }
.lyyt .splitbanner h3 { color: #FFE671; }
.lyyt .splitbanner .logo { border-bottom-color: #FFDA44; }

.mercury .splitbanner { background-color: #eb7a35; }
.mercury .splitbanner .splitbanner-text { background-color: inherit; }
.mercury .splitbanner h3 { color: #F5BD9A; }
.mercury .splitbanner .logo { border-bottom-color: #F1A272; }

.primalux .splitbanner { background-color: #008B3B; }
.primalux .splitbanner .splitbanner-text { background-color: inherit; }
.primalux .splitbanner h3 { color: #7CC49B; }
.primalux .splitbanner .logo { border-bottom-color: #4AAD74; }

.qtx .splitbanner { background-color: #762683; }
.qtx .splitbanner .splitbanner-text { background-color: inherit; }
.qtx .splitbanner h3 { color: #BB93C1; }
.qtx .splitbanner .logo { border-bottom-color: #9F67A8; }

@media only screen and (max-width: 1024px) { .splitbanner { position: relative; }
  .splitbanner-image { width: 100%; }
  .splitbanner-text { width: 40%; height: 100%; position: absolute; left: 0; top: 0; display: table; background-color: #86939a; }
  .splitbanner-text div { display: table-cell; vertical-align: middle; } }
@media only screen and (max-width: 768px) { .splitbanner .splitbanner-text { width: 50%; padding: 10px; }
  .splitbanner .splitbanner-text div { zoom: 0.8; } }
/* kept from old content */
.err { display: table; width: 100%; border-bottom: 1px solid #cfd8dc; }

.err-head { display: table-row; }

.err-code { display: table-cell; width: 50%; text-align: right; vertical-align: middle; padding: 30px 20px 30px 0; color: #cfd8dc; font-weight: 400; font-size: 20rem; line-height: 1; }

.err-title { display: table-cell; width: 50%; vertical-align: middle; padding: 30px 0 30px 20px; }
.err-title h2 { color: #de881e; font-weight: 400; }
.err-title em { color: #9eaab0; }

.err500 .err-code, .err500 .err-title h2 { color: #b71c1c; }

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

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

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

.top { vertical-align: top !important; }

.middle { vertical-align: middle !important; }

.bottom { vertical-align: bottom !important; }

.upper { text-transform: uppercase; }

.lower { text-transform: lowercase; }

.tiny { font-size: 85%; }

.small { font-size: 95%; }

.large { font-size: 115%; }

.fl-left { float: left; }

.fl-right { float: right; }

.clear { clear: both; }

.hide { display: none; }

.show { display: block; }

.hidden { visibility: hidden; }

iframe.fullframe { width: 100%; height: 600px; }

.nowrap { white-space: nowrap; }

.loading { background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAACQmJLSytNza3MTGxFxeXOzu7Ly+vNTS1IyKjPz6/ERGRLy6vOzq7MzOzJSSlLS2tNze3MzKzGxubPT29MTCxNTW1IyOjPz+/ExKTP///wAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICAAAACwAAAAAIAAgAAAF/mAmjmSWMJCQTRISFGUsZxfTUIYxZAXgA4TFZSYrRHDIXe/nw0SIowsEaUBSeEwmIgG9VKjWVZYZmNVoB7AOOwY4aMPSFEL7VgcQWGLhwDDfFwIqJAVIdF4RDDMUfoBpBjAiF0dVBodcRAllgVUUEXEMlRQ4ilBRjzgGpTeVBp+mIwkRogYHJmAUpbAihbQntE+7JANgDAK0dMIjU60Cdki6yqFWFcrW19bPVdHC05UVx1TJ1sxIAt6jO9eU0BNqkcK9VBMZrEgRmLCTtLYZ6DnciHgpJomdJThQTqBJEoeHIRoCBsArwWDWITv0SMypM8pVHhooZnW8OIjEmYG0NXYk6IQMoYwLqESppGUloMlyMk3QrCKgIREjKXWCiTDRVI0Dna6sRNKAgU9lJ5yhgcAgI5EQACH5BAgIAAAALAAAAAAgACAAhCQmJLSytNza3MTGxGxubOzu7NTS1ERGRLy+vIyKjPz6/Ozq7MzOzFxaXLS2tNze3MzKzHRydPT29NTW1ExKTMTCxIyOjPz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAX+ICaOJKYsj2BOz6KUcIxdC1MhyGAid8UsF1msAOnxdAqesgIpCEeXh7FX2U15j6DwMrlWqkkvYiGjzQxX5HL5ML1K0ja3N3g4L4UHhG2KJEoFPXITEGRDe3IRAAAQUEVKcm9lZAqKixRaC0s3hk8ilYuhDiI2SggQWp4YEgehiw0mUxWdqhgIrosLmkaNtSQUuAECa22+Ixa4CV1LtL63rhHG0tPSyz3NtbtKE8NGxdJSSwLaXzrTj9cSV07GgWsSGKU9EJKeF3tGBiLkONhl1jwM3fM2I1WME2fopHJXQY6AAexgLEA0Yxk8EnEqfjllZwYKfDcGqShhZs4aNRsvCV4wSOICmjUVUMKc9SSKF5lTBLA8dNLKkibGaBjg8cWnDyDUTCwQMOFMi4tCQgAAIfkECAgAAAAsAAAAACAAIACEJCYktLK03NrcbG5sxMbE7O7s1NLUREZEjIqMvL687OrszM7M/Pr8XFpc3N7cdHJ0zMrM1NbUTEpMjI6MxMLE/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABf6gJY6kxSiOYEaOwpRwbFXKQiUJYSY3tSgVWawA6fF0DJ6SAikIRxWHsUfZTXmOoLASuVKqSW9CIaPNDFfkcumYaUnSNrdHcDgrBQeEPROoSAU9chEQZEN7gzdOIhVFSnIvW2QVAjxMWgpLN4ZPjF04PIY2SgkQb50Me184BiZTFJydIoGWPCdrELIwBDdKCpVGbbpwUwKfPbHDmUYRw87P0CLHodEJANfXA8CP0RPY1wjLljrQEt8AAWFLyZ0U5wBko72mwwwH5w0i4qvsMgwD5wIwUoVDzikYJ0w8wCbhDS0KcgQQWARDAaIZCwHkIpboBgQ7M1CoutGGwQMEMC/MUFpDQc2qYDMipZxGxwpLWE8oeXHJUsDBQ2t49mjijIY8oT9+6jphbIUAF51CAAAh+QQICAAAACwAAAAAIAAgAIQkJiS0srTc2tzExsRcXlzs7uy8vrzU0tSMioz8+vxERkS8urzs6uzMzsz09vSUkpS0trTc3tzMysxsbmz08vTEwsTU1tSMjoz8/vxMSkz///8AAAAAAAAAAAAAAAAAAAAF/qAmjqSWMJFgWhGTlHCsYUxTGcZgGnfVMBhZrCDp8XQJnrIiKQhHmIixV9lNeZGgEGO5VqpJr4Eho80OV+RyGZlpSdI2tzeIODGFiIQ9E6hIBT1yFhJkQ3uDNxRQRUpyL1tkGAJKEloMSzeGTyJzS4Y2SgaWnCMJe0YHJlMVm6UaBWsVDphGEq8lqEoMlEZtuCNSSwJdn8AjtUoWx8zNr8U9rrjJNxa9js3CPQLUFTrMjdEOV07AgWsOGqE9EpClGLo3qhrUONJb0DyG8L5uTw4QztB5c66CHAEDysGooADAgxnFFsExCPHLKDsmFlzIAKCjwzO/SJjxZEQHA48oNz9ieFMCAxpZJlOiXPAkipeYMgEgcCeEyBodBWRmuIWLxgEeX2ChJLCAJ7ATxDRQmIAgwL0SIQAAIfkECAgAAAAsAAAAACAAIACEJCYktLK03NrcXF5cxMbE7O7sfHp81NLUPDo8vL68/Pr87OrszM7MjIqMREZEtLa03N7cdHJ0zMrM9Pb01NbUxMLE/P78jI6MTEpM////AAAAAAAAAAAAAAAAAAAAAAAABf5gJo5kpiyQYFLQopRwnFkLUyUJYSZ3xSwWWawg6fF0Cp6yIikIRxaIsVfZTXmQoNBCuVaqSW9iIaPNDlfkcgmZaUnSNrdHgDgtBYiEPROoSAU9chQSZEN7gzdOIhZFSnIvW2QWAjxMWgtLN4ZPjF04PIY2SgkSb50Ke184ByZTFZydIoGWPBOZRhKyMAQ3SguVRm27cFMCnz2xxLhKFMTP0NEiyKHSzDcUwY/SUksC1xU60Y7JE1eLxLRGExmjPRKRso1rrRnXOMpb1LCM5Aly7CSdofNGnZwIDqrEWIBoxqeAI+KYiACgIoYLCWagUIXlzDASZhRQrEgSgZU1FTLknCIhkqRLk2FQjnmioIHLkieNrYxBAMNNmCibPLPwYADOmD6ASLMXoIEBEwdaQJQRAgAh+QQICAAAACwAAAAAIAAgAIQkJiS0srTc2tzExsRsbmzs7uzU0tRERkS8vryMioz8+vzs6uzMzsxcWlyUkpS0trTc3tzMysz09vTU1tRMSkzEwsSMjoz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAF/iAmjiSmLJBgTtCilHCMXQtTIchgInfFLBdZrBDp8XQKnrISKQhHF4ixV9lNeZCg8DK5VqpJL2Iho80MV+RyCZlpSdI2tzeAOC8FSIQ9E6hIBT1yExFkQ3uDN04iF0VKci9bZBcCPExaC0s3hk+MXTg8hjZKCBFvnQp7XzgGJlMVnJ0igZY8EplGEbIwAzdKC5VGbbtwUwKfPbHEuEoTxM/Q0SIEANXVCNILUwYJ1tUO0hBrEAEA5uYU0qq/C+fnVc/aay8N7gAUEsSpa60Y5fYPiM1ZYugCBXfgLpyCcWIGsgFvIpxLaKCJjAWIHN7IR6JbQgE9ItiZgULVjUF/OEgoCKCRVAU1rxDIWQgl2BokVywpK0HJC0xNMmnCIHLTypIBi3bRGPXSqA8g0kwAU6HAQAuOQkIAACH5BAgIAAAALAAAAAAgACAAhCQmJLSytNza3MTGxGxubOzu7NTS1ERGRLy+vIyKjPz6/Ozq7MzOzFxaXJSSlLS2tNze3MzKzPT29NTW1ExKTMTCxIyOjPz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAX+ICaOJKYskGBO0KKUcIxdC1MhyGAid8UsF1msEOnxdAqeshIpCEcXiLFX2U15kKDwMrlWqkkvYiFTPGaGK3K5hMy0pATAMeseIc5LARJpzwQqJBEAhHRcEWRDfW5cN04iFxSEhTMvW2QXAjxMWg+Tk2dPUHY4FYkNnwAUEqIjCn1fOAYYC6kAVa0jC1Q8EgGpFLklRaVjcp90wiMCUwIEqbjKtGwT0tbXuXY9idIL1JpGbtZSSwLeVDrWxNsSV4/CBVesNksRlq0XsEqz00Zjwo2WJMoX7s2TE2h6DIATD8ufAe9KLFhU5wYrElIYdbkRAc8MFLBuaAxEgkZFNmsvYhW8AKfEhTRsKqSMaepJFC8zm7WUQQSllXoRRdEwsAnMkh87hZ0QUO1li4tCQgAAIfkECAgAAAAsAAAAACAAIACEJCYktLK03NrcXF5cxMbE7O7sfHp81NLUREZEvL68/Pr87OrszM7MjIqMNDY0tLa03N7cdHJ0zMrM9Pb01NbUTEpMxMLE/P78jI6M////AAAAAAAAAAAAAAAAAAAAAAAABf5gJo5kVgSNkV0HtChlLK/PANxOpiQWzyyXmUxSuRlzip4yISkIR4qGcYrkWZWQoFARmR51y/BidhlzvQBk2ApZaUkQS/t8q2AsugVEcm1fBAIlBVg6ERV4Mgt8fhQ9TiIXEktzE08KY388FhJaC1c8Y08jF40JphahDGEEb6IKfBY9CQdgn4+iIwtKShOeSxK4MXxXCwKfbcFwYQKlSqHJIrpXtNDV1tDNoNe+VhTGk9dxVwLcsQTXksQTa7fBg5+VqlcSMMGRn9Tlps+ipGKQ6Xr4aRXj0ooDSliNeCdnhQAC7UgoSsCoRyVlFXtIgOCkzB5NFFd4i1FG5JpzOzBiHXNDBuEnCyhfauJHUtwqHTItCCAoowAsKzHDNIFW5oAmPCl9ALmWh9lBFxeFhAAAOw=="); background-position: center; background-repeat: no-repeat; }

.quick { color: #b7c1c6; }

.border-right { border-right: 1px solid #cfd8dc; }

.border-left { border-left: 1px solid #cfd8dc; }

.margin-none { margin: 0 !important; }

.margin-top { margin-top: 1rem !important; }

.margin-btm { margin-bottom: 1rem !important; }

.padding-none { padding: 0 !important; }

.padding-top { padding-top: 1rem !important; }

.padding-btm { padding-bottom: 1rem !important; }

.mark { font-size: 0.85em; padding: 0.2em 0.5em; margin: 0 0.2em; background-color: #b7c1c6; color: #ffffff; font-weight: 500; }
.mark:first-child { margin-left: 0; }
.mark:last-child { margin-left: 0; }
.mark.mark-new { background-color: #c82d88; color: #ffffff; font-weight: 700; }
.mark.mark-soon { background-color: #f7b03a; color: #ffffff; font-weight: 700; }
.mark.mark-danger { background-color: #f2dede; color: #c24a48; }

.stock-A { color: #37b78e; }

.stock-B { color: #37b78e; }

.stock-C { color: #de881e; }

.stock-D { color: #de881e; }

.stock-E { color: #b71c1c; }

.stock-F { color: #b71c1c; }

.stock-weeks { color: #2c6c7f; }

.show-md { display: none; }

.show-sm { display: none; }

.show-xs { display: none; }

@media only screen and (max-width: 1024px) { .hide-md { display: none !important; }
  .show-md { display: block !important; } }
@media only screen and (max-width: 768px) { .hide-sm { display: none !important; }
  .show-sm { display: block !important; } }
@media only screen and (max-width: 420px) { .hide-xs { display: none !important; }
  .show-xs { display: block !important; } }
.split { width: 100%; float: left; }
.split .split-left { width: 50%; float: left; padding-right: 1rem; }
.split .split-right { width: 50%; float: left; padding-left: 1rem; }

.image-fill { display: block; width: 100%; height: 400px; background-color: #eceff1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-bottom: 2rem; }

.angle { position: relative; overflow: hidden; }
.angle:after { background-color: #fff; content: ''; display: block; position: absolute; height: 200px; left: 0; bottom: -200px; right: 0; -webkit-transform: skewY(-7deg); transform: skewY(-7deg); -webkit-transform-origin: 50%; transform-origin: 50%; z-index: 1; }
.angle:before { background-color: #fff; content: ''; display: block; position: absolute; height: 200px; left: 0; bottom: -200px; right: 0; -webkit-transform: skewY(7deg); transform: skewY(7deg); -webkit-transform-origin: 50%; transform-origin: 50%; z-index: 1; }

@media only screen and (max-width: 1024px) { .image-fill { height: 300px; } }
@media only screen and (max-width: 768px) { .split .split-left, .split .split-right { width: 100%; padding-left: 0; padding-right: 0; }
  .image-fill { height: 200px; } }
@media print { body { width: 1080px; }
  #header, #footer, #menu, .col_side, .product-swiper-section { display: none; }
  .product-image .image { background-position: -10000px -10000px; }
  .product-image .image img { display: block; }
  #main { padding-bottom: 0; }
  .col_main { width: 100%; } }
html.fancybox-lock { overflow: visible !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #wrapper { position: static; }
  #footer { position: static; }
  #main { padding-bottom: 0; }
  #header-main a.logo { width: 100px; }
  #header-main a.logo img.logo { width: 100%; } }
@media only screen and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { #header-main a.logo { width: 156px; } }