/* Minification failed. Returning unminified contents.
(4605,32): run-time error CSS1039: Token not allowed after unary operator: '-background'
(7727,33): run-time error CSS1038: Expected hex color, found '#0003'
(12194,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background'
(12196,17): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(12241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12243,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity'
(12247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12249,41): run-time error CSS1039: Token not allowed after unary operator: '-border-opacity'
(14145,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,209): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,354): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,420): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,511): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,537): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,563): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14145,828): run-time error CSS1039: Token not allowed after unary operator: '-zoom-icon-background'
(14145,855): run-time error CSS1039: Token not allowed after unary operator: '-tobii-zoom-icon-background'
(14145,896): run-time error CSS1039: Token not allowed after unary operator: '-zoom-icon-color'
(14145,918): run-time error CSS1039: Token not allowed after unary operator: '-tobii-zoom-icon-color'
(14145,1345): run-time error CSS1039: Token not allowed after unary operator: '-lightbox-background'
(14145,1371): run-time error CSS1039: Token not allowed after unary operator: '-tobii-lightbox-background'
(14145,1461): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(14145,1482): run-time error CSS1039: Token not allowed after unary operator: '-tobii-base-font-size'
(14145,1587): run-time error CSS1039: Token not allowed after unary operator: '-lightbox-z-index'
(14145,1610): run-time error CSS1039: Token not allowed after unary operator: '-tobii-lightbox-z-index'
(14145,2009): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(14145,2035): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-duration'
(14145,2126): run-time error CSS1039: Token not allowed after unary operator: '-transition-timing-function'
(14145,2159): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-timing-function'
(14145,2585): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(14145,2611): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-duration'
(14145,2703): run-time error CSS1039: Token not allowed after unary operator: '-timing-function'
(14145,2725): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-timing-function'
(14145,2829): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-height'
(14145,2852): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-height'
(14145,2893): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-width'
(14145,2915): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-width'
(14145,3180): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-height'
(14145,3203): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-height'
(14145,3244): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-width'
(14145,3266): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-width'
(14145,3356): run-time error CSS1039: Token not allowed after unary operator: '-caption-background'
(14145,3381): run-time error CSS1039: Token not allowed after unary operator: '-tobii-caption-background'
(14145,3429): run-time error CSS1039: Token not allowed after unary operator: '-caption-color'
(14145,3449): run-time error CSS1039: Token not allowed after unary operator: '-tobii-caption-color'
(14145,3613): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-height'
(14145,3636): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-height'
(14145,3677): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-width'
(14145,3699): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-width'
(14145,3866): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-height'
(14145,3889): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-height'
(14145,3926): run-time error CSS1039: Token not allowed after unary operator: '-slide-max-width'
(14145,3948): run-time error CSS1039: Token not allowed after unary operator: '-tobii-slide-max-width'
(14145,4047): run-time error CSS1039: Token not allowed after unary operator: '-button-background'
(14145,4071): run-time error CSS1039: Token not allowed after unary operator: '-tobii-button-background'
(14145,4143): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(14145,4162): run-time error CSS1039: Token not allowed after unary operator: '-tobii-button-color'
(14145,4424): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(14145,4450): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-duration'
(14145,4549): run-time error CSS1039: Token not allowed after unary operator: '-transition-timing-function'
(14145,4582): run-time error CSS1039: Token not allowed after unary operator: '-tobii-transition-timing-function'
(14145,4868): run-time error CSS1039: Token not allowed after unary operator: '-button-navigation-background'
(14145,4903): run-time error CSS1039: Token not allowed after unary operator: '-tobii-button-navigation-background'
(14145,5337): run-time error CSS1039: Token not allowed after unary operator: '-counter-background'
(14145,5362): run-time error CSS1039: Token not allowed after unary operator: '-tobii-counter-background'
(14145,5401): run-time error CSS1039: Token not allowed after unary operator: '-counter-color'
(14145,5421): run-time error CSS1039: Token not allowed after unary operator: '-tobii-counter-color'
(14145,5855): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(14145,5874): run-time error CSS1039: Token not allowed after unary operator: '-tobii-loader-color'
(14165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14229,44): run-time error CSS1046: Expect comma, found '0'
(14229,48): run-time error CSS1046: Expect comma, found '/'
(14230,36): run-time error CSS1046: Expect comma, found '0'
(14230,40): run-time error CSS1046: Expect comma, found '/'
(14712,41): run-time error CSS1046: Expect comma, found '0'
(14712,45): run-time error CSS1046: Expect comma, found '/'
(14713,33): run-time error CSS1046: Expect comma, found '0'
(14713,37): run-time error CSS1046: Expect comma, found '/'
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: 'Roboto', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

.addressBoxes {
    border-style: groove;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
	color: #fff;
	background-color: #008bcb;
	border-color: #ccc;
}
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  /*padding: 5px 0;
  margin: 2px 0 0;*/
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }
  .btn-toolbar > .btn.btn-primary { margin-bottom: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }
.quantity-input-wrapper { width: 170px; display: flex; margin-right: 10px; }
/*Removing arrows in from number input in firefox*/
.input-group input[type=number].quantity-to-cart,
input[type=number].cart-quantity-input{
    -moz-appearance: textfield;
}
.input-group input[type=number].quantity-to-cart {
    text-align: center;
}
/*Removing arrows in from number input in chrome*/
.input-group input[type=number].quantity-to-cart::-webkit-outer-spin-button,
.input-group input[type=number].quantity-to-cart::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:before {
	border-bottom: 1px solid #33333333; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      flex: 1 1 auto;
      padding: 10px 25px; }
      /*.nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }*/
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

#docTab_d {
    columns: 2;
}

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 40px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }
  .caption .text-box {
      max-height: 83px;
  }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
    /*text-align: center;*/
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.73);
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.73);
  background-clip: padding-box;
  outline: 0; }

#orderstatus-modal .modal-content {
    padding: 40px;
    border-radius: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; 
  outline: 0; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.73);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.73); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

@media screen and (max-width: 768px) {
    .carousel-control {
        width: 7%;
    }
}

@media screen and (max-width: 470px) {
    .carousel-control {
        width: 10%;
    }
}

@media screen and (max-width: 320px) {
    .carousel-control {
        width: 15%;
    }
}

@media screen and (max-width: 220px) {
    .carousel-control {
        width: 22%;
    }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/******************************************************************************
    Overide browser user agent stylesheets
*******************************************************************************/
menu,
ol,
ul,
dir {
  padding: 0;
  list-style: none; }

dd {
  margin: 0; }

.full-width {
  width: 100%; }

/******************************************************************************
    Custom 
*******************************************************************************/
.nocursor {
  cursor: default; }

.fullWidth-dropdown li a {
    text-align: left;
}

/*----jquery-ui---- */
ul.ui-front {
  position: absolute !important;
  background-color: #FFF;
  z-index: 10;
  padding: 5px 10px;
  -webkit-box-shadow: -3px 7px 20px -7px;
  box-shadow: -3px 7px 20px -7px; }
  
ul.ui-front li:hover {    
  cursor: pointer;
}

.search ul.ui-front {
  top: 34px !important;
  left: 0 !important;
  width: 100% !important; }

/*Override bootstrap padding */
.btn-primary {
  border: none;
  background-color: #008BCB; }
  .btn-primary:hover {
    background-color: #61BFEA; }
  .btn-primary:focus {
    background-color: #0187c5; }
  .btn-primary:active {
    background-color: #0187c5; }
  .btn-primary:active:hover {
    background-color: #0187c5; }

.form-control {
  border-radius: 2px; 
    border: #E1E1E1 solid 1px;
}

.row-10 {
  margin-left: -10px;
  margin-right: -10px; }

.padding-topbottom-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-bottom-10 {  
  padding-bottom: 10px; }

.padding-topbottom-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.padding-xs-30 {
  padding: 20px; }

.padding-xs-20 {
  padding: 20px; }

.padding-xs-10 {
  padding: 10px; }

.padding-xs-5 {
  padding: 5px !important; }

@media (min-width: 768px) {
  .padding-sm-30 {
    padding: 20px; }
  .padding-sm-20 {
    padding: 20px; }
  .padding-sm-10 {
    padding: 10px; }
  .padding-sm-5 {
    padding: 5px; }
  .padding-sm-0 {
    padding: 0px; } }

@media (min-width: 992px) {
  .padding-md-30 {
    padding: 20px; }
  .padding-md-20 {
    padding: 20px; }
  .padding-md-10 {
    padding: 10px; }
  .padding-md-5 {
    padding: 5px; } }

@media (min-width: 1200px) {
  .padding-lg-30 {
    padding: 30px; }
  .padding-lg-20 {
    padding: 20px; }
  .padding-lg-10 {
    padding: 10px; }
  .padding-lg-5 {
    padding: 20px; } }

.box-margin-20 {
  margin: 20px; }

.box-margin-10 {
  margin: 10px; }

.box-margin-5 {
  margin: 5px; }

.box-margin-top-20 {
  margin-top: 20px; }

.box-margin-top-10 {
  margin-top: 10px; }

.box-margin-top-5 {
  margin-top: 5px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

/******************************************************************************
    Custom typography
*******************************************************************************/
a {
  color: #cc0001;
  text-decoration: none;
  outline: 0;
  cursor: pointer; }
  a:hover {
    color: #cc0001;
    text-decoration: none !important; }

.small-text-gray {
  font-size: 12px;
  color: #7d7d7d; }

.small-text-lightgray {
  font-size: 12px;
  color: #BBBBBB; }

.small-text-dark {
    font-size: 14px;
    color: #333333; }

.search-suggestion {
  margin: 10px 0; }
  .search-suggestion a {
    color: #000;
    font-weight: 700;
    padding-right: 5px; }

/******************************************************************************
    Custom margin and paddings
*******************************************************************************/
.nopadding {
  padding: 0 !important; }

.margin-top-10 {
  margin-top: 10px; }

/******************************************************************************
    Thumbnails
*******************************************************************************/
.thumbnail-inner {
    margin: 10px auto;
    margin-bottom: 0px;
    padding-bottom: 10px;
    min-height: 130px;
    max-height: 130px;
    position: relative;
}
  .thumbnail-inner > img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
      max-height: 130px;
  }
  .thumbnail-inner a > img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%; }

.img-responsive {
  display: block;
  max-width: 100%; }

/*.thumbnail:hover {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	transition: all 0.20s ease-in-out;
}*/
.carousel-inner > .item > img {
  display: block;
  max-width: 100%; }

.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%; }

/******************************************************************************
    Text responsive
*******************************************************************************/
.text-xs-left {
  text-align: left; }

.text-xs-right {
  text-align: right; }

.text-xs-center {
  text-align: center; }

.text-xs-justify {
  text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left; }
  .text-sm-right {
    text-align: right; }
  .text-sm-center {
    text-align: center; }
  .text-sm-justify {
    text-align: justify; } }

@media (min-width: 992px) {
  .text-md-left {
    text-align: left; }
  .text-md-right {
    text-align: right; }
  .text-md-center {
    text-align: center; }
  .text-md-justify {
    text-align: justify; } }

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left; }
  .text-lg-right {
    text-align: right; }
  .text-lg-center {
    text-align: center; }
  .text-lg-justify {
    text-align: justify; } }

/******************************************************************************
    Custom 5 col
*******************************************************************************/
/******************************************************************************
    Remove button radius
*******************************************************************************/
.btn {
  border-radius: 0px; }

.box-item-environment {  
    list-style-type: none;
}
  .box-item-environment img {
    width: 20px;
    height: 20px;
    margin-right: 10px; }

.box-item-heading {
  min-height: 55px; }

.box-item-price {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
	margin-top: 14px;
}
  .box-item-price .price {
    color: #cc0001;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    float: right; }

  .standard-price {
   color: #333333 !important;
}

.caption a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  font-weight: bold; }

.basePrice {
    min-width: 100%;
  font-size: 10px;
  color: #7d7d7d;
  font-weight: 400;
  display: inline-block; }

.button-group a {
  margin-bottom: 5px; }

.thumbnail .caption {
  padding: 5px; }

@media screen and (max-width: 320px) {
  .box-item-heading {
    min-height: 60px; }
  .button-group a {
    font-size: 0.8em; } }

div.product-out-of-stock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

img.product-out-of-stock{
    opacity: 20%;
}

a.product-out-of-stock{
    background: unset;
    outline: 3px solid #64b006;
    outline-offset: -3px;
    color: #64b006 !important;
}

a.product-out-of-stock:hover{
    background: #eff2eb;
}

button.product-out-of-stock{
    background: #CCCCCC;
    color: #FFFFFF
}
button.product-out-of-stock:hover{
    background: #d3d3d3;
    color: #FFFFFF
}

div.product-is-recently-inactive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

img.product-is-recently-inactive{
    opacity: 20%;
}

a.product-is-recently-inactive{
    background: #CCCCCC;
}

a.product-is-recently-inactive:hover{
    background: #d3d3d3;
}

button.product-is-recently-inactive{
    background: #CCCCCC;
    color: #FFFFFF
}
button.product-is-recently-inactive:hover{
    background: #d3d3d3;
    color: #FFFFFF
}


.glyphicon {
  margin-right: 5px; }

.thumbnail {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.item.list-group-item {
  float: none;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px; }

.item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
  background: #428bca; }

.item.list-group-item .list-group-image {
  margin-right: 10px; }

.item.list-group-item .thumbnail {
  margin-bottom: 0px;
  display: inline-block; }

.item.list-group-item .caption {
  padding: 5px 5px 0px 5px; }

.item.list-group-item:nth-of-type(odd) {
  background: #eeeeee; }

.item.list-group-item:before, .item.list-group-item:after {
  display: table;
  content: " "; }

.item.list-group-item img {
  float: left; }

.item.list-group-item:after {
  clear: both; }

.list-group-item-text {
  margin: 0 0 11px; }

.product-items {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: -5px;
  margin-right: -5px; }
  .product-items:before, .product-items:after {
    content: " ";
    display: table; }
  .product-items:after {
    clear: both; }
  .product-items .product {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 5px !important;
    padding-right: 5px !important; }  

  .product-items.focus-banner {
      margin-top: 25px;
  }
    .product-items.focus-banner  .product:nth-last-of-type(-n+1) {
          display: none;
    } 

    .product-items .product-banner {
        float: left;
        width: 100%; 
        padding-left: 5px !important;
        padding-right: 5px !important; 
        position: relative;
        justify-content: stretch;
        display: flex;
        height: 324px;
    } 

    .product-items .product-banner .thumbnail {
        background-image: var(--background);
        background-size: cover;
        background-position: center;
        color: white;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }

    .product-items .product-banner .thumbnail span {
        font-size: 20px;
        background-color: #0E324AE6;
        padding: 20px 60px 40px 60px;
        border-radius: 5px;
    }
    .product-items .product-banner .thumbnail a {
        color: white;
        text-decoration: none;
    }

    .product-items .product-banner .thumbnail a .arrow-right {
        transform: rotate(-45deg) translate(-25%, -25%);
        -webkit-transform: rotate(-45deg) translate(-25%, -25%);
        display: inline-block;
        border: solid #fff;
        border-width: 0 1.5px 1.5px 0;
        flex-shrink: 0;
        height: 13px !important;
        width: 13px !important;
        margin-left: 5px;
        padding: unset !important;
        background-color: unset !important;
        border-radius: unset !important;
    }

    @media (min-width: 768px) {
      .product-items .product {
        float: left;
        width: 33%;
      } 
      .product-items.focus-banner  .product:nth-last-of-type(-n+1) {
          display: none;
      }
      .product-items .product-banner {
        float: left;
        width: 100%; 
      } 
      .productInfo .product-items .product{
        width: 70%;
      }
    }
    @media (min-width: 992px) {
      .product-items .product {
        float: left;
        width: 25%; 
        display: unset;
      }
      .product-items.focus-banner  .product:nth-last-of-type(-n+2) {
          display: none;
      }
      .product-items .product-banner {
        float: left;
        width: 75%; 
      } 
      .productInfo .product-items .product{
        width: 45%;
      }
      .col-md-9 .product-items .product {
        float: left;
        width: 33%;       
      }
      .col-md-9 .product-items .product-banner {
        float: left;
        width: 66%;       
      }
    }   
    @media (min-width: 1200px) {
      .product-items .product {
        float: left;
        width: 20%;
        max-height: 299px;
      }
      .product-items.focus-banner  .product:nth-last-of-type(-n+2) {
          display: unset;
      }
      .product-items .product-banner {
        float: left;
        width: 60%;
      }
      .col-md-9 .product-items .product {
        float: left;
        width: 25%;
        max-height: 299px;
      }
      .col-md-9 .product-items .product-banner {
        float: left;
        width: 75%;
        max-height: 299px;
      }
    }    
  .product-items .product-small {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 5px !important;
    padding-right: 5px !important; }
    @media (min-width: 768px) {
      .product-items .product-small {
        float: left;
        width: 25%;
          min-height: 185px;
      } }
    @media (min-width: 992px) {
      .product-items .product-small {
        float: left;
        width: 25%;
          min-height: 185px;
      } }
  .product-items .product-list {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .product-items .product-list {
        float: left;
        width: 100%; } }
  .product-items .thumbnail {
    border: 1px solid transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    .product-items .thumbnail:hover {
      border: 1px solid #A9A195; }
    .product-items .thumbnail {
      border: 1px solid #F6F6F7; }
  .product-items .thumbnail-heading {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    font-weight: bold; 
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  }

.dynamicbg {
  background: url(/Static/images/Background.jpg) no-repeat center 175px;
  -webkit-background-size: inherit;
  -moz-background-size: inherit;
  -o-background-size: inherit;
  background-size: 2340px; }

.image-ad img {
  width: 100%; }

.component-richtext {
  margin-bottom: 10px; }

.container-center{
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.image-ad {
  margin-bottom: 5px; }

.od-filter {
  display: inline-block;
  color: #999;}

.list-config {
  margin-bottom: 10px;
  font-size: 11px;
  padding: 10px 5px; }

.col-sm-2.right {
  float: right; }

.more-filters {
  font-size: 14px;
  margin-top: 10px;
  color: #9e9d9d; }
  .more-filters a {
    margin-left: 2px;
    color: #9e9d9d; }

.hidden-filters--js {
  display: none; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.fa-check {
  position: absolute;
  display: inline-block;
  right: 10px;
  margin-top: 0px; }

.bootstrap-select.btn-group .dropdown-menu li a span.fa-check {
  display: none; }

.fix-height {
  height: 43px; }

.box-blue {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color: #badaed;
  font-size: 12px;
  padding: 10px; }

.price-row {
  background: #fff;
  padding: 5px; }

.price-row--price {
  color: #c00; }

.box-blue--tag {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000; }

.box-blue--amount {
  width: 20%; }

.box-blue--line {
  padding-top: 5px;
  padding-bottom: 5px; }

.form-area {
  background: #f3f3f3;
  padding: 15px; }

.items-list-cart {
  background: #f3f3f3;
  padding: 15px;
  margin-bottom: 10px;
  margin-top: 10px; }

.items-wraper {
  padding: 10px;
  background: #fff; }

/*prodocut details*/
.product-details--image {
  width: 100%; }

/*search result  details*/
.search-result--item {
  border-bottom: 1px solid #eaeaea;
  background: #f9f9f9;
  padding: 10px;
  font-size: 12px; }

.search-inc-result {
  position: relative;
  z-index: 99;
  background: #fff;
  margin-top: 10px;
  border: 1px solid #d6d6d6;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }

.content-section {
  margin-bottom: 20px; }

.brand-list-area {
  height: 500px;
  overflow-y: auto; }

.list-widget-box {
  max-height: 400px;
  overflow-y: auto;
  min-height: 400px;
  background: #fff;
  border: 1px solid #eaeaea; }

.chooseBrand-area {
  background: #f9f9f9;
  padding-top: 10px; }

.chooseBrand-area h3 {
  background: none repeat scroll 0 0 #c00;
  color: #FFF;
  margin: 0 0 10px 0;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0px; }

.chooseBrand-area ul li {
  line-height: 20px;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
  border-bottom: 1px solid #eaeaea; }

.chooseBrand-arrow {
  font-size: 40px;
  min-height: 470px; }

.chooseBrand-arrow .fa-arrow-right {
  position: absolute;
  display: block;
  width: 40px;
  margin-top: -20px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-left: -20px; }

.choose-brand-box {
  padding-left: 20px !important;
  padding-right: 0px !important; }

.choose-model-box {
  padding-right: 20px !important;
  padding-left: 0px !important; }

@media (max-width: 768px) {
  .chooseBrand-arrow {
    display: none; }
  .choose-brand-box {
    padding: 0px !important; }
  .choose-model-box {
    padding: 0px !important; } }

.search-item-btn-cart {
  text-align: center;
  padding-top: 11px;
  padding-left: 20px; }

.search-result--img {
  width: 70%;
  margin: auto; }

.search-item-pricing-group {
  margin-top: 34px; }

.search-item-pricing-group-btn {
  margin-top: 20px; }

.search-item-btn-text--inside {
  margin-top: 5px;
  padding-left: 0; }

.search-input {
  width: 100% !important;
  padding: 21px !important; }

.items-list-variations {
  background: #fafafa;
  padding: 15px;
  margin-bottom: 10px;
  margin-top: 10px; }

.search-inc-result-arrow {
  background: url(/Static/images/icons/search-result-arrow.png) no-repeat 50% 50%;
  display: block;
  width: 30px;
  height: 25px;
  position: absolute;
  left: 50%;
  top: -20px; }

.search-inc-result-items {
  border-radius: 5px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea; }

.search-btn-inc {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  width: 100%;
  padding: 11px !important; }

.search-inc-tab--container {
  border-bottom: 1px solid #eaeaea;
  background: #fff; }

.search-inc-tab {
  padding: 20px;
  cursor: pointer;
  margin-bottom: -1px; }
  .search-inc-tab.active {
    font-weight: 700;
    cursor: default;
    color: #c00;
    background: #f9f9f9;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea; }

@media (max-width: 768px) {
  .search-inc-tab {
    border-bottom: 1px solid #eaeaea; } }

.search-item-btn-text {
  height: 50px;
  border-left: thin solid #fff; }

.quantity {
  width: 100%; }

.product-buy-box {
    margin-top: 25px; }

.product-buy-box__input-group {
  display: flex;
}

.pdfProductLinkSection {
  display: inline-block; }

.heading-image {
  float: right; }

.product-heading {
  display: block; }

.order-status {
  color: #64b006;
  padding-right: 5px; }

.order-status-backorder {
  color: red;
  padding-right: 5px; }

.product-input {
  width: 85%; }

.product-buy-box-info {
  margin-top: 5px; }

.product-text-info {
  margin-top: 20px; }

.small-images-wrapper ul {
  position: relative; }

.small-images-wrapper li {
  display: inline-block;
  margin: 5px 10px 5px 0;
  border-radius: 1px;
  background-color: #FFF;
  border: solid 0.5px rgba(169, 161, 149, 0.3); }
  .small-images-wrapper li:first-child {
    margin-left: 0; }

.small-images-wrapper img.small-img {
  width: 90px;
  height: 90px;
  padding: 4px; }

.small-images-wrapper > ul > .active {
  border: solid 0.5px #858584 !important; }

.product-title {
  width: 100%; }
  .product-title .krav-image {
    width: 100%;
    margin-top: -5px; }
  .product-title .title {
    width: calc(100% - 30px); }
    .product-title .title h2 {
      font-size: 20px; }
    @media screen and (min-width: 768px) {
      .product-title .title h2 {
        font-size: 30px; } }
  .product-title .image {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 60px; }
    @media screen and (min-width: 768px) {
      .product-title .image {
        width: 10%; } }

.product-heading h2 {
  margin-top: 0;
  font-weight: 700; }

.productDetails .product-heading .price {
  display: block;
  font-size: 26px;
  color: #c10000;
  font-weight: normal;
  line-height: 80%; }

.productDetails .ordPrice {
  display: inline-block;
  text-decoration: line-through;
  color: #7d7d7d;
  font-size: 18px; }
  
.productDetails .prices {
  margin-bottom: 5px;
}

.li-img:hover {
  border: solid 0.5px #858584; }

.order-history-info{
    padding-top: 25px;
}

.orderdetails-column{
    vertical-align: top;
    padding-top: 15px;   
}

#productsinfobody td{
    padding-top: 10px;
}

#productsInfoTable th.summ{
    width: 15%;
}

#orderhistoryline #back{
    float: right;
}

.image-box img {
  background-color: #FFF;
  height: 100%;
  width: 100%; }

.image-box--details {
  position: relative;
  display: table;
  height: 370px;
  max-height: 370px;
  margin: 0 auto; }
  .image-box--details span {
    vertical-align: middle;
    display: table-cell; }
  .image-box--details img {
    display: block;
    height: auto;
    width: 100%; }

.items-list-variations {
  background: #fafafa;
  padding: 15px;
  margin-bottom: 10px;
  margin-top: 10px; }

.specToggle {
  color: #7d7d7d;
  display: none;
}

span.stock:before,
span.stock-order-item:before {
  background-color: #64b006;
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-top: 4px; 
}

span.stock-product, span.inshop-product{
    font-size: 13px;
    font-weight: normal;   
    float: left;
}

 @media (max-width: 414px) {
    span.stock-product, span.inshop-product {    
    position: absolute;
    left: 0;
    top: -18px;
    } 
}

.small-text-dark.display-block span.stock:before {
    margin-left: 5px;
    margin-top: 6px;
}

.small-text-dark.display-block span.stock-order-item:before {
    margin-left: 5px;
    margin-top: 18px;
}

span.backorder:before {
    background-color: #E3353F;
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: 4px; }

.product-buy-box-info .small-text-dark.display-block span.backorder:before {
    background-color: #E3353F;
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    margin-left: 5px; }

.orderstatus-modal {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  
.orderstatus-modal a 
{
    margin-right: 15px;
    width: 200px; 
}

@media (max-width: 414px) 
{
    .orderstatus-modal a 
    {    
        width: 120px;
    } 
}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important; }

#cart .tablet--quantity {
    width: 18%;
    text-align: center;
}

.product-buy-box .lineList-increase-products img,
.product-buy-box .lineList-decrease-products img {
  height: 13px;
}

.product-buy-box .lineList-increase-products,
.product-buy-box .lineList-decrease-products {
  cursor: pointer;
  font-family: "Lucida Sans Unicode", "Arial Unicode MS";
  font-size: 14px;
  font-weight: 900;
  background: transparent;
  border: white solid 1px;
  outline: none;
}

.product-buy-box .lineList-decrease-products {
    border-right: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 3.8px 15px;
}

.product-buy-box .lineList-increase-products {
    border-left: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding: 3.8px 15px;
}

.productItemBox .cart-quantity .lineList-decrease-products,
.productItemBox .cartline-quantity .lineList-decrease-products {
    cursor: pointer;
    font-family: "Lucida Sans Unicode", "Arial Unicode MS";
    font-size: 14px;
    font-weight: 900;
    background: transparent;
    border-radius: 4px;
    border: lightgray solid 1px;
    padding: 0px 8px;
    height: 29.5px;
}

.productItemBox .cart-quantity .lineList-increase-products,
.productItemBox .cartline-quantity .lineList-increase-products {
    cursor: pointer;
    font-family: "Lucida Sans Unicode", "Arial Unicode MS";
    font-size: 14px;
    font-weight: 900;
    background: transparent;
    border-radius: 4px;
    border: lightgray solid 1px;
    padding: 0px 8px;
    height: 29.5px;
}

.productItemBox.cart-product-out-of-stock {
    -webkit-filter: opacity(0.5);
}

.productItemBox .cartline-quantity .lineList-increase-products img,
.productItemBox .cartline-quantity .lineList-decrease-products img { height: 13px; padding: 0; vertical-align: middle;}

.btn-disabled {
    opacity: 0.3;
}

.productItemBox .cart-quantity .lineList-decrease-products:focus,
.productItemBox .cart-quantity .lineList-increase-products:focus,
.productItemBox .cartline-quantity .lineList-decrease-products:focus,
.productItemBox .cartline-quantity .lineList-increase-products:focus{
    outline: none;
}

@media screen and (max-width: 360px) {
  .productItemBox .cartline-quantity .lineList-decrease-products,
  .productItemBox .cartline-quantity .lineList-increase-products {
      font-size: 10px;
      margin: 0; }}
@media screen and (max-width: 500px) {
    .customer-cart-list table#cart .cart-quantity,
    .cartline-quantity {
        width: 40%;
        min-width: 50px;}
    .productItemBox .cart-quantity .lineList-decrease-products,
    .productItemBox .cart-quantity .lineList-increase-products {
        font-size: 10px;
        margin: 0;}}
@media screen and (max-width: 855px) {
    .productItemBox .cart-quantity .lineList-decrease-products,
    .productItemBox .cart-quantity .lineList-increase-products {
        font-size: 10px;
        padding: 3px 6px;
        margin: 0;
    }
    .cart-quantity-input {
        margin: 0;
        width: 30px;}}

.product-details .table > thead > tr > th {
  text-transform: uppercase;
  font-size: 14px; }

.collapse.in {
  display: block !important; }

.collapse {
  display: none !important; }

.show-variants-xs {
  display: inline-block;
  float: right;
  margin-right: 15px; }

.product-details {
  margin-top: 10px; }

.order-menu {
  text-align: left;
  width: auto;
  background: #fff;
  padding: 10px;
  position: absolute;
  left: 14px;
  top: 78px;
  display: none;
  z-index: 5000;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  border: #CCC solid 1px;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc; }

.pdfProductLinkSection .icon-pdf:before {
  background: url(/Static/images/icons/file-pdf-solid.svg) 90% 50% no-repeat !important;
  filter: invert(13%) sepia(66%) saturate(5224%) hue-rotate(341deg) brightness(102%) contrast(101%);
  text-shadow: none;
  width: 20px;
  height: 26px;
  display: block;
  content: "";
  float: left;
  margin-right: 5px; }

.pdfProductLinkSection .icon-pdf:hover:before {
  background: url(/Static/images/icons/file-download-solid.svg) 90% 50% no-repeat !important;
  filter: invert(13%) sepia(66%) saturate(5224%) hue-rotate(341deg) brightness(102%) contrast(101%);
  text-shadow: none;
  width: 20px;
  height: 26px;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  transition: 0.5s ease in-out;
}
.pdfProductLinkSection .icon-pdf:hover {
  text-decoration: underline;
}

.pdfProductLinkSection a {
  line-height: 35px;
  color: #000; }

.staffledPrice ul {
  margin-bottom: 0px;
  border: solid 0.5px #d4d0ca;
  margin-top: 5px; }

.staffledPrice li {
  background-color: #FFF;
  display: block;
  padding: 5px 0; }
  .staffledPrice li .staffledPrice--quantity {
    text-align: left;
    margin-left: 5px; }
  .staffledPrice li .staffledPrice--price {
    float: right;
    color: red;
    margin-right: 5px; }

.variant-img {
  display: table; }
  .variant-img span {
    vertical-align: middle;
    display: table-cell; }
  .variant-img img {
    display: block;
    height: auto;
    width: 100%; }

tbody .cart-item--title {
  padding-left: 5px; }

.table-staffledPrice {
  color: black !important;
  font-size: 16px !important;
  font-weight: bold;
  background: #f7e844;
  padding: 10px 10px;
  cursor: pointer;
  margin: 8px 0px 3px 0px;
  text-align:center;
}

td .table-staffledPrice {
  font-size: 14px !important;
  padding: 8px 10px;
}

.staffled-body td {
  cursor: pointer; }
  .staffled-body td:last-child {
    cursor: default; }


.productDetails .product-labels-container{
    left: 0px;
    z-index: 1;
}

.product-labels-container{
    position: absolute;
    left: 6px;
    z-index: 1;
}

.product-label{
    display: block;
    width: fit-content;    
    padding: 3px 10px;
    margin-bottom: 4px;
    font-size: 11px;
}

.product-label.variant-list{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 105%;
    white-space: nowrap;
    margin-bottom: 0px;
}

.contract-label{
    background-color: #333333;
    color: #ffffff;
}

.variant-img .contract-label{
    position: absolute;
    top: 0;
}

.selected-label{
    position: absolute;
    bottom: 0;    
    left: 50%;
    transform: translate(-50%);      
    background-color: #ff771c;
    color: #ffffff;
}

.image-box--details .selected-label {
    bottom: 50px;
}

.ribbon {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 11px;
  z-index: 0;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  zoom: 1;
  -webkit-filter: none;
  filter: none;
  background-color: #f36e24;
  border-radius: 50%;
    position: absolute;
}

.thumbnail-inner .ribbon-selected {
	height: 17px;
	right: 20px;
	left: 20px;
	bottom: 160px;
	line-height: 18px;
	font-size: 12px;
	top: 130px;
	text-align: center;
}

.image-box--details .ribbon-selected {
    height: 23px;
    right: 200px;
    left: 200px;
    bottom: 200px;
    line-height: 23px;
    font-size: 15px;
    text-align: center;
}

.ribbon-selected {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    background-color: #ff771c;
    color: white;
    opacity: 1;
    border-radius: 6px;
}

.ribbon.contract, .ribbon.greenIcon {
    background: url(/Static/images/ribbon-contract_50.png) no-repeat;
}
.ribbon.contract, .ribbon.greenIcon {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 70;
    text-align: left;
    line-height: 50px;
    zoom: 1;
    filter: none;
    border-radius: 0%;
}

.ribbon-contract {
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    z-index: 70;
    text-align: left;
    line-height: 38px;
    zoom: 1;
    filter: none;
}
.ribbon-contract.item-contract    {background: url(/Static/images/ribbon-contract.png) no-repeat;}

.ribbon-contract-prod {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 70;
    text-align: left;
    line-height: 50px;
    zoom: 1;
    filter: none;
}
.ribbon-contract-prod.item-contract    {background: url(/Static/images/ribbon-contract_50.png) no-repeat;}

.ribbon-selected{
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    background-color: #ff771c;
    color:white;
    opacity: 1;
    border-radius: 6px;
}

.centerImg .ribbon-selected   {
    height: 11px;
    right: 0px;
    left: 0px;
    line-height: 12px;
    bottom: -1px;
    font-size: 9px;
}

.box-item-img .ribbon-selected   {
    height: 17px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    line-height: 18px;
    font-size: 12px;
}

.zoom-image .ribbon-selected   {
    height: 17px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 17px;
    font-size: 15px;
}

.list-view-img .ribbon-selected{
    height: 17px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 6px;
}


.thumbnail .ribbon {
  position: absolute;
  top: 10px;
  left: 25px; }

.product-items .miljoribbon {
  position: absolute;
  top: 5px;
  right: 5px;
  /*background: url(/Static/images/blad50.png) no-repeat;*/
  line-height: 15px;
  padding-top: 15px; }

 .productImage .miljoribbon {
    width: 50px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 5px;
  /*background: url(/Static/images/blad50.png) no-repeat;*/
  line-height: 15px;
  padding-top: 15px;
}

 .productDetails .productImage .ribbon {
  width: 85px;
  height: 85px;
  padding-top: 35px;
  font-size: 16px;
}

.ribbon.curr-campaign {
  line-height: 10px;
  padding-top: 20px;
  word-spacing: 20px;
  background-color: #f36e24;
  position: absolute;
}

.ribbon.new-bargain {
  line-height: 10px;
  padding-top: 20px;
  word-spacing: 20px;
  background-color: #97c00e;
  position: absolute;
}

.ribbon.new-campaign {
  line-height: 10px;
  padding-top: 20px;
  word-spacing: 20px;
  background-color: #fbbb01; 
  position: absolute;
}

.ribbon.item-new {
  line-height: 10px;
  padding-top: 20px;
  word-spacing: 20px;
  background-color: #008ac9;
  position: absolute;
}

.ribbon.web-campaign {
  line-height: 10px;
  padding-top: 15px;
  word-spacing: 20px;
  background-color: #f36e24;
  position: absolute;
}

.productDetails .productImage .ribbon.web-campaign {
  line-height: 15px;
  padding-top: 28px;
}

.ribbon.webtext-campaign {
  display: none;
}

.webtext-campaign-label {
    font-size: 18px;
    color: #7d7d7d;
}

.ribbon.selected {
  line-height: 10px;
  padding-top: 15px;
  word-spacing: 20px;
  background-color: #00aaee;
  position: absolute;
}

.ribbon.green {
  line-height: 10px;
  padding-top: 15px;
  word-spacing: 20px;
  background-color: #00aa11;
  position: absolute;
}

.ribbon.lagpris {
  line-height: 10px;
  padding-top: 15px;
  word-spacing: 20px;
  background-color: #DC002e;
  position: absolute;
}

.u-vmenu ul ul {
  display: none; }

.u-vmenu ul li a {
  color: #7d7d7d;
  line-height: 35px;
  display: block; }

.u-vmenu i {
  float: right;
  line-height: 40px;
  font-size: 25px; }

.u-vmenu ul li a:hover {
  color: #cc0001; }

.u-vmenu > ul > li > a {
  padding-left: 5px; }

.u-vmenu > ul > li > ul > li > a {
  padding-left: 20px; }

.u-vmenu > ul > li > ul > li > ul > li > a {
  padding-left: 20px; }

.u-vmenu > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 30px; }

.u-vmenu > ul > li > ul li > ul > li > ul > li > ul > li > a {
  padding-left: 40px; }

.u-vmenu ul li a[data-option='on'] {
  color: #cc0001; }

.category-items a {
  color: #000;
  font-weight: 700; }

li.category-item-img {
  margin-bottom: 20px; }

.category-items {
  margin-left: -15px;
  margin-right: -15px; }
  .category-items:before, .category-items:after {
    content: " ";
    display: table; }
  .category-items:after {
    clear: both; }
  .category-items .category {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 768px) {
      .category-items .category {
        float: left;
        width: 33.33333%; } }
    @media (min-width: 992px) {
      .category-items .category {
        float: left;
        width: 25%; } }
    @media (min-width: 1200px) {
      .category-items .category {
        float: left;
        width: 16.66667%; } }

#banner {
  padding: 15px;
  background-color: #06b;
  color: white;
  font-size: large;
  border-bottom: 1px solid #ccc;
  background: url(bg.gif) repeat-x;
  text-align: center; }

#banner a {
  color: white; }

.map-title {
    display: inline-block;
    font-size: 30px;
    margin-top: 7px;
}

div.googleMapLarge {
  width: 635px;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-top-style: solid;
  border-right-style-value: solid;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-top-color: #cccccc;
  border-right-color-value: #cccccc;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-bottom-color: #cccccc;
  border-left-color-value: #cccccc;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical; }

div.googleMapLarge img {
  max-width: 256px; }

div.storeslistMain {
  float: left; margin-top: 0px }

#storeList {
  /* float: right; */
  /* width: 220px; */
  padding: 20px;
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #E1E1E1; }

div.storeslistRight ul.stores {
  margin: 0pt;
  padding: 0pt;
  list-style-type: none;
  cursor: pointer; }

div#butikListStores ul.stores li {
  width: 100%;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0; }

div#butikListStores ul.stores li a {
  background: url(/Static/images/li-arrow.png) left no-repeat;
  padding: 8px 0 8px 20px; }

div#butikListStores ul.stores li a:hover {
  cursor: pointer; }

div.storeslistRight ul.stores {
  background-color: #f0f1f1;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  padding-top: 10px;
  padding-right: 0pt;
  padding-bottom: 10px;
  padding-left: 0pt; }

/***div.right                               { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; width: 180px; }      **/
.butikInfo {
    position: relative;
    float:left; 
    margin-top:0px; 
    width:677px; 
    overflow:hidden; }

#googleDirections {
    margin-top: 20px;
    float:left; 
    width:685px; 
    overflow:hidden; 
    line-height:1.7em; }

.butikGenerellInfo {
  position: relative; }

.storeslistRight ul.stores li.hover,
.storeslistRight ul.stores li.selected li.hoverLight {
  font-weight: bold; }

.get-store label {
  font-size: 30px;
  margin-top: 7px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

.map-hero {
  width: initial !important; }

.btn-green {
  color: #ffffff !important;
  font-size: 14px;
  background: #64b006;
  text-decoration: none;
  border-radius: 0px; }
  .btn-green:hover {
    background-color: #5e9441;
    text-decoration: none; }

.btn-spec {
  border-radius: 1px;
  background-color: rgba(237, 237, 237, 0.3);
  border: solid 0.5px rgba(169, 161, 149, 0.5);
  color: #9c9494;
  margin-top: 20px;
  padding: 10px 12px; }

.thumbnail .btn-buy {
  width: 100%; }

.btn-buy {
  border-radius: 4px;
  font-family: 'Roboto', Arial;
  color: #ffffff !important;
  background: #64b006;
  text-decoration: none;
  border-radius: 0px; }
  .btn-buy:hover {
    background: #5e9441;
    text-decoration: none; }

.btn-red {
  border-radius: 4px;
  font-family: 'Roboto', Arial;
  color: #ffffff !important;
  background: #cc0001;
  text-decoration: none; }
  .btn-red:hover {
    background: #940000;
    text-decoration: none; }

.btn-red-light {
  border-radius: 4px;
  font-family: 'Roboto', Arial;
  color: #ffffff !important;
  background: #f40001;
  text-decoration: none; }
  .btn-red-light:hover {
    background: #ff5e5e;
    text-decoration: none; }
  .btn-red-light:focus {
    background: #f40001;
    text-decoration: none; }

.btn-search {
  background: #333333 !important;
  padding-left: 24px;
  padding-right: 24px; }

.btn-search2 {
  background-color: #FFFFFF;
    color: #999;
  padding-left: 20px;
  padding-right: 20px;
    border-color: #ccc;
}

.btn-search:hover {
    background: #333333 !important;
	opacity: 0.8 !important;
}

@media screen and (max-width: 768px) {
    .butikInfo {width: auto;}
    .googleMapLarge { width: 100vw !important; } 
    #googleDirections {width: auto;}
}

@media (min-width: 768px) {
  .user-edit {
    border-right: thin solid #f2f2f2;
    padding-right: 15px; } }

.user-edit form {
  margin-top: 10px;
  margin-bottom: 10px; }

.users-detail-list {
  background: #f3f3f3;
  padding: 15px;
  margin-bottom: 10px; }

.user-address form {
  margin-top: 10px;
  margin-bottom: 10px; }

.orderhistory {
  background: #f2f2f2;
  padding: 15px;
  margin-bottom: 10px; }


.orderhistory .form-check label {
    display: inline-block;
    position: relative;
    padding: .4rem;
    border-radius: .375rem;


}

.orderhistory .form-check label > input[type="checkbox"] {
    display: block;
    position: absolute; 
    width: 100%;
    height: 100%;
    margin: -.5rem; 
    cursor: pointer;
    opacity: 0; 
    z-index: 666; 
}

.orderhistory .form-check label > input[type="checkbox"] + span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    margin-right: .5rem;
}


.orderhistory .form-check label > input[type="checkbox"]:checked + span::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 12px;
    top: 30%;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    opacity: 1;
    transition: all ease-out 200ms;
}

.orderhistory .form-check{
    margin-bottom:15px;
    margin-top:15px;
}


@media (min-width: 414px) {
    .orderhistory .btn-search {       
        width: 100px;
    }

    #searchOrders {
        margin-top: 10px;        
    }
}

#searchOrders {
    float: right;
}

.orderhistory form{
    padding-bottom: 15px;
}

#ordersTable a, #orderInfoTable a {
    color: #337ab7 !important;
}

/*OrderHistory*/
#ordersTable table,
#orderInfoTable table,
#productsInfoTable table {
    width: 100%; 
    border-collapse: collapse; 
}



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    #orderhistoryline button, #orderhistoryline a {
        margin: 5px;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #ordersTable thead tr,
    #orderInfoTable thead tr,
    #productsInfoTable thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Force table to not be like tables anymore */
    #ordersTable table, #ordersTable thead, #ordersTable tbody,
    #ordersTable th, #ordersTable td, #ordersTable tr,
    #orderInfoTable table, #orderInfoTable thead, #orderInfoTable tbody,
    #orderInfoTable th, #orderInfoTable td, #orderInfoTable tr,
    #productsInfoTable table, #productsInfoTable thead, #productsInfoTable tbody,
    #productsInfoTable th, #productsInfoTable td, #productsInfoTable tr{ 
        display: block; 
    }
	
    #ordersTable tr,
    #orderInfoTable tr,
    #productsInfoTable tr {
         border: 1px solid #ccc;
    }
	
    #ordersTable td,
    #orderInfoTable td,
    #productsInfoTable td  { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
	
    #ordersTable td:before,
    #orderInfoTable td:before,
    #productsInfoTable td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
	
    /*
	Label the data
	*/
    #ordersTable td:nth-of-type(1):not(:empty):before { content: "Ordernr"; }
    #ordersTable td:nth-of-type(2):not(:empty):before { content: "Orderdatum"; }
    #ordersTable td:nth-of-type(3):not(:empty):before { content: "Fakturareferens"; }
    #ordersTable td:nth-of-type(4):not(:empty):before { content: "Er referens"; }
    #ordersTable td:nth-of-type(5):not(:empty):before { content: "Ert ordernr"; }
    #ordersTable td:nth-of-type(6):not(:empty):before { content: "Status"; }
    #ordersTable td:nth-of-type(7):not(:empty):before { content: "Kolli-ID"; }

    #orderInfoTable td:nth-of-type(1):not(:empty):before { content: ""; }
    #orderInfoTable td:nth-of-type(2):not(:empty):before { content: "Leveransadress"; }
    #orderInfoTable td:nth-of-type(3):not(:empty):before { content: "Faktureringsadress"; }   
    #orderInfoTable td:nth-of-type(4):not(:empty):before { content: "S\00f6k Kolli-ID"; }

    #productsInfoTable td:nth-of-type(1):not(:empty):before { content: "Artikel"; }
    #productsInfoTable td:nth-of-type(2):not(:empty):before { content: "Beskrivning"; }
    #productsInfoTable td:nth-of-type(3):not(:empty):before { content: "Status"; }
    #productsInfoTable td:nth-of-type(4):not(:empty):before { content: "Exp.datum"; }
    #productsInfoTable td:nth-of-type(5):not(:empty):before { content: "Enhet"; }
    #productsInfoTable td:nth-of-type(6):not(:empty):before { content: "Antal"; }
    #productsInfoTable td:nth-of-type(7):not(:empty):before { content: "Pris/enhet"; }    
    #productsInfoTable td:nth-of-type(8):not(:empty):before { content: "Belopp"; }
}

.no-padding {
  padding: 0; }

header {
  overflow: visible; }

.top-container {
  padding-top: 0; }

@media (min-width: 979px) {
    /*ODECOMAM-552 - removeeeed hover effect on menu*/
    /*ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; }*/ 

  .hovered {
    display: block; } 
}

.navbar-collapse ul.nav-list > li ul.dropdown-menu li a {
    color: #000; 
}

.navbar-nav .dropdown-menu > li > a {
  line-height: 25px;
  color: #cc0001; }

.od-navbar {
  position: relative;
  color: #000;
  background-color: #fff;
  padding: 2px 10px; }
  .od-navbar .button {
    position: relative;
    display: inline-block;
    font-size: 0.9em;
    line-height: normal;
    text-align: center;
    margin-right: 10px; }
    .od-navbar .button .glyphicon {
      font-size: 1.4em; }
    .od-navbar .button a {
      display: block;
      color: #000;
      background-color: #fff;
      width: 100%;
      /*height: 100%;*/
      padding-top: 7px; }
    .od-navbar .button .badge {
      border-radius: 50%;
      position: absolute;
      border-radius: 25%;
      width: 1.8em;
      height: 1.8em; }
    .od-navbar .button.user .badge {
      top: 8px;
      left: 55%;
      background-color: green;
      width: 1.6em;
      height: 1.6em; }
      .od-navbar .button.user .badge > i {
        position: absolute;
        left: 2px;
        top: 4px; }
  .od-navbar #cart-button {
    position: relative;
    display: inline-block;
    font-size: 0.9em;
    line-height: normal;
    text-align: center;
    margin-right: 10px; }
    .od-navbar #cart-button .glyphicon {
      font-size: 1.4em; }
    .od-navbar #cart-button a {
      display: block;
      color: #000;
      background-color: #fff;
      width: 100%;
      /*height: 100%;*/
      padding-top: 7px;
      margin-bottom: 0px; }
    .od-navbar #cart-button .badge {
      position: absolute;
      border-radius: 25%;
      left: 0;
      background-color: #e4002c;
      width: 20px;
      height: 20px;
      font-size: 14px;
      top: 0;
      padding: 2px 0; }
      .od-navbar #cart-button .badge span {
        color: #FFF;
        font-weight: 700; }
    .od-navbar #cart-button.user .badge {
      top: 8px;
      left: 55%;
      background-color: green;
      width: 1.6em;
      height: 1.6em; }
      .od-navbar #cart-button.user .badge > i {
        position: absolute;
        left: 2px;
        top: 4px; }
    .od-navbar #cart-button img {
      height: 39px;
      width: 46px;
      margin-bottom: 12px; }
  .od-navbar .logo {
    display: block;
    margin-bottom: 35px;
    padding-top: 3px; }
    .od-navbar .logo a {
      display: inline-block; }
    .od-navbar .logo img.hidden-xs {
      margin-top: 4px;
      margin-right: 13px; }
  .od-navbar .hamburger {
    margin-right: 3px;
    width: 30px;
    position: absolute;
    top: 2.6em; }
    .od-navbar .hamburger a {
      padding-top: 4px; }
  .od-navbar .button-group {
    top: 3.2em;
    right: 1.9em;
    margin-left: 16px;
    position: absolute;
    top: 3.7em;
    right: 0.9em; }
  .od-navbar .search {
    width: 60%;
    float: none;
    width: auto;
    padding-bottom: 2px; }
  .od-navbar .information {
    float: left;
    float: right;
    display: none;
    font-size: xx-small;
    margin-right: 20px;
    margin-left: 40px; }
    .od-navbar .information > div {
      display: table-cell;
      vertical-align: middle; }
      .od-navbar .information > div.img {
        width: 30px; }
      .od-navbar .information > div.txt {
        white-space: pre; }
    .od-navbar .information a {
      color: #fff; }
  .od-navbar .form-control-feedback {
    color: #000; }
  .od-navbar .cart .badge {
    top: 0;
    top: 2px;
    padding: 4px 0; }

.hamburger .line {
  width: 30px;
  height: 2px;
  background-color: #858584;
  display: block;
  margin: 7px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.hamburger:hover {
  cursor: pointer; }

#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0; }

#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(5px) rotate(45deg);
  -ms-transform: translateY(5px) rotate(45deg);
  -o-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg); }

#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg); }

@media (min-width: 620px) {
  .od-navbar .information {
    display: block;
    margin-top: 2px;
    display: none;
    margin-top: 2px; } }

@media (max-width: 767px) {
  .od-navbar .logo {
    margin-top: 2px;
    margin-top: 2px;
    text-align: center; } 
  .btn-green {
      font-size: 13px;
  }
}

@media (min-width: 768px) {
  .od-navbar .button {
    line-height: 20px; }
    .od-navbar .button a {
      padding-top: 15px; }
  .od-navbar #cartBtn {
    line-height: 20px; }
    .od-navbar #cartBtn a {
      padding-top: 15px; }
  .od-navbar .logo {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 22px;
    padding-top: 0; }
  .od-navbar .hamburger {
    display: none; }
  .od-navbar .button-group {
    position: relative;
    top: auto;
    float: right;
    right: auto;
    margin-top: 7px; }
  .od-navbar .search {
    margin-top: 30px; }
  .od-navbar .information {
    display: none; } }

@media (min-width: 920px) {
  .od-navbar .information {
    display: block;
    margin-top: 19px;
    margin-right: 20px; } }

@media (min-width: 992px) {
  .od-navbar .information {
    margin-right: 100px; } }

.od-cart-right {
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  color: #858584; }

.information h5 {
  margin: 0;
  font-size: 12px;
  font-weight: 700; }

.information i {
  color: #333333;
  margin: 2px 8px 2px 2px; }

.button-group .fa-shopping-cart {
  color: #949494; }

.search input {
  border-radius: 0px;
  border: #919191 solid 1px; }

.navigation-fullwidth {
  background-color: #e4002c; }

@media screen and (max-width: 766px) {
  .navigation-fullwidth {
    background-color: transparent; } }

.navbar-collapse {
  border-top: 0px; }

.navigation {
  margin-right: auto;
  margin-left: auto; }

/*.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #f00; }*/

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  /*background-color: #e4002c;*/
  background-color: #fff;
  /*border-color: #337ab7;*/ }

.nav-list {
  float: none;
  margin: 0 -15px; }

.mobile-login {
  background-color: #EDEDED;
  margin: 0 -15px;
  padding: 20px;
  text-align: center; }
  .mobile-login a {
    color: #000;
    font-size: 16px; }

.nav-list li:first-child {
  border-left: thin solid #fff; }

.nav-links.active {
  background: #e4002c; }

.nav-links {
  border-right: thin solid #fff;
  width: 25%;
  float: left; }

.nav-links a {
  width: 100%;
  color: #000;
  height: 100%;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .nav-links a {
    text-align: center;
	}
}

/*.nav-links:hover {
  background: #f00; }*/

.navigation .nav-list {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .navigation .nav-list {
        flex-direction: row;
    }
}

.navbar-nav .open .dropdown-menu {
  background-color: #FFF; }

/*.dropdown-menu li{
	text-align: center;
}*/
.navbar-nav .open .dropdown-menu > li > a {
  /*ODECOMAM-552*/
  /*line-height: 30px;*/
  color: #cc0001; }

.dropdown-menu {
  border-radius: 0px; }

@media (max-width: 414px) {
  .nav-links {
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 4px solid #FFF; }
    .nav-links:first-child {
      border-left: none !important; }
  #od-navbar {
    margin-right: 0px;
    margin-left: 0px; } }

.top-bar a {
  color: #000;
  font-size: 13px;
  padding: 0 2px; }
  .top-bar a:after {
    content: " | "; }
  .top-bar a:last-child:after {
    content: ""; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  height: 100%;
  min-width: 600px; }

/*@media (pointer: fine) {
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
}*/

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 10px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #cc0001; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

@media screen and (max-width: 414px) {
  .dropdown-submenu > a:after {
    display: none;
    content: " "; } }

.footerLinks {
  min-height: 270px !important; }

.cycube-container {
  font-size: 12px; }

.footer a {
  color: #cc0001;
  line-height: 25px;
  font-size: 12px; }
  .footer a:hover {
    text-decoration: underline !important; }

.footer h2 {
  padding: 0;
  margin-bottom: 10px;
  font-size: 14px; }

.footer li {
  list-style: none; }

.gray {
  background: #f2f2f2; }

.copyright {
  background: url(/Static/images/media/copyright-bg.png) left bottom repeat-x;
  height: 35px;
  line-height: 35px;
  color: #FFFFFF;
  text-align: center; }

.hero-image img {
  width: 100%; }

.breadcrums {
  margin-top: 6px;
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 10px; }
  .breadcrums .breadcrums-nava {
    float: left; }
  .breadcrums .prev-page {
    float: right;
    width: 70px; }
    .breadcrums .prev-page span {
      float: right; }

.arrow-round {
  float: left;
  display: block;
  margin: 3px 5px 0;
  text-align: center;
  width: 14px;
  height: 14px;
  line-height: 12px;
  font-size: 16px;
  border-radius: 20px; }

a.breadcrumstext {
  float: left;
  color: #858584; }
  a.breadcrumstext:hover {
    color: #cc0001; }

.minicart {
  position: absolute;
  top: 70px;
  right: 0px;
  margin-left: -275px;
  width: 550px;
  z-index: 3;
  -webkit-box-shadow: 0 1px 10px #7d7d7d;
  box-shadow: 0 1px 10px #7d7d7d;
  background: #ffffff;
  display: none; }
  .minicart .minicart-items-img img {
    width: 100%; }
  .minicart .minicart-items {
    padding: 5px;
    border-bottom: thin solid #f2f2f2; }
  .minicart .minicart-items-total, .minicart .minicart-items-details {
    line-height: 1.9em; }
  .minicart .minicart-items-total {
    padding: 5px;
    border-bottom: thin solid #f2f2f2;
    font-weight: bold; }
  .minicart .minicart-items-name {
    margin-top: 20px; }
  .minicart .minicart-btn-group {
    padding: 5px 5px 0px 5px;
    border-bottom: thin solid #f2f2f2; }
    .minicart .minicart-btn-group .btn {
      display: inline-block;
      color: #ffffff; }
  .minicart .minicart-items-amount {
    margin-top: 20px; }
  .minicart .minicart-items-details {
    margin-top: 15px; }
    .minicart .minicart-items-details .price {
      color: #cc0001; }    
    .minicart .minicart-items-details .total-price {
      color: #c5c5c5;
      font-weight: bold; }

.login-modal {
  display: block; }

.registration-modal {
  display: none; }

.registration-content--js {
  display: none; }

.registration-content--js.active {
  display: block; }

.registration-modal label.requierd::after {
  content: "*"; }

.popup--register .terms-and-conditions {
    font-weight: normal;
}

.popup--register .terms-and-conditions a {
    color: #008BCB;
}

.popup--register .terms-and-conditions a::after {
    content: none;
}

.select-address {
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  background: #f3f3f3; }
  .select-address li {
    padding: 10px; }
    .select-address li:hover {
      background: #c5c5c5; }
    .select-address li.selected {
      background: #c5c5c5; }

.form-newaddress {
  padding: 10px; }
  .form-newaddress .each-box {
    padding: 10px; }

.cart-title {
  margin-bottom: 10px; }
  .cart-title span {
    font-size: 12px;
    color: #cc0001; }

.customer-cart.js-variant-list { background-color: #f9f9f9; border: 1px solid #dcdcdc; }
.customer-cart { padding-bottom: 27px; }

.customer-cart-list .line-list {
  background-color: transparent; }
  .customer-cart-list .cart-item--title h2 {
    font-size: 16px; }
    .customer-cart-list .cart-item--title h2 a {
      color: #000;
      font-weight: bold; }
  .customer-cart-list .table > tbody > tr > td {
    vertical-align: middle; }
  .customer-cart-list .table > tfoot > tr > td {
    vertical-align: middle; }
  .customer-cart-list .table > thead > tr > th {
    border-bottom: none; }
  .customer-cart-list .line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js {
    display: block;
  }
  @media screen and (max-width: 600px) {
    .customer-cart-list .actions .btn {
      width: 36%;
      margin: 1.5em 0; }
    .customer-cart-list .actions .btn-info {
      float: left; }
    .customer-cart-list .actions .btn-danger {
      float: right; }
    .customer-cart-list table#cart {
      margin-bottom: 0px; }
      .customer-cart-list table#cart tbody td {
        display: block;
        padding: .6rem;
        padding-left: 15px; }
        .customer-cart-list table#cart tbody td .form-control {
          margin: 0 auto; }
        .customer-cart-list table#cart tbody td:before {
          content: attr(data-th);
          font-weight: bold;
          display: inline-block;
          width: auto; }
      .customer-cart-list table#cart tbody tr td:first-child {
        background: #f9f9f9;
        color: #000; }
      .customer-cart-list table#cart thead {
        display: none; }
      .customer-cart-list table#cart .mobileFix--td {
        display: inline-block; }
      .customer-cart-list table#cart .mobileFix--td.align-center--td {
        text-align: center; }
      .customer-cart-list table#cart .cart-item--title {
        margin-top: -20px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .customer-cart-list table#cart thead tr .tablet--mark {
      width: 18% !important; }
    .customer-cart-list table#cart thead tr .tablet--price {
      width: 14% !important; } }
  .customer-cart-list table#cart {
    margin-bottom: 0px; }
    .customer-cart-list table#cart tbody tr {
      background-color: #FFF;
      border-bottom: 1px solid #DDD; }
      .customer-cart-list table#cart tbody tr td h2, simplePrice {
        font-size: 16px;
        font-weight: bold;
        color: #cc0001;
        margin-top: 10px; }
      .customer-cart-list table#cart tbody tr td p {
        font-size: 13px;
        color: #000000;
        display: inline-block; }
      .customer-cart-list table#cart tbody tr td p.rec-price {
        text-decoration: line-through; }
      .customer-cart-list table#cart tbody tr td .fa-trash {
        color: #cc0001; }
      .customer-cart-list table#cart tbody tr td .fa-square {
        margin-right: 5px; }
    .customer-cart-list table#cart tbody img {
      border-radius: 1px;
      border: solid 0.5px #858584; }

.p-n-s {
  display: block;
  margin-top: 20px; }
  .p-n-s .print-inline {
    display: inline-block;
    margin-right: 5px;
    color: #cc0001;
      cursor: pointer;
  }
    .p-n-s .print-inline i {
      margin-right: 5px; }

.company-code h5 a {
  color: #858584; }

.checkout-form .btn-group {
  width: 100%;
  padding: 15px; }
  .checkout-form .btn-group .btn {
    float: none;
    margin-top: 3px; }
    @media (min-width: 768px) {
      .checkout-form .btn-group .btn {
        padding: 8px 20px; } }

.print-form .btn-group {
  padding-left: 10px;
  width: auto; }

.items-item {
  border-bottom: thin solid #f2f2f2; }
  .items-item .cart-image-box img {
    margin: 0 auto;
    display: block;
    max-width: 100%; }
  .items-item:last-child {
    border-bottom: none; }

.checkout-total {
  background: #EFF9FC;
  padding: 33px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.checkout {
  margin-top: 20px; }
  .checkout h4 {
    font-weight: 600;
    margin-bottom: 15px; }
  .checkout .checkout-inner {
    padding: 7px 15px 0px 15px; }
  @media (min-width: 1200px) {
    .checkout .col-lg-3 {
      width: 28%; } }
  @media screen and (max-width: 414px) {
    .checkout .checkout-type {
      padding-bottom: 10px; }
    .checkout .shipping-input {
      margin-left: 0px !important; }
    .checkout .shipping-input +.error-text{
          margin-left: 0px !important;
    }

  }
  .checkout .checkout-type--inner {
    border: 2px solid #dcdcdc;
    background-color: #FFF; }
    .checkout .checkout-type--inner:hover {
      border: 2px solid #cc0001; }
  .checkout .checkout-type--img {
    padding: 25px 0;
    text-align: center; }
    .checkout .checkout-type--img img {
      width: 52px;
      height: 60px; }
  .checkout .checkout-type--bottom {
    text-align: center;
    padding-bottom: 10px; }
  .checkout .checkout-type.change-type-payment--js.active .checkout-type--inner {
    border: 1px solid #e4002c; }
  .checkout .checkout-shipping--text {
    display: inline-block; }
  .checkout .checkout-conditions--text, .checkout .checkout-checkbox--text {
    display: inline-block;
    position: absolute; }
  .checkout .shipping-input {
    margin-left: 30px;
    margin-top: 5px; }
  .checkout .shipping-input +.error-text {
    margin-left: 30px;
    margin-top: 5px; }
  .checkout .shipping-input.upperCaseClass +.error-text {
    margin-left: unset;
    margin-top: 5px; }
  .checkout .shipping-input {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    border-top-width: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 0);
    font-weight: 700; }
  .checkout .shipping-input:hover {
    border: 2px solid #b7b7b7;
    color: inherit; }
  .checkout .shipping-input:focus {
    color: black;
    outline: none;
    font-weight: 700;
    border: 2px solid #b7b7b7;
    color: inherit;
    background-color: #FFF; }
  .checkout .checkout-invoice {
    padding-top: 10px;
    padding-bottom: 10px; }
  .checkout .Invoice-email-btn-group {
    margin-top: 10px; }
  .checkout .shipping-input::-webkit-input-placeholder {
    color: #9e9e9e; }
  .checkout .shipping-input:-moz-placeholder {
    color: #9e9e9e;
    opacity: 1; }
  .checkout .shipping-input:-ms-input-placeholder {
    color: #9e9e9e; }
  .checkout .shipping-input::-moz-placeholder {
    color: #9e9e9e;
    opacity: 1; }
  .checkout .shipping-input::-ms-input-placeholder {
    color: #9e9e9e; }
  .checkout .checkout-inforamtion ul {
    margin-top: 7px; }
    .checkout .checkout-inforamtion ul li {
      line-height: 24px; }
  .checkout .btn-buy {
    width: 100%;
    font-weight: 600; }
  .checkout .one, .checkout .two {
    display: inline; }

.custom-checkbox input[type="checkbox"] {
  position: absolute;
  left: -999em; }
  .custom-checkbox input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 5px; }
  .custom-checkbox input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 21px;
    width: 21px;
    background-color: transparent;
    border: 1px solid #a6a6a6;
    border-radius: 4px;
    margin-right: 0.5em; }
  .custom-checkbox input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    width: 2.1ex;
    height: 1.2ex;
    background: transparent;
    top: 4px;
    left: 3px;
    border: 3px solid  black;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .custom-checkbox.rounded-checkbox input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: -25%;
    height: 21px;
    width: 21px;
    background-color: transparent;
    border: 1px solid #a6a6a6;
    border-radius: 50%;
    margin-right: 0.5em; }
  .custom-checkbox.rounded-checkbox input[type="checkbox"]:checked + label::before {
      background-color: black;
    }
  .custom-checkbox.rounded-checkbox input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    border: none;
    top: 7px;
	left: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
  }

.custom-checkbox input[type="radio"] {
  position: absolute;
  left: -999em; }

.custom-checkboxinput[type="checkbox"] {
  line-height: 2.1ex; }

@media screen and (max-width: 767px) {
  .table-responsive {
    border: none !important; } }

.checkout-table {
  margin-top: 20px;
  margin-bottom: 0px;
  width: 100%; }
  .checkout-table tbody tr {
    height: 20px; }
    .checkout-table tbody tr:last-child {
      border-bottom: none; }
    .checkout-table tbody tr td:last-child {
      float: right; }
    .checkout-table tbody tr td {
      border-top: none;
      padding: 0px; }
  .checkout-table tbody td.name {
    width: 200px;
    line-height: 25px; }
  .checkout-table tfoot tr {
    border-top: 1px solid #000; }
    .checkout-table tfoot tr td {
      padding: 0px; }
  .checkout-table tfoot td.name {
    width: 200px;
    border-top: 1px solid #000;
    padding-top: 10px; }
  .checkout-table #total {
    text-align: right;
    height: 50px;
    border-top: 1px solid #000;
    color: #000;
    padding-top: 10px; }

.items-item .show {
  margin: 10px 0; }

.items-item .edit {
  margin: 10px 0; }

.search-suggestion a {
  text-decoration: underline; }

.specification-block {
  background: #FFF;
  margin-bottom: 10px; }
  .specification-block ul:nth-child(even) {
    background-color: #f9f9f9; }
  .specification-block ul {
    padding: 10px; }
    .specification-block ul li:first-child {
      color: #000;
      font-weight: 700;
      width: 50%; }

@media screen and (max-width: 414px) {
  li:first-child {
    width: 100% !important; } }

.scroll-top {
  display: none;
  font-size: 23px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  color: white;
  background: #cc0001;
  width: 45px;
  height: 45px;
  padding-top: 7px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  .scroll-top {
    font-size: 18px;
    width: 38px;
    height: 38px; } }

.fade-carousel .slides .slide img {
  max-height: 333px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%; }

.fade-carousel {
  position: relative;
  max-height: 333px; }
  .fade-carousel .carousel-inner .item {
    max-height: 333px; }
    .fade-carousel .carousel-inner .item .hero {
      opacity: 0;
      -webkit-transition: 2s all ease-in-out .1s;
      -o-transition: 2s all ease-in-out .1s;
      transition: 2s all ease-in-out .1s; }
    .fade-carousel .carousel-inner .item.active .hero {
      opacity: 1;
      -webkit-transition: 2s all ease-in-out .1s;
      -o-transition: 2s all ease-in-out .1s;
      transition: 2s all ease-in-out .1s; }

.hero {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  .hero h1 {
    font-size: 6em;
    font-weight: bold;
    margin: 0;
    padding: 0; }

.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block; }

.carousel-control .fa-angle-left {
  left: 0; }

.carousel-control .fa-angle-right {
  right: 0; }

.carousel-control .icon-prev {
  left: 0; }

.carousel-control .icon-next {
  right: 0; }

.carousel-control.left span {
  padding: 15px;
  font-size: 2em; }

.carousel-control.right span {
  padding: 15px;
  font-size: 2em; }

.carousel-control.left {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(62%, rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(62%, rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 62%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

@media screen and (min-width: 980px) {
  .hero {
    width: 980px; } }

select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.dropdown-filters .btn.dropdown-toggle:not(.bs-placeholder):not(:active):not(:hover):not(:focus) > .filter-option {
    color: white;
}

.dropdown-filters .js-extra-facet.open .btn.dropdown-toggle:not(.bs-placeholder):not(:active):not(:hover):not(:focus) > .filter-option,
.dropdown-filters .js-facet.open .btn.dropdown-toggle:not(.bs-placeholder):not(:active):not(:hover):not(:focus) > .filter-option {
    color: #333333;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }
  .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999;
	    background-color: #FFF;
    }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2; }
  .has-error .bootstrap-select .dropdown-toggle,
  .error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px; }
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn {
    z-index: auto; }
    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
      border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }
  .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
  .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.btn-group.disabled:focus,
  .bootstrap-select.btn-group > .disabled:focus {
    outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  color: #333333;}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }
    .bootstrap-select.btn-group .dropdown-menu li.active small {
      color: #fff; }
    .bootstrap-select.btn-group .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select.btn-group .dropdown-menu li a {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .bootstrap-select.btn-group .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select.btn-group .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select.btn-group .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }


.component-imageCarousel {
    margin-top: 20px;
}

@media (max-width: 767px) {
  .quantity-to-cart {
      width: 150%; } }


.div-stock-description{
    background: #fff;
    overflow-y: hidden;
    position: absolute;
    width: 260px;
    height: auto;
    min-height: 90px;
    padding: 10px;
    margin: 0px;
    visibility: hidden;
    z-index: 50;
    margin-left: -125px;
    margin-top: 40px;
    padding-bottom: 15px;
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 10px #C9C9C9;
    -webkit-box-shadow: 3px 3px 10px #C9C9C9;
    box-shadow: 3px 3px 4px #C9C9C9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#C9C9C9')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#C9C9C9');
}
.div-stock-description .p-stock-description{color: #000; background-color: #fff; min-height: 30px; width: auto; margin-left: 10px; font-size: 13px; padding-top: 4px;}
.div-stock-description .img-stock-description{float: left; display: block;vertical-align: top; width: 60px;  vertical-align: middle;}
.div-stock-description .p-stock-description-header{font-size: 22px; padding-top: 10px;padding-left: 10px;}
.div-stock-description .img-stock-description img{width: 60px;height: auto;padding-left: 10px;padding-top: 5px;}
.div-stock-description .p-stock-description-header p{margin-bottom: 10px; }
.div-stock-description .p-stock-description p{margin-bottom: 5px; font-weight: 700;display: block !important;}

@media (max-width: 767px) {
    .div-stock-description {
        margin-left: 0;
    }
}

.div-stock-icons{overflow-y: hidden; height:auto; padding:0px;margin: 0px;border: none; display: flex;}
.nocursor {cursor: default;}
.div-stock-icons.productinfo.top{ left: 70px;top: -20px;}

.fraktvarning {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.div-env-description { top: 42px; }

/*******************************************
     ENVIRONMENTALDETAILS
********************************************/
.div-env-description{ background: #fff; overflow-y: hidden;position: absolute;width: 312px;height:auto;border: 1px solid #000;padding:10px;margin: 0px;visibility: hidden;z-index :50;margin-left:-123px;margin-top:40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    -moz-box-shadow: 3px 3px 10px #C9C9C9;
    -webkit-box-shadow: 3px 3px 10px #C9C9C9;
    box-shadow: 3px 3px 4px #C9C9C9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#C9C9C9')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#C9C9C9');
}

.div-env-description .p-env-description{color: #000; background-color: #fff; min-height: 30px; width: auto; padding-left: 85px; padding-right: 10px; font-size: 12px;}
.div-env-description .img-env-description{float: left; display: block; vertical-align: middle; width: 75px;}
.div-env-description .p-env-description-header{font-size: 21px; padding-top: 10px;padding-left: 10px;}
.div-env-description .img-env-description img{width: 60px;height: auto;padding-left: 10px;padding-top: 5px;}

.div-env-icons{background: transparent; overflow-y: hidden; position: relative; max-width: 120px; height:auto;  padding:0px;margin: 0px;border: none;}
.div-env-icons li { float: left; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; display: block; vertical-align:middle; width: inherit; margin: 0px;}
.div-env-icons li img{ width: auto; height: 20px; }
.div-env-icons li img:hover{opacity: 0.6;}
.box-item-environment #div-env-icons { height: 34.38px !important; }
.div-env-icons-disabled{background: transparent; overflow-y: hidden; position: relative; height:auto;  padding:0px;margin: 0px;border: none; cursor: default !important;margin-top: -23px;}
.div-env-icons-disabled li { float: left; padding-bottom: 0px !important; padding-top: 5px; padding-right: 5px; display: block; vertical-align:middle; width: 20px !important; margin: 0px;  cursor: default !important;}
.div-env-icons-disabled li img{ width: auto; height: 20px;  cursor: default !important; padding-bottom: 0px !important; margin-bottom: 0px !important;}
.div-env-icons-disabled li img:hover{ cursor: default !important;}
.div-env-icons-disabled .innerDivImg img:hover { cursor: default !important;}
.div-env-icons-disabled:hover{ cursor: default !important;}

.product-information__environmental-labels-wrapper #div-env-icons { margin-top: 5px; }
.product-information__environmental-labels-wrapper .div-env-icons { background: transparent; overflow-x: hidden; height:auto;  padding:0px; margin: 0px; border: none; max-width: 100%; }
.product-information__environmental-labels-wrapper .div-env-icons ul { margin-top: 5px; }
.product-information__environmental-labels-wrapper .div-env-icons li { padding: 5px 5px 5px 0; display: inline-block; width: inherit; }
.product-information__environmental-labels-wrapper .div-env-icons li img { width: auto; height: 50px; }
.product-information__environmental-labels-wrapper .div-env-icons ul { margin-top: 5px; }

.product-information__environmental-labels-wrapper.mobile-view-show #div-env-icons { margin-top: 0; margin-bottom: 5px; }
.product-information__environmental-labels-wrapper.mobile-view-show .div-env-icons ul { margin-top: 0; }
.product-information__environmental-labels-wrapper.mobile-view-show .div-env-icons li img{ width: auto; height: 32px; }

.related-products-container h3 {
    text-align: center;
    margin-bottom: 25px;
}

.related-products-container .product-list-slider .related-slider-position {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: unset;
    margin-bottom: unset;
}

.related-products-container .product-list-slider .right img {
    margin-left: -16px;
    height: 26px;
}

.related-products-container .product-list-slider .left img {
    margin-left: 5px;
    rotate: 180deg;
    height: 26px;
}

 .related-products-container .related-carousel-control{
        margin-top: 101px;
        opacity: 1;
    }

 @media (min-width: 768px) {
    .related-products-container .product-list-slider .right img {
            margin-left: 6px;
    }
    .related-products-container .product-list-slider .left img {
            margin-left: -20px;
    }

    .related-products-container .related-carousel-control{
        margin-top: 121px;
    }
}

.slider-navigation{
    display: inline-block;
    width: 30px;    
    height: 30px;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iOSwyLjYgOC4zLDMuNCAxMi40LDcuNSAxLjYsNy41IDEuNiw4LjUgMTIuNCw4LjUgOC4zLDEyLjYgOSwxMy40IDE0LjQsOCAiLz4NCjwvc3ZnPg0K);
    margin-left: 30px;
    background-color: white;
    z-index: 5;
    position: absolute;
}

.right.slider-navigation{
    margin-left: 10px;
}

.left.slider-navigation{
    transform: rotate(180deg);
    margin-left: -25px;
}

@media (max-width: 767px) {

    .slider-navigation{
        top: -40px;    
        width: 40px;    
        height: 40px;
        box-shadow: 1px 2px 3px #0003;
    
}

    .right.slider-navigation{
        margin-left: -55px;
        
    }
    .left.slider-navigation{
        margin-left: 30px;
            
    }
}



.headline {
  overflow: hidden;
  text-align: center;
}

.headline::before,
.headline::after {
  background-color: #28323e33;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.headline::before {
  right: 0.5em;
  margin-left: -50%;
}

.headline::after {
  left: 0.5em;
  margin-right: -50%;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*Needed for MVC ModelErrorMessages*/
.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}
.validation-summary-errors {
    margin: 10px 0 10px 0;
}

/* to hide autocomplete text which is used for accessibility */
.ui-helper-hidden-accessible { position: absolute; left:-999em; }

/*! copied from jQuery UI - v1.12.1 for datepicker*/

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* Icon */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/Static/css/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/Static/css/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("/Static/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/Static/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("/Static/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/Static/css/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("/Static/css/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.selected-category {
    color: #cc0001 !important;
}

#sixcolumns {
  -moz-column-count: 6;
  -webkit-column-count: 6;
  column-count: 6;
}

/**checkout**/
.left-for-free-shipping .top-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.left-for-free-shipping h1 {
    display: inline-block;
}

.left-for-free-shipping .left-for-free-shipping-sum {
    display: inline-block;
    text-align: center;
    border: 1px solid #333333;
    width: 300px;
    margin: 0 auto 10px;
    padding: 10px 0 6px;
}

.left-for-free-shipping .left-for-free-shipping-sum > * {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #cc0001;
    line-height: 1.1;
}

@media (max-width: 600px) {
    .left-for-free-shipping .top-row {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .left-for-free-shipping .left-for-free-shipping-sum {
        margin: 0;
        width: 80%;
    }

    .cart-title .tocheckout {
        float: right;
        align-self: flex-end;
        margin: 10px 0px;
    }
}

.only-credit-card-allowed {
    padding-top: 5px;
    text-align: center;
}

.only-credit-card-allowed span {
    font-weight: bold;
    color: #cc0001;
}

.out-of-stock-products-in-cart div {
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #cc0001;
}

.recently-inactive-products-in-cart div {
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #cc0001;
}

.cart-title .tocheckout {
    float: right;
    align-self: flex-end;
    margin-bottom: 10px;
}

.free-shipping-reached span {
    color: #64b006 !important
}


.error-area {
    border-color: #ff6161 !important;
    border-width: 2px;
}

input.error-field {
    border-color: #ff6161 !important;
}

.error-text {
    color: #ff6161 !important;
}

.black-labal {
    font-weight: bold;
}

.u-vmenu ul li a[data-option='on'] {
  color: #7d7d7d; }

.u-vmenu ul li a:hover {
  color: #cc0001 !important; }

.u-vmenu ul {
    display: block;
}

.u-vmenu ul li a {
    color: #333333;
    font-weight: bold;
}

.img-startpageslider{
    object-fit: cover;
}

.fade-carousel .slides .slide img, .fade-carousel, .fade-carousel .carousel-inner .item {
    max-height: 300px;
}

.custom-row {
	margin-left: -15px;
	margin-right:  -15px;
}

.fixed-line-height {
    /*line-height: 1.7;*/
}

.hero-image-margin {
    margin-top: 30px;
    margin-bottom: 20px;
}

.checkout .checkout-type--bottom {
    padding-bottom: 6px !important;
}

.checkout .checkout-type--bottom span {
    margin-bottom: 5px;
    display: block;
}

.checkout .checkout-type--bottom a {
    font-size: 12px;
}

.checkout .shipping-input {
    border-top-width: 1px;
    caret-color: #e68081;
}

.checkout .shipping-input:hover, .checkout .shipping-input:focus {
    border-color: #858584;
    border: 1px solid;
}

.checkout-invoice.choose-pdf-invoice {
    padding-top: 0px;
    padding-bottom: 0px;
}

.checkout-invoice.choose-pdf-invoice p{
    margin-bottom: 0px;
    margin-top:10px;
}

#address-form .row p, #update-address-form .row p, 
#newkundadress .row .form-group p{
    color: red;
    padding: 0 10px;
}

.checkbox-address {
    float: left;
}

.checkout .checkout-shipping--text {
    padding-top: 2px;
}

.checkout .checkout-shipping--text.inbarning-text,
.checkout .option-heading {
    padding-left: 28px;
}

.invoice-address-wrapper, .checkout-address-wrapper{
    margin-bottom: 15px;
}


.checkout-address-dropdown, .checkout-invoice-address-dropdown{
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    display: flex;
    border-collapse: separate;
    margin-left: 15px;
}

.checkout-address-arrow{
    border: #E1E1E1 solid 1px;
    background-color: #fff;
    padding: 6px 8px;
    height: 100%;
}

.checkout-address-dropdown-list, .checkout-invoice-address-dropdown-list{
    border-radius: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow: auto;
    max-height:150px;
    width:100%;
}

.checkout-address-dropdown-list .dropdown-item, .checkout-invoice-address-dropdown-list .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.checkout-address-dropdown-list .dropdown-item:hover, .checkout-invoice-address-dropdown-list .dropdown-item:hover {
    background-color: #f8f9fa;
}

.checkout-address-dropdown-list .dropdown-divider, .checkout-invoice-address-dropdown-list .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.checkout-header {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.checkout-back-btn, .order-details-back-btn {
    float: right;
    color: #212529;
}

.checkout-back-btn:hover, .order-details-back-btn:hover {
    color: #212529;
    text-decoration: underline !important;
}

#checkout-private-address-delivery {
    margin-bottom:30px;
    display:none;
}

.checkout-private-address-delivery-fields {
    margin-top:10px;
    width:fit-content;
    padding-top:10px;
}

.checkout-private-address-delivery-fields .cpa-line {
    margin-top:12px;
}

.checkout-private-address-delivery-fields label {
    width:200px;
}

.checkout-private-address-delivery-fields input {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    border-top-width: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 0);
    font-weight: 700;
    border-top-width: 1px;
}

.checkout .shop-delivery-column{
    display:inline-block;
    vertical-align:top;
}

/*categories*/
.category-page.component-richtext {
    margin-bottom: 25px;
}

.category-page.component-richtext .expandable-parent h2 {
    font-size:18px;
}

.expand-btn, .expand-product-descr-btn {
    cursor: pointer;
    position: absolute;
    right: 0px;
    color: #cc0001;
    bottom: -2px;
}

.expand-product-descr-btn {
    display: none;
    font-size: 14px;
	bottom: -17px;
}

.expand-btn-margin {
    margin-bottom: -10px;
}
.expand-product-descr-btn-margin {
    margin-bottom: -10px;
	bottom: 0px;
}

.expandable-block {
    overflow: hidden;
}

.expandable-switch {
    height: 75px;
}

.expandable-switch-product-desc {
    max-height: 167px;
}

.expandable-parent {
    position: relative;
}

.expand-btn span.cover, .expand-product-descr-btn span.cover {
    padding-right: 0;
    color: #f5f5f5;
    background-color: transparent;
    padding-left: 150px;
    background:-owg-linear-gradient(to right,rgba(255,255,255,0),#fff);
    background:-webkit-linear-gradient(to right,rgba(255,255,255,0),#fff);
    background:-moz-linear-gradient(to right,rgba(255,255,255,0),#fff);
    background:-o-linear-gradient(to right,rgba(255,255,255,0),#fff);
    background:linear-gradient(to right,rgba(255,255,255,0),#fff);
}

.expand-btn span, .expand-product-descr-btn span {
    background-color: #fff;
    padding-right: 15px;
    color: #008bcb;
}

/*TONER*/
#toner-guide .inc-item-list li {
    font-size: 12px;
    line-height: 150%;
	display: block;
	min-height: 110px;
	margin: 10px 0;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
     	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

#toner-guide .inc-item-list li:hover {
	-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
     	-moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
}


#toner-guide .search-result-list .no-result {
    font-size: 12px;
    line-height: 150%;
	display: block;
	min-height: 110px;
	margin: 10px 0;
	padding: 10px;
	background: #ffffff;
}

#toner-guide .inc-item-list li div {
	float: left;
}

#toner-guide .inc-item-list li .item-list-img {
	width: 150px;
	display: block;
	text-align: center;
    position: relative;
}

#toner-guide .inc-item-list li .item-list-img img {
	max-width: 100%;
}

#toner-guide .inc-item-list li .item-list-info {
	width: 60%;
	margin: 0 25px;
}

#toner-guide .inc-item-list li .item-list-info h2  {
    margin-bottom: 5px;
    font-size: 16px;
}
#toner-guide .inc-item-list li .item-list-info h2 a {
    color: #000000;
}
#toner-guide .inc-item-list li .item-list-info h2 a:hover {
    text-decoration: underline;
}
#toner-guide .inc-item-list li .item-list-info p  {
    margin: 10px 0;
}
#toner-guide .inc-item-list li .item-list-buy.single-variant {
    width: 135px;
	float: right;
    -ms-transform: translateY(30%);
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
}
#toner-guide .inc-item-list li .item-list-buy.multiple-variants {
    width: 135px;
	float: right;
    -ms-transform: translateY(60%);
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
}

@media (max-width: 992px){
    #toner-guide .inc-item-list li .item-list-buy.single-variant {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    #toner-guide .inc-item-list li .item-list-buy.multiple-variants {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

#toner-guide .inc-item-list li .item-list-buy .item-list-price {
	font-size: 22px;
    color: #C10000;
	margin: 0px 0 5px 0;
	font-weight: 700;
    line-height: normal;
}

#toner-guide .inc-item-list li .item-list-buy .item-list-price .from-price  {
    font-size: 14px;
    color: #333333;
    margin: 2px 0;
    display: block;
}

#toner-guide .inc-item-list li .item-list-buy .item-list-quantity  {
    margin: 0px 0 5px 0;
}

#toner-guide .chooseBrand-area ul li.active {
    background: #f9f9f9;
    font-weight: 700;
    color: #cc0000;
}

#toner-guide .quantity {
    border: 1px solid #eaeaea;
    height: 25px;
    width: 50px;
    line-height: 25px;
    text-align: center;
    padding: 2px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.clearfix:after, .cf:after, .clearfix:after, .row:after, .container:after {
    clear: both;
}

.clearfix, .cf {
    zoom: 1;
}

.suggestion-products-popup-header {
    padding-top:15px;
    padding-left:15px;
    padding-bottom: 25px;
}

.suggestion-products-popup-header h2 {
    display: inline-block;
}

.suggestion-products-popup-header a {
	font-size: 25px;
    margin-right: 35px;
    line-height: 1.1;
    text-decoration: underline;
    float:right;	
}

.suggestion-products-popup-footer {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.btn-continue-shopping, .btn-go-to-cart {
    font-family: 'Roboto',Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 0px;
    border: 1px solid black;
    width: 17%;
    margin: 0 16px;
}

.btn-continue-shopping {
    color: black !important;
}

.btn-continue-shopping:hover {
    opacity: 0.4;
}

.btn-go-to-cart:hover {
    opacity: 0.7;
}

.btn-go-to-cart {
    color: white !important;
    background: black;
}

.btn-continue-shopping:focus, btn-go-to-cart:focus {
    outline: 0 !important;
}

@media (max-width: 958px) {
    .btn-continue-shopping, .btn-go-to-cart {
        width: auto;
    }
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

#toner-guide #headline {
    font-size: 20px;
}

#toner-guide .no-result p {
    padding: 10px !important;
    margin: 10px auto 10px !important;
    text-align: center;
    border: 1px solid #eaeaea;
    background: none repeat scroll 0 0 #eeeeee;
}

#toner-guide .search-inc-result-items {
    max-height: 400px;
    overflow-y: scroll;
}


#toner-guide .search-inc-result-arrow {
    background: url(/Static/images/search-result-arrow.png) no-repeat 50% 50%;
}


#toner-guide .search-result--img img {
    width: 100%
}

#toner-guide .search-item-btn-text--inside {
    margin-top: 14px;
}

#toner-guide .search-item-btn-text--inside .show-variants {
    margin-top: 8px;
    margin-bottom: 15px;
}

#toner-guide .search-item-btn-cart {
    padding-left: 0px;
}

#toner-guide .row {
    margin-left: 0px;
    margin-right: 0px;
}

#toner-guide .product-id {
    color: #808080;
    display: block;
    font-size: 11px;
    line-height: 15px;
}

#toner-guide #searchIncField {
    height: 41px;
}

/*MINICART SPINNER*/

.cart-items-quantity-loader {
    border: 3px solid #cc0001;
    border-top: 3px solid #ffffff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*CHECKOUT SPINNER*/
#checkout-loader-placeholder{
    width:100%;
    text-align:center;
    margin-top: 100px;
    display:none;
}

/*PDF AND VIDEO POPUPS*/

.videoProductUrlSection {
  display: inline-block;
}

.productDetails .productImage .videoProductUrlSection a {
  line-height: 35px;
  color: #000;
}

@media (max-width: 767px) {
    #videobody{
        height: 350px;
    }

    #pdfbody{
        height: 500px;
    }
}


@media (min-width: 768px) {
    #video-modal .modal-dialog {
        width: 768px;
    }

    #pdf-modal .modal-dialog {
        width: 768px;
    }

    #videobody{
        height: 444px;
    }

    #pdfbody{
        height: 600px;
    }
}

@media (min-width: 992px) {
    #pdf-modal .modal-dialog {
        width: 992px;
    }

    #video-modal .modal-dialog {
        width: 992px;
    }

    #videobody{
        height: 570px;
    }

    #pdfbody{
        height: 700px;
    }
}

/*Payment images on the Checkout page*/

.checkout .checkout-type--img img {
    width: auto !important;
    /*height: auto !important;*/
    margin: auto;
}

.checkout .checkout-type--img {
    vertical-align:middle;
    text-align:center;
    height: 95px !important;
    width: 100%;
    padding: 15px 0px;
}

/*Resize hero-images on the Checkout page*/

.two-columns-3 .hero-image img {
    width: 229px !important;
}

.two-columns-3 {
    text-align:center;
    margin-top: 30px;
}

/* Spinner */
.lds-roller {
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cc0001;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
.addedToCart, .added-to-favorite-list-message {
	color: #444; padding-top: 6px; display: block; width: 100px; height: 30px; text-align: center; background: #ededed; border: 1px solid #E1E1E1; box-shadow: 0 0px 3px rgb(194,194,194);
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*Styles to remove redundant H tags*/

.modal-title {
    font-size: 18px;
    font-weight: 500;
}

#orderstatus-modal .modal-title {
    font-size: 27px;
    font-weight: normal;
}

#orderstatus-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding-top: 25px;
    border-bottom: none;
}

#orderstatus-modal .shop-availability-showAll{
    padding-top: 30px;
}

#orderstatus-modal .shop-availability-showAll a{    
    color: #333;
}

#orderstatus-modal .shop-availability-showAll a:hover {
    text-decoration: underline !important;
}

#orderstatus-modal .orderstatus-modal a {
    color: #333;
}

#orderstatus-modal .modal-footer {   
    border-top: none;
}

#orderstatus-modal .modal-header:before, 
#orderstatus-modal .modal-header:after {
    content: none;
    display: initial; }


#orderstatus-modal .orderstatus-btn {
    background: #64b00e;
    margin: 15px 0;
    padding: 15px 0;
    border: none;
    color: white;
    width: 100%;
    font-size: 20px;
}

#orderstatus-modal .close-popup--js {
    cursor: pointer;
    -webkit-text-stroke: 3px white;
    font-size: 30px;
    float: right;
}


#purchasedtogetherproductsmodal .modal-dialog {
    width: 100% !important;
}

#purchasedtogetherproductsmodal .modal-content {
    padding: 10px;
    padding-bottom: 0px;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 10px;    
    margin: 10vh 10vw;
}

#purchasedtogetherproductsmodal .modal-body {
    padding-bottom: 0px;
}


#purchasedtogetherproductsmodal .modal-title {
    font-size: 27px;
    font-weight: normal;
}

#purchasedtogetherproductsmodal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding-top: 25px;
    border-bottom: none;
}

#purchasedtogetherproductsmodal .modal-footer {   
    border-top: none;
}

#purchasedtogetherproductsmodal .modal-header:before, 
#purchasedtogetherproductsmodal .modal-header:after {
    content: none;
    display: initial; }

#purchasedtogetherproductsmodal .close-popup--js {
    cursor: pointer;
    -webkit-text-stroke: 3px white;
    font-size: 30px;
    float: right;
}


.btn-container.recommendations{
    display: flex;
    justify-content: center;
}

.btn-secondary.recommendations{
    margin-right: 40px !important;
    padding: 10px 30px !important;
    font-size: 16px !important;
    height: 40px;
}

.btn-primary.recommendations{    
    padding: 10px 30px !important;
    font-size: 16px !important;
    height: 40px;
}

@media screen and (min-width: 768px){
  .product-title .title h1 {
      font-size: 28px; 
  }
}

.product-title .title h1{
    font-size: 20px;
	margin-bottom: 20px;
}

#purchasedtogetherproductsmodal .group-box .box-item-price .basePrice {
    position: absolute;
    top: -10px;
    right: 0;
}

@media screen and (min-width: 1450px){
  #purchasedtogetherproductsmodal .modal-content {
    margin: 12vh 17vw;
}
}

@media screen and (max-width: 850px){
    .btn-container.recommendations{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .btn-secondary.recommendations, .btn-primary.recommendations{
        width:100%;
    }

    .btn-secondary.recommendations{
        margin-bottom: 10px;
    }

    #purchasedtogetherproductsmodal .product-list-item-fix{
        display: none;
    }

    #purchasedtogetherproductsmodal .product-list-item-fix:nth-child(1){
        display: block;
    }

     #purchasedtogetherproductsmodal .product-list-item-fix:nth-child(2){
        display: block;
    }

     #purchasedtogetherproductsmodal .modal-title {
        font-size: 22px;
    }
}

.product-heading h1 {
    margin-top: 0;
    font-weight: normal;
}

.product-heading .small-text-gray {
    font-size: 13px;
	color: #BBBBBB;
}

.product-heading .price .price-vat {
    font-size: 13px;
    font-weight: normal;
}

.filter-gray { filter: invert(50%) sepia(0%) saturate(973%) hue-rotate(216deg) brightness(98%) contrast(80%);}
.filter-bright-gray { filter: invert(50%) sepia(0%) saturate(973%) hue-rotate(216deg) brightness(130%) contrast(80%);}
.filter-white { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(35deg) brightness(103%) contrast(101%); }

.h-sub-heading{
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.page-text {
	text-align: justify;
	display: block;
}

@media (max-width: 768px) {
    .h-sub-heading {
        padding: 0px 10px 0px 10px;
    }
	
	.page-text {
		padding: 0px 10px 0px 10px;
	}
}

.footer span {
    padding: 0;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.customer-cart-list .cart-item--title span.title {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    display: block;
}

.customer-cart-list .cart-item--title span.title a {
    color: #000;
    font-weight: bold;
}

.customer-cart-list .cart-item--title span.free-product a {
    cursor: default;
}

.customer-cart-list table#cart tbody tr td span.price, simplePrice {
    font-size: 16px;
    font-weight: bold;
    color: #cc0001;
    line-height: 1.1;
    display: block;
}
.customer-cart-list table#cart tbody tr td span.sumPrice {
    color: black;
}
.fa-trash:before {
    content: "\f1f8";
    color: #BBB !important;
    font-size: 0.77em !important;
}
.customer-cart-list table#cart tbody tr td span.confirm-order-price {
    text-align: left;
    line-height: 1.1;
    display: block;
}

.information span {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.delivery-days-h {
    margin-top: -5px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    display: block;
}

.delivery-text-not-in-stock {
    margin-bottom: 0;
    font-family: inherit;
    font-weight: 500;
    display: block;
    width: 550px;
}

.display-block {
    display: block;
}

.cell-text, .cart-modal-title {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.category-list-item-title {
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
    text-align: center;
}

.brand-letter {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.select-list-toner {
    background: none repeat scroll 0 0 #c00;
    color: #FFF;
    margin: 0 0 10px 0;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    display: block;
}

.toner-drop-search-result-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

/*Products menu fixes*/

.dropdown-menu-fixed {
    height: auto !important;
}

.dropdown-submenu > .dropdown-menu {
    min-width: 275px;
}

/*Product list fixes*/

@media (min-width: 1200px) {
    .product-list-item-fix {
        max-height: none !important;
}}

/*Product images*/

.modal-header-product-image {
    padding: 9px 9px 5px 9px;
}

.modal-body-product-image {
    padding: 0px !important;
}

.modal-dialog-product-image{
    margin-top: 100px;
}

@media (min-width: 768px){
.modal-dialog-product-image{
    width: 700px !important;
}}

#large-img {
    width: 100%;
}

#img {
    cursor: pointer;
}

/*Merge carts popup*/

.merge-cart-product-image {
    width: 75px;
}

.merge-cart-product-image-block {
    text-align:right;
}

.merge-cart-product-name {
    font-weight: bold;
}

.merge-cart-product-articlenumber {
    font-size: 12px;
    color: #727271;
    display: inline-block;
}

.merge-cart-header{
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    font-weight: 700;
    font-size: 13px;
}

.merge-cart-header div:nth-child(2) {
    text-align: left;
    padding-left: 20px;
}

.merge-cart-header div {
    text-align: center;
}

.merge-cart-line {
    margin-top: 10px;
}

.merge-cart-line div {
    text-align: center;
}

.merge-modal-footer {
    text-align: center !important;
}

.merge-modal-footer {
    text-align: center !important;
}

.merge-cart-product-title {
    text-align: left !important;
}

.merge-cart-product-title div{
    text-align: left !important;
}

@media (max-width: 768px){
.merge-modal-footer div .btn {
    width: 100%;
}}

/*Minicart*/

.minicart .minicart-items-img img {
    width: 60px !important;
    height: 60px !important;
}

.minicart .minicart-items-img {
    text-align: center;
}

.minicart .minicart-items-name a {
    color: #000;
    font-weight: bold;
}

.minicart {
    width: 500px !important;
    z-index: 100000;
}

.minicart .minicart-items-name {
    margin-top: 10px !important;
}

.minicart .minicart-items-amount {
    margin-top: 10px !important;
}

.minicart .minicart-items-amount {
    margin-top: 10px !important;
    text-align: right;
}

.minicart .minicart-items-details {
    margin-top: 10px !important;
    text-align: right;
    padding-right: 5px !important;
    line-height: 1.25em;
}

.minicart .minicart-items-details .price {
    font-weight: bold;
    display: block;
}

.minicart .minicart-items-total {
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

.minicart-items .minicart-items-img .fa-trash {
    cursor: pointer;
    color: #cc0001;
}

.minicart-items .minicart-items-img .fa-remove-hidden {
    cursor: default;
    color: #fff;
}

.minicart .minicart-items-name a.free-product {
    cursor: default;
}

/*LINE LIST*/

.customer-cart-list table#cart tbody img {
    border: none;
}

.customer-cart {
    padding-bottom: 0px !important;
}

.total-incl-moms-mini-row {
    font-weight: bold;
    padding: 0px !important;
}

.variant-quantity-input {
    width: 50px !important;
    padding: 0px 0px 0px 0px;
}

/* Product information*/

.no-hover{
    pointer-events: none;
}

.product-buy-box__input-group-btn {
    width: 60%;
}

.product-buy-box__input-group-btn .add-to-cart {
    height: 40px;
    border-radius: 2px;
    width: 100%;
	font-size: 16px;
}

.product-buy-box__input-group .quantity-to-cart {
    height: 40px;
}

.product-buy-box .quantity-to-cart {
    /* max-width: 150px; */
    text-align: center;
}

.product-buy-box input[type=number].quantity-to-cart::-webkit-outer-spin-button,
.product-buy-box input[type=number].quantity-to-cart::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
}

.product-buy-box input[type=number].quantity-to-cart {
    -moz-appearance:textfield; /* Firefox */
}

.specToggle i {
    padding-right: 5px;
}

ul.desc-list {
    list-style-type:disc;
    padding-left:20px;
}

ul.desc-list li {
    margin-bottom: 4px;
}

.productDetails .productImage .videoProductUrlSection {
    width: 90px;
    height: 90px;
    padding: 14px;
    margin-top: 3.5px;
    margin-bottom: -4px;
}

.product-brand.mobile-view-show a {
    color: #7d7d7d;
}

.product-brand.mobile-view-show a:hover {
    color: #7d7d7d;
}

.mobile-specifications span.small-text-lightgray:first-child {
    display: inline-block;
    margin-right: 20px;
}

.productDetails .product-specifications-wrapper {
    border-top: 1px solid #CCCCCC;
}
.productDetails .product-specifications-wrapper.mobile-view-show {
    border: none;
}

.productDetails .product-specifications-wrapper .product-specifications {
    padding: 10px 0;
}

.productDetails .product-specifications-wrapper .product-specifications > span:not(:last-child) {
    display: inline-block;
    margin-right: 15px;
}

.productDetails .product-specifications-wrapper .product-specifications .product-brand a {
    color: #337ab7;
    text-decoration: none;
}

.productDetails .product-specifications-wrapper .product-specifications .product-brand a:hover {
    text-decoration: underline !important;
}

.replacement-product h3 {
    font-size:16px;
}

.replacement-product.border-top {
    border-top: 1px solid #CCCCCC;
}

.product-information-top-row-wrapper {
    display: flex;
}

.product-information-top-row-wrapper .table-staffledPrice {
    width: 180px;
    height: 40px;
    margin-right: 10px;
    margin-top: 3px
}

.product-text-info .specToggle:before {
  background: #fff url(/Static/images/icons/VisaSpec.png) 90% 50% no-repeat !important;
  text-shadow: none;
  width: 15px;
  height: 15px;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.contact-order-product {
    text-align:center;
}

.wish-list-selector-placeholder {
    display: none;
    margin: 3px 3px 15px 15px;
}

@media (max-width: 450px) {
    .add-to-favorite-list {
        display: none;
    }
}

.add-to-favorite-list {
    margin-left: 10px;
    position: relative;
}

.add-to-favorite-list-button {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    border: 1px #E1E1E1 solid;
    border-radius: 2px;
    font-size: 0;
}

.image-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.add-to-favorite-list-button__icon {
    vertical-align: middle;
    width: 40%;
}

.add-to-favorite-list-popup {
    display: none;
}
.add-to-favorite-list-button:hover + .add-to-favorite-list-popup {
    display: block;
    width: max-content;
    background: #4e4e4e;
    text-align: center;
    color: white;
    padding: 8px 12px 8px 12px;
    position: absolute;
    font-size: 14px;
    top: 59px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 2px;
}

.add-to-favorite-list-popup:after {
        content: "";
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #4e4e4e;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -7px;
}

.add-to-favorite-list-window {
    position: absolute;
    right: 0px;
    width: 400px;
    margin-top: 15px;
    z-index: 3;
    box-shadow: 0 2px 5px #cccccc;
    background: #ffffff;    
}

.add-to-favorite-list-window .title {
    font-size: 16px;
    margin: 15px 15px 0px 15px;
    line-height: 1.1;
    display: block;
    font-weight: 600;
}

.close-fl-window--js {
    float: right;
    margin: 10px;
    font-size: 20px;
    cursor: pointer;
    -webkit-text-stroke: 2px white;
}

.new-favorite-list-input {
    height: 34px;
    width: 250px;
    color: black;
    margin-bottom: 15px;
    border: 1px #E1E1E1 solid;
    padding-left: 15px;
}

.wish-list-selector-placeholder > .bootstrap-select, .wish-list-selector-placeholder > .bootstrap-select > .dropdown-toggle {
    width: 250px !important;
}

.wish-list-selector-placeholder > .bootstrap-select > .dropdown-toggle:focus {
    outline: unset !important;
}

.wish-list-selector-placeholder > .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: unset !important;
}

.wish-list-selector-placeholder > .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #999 !important;
}

.wish-list-selector-placeholder > .bootstrap-select.open > .btn-default.dropdown-toggle:hover {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    color: #262626 !important;
    background-color: #e6e6e6 !important;
}

.wish-list-selector-placeholder > .bootstrap-select > .btn-default {
    color: unset;
    background-color: unset;
}

.pdp-favorite-list-btn {
    height: 34px;
    width: 105px;
    background: #2b2b2b;
    text-align: center;
    color: white;
    margin-left: 15px;
    border-radius: 3px;
    border: unset;
}

.pdp-favorite-list-btn:hover {
    background: #4f4f4f;
}

.wish-list-selector-placeholder > .pdp-favorite-list-btn {
    display: none !important;
}

.favorite-list-menu--js {
    text-align: left;
    display: inline-block;
    width: 100%;
}

.favlist-nav-tabs {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-bottom: 15px;
}

.favlist-nav-tabs>li {
    width: 50% !important;
    float: left;
    margin-bottom: -2px;
    position: relative;
    display: block;
}

.favlist-nav-tabs>li.active>a, .favlist-nav-tabs>li.active>a:focus, .favlist-nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    font-weight: bold;
}

.favlist-nav-tabs>li>a {
    color: #333333;
    text-decoration: none;
    text-align: left;
    height: 100%;
    position: relative;
    display: block;
    padding: 10px 0px 5px 10px;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.comment-menu--js {
    display: flex;
    margin: 15px 0 0 15px;
}

@media (max-width: 768px) {
    .search-box-container {
        display: flex;
        flex-direction: column;
    }
    
    .mobile-view-hide {
        display: none;
    }

    .mobile-view-show {
        display: block;
    }

    .product-buy-box__input-group { margin-top: 5px; }

    .productInfo div.brand-wrapper {
        margin-top: 20px;
    }

    .product-buy-box {
        margin-top: 10px;
    }

    .input-group.js-addtocart-area {
        margin: 7px 0;
    }

    .product-input .add-to-cart { 
        width: 100%; 
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }

    .quantity-input-wrapper input[type=number].quantity-to-cart:hover,
    .quantity-input-wrapper input[type=number].quantity-to-cart:focus,
    .quantity-input-wrapper input[type=number].quantity-to-cart:focus-within {
        border-color: lightgray solid 1px;
    }

    .quantity-input-wrapper input[type=number].quantity-to-cart {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: lightgray solid 1px;
        outline: none;
        transition: none;
    }

    .product-buy-box .row div .product-buy-box-info {
        margin-top: 10px !important;
    }

    .quantity-input-wrapper {
        width: 50%;
    }
}

@media (min-width: 768px) {  
    .mobile-view-hide {
        display: block;
    }

    .mobile-view-show {
        display: none;
    }
}

@media (min-width: 992px) {
    .favorite-list-dropdown.col-md-3 { width: 35%; }
}
@media (min-width: 768px) and (max-width: 992px) {
    .product-input .add-to-cart { width: 65%;}
}
@media (max-width: 992px) {
    .product-buy-box__input-group-btn { width: 50%;}
}

#replacement-article-modal .modal-content, #expired-article-modal .modal-content {
    border-radius: unset;
}
#replacement-article-modal .modal-content .fa-times, #expired-article-modal .modal-content .fa-times{
    font-size: 28px;
    float: unset;
    position: absolute;
    right: 0;
    margin: 25px;
    z-index: 1;
}
#replacement-article-modal .modal-body, #expired-article-modal .modal-body {
    padding: 50px 30px 50px 30px;
}
#replacement-article-modal .modal-body .replacement-article-modal-title, #expired-article-modal .modal-body .expired-article-modal-title  {
    font-size: 28px;
    text-align: center;
    padding-bottom: 20px;
}

/*#replacement-article-modal .modal-header span, #expired-article-modal .modal-header span{
    font-size: 16px;
}*/

#replacement-article-modal .modal-body p, #expired-article-modal .modal-body p{
    font-size: 18px;
}

/*#replacement-article-modal .modal-footer .contact-info p, #expired-article-modal .modal-footer .contact-info p{
    text-align: left;
    margin-bottom: 0px;
}

#replacement-article-modal .modal-footer p.first-line, #expired-article-modal .modal-footer p.first-line {
    font-weight: 600;
}*/

/* Product info buttons */

.product-buy-box-info .only-full-packaging-text {
    display: inline-block;
    vertical-align: bottom;
    margin: auto 0;
    font-family: inherit;
    font-weight: 500;
}

.product-buy-box-info .stock-status-wrapper {
    display: flex;
}

.product-buy-box-info .stock-status-wrapper .status-header {
    display: inline-block;
    margin-right: 3px;
}

.product-buy-box-info .tooltip-wrap .tooltip-content {
    display: none;
    background-color: #fff;
    padding: .5em;
    background: #fff;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border: #CCC solid 1px;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.product-buy-box-info .tooltip-wrap .tooltip-content label {
    margin: 0;
    display: initial !important;
}

.product-buy-box-info .tooltip-wrap .popover { -webkit-box-shadow: none; box-shadow: none; }
.product-buy-box-info .tooltip-wrap .popover-content label { margin: 0; }

.product-buy-box .row div .product-buy-box-info {
    width: auto;
    margin-top: 20px;
    padding-bottom: 10px;
}

.product-information__environmental-labels-wrapper {
	margin: 10px 0;
}

@media (max-width: 415px) {
    .product-buy-box .row .tooltip-wrap { width: auto; }
    .product-buy-box .delivery-days-h, .delivery-text-not-in-stock { width: auto; }
    .product-information__environmental-labels-wrapper #div-env-icons li {margin: 0; width: 35% !important;}
    .product-information__environmental-labels-wrapper #div-env-icons li:not(:last-child) { margin: 0; }
}
@media (max-width: 450px) {
    .product-information__environmental-labels-wrapper #div-env-icons li {margin: 0; width: 15% !important;}
}
@media (max-width: 330px) {
    .product-information__environmental-labels-wrapper #div-env-icons li {margin: 0; width: 30% !important;}
}
@media (max-width: 600px) {
    .product-buy-box-info .table-staffledPrice { float: left; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .product-buy-box .delivery-days-h, .delivery-text-not-in-stock { width: 350px; }
}
/*Variants list*/

.div-env-icons-spec {
    overflow-y: hidden;
}

.div-env-icons-spec li {
    float: left;
    display: block;
    vertical-align: middle;
    width: 20px !important;
}

.div-env-icons-spec li img {
    width: 20px;
    height: 20px;
}

.div-env-description {
    margin-left: 0px;
    top: auto;
}

.div-env-description-spec .p-env-description {
    color: #000 !important;
    background-color: #fff;
    padding-left: 85px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
}

.div-env-description-spec .p-env-description-header {
    font-size: 21px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.div-env-description-spec .p-env-description p {
    color: #000 !important;
    font-size: 12px !important;
}

.div-env-description-spec .p-env-description-header p {
    font-size: 21px !important;
    color: #000 !important;
}

@media(max-width: 600px) {
    .table-staffledPrice {
        float: unset;
        display: table-cell !important;
    }
}

/* Shopping cart */

.total-with-tax {
    font-weight: bold;
}

.cart-quantity-input {
    display: inline-block;
    width: 35px;
    height: 29.5px;
    padding: 0px 0px 0px 0px;
    margin: 0 4px;
}

.product-input {
  width: 100%;
}

.handling-fee {
    font-size: 12px;
    color: #727271;
    display: inline-block;
}

.delivery-time {
    display: inline-block;
    margin-top: 10px;
}

@media (min-width: 1200px) {
    td.text-xs-left .popover.fade.bottom {
        width:180px;
    } }

/*New shopping cart*/
/* New Cart total */
.cart-new .top-row-wrapper .only-credit-card-allowed {
    padding-bottom: 6px;
}

.cart-total { border: 1px solid #DFDFDF; }
.cart-total .cart-total-header { 
    background: #F9F9F9;
    display: block;
    padding: 10px 20px;
    font-size: 16px; 
    font-weight: bold;
    border-bottom: 1px solid #DFDFDF}
.cart-total .delivery-sum { 
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #ccc; }
.delivery-row.delivery-header  { font-weight: bold;}
.cart-total .delivery-sum .delivery-row {
    display: flex;
    justify-content: space-between;
}
.cart-total .delivery-sum .delivery-row .row-product-name {
    max-width: 180px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 0;
    width: 60%;
}
.cart-total .delivery-sum .delivery-row .row-amount,
.cart-total .delivery-sum .delivery-row .row-sum { padding: 3px 0; }
.cart-total .delivery-sum .delivery-row .row-amount { text-align: center; width: 15%; }
.cart-total .delivery-sum .delivery-row .row-sum { text-align: right; width: 25%; }

.cart-total .cart-total-buttons-wrapper {
    display: flex;
    /*justify-content: center;*/
}

.cart-total a.btn.btn-buy {
    display: inline-block;
    margin: 0 auto 20px;
    padding: 10px 48px;
}

.cart-total .fraktvarning {
    padding: 0 0 10px 20px;
}

.shopping-list  {
    display: flex;
    flex-direction: column;
    margin: 0 20px;
    padding: 20px 0;
}

.shopping-item {
    display: flex;
    justify-content: space-between;
}

.shopping-item h5 {
    margin: 6px 0;
}

.shopping-item .sub-total {
    margin: 6px 0;
}

.shopping-item .sub-total-prefix, .checkout-table .sub-total-prefix {
    color: #cc0001;
    font-size: 16px;
    font-family: 'Roboto', "Lucida Sans Unicode", "Arial Unicode MS";
    font-weight: bold;
}

.shopping-item .discount, .checkout-table .discount {
    color: #cc0001;
}

.shopping-item--bold { font-weight: bold; }

.shopping-item--bold h5 { font-weight: bold; }

.cart-new .left-for-free-shipping-sum {
    text-align: center;
    padding: 0 0 6px;
}

.cart-new .left-for-free-shipping-sum > * {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #cc0001;
    line-height: 1.1;
}

.cart-new .p-n-s {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    align-items: flex-end;
    padding-bottom: 5px;
}

.cart-new .p-n-s div.print-inline {
    margin: 0 10px;
    color: #A6A6A6;
    display: inherit;
}

.cart-new .p-n-s div.print-inline i {
    margin: 0 0 0 5px;
}

.cart-new .p-n-s div.print-inline .fav-list-label {
    margin-left: 5px;
    color: #A6A6A6;
}

.cart-new .p-n-s div.print-inline #newFavoriteListName {
    border: 1.5px solid #DFDFDF;
    line-height: initial;
    height: 20px;
    margin: 0 5px;
}

.cart-new .p-n-s div.print-inline #addCartToFavoriteList { display: inherit; }

.cart-new .p-n-s div.print-inline #addCartToFavoriteListBtnOk {
    color: #A6A6A6;
}

.cart-new .p-n-s div.print-inline #addCartToFavoriteListBtnOk:hover,
.cart-new .p-n-s div.print-inline #addCartToFavoriteListBtnOk:active
 {
    color: #A6A6A6;
}

.cart-lines-header #selectAll {
    margin-right: 5px;
}
input[type="checkbox"].js--productCheckBox {
    margin-bottom: 5px !important;
}

@media(min-width: 576px) {
    input[type="checkbox"].js--productCheckBox {
        margin: 0 25px 0 0 !important;
    }
}
@media(max-width: 768px) {
    .cart-title .btn-buy {
        float: right;
    }
}

/* New Line list */
.cart-new .customer-cart-list > .cart-new-list-wrapper:not(:last-child) {
    margin-bottom: 25px;  
}

.cart-new-list-wrapper {
    border: 1px solid #DFDFDF;
    margin-top: 25px;
}

.cart-lines-header {
    background: #F9F9F9;
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #DFDFDF;
    display: flex;
    justify-content: space-between;
}

.cart-lines-header__sum {
    font-size: 15px;
}

.shopping-cart-new {
    margin-bottom: 30px;
}

.shopping-cart-new .customer-cart-list {
    background: none;
}

.line-list {
    margin-bottom: 0;
}

.line-list li {
    display: flex;
    padding-bottom: 10px;
    padding-top: 5px;
}

.line-list li.productItemBox:not(:first-child) {
    border-top: 1px solid #DFDFDF;
}

.line-list .cart-line-product-image .img-responsive {
    padding: 10px 20px 10px 10px;
    max-width: 115px;
}

.cart-line-content-wrapper { width: 70%; margin: auto 0; }
.cart-line-actions-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;}
.customer-cart-list .cart-line-content-wrapper { width: 40%; }

.cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line {
    display: flex;
    margin-right: 25px;
    font-size: 13px;
    font-weight: bold;
}

.cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line img.filter-gray {
    padding-left: 20px;
}

.cart-line-content {
    display: flex;
    width: 100%;
}

.cart-line-content .cart-item--title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #A6A6A6;
    line-height: 0.9;
    font-size: 13px;
}

.cart-line-content .cart-item--title p.article-number {
    margin: 0 0 6px;
}

.cart-line-content .cart-item--title p.delivery-time {
    margin: 0 0 3px;
}

.cart-line-content .cart-item--title p.stock {
    display: inline-block;
    margin-right: 20px;
    padding-top: 4px;
    vertical-align: top;
}

.cart-line-content .cart-item--title .delivery-time,
.cart-line-content .cart-item--title .stock,
.cart-line-content .cart-item--title .article-number { line-height: 1.2;}

.cart-line-content .cart-item--title .stock-status .stock { 
    display: inline-block; 
    max-width: 20.5ch;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

.cart-line-content .cart-item--title .stock:before {
  width: 10px;
  height: 10px;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  background-color: #8DB811; }

.cart-line-content .cart-item--title .stock.red:before {
    background-color: #E3353F;
}

.cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper { width: 35%; }
.cart-line-actions-wrapper__top-line .cartline-quantity {    
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
.cart-line-actions-wrapper__top-line .cartline-sum { width: 40%; margin: auto; }

/* .line-list .cart-item--title-buttons { display: flex; justify-content: flex-start; } */
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js { max-width: 170px; display: inline-block;}
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .edit { display: none; }

.line-list img.filter-gray { height: 16px; vertical-align: unset; padding-left: 5px; }

.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .change-mssg--js,
.line-list .cart-line-actions-wrapper .remove-cart-line { 
    color: #A6A6A6;
    font-size: 12px; }
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .cart-trash {
    min-width: 60px;
}

.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .spanValue--js {
    display: inline-block;
    max-width: 145px;
    white-space: nowrap;
    overflow: hidden;
    color: #A6A6A6;
    font-size: 12px;
    line-height: 1.08;
    vertical-align: bottom;
}
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .inputValue--js { border: 1.5px solid #DFDFDF; }
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .edit > a {
    color: #A6A6A6;
    font-size: 12px;
}
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .edit .save-mssg--js { margin-right: 10px;}
.line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .edit input.inputValue--js {
    display: block;
    max-width: 136px;
    margin-bottom: 5px;
}

.line-list .cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper .price {
    font-size: 16px;
    font-weight: bold;
    color: #cc0001;
    line-height: 1.1;
    display: block;
}

.line-list .cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper .recommended-price {
    font-size: 12px;
    color: #727271;
    text-decoration: line-through;
    margin-bottom: -5px;
}

.line-list .cart-line-actions-wrapper__top-line .cartline-sum .sumPrice {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 1.1;
    display: block;
}

.line-list .cart-line-actions-wrapper__top-line .staffledPrice ul {
    border: none;
}

.cart-line-actions-wrapper__top-line {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin: auto 0;
    padding-top: 5px;
}

.cart-line-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cart-new .promocode-block {
    float: right;
}

.promo-wrapper {
    margin-top: 40px;
    border: 1px solid #DFDFDF;
}

.promo-header-wrapper {
    display: flex;
    justify-content: space-between;
    background: #F9F9F9;
    padding: 10px 20px;
    border-bottom: 1px solid #DFDFDF;
}

.promo-header-wrapper .promo-header-wrapper__btn-open img,
.promo-header-wrapper .promo-header-wrapper__btn-close img { height: 13px; }

.promo-header-wrapper #show-company-code--js {
    font-size: 16px;
    font-family: 'Roboto', "Lucida Sans Unicode", "Arial Unicode MS";
    font-weight: bold;
    color: #8C8C8C;
}

.promo-header-wrapper:hover {
    cursor: pointer;
}

.promo-wrapper .title {
    font-size: 16px;
    font-weight: bold;
}

.promo-wrapper #company-code--js,
.promo-wrapper .promo-wrapper {
    padding: 20px 0;
    margin: 0 20px;
}
.promo-wrapper .btn-aktivera--js {
    background-color: #8C8C8C;
    border-radius: 0px;
    border-color: #ccc;
    border: 1px solid transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 5px;
}

.promo-wrapper #company-code--js .btn-aktivera--js:hover {
    opacity: 0.6;
}

.promo-wrapper .promocode-form__input {
    padding: 3px 12px 5px 12px;
    height: auto;
    width: auto;
    display: inline-block;
}

.top-row-wrapper {
    display: flex;
}

.cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper .table-staffledPrice {
    float: right;
}
.cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line .limited-discount-message {
	color: #cc0001;
	font-weight: normal;
	padding-right: 5px;
}
.cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line .handling-fee-message {
	padding-left: 15px;
}

@media (max-width: 450px) {
    .promo-wrapper .promocode-form__btn-activate, .promo-wrapper .promocode-form__btn-deactivate { width: auto; }
    .promo-wrapper .promocode-form__input { width: 55%; }
}
@media (min-width: 450px) and (max-width: 992px) { 
    
    .promo-wrapper .promocode-form__input { width: 70%;}
    .promo-wrapper .promocode-form__btn-activate,
    .promo-wrapper .promocode-form__btn-deactivate { width: 20%; }
}
@media (min-width: 576px) {.article-number__header_mobile-view { display: none;}}
@media (max-width: 576px) {
    .cart-lines-header { justify-content: flex-end; }
    .cart-line-actions-wrapper__top-line { flex-direction: column; }
    .cart-total .delivery-sum .delivery-row .row-product-name {
        max-width: 250px;
        width: 50%;
    }
    .customer-cart-list .cart-line-content-wrapper,
	.customer-cart-list	.cart-line-actions-wrapper { width: 50%; }
    .cart-line-actions-wrapper__top-line .cartline-quantity { width: 100%; order: 2; margin: 10px 0 5px; }
    .cart-line-actions-wrapper__top-line .cartline-sum { width: 100%; order: 1; }
    .cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper .table-staffledPrice {
        width: 60%;
        min-width: 90px;
        display: inline-block !important;
        float: unset;
    }
    .cart-line-actions-wrapper__top-line .cart-line-actions-wrapper__prices-and-discount-wrapper { text-align: center; width: 100%; order: 3; }
    .cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }
    .cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line img.filter-gray {
        padding: 0;
    }
    .cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line .handling-fee-message,
	.cart-line-actions-wrapper .cart-line-actions-wrapper__bottom-line .limited-discount-message
	{
        text-align: center;
        display: inline-block;
        padding: 5px 0;
    }
    .cart-lines-header__sum { display: none;}
    .cart-line-actions-wrapper__prices-wrapper { display: none;}
    .article-number__header_desktop-view { display: none; }}
@media (min-width: 576px) and  (max-width: 768px) {
    .cart-total .delivery-sum .delivery-row .row-product-name {
        max-width: 300px;
        width: 300px;}}
@media (max-width: 768px) {
    .line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-left: 0;
    }
    .line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .cart-trash {
        margin-top: 10px;
    }
    .cart-line-content .cart-item--title .stock-status .stock {
        padding-top: 6px;
    }
    .line-list .cart-item--title__stock-and-buttons-wrapper .cart-mark.mssg--js .edit input.inputValue--js {
        width: auto;}
    .cart-line-actions-wrapper__top-line input[type=number].cart-quantity-input { margin: 0 4px; }
    .cart-line-actions-wrapper__top-line input[type=number].cart-quantity-input,
    .promo-wrapper input[type=text].promocode-form__input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: lightgray solid 1px;
        outline: none;
        transition: none;
    }
    .promo-wrapper input[type=text].promocode-form__input:hover,
    .promo-wrapper input[type=text].promocode-form__input:focus,
    .promo-wrapper input[type=text].promocode-form__input:focus-within,
    .cart-line-actions-wrapper__top-line input[type=number].cart-quantity-input:hover,
    .cart-line-actions-wrapper__top-line input[type=number].cart-quantity-input:focus,
    .cart-line-actions-wrapper__top-line input[type=number].cart-quantity-input:focus-within {
        border-color: lightgray solid 1px;
    }}
@media (max-width: 992px) {
    .shopping-cart-new .customer-cart-list {
        margin-bottom: 30px;}
    .cart-new .p-n-s {
        justify-content: flex-start;
        margin-bottom: 5px;}
    .top-row-wrapper {
        flex-direction: column-reverse;}}
@media (min-width: 768px) and (max-width: 992px) {
  .cart-total .delivery-sum .delivery-row .row-product-name {
      max-width: 80px;
      width: 80px;
  } 
  .cart-total .delivery-sum .delivery-row .row-product-name {
      max-width: 400px;
      width: 400px;}}
@media (min-width: 992px) and (max-width: 1200px) {
  .promo-wrapper .promocode-form__input {
    width: 60%; }
  .cart-total .delivery-sum .delivery-row .row-product-name {
      max-width: 120px;
      width: 120px;
  }
  .cart-line-content .cart-item--title .stock-status .stock {
      padding-top: 6px;}}

/*Search*/

.list-config {
    padding: 5px 5px !important;
}

#show-filters i {
    padding-right: 5px;
}

/*Products list*/

.group-box .box-item-price .basePrice {
    min-width: auto;
    text-decoration: line-through;
}

.box-item-price {
    text-align: right;
    margin: 0px 0px 5px 0px;
    position: relative;
}

.box-item-heading {
    overflow: hidden;
    min-height: 67px
}

.product .text-box .from-text {
    text-align: right;
    font-weight: normal;
    font-size: 13px;
    padding-right: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.actions.cart-trash .fa-trash {
    cursor: pointer;
}
/*Buttons*/
.btn-buy, .btn-search, .btn-change {
    border-radius: 2px;
}

.checkout .checkout-type--inner {
    border-radius: 2px;
}

.btn-search:focus {
    outline: none !important;
}

.btn-buy:hover {
    background: #72c30d;
}

.btn-buy:active {
    background: #5b9f06;
    box-shadow: none;
}

.btn-buy:focus {
    outline: 0 !important;
}

.btn-green:hover {
    background: #72c30d;
}

.btn-green:active {
    background: #5b9f06;
    box-shadow: none;
}

.btn-green:focus {
    outline: none;
}

.btn-green:active:focus {
    outline: none;
}

/*.nav-links:hover {
    background: #e40001 !important;
}*/

.nav-links:focus {
    background: #cc0001 !important;
}

/*.nav > li > a:hover {
    background-color: #e4002c !important;
}*/

/*.nav .dropdown-menu li.dropdown-submenu.open > a {
    background-color: #e4002c !important;
    color: #fff;
}*/

.nav .dropdown-menu li.dropdown-submenu.open .dropdown-subsubmenu.has-lvl-3.open > a {
    color: #e4002c;
}

/*.nav > li > a:focus {
    background-color: #e4002c !important;
}*/

.nav > li > a.dropdown-toggle {
    height: auto !important;
}

/*Text input*/

.form-control {
    caret-color: #e68081;
    border-radius: 2px;
}


.search .form-control {
   caret-color: #333;
   padding: 6px 25px;    
}

.search .category-header {
    margin-left: 25px;
    margin-right: 20px;
    padding-left: 0px !important;
    border-top: 1px solid #333;
    margin-top: 20px;
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
}

.search .default-header {
    margin-left: 25px;
    margin-right: 20px;
    padding-left: 0px !important;
    font-weight: bold;
    font-size: 16px;
    padding-left: 25px;
    line-height: 30px;
    padding-bottom: 5px;
}


.search .hover-item {
    background: #efefef !important;
    font-weight: 400 !important;
}

.search .category-header-text{
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
}

.form-control:hover {
    border-color: #858584;
}

.form-control:focus {
    border-color: #858584;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.list-config .dropdown-filters .btn-default:hover {
    background-color: #fff;
    border-color: #858584;
}

.list-config .dropdown-filters .btn-default:focus {
    outline: none !important;
    outline-offset: 0px;
    background-color: #fff;
}

.articleComment {
    height: auto;
    width: auto;
    margin: 0 10px;
    padding: 1px;
    font-size: 11px;
    color: #333333;
}

/*Profile page*/

#newkundadress {
    margin-top: 25px;
}

/***/

/* Mobile screen */

@media (max-width: 767px) {
    /* Logo */

    .od-navbar .logo {
        margin-bottom: 6px;
        margin-top: 10px;
    }

    .od-navbar .hamburger {
        top: 1em;
    }

    .od-navbar .hamburger .line {
        margin: 10px auto;
    }

    .od-navbar .button-group {
        top: 1.5em;
    }

    /* Submenu */

    .dropdown-submenu > a:after {
        content: none;
    }

    .nav-links {
        width: 100% !important;
        border-bottom: 1px solid #33333333;
    }

    .nav-links li:first-child {
        border-left: none !important;
    }

    
    .search-suggestion {
        white-space: nowrap\9;
        overflow: hidden\9;
        text-overflow: ellipsis\9;
    }

    .search-suggestion > span > span > a:nth-child(n+4) {
         display: none;
    }
}

.search-suggestion > span > span > a {
    font-weight: normal;
}

@media (max-width: 415px) {
    /* Logo */
    .od-navbar .logo a img {
        height: 45px;
    }

    .od-navbar .hamburger {
        top: 0.65em;
    }

    .od-navbar .button-group {
        top: 0.9em;
    }
}

/* Banners */

.hero-image img {
    height: auto;
}

@media (max-width: 992px) {
    /* Information Box */

    .od-navbar .information {
        display: none;
    }

    /* u-vmenu */

    .u-vmenu {
        display: none;
    }
}

@media (max-width: 767px) {
    /* Checkout Modal */

    .modal-content#login-before-checkout .modal-body div[style] {
        float: none !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    .modal-content#login-before-checkout {
        width: 95% !important;
    }

    .modal-content#login-before-checkout .modal-body {
        width: fit-content;
        height: fit-content !important;
    }

    .modal-content#login-before-checkout .modal-body .form-control {
        width: 95% !important;
    }
}

.modal-content#login-before-checkout {
    margin: auto;
}

#selectAddressModal select {
    width: 100%;
}

@media (min-width: 768px) {
    
    .modal-content#login-before-checkout {
        width: 600px !important;
    }

    .modal-content#login-before-checkout .modal-body > div {
        width: 45% !important;
    }

    .modal-content#login-before-checkout .modal-body > div .form-control {
        width: 100% !important;
    }
}

/* Footer Trygg E-Handel */

@media (min-width: 768px) and (max-width: 1200px) {
    .cycube-container > .component-richtext > p:first-child {
        float: left;
        margin-top: -1em;
    }

    .cycube-container > .component-richtext > p:first-child + p {
        margin-top: 1em;
    }
}

@media (max-width: 767px) {
    .cycube-container > .component-richtext > p:first-child {
        margin: auto;
        width: fit-content;
    }
}

/* Checkout Cart */

@media screen and (max-width: 600px) {

    .customer-cart-list table#cart .mobileFix--td {
        width: 24%;
        border-top: none;
    }

    .customer-cart-list table#cart .cart-quantity {
        width: 30%;
        min-width: 50px;
    }

    .productItemBox .cart-quantity .lineList-decrease-products,
    .productItemBox .cart-quantity .lineList-increase-products {
        font-size: 10px;
        margin: 0;
    }
    .cart-quantity-input {
        margin: 0;
    }

    .customer-cart-list table#cart .cart-trash {
        padding-top: 1em;
        width: 12%;
        float: right;
    }

    .customer-cart-list table#cart .cart-sum {
        text-align: center;
    }

    .customer-cart-list table#cart .cart-price .table-staffledPrice[style],
    .cartline-price .table-staffledPrice[style],
    .cart-line-actions-wrapper__prices-and-discount-wrapper .table-staffledPrice[style] {
        float: left !important;
    }

    .customer-cart-list table#cart .cart-stock,
    .customer-cart-list table#cart .cart-mark {
        display: block;
        width: 50%;
        height: 60px;
    }

    .customer-cart-list table#cart .cart-stock {
        float: right;
    }

    .customer-cart-list table#cart .cart-mark {
        float: left;
    }
}

@media (max-width: 519px) {
    .customer-cart-list table#cart .cart-stock .cart-stock-body {
        display: block;
    }

    .customer-cart-list table#cart .cart-stock {
        text-align: right;
    }

    .customer-cart-list table#cart .cart-trash {
        width: 100%;
        text-align: right;
        margin: 0 1em 1em;
        padding-top: 0;
    }

    .customer-cart-list table#cart .cart-sum {
        width: fit-content;
        float: right;
    }
}

@media (min-width: 519px) {
    .customer-cart-list table#cart .cart-stock .cart-stock-body {
        display: contents;
    }
}

/* Navbar menu, hide items in certain views */


@media not all and (max-width: 767px) {
    .navigation#od-navbar li.nav-links.hideLarge {
        display: none;
    }
}

@media (max-width: 767px) {
    .navigation#od-navbar li.nav-links.hideSmall {
        display: none;
    }
}

#company-code--js strong.title:after {
    height: 1em;
    display: block;
    content: '';
}
/* Fade carousel */

.carousel.fade-carousel .carousel-inner {
    display: -ms-grid;
    -ms-grid-columns: 100%;
    display: grid;
}

.carousel.fade-carousel .item {
    transform: none !important;
    left: 0 !important;
    opacity: 0;
    visibility: hidden;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
    display: block;
    -webkit-transition: opacity 2s ease-out 0.1s, visibility 0s 2s;
    -moz-transition: opacity 2s ease-out 0.1s, visibility 0s 2s;
    -ms-transition: opacity 2s ease-out 0.1s, visibility 0s 2s;
    -o-transition: opacity 2s ease-out 0.1s, visibility 0s 2s;
    transition: opacity 2s ease-out 0.1s, visibility 0s 2s;
}

.carousel.fade-carousel .item.active {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: opacity 2s ease-out 0.1s, visibility 0s 0s;
    -moz-transition: opacity 2s ease-out 0.1s, visibility 0s 0s;
    -ms-transition: opacity 2s ease-out 0.1s, visibility 0s 0s;
    -o-transition: opacity 2s ease-out 0.1s, visibility 0s 0s;
    transition: opacity 2s ease-out 0.1s, visibility 0s 0s;
}


.img-startpageslider {
    font-family: 'object-fit: cover;';
}


/* Center Carousel Arrows */
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 992px) {
    .component-imageCarousel {
        margin-bottom: -10px;
    }
}

/* Image ads */
.image-ad img {
    width: 100% !important;
    height: auto !important; 
}

.image-ad-holder-left {
    padding: 0px 3px 5px 0px !important;
}

.image-ad-holder-right {
    padding: 0px 0px 5px 3px !important;
}

@media (max-width: 992px) {
    .image-ad-holder-left {
		padding: 0px 0px 5px 0px !important;
	}

	.image-ad-holder-right {
		padding: 0px 0px 5px 0px !important;
	}
}

.center-image {
	text-align: center;
}

.content-page .center-image img:hover {
    border: 1px solid gray;
}

/* Brand Page */
@supports(grid-template-columns: repeat(auto-fit, 130px)) {
    #sixcolumns {
        display: grid;
        max-width: 600px;
        grid-template-columns: repeat(auto-fit, 130px);
    }

    #sixcolumns > ul.list-group {
        padding: 10px 10px 10px 0;
        margin-bottom: 0;
    }
}

/* IE 10 & 11
@media all and (-ms-high-contrast: none) and (min-width: 768px), 
    (-ms-high-contrast: active) and (min-width: 768px){
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
}

/* Firefox 
@media (min-width: 768px) {
    @-moz-document url-prefix() {
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
    }
}*/

/*.dropdown-submenu.open {
    background-color: #f5f5f5 !important;
}*/

@media (max-width: 1199px) {
    .dropdown-submenu > a:hover,
    .dropdown-submenu > a:focus,
    .dropdown-submenu > a{
        background-color: inherit !important;
    }
}

@media (max-width: 767px) {
    .dropdown-submenu.open > ul.dropdown-menu {
        padding-left: 30px;
        -moz-box-shadow: inset 0px 0px 10px #f5f5f5;
        -webkit-box-shadow: inset 0px 0px 10px #f5f5f5;
        box-shadow: inset 0px 0px 10px #f5f5f5;
    }
}

/* Marker for translations */
.dict-word {
    display: none;
}

.empty-favlist {
    display:none;
    text-align:center;
}

.loading-favlist {
    display:none;
    text-align:center;
}

.select-favlist-label {
    margin: 9px 3px 5px 0px;
    float:left;
}

.replacement-product-favlist-span{
    display:block;
    margin-top:-13px;
    font-size:13px;
    color: #cc0001;
}

.minicart-amount-to-free {
    font-size: 12px;
    color: #cc0001;
}

/* Order history */

.oh-sort-col{
    color: #e4002c
}

.oh-column{
    cursor:pointer
}

.oh-column_6-percent-width {
    width: 6%;
}

.oh-column_8-percent-width {
    width: 8%;
}

.oh-column_10-percent-width {
    width: 10%;
}

.oh-column_12-percent-width {
    width: 12%;
}

.oh-column_14-percent-width {
    width: 14%;
}

#order-history-loader-placeholder {
    display: none;
    text-align: center;
    border-radius: 50%;
    margin: 25px auto 0;
}

/* Show with vat, Please log in modal*/
#select-show-with-vat-modal .modal-dialog, #please-log-in-modal .modal-dialog {
    width:420px;
    margin:200px auto;
}

#select-show-with-vat-modal .modal-body, #please-log-in-modal .modal-body {
    text-align:center;
}

#select-show-with-vat-modal p, #please-log-in-modal p {
    font-size:large;
    margin-top:15px;
}

#select-show-with-vat-modal #show-vat-buttons, #please-log-in-modal #please-log-in-buttons {
    float:none;
    height:40px;
    width:400px;
    display:inline-block;
    margin-top:10px;
    margin-bottom: 15px;
}

#select-show-with-vat-modal #show-vat-title, #please-log-in-modal #please-log-in-title {
    font-weight:700;
    font-size:x-large;
}

#select-show-with-vat-modal #show-vat-buttons button, #please-log-in-modal #please-log-in-buttons button {
    font-size:20px;
    width:140px;
}

#select-show-with-vat-modal #show-vat-buttons span {
    font-size:12px;
    display:inline-block;
}

/* Info banner popup */
#info-banner {
    background: black;
    font-size: 16px;
    color: white;
    padding: 15px 0 0;
    text-align: center;
}

#info-banner .container p { 
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 120ch;
    text-overflow: ellipsis;
    line-height: 1;
}

#info-banner a  {
    color: #008BCB;
    text-decoration: none;
}

#info-banner #info-banner__close-button { height: 14px; display: inline; }
#info-banner #info-banner__close-button .close-popup--js {
    cursor: pointer;
    float: right;
    height: inherit;
}

@media (min-width: 990px) and (max-width:1200px) {
    #info-banner .container p { max-width: 100ch; }
}
@media (min-width: 690px) and (max-width:990px) {
    #info-banner .container p { max-width: 70ch; }
}
@media (max-width:690px) {
    #info-banner .container p  {
        max-width: 40ch;
        white-space: unset;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 2.8em;
        line-height: 1.4em;
    }
}
@media (max-width:425px) {
    #info-banner .container p { max-width: 25ch; white-space: unset; }
}

/*Accept cookies popup*/
#cookie-confirmation{
    background-color: #e8e5e1;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    border-top: 1px solid #dad1c5;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    font-size: 15px !important;
    line-height: 18px !important;
    font-family: 'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #212121 !important;
    text-align: left !important;
    z-index: 50 !important;
}

#cookie-confirmation-inner{
    font-size: 14px;
    padding: 15px;
    text-align: left;
}

#cookie-confirmation-inner b {
    font-size: 16px;
    color: #333333;
}

#cookie-confirmation-button-area{
    text-align: center !important;
}

/* Clear cart modal*/
#clear-cart-modal .modal-dialog {
    width:500px;
    margin:200px auto;
}

@media (max-width: 767px) {
    #clear-cart-modal .modal-dialog {
        width:350px;
    }
}

#clear-cart-modal .modal-content {
    width: fit-content;
    margin: auto;
    border-radius: unset;
    padding: 30px;
}

#clear-cart-modal .modal-body {
    text-align:center;
}

#clear-cart-modal p {
    font-size:20px;
    margin-top:15px;
}

#clear-cart-modal #clear-cart-buttons {
    float:none;
    height:40px;
    width:400px;
    display:inline-block;
    margin-top:10px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    #clear-cart-modal #clear-cart-buttons {
        width:300px;
    }
}

#clear-cart-modal #clear-cart-buttons button {
    font-size:20px;
    width:140px;
}

#clear-cart-modal #clear-cart-buttons span {
    font-size:12px;
    display:inline-block;
}

#clear-shopping-cart{
    margin-right:5px;
}

/* Track delivery modal*/
#track-delivery-modal .modal-dialog {
    width:300px;
    margin-top:200px;
}

#delivery-tracking-numbers{
    text-align:center;
    color:#337ab7;    
}

#delivery-tracking-numbers li{
    cursor:pointer;
    padding: 2px 0px;
}

/*ShowWithVat switch*/
#showwithvat-switch{
    height: 25px;
}

#showwithvat-switch label{
    height: 25px;
    font-size: 12px;
    padding: 4px 8px;
    background: #eeeeee;
}

#showwithvat-switch label:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#showwithvat-switch label:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#showwithvat-switch label.active{
    background-color:#64b006;
    color: #ffffff;
}

/*FINISH ORDER PAGE*/
#finishedorder .cart-stock span, 
#finishedorder .cart-price span, 
#finishedorder .cart-quantity span, 
#finishedorder .cart-sum span{
    cursor: default !important;
}

#finishedorder .fp-main-info-col, #finishedorder .fp-main-info-address-col{
    margin-bottom:30px;
}

#finishedorder .fp-main-info{
    margin-top:20px;
}

#finishedorder .fp-main-info-col span:first-of-type,
#finishedorder .fp-main-info-address-col div:first-of-type,
#finishedorder .fp-main-info .fp-main-info-address-col .coor-bold-font span:first-of-type{
    font-weight: bold;
}

#finishedorder .fp-main-info .fp-main-info-address-col .address-font{
    font-weight: unset;
}

@media screen and (max-width: 600px) {
    #finishedorder .productItemBox .cart-stock {
        display: none !important;
    }
}

/*Products list slider*/

.show-product {
    display: block;
}

.hide-product {
    display: none;
}

.related-carousel-control {
    z-index: 100;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 50px;
    color: #D1D1D1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    margin-top: 121px;
}

.left .related-carousel-control {
    right:0px;
}

.related-carousel-control:hover {
    color: #64b006;
}

.related-slider-position {
    float: right;
    text-align: right;
    margin-top: -29px;
    margin-bottom: 10px;
}

.related-slider-position a {
    text-indent: -9999px;
    margin-top: 5px;
    display: block;
    line-height: 8px;
    width: 8px;
    background: #ddd;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    margin-right: 5px;
    float: left;
    font-size: 100%;
    height: 8px;
}

.related-slider-position a.selected {
    background: #c10000;
}

/*Red asterisk near required field on WFFM*/
.required-field label.control-label::before {
  color: #cc0001;
  content: "*"; }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #dcdcdc;
    border-radius: 2px;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dcdcdc;
}

/*LOAD FAVORITE LISTS SPINNER*/
.favlists-product-page-loader-placeholder {
    text-align: center;
    display: inline-block;
}

.favlists-product-page-loader-placeholder .page-loader {
    height: 50px;
}

.flex{
    display:inline-flex;
}

.favoriteListSelect{
    width: 200px;
}

.saveBtn{
    margin:11px;
}

.newFavoriteList{
    display: inline-flex;
    margin-left: 15px;
    margin-top: 5px;
}

.favoriteListNameLabel{
    color:black;
    margin: 3px 3px 0 22px;
}

.saveNewFavoriteListLabel{
    margin: 3px 0px 0 10px;
}

/* Suggested products popup model */
#suggested-products-modal .modal-dialog {
    width:1220px;
}

#suggested-products-modal .modal-body {
    padding-left:22px;
    padding-right:22px;
    padding-top: 0;
}

/*#suggested-products-modal p {
    font-size:large;
    margin-top:15px;
}*/

#suggested-products-modal h3 {
    margin-top: 0;
    text-align: center;
    font-weight: bold;
}

#suggested-products-modal h2 {
    font-size:25px;
    margin-top:0px;
}

#suggested-products-modal button.close {
    padding-right:20px;
    font-size:25px;
    outline: none;
}

@media (max-width: 1200px) {
    #suggested-products-modal .modal-dialog {
        width:767px;
    }
}

@media (max-width: 767px) {
    #suggested-products-modal .modal-dialog {
        width:450px;
        margin: 30px auto;
    }
}

.box-item-price .price .currency {
    margin-right: -3px;
}

.group-box .box-item-price .basePrice .currency {
    margin-right: -3px;
}

.js-base-price-long{
    font-size: 10px;
    color: #7d7d7d;
    font-weight: 400;
    display: inline-block;
    text-decoration: line-through;
    padding-left: 5px;
}

.menu-lvl-3{
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    height: 100%;
    display: none;
    min-width: 275px;
}

.has-lvl-3 > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 10px;
    margin-right: -10px;
}

.has-lvl-3:hover > a:after {
  border-left-color: #cc0001;
}

.lvl-3-link-to-parent {
    display:none;
}

/*@media (min-width: 768px) {
    .has-lvl-3:hover > .menu-lvl-3 {
        display: block;
    }
}

/* IE 10 & 11
@media all and (-ms-high-contrast: none) and (min-width: 768px), 
    (-ms-high-contrast: active) and (min-width: 768px){
        .dropdown-subsubmenu:hover > .menu-lvl-3 {
            display: block;
        }
}

/* Firefox
@media (min-width: 768px) {
    @-moz-document url-prefix() {
        .dropdown-subsubmenu:hover > .menu-lvl-3 {
            display: block;
        }
    }
}*/

@media (max-width: 767px) {
    .dropdown-submenu.open > a:after {
        content: '' !important;
        position: relative !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 20px solid transparent !important;
        border-right: 20px solid transparent !important;
        border-bottom: 20px solid #cc0001;
        clear: both !important;
        display: block !important;
        float: right !important;
        border-style: solid !important;
        border-width: 8px 6px 8px 6px !important;
        margin-top: 0px !important;
        margin-right: -10px !important;
        border-left-color: transparent !important;
        border-top: 0px transparent;
    }
    
    .dropdown-submenu > a:after {
        content: '' !important;
        position: relative !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 20px solid transparent !important;
        border-right: 20px solid transparent !important;
        border-top: 20px solid #e8e8e8;
        clear: both !important;
        display: block !important;
        float: right !important;
        border-style: solid !important;
        border-width: 8px 6px 0px 6px !important;
        margin-top: 10px !important;
        margin-right: -10px !important;
        border-left-color: transparent !important;
    }

    .has-lvl-3.open > a:after {
        content: '' !important;
        position: relative !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 20px solid transparent !important;
        border-right: 20px solid transparent !important;
        border-bottom: 20px solid #cc0001;
        clear: both !important;
        display: block !important;
        float: right !important;
        border-style: solid !important;
        border-width: 8px 6px 8px 6px !important;
        margin-top: 0px !important;
        margin-right: -10px !important;
        border-left-color: transparent !important;
        border-top: 0px transparent;
    }

    .has-lvl-3 > a:after {
        content: '' !important;
        position: relative !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 20px solid transparent !important;
        border-right: 20px solid transparent !important;
        border-top: 20px solid #e8e8e8;
        clear: both !important;
        display: block !important;
        float: right !important;
        border-style: solid !important;
        border-width: 8px 6px 0px 6px !important;
        margin-top: 10px !important;
        margin-right: -10px !important;
        border-left-color: transparent !important;
    }

    .has-lvl-3.open > ul.menu-lvl-3 {
        padding-left: 25px;
    }

    .open > .menu-lvl-3 {
        display: block;
    }

    .lvl-3-link-to-parent {
        display:block;
    }
}

@media (max-width: 1199px) {
    .dropdown-subsubmenu > a:hover, .dropdown-subsubmenu > a:focus, .dropdown-subsubmenu > a {
        background-color: inherit !important;
    }
}

.bla {
    content: '' !important;
    position: relative !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 20px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-bottom: 20px solid #cc0001;
    clear: both !important;
    display: block !important;
    float: right !important;
    border-style: solid !important;
    border-width: 8px 6px 8px 6px !important;
    margin-top: 0px !important;
    margin-right: -10px !important;
    border-left-color: transparent !important;
    border-top: 0px transparent;
}

/*Fixes for order confirmation page*/

@media (min-width: 768px) {
  .col-sm-2.product-image {
    width: 24%; }
  .col-sm-10.cart-item--title {
    width: 76%; }
}

.table.table-order-confirmation > thead:first-child > tr:first-child > th {
  border-top: 1px solid #ddd; }

/*Favorite lists dropdown styles*/

.favorite-list-dropdown{
    position: relative;
    display: flex;
    border-collapse: separate;
    margin-bottom: 15px;
}

.favorite-list-arrow{
    border: #E1E1E1 solid 1px;
    background-color: #fff;
    padding: 6px 8px;
    height: 100%;
}

.favorite-list-dropdown-list{
    border-radius: 2px;
    margin-top: 0px;
    overflow: auto;
    max-height:150px;
}

.favorite-list-dropdown-list .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.favorite-list-dropdown-list .dropdown-item:hover {
    background-color: #f8f9fa;
}

.favorite-list-dropdown-list .dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
/***********************************/
/***********************************/
.usps-list {
    margin: 25px 0;
    list-style-type: disc;
    padding-left: 20px;
}

.usps-list li {
    font-size: 20px;
}

.usps-list li span{
    color: #525252;
}

#search-loader-placeholder{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.page-loader {
    display: inline-block;
    height: 100px;
    border-radius: 50%;
    animation: spin 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.search-result-facets{
    display: none;
}

.search-result-products{
    display: none;
}

.search-categories-suggestions{
    display: none;
}

#search-header {
    margin: 25px 0px 15px;
}

.dropdown-filters .btn.dropdown-toggle {
    border-color: #333333;
}

.right-filter-buttons .form-control.od-filter,
.right-filter-buttons .form-control.od-filter.js-async-sort-list{
    width: auto;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .right-filter-buttons .form-control.od-filter.js-sort-list {
        width: 60%;
    }

    .right-filter-buttons .form-control.od-filter.js-async-sort-list {
        width: 43%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .right-filter-buttons .form-control.od-filter.js-async-sort-list {
        width: 53%;
    }
}

@media (min-width: 768px){
    .col-sm-19-perc {
        width: 19%;
    }

    .col-sm-18-perc {
        width: 18%;
    }

    .col-sm-15-perc {
        width: 15%;
    }

    .col-sm-12-perc {
        width: 12%;
    }
}

.default-content-page ul, .content-page ul {
    padding-left: 40px;
    list-style: disc;
}

.default-content-page ol, .content-page ol {
    padding-left: 40px;
    list-style: decimal;
}

/* Vimeo video icon */

.vimeo-video{
	padding: 23px 14px;
    width: 90px;
    height: 90px;
    border-radius: 1px;
    border: solid 0.5px rgba(169, 161, 149, 0.3);
    margin: 5px 10px 5px 0;
}

#main-product-image {
    cursor: pointer;
}

.vimeo-video:hover{
    border: solid 0.5px #858584;
}

.productImage a:focus, .productImage a:hover {
    text-decoration: none;
}

/*Video modal*/

#video-modal{
    background-color: rgba(25,41,56,0.6);
}

#video-modal .modal-body{
    padding: 0px 0px 0px 0px;
}

#video-modal button.close-video {
    right: .88889em;
    top: .88889em;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--button-background);
    border: .05556em solid transparent;
    color: var(--button-color);
    cursor: pointer;
    font: inherit;
    line-height: 1;
    margin: 0;
    opacity: .5;
    padding: 0;
    position: absolute;
    touch-action: manipulation;
    will-change: opacity;
    z-index: 1;
}

#video-modal button.close-video svg {
    fill: none;
    height: 3.33333em;
    pointer-events: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1;
    stroke: currentColor;
    width: 3.33333em;
}

@media (min-width: 768px) {
    #video-modal .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

#video-modal .modal-content {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* New footer design */
footer {
    margin-top: 60px;
    font-size: 16px;
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
}
.border-b { border-bottom-width: 1px; }
.border-gray-200 {
    --border-opacity: 1;
    border-color: #b3b3b3;
    border-color: rgba(179,179,179,var(--border-opacity));
}
.site-footer-icons {
    width: 100%;
    padding: 4rem 1.5rem;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #b3b3b3;
    background: #f0f0f0;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.nav-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    text-align: center;
    margin: 0
}
.nav-footer > .menu-item {
    width: 100%;
    margin-bottom: 3.5rem;
}
.nav-footer .sub-menu a, .nav-footer > .menu-item > a {
    margin-bottom: 1.5rem;
    display: block;
    color: #000000
}
.nav-footer > .menu-item > a,
.nav-footer > .menu-item > .footer-column-title {
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
}
.nav-footer .sub-menu > .menu-item:hover {
    text-decoration: underline;
}

.w-full {
    width: 100%;
}
.footer__bottom-line {
    height: 1.125rem;
}
.bg-red {
    background-color: #e4002c;
}

.site-footer-icons .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer-icons__wrapper { display: flex; justify-content: center; margin: auto 0; }
.footer-icons__wrapper .footer-side-icon { height: 45px; }
.footer-icons__wrapper .icon-link { margin: 0 20px }
.footer-icons__wrapper .icon-link_fixed-height { height: 9rem; }

.central-icon { 
    width: 190px;
    display: block;
    margin: 0 auto; }

.icon-link { display: inline-block; }
.central-icon-link { order: 3; }

@media (min-width: 640px){
    .site-footer-icons {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .nav-footer { text-align: left; }
    .nav-footer>.menu-item {
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .nav-footer .sub-menu a { margin-bottom: 1rem; }
}
@media (min-width: 768px){
    .site-footer-icons .container { flex-direction: row; }
    .central-icon-link { order: inherit; }
    .footer-icons__wrapper_left-column .icon-link:first-child { margin: 0 20px 0 0;}
    .footer-icons__wrapper_right-column .icon-link:last-child { margin: 0 0 0 20px;}
 }
@media (min-width: 892px) { footer { font-size: inherit; }}
@media (min-width: 1024px) {
    .nav-footer>.menu-item {
        width: auto;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }}
@media (max-width: 1500px) { .site-footer-icons { max-width: 100%; }}

/*Updated Login and Reg modal*/

.popup form .form__close,
.register-success-all .form__close,
.register-company .form__close {
	height: 16px;
}
.popup form img.close-popup--js,
.register-success-all img.close-popup--js,
.register-company img.close-popup--js {
    cursor: pointer;
    float: right;
	height: inherit;
}
.popup .form__header_upd label,
.register-success-all .form__header_upd label,
.register-company .form__header_upd label {
	margin-bottom: 30px;
	width: auto;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	display: block;
}
.popup .form__block  {
	display: flex;
    justify-content: space-between;
}
.popup .form__block label,
.popup .input_rememberme label {
	color: #000000;
	display: inline-block;
    width: inherit;
    font-weight: inherit;
}
.popup .form__block .forgot__link {
	margin-top: 13px;
}
.popup .form__block .forgot__link:after {
	content: none;
}
.popup .form__block .forgot__link:hover,
.popup .form__block .forgot__link:focus {
	text-decoration: underline !important;
}
.popup .form__submit {
	background: #333 !important;
	padding: 16px 0 !important;
	font-size: 16px !important;
	font-weight: bold;
	border-radius: 3px;
}
.popup .form__submit:hover,
.popup .form__submit:focus {
	opacity: 0.8;
}

/* Updated common styles */
.content-page a,
#cookie-confirmation  a {
	color: #008bcb;
}
.content-page a:hover,
#cookie-confirmation  a:hover {
	color: #008bcb;
	text-decoration: underline !important;
}
.btn-primary:not(.btn-search):not(.btn-toner-search) {
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	border: 1px solid #333333 !important;
    background: #333333 !important;
	padding: 7px 16px;
	border-radius: 3px;
}
.btn-primary:hover:not(.btn-search):not(.btn-toner-search),
.btn-primary:focus:not(.btn-search):not(.btn-toner-search) {
	background: #333333 !important;
	opacity: 0.8 !important;
}
.btn-secondary:not(label) {
	font-size: 14px;
	color: #333333 !important;
	font-weight: normal;
	border: 1px solid #aaaaaa !important;
	background: #ffffff !important;
	padding: 7px 16px;
	border-radius: 3px;
}
.btn-secondary:hover:not(label),
.btn-secondary:focus:not(label) {
	background: #ffffff !important;
	opacity: 0.8 !important;
	outline: none !important;
}
.btn-bold {
	font-weight: bold !important;
}

.header-hidden {
    display: none;
}

.input-group.date{
    margin-bottom: 30px;
    margin-left: 30px;
}

.checkout-del-extra-opts-header{
    margin-bottom:20px;
    margin-top:40px;
}

.checkout-del-extra-opts-row {
    margin-bottom:20px;
}

.checkout.extra-options .shipping-input{
    margin-left:48px;
}

.checkout.extra-options .shipping-input.upperCaseClass{
    text-transform: uppercase;
}


.dropdown-filters div.bootstrap-select.open button:not(.bs-placeholder).btn-select-filter .filter-option,
.dropdown-filters div.bootstrap-select button:not(.bs-placeholder).btn-select-filter .filter-option,
.js-async-sort-list.js-extra-facet .dropdown-menu li.selected a,
.js-sort-list.js-extra-facet .dropdown-menu li.selected a {
    color: #fff !important;
}

.dropdown-filters div.bootstrap-select.open .btn-select-filter,
.dropdown-filters div.bootstrap-select button:not(.bs-placeholder).btn-select-filter {
    color: #fff !important;
    background-color: #A0A0A0 !important;
    border-color: #A0A0A0 !important;
}

.dropdown-filters div.bootstrap-select button.bs-placeholder.btn-select-filter {
    color: #333333 !important;
    background-color: #FFF !important;
    border-color: #ccc !important;
}

.dropdown-filters div.bootstrap-select button.btn-select-filter:active,
.dropdown-filters .btn-group.open .dropdown-toggle,
.dropdown-filters .bootstrap-select .dropdown-menu,
.js-async-sort-list.js-extra-facet .dropdown-menu,
.js-sort-list.js-extra-facet .dropdown-menu {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

div.js-async-sort-list.js-extra-facet,
div.js-sort-list.js-extra-facet {
    width: auto !important;
}

.js-async-sort-list.js-extra-facet button.btn-select-filter,
.js-sort-list.js-extra-facet button.btn-select-filter {
    color: #333333 !important;
    background-color: #fff !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-weight: 600;
}

.js-async-sort-list.js-extra-facet .dropdown-menu li.selected,
.js-sort-list.js-extra-facet .dropdown-menu li.selected {
    color: #fff !important;
    background-color: #A0A0A0 !important;
}

.js-async-sort-list.js-extra-facet .dropdown-menu li.selected a:hover,
.js-async-sort-list.js-extra-facet .dropdown-menu li.selected a:focus,
.js-sort-list.js-extra-facet .dropdown-menu li.selected a:hover,
.js-sort-list.js-extra-facet .dropdown-menu li.selected a:focus {
    color: #fff !important;
    background-color: #e8e5e1 !important;
}

.filter-light-gray {
    background-color: #e8e5e1;
    color: #333333;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #e8e5e1;
}

.filter-default-gray {
    background-color: #A0A0A0;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #A0A0A0;
}

.right-filter-buttons .filter-light-gray:hover,
.right-filter-buttons .filter-light-gray:focus,
.right-filter-buttons .filter-light-gray:active {
    background-color: #A0A0A0;
    color: #FFF;
    border-color: #A0A0A0;
}

.right-filter-buttons .filter-default-gray:hover,
.right-filter-buttons .filter-default-gray:focus,
.right-filter-buttons .filter-default-gray:active {
    background-color: #A0A0A0;
    color: #FFF;
    border-color: #A0A0A0;
}

.checkout-inner .checkout-type--bottom a,
.checkout-inner .checkout-invoice a,
.checkout-inner .checkout-conditions a,
.modal-content p a, .terms-and-conditions a {
    color: #008BCB !important;
}

.checkout-inner .checkout-type--bottom a:hover,
.checkout-inner .checkout-invoice a:hover,
.checkout-inner .checkout-conditions a:hover,
.modal-content p a:hover, .terms-and-conditions a:hover {
    text-decoration: underline !important;
}

.checkout-header-section {
    display: none;
}

.header-visible {
    display: block !important;
}

.checkout-body {
    padding-top: 0px !important;
}

.checkout-body .site-wrapper .component-richtext div a:not(.checkout-back-btn):not(.cart-item--title-url) {
    color: #008BCB !important;
}

.checkout-body .site-wrapper .component-richtext div a:not(.checkout-back-btn):not(.cart-item--title-url):hover {
    text-decoration: underline !important;
}

.checkout-back-icon{
    width:15px;
    height:15px;
    margin-right:6px;
    margin-top:3px;
}

/**************************************************
COUNTDOWN
**************************************************/
/*
.sg-countdown-outer-container {
    margin-bottom: 15px !important;
    border-top: 1px solid #ccc !important;
    padding-top: 15px !important;
}

.sg-countdown-outer-container .sg-delivery-text {
    margin-bottom: 10px !important;
    font-size: 13px !important;
    width: 100% !important;
    font-weight: bold !important;
}

.sg-countdown-outer-container .sg-delivery-text span {
    font-weight: bold !important;
}

.sg-countdown-container {
    display: table;
    white-space: nowrap !important;
    width: auto !important;
}

.sg-countdown {
    text-align: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    display: table-row !important;
    white-space: nowrap !important;
    width: 100% !important;
}

.sg-countdown-item {
    display: table-cell !important;
    width: 50px !important;
    padding: 0 2px !important;
}

.sg-countdown-value {
    display: block !important;
    background: #333 !important;
    color: white !important;
    font-size: 18px !important;
    padding: 5px 4px !important;
    border-radius: 2px 2px 0 0 !important;
}

.sg-countdown-unit {
    display: block !important;
    text-transform: uppercase !important;
    background: #efefef !important;
    font-size: 10px !important;
    padding: 5px !important;
    border-radius: 0 0 2px 2px !important;
}
    */
/**************************************************/
/*
@media screen and (max-width: 767px) {
    .sg-countdown-outer-container { 
        width: 100% !important;
    }

    .sg-countdown li.sg-countdown-item {
        width: 40px !important;
    }
    
    .sg-countdown-value {
        font-size: 14px !important;
        padding: 5px 0 !important;
    }
    
    .sg-countdown-unit {
        padding: 2px !important;
    }
}*/

/* Joint delivery */
.joint-delivery {
    background: #cee6b0;
	border: 1px solid #64b101;
    padding: 15px 20px;
    text-align: left;
}
.joint-delivery-header { 
    font-size: 16px;
	font-weight: bold;
}
.joint-delivery-center { 
    text-align: center;
}
.joint-delivery-center span { 
    margin-left:14px;
}
.joint-delivery-content {
	margin: 10px 0;
}
.joint-delivery-btns {
	text-align: center;
}
.joint-delivery-btns button {
	margin: 0 20px;
}
.joint-delivery .joint-close-button {
	height: 14px;
	display: inline;
}
.joint-delivery .joint-close-button .close-popup--js {
    cursor: pointer;
    float: right;
    height: inherit;
}

/* Broken favorite list message */
.broken-favorite-list-message {
    background: #fcd5d6;
	border: 1px solid #f99;
    padding: 15px 20px;
    text-align: left;
    margin-bottom: 25px;
}
.broken-favorite-list-header { 
    font-size: 16px;
	font-weight: bold;
}
.broken-favorite-list-content {
	margin: 10px 0;
}
.broken-favorite-list-btn {
	text-align: center;
}
.broken-favorite-list-btn button {
	margin: 0 20px;
}

@media screen and (max-width: 767px) {
    .joint-delivery-btns .btn-secondary {
		margin-bottom: 10px;
	}

    .usps-list li {
        font-size: 16px;
    }
}

.container.related-products-container {
	margin-top: 30px;
}
.container.related-products-container .caption a {
    font-weight: normal;
}

.productDetails .unitPrice {
    color: #7d7d7d;
    font-size: 18px;
}

.stock-info-container {
	display: flex;
    justify-content: space-between;
    margin: 8px 0;
}
.stock-info-container .pdp-availability-popup {
	color: black;
    font-weight: bold;
}

.stock-info-container .pdp-availability-popup-out-of-stock {
	color: black;
    font-weight: bold;
}

.stock-info-container .pdp-availability-popup:hover,
.stock-info-container .pdp-availability-popup:focus {
	text-decoration: underline !important;
}
.stock-info-container .pdp-availability-icon {
	padding-right: 5px;
    padding-bottom: 10px;
    width: 20px;
}
.product-brand-url {
	font-size: 18px;
    color: #BBBBBB;
}
.product-brand-url:hover,
.product-brand-url:focus {
	font-size: 18px;
    color: #BBBBBB;
	text-decoration: underline !important;
}

.env-icons-header {
	font-size: 15px;
}

/* tabs on PDP */
.pdp-nav-tabs {
	margin: 30px 0;
}
.pdp-nav-tabs .nav:before {
    border: none;
}
.pdp-nav-tabs .nav-tabs {
	border-bottom: 1px solid #CCCCCC;
}
.pdp-nav-tabs .nav-tabs > li {
	padding: 0 0 5px 0;
	min-width: 120px;
    text-align: center;
}
.pdp-nav-tabs .nav-tabs > li.active,
.pdp-nav-tabs .nav-tabs > li:hover,
.pdp-nav-tabs .nav-tabs > li:focus {
	border-bottom: 3px solid black;
	margin-bottom: -3px;
}
.pdp-nav-tabs .nav-tabs > li > a {
	color: #333333;
	font-size: 16px;
	border: none;
}
.pdp-nav-tabs .nav-tabs > li.active > a,
.pdp-nav-tabs .nav-tabs > li.active > a:hover,
.pdp-nav-tabs .nav-tabs > li.active > a:focus {
    color: #333333;
	font-weight: bold;
    background-color: transparent;
    border: none;
    cursor: default;
}
.pdp-nav-tabs .tab-content {
	margin-top: 15px;
}
.pdp-nav-tabs .box-item-price .price {
    color: #cc0001;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    float: right;
	line-height: normal;
}
#specification {
	padding: 0;
}
.pdp-info-icon, .pdp-delivery-icon {
	padding-right: 5px;
    width: 20px;
}
.pdp-stock-icon {
	padding-right: 5px;
    width: 20px;
    height: 15px;
    margin-top: 8px;
}
.returnable-info-icon {
	padding-right: 5px;
    width: 20px;
}

.returnable-info-wrapper {
	margin-bottom: 10px;
}

.delivery-information-wrapper {
	margin-bottom: 10px;
}
.prod-info-block span {
	margin-top: 7px;
}
#productAccordion {
	border-bottom: 1px solid #CCCCCC;
}
#productAccordion .panel-heading a {
    color: #333333;
    font-size: 16px;
    border: none;
	width: 100%;
	display: block;
}
#productAccordion .panel-heading {
    border-top: 1px solid #CCCCCC;
	height: 50px;
	position: relative;
}
#productAccordion .panel-collapse {
	margin-bottom: 20px;
}
#productAccordion .panel-heading .panel-title {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	display: block;
}
#productAccordion .pdp-chevron-icon {
	padding-right: 5px;
	padding-top: 5px;
    width: 20px;
	position: absolute;
    right: 10px;
	display: none;
}
#productAccordion a:not(.collapsed) img.up-icon {
	display: inline;
}
#productAccordion a.collapsed img.down-icon {
	display: inline;
}
#productAccordion .product-list-slider .product-items, .pdp-nav-tabs .product-list-slider .product-items {
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 768px) {
	.pdp-nav-tabs .product-items .product {
		width: 50%;
	} 
}
@media (min-width: 992px) {
	.pdp-nav-tabs .product-items .product {
		width: 50%; 
	} 
}   
@media (min-width: 1200px) {
	.pdp-nav-tabs .product-items .product {
		width: 33%;
		max-height: 299px;
	}
}    
@media screen and (max-width: 767px) {
    .pdp-nav-tabs {
		margin: 10px 0;
	}
	.pdp-nav-tabs .nav-tabs > li {
		width: 100%;
		margin-top: 10px;
	}
}
/*****************************/

/* product thumbnails carousel on PDP */

.products_carousel {
    position: relative;
}

.caroulsel-enabled {
    margin: auto;
}

.carousel-disabled {
    margin: unset;
}

.carousel__activator {
  display: none;
}

.carousel__controls {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  bottom: 0;
}
.carousel__controls:first-of-type {
  justify-content: flex-end;
}
.carousel__controls:last-of-type {
  justify-content: flex-start;
}

.carousel__control {
  cursor: pointer;
  display: flex;
  width: 0.7cm;
  height: 0.7cm;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
  z-index: 1;
}
.carousel__control--backward {
  transform: rotate(180deg);
}

.carousel__control img {
	width: 100%;
    height: 100%;
}

.carousel__screen {
  overflow: hidden;
  margin-left: 80px;
  margin-right: 80px;
}

.carousel__track {
  font-size: 0;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.carousel__item {
  display: inline-flex;
}

@media (min-width: 280px) and (max-width: 350px) {
  .caroulsel-enabled {
	width: 240px;
  }
  .caroulsel-disabled {
	width: 251px;
  }
  .carousel__controls {
	right: -16px;
    left: -22px;
  }
  .carousel__screen {
    margin-left: 0px;
    margin-right: 0px;
  }
  .productImage .lightbox img {
	width: 55px !important;
    height: 55px !important;
    padding: 2px !important;
	margin: 5px 5px 5px 0 !important;
  }
  .productImage img.icon-video {
	padding: 13px 8px !important;
  }
}

@media (min-width: 350px) and (max-width: 400px) {
  .caroulsel-enabled {
	width: 303px;
  }
  .caroulsel-disabled {
	width: 340px;
  }
  .carousel__controls {
	right: -13px;
    left: -15px;
  }
  .carousel__screen {
    margin-left: 25px;
    margin-right: 20px;
  }
  .productImage .lightbox img {
	width: 55px !important;
    height: 55px !important;
    padding: 2px !important;
  }
  .productImage img.icon-video {
	  padding: 13px 8px !important;
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  .caroulsel-enabled {
	width: 440px;
  }
  .caroulsel-disabled {
	width: 514px;
  }
  .carousel__controls {
	right: -10px;
    left: -20px;
  }
  .carousel__screen {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 400px) and (max-width: 500px), (min-width: 768px) and (max-width: 992px) {
  .caroulsel-enabled {
	width: 343px;
  }
  .caroulsel-disabled {
	width: 480px;
  }
  .carousel__controls {
	right: -10px;
    left: -15px;
  }
  .carousel__screen {
    margin-left: 24px;
    margin-right: 20px;
  }
  .productImage .lightbox img {
	width: 65px !important;
    height: 65px !important;
    padding: 2px !important;
  }
  .productImage img.icon-video {
	padding: 13px 8px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .caroulsel-enabled {
	width: 440px;
  }
  .caroulsel-disabled {
	width: 514px;
  }
  .carousel__controls {
	right: -10px;
    left: -20px;
  }
  .carousel__screen {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1200px) {
  .caroulsel-enabled {
	width: 558px;
  }
}
/*****************************/
 
/*PDP embedded video*/
.pdp_embedded_video {
    width: 100%;
    aspect-ratio: 16/9;
    margin-top: 25px;
}
/*****************************/

/*Topbanner*/
.topbanner {
    position: relative;
    cursor: pointer;
}

.topbanner__image {
    width: 100%;
    opacity: 1.0;
}

.topbanner__image:hover {
  opacity: 0.5;
}

.topbanner__content {
    position: absolute;
    width: 92%;
    top: 20%;
    padding-left: 6%;
}

.topbanner__title {
    padding-bottom: 5px;
    font-weight: bold;
}

.topbanner__title_black {
    color: black;
}

.topbanner__title_white {
    color: white;
}

.topbanner__title_big {
    font-size: 86px;
    line-height: 88px;
}

.topbanner__title_medium {
    font-size: 62px;
    line-height: 64px;
}

.topbanner__title_small {
    font-size: 54px;
    line-height: 58px;
}

.topbanner__subtitle_black {
    font-size: 20px;
    color: black;
    font-weight: bold;
    padding-bottom: 25px;
}

.topbanner__subtitle_white {
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding-bottom: 25px;
}

.topbanner__btn_black {
    font-size: 20px;
    font-weight: bold;
    padding: 12px 26px;
	border-radius: 3px;
    color: #ffffff;
    background: #333333 !important;
}

.topbanner__btn_black:hover,
.topbanner__btn_black:focus {
	background: #ffffff !important;
    color: #333333;
}

.topbanner__btn_white {
    font-size: 20px;
    font-weight: bold;
    padding: 12px 26px;
	border-radius: 3px;
	color: #000000;
	background: #ffffff !important;
}

.topbanner__btn_white:hover,
.topbanner__btn_white:focus {
	background: #333333 !important;
	outline: none !important;
    color: #ffffff;
}

.topbanner__btn_black.transparent_btn {
    background: none !important;
    border: solid #333333 2px;
    color: #333333;
}

.topbanner__btn_white.transparent_btn {
    background: none !important;
    border: solid #ffffff 2px;
    color: #ffffff;
}

.opacity_added {
    opacity: 0.8;
    transition: opacity 0.2s linear;
}

.opacity_removed {
    opacity: 1;
    transition: opacity 0.2s linear;
}

.suggestions-hdr {
	padding: 10px 0px 0px 10px;
}

@media (min-width: 768px) {
  .topbanner__title_full {
	display: block;
  }
  .topbanner__title_trunc {
	display: none;
  }
}

@media (max-width: 767px) {
  .topbanner__image.cropImageMobile {
    object-fit: cover;
    width: 390px;
    height: 390px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .topbanner__content {
	  top: 30%;
      text-align: center;
  }
  .topbanner__title_big, .topbanner__title_medium, .topbanner__title_small {
    font-size: 30px;
    padding-bottom: 30px;
    line-height: unset;
  }
  .topbanner__title_full {
	display: none;
  }
  .topbanner__title_trunc {
	display: block;
  }
  .topbanner__subtitle_black, .topbanner__subtitle_white {
	display: none;
  }
  .topbanner__btn_black, .topbanner__btn_white {
    font-size: 18px;
    right: 0;
  }
}
/*****************************/

/*Divided banner and Quad Banner*/
.divided-banner__row, .quad-banner__row {
    columns: 2 auto;
}
.divided-banner__column, .quad-banner__column {
  position: relative;
  float: left;
  margin-top: 20px;
  cursor: pointer;
}

.quad-banner__column {
  width: 575px;
  height: 245px;
}

.divided-banner__left-image, .divided-banner__right-image {
    width: 100%;
}

.quad-banner__topLeft-image, .quad-banner__topRight-image, .quad-banner__bottomLeft-image, .quad-banner__bottomRight-image {
    width: 100%;
    height: 100%;
}

.divided-banner__content, .quad-banner__content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 10%;
}

.quad-banner__content {
    height: 45px;
}

.divided-banner__content_8FAAA5, .quad-banner__content_8FAAA5 {
    background: #8FAAA5E6;
}

.divided-banner__content_0E324A, .quad-banner__content_0E324A {
    background: #0E324AE6;
}

.divided-banner__content_5F5E66, .quad-banner__content_5F5E66 {
    background: #5F5E66E6;
}

.divided-banner__content_CA9082, .quad-banner__content_CA9082 {
    background: #CA9082E6;
}

.divided-banner__content_EEE3D1, .quad-banner__content_EEE3D1 {
    background: #EEE3D1E6;
}

.divided-banner__content_D8CBC5, .quad-banner__content_D8CBC5 {
    background: #D8CBC5E6;
}

.divided-banner__content_black, .quad-banner__content_black {
    background: #000000E6;
}

.divided-banner__content_white, .quad-banner__content_white {
    background: #ffffffE6;
}

.divided-banner__title {
    font-size: 34px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.quad-banner__title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}

.divided-banner__title::after, .divided-banner__subtitle::after, .quad-banner__title::after {
    content:" ";
    white-space:pre;
}

.divided-banner__title_black, .divided-banner__subtitle_black, .divided-banner__arrow_black,
.quad-banner__title_black, .quad-banner__arrow_black {
    color: black;
}

.divided-banner__title_white, .divided-banner__subtitle_white, .divided-banner__arrow_white,
.quad-banner__title_white, .quad-banner__arrow_white {
    color: white;
}

.divided-banner__subtitle {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
}

.divided-banner__arrow {
    height: 40px;
    float: right;
    margin-right: 20px;
    margin-top: -50px;
}

.quad-banner__arrow {
    display: inline-block;
    height: 30px;
    margin-top: -8px;
}

.divided-banner__arrow_black, .quad-banner__arrow_black {
    filter: brightness(0) invert(0);
}

.divided-banner__arrow_white, .quad-banner__arrow_white {
    filter: brightness(0) invert(1);
}

.opacity_added {
    opacity: 0.8;
    transition: opacity 0.2s linear;
}

.opacity_removed {
    opacity: 1;
    transition: opacity 0.2s linear;
}

@media (max-width: 1280px) {
    .quad-banner__column {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 768px) {
  .divided-banner__title_left_full, .divided-banner__title_right_full {
	display: block;
  }

  .quad-banner__title_left_full, .quad-banner__title_right_full {
	display: inline-block;
  }

  .divided-banner__title_left_trunc, .divided-banner__title_right_trunc,
  .quad-banner__title_left_trunc, .quad-banner__title_right_trunc {
	display: none;
  }
}

@media (max-width: 767px) {
  .divided-banner__row, .quad-banner__row {
    columns: 1 auto;
  }

  .quad-banner__row {
    margin-bottom: 20px;
  }

  .divided-banner__title, .quad-banner__title {
    font-size: 24px;
    padding-right: 35px;
  }

  .divided-banner__title_left_full, .divided-banner__title_right_full,
  .quad-banner__title_left_full, .quad-banner__title_right_full {
	display: none;
  }

  .divided-banner__title_left_trunc, .divided-banner__title_right_trunc,
  .quad-banner__title_left_trunc, .quad-banner__title_right_trunc {
	display: block;
  }

  .divided-banner__subtitle {
    display: none;
  }

  .divided-banner__arrow, .quad-banner__arrow {
      display: none;
  }
}

/*****************************/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.popup {
  width: 90%;
  z-index: 12;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  position: absolute;
  left: 50%;
  top: -200%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: white;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.73);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.73); }
  @media screen and (min-width: 768px) {
    .popup {
      top: -150%;
      width: 525px; } }
  .popup--register .register-success-all {
      margin-bottom: 0;
      padding: 25px 15px;
      display: none;
  }
  @media screen and (min-width: 768px){
    .popup--register .register-success-all {
        padding: 40px;
    } }
  .popup.popup--register .register-company {
    padding: 15px;
    display: none; }
    @media screen and (min-width: 768px) {
      .popup.popup--register .register-company {
        display: none;
        padding: 40px;
        min-height: 450px; } }
    .popup.popup--register .register-company .form__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .popup.popup--register .register-company .form__header span {
        cursor: pointer;
        -webkit-text-stroke: 3px white;
        font-size: 20px; }
      .popup.popup--register .register-success-all .form__header {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
      .popup.popup--register .register-success-all .form__header span {
          cursor: pointer;
          -webkit-text-stroke: 3px white;
          font-size: 20px; }
    .popup.popup--register .register-company form {
      padding: 0; }
    .popup.popup--register .register-company .input span.form__required {
        bottom: 25px; }
    .popup.popup--register .register-company label span {
      font-weight: initial; }
    .popup.popup--register .register-company .company-address {
      padding-top: 30px;
      padding-bottom: 30px;}
        .popup.popup--register .register-company .company-address div {
          font-size: 15.5px;
          margin-top: 3px; }
    .popup.popup--register .register-success__contact-block {
        display: none;
        padding-top: 20px; }
    .popup.popup--register .register-success__contact-block .normal-weight {
      font-weight: normal; }
    .popup.popup--register .register-company .input img {
      width: 20px;
      height: 20px; }
    .popup.popup--register .register-company .input span {
      font-weight: bold; }
    .popup.popup--register .register-company .input input[type="text"], .popup.popup--register .register-company .input input[type="email"] {
      margin-bottom: 12px;
      font-size: 14px;
      width: 100%;
      padding: 10px 0;
      border: none;
      outline: none;
      border-bottom: 1px solid gray; }
    .popup.popup--register .input.input_org_number input[type="text"] {
      margin-bottom: 5px;}
      .popup.popup--register .register-company .input input[type="text"]:focus, .popup.popup--register .register-company .input input[type="email"]:focus {
        border-bottom: 0;
        margin-top: 1px; }
    .popup.popup--register .register-company .input input[type="checkbox"] {
      width: auto;
      margin-right: 10px;
      margin-top: 15px;
      position: relative;
      -webkit-appearance: none;
      padding: 6px 6px;
      outline: 1px solid;
      border-bottom: none; }
      .popup.popup--register .register-company .input input[type="checkbox"]:focus {
        outline-offset: 0; }
    .popup.popup--register .register-company .input input[type="checkbox"]:checked:after {
      background: url(/Static/images/icons/checkbox-x.svg) no-repeat center;
      height: 9.5px;
      width: 9.5px;
      position: absolute;
      top: 1.5px;
      left: 1.5px;
      content: ""; }
    .popup.popup--register .register-success__contact-person, .popup.popup--register .register-private-customer-extra-fields {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .popup.popup--register .register-success__contact-person .input, .popup.popup--register .register-private-customer-extra-fields .input {
        width: 48%;
        display: inline-block; }
      #offentlig-forvaltning{
        cursor:pointer; }
      .form__register-company-customer .register-user-error{
        display:none; }
      .form__register .register-user-error{
        display:none; }
  .popup.popup--saved-basket {
    padding: 15px; }
    @media screen and (min-width: 768px) {
      .popup.popup--saved-basket {
        padding: 40px; } }
    .popup.popup--saved-basket .form__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .popup.popup--saved-basket .form__header span {
        cursor: pointer;
        -webkit-text-stroke: 3px white;
        font-size: 20px; }
    .popup.popup--saved-basket p {
        line-height: 25px;
        padding: 15px 0 5px 0;
    }
    .popup.popup--saved-basket .buttons-section{
        display: flex;
        flex-wrap: wrap;
    }
    .popup.popup--saved-basket button {
      flex: 1 1 auto;
      /*min-width: 180px;*/
      color: white;
      border: none;
      background: #2d8bcb;
      padding: 10px 0;
    }
    .popup.popup--saved-basket button.secondary {
        margin: 0px 10px 5px 30px;
        color: #333333 !important;
        font-weight: normal;
        border: 1px solid #aaaaaa !important;
        background: #ffffff !important;
        border-radius: 3px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 8px 0px;
        font-size: 14px;
        line-height: 1.42857;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .popup.popup--saved-basket button.primary {
        margin: 0px 30px 5px 10px;
        color: #ffffff;
        font-weight: normal;
        border: 1px solid #333333 !important;
        background: #333333 !important;
        border-radius: 3px; 
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 8px 0px;
        font-size: 14px;
        line-height: 1.42857;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .popup.popup--saved-basket .form__close {
        height:16px;
    }
    .popup.popup--saved-basket .form__close img {
        cursor: pointer;
        float: right;
        height: inherit;
    }
    .popup.popup--saved-basket .form__header_upd label {
        margin-bottom: 20px;
    }

    .popup.popup--track-delivery {
        padding: 15px;
        margin: 30px auto;
        margin-top: 200px;
    }

    @media screen and (min-width: 768px) {
        .popup.popup--track-delivery {
            padding: 40px;
        }
    }

    .popup.popup--track-delivery .form__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .popup.popup--track-delivery .form__header span {
        cursor: pointer;
        -webkit-text-stroke: 3px white;
        font-size: 20px;
    }

    .popup.popup--track-delivery p {
        line-height: 25px;
        padding: 15px 0 5px 0;
        text-align: center;
    }

    .popup.popup--track-delivery .form__close {
        height: 16px;
    }

        .popup.popup--track-delivery .form__close img {
            cursor: pointer;
            float: right;
            height: inherit;
        }

    .popup.popup--track-delivery .form__header_upd label {
        margin-bottom: 20px;
    }

    .track-delivery-modal-wrapper
    {
        position: fixed;
        top: -100px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display:none;
    }

    .track-delivery-modal-wrapper.show{
       display:block;
    }


  .popup form {
    margin-bottom: 0;
    padding: 25px 15px; }
    @media screen and (min-width: 768px) {
      .popup form {
        padding: 40px 40px 20px 40px; } }
    .popup form .form__header {
      height: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .popup form .form__header label, .register-company .form__header label {
        margin-bottom: 30px;
        width: auto;
        display: inline;
        font-size: 12px;
        font-weight: normal; }
      .popup form .form__header span {
        cursor: pointer;
        -webkit-text-stroke: 3px white;
        font-size: 20px; }
    .popup form.form__forgot-pass {
      display: none; }
    .popup form .input {
      position: relative; }
      .popup form .input span.form__required {
        position: absolute;
        color: #ce3b28;
          font-size: 18px;
        right: 5px;
        top: 15px; }
      .popup form .input-firstname span.form__required,
      .popup form .input-lastname span.form__required{
        top: 40px }
      .popup form .input.input-error input[type="text"] {
        color: #ce3b28; }
      .popup form .input.input-error .input__error-msg {
        display: block; }
      .popup form .terms-and-conditions .input__error-msg {
          margin-top: 5px;
      }
      .popup form .input__error-msg {
        display: none;
        width: 100%;
        background: #666666;
        text-align: center;
        color: white;
        padding: 12px 0;
        position: relative;
        margin-top: -8px; }
        .popup form .input__error-msg:after {
          content: "";
          position: absolute;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 15px solid #666666;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: -15px; }
    .popup form label {
      width: 100%;
      display: block;
      font-size: 14px;
      font-weight: bold;
      position: relative; }
    .popup form label.org-number-label {
        padding-top: 10px;}
    .popup form p {
      padding-bottom: 15px;
      position: relative; }
      .popup form p span {
        position: absolute;
        right: 0;
        bottom: -28px;
        font-size: 12px; }
        .popup form p span span {
          color: red;
          position: relative;
          font-size: 18px;
          top: 0;
          right: 2px; }
    .popup form input {
      width: 100%;
      padding: 10px 0;
      border: none;
      outline: none;
      border-bottom: 1px solid #afabac; }
      .popup form input[type="text"], .popup form input[type="email"], .popup form input[type="password"] {
        margin-bottom: 12px;
        font-size: 18px; }
        .popup form input[type="text"]:focus, .popup form input[type="email"]:focus, .popup form input[type="password"]:focus {
          border-bottom: 0;
          margin-top: 1px; }
      .popup form input[type="checkbox"] {
        width: auto;
        margin-right: 10px;
        margin-top: 15px;
        position: relative;
        -webkit-appearance: none;
        padding: 6px 6px;
        outline: 1px solid;
        border-bottom: none; }
        .popup form input[type="checkbox"]:focus {
          outline-offset: 0; }
      .popup form input[type="checkbox"]:checked:after {
        background: url(/Static/images/icons/checkbox-x.svg) no-repeat center;
        height: 9.5px;
        width: 9.5px;
        position: absolute;
        top: 1.5px;
        left: 1.5px;
        content: ""; }
      .popup form input[type="submit"] {
        background: #64b00e;
        margin: 15px 0;
        padding: 15px 0;
        border: none;
        color: white;
        font-size: 20px; }
    .popup form a {
      color: black;
      position: relative; }
      .popup form a:after {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -4px;
        height: 1px;
        background: #afabac; }
    .popup form .form__business-costumer {
      margin-top: 10px; }
      .popup form .form__business-costumer-info {
        display: none; }
        .popup form .form__business-costumer-info span {
          display: block;
          font-weight: bold; }
        .popup form .form__business-costumer-info-select {
          position: relative; }
          .popup form .form__business-costumer-info-select select {
            width: 100%;
            -webkit-appearance: none;
            border-radius: 0;
            border-color: black;
            padding: 8px 5px;
            background: transparent;
            position: relative; }
            .popup form .form__business-costumer-info-select select option {
              background: #ededed; }
            .popup form .form__business-costumer-info-select select:focus {
              outline: none; }
          .popup form .form__business-costumer-info-select:after {
            content: "\f107";
            font-family: FontAwesome;
            color: #333;
            padding: 12px 8px;
            position: absolute;
            right: 0;
            top: -8px;
            font-size: 150%;
            background: transparent;
            z-index: 1;
            text-align: center;
            width: 12%;
            height: 100%;
            pointer-events: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
      .popup form .form__business-costumer input {
        background: inherit; }
        .popup form .form__business-costumer input[type="submit"] {
          margin-bottom: 10px;
          padding: 0;
          color: black;
          height: 40px;
          font-size: 14px;
          padding: 8px 0;
          border: 1px solid #afabac;
          background-color: #fff; }
        .form__business-costumer .input_customer_number, .form__business-costumer .customer_number_label{
          display: none }
  .popup.popup--show {
    top: 1%; }
    @media screen and (min-width: 768px) {
      .popup.popup--show {
        top: 5%; } }

/*Tabs in new registration flow*/

.reg-nav-tabs-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.reg-nav-tabs {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}

.reg-nav-tabs:before{
    display: table;
    content: " ";
}

.reg-nav-tabs>li {
    float: left;
    margin-bottom: -2px;
    position: relative;
    display: block;
}

.reg-nav-tabs>li:first-child {
  padding-right:40px;
  width: auto !important;
}

.reg-nav-tabs>li.active>a, .reg-nav-tabs>li.active>a:focus, .reg-nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #fff;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: red;
    margin-bottom: 3px;
}

.reg-nav-tabs>li>a {
    color: #333333;
    text-decoration: none;
    text-align: center;
    height: 100%;
    position: relative;
    display: block;
    padding: 10px 0px 5px 0px;
    background-color: #fff;
}

.reg-nav-tabs>li>a:after {
    height:auto;
}


.public-admin-content, .input_sendnewsletter, .register-private-customer-extra-fields-block{
    display: none;
}

div.input_rememberme input, .input_sendnewsletter input,
.form__login #remember_me, .registration-fields-block .input_rememberme input, .registration-fields-block .input.terms-and-conditions input{
    color: #afabac;
}

.grecaptcha-badge { visibility: hidden; }

.form__register .reCaptcha-terms-and-conditions {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
}

/*Reseller*/

.reseller form input {
      width: 100%;
      padding: 10px 0;
      border: none;
      outline: none;
      border-bottom: 1px solid #afabac; 
}

.reseller form .input {    
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 10px;
}

.reseller form .input span.form__required {    
    color: #ce3b28;
    font-size: 18px;    
}

.reseller form .form__reseller-business-costumer .btn-secondary {
    margin: 15px 0;
    margin-bottom: 10px;
    height: 40px;
    font-size: 14px;
    padding: 8px 0;
   
}

.reseller .form__submit {
    background: #333 !important;
    padding: 16px 0 !important;
    font-size: 16px !important;
    font-weight: bold;
    border-radius: 3px;
    color: white;
}

.reseller .form__submit:hover,
.reseller .form__submit:focus {
	opacity: 0.8;
}

.reseller .register-success__contact-block{
    padding: 15px 0px;
}

.reseller .terms-and-conditions{
    padding-top: 15px;
}

.reseller form .input.input-error .input__error-msg {
    display: block;
}
.reseller form .input__error-msg {
    display: none;
    width: 100%;
    background: #666666;
    text-align: center;
    color: white;
    padding: 12px 0;
    position: relative;
    margin-top: 4px;
}

.reseller form .input__error-msg:after {
    content: "";
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #666666;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -15px; 
}

/*ResellerEnd*/
:root{--tobii-base-font-size:18px;--tobii-transition-duration:0.3s;--tobii-transition-timing-function:cubic-bezier(0.19,1,0.22,1);--tobii-zoom-icon-background:rgba(25,41,56,0.94);--tobii-zoom-icon-color:#fff;--tobii-lightbox-background:rgba(0,0,0,0.85);--tobii-lightbox-z-index:1337;--tobii-caption-background:rgba(0,0,0,0.8);--tobii-caption-color:#eee;--tobii-counter-background:transparent;--tobii-counter-color:#fff;--tobii-button-background:transparent;--tobii-button-navigation-background:rgba(0,0,0,0.5);--tobii-button-color:#fff;--tobii-loader-color:#fff;--tobii-slide-max-height:calc(100vh - 2.77778em);--tobii-slide-max-width:100vw}.tobii-zoom{border:0;box-shadow:none;display:inline-block;position:relative;text-decoration:none}.tobii-zoom img{display:block}.tobii-zoom__icon{align-items:center;background-color:var(--zoom-icon-background,var(--tobii-zoom-icon-background));color:var(--zoom-icon-color,var(--tobii-zoom-icon-color));display:flex;height:1.77778em;justify-content:center;line-height:1;position:absolute;right:.44444em;top:.44444em;width:1.77778em}.tobii-zoom__icon svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;stroke:currentColor;height:1.33333em;pointer-events:none;width:1.33333em}.tobii-is-open{overflow-y:hidden}.tobii-image,.tobii-is-open{touch-action:none}.tobii{background-color:var(--lightbox-background,var(--tobii-lightbox-background));bottom:0;box-sizing:border-box;contain:strict;font-size:var(--base-font-size,var(--tobii-base-font-size));left:0;line-height:1.5;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--lightbox-z-index,var(--tobii-lightbox-z-index))}.tobii[aria-hidden=true]{display:none}.tobii *,.tobii :after,.tobii :before{box-sizing:inherit}.tobii__slider{bottom:0;left:0;position:absolute;right:0;top:2.77778em;will-change:transform}.tobii__slider[aria-hidden=true]{display:none}@media screen and (prefers-reduced-motion:no-preference){.tobii__slider--animate:not(.tobii__slider--is-dragging){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function))}}.tobii__slider--is-draggable [data-type]{cursor:grab}.tobii__slider--is-dragging [data-type]{cursor:grabbing}.tobii__slide{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tobii__slide:not(.tobii__slide--is-active){visibility:hidden}@media screen and (prefers-reduced-motion:no-preference){.tobii__slide:not(.tobii__slide--is-active){transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:visibility;transition-timing-function:var(--timing-function,var(--tobii-transition-timing-function))}}.tobii__slide [data-type]{-ms-scroll-chaining:none;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width));overflow:hidden;overflow-y:auto;overscroll-behavior:contain}.tobii__slide iframe,.tobii__slide video{display:block!important}.tobii__slide figure{margin:0;position:relative}.tobii__slide figure>img{display:block;height:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width));width:auto}.tobii__slide figure>figcaption{background-color:var(--caption-background,var(--tobii-caption-background));bottom:0;color:var(--caption-color,var(--tobii-caption-color));padding:.22222em .44444em;position:absolute;white-space:pre-wrap;width:100%}.tobii__slide [data-type=html] video{cursor:auto;max-height:var(--slide-max-height,var(--tobii-slide-max-height));max-width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__slide [data-type=iframe]{-webkit-overflow-scrolling:touch;transform:translateZ(0)}.tobii__slide [data-type=iframe] iframe{height:var(--slide-max-height,var(--tobii-slide-max-height));width:var(--slide-max-width,var(--tobii-slide-max-width))}.tobii__btn{-webkit-appearance:none;appearance:none;background-color:var(--button-background,var(--tobii-button-background));border:.05556em solid transparent;color:var(--button-color,var(--tobii-button-color));cursor:pointer;font:inherit;line-height:1;margin:0;opacity:.5;padding:0;position:absolute;touch-action:manipulation;will-change:opacity;z-index:1}@media screen and (prefers-reduced-motion:no-preference){.tobii__btn{transition-duration:var(--transition-duration,var(--tobii-transition-duration));transition-property:opacity,transform;transition-timing-function:var(--transition-timing-function,var(--tobii-transition-timing-function));will-change:opacity,transform}}.tobii__btn svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;stroke:currentColor;height:3.33333em;pointer-events:none;width:3.33333em}.tobii__btn--next,.tobii__btn--previous{background-color:var(--button-navigation-background,var(--tobii-button-navigation-background));border-radius:.27778em;top:50%;transform:translateY(-50%)}.tobii__btn--previous{left:.88889em}.tobii__btn--next{right:.88889em}.tobii__btn--close{height:2.22222em;right:.27778em;top:.27778em;width:2.22222em}.tobii__btn--close svg{height:100%;transform:scale(1.4);width:100%}.tobii__btn:disabled,.tobii__btn[aria-hidden=true]{cursor:default;visibility:hidden}.tobii__counter{background-color:var(--counter-background,var(--tobii-counter-background));color:var(--counter-color,var(--tobii-counter-color));font-size:1.11111em;left:.83333em;line-height:1;opacity:.8;position:absolute;top:.83333em;z-index:1}.tobii__counter[aria-hidden=true]{display:none}.tobii__loader{display:inline-block;height:5.55556em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5.55556em}.tobii__loader:before{animation:spin 1s infinite;border:.22222em solid #949ba3;border-radius:100%;border-top:.22222em solid var(--loader-color,var(--tobii-loader-color));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}.tobii__slide .tobii-html{background:#fff;max-width:800px;padding:10px 20px}
.productImage .lightbox img {
    width: 90px;
    height: 90px;
    padding: 4px;
    border-radius: 1px;
    border: solid 0.5px rgba(169, 161, 149, 0.3);
    margin: 5px 10px 5px 0;
}

.productImage .lightbox img:hover {
    border: solid 0.5px #858584;
}

.productImage .lightbox img.icon-video {
    padding: 23px 14px;
}

@media (max-width: 750px) {
	:root {
		--tobii-slide-max-width: 85vw;
	}
    .tobii div[data-type="youtube"], .tobii div[data-type="iframe"] {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
    }

    .tobii div[data-type="youtube"] iframe, .tobii div[data-type="iframe"] iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 750px) {
	.tobii__slide img {
		padding-bottom: 45px;
	}
	
	.tobii__slide div[data-type="iframe"] iframe {
		height: 570px;
		padding-bottom: 45px;
	}
}

.tobii__slider--is-draggable [data-type] {
    cursor: auto !important;
}
.tobii__slider--is-dragging [data-type] {
    cursor: auto !important;
}
/* STICKY HEADER */
@media screen and (max-width: 415px) {
    body {
        padding-top: 109px !important;
    }
    header.top-container .navigation-fullwidth {
		max-height: unset !important;
    }
}

@media screen and (max-width: 767px) {
    .depict_modal {
        z-index: 151 !important;
    }
    body {
        padding-top: 126px !important;
    }
    /* Make header sticky in mobile view */
    header.top-container {
        position: fixed !important;
        width: 100% !important;
        z-index: 150 !important;
        top: 0 !important;
        left: 0 !important;
        -webkit-transition: transform 0.3s !important;
        -moz-transition: transform 0.3s !important;
        -ms-transition: transform 0.3s !important;
        transition: transform 0.3s !important;
        background: #fff !important;
        -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 18%) !important;
        box-shadow: 0 0 10px rgb(0 0 0 / 18%) !important;
    }
    .container__mg-top { margin-top: 30px; }
    /* Leave some space at the bottom when menu is collapsed, add ability to scroll */
    header.top-container .navigation-fullwidth {
        max-height: calc(100vh - 126px);
        overflow-y: auto !important;
    }
    /* Open-close hamburger button animation */
    .sg-nav-is-open #hamburger-1 .hamburger-toggle-button {
        padding-top: 10px !important;
        height: 40px !important;
    }
    .sg-nav-is-open #hamburger-1 .hamburger-toggle-button .line-1 {
        transform: rotate(-45deg) !important;
        margin: 10px 0 !important;
        position: relative !important;
        top: 2px !important;
    }
    .sg-nav-is-open #hamburger-1 .hamburger-toggle-button .line-2 {
        display: none !important;
    }
    .sg-nav-is-open #hamburger-1 .hamburger-toggle-button .line-3 {
        transform: rotate(45deg) !important;
        margin: -10px 0 !important;
    }
}
header.top-container {
    position: relative !important;
    z-index: 80 !important;
    background: #fff !important;
    border-bottom: 1px solid #e8e5e1 !important;
}


/****************************************************

TOP HEADER

****************************************************/

.sg-top-header-container {
    /*Green month*/
    /*background: rgba(94, 135, 76, 0.8);*/
    background: #e8e5e1;
    min-height: 34px;
    position: relative;
}

    .sg-top-header-container .sg-top-header-inner-container {
        display: flex;
        justify-content: space-between;
        max-width: 1170px;
        margin: 0 auto;
        padding: 7px 0;
        padding-left: 130px;
    }

.sg-top-header-usp {
    font-size: 12px;
}

    .sg-top-header-usp ul {
        margin: 0;
        padding: 0;
        list-style: none;
        /*Green month*/
        /*color: #fff;*/
        color: #000;
    }

        .sg-top-header-usp ul li {
            display: inline-block;
            margin-right: 15px;
            position: relative;
            padding-left: 20px;
            line-height: 12px;
        }

            .sg-top-header-usp ul li:last-child {
                margin-right: 0;
            }

            .sg-top-header-usp ul li svg {
                width: 13px !important;
                position: absolute !important;
                left: 0 !important;
                top: 50% !important;
                -webkit-transform: translateY(-50%) !important;
                -ms-transform: translateY(-50%) !important;
                -moz-transform: translateY(-50%) !important;
                transform: translateY(-50%) !important;
            }

            .sg-top-header-usp ul li span {
            }

.sg-top-logged-as-container {
    background: #333;
    color: white;
}

    .sg-top-logged-as-container .sg-top-logged-as-inner-container {
        display: flex;
        justify-content: flex-end;
        max-width: 1170px;
        margin: 0 auto;
        padding: 7px 0;
        padding-left: 130px;
    }

/****************************************************/

.sg-top-bar-right {
}

    .sg-top-bar-right .text-md-right {
        width: auto !important;
        font-size: 0;
    }

    .sg-top-bar-right::after, .sg-top-bar-right::before {
        display: none !important;
    }

    /*.sg-top-bar-right a {
    font-size: 12px !important;
    color: #000 !important;
    padding: 0 !important;
    background: none !important;
    text-decoration: none !important;
}*/

    .sg-top-bar-right a::after {
        display: none !important;
    }

    .sg-top-bar-right .sg-info-right-link {
        display: inline-block !important;
        font-size: 12px !important;
        margin-left: 15px !important;
    }

        .sg-top-bar-right .sg-info-right-link:first-child {
            margin-left: 0 !important;
        }

        .sg-top-bar-right .sg-info-right-link > a {
            font-size: 11px !important;
            /*Green month*/
            /*color: #fff !important;*/
            color: #000 !important;
            padding: 0 !important;
            background: none !important;
            text-decoration: none !important;
            position: relative !important;
            line-height: 12px !important;
            text-transform: uppercase !important;
            font-weight: normal !important;
        }

#LoginLink, #my-menu {
    padding-left: 20px !important;
}

/*Login options popup*/
.login-options {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 2px solid #000;
    padding: 8px;
    margin-top: 2px;
    text-align: left;
    left: 94%;
    transform: translateX(-50%);
    min-width: 120px;
	z-index: 1001;
}

.login-options span {
    display: block;
    padding: 2px 0px;
    text-decoration: none;
    color: #000;
}

.login-options span:hover {
	cursor: pointer;
    background-color: #f0f0f0;
}

/* Mobile Login Options */
#loginOptionsMobile {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 2px solid #000;
    padding: 10px;
    margin-top: 80px;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    min-width: 150px;
    width: 90%;
    max-width: 300px;
    box-sizing: border-box;
    z-index: 1001;
}

#loginOptionsMobile span {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #000;
    min-height: 40px;
    box-sizing: border-box;
}

#loginOptionsMobile span:hover,
#loginOptionsMobile span:active {
    cursor: pointer;
    background-color: #f0f0f0;
}

/* Mobile Button Styling */
.sg-login-button-mobile {
    position: relative;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
}

.sg-login-button-mobile .sg-header-icons-text {
    margin: 0;
    font-size: 16px;
}

/* All/Contracted products switch */
.switch {
    position: relative;
    margin-bottom: 0 !important;
    vertical-align: top;
    width: 50px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #555555;
}

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.toggle-snow {
    position: absolute;
    right: 5px;
    display: inline-block;
    vertical-align: top;
    top: 35px;
    z-index: 100;
}

.toggle-snow-checkbox-label {
    font-size: 11px !important;
    margin-left: 10px !important;
    text-transform: uppercase;
    color: #000;
    line-height: 20px;
}

.toggle-snow-mobile {
    padding: 10px 25px;
}

@media (min-width: 767px) {
    .toggle-snow-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .toggle-snow {
        display: none;
    }
}

.toggle-assortment {
    display: inline-block;
    vertical-align: top;
    margin-right: 65px;
}

.toggle-assortment-checkbox-label {
    font-size: 11px !important;
    text-transform: uppercase;
    color: #000;
    line-height: 20px;
    font-weight: bold;
}

.toggle-assortment label {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 .4rem;
    border-radius: .375rem;
    font-size: 11px !important;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.toggle-assortment label > input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -.5rem;
    cursor: pointer;
    opacity: 0;
    z-index: 666;
}

.toggle-assortment label > input[type="checkbox"] + span {
    float: left;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    margin-right: 1rem;
}

.toggle-assortment label > input[type="checkbox"]:checked + span::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 8px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    left: 12px;
    top: 30%;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    opacity: 1;
    transition: all ease-out 200ms;
}

/*************************/

.sg-top-bar-right .sg-info-right-link > a:hover {
    /*Green month*/
    /*color: #fff !important;*/
    color: #e4002c !important;
}

    .sg-top-bar-right .sg-info-right-link > a:hover svg path {
        /*Green month*/
        /*fill: #fff !important;*/
        fill: #e4002c !important;
    }

.sg-top-bar-right .sg-info-right-link > #CreateAccountLink {
    padding-left: 0 !important;
}

.sg-top-bar-right .sg-info-right-link svg {
    width: 13px !important;
    display: inline-block !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.sg-top-bar-right .sg-my-pages-in-header {
    display: none !important;
    background: none !important;
    border: none !important;
    list-style: none !important;
    float: none !important;
    width: auto !important;
}

.nav-links.sg-my-pages-in-header:hover {
    background: none !important;
}

.sg-my-pages-in-header .sg-arrows-for-menu-desk, .dropdown-submenu .sg-arrows-for-menu-desk {
    display: none !important;
}

.sg-search-button-mobile, .sg-login-button-mobile, .sg-my-pages-button-mobile {
    display: none !important;
}

.menu-icon {
    padding-right: 5px;
    padding-bottom: 2px;
    height: 19px;
    min-width: 20px;
    max-width: 22px;
    min-height: 20px;
}

#my-menu-list li .menu-icon {
    height: 19px;
    min-width: 22px;
}

#CreateAccountLinkMobile {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
}


/******** Logged in *************/

.sg-customer-is-logged-in .top-bar nobr {
    display: none !important;
}

.sg-customer-is-logged-in .sg-top-bar-right .sg-my-pages-in-header {
    display: inline-block !important;
}

.sg-my-pages-in-header .dropdown-menu {
    top: calc(100% + 12px) !important;
    border: 0 !important;
    background: #e8e5e1 !important;
    left: auto !important;
    right: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 18%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 18%);
}

    .sg-my-pages-in-header .dropdown-menu li {
        position: relative !important;
    }

    .sg-my-pages-in-header .dropdown-menu .sg-hide-please {
        display: none !important;
    }

    .sg-my-pages-in-header .dropdown-menu a {
        padding: 3px 20px !important;
        position: relative !important;
        padding-left: 12px !important;
    }

    .sg-my-pages-in-header .dropdown-menu svg {
        /*position: static !important;
    transform: none !important;
    margin-right: 5px !important;*/
        left: 15px !important;
    }

    .sg-my-pages-in-header .dropdown-menu .sg-svg-is-big svg {
        width: 10px !important;
    }


/****************************************************

MAIN HEADER

****************************************************/


header.top-container .od-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    height: 80px !important;
    padding-left: 130px !important;
}

    header.top-container .od-navbar::before, header.top-container .od-navbar::after {
        display: none !important;
    }

/******** Logo *************/

header.top-container .logo, .order-confirmation-container .logo {
    order: 1 !important;
    margin: 0 !important;
    top: -34px !important;
    position: absolute !important;
    left: 0 !important;
}

    header.top-container .logo a {
        display: none !important;
    }

    header.top-container .logo .sg-home-logo {
        display: inline-block !important;
    }

.sg-home-logo img {
    width: 114px !important;
}

/******** Navigation *************/

.sg-navigation-in-main-header .row {
    margin: 0 !important;
}

.sg-navigation-in-main-header {
    display: flex !important;
    float: left !important;
    background: transparent !important;
    order: 2 !important;
    margin: 0 -10px !important;
}

    .sg-navigation-in-main-header .container {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
    }

    .sg-navigation-in-main-header #od-navbar {
        padding: 0 !important;
    }

    .sg-navigation-in-main-header .nav-links {
        background-color: transparent !important;
        border: none !important;
        width: auto !important;
    }

        .sg-navigation-in-main-header .nav-links .dropdown-toggle {
            color: #000 !important;
            background: transparent !important;
            padding: 10px 10px !important;
            font-size: 15px !important;
            font-weight: bold !important;
        }

            .sg-navigation-in-main-header .nav-links .dropdown-toggle:hover {
                color: #e4002c !important;
            }

                .sg-navigation-in-main-header .nav-links .dropdown-toggle:hover svg path {
                    fill: #e4002c !important;
                }

.sg-arrows-for-menu-desk {
    display: inline !important;
    margin-left: 5px !important;
}

    .sg-arrows-for-menu-desk span {
        width: 10px !important;
        display: inline-block !important;
    }

.nav-links.open .sg-arrows-for-menu-desk span.sg-arrows-for-menu-desk-down {
    display: none !important;
}

.sg-arrows-for-menu-desk span.sg-arrows-for-menu-desk-up {
    display: none !important;
}

.nav-links.open .sg-arrows-for-menu-desk span.sg-arrows-for-menu-desk-up {
    display: inline-block !important;
}


.sg-arrows-for-menu-desk span svg {
}

#od-navbar .dropdown-menu {
    margin-top: 0 !important;
    top: calc(100% + 11px) !important;
    box-shadow: none !important;
    border: none !important;
    border-top: 2px solid #e4002c !important;
}

    #od-navbar .dropdown-menu .dropdown-menu {
        top: 0 !important;
        margin-top: -2px !important;
    }

    /*#od-navbar .navbar-nav .open .dropdown-menu .dropdown-menu {
    background: #f5f5f5 !important;
}*/

    /*#od-navbar .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu {
    background: #ececec !important; 
}*/

    #od-navbar .dropdown-menu > li > a:hover {
        background: transparent !important;
    }

.navbar-collapse ul.nav-list > li ul.dropdown-menu li:hover > a {
    color: #e4002c !important;
}

#od-navbar .dropdown-submenu > a:after, #od-navbar .dropdown-subsubmenu > a:after {
    border-left-color: #000 !important;
}


#od-navbar .dropdown-submenu:hover > a:after, #od-navbar .dropdown-subsubmenu:hover > a:after {
    border-left-color: #e4002c !important;
}

#od-navbar .dropdown-submenu > .dropdown-menu, #od-navbar .dropdown-submenu > .dropdown-menu .dropdown-menu {
    height: calc(100% + 2px) !important;
}



.sg-black-overlay-nav-desk {
    display: none !important;
    position: fixed !important;
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
    background: #000000 !important;
    z-index: 78 !important;
    -moz-opacity: 0.5 !important;
    opacity: .50 !important;
    filter: alpha(opacity=50) !important;
    cursor: pointer !important;
}

.sg-navbar-is-clicked .sg-black-overlay-nav-desk {
    display: block !important;
}


/******** Search *************/

header.top-container .search {
    order: 3 !important;
    margin: 0 !important;
    padding: 0 20px !important;
    flex: 1 !important;
}


.search .js-main-search-result {
    max-width: 400px !important;
    margin: 0 auto !important;
    display: block !important;
}

#mainSearchField {
    border: #7b7b7b solid 1px !important;
    box-shadow: none !important;
    border-radius: 50px !important;
    padding-right: 40px !important;
}

.search .js-main-search-result .input-group-btn {
    position: absolute !important;
    width: auto !important;
    z-index: 10 !important;
    right: 0 !important;
}

    .search .js-main-search-result .input-group-btn button {
        height: 34px !important;
        background: transparent !important;
        color: #000 !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 15px !important;
        display: flex !important;
        align-items: center !important;
    }

.js-main-search-result .input-group-btn button svg {
    width: 14px !important;
}

.search ul.ui-front {
    border-radius: 10px !important;
    border: #7b7b7b solid 1px !important;
    top: 40px !important;
    padding: 15px 0px;
}

@media screen and (max-width: 767px) {

    .search ul.ui-front {
        position: fixed !important;
        top: 134px !important;
        height: 100%;
        border: 0 !important;
        border-radius: 0 !important;
    }

        .search ul.ui-front .action-item {
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            width: 400px;
            bottom: 1%;
        }
}

.search ul.ui-front .ui-menu-item {
    padding-left: 25px;
    line-height: 30px;
}

.search ul.ui-front .search-link:before {
    display: inline-block;
    content: ' ';
    background-image: url(/Static/images/icons/loop.svg);
    background-size: 13px 13px;
    height: 13px;
    width: 13px;
    margin-right: 10px;
}

.search ul.ui-front .ui-menu-item:hover {
    background: #efefef !important;
}

.search ul.ui-front .category-header.ui-menu-item:hover, .search .category-header .ui-menu-item-wrapper.ui-state-active {
    background: none !important;
    cursor: default;
}

.search .ui-menu-item-wrapper.ui-state-active {
    border: none;
    background: #efefef;
    font-weight: bold;
    color: #333;
}

.search ul.ui-front .action-item {
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 30px;
}

.search ul.ui-front .view-all {
    background: #333 !important;
    padding: 10px 0 !important;
    font-weight: bold;
    border-radius: 5px;
    border-style: none;
    width: 100%;
    margin: 15px 0;
    color: white;
}

    .search ul.ui-front .view-all:hover {
        background: #5b5b5b !important;
    }

.search ul.ui-front .action-item:hover {
    background: none !important;
}

.search ul.ui-front .default-header.ui-menu-item:hover, .search .default-header .ui-menu-item-wrapper.ui-state-active {
    background: none !important;
    cursor: default;
}

/***'' Search clicked *****/

.sg-search-clisked-desk .search {
    z-index: 99999 !important;
}

.sg-search-clisked-desk .js-main-search-result {
    z-index: 10 !important;
}

.sg-black-overlay-search-desk {
    display: none !important;
    position: fixed !important;
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
    background: #000000 !important;
    z-index: 8 !important;
    -moz-opacity: 0.5 !important;
    opacity: .50 !important;
    filter: alpha(opacity=50) !important;
    cursor: pointer !important;
}

.sg-search-clisked-desk .sg-black-overlay-search-desk {
    display: block !important;
}


/****************************************************/
.information-mobile {
    display: none !important;
}

.show-products-mobile {
    display: none !important;
}

header.top-container .information {
    order: 4 !important;
    margin: 0 !important;
    padding-right: 20px !important;
}

    header.top-container .information ul {
        display: none !important;
    }

.sg-company-or-private {
    display: block !important;
    font-size: 12px !important;
}

    .sg-company-or-private span {
        display: inline !important;
        color: #000 !important;
        font-weight: normal !important;
        font-size: 12px !important;
    }

    .sg-company-or-private .sg-company-please, .sg-company-or-private .sg-private-please {
        padding: 10px 0 !important;
        cursor: pointer !important;
        color: #b5b5b5 !important;
    }

    .sg-company-or-private .sg-private-please {
        font-weight: bold !important;
        color: #000 !important;
    }

.sg-price-without-vat .sg-company-or-private .sg-private-please {
    font-weight: normal !important;
    color: #b5b5b5 !important;
}

.sg-price-without-vat .sg-company-or-private .sg-company-please {
    font-weight: bold !important;
    color: #000 !important;
}

.sg-company-or-private .sg-company-please:hover, .sg-company-or-private .sg-private-please:hover {
    color: #e4002c !important;
}


/******** Cart *************/

header.top-container #minicart-holder {
    order: 5 !important;
}

header.top-container #show-minicart {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    padding: 5px 0 !important;
}

#show-minicart #cart-button {
    margin-right: 5px !important;
}

#show-minicart .sg-header-icons-text {
    display: none;
}

.sg-cart-is-not-empty #show-minicart #cart-button {
    top: 2px !important;
    margin-right: 13px !important;
}

#show-minicart #cart-button a {
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
}

    #show-minicart #cart-button a img {
        display: none !important;
    }

    #show-minicart #cart-button a svg {
        width: 20px !important;
    }

    #show-minicart #cart-button a .badge {
        display: none !important;
    }

.sg-cart-is-not-empty #show-minicart #cart-button a .badge {
    display: block !important;
    border-radius: 50% !important;
    left: auto !important;
    right: -9px !important;
    top: -9px !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    line-height: 18px !important;
    font-size: 12px !important;
}

    .sg-cart-is-not-empty #show-minicart #cart-button a .badge span {
        font-weight: normal !important;
    }

#show-minicart .button {
    line-height: 1 !important;
    margin: 0 !important;
}

    #show-minicart .button a {
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
    }


        #show-minicart .button a > * {
            display: none !important;
        }

        #show-minicart .button a > .sg-cart-total-desk {
            display: block !important;
            color: #000 !important;
        }

.sg-cart-total-desk .sg-cart-empty-text {
    display: block !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.sg-cart-is-not-empty .sg-cart-total-desk .sg-cart-empty-text {
    display: none !important;
}

.sg-cart-total-desk .sg-cart-total-number {
    display: none !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.sg-cart-total-desk .sg-cart-vat {
    display: none !important;
    text-align: left !important;
    font-size: 10px !important;
    line-height: 12px !important;
    color: #b5b5b5 !important;
}

.sg-cart-is-not-empty .sg-cart-total-desk .sg-cart-vat, .sg-cart-is-not-empty .sg-cart-total-desk .sg-cart-total-number {
    display: block !important;
}


.minicart {
    top: 99% !important;
}


@media screen and (max-width: 1199px) {

    /****************************************************
    TOP HEADER
    ****************************************************/

    .sg-top-header-container .sg-top-header-inner-container {
        max-width: 970px !important;
    }

    .sg-top-header-usp {
        font-size: 11px !important;
    }

        .sg-top-header-usp ul li {
            margin-right: 10px !important;
            padding-left: 17px !important;
        }

            .sg-top-header-usp ul li svg {
                width: 12px !important;
            }

    .sg-top-bar-right .sg-info-right-link {
        margin-left: 10px !important;
    }

        .sg-top-bar-right .sg-info-right-link > a {
            font-size: 10px !important;
            padding-left: 17px !important;
        }

        .sg-top-bar-right .sg-info-right-link svg {
            width: 12px !important;
        }

    /****************************************************
    MAIN HEADER
    ****************************************************/

    .sg-navigation-in-main-header .nav-links .dropdown-toggle {
        font-size: 12px !important;
    }

    .sg-cart-total-desk .sg-cart-empty-text, .sg-cart-total-desk .sg-cart-total-number {
        font-size: 14px !important;
    }

    .sg-cart-is-not-empty #show-minicart #cart-button a .badge {
        top: -11px !important;
        right: 5px !important;
    }

    #show-minicart #cart-button a svg {
        width: 18px !important;
    }
}


@media screen and (max-width: 991px) {

    /****************************************************
    TOP HEADER
    ****************************************************/
    .sg-top-header-container .sg-top-header-inner-container {
        max-width: 750px !important;
        justify-content: flex-end !important;
    }

    .sg-top-header-usp {
        display: none !important;
    }


    /****************************************************
    MAIN HEADER
    ****************************************************/

    header.top-container .information {
        display: none !important;
    }

    .sg-navigation-in-main-header .nav-links .dropdown-toggle {
        padding: 10px 5px !important;
    }

    .sg-arrows-for-menu-desk {
        margin-left: 3px !important;
    }

        .sg-arrows-for-menu-desk span {
            width: 8px !important;
        }
}




/*-------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {

    .site-wrapper {
        overflow-x: hidden !important;
    }

    /******** General ********/

    .sg-header-icons-text {
        display: block !important;
        font-size: 12px !important;
        margin-top: 5px !important;
    }

    .component-imageCarousel {
        margin-top: 0 !important;
    }

    /********************************/

    body {
        /*padding-top: 139px !important;*/
        padding-top: 134px !important;
    }

    /********************************/

    header.top-container {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        position: fixed !important;
        z-index: 150 !important;
        background: #fff !important;
        border-bottom: unset !important;
    }

    .sg-top-header-container {
        display: none;
    }

    header.top-container .od-navbar {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
        align-items: unset !important;
        justify-content: unset !important;
        height: unset !important;
    }


    /********* Logo ***********/

    header.top-container .logo, .order-confirmation-container .logo {
        /*order: 1 !important;
        margin: 0 !important;*/
        padding: 0 !important;
        line-height: 0 !important;
        top: unset !important;
        position: unset !important;
        left: unset !important;
    }

    .od-navbar .logo img {
        display: none !important;
    }

        .od-navbar .logo img.sg-image-logo-header {
            display: block !important;
            height: auto !important;
            width: 70px !important;
        }

    /********* Search **********/

    .sg-search-button-mobile {
        display: none !important;
        order: 2 !important;
        margin-left: auto !important;
        cursor: pointer !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        flex-direction: column !important;
        /*width: 46px  !important;*/
    }

    .sg-search-mob-hide .sg-search-button-mobile {
        display: flex !important;
    }

    .sg-search-button-mobile .sg-search-button-open, .sg-search-button-mobile .sg-search-button-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .sg-search-button-mobile .sg-search-button-close, .sg-search-mob-show .sg-search-button-mobile .sg-search-button-open {
        display: none !important;
    }

    .sg-search-mob-show .sg-search-button-mobile .sg-search-button-close {
        display: flex !important;
    }

    .sg-search-button-mobile svg {
        width: 18px !important;
        height: 18px !important;
    }

    .sg-search-button-mobile .sg-search-button-close svg {
        width: 14px !important;
    }

    /********* Info banner **********/
    #info-banner {
        position: relative;
        top: 65px
    }

    /********* Log in **********/

    .sg-login-button-mobile {
        order: 3 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        flex-direction: column !important;
        margin-left: auto !important;
    }


    .sg-search-mob-hide .sg-login-button-mobile {
        margin-left: 0 !important;
    }

    .sg-login-button-mobile svg {
        width: 18px !important;
        height: 18px !important;
    }

    .sg-customer-is-logged-in .sg-login-button-mobile {
        display: none !important;
    }



    /********* My page **********/

    .sg-my-pages-button-mobile {
        order: 3 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        flex-direction: column !important;
        margin-left: auto !important;
        /*min-width: 82px !important;*/
    }

    .sg-my-pages-button-mobile {
        display: none !important;
    }

    .sg-search-mob-hide .sg-my-pages-button-mobile {
        margin-left: 0 !important;
    }

    .sg-customer-is-logged-in .sg-my-pages-button-mobile {
        display: flex !important;
    }

    .sg-my-pages-button-mobile .sg-my-pages-button-open, .sg-my-pages-button-mobile .sg-my-pages-button-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .sg-my-pages-button-mobile .sg-my-pages-button-close, .sg-open-my-page .sg-my-pages-button-mobile .sg-my-pages-button-open {
        display: none !important;
    }


    .sg-open-my-page .sg-my-pages-button-mobile .sg-my-pages-button-close {
        display: flex !important;
    }

    .sg-my-pages-button-mobile svg {
        width: 18px !important;
        height: 18px !important;
    }

    .sg-my-pages-button-mobile .sg-my-pages-button-close svg {
        width: 14px !important;
    }

    #od-navbar .dropdown-menu {
        margin: 0 -15px;
        width: 100vh !important;
        border-top: unset !important;
        top: unset !important;
    }

        #od-navbar .dropdown-menu > li > a {
            padding-left: 50px;
        }

    #od-navbar .navbar-nav .dropdown-menu > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    #od-navbar #my-menu-list > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }

    #od-navbar #my-menu-list > li {
        border-top: 1px solid #33333333;
    }

    /********* Cart **********/

    header.top-container #minicart-holder {
        order: 4 !important;
        display: flex !important;
    }

    header.top-container #show-minicart {
        /*order: 4 !important;*/
        position: relative !important;
        top: 0 !important;
        margin: 0 !important;
        right: auto !important;
        left: auto !important;
        /*display: flex !important;*/
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        flex-direction: column !important;
    }

    #show-minicart #cart-button {
        margin: 0 !important;
    }

        #show-minicart #cart-button a {
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
        }

    .od-navbar #cart-button img {
        display: none !important;
    }

    #show-minicart #cart-button a svg {
        width: 20px !important;
        height: 18px !important;
    }

    #show-minicart #cart-button a .badge {
        border-radius: 50% !important;
        left: auto !important;
        right: 6px !important;
        top: -10px !important;
        width: 18px !important;
        height: 18px !important;
        padding: 0 !important;
        line-height: 14px !important;
        font-size: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /*.sg-cart-is-not-empty #show-minicart #cart-button a .badge {
		display: block !important;
		border-radius: 50% !important;
		left: auto !important;
		right: -9px !important;
		top: -9px !important;
		width: 18px !important;
		height: 18px !important;
		padding: 0 !important;
		line-height: 18px !important;
		font-size: 12px !important;
	}*/

    .od-navbar #cart-button .badge span {
        font-weight: normal !important;
    }


    /********* Hamburger menu **********/
    .navigation ul.nav-list {
        overflow-x: hidden;
    }

    .dropdown-submenu.open > a:after, .dropdown-submenu > a:after, .has-lvl-3 > a:after, .has-lvl-3.open > a:after {
        content: unset !important;
    }

    .sg-nav-is-open, .sg-open-my-page {
        overflow: hidden;
    }

        .sg-nav-is-open #od-navbar {
            height: 100vh !important;
        }

    .od-navbar #hamburger-1 {
        order: 5 !important;
        position: relative !important;
        top: 0 !important;
        margin: 0 !important;
        right: auto !important;
        left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        width: auto !important;
        flex-direction: column !important;
        /*min-width: 58px !important;*/
        margin-right: 2px !important;
    }

        .od-navbar #hamburger-1 .hamburger-toggle-button {
            display: none !important;
        }

        .od-navbar #hamburger-1 svg {
            width: 18px !important;
            height: 18px !important;
        }

        .od-navbar #hamburger-1 .sg-menu-mobile-button-close svg {
            width: 14px !important;
        }

    .sg-menu-mobile-button-open, .sg-menu-mobile-button-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .sg-menu-mobile-button-close, .sg-nav-is-open .sg-menu-mobile-button-open {
        display: none !important;
    }

    .sg-nav-is-open .sg-menu-mobile-button-close {
        display: flex !important;
    }

    /*.sg-arrows-for-menu-desk {
		display: inline !important;
		position: absolute;
	}*/

    .nav-links.dropdown > a .sg-arrows-for-menu-desk {
        display: inline !important;
        position: absolute;
        right: 27px;
    }

    .dropdown-submenu .sg-arrows-for-menu-desk {
        display: inline !important;
        position: absolute;
        right: 25px;
    }

    .nav-links.dropdown > a .sg-arrows-for-menu-desk svg {
        height: 8px;
    }

    .dropdown-submenu .sg-arrows-for-menu-desk svg {
        height: 6px;
    }

    .nav-links a {
        /*font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
        font-size: 20px;
        font-weight: unset;
    }

    .nav-links.open a {
        color: #cc0001;
    }

    .nav-links.open > a path, .dropdown-submenu.open > a path, .dropdown-subsubmenu.has-lvl-3.open > a path {
        fill: #cc0001 !important;
    }

    .nav-links .multi-level a, .dropdown-menu.fullWidth-dropdown a {
        font-size: 16px;
    }

    .nav-links.open .sg-arrows-for-menu-desk span.sg-arrows-for-menu-desk-down {
        display: inline-block !important;
    }

    .nav-links.open .sg-arrows-for-menu-desk span.sg-arrows-for-menu-desk-up {
        display: none !important;
    }

    .simpleMenuItem {
        border-bottom: unset;
    }

        .simpleMenuItem > a {
            font-size: 15px;
            line-height: unset !important;
        }

    .simpleMenuItem {
        padding-top: 20px
    }

        .simpleMenuItem ~ .simpleMenuItem {
            padding-top: unset;
        }

    header.top-container .information-mobile {
        display: inline-block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sg-company-or-private span {
        font-size: 16px !important;
    }

    .js-logout-menu {
        width: 100vw;
        text-align: center !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        font-size: 16px !important;
    }

    .show-products-mobile {
        display: flex !important;
        justify-content: center;
        width: 110vw;
        text-align: center !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        font-size: 16px !important;
    }

        .show-products-mobile #showAll, .show-products-mobile #contractedProducts {
            padding-left: unset !important;
            color: #000;
        }

        .show-products-mobile span {
            padding: 0px 10px;
        }

    /**************************************************************/

    /*header.top-container .cointainer-fluid {
        z-index: 2 !important;
        position: relative !important;
    }*/

    /**************************************************************/


    /**** new 2.0 ****/

    #info-banner.sg-info-banner {
        position: fixed !important;
        width: 100% !important;
        top: 134px !important;
        left: 0 !important;
        z-index: 147 !important;
        transition: top 0.5s !important;
    }

    .sg-search-mob-hide #info-banner.sg-info-banner {
        top: 70px !important;
    }


    /****************/

    header.top-container .search {
        padding: 15px !important;
    }

    .sg-search-container-mobile {
        width: 100% !important;
        background: #efefef !important;
        /*display: none !important;
        display: flex !important;*/
        /**** new 2.0 ****/
        position: fixed !important;
        top: 70px !important;
        left: 0 !important;
        transition: top 0.5s !important;
        z-index: 148 !important;
    }

    .sg-search-mob-hide .sg-search-container-mobile {
        /**** new 2.0 ****/
        top: -10px !important;
    }

    .sg-search-mob-show.sg-search-mob-hide .sg-search-container-mobile {
        /*display: flex !important;*/
        /**** new 2.0 ****/
        top: 70px !important;
    }

    .sg-search-container-mobile form {
        width: 100% !important;
    }

    .sg-search-container-mobile .input-group {
        display: block !important;
    }

    .sg-search-container-mobile #mainSearchField {
        border: 1px solid #7b7b7b !important;
        color: #7b7b7b !important;
        width: 100% !important;
        border-radius: 3px !important;
    }

    .search .js-main-search-result .input-group-btn {
        position: absolute !important;
        right: 0 !important;
        width: 40px !important;
        left: auto !important;
        display: block !important;
        height: 34px !important;
        background: transparent !important;
        z-index: 12 !important;
    }

        .search .js-main-search-result .input-group-btn button {
            height: 100% !important;
            background: transparent !important;
            padding: 0 !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            width: 100% !important;
        }

    .sg-search-container-mobile .input-group-btn button svg {
        width: 16px !important;
    }

    .sg-search-container-mobile ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #7b7b7b !important;
        opacity: 1; /* Firefox */
    }

    .sg-search-container-mobile :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7b7b7b !important;
    }

    .sg-search-container-mobile ::-ms-input-placeholder { /* Microsoft Edge */
        color: #7b7b7b !important;
    }


    /************** LOGGED IN *************************/

    .sg-open-my-page #od-navbar {
        display: block !important;
        height: 100vh !important;
    }

        .sg-open-my-page #od-navbar .nav-list > li {
            display: none !important;
        }

            .sg-open-my-page #od-navbar .nav-list > li:last-child {
                display: block !important;
            }

                .sg-open-my-page #od-navbar .nav-list > li:last-child .dropdown-menu {
                    background-color: #FFF !important;
                    position: static !important;
                    float: none !important;
                    width: auto !important;
                    margin-top: 0 !important;
                    border: 0 !important;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important;
                    display: block !important;
                }

                    .sg-open-my-page #od-navbar .nav-list > li:last-child .dropdown-menu li > a {
                        line-height: 20px !important;
                        padding: 5px 15px 5px 25px !important;
                    }
}


@media screen and (max-width: 360px) {

    .sg-search-button-mobile {
        padding: 0 10px !important;
        /*width: 40px  !important;*/
    }

    .sg-login-button-mobile {
        padding: 0 10px !important;
    }

    .sg-my-pages-button-mobile {
        padding: 0 10px !important;
        /*min-width: 76px !important;*/
    }

    .od-navbar #show-minicart {
        padding: 0 10px !important;
    }

    .od-navbar #hamburger-1 {
        padding: 0 10px !important;
        /*min-width: 52px !important;*/
    }
}

.popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Gray overlay */
        z-index: 9999; /* High z-index to ensure it’s on top */
        display: flex;
        justify-content: center;
        align-items: center;
}

.popup-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    max-width: 500px;
}

.popup-content a {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

/* Optional: Disable pointer events on the body when popup is active */
body.popup-active {
    pointer-events: none;
}

