/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

b,strong {
  font-weight: 700;
}

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

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

small {
  font-size: 80%;
}

img {
  border: 0;
}

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

pre {
  overflow: auto;
}

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

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

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

input {
  line-height: normal;
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-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-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,  :after,  :before {
    color: #000!important;
    text-shadow: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }

  a,  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="javascript:"]:after,  a[href^="#"]:after {
    content: "";
  }

  blockquote,  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  img,  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100%!important;
  }

  h2,  h3,  p {
    orphans: 3;
    widows: 3;
  }

  h2,  h3 {
    page-break-after: avoid;
  }

  select {
    background: #fff!important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse!important;
  }

  .table th {
    background-color: #fff!important;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/includes/fonts/glyphicons-halflings-regular.eot);
  src: url(/includes/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/includes/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/includes/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/includes/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/includes/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}



a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.img-responsive,.thumbnail a>img,.thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

[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: 400;
  line-height: 1;
  color: #777;
}

.h1,.h2,.h3,h1,h2,h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
  font-size: 65%;
}

.h4,.h5,.h6,h4,h5,h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 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;
}

.small,small {
  font-size: 85%;
}

.mark,mark {
  padding: .2em;
  background-color: #fcf8e3;
}

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

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

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

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ol,ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ol ol,ol ul,ul ol,ul ul {
  margin-bottom: 0;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
  margin-bottom: 0;
}

blockquote .small,blockquote footer,blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,pre {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-2a,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-3b,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
}

.col-md-3a {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}









  table {
    background-color: transparent;
  }

  th {
    text-align: left;
  }

  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .table .table {
    background-color: #fff;
  }

  table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
  }

  table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
  }

  .table-responsive {
    min-height: .01%;
    overflow-x: auto;
  }

  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
  }

  input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  input[type=checkbox],  input[type=radio] {
    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=checkbox]:focus,  input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }

  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.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[disabled],  .form-control[readonly] {
    background-color: #eee;
    opacity: 1;
  }

  .form-control[disabled] {
    cursor: not-allowed;
  }

  textarea.form-control {
    height: auto;
  }

  input[type=search] {
    -webkit-appearance: none;
  }

  .form-group {
    margin-bottom: 15px;
  }

  .checkbox,  .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .checkbox label,  .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
  }

  .checkbox input[type=checkbox],  .checkbox-inline input[type=checkbox],  .radio input[type=radio],  .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
  }

  .checkbox+.checkbox,  .radio+.radio {
    margin-top: -5px;
  }

  .checkbox-inline,  .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
  }

  .checkbox-inline+.checkbox-inline,  .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
  }

  input[type=checkbox].disabled,  input[type=checkbox][disabled],  input[type=radio].disabled,  input[type=radio][disabled] {
    cursor: not-allowed;
  }

  .checkbox-inline.disabled,  .radio-inline.disabled {
    cursor: not-allowed;
  }

  .checkbox.disabled label,  .radio.disabled label {
    cursor: not-allowed;
  }

  .form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
  }

  .form-control-static.input-lg,  .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
  }

  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }

  select.input-sm {
    height: 30px;
    line-height: 30px;
  }

  select[multiple].input-sm,  textarea.input-sm {
    height: auto;
  }

  .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }

  select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px;
  }

  select[multiple].form-group-sm .form-control,  textarea.form-group-sm .form-control {
    height: auto;
  }

  .form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }

  .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }

  select.input-lg {
    height: 46px;
    line-height: 46px;
  }

  select[multiple].input-lg,  textarea.input-lg {
    height: auto;
  }

  .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }

  select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px;
  }

  select[multiple].form-group-lg .form-control,  textarea.form-group-lg .form-control {
    height: auto;
  }

  .form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }

  .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 {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }

  .input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .has-success .checkbox,  .has-success .checkbox-inline,  .has-success .control-label,  .has-success .help-block,  .has-success .radio,  .has-success .radio-inline,  .has-success.checkbox label,  .has-success.checkbox-inline label,  .has-success.radio label,  .has-success.radio-inline label {
    color: #3c763d;
  }

  .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  }

  .has-success .form-control-feedback {
    color: #3c763d;
  }

  .has-error .checkbox,  .has-error .checkbox-inline,  .has-error .control-label,  .has-error .help-block,  .has-error .radio,  .has-error .radio-inline,  .has-error.checkbox label,  .has-error.checkbox-inline label,  .has-error.radio label,  .has-error.radio-inline label {
    color: #a94442;
  }

  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  }

  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  }

  .has-error .form-control-feedback {
    color: #a94442;
  }

  .has-feedback label~.form-control-feedback {
    top: 25px;
  }

  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
  }

  .open>a {
    outline: 0;
  }

  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }

  .input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }

  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }

  .input-group-lg>.form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }

  select.input-group-lg>.form-control {
    height: 46px;
    line-height: 46px;
  }

  select[multiple].input-group-lg>.form-control,  textarea.input-group-lg>.form-control {
    height: auto;
  }

  .input-group-sm>.form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }

  select.input-group-sm>.form-control {
    height: 30px;
    line-height: 30px;
  }

  select[multiple].input-group-sm>.form-control,  textarea.input-group-sm>.form-control {
    height: auto;
  }

  .input-group .form-control {
    display: table-cell;
  }

  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .nav>li {
    position: relative;
    display: block;
  }

  .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }

  .nav>li>a:focus,  .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
  }

  .nav>li.disabled>a {
    color: #777;
  }

  .nav>li.disabled>a:focus,  .nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
  }

  .nav .open>a,  .nav .open>a:focus,  .nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7;
  }

  .nav>li>a>img {
    max-width: none;
  }

  .tab-content>.active {
    display: block;
  }

  .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  }

  .breadcrumb>li {
    display: inline-block;
  }

  .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
  }

  .breadcrumb>.active {
    color: #777;
  }

  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }

  .pagination>li {
    display: inline;
  }

  .pagination>li>a,  .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .pagination>li:first-child>a,  .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .pagination>li:last-child>a,  .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .pagination>li>a:focus,  .pagination>li>a:hover,  .pagination>li>span:focus,  .pagination>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
  }

  .pagination>.active>a,  .pagination>.active>a:focus,  .pagination>.active>a:hover,  .pagination>.active>span,  .pagination>.active>span:focus,  .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }

  .pagination>.disabled>a,  .pagination>.disabled>a:focus,  .pagination>.disabled>a:hover,  .pagination>.disabled>span,  .pagination>.disabled>span:focus,  .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }

  .pagination-lg>li>a,  .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
  }

  .pagination-lg>li:first-child>a,  .pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .pagination-lg>li:last-child>a,  .pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .pagination-sm>li>a,  .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
  }

  .pagination-sm>li:first-child>a,  .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .pagination-sm>li:last-child>a,  .pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }

  a.label:focus,  a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }

  .label:empty {
    display: none;
  }

  .label-default {
    background-color: #777;
  }

  .label-default[href]:focus,  .label-default[href]:hover {
    background-color: #5e5e5e;
  }

  .label-success {
    background-color: #5cb85c;
  }

  .label-success[href]:focus,  .label-success[href]:hover {
    background-color: #449d44;
  }

  .label-info {
    background-color: #5bc0de;
  }

  .label-info[href]:focus,  .label-info[href]:hover {
    background-color: #31b0d5;
  }

  .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
  }

  .thumbnail a>img,  .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
  }

  a.thumbnail.active,  a.thumbnail:focus,  a.thumbnail:hover {
    border-color: #337ab7;
  }

@-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }

    to {
      background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }

    to {
      background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }

    to {
      background-position: 0 0;
    }
}

  .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  }

  .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
  }

  .progress-bar.active,  .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
  }

  .progress-bar-success {
    background-color: #5cb85c;
  }

  .progress-bar-info {
    background-color: #5bc0de;
  }

  .media {
    margin-top: 15px;
  }

  .media:first-child {
    margin-top: 0;
  }

  .media,  .media-body {
    overflow: hidden;
    zoom: 1;
  }

  .media-body {
    width: 10000px;
  }

  .media-right,  .media>.pull-right {
    padding-left: 10px;
  }

  .media-left,  .media>.pull-left {
    padding-right: 10px;
  }

  .media-body,  .media-left,  .media-right {
    display: table-cell;
    vertical-align: top;
  }

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

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

  .media-list {
    padding-left: 0;
    list-style: none;
  }

  .list-group {
    padding-left: 0;
    margin-bottom: 20px;
  }

  .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-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  a.list-group-item {
    color: #555;
  }

  a.list-group-item:focus,  a.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
  }

  .list-group-item.disabled,  .list-group-item.disabled:focus,  .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
  }

  .list-group-item.disabled .list-group-item-text,  .list-group-item.disabled:focus .list-group-item-text,  .list-group-item.disabled:hover .list-group-item-text {
    color: #777;
  }

  .list-group-item.active,  .list-group-item.active:focus,  .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }

  .list-group-item.active .list-group-item-text,  .list-group-item.active:focus .list-group-item-text,  .list-group-item.active:hover .list-group-item-text {
    color: #c7ddef;
  }

  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }

  a.list-group-item-success {
    color: #3c763d;
  }

  a.list-group-item-success:focus,  a.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6;
  }

  a.list-group-item-success.active,  a.list-group-item-success.active:focus,  a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }

  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }

  a.list-group-item-info {
    color: #31708f;
  }

  a.list-group-item-info:focus,  a.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3;
  }

  a.list-group-item-info.active,  a.list-group-item-info.active:focus,  a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }

  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }

  .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
  }

  .panel-body {
    padding: 15px;
  }

  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
  }

  .panel-title>.small,  .panel-title>.small>a,  .panel-title>a,  .panel-title>small,  .panel-title>small>a {
    color: inherit;
  }

  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .panel>.list-group {
    margin-bottom: 0;
  }

  .panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }

  .panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .list-group+.panel-footer {
    border-top-width: 0;
  }

  .panel>.table,  .panel>.table-responsive>.table {
    margin-bottom: 0;
  }

  .panel>.table-responsive:first-child>.table:first-child,  .panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,  .panel>.table:first-child>tbody:first-child>tr:first-child,  .panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

  .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,  .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,  .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
  }

  .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,  .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,  .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,  .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
  }

  .panel>.table-responsive:last-child>.table:last-child,  .panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,  .panel>.table:last-child>tbody:last-child>tr:last-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,  .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
  }

  .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,  .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,  .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,  .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
  }

  .panel>.panel-body+.table,  .panel>.panel-body+.table-responsive,  .panel>.table+.panel-body,  .panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
  }

  .panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
  }

  .panel-group {
    margin-bottom: 20px;
  }

  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
  }

  .panel-group .panel+.panel {
    margin-top: 5px;
  }

  .panel-group .panel-footer {
    border-top: 0;
  }

  .panel-default {
    border-color: #ddd;
  }

  .panel-success {
    border-color: #d6e9c6;
  }

  .panel-info {
    border-color: #bce8f1;
  }

  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  }

  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15);
  }

  .well-lg {
    padding: 24px;
    border-radius: 6px;
  }

  .well-sm {
    padding: 9px;
    border-radius: 3px;
  }

  .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
  }

  .close:focus,  .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
  }

  button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
  }

  .clearfix:after,  .clearfix:before,  .container:after,  .container:before,  .nav:after,  .nav:before,  .panel-body:after,  .panel-body:before,  .row:after,  .row:before {
    display: table;
    content: " ";
  }

  .clearfix:after,  .container:after,  .nav:after,  .panel-body:after,  .row:after {
    clear: both;
  }

  .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .pull-right {
    float: right!important;
  }

  .pull-left {
    float: left!important;
  }

  .show {
    display: block!important;
  }

  .hidden {
    display: none!important;
  }

  .visible-lg,  .visible-md,  .visible-sm,  .visible-xs {
    display: none!important;
  }

  .visible-lg-block,  .visible-lg-inline,  .visible-lg-inline-block,  .visible-md-block,  .visible-md-inline,  .visible-md-inline-block,  .visible-sm-block,  .visible-sm-inline,  .visible-sm-inline-block,  .visible-xs-block,  .visible-xs-inline,  .visible-xs-inline-block {
    display: none!important;
  }

/*!
 *  Font Awesome 4.3.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('/includes/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/includes/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/includes/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/includes/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/includes/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/includes/fonts/fontawesome-webfont.svg?v=4.3.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;
  transform: translate(0, 0);
}

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

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

@-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-glass:before {
  content: "\f000";
}

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

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

.fa-road:before {
  content: "\f018";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-repeat:before {
  content: "\f01e";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

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

.fa-photo:before,.fa-image:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

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

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

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

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

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

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

.fa-expand:before {
  content: "\f065";
}

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

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

.fa-asterisk:before {
  content: "\f069";
}

.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-twitter-square:before {
  content: "\f081";
}

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

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

.fa-sign-out:before {
  content: "\f08b";
}

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

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-upload:before {
  content: "\f093";
}

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

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

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

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a";
}

.fa-credit-card:before {
  content: "\f09d";
}

.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-arrows-alt:before {
  content: "\f0b2";
}

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

.fa-link:before {
  content: "\f0c1";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-save:before {
  content: "\f0c7";
}

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

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

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-truck:before {
  content: "\f0d1";
}

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

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

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

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-legal:before {
  content: "\f0e3";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.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-mobile-phone:before,.fa-mobile:before {
  content: "\f10b";
}

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

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

.fa-mail-reply:before,.fa-reply:before {
  content: "\f112";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\f122";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-shield:before {
  content: "\f132";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

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

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

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.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-toggle-down:before {
  content: "\f150";
}

.fa-toggle-up:before {
  content: "\f151";
}

.fa-toggle-right:before {
  content: "\f152";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-won:before {
  content: "\f159";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

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

.fa-youtube:before {
  content: "\f167";
}

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

.fa-apple:before {
  content: "\f179";
}

.fa-toggle-left:before {
  content: "\f191";
}

.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

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

.fa-bank:before {
  content: "\f19c";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-steam:before {
  content: "\f1b6";
}

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

.fa-file-photo-o:before,.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-support:before {
  content: "\f1cd";
}

.fa-send:before {
  content: "\f1d8";
}

.fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-header:before {
  content: "\f1dc";
}

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

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

.fa-paypal:before {
  content: "\f1ed";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

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

.fa-ship:before {
  content: "\f21a";
}

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

/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: auto!important;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px,0,0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px,0,0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px,0,0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px,0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px,0,0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px,0,0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: url(/images/drag.png) 16 9, ew-resize!important;
  margin: 0 auto;
  height: inherit!important;
  float: left;
}

.pagination-hidden .swiper-wrapper {
  -webkit-transform: translate3d(0px,0,0)!important;
  -moz-transform: translate3d(0px,0,0)!important;
  -o-transform: translate3d(0px,0,0)!important;
  -o-transform: translate(0px,0px)!important;
  -ms-transform: translate3d(0px,0,0)!important;
  transform: translate3d(0px,0,0)!important;
  left: 0!important;
  cursor: auto!important;
}

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: inherit!important;
}

/* IE10 Windows Phone 8 Fixes */

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
	height: 100px;*/
}

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
  /* Specific active slide styling: */
}

.swiper-slide-visible {
  /* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/

.swiper-container .pagination {
  text-align: center;
  width: 100%;
  margin: 0;
}

.swiper-container.pagination-hidden .pagination {
  display: none!important;
}

.swiper-pagination-switch {
  /* Stylize pagination button: */
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
  cursor: pointer;
  border: 2px #e3e3e3 solid;
}

.swiper-active-switch {
  /* Specific active button style: */
  background: #03b4ea;
  border-color: #03b4ea;
}

.swiper-visible-switch {
  /* Specific visible button style: */
}

.swiper-pagination-switch {
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
}

body {
  font-family: 'Raleway', sans-serif;
  background: #FFFFFF url(/images/gradient-sprite.png) repeat-x fixed 0px -402px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 02 - RESET STYLES */

/*-------------------------------------------------------------------------------------------------------------------------------*/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,img,q,s,small,strong,var,b,u,i,center,ol,ul,li,form,label,table,tr,th,article,details,footer,header,menu,nav,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,details,footer,header,menu,nav,section {
  display: block;
}

blockquote,q {
  quotes: none;
}

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

blockquote footer:before,blockquote footer:after {
  display: none;
}

body * {
  -webkit-text-size-adjust: none;
}

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
  font-size: 0px;
  display: block;
}

input:focus,select:focus,textarea:focus,button:focus {
  outline: none;
}

input,textarea,select {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  border-radius: 0;
}

input,textarea {
    -webkit-appearance: none;
}

a,a:link,a:visited,a:active,a:hover {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

ul {
  list-style: none;
}

body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 03 - GLOBAL SETTINGS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*table*/

.table-view {
  height: 100%;
  width: 100%;
  display: table;
}

.row-view {
  display: table-row;
}

.cell-view {
  display: table-cell;
  vertical-align: middle;
  height: inherit;
}

/*content block*/

#content-block {
  position: relative;
  overflow: hidden;
}

/*last child margins*/

/*#content-block *:last-child{margin-bottom: 0;} REMOVED BY GARETH on 04/07/2019 as it causes right magicscroll arrow to align bottom*/

/*nopadding class*/

/*content center*/

.content-center,.position-center {
  max-width: 1310px;
  margin: 0 auto;
  background: #fff;
  padding: 0 70px;
  position: relative;
}

.position-center {
  background: none;
}

.wide-center {
  max-width: 1760px;
  margin: 0 auto;
  padding: 0 30px;
}

/*simple block and its title*/

.information-blocks {
  margin-bottom: 0px;
}

#content-block .sidebar-column .information-blocks {
  margin-bottom: 0px;
}

.block-title {
  font-size: 20px;
  line-height: 24px;
  color: #2e2e2e;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px #ebebeb solid;
  margin-bottom: 25px;
}

.block-category-title {
  font-size: 20px;
  line-height: 24px;
  color: #2e2e2e;
  font-weight: 600;
  padding: 0px;
}

.block-title.size-1 {
  font-size: 16px;
}

.block-title.size-2 {
  font-size: 18px;
}

.block-title.size-3 {
  font-size: 24px;
  margin-bottom: -1px;
}

.block-title.size-4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/*buttons*/

.button {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 10px;
  display: inline-block;
  margin-bottom: 12px;
  cursor: pointer;
  min-width: 193px;
  border: 2px #F8E002 solid;
  background-color: #F8E002;
  position: relative;
}

.button-small {
  color: #FFF;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
  padding: 3px;
  display: inline-block;
  cursor: pointer;
  min-width: 90px;
  border: 1px #0079B8 solid;
  background-color: #0079B8;
  position: relative;
}

.button .fa {
  margin-right: 5px;
}

.button.yellow {
  color: #373737;
  background: #F8E002;
  border-color: #F8E002;
}

.button.yellow2 {
  color: #373737;
  background: #FDC623;
  border-color: #FDC623;
}

.button.orange {
  color: #FFF;
  background: #FE5F1D;
  border-color: #FE5F1D;
}

.button.style-2 {
  background: #f2f2f2;
  border-color: #f2f2f2;
}

.button.style-9 {
  border-color: rgba(255,255,255,0.5);
}

.button.style-1:hover,.button.style-9:hover {
  background: #fff;
  border: 2px transparent solid;
}

.button-small:hover {
  background: #FFF;
  color: #0079B8;
  border: 1px solid #0079B8;
}

.button.style-1a:hover {
  background: #fff;
  color: #333;
}

/* cartridge slide homepage */

.button.style-1b:hover {
  border: 2px solid #2D9F01;
  color: #000;
}

/* add to cart - product page */

.button.style-2:hover {
  background: #fff;
}

.button.style-3 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #333232;
  text-transform: uppercase;
  background: #f0f0f0;
  display: inline-block;
  text-align: center;
  border: 2px #f0f0f0 solid;
  padding: 10px 5px;
  min-width: 0;
}

.button.style-4 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #ca1515;
  display: inline-block;
  text-align: center;
  border: 2px #ca1515 solid;
  padding: 10px 5px;
  min-width: 0;
}

.button.style-3:hover,.button.style-4:hover {
  background-color: #CA1515;
  color: #FFFFFF!important;
  border-color: #CCCCCC;
}

.button.style-5 {
  border-color: #fff;
  background: #fff;
}

.button.style-5:hover {
  background: transparent;
  border-color: #bfbfbf;
}

.button.style-6 {
  border-color: #fff;
  background: #fff;
}

.button.style-6:hover {
  color: #fff;
  background: transparent;
  border-color: #bfbfbf;
}

.button.style-7 {
  background: rgba(241, 126, 14, 0.9);
  border-color: rgba(241, 126, 14, 0.9);
  color: #fff;
}

.button.style-7:hover {
  background: transparent;
}

.button.style-8 {
  background: transparent;
  color: #fff;
  border-color: rgba(204, 204, 204, 0.2);
}

.button.style-8:hover {
  border-color: rgba(204, 204, 204, 1);
}

.button.style-10,.button.style-12,.button.style-18 {
  min-width: 150px;
  font-size: 14px;
  line-height: 18px;
  padding: 11px 35px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  border: 2px #287ABA solid;
  background: #287ABA;
  letter-spacing: 2px;
}

.button.style-10:hover,.button.style-12:hover {
  background: #fff;
  color: #287ABA;
}

.button.style-11 {
  font-size: 13px;
  color: #262626;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 18px;
  padding: 12px 40px;
  border: 1px #fff solid;
  background: #fff;
}

.button.style-11:hover {
  color: #808080;
}

.button.style-12 {
  border-color: #ca1515;
  background: #ca1515;
}

.button.style-14 {
  border-color: #272727;
  background: #272727;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  line-height: 16px;
  padding: 10px 20px;
  min-width: 0;
}

.button.style-14:hover {
  background: transparent;
  color: #272727;
}

.button.style-15,.button.style-16,.button.style-15,.button.style-17 {
  border: 1px #e0e0e0 solid;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  padding: 9px 10px;
  background: #fff;
  color: #2e2e2e;
  min-width: 0;
}

.button.style-16,.button.style-15:hover {
  background: #f0f0f0;
  border-color: #f0f0f0;
}

.button.style-16:hover {
  background: #fff;
  border-color: #e0e0e0;
}

.button.style-17 {
  border-color: #ca1515;
  background: #ca1515;
  color: #fff;
}

.button.style-17:hover {
  background: transparent;
  color: #2e2e2e;
}

.button.style-18 {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #333;
}

.button.style-18:hover {
  background: transparent;
}

.button.style-19 {
  background: #ca1515;
  border-color: #ca1515;
  color: #fff;
}

.button.style-19:hover {
  background: transparent;
}

.button-x {
  font-size: 12px;
  line-height: 15px;
  width: 15px;
  text-align: center;
  color: #808080;
}

.button-x .fa {
  display: block;
  line-height: 15px;
}

/*overflow*/

.overflow {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
}

/*placeholders*/

::-webkit-input-placeholder {
  color: #0079B8;
  opacity: 1;
}

::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}

/* firefox 19+ */

:-ms-input-placeholder {
  color: #c2c2c2;
  opacity: 1;
}

/* ie */

input:-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}

/*list styles*/

.list-type-1 {
  font-size: 14px;
  line-height: 15px;
  color: #2e2e2e;
  font-weight: 500;
}

.list-type-1 a {
  color: #2e2e2e;
}

.list-type-1 a:hover {
  color: #0079B8;
}

.list-type-1 li {
  padding: 7px 0;
}

.list-type-1 li .fa {
  display: inline-block;
  color: #806fc0;
  margin-right: 7px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

ol {
  list-style: none;
  counter-reset: number;
}

ol li {
  padding-left: 0;
  font-size: 13px;
  line-height: 24px;
  color: #0079B8;
  margin-bottom: 12px;
}

ol li:before {
  counter-increment: number;
  content: counter(number);
  color: #fff;
  font-size: 13px;
  margin-right: 9px;
  margin-left: 3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  line-height: 20px;
  font-weight: 600;
  background: #0079B8;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

/*loader*/

#loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

.bubbles {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -30px;
}

.bubbles .title {
  color: #a1a1a1;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 50px;
  font-weight: 500;
}

.bubbles span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: #03b4ea;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  animation: bubbly .9s infinite alternate;
}

#bubble2 {
  animation-delay: .27s;
}

#bubble3 {
  animation-delay: .54s;
}

@-webkit-keyframes bubbly {
  0% {
    width: 15px;
    height: 15px;
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    width: 50px;
    height: 50px;
    opacity: 0.1;
    -webkit-transform: translateY(-32px);
  }
}

@keyframes bubbly {
  0% {
    width: 15px;
    height: 15px;
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    width: 50px;
    height: 50px;
    opacity: 0.1;
    transform: translateY(-32px);
  }
}

/*form elements*/

.checkbox,.radio {
  margin-top: 0;
}

.checkbox-entry {
  margin-bottom: 15px;
}

.checkbox-entry {
  display: block;
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
}

.checkbox-entry b {
  font-weight: 600!important;
  color: #313131!important;
}

.checkbox-entry input + span {
  cursor: pointer;
  display: inline-block;
  border: 1px #d9d9d9 solid;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  color: #333232;
  position: relative;
  top: -1px;
  margin-right: 7px;
  position: relative;
}

.checkbox-entry.radio input + span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px #e3e3e3 solid;
}

.checkbox-entry input {
  display: none;
}

.checkbox-entry input:checked + span {
  background: #ca1515;
}

.checkbox-entry.radio input:checked + span:after {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
  box-shadow: inset 0 0 0 3px #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px #e3e3e3 solid;
}

/* Di Vapor Top Menu */
header {
  -webkit-backface-visibility: hidden;
}

header {
  margin-bottom: 25px;
  position: absolute;
  z-index: 5;
  background: #fff;
  padding: 0 70px;
  top: 0;
  left: 0;
  width: 100%;
}

.navigation {
  font-size: 0;
  position: relative;
  border-bottom: 2px #f7f7f7 solid;
  height: 70px;
}

nav {
  position: relative;
}

nav>ul>li {
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}

nav>ul>li>a {
  font-size: 13px;
  font-weight: 700;
  color: #3d3d3d;
  line-height: 70px;
  text-transform: uppercase;
  display: inline-block;
}

nav>ul>li>a .menu-label {
  position: absolute;
  right: 3px;
  top: 10px;
}

nav>ul>li>.fa {
  color: #b9b9b9;
  font-size: 10px;
  margin-left: 3px;
  vertical-align: middle;
  position: relative;
  top: -5px;
}

.submenu-container {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 20px 10px;
  display: none;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  border: solid 1px #f4f4f4;
}

nav>ul>li:hover {
  z-index: 1;
}

nav>ul>li:hover>a,nav>ul>li>a.active {
  text-decoration: underline;
}

nav>ul:nth-child(2) {
  float: right;
}

#content-block .submenu a:hover {
  color: #0079B8;
}

#content-block .submenu-links-line a:hover {
  color: #FFF;
}

.submenu .list-type-1 .fa {
  font-size: 13px;
  color: #cacaca!important;
  margin: 0 7px 0 0;
}

/*submenu full width*/

.submenu {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  top: 100%;
  border: 1px #0079B8 solid;
  display: none;
}

.submenu .row {
  position: relative;
}

nav .full-width .submenu {
  padding: 50px 0;
  max-width: 1310px;
}

.full-width-menu-items-right {
  width: 540px;
  margin-right: 50px;
  float: right;
}

.full-width-menu-items-right .submenu-list-title {
  margin-right: 50px;
}

.menu-slider-out {
  overflow: hidden;
}

.menu-slider-in {
  width: 100000px;
  position: relative;
}

.menu-slider-in .product-slide-entry {
  width: 150px;
}

.menu-slider-entry {
  padding-right: 40px;
  float: left;
  text-align: center;
}

.menu-slider-in .product-slide-entry .product-image {
  margin-bottom: 10px;
}

.menu-slider-in .product-slide-entry .title {
  font-size: 14px;
}

.menu-slider-in .price {
  font-size: 14px;
}

.menu-slider-arrows {
  font-size: 0;
  text-align: right;
  margin-bottom: -22px;
}

.menu-slider-arrows a {
  font-size: 13px;
  line-height: 22px;
  display: inline-block;
  width: 22px;
  text-align: center;
}

#content-block .menu-slider-arrows a .fa {
  color: #cacaca;
}

#content-block .menu-slider-arrows a:hover .fa {
  color: #2e2e2e;
}

.full-width-menu-items-left {
  margin-right: 615px;
  margin-left: 45px;
}

.submenu-list-title {
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px;
}

.submenu-list-title a {
  color: #2e2e2e;
}

#content-block .submenu-list-title a:hover {
  text-decoration: underline;
  color: #2e2e2e;
}

.submenu .list-type-1 {
  margin-bottom: 45px;
}

.submenu .list-type-1 li {
  padding: 5px 0;
}

.menu-label {
  font-size: 10px;
  line-height: 15px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}

.menu-label:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 0;
  position: absolute;
  left: 6px;
  top: 100%;
  content: "";
}

.menu-label.blue {
  background: #03b4ea;
}

.menu-label.blue:before {
  border-color: #03b4ea transparent transparent transparent;
}

.menu-label.red {
  background: #cd0000;
}

.menu-label.red:before {
  border-color: #cd0000 transparent transparent transparent;
}

.menu-label.yellow {
  background: #e9bc21;
}

.menu-label.yellow:before {
  border-color: #e9bc21 transparent transparent transparent;
}

/*submenu drop-down menu bottom line*/

.submenu-links-line {
  position: absolute;
  left: 0;
  top: 100%;
  background: #0079B8;
  left: -1px;
  right: -1px;
  padding: 19px 45px;
  font-size: 14px;
  line-height: 24px;
  color: #FFF;
  border: 1px #0079B8 solid;
  border-bottom: 3px #FFF solid;
}

.submenu-links-line b {
  font-weight: 600;
  color: #000;
}

.submenu-links-line a {
  color: #FFF;
}

.submenu-links-line a:hover {
  text-decoration: underline;
}

.submenu-links-line-container {
  display: table;
  width: 100%;
}

.submenu-links-line-container .cell-view:first-child {
  width: 60%;
}

.submenu-links-line .red-message,.submenu-links-line .red-message b {
  color: #ca1515;
}

.submenu-links-line .yellow-message,.submenu-links-line .yellow-message b {
  color: #DEC209;
}

/*submenu full width columns inside*/

nav .full-width-columns .submenu {
  max-width: 1310px;
}

.submenu .product-column-entry {
  float: left;
  width: 20%;
  border: none;
  border-right: 1px #f2f2f2 solid;
}

.submenu .product-column-entry:last-child,.submenu .product-column-entry3:last-child,.submenu .product-column-entry4:last-child {
  border-color: transparent;
}

.submenu .product-column-entry .submenu-list-title,.submenu .product-column-entry3 .submenu-list-title,.submenu .product-column-entry4 .submenu-list-title {
  margin-left: 30px;
  margin-right: 30px;
}

/*submenu 4 columns*/

.submenu .product-column-entry4 {
  float: left;
  width: 25%;
  border: none;
  border-right: 1px #f2f2f2 solid;
}

nav .column-3 {
  position: relative;
}

nav .column-3 .submenu {
  width: 800px;
  padding: 10px 0;
  left: 50%;
  margin-left: -300px;
}

nav .column-3 .submenu .full-width-menu-items-left {
  margin-right: 30px;
}

.submenu-background {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
}

/*submenu 3 columns*/

.submenu .product-column-entry3 {
  float: left;
  width: 33%;
  border: none;
  border-right: 1px #f2f2f2 solid;
}

nav .column-3 {
  position: relative;
}

nav .column-3 .submenu {
  width: 800px;
  padding: 10px 0;
  left: 50%;
  margin-left: -300px;
}

nav .column-3 .submenu .full-width-menu-items-left {
  margin-right: 30px;
}

.submenu-background {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
}

/*submenu 2 columns*/

nav .column-2 {
  position: relative;
}

nav .column-2 .submenu {
  width: 600px;
  padding: 50px 0;
  left: 50%;
  margin-left: -300px;
}

nav .column-2 .submenu .full-width-menu-items-left {
  margin-right: 190px;
}

.submenu-background {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
}

/*submenu 1 column*/

nav .column-1 {
  position: relative;
}

nav .column-1 .submenu {
  width: 600px;
  padding: 50px 0;
  left: 50%;
  margin-left: -300px;
}

nav .column-1 .full-width-menu-items-left {
  margin-right: 200px;
}

nav ul:first-child li:nth-child(1).column-1 .submenu,nav ul:first-child li:nth-child(2).column-1 .submenu {
  left: 0;
  margin-left: 0;
}

/*submenu simple list*/

nav .simple-list {
  position: relative;
}

nav .simple-list .submenu {
  width: 270px;
  left: 50%;
  margin-left: -135px;
}

nav .simple-list .submenu a {
  font-size: 13px;
  line-height: 15px;
  color: #2e2e2e;
  padding: 16px 20px;
  border-top: 1px #f2f2f2 solid;
  display: block;
  margin-top: -1px;
}

nav .simple-list .submenu a .fa {
  color: #cacaca;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  top: -2px;
  margin-right: 7px;
  font-size: 13px;
}

/*scrolling page - fixed header*/

.fixed-header-visible {
  display: none;
}

.header-top {
  border-bottom: 1px #f0f0f0 solid;
  position: relative;
}

.header-top-entry {
  float: left;
  font-size: 13px;
  line-height: 15px;
  color: #666;
  font-weight: 400;
  position: relative;
  padding: 12px 0;
}

.header-top-entry-trustpilot {
  padding-top: 5px;
  float: right;
}

.header-top-entry .title {
  border-left: 1px #d0d0d0 solid;
  padding: 0 18px;
  cursor: pointer;
  white-space: nowrap;
}

.header-top-entry:first-child .title {
  border-color: transparent;
  padding-left: 0;
}

.header-top-entry .title img,.header-top-entry .list-entry img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.header-top-entry .title a {
  color: #747474;
}

.header-top-entry .title a:hover {
  text-decoration: underline;
}

.header-top-entry .title b {
  font-weight: 600;
}

.header-top-entry .title .fa {
  margin-left: 7px;
  position: relative;
  top: -1px;
}

.header-top-entry .title .fa:first-child {
  margin-left: 0;
  margin-right: 7px;
}

.header-top-entry .list {
  position: absolute;
  min-width: 100%;
  left: 1px;
  top: 40px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  border: solid 1px #f4f4f4;
  padding: 5px 20px;
  z-index: 1;
  text-align: left;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  opacity: 0;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transform-origin: 50% 0% 0px;
  -moz-transform-origin: 50% 0% 0px;
  -webkit-transform-origin: 50% 0% 0px;
  -ms-transform-origin: 50% 0% 0px;
}

.header-top-entry:hover .list {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}

.header-top-entry:first-child .list {
  left: -20px;
}

.header-top-entry .list-entry {
  white-space: nowrap;
  display: block;
  color: #747474;
  padding: 10px 0;
  border-top: 1px #f0f0f0 solid;
}

.header-top-entry .list-entry:hover {
  color: #222;
}

.header-top-entry .list-entry:first-child {
  border-top: none;
}

.socials-box {
  font-size: 0;
}

header .socials-box {
  float: right;
  margin-top: 12px;
  margin-right: -3px;
}

.socials-box a {
  font-size: 16px;
  line-height: 30px;
  width: 30px;
  display: inline-block;
  color: #bababa;
  margin: 0 3px;
  text-align: center;
}

.socials-box a .fa {
  line-height: 30px;
  position: relative;
  top: 0;
}

.socials-box a:hover {
  color: #3d3d3d;
}

body:not(.mobile) .socials-box a:hover .fa {
  top: -5px;
}

.header-middle {
  border-bottom: 2px solid #f7f7f7;
  display: table;
  width: 100%;
  padding: 10px 0;
  position: relative;
}

.header-middle-checkout {
  border-bottom: 2px solid #f7f7f7;
  display: table;
  width: 100%;
  padding: 25px 0;
}

.header-middle .right-entries {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  text-align: right;
  font-size: 0;
}

.header-bottom {
  display: none;
}

.header-functionality-entry {
  font-size: 13px;
  line-height: 15px;
  color: #545454;
  font-weight: 400;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 10px;
  border-right: 1px #d0d0d0 solid;
  white-space: nowrap;
}

.header-functionality-entry.open-search-popup {
  display: none;
}

.header-functionality-entry:hover,.header-functionality-entry .fa:hover {
  color: #0079B8;
}

.menu-button:hover {
  color: #0079B8;
}

.menu-button .fa {
  top: 8px;
  position: relative;
  font-size: 28px;
  margin-left: 15px;
}

.header-functionality-entry:nth-last-child(2) {
  padding-right: 0;
  border-right: none;
}

.responsive-search-button {
  display: none;
}

.header-functionality-entry .fa {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.header-functionality-entry b {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.logo-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 265px;
}

#logo {
  display: inline-block;
  max-width: 90%;
  height: auto;
  min-height: 45px;
}

#logo img {
  display: block;
  width: 100%;
}

.middle-entry {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 10px;
}

.search-left-entry {
  margin-right: 95px;
}

.search-right-entry {
  float: right;
  width: 90px;
  height: 40px;
  padding: 3px;
}

.trustpilot-mobile {
  background-image: url(/images/sprite-footer.png);
  background-position: -1370px 0px;
  width: 82px;
  height: 35px;
}

.search-box {
  background: #fff;
}

.search-button {
  float: right;
  width: 50px;
  height: 50px;
  background: #0079B8;
  position: relative;
}

.search-button:hover {
  background: #999!important;
}

.search-button .fa {
  display: block;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.search-button input[type="submit"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.search-button-mobile {
  float: right;
  width: 40px;
  height: 40px;
  background: #0079B8;
  position: relative;
}

.search-button-mobile:hover {
  background: #999!important;
}

.search-button-mobile .fa {
  display: block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.search-button-mobile input[type="submit"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.search-drop-down {
  border-top: 1px #AAAAAA solid;
  border-bottom: 1px #AAAAAA solid;
  border-left: 1px #AAAAAA solid;
  float: right;
  width: 135px;
  position: relative;
}

.search-drop-down .title {
  line-height: 43px;
  padding: 0 30px 0 20px;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  color: #999;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.search-drop-down .title .fa {
  position: absolute;
  top: 0;
  width: 10px;
  right: 20px;
  text-align: center;
  line-height: 45px;
}

.search-drop-down .list {
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  border: solid 1px #f4f4f4;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  /*transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);*/
  display: none;
  z-index: 1;
}

.search-drop-down.active .list {
  /*transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);*/
  display: block;
}

.search-drop-down .overflow {
  max-height: 161px;
}

.search-drop-down .category-entry {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  padding: 7px 0 7px 15px;
  margin: 0 5px;
  border-bottom: 1px #f2f2f2 solid;
  cursor: pointer;
}

/* Di Vapor Top Search Bar */

.search-drop-down .category-entry:hover {
  color: #3d3d3d;
}

.search-field {
  border: 1px #0079B8 solid;
  border-right: none;
  height: 50px;
  margin-right: 50px;
}

.search-field input[type="text"] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: none;
  background: none;
  font-size: 20px;
  padding: 0px 15px;
  color: #3d3d3d;
}

.search-field-mobile {
  border: 1px #AAAAAA solid;
  border-right: none;
  height: 40px;
  margin-right: 40px;
}

.search-field-mobile input[type="text"] {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: none;
  background: none;
  font-size: 18px;
  padding: 0px 15px;
  color: #3d3d3d;
}

.navigation-copyright {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  padding: 25px 10px;
  text-align: center;
}

.navigation-copyright a {
  color: #e5b81d;
  font-weight: 600;
}

.navigation-copyright a:hover {
  text-decoration: underline;
}

/*header popups*/

.popup *:last-child {
  margin-bottom: 0!important;
}

.search-box.popup {
  position: fixed;
  border: 1px #ebebeb solid;
  background: #fff;
  padding: 18px;
  width: 460px;
}

/*.popup{transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); opacity: 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px;}*/

.loaded .popup {
  z-index: 7;
  display: none;
}

.popup.active {
  display: block;
}

.search-box.popup.bottom-align {
  top: auto!important;
  bottom: 75px;
}

.search-box.popup.bottom-align .search-drop-down .list {
  position: absolute;
  top: auto;
  bottom: 100%;
}

/*.popup.active{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/

.search-box.popup:before {
  width: 28px;
  height: 15px;
  position: absolute;
  content: "";
  background: url(/images/search-angle.png);
  top: -15px;
  right: 30px;
}

.search-box.popup.bottom-align:before {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  top: 100%;
}

.cart-box.popup {
  position: fixed;
  padding: 15px 0 0 0;
  width: 300px;
}

.cart-box.popup .popup-container {
  border: 2px #CCCCCC solid;
  padding: 25px 25px 20px 25px;
  background: #fff;
  position: relative;
  max-height: 770px;
  overflow-x: hidden;
  overflow-y: auto;
}

.cart-box.popup .image {
  float: left;
  width: 70px;
}

.cart-box.popup .image img {
  display: block;
  width: 100%;
  height: auto;
}

.cart-box.popup .cart-entry {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 2px #ebebeb solid;
  position: relative;
}

.cart-box.popup .content {
  margin: 0 20px 0 85px;
}

.cart-box.popup .content .title {
  font-size: 14px;
  line-height: 18px;
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.cart-box.popup .content .title:hover {
  text-decoration: underline;
}

.cart-box.popup .content .quantity {
  font-size: 13px;
  line-height: 24px;
  color: #808080;
  margin-bottom: 3px;
}

.cart-box.popup .content .price {
  font-size: 18px;
  line-height: 24px;
  color: #e11414;
  font-weight: 600;
}

.cart-box.popup .summary {
  text-align: right;
  margin-bottom: 25px;
}

.cart-box.popup .summary .subtotal {
  font-size: 14px;
  line-height: 22px;
  color: #878787;
  font-weight: 600;
}

.cart-box.popup .summary .grandtotal {
  font-size: 18px;
  line-height: 22px;
  color: #343434;
  font-weight: 600;
}

.cart-box.popup .summary .grandtotal span {
  color: #e11414;
}

.cart-buttons .column {
  width: 50%;
  padding-left: 5px;
  float: left;
}

.cart-buttons .column:first-child {
  padding-left: 0;
  padding-right: 5px;
}

.cart-buttons .button {
  display: block;
  margin-bottom: 5px;
}

.cart-box.popup .button-x {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.cart-box.popup .popup-container:before {
  background: url(/images/search-angle.png);
  content: "";
  height: 15px;
  position: absolute;
  right: 30px;
  top: -15px;
  width: 28px;
}

.cart-box.popup.left-align {
  left: 15px!important;
}

.cart-box.popup.left-align .popup-container:before {
  right: auto;
  left: 30px;
}

.cart-box.popup.cart-left .popup-container:before {
  right: auto;
  left: 30px;
}

.cart-box.popup.fixed-header-left {
  right: auto;
  left: 50%;
  margin-left: -615px;
  right: auto!important;
}

body.style-0 .cart-box.popup .content .price {
  color: #03b4ea;
}

body.style-0 .cart-box.popup .summary .grandtotal span {
  color: #03b4ea;
}

body.style-0 .button.style-4 {
  background: #03b4ea;
  border-color: #03b4ea;
}

/*additional header block - search in navigation ("everything" template)*/

.navigation-search-content {
  margin-left: 300px;
  position: relative;
  z-index: 1;
}

.navigation-search-content .search-box {
  margin-right: 160px;
  top: 15px;
  position: relative;
}

.search-box.size-1 .search-button {
  height: 40px;
  width: 40px;
}

.search-box.size-1 .search-drop-down .title {
  line-height: 38px;
}

.search-box.size-1 .search-drop-down .title .fa {
  line-height: 40px;
}

.search-box.size-1 .search-field {
  margin-right: 175px;
  height: 40px;
}

.search-box.size-1 .search-field input[type="text"] {
  height: 38px;
  line-height: 38px;
}

.search-box.size-1 .search-button .fa {
  line-height: 40px;
}

header.type-1.fixed-header .navigation-search-content {
  display: none;
}

.navigation-search-content .toggle-desktop-menu {
  float: right;
  font-size: 14px;
  line-height: 70px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  width: 125px;
  border-left: 1px #1663c2 solid;
  text-align: center;
}

.navigation-search-content .toggle-desktop-menu .fa {
  line-height: 70px;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin-right: 5px;
  display: none;
}

.navigation-search-content .toggle-desktop-menu .fa:first-child {
  display: inline-block;
}

.navigation.active .navigation-search-content .search-box {
  display: none;
}

.navigation.active .navigation-search-content .toggle-desktop-menu .fa {
  display: inline-block;
}

.navigation.active .navigation-search-content .toggle-desktop-menu .fa:first-child {
  display: none;
}

/*additional header block - square icons ("everything" template)*/

header .icon-entry {
  width: 50%;
  float: left;
}

header .icon-entry .image {
  width: 45px;
  height: 45px;
  float: left;
  line-height: 45px;
  text-align: center;
  background: #f5f5f5;
}

header .icon-entry .image .fa {
  line-height: 45px;
  display: block;
  color: #b4b4b4;
}

header .icon-entry:hover .image {
  background: #0f51a3;
}

header .icon-entry:hover .image .fa {
  color: #fff;
}

header .icon-entry .text {
  margin-left: 60px;
  font-size: 13px;
  line-height: 18px;
  color: #747474;
  padding-top: 5px;
  display: block;
}

header .icon-entry .text b {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #404040;
}

.right-header-email {
  padding: 10px 0px 0px 10px;
  text-align: right;
}

.sales-email {
  background-image: url(/images/sprite-footer.png);
  background-position: -1098px 0px;
  width: 273px;
  height: 37px;
  display: inline-block;
}

.divapor-logo {
  background-image: url(/images/sprite-footer.png);
  background-position: -741px 0px;
  width: 235px;
  height: 40px;
}

.divapor-logo-bottom {
  background-image: url(/images/sprite-footer.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 240px;
  height: 37px;
}

.Di-Vapor-Slogan-Mobile {
  display: none;
  margin: 10px 0px;
}

.menu-col-left {
  float: left;
  width: 50%;
}

.menu-col-right {
  float: right;
  width: 50%;
}

.menu-padding-top {
  padding-top: 15px;
}

header.type-1.fixed-header .header-middle {
  border-bottom: 3px #0079B8 solid;
}

.order-paymentbox-mobile {
  display: none;
}

.order-paymentbox-desktop {
  display: block;
}

.checkout-header-title {
  float: right;
  min-width: 190px;
  font-weight: bold;
  font-size: 40px;
  text-align: right;
  color: #0079B8;
}

.checkout-header-value {
  font-weight: normal;
  font-size: 26px;
  color: #333333;
}

.header-middle,.header-middle-checkout {
  border-bottom: 1px solid #CCCCCC;
}

.category-title-mobile {
  display: none;
}

header.type-1 {
  margin-bottom: 5px;
}

.brandsMenu,.partDescription {
  columns: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-bottom: 20px;
}

/* Brands Menu */

/* Door Rollers Page */

.doorRollerBox {
  padding: 5px;
  width: 100%;
  background-color: #E4E4E4;
  border: 1px solid #CCCCCC;
}

.doorRollerSection {
  width: 30%;
  vertical-align: top;
  display: inline-block;
  padding: 10px;
  border: 1px solid #CCC;
  background-color: #EEE;
}

.doorRollerHeader {
  display: inline-block;
  height: 100%;
}

.doorRollerOptions {
  display: inline-block;
  text-align: left;
}

.doorRollerSelect {
  display: inline-block;
  margin-right: 10px;
  min-width: 110px;
}

/* 04.02 - footer */

footer {
  position: relative;
}

.clearfix.visible-sm-block {
  height: 35px;
  float: left;
  width: 100%;
}

.footer-columns-entry {
  border-bottom: 1px #f0f0f0 solid;
  border-top: 1px solid #0079B8;
  padding: 45px 0 30px 0px;
  position: relative;
}

.footer-logo {
  display: block;
  margin-bottom: 15px;
}

.footer-description {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
}

.footer-description b {
  font-weight: 500;
  color: #fff;
}

.footer-address {
  font-size: 15px;
  line-height: 26px;
  color: #a6a6a6;
  font-weight: 400;
}

.footer-address a {
  color: #a6a6a6;
}

.footer-address a b {
  font-weight: 600;
  color: #03b4ea;
}

#content-block .footer-address a:hover,#content-block .footer-address a:hover b {
  color: #3c3c3c;
}

.footer-columns-entry .column-title {
  margin-bottom: 20px;
  font-weight: 600;
  color: #fff;
  font-size: 17px;
  line-height: 20px;
}

.footer-columns-entry .column {
  list-style: none;
  font-weight: 400;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  margin-top: -5px;
}

.footer-columns-entry .column a,.footer-social a {
  color: #fff;
  display: inline-block;
  padding: 5px 0;
}

.footer-columns-entry .column a:hover {
  color: #03b4ea;
}

.footer-bottom-navigation {
  text-align: center;
  padding: 0px;
  display: table;
  width: 100%;
  position: relative;
}

.footer-bottom-navigation .cell-view {
  position: relative;
}

.footer-bottom-navigation .footer-links {
  font-size: 0;
}

.footer-links a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 14px;
  padding-right: 15px;
  display: inline-block;
  border-right: 1px #cfcfcf solid;
  margin-right: 15px;
  margin-bottom: 7px!important;
  margin-top: 7px;
  vertical-align: top;
}

.footer-links a:last-child {
  padding-right: 0;
  border: none;
  margin-right: 0;
}

.footer-links a:hover {
  color: #03b4ea;
}

.payment-methods {
  padding-top: 10px;
  text-align: right;
  font-size: 0;
}

.payment-methods a {
  display: inline-block;
  border: 1px #ebebeb solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-right: 10px;
  margin-bottom: 5px;
  vertical-align: top;
  margin-top: 5px;
}

.payment-methods a:hover {
  opacity: 0.5;
}

.payment-methods a img {
  display: block;
}

.payment-methods a:last-child {
  margin-right: 0;
}

.copyright {
  font-size: 14px;
  line-height: 14px;
  color: #666;
  margin-bottom: 5px;
  padding: 7px 0;
}

.copyright a {
  font-weight: 600;
  color: #03b4ea;
}

#content-block .copyright a:hover {
  color: #3c3c3c;
}

.footer-copyright-wrapper {
  text-align: center;
  padding: 15px 10px;
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
}

.footer-description,.footer-address,.footer-columns-entry .column {
  margin-bottom: 15px;
}

/* 04.03 - company information and latest review */
.company-information-box .image {
  float: left;
  width: 270px;
}

.company-information-box .image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.company-information-box .text {
  margin-left: 300px;
}

.company-information-box .text .cell-view {
  height: 190px;
  width: 1000px;
}

.company-information-box .text .description {
  font-size: 13px;
  line-height: 24px;
  color: #A3A2A2;
  font-weight: 400;
  margin-bottom: 10px;
}

.read-more {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #2e2e2e;
  display: inline-block;
}

.read-more:hover {
  color: #03b4ea;
}

.latest-review .text {
  padding: 22px 32px;
  border: 1px #ebebeb solid;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 10px;
}

.blockquote-slider {
  margin-right: -15px;
}

.blockquote-slider blockquote {
  margin-right: 15px;
}

#content-block .latest-review footer {
  font-style: normal;
  font-size: 13px;
  color: #aaa9a9;
  line-height: 20px;
  font-weight: 400;
  background: none;
}

.latest-review footer cite {
  font-weight: 600;
  color: #2e2e2e;
}

/* 04.04 - products slider */
.links-drop-down .title {
  display: none;
}

.products-swiper {
  margin: 0 -21.25px;
  position: relative;
}

.products-swiper:before,.products-swiper:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 21.25px;
  height: 100%;
  background: #fff;
  content: "";
  z-index: 2;
}

.products-swiper:after {
  right: -3px;
  left: auto;
}

.products-swiper .paddings-container {
  padding: 0 21.25px;
}

.product-slide-entry {
  max-width: 210px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.account-box {
  max-width: 300px;
}

.product-image-label {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  z-index: 1;
}

.product-image-label span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 11px;
  line-height: 12px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.product-image-label.type-1 {
  left: 7px;
  top: 7px;
  width: 40px;
  height: 40px;
  background: #93b92c;
}

.product-image-label.type-2 {
  right: 7px;
  top: 7px;
  width: 40px;
  height: 40px;
  background: #d41b1b;
}

.product-image-label.type-3 {
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -32px;
  width: 65px;
  height: 65px;
  background: rgba(64,64,64,0.95);
}

.product-slide-entry .product-image {
  display: block;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.product-slide-entry .stockImg {
  display: inline-block;
  width: 58px;
  height: 15px;
  margin: 0px 5px;
}

.product-slide-entry img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.product-slide-entry>img:first-child {
  margin-bottom: 15px;
}

.product-slide-entry .product-image:hover img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.product-slide-entry .product-image .bottom-line {
  position: absolute;
  left: 0;
  bottom: -35px;
  width: 100%;
  background: rgba(28,28,28,0.9);
  text-align: center;
  font-size: 15px;
  line-height: 35px;
  font-weight: 600;
}

.product-slide-entry .product-image:hover .bottom-line {
  bottom: 0;
}

.product-slide-entry .product-image .bottom-line.left-attached {
  left: -37px;
  bottom: 0;
  width: 35px;
  -webkit-backface-visibility: hidden;
}

.product-slide-entry .product-image:hover .bottom-line.left-attached {
  left: 0;
}

.product-image .bottom-line-a {
  color: #fff;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product-image .bottom-line-a:hover {
  background: #fff;
  color: #222;
  border-color: transparent!important;
}

.product-image .bottom-line-a .fa {
  color: inherit!important;
}

.product-image .bottom-line-a.square {
  width: 35px;
  border-left: 1px rgba(255, 255, 255, 0.1) solid;
}

.product-image .bottom-line.left-attached .bottom-line-a.square {
  border-left-color: transparent;
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.product-image .bottom-line-a .fa {
  vertical-align: bottom;
  line-height: 35px;
  margin-right: 3px;
  width: 25px;
}

.product-image .right-align {
  float: right;
}

.product-image .right-align a {
  float: left;
}

.product-image .left-align {
  margin-right: 70px;
}

.product-image .top-line-a {
  height: 35px;
  min-width: 35px;
  line-height: 35px;
  padding: 0 10px;
  background: #fff;
  position: absolute;
  top: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #2e2e2e;
  text-align: center;
  font-weight: 600;
}

.product-image .top-line-a span {
  font-size: 11px;
  line-height: 35px;
  display: inline-block;
  vertical-align: bottom;
}

.product-image .top-line-a .fa {
  line-height: 35px;
  display: inline-block;
  vertical-align: bottom;
}

.product-image .top-line-a:hover {
  background: #2e2e2e;
  color: #fff;
}

.product-image .top-line-a.left {
  left: -100px;
}

.product-image:hover .top-line-a.left {
  left: 10px;
}

.product-image .top-line-a.right {
  right: -120px;
}

.product-image:hover .top-line-a.right {
  right: 10px;
}

.product-slide-entry .tag {
  font-size: 10px;
  line-height: 14px;
  color: #8b8b8b;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  margin-bottom: 7px;
}

.product-slide-entry .tag:hover {
  color: #2e2e2e;
}

.product-slide-entry .title {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 10px;
}

.product-slide-entry .accountTitle {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #555;
  font-weight: 600;
  margin-bottom: 15px;
}

.product-slide-entry .title b {
  font-weight: 700;
}

.product-slide-entry .title:hover {
  color: #03b4ea;
}

.rating-box {
  color: #f5c10c;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}

.rating-box .star {
  display: inline-block;
}

.price {
  font-size: 15px;
  line-height: 15px;
  padding-bottom: 5px;
}

.price .prev {
  color: #0079b8;
  text-decoration: line-through;
  display: inline-block;
  font-size: 14px;
}

.price .current {
  color: #0079B8;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 4px 0px;
}

.price .price-tag {
  width: fit-content;
  font-size: 15px;
  color: #9c9c9c;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

/* 04.05 - sales blocks */

.sale-entry {
  overflow: hidden;
  border: 2px #f2f2f2 solid;
  min-height: 70px;
  padding: 35px 0;
  position: relative;
  display: block;
}

.sale-entry .sale-price {
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  text-transform: uppercase;
  font-weight: 700;
  width: 190px;
  text-align: center;
  border-right: 1px #f2f2f2 solid;
  float: left;
  display: block;
  position: relative;
  z-index: 1;
}

.sale-entry .sale-price span {
  display: block;
  font-size: 48px;
  line-height: 48px;
  color: #da75cb;
}

.sale-entry .sale-price img {
  padding: 15px 0;
}

.sale-entry .sale-description {
  font-size: 13px;
  line-height: 22px;
  color: #a3a2a2;
  margin: 0 40px 15px 230px;
  padding: 2px 0;
  display: block;
  position: relative;
  z-index: 1;
}

.sale-entry .sale-title {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  color: #a3a2a2;
  margin: 0 0 10px 230px;
}

.hot-mark {
  position: absolute;
  top: 5px;
  right: -15px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #ca1515;
  line-height: 18px;
  width: 60px;
  text-align: center;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.hot-mark.blue {
  background: #03b4ea;
}

.hot-mark.yellow {
  background: #dec209;
}

a.sale-entry:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  content: "";
  z-index: 1;
}

a.sale-entry .hot-mark {
  z-index: 2;
}

.sale-entry-border {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sale-entry-border:hover {
  background: #4c4c4c!important;
}

.sale-entry-border:before {
  border: 1px solid rgba(255, 255, 255, 0.5);
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 15px;
}

.sale-entry-border:hover:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.sale-entry-border * {
  position: relative;
}

.sale-entry-border .sale-title {
  color: #fff;
}

.sale-entry-border .sale-description {
  color: rgba(255, 255, 255, 0.5);
}

.sale-entry-border .sale-price {
  border-color: rgba(255, 255, 255, 0.5);
}

/* 04.06 - sidebar menu */
.sidebar-navigation {
  border: 2px #03b4ea solid;
  margin-bottom: 25px;
}

.sidebar-navigation .title {
  background: #03b4ea;
  padding: 20px 25px;
  line-height: 15px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -2px;
  position: relative;
}

.sidebar-navigation .title .fa {
  display: none;
}

.sidebar-navigation .entry {
  cursor: pointer;
  border-bottom: 1px #ebebeb solid;
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #2e2e2e;
  padding: 17px 25px;
  position: relative;
}

body.mobile .sidebar-navigation .entry {
  color: #2e2e2e!important;
}

body.mobile .sidebar-navigation .entry:before {
  display: none;
}

.sidebar-navigation .entry:last-child {
  border: none;
}

.sidebar-navigation .entry:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #03b4ea;
  content: "";
  opacity: 0;
}

.sidebar-navigation .entry span {
  position: relative;
}

.sidebar-navigation .entry:hover:before,.sidebar-navigation .entry.active:before {
  height: 100%;
  opacity: 1;
}

.sidebar-navigation .entry:hover,.sidebar-navigation .entry.active {
  color: #fff;
}

body:not(.mobile) #content-block .sidebar-navigation .entry:hover .fa {
  color: #fff;
}

.sidebar-navigation .entry .fa {
  color: #ca1515;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.sidebar-navigation .list {
  display: none;
}


/* 04.07 - navigation banner */
.navigation-banner-swiper {
  margin-bottom: 5px;
}

.navigation-banner-wrapper {
  position: relative;
  background-size: cover;
}

.navigation-banner-wrapper.align-1 {
  background-position: right top;
}

.navigation-banner-wrapper.align-2 {
  background-position: left top;
}

.navigation-banner-content {
  width: 70%;
  padding: 0 50px 0 50px;
  height: 350px;
  position: relative;
}

.navigation-banner-content .cell-view {
  width: 1500px;
}

.navigation-banner-wrapper.align-1 .navigation-banner-content {
  float: left;
}

.navigation-banner-wrapper.align-2 .navigation-banner-content {
  float: right;
}

.navigation-banner-wrapper.align-3 .navigation-banner-content {
  width: 100%!important;
  text-align: center;
}

.navigation-banner-content .subtitle {
  font-family: 'Dancing Script', cursive;
  font-size: 40px;
  line-height: 36px;
  margin-bottom: 3px;
  transform: translateX(-50px) translateY(-50px);
  -moz-transform: translateX(-50px) translateY(-50px);
  -webkit-transform: translateX(-50px) translateY(-50px);
  -ms-transform: translateX(-50px) translateY(-50px);
  opacity: 0;
}

.yellow {
  color: #F8E002;
}

.blue {
  color: #0079B8;
}

.white {
  color: #FFF;
}

.darkGrey {
  color: #333;
}

.light-text .navigation-banner-content .subtitle {
  color: #fff;
}

.navigation-banner-content .title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  letter-spacing: -5px;
  margin-bottom: 7px;
  transform: translateX(150px);
  -moz-transform: translateX(150px);
  -webkit-transform: translateX(150px);
  -ms-transform: translateX(150px);
  opacity: 0;
}

.light-text .navigation-banner-content .title {
  color: #fff;
}

.navigation-banner-content .description {
  font-size: 18px;
  line-height: 24px;
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 15px;
  padding-right: 50px;
  transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  opacity: 0;
}

.navigation-banner-content .tickMark {
  font-size: 18px;
  color: #F8E002;
}

.light-text .navigation-banner-content .description {
  color: #f1f0f0;
}

.navigation-banner-content .info {
  padding-top: 20px;
  opacity: 0;
  transform: translateY(50px);
  -moz-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
}

.light-text .navigation-banner-content .info .button:not(:hover) {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}

.swiper-slide.active .navigation-banner-content .subtitle,.swiper-slide.active .navigation-banner-content .title,.swiper-slide.active .navigation-banner-content .description,.swiper-slide.active .navigation-banner-content .info {
  transform: translateX(0px) translateY(0px);
  -moz-transform: translateX(0px) translateY(0px);
  -webkit-transform: translateX(0px) translateY(0px);
  -ms-transform: translateX(0px) translateY(0px);
  opacity: 1;
}

.navigation-banner-content .button {
  margin-right: 12px;
}

.navigation-banner-swiper .pagination {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: auto;
}

.navigation-banner-swiper .pagination .swiper-pagination-switch {
  margin: 0 6px 0 0;
  height: 10px;
  width: 10px;
  background: #dedede;
  border: none;
}

.navigation-banner-swiper .pagination .swiper-active-switch {
  background: #bfbfbf;
}

/* 05.01 - main color styles */

body.style-1 {
  background-size: cover;
  background-attachment: fixed;
}

body.style-1 .search-button,.header-wrapper.style-1 .search-button {
  background: #0079B8;
}

body.style-1 .swiper-active-switch {
  background: #0079B8;
  border-color: #0079B8;
}

body.style-1 .product-slide-entry {
  text-align: center;
}

body.style-1 .price .current {
  color: #0079B8;
}

.footer-wrapper.style-1 .footer-address a b {
  color: #fff;
}

.footer-wrapper.style-1 .copyright a {
  color: #fff;
}

.footer-wrapper.style-1 .footer-columns-entry .column a:hover,.footer-wrapper.style-1 .footer-bottom-navigation .footer-links a:hover {
  color: #fff;
}

.footer-wrapper.style-1 {
  background-color: #0079B8;
}

.footer-wrapper.style-2 {
  background-color: #fff;
}

.footer-main-wrapper {
  width: 100%;
  background-color: #0079B8;
  padding: 0px 0px 10px 0px;
}

body.style-1 .product-slide-entry .title:hover {
  color: #0079B8;
}

body.style-1 .bubbles span {
  background: #0079B8;
}

.header-wrapper.style-1 .header-functionality-entry.open-cart-popup b {
  color: #0079B8;
}

body.style-1 .cart-box.popup .content .price {
  color: #0079B8;
}

body.style-1 .cart-box.popup .summary .grandtotal span {
  color: #0079B8;
}

body.style-1 .button.style-4 {
  background: #0079B8;
  border-color: #0079B8;
}

body.style-1 .footer-columns-entry {
  border-top: none;
  padding-top: 0;
}

/* 05.02 - inline products */
.inline-product-column-title {
  margin-bottom: 20px;
}

.inline-product-entry {
  margin-bottom: 10px;
  padding-bottom: 5px;
}

/* Featured Product header */

.inline-product-entry .image {
  width: 55px;
  float: left;
  border: 1px transparent solid;
}

/* Featured Product */

.inline-product-entry .image:hover {
  border-color: #0079B8;
}

.inline-product-entry .image img {
  display: block;
  width: 100%;
  height: auto;
}

.inline-product-entry .content {
  margin-left: 70px;
  margin: 20px 0px;
}

.inline-product-entry .content .cell-view {
  height: 55px;
  padding-left: 20px;
}

.inline-product-entry .title {
  font-size: 15px;
  color: #222222;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}

.inline-product-entry .title:hover {
  color: #0079B8;
}

.inline-product-entry .price .current {
  font-size: 15px;
}

/* 05.03 - products in columns */

.product-column-entry,.product-column-entry3,.product-column-entry4 {
  border: 2px #f2f2f2 solid;
  padding: 15px 0;
  position: relative;
  overflow: hidden;
}

/* Homepage: Category Box */

.product-column-entry .image,.product-column-entry3 .image,.product-column-entry4 .image {
  text-align: center;
  height: 160px;
  margin-bottom: 20px;
}

.product-column-entry .image img,.product-column-entry3 .image img,.product-column-entry4 .image img {
  display: inline-block;
  max-height: 100%;
  width: auto;
}

.product-column-entry .title,.product-column-entry3 .title,.product-column-entry4 .title {
  font-size: 16px;
  line-height: 20px;
  color: #2e2e2e;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 30px 10px 30px;
  display: block;
}

.product-column-entry a.title:hover,.product-column-entry3 a.title:hover,.product-column-entry4 a.title:hover {
  text-decoration: underline;
}

.product-column-entry .description,.product-column-entry3 .description,.product-column-entry4 .description {
  margin: 0 30px;
}

/* 05.04 - from the blog */
.from-the-blog-entry .image {
  float: left;
  width: 180px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.hover-class-1:after {
  background: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
}

body:not(.mobile) .hover-class-1:hover:after {
  opacity: 0.3;
}

.from-the-blog-entry .image img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.hover-class-1 .hover-label {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  z-index: 1;
  left: -100%;
}

body:not(.mobile) .hover-class-1:hover .hover-label {
  left: 0;
}

.from-the-blog-entry .description {
  font-size: 13px;
  line-height: 24px;
  color: #111;
}

/* 05.05 - mozaic banner */



.mozaic-banners-wrapper .row {
  margin: 0 -4px;
}

.mozaic-banners-wrapper .banner-column {
  padding: 0 4px;
  margin-bottom: 8px;
}

.mozaic-banner-entry {
  border: 2px #ebebeb solid;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: relative;
  display: block;
}

.mozaic-banner-entry.type-1 {
  height: 350px;
  background-size: 1070px;
  background-position: center bottom;
}

.mozaic-banner-entry.type-2 {
  height: 248.5px;
  margin-bottom: 8px;
  background-size: auto 100%;
}

.mozaic-banner-entry.type-3 {
  height: 210px;
  margin-bottom: 8px;
  background-size: auto 100%;
}

.mozaic-banner-content {
  padding: 50px 8.5%;
  max-width: 430px;
  position: relative;
}

.mozaic-banner-content .subtitle {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 5px;
  color: #515151;
  text-transform: uppercase;
  font-weight: 600;
}

.mozaic-banner-content .title {
  font-size: 60px;
  line-height: 55px;
  color: #0079B8;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.mozaic-banner-entry.type-2 .mozaic-banner-content .subtitle,.mozaic-banner-entry.type-3 .mozaic-banner-content .subtitle {
  font-size: 16px!important;
  margin-bottom: 2px;
  display: block;
}

.mozaic-banner-entry.type-2 .mozaic-banner-content .title,.mozaic-banner-entry.type-3 .mozaic-banner-content .title {
  font-size: 32px;
  line-height: 32px;
  display: block;
}

.mozaic-banner-content .description {
  font-size: 13px;
  line-height: 22px;
  color: #b3b3b3;
  margin-bottom: 15px;
  display: block;
}

.mozaic-swiper {
  border: 2px #ebebeb solid;
  height: 350px;
  overflow: hidden;
}

.mozaic-swiper .mozaic-banner-entry.type-1 {
  border: none;
  background-size: 100%;
}

.mozaic-swiper .pagination {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: auto;
}

.mozaic-swiper .pagination .swiper-pagination-switch {
  margin: 0 6px 0 0;
  height: 10px;
  width: 10px;
  background: #dedede;
  border: none;
}

.mozaic-swiper .pagination .swiper-active-switch {
  background: #bfbfbf;
}


/* 07.04 - banners */
.mozaic-banners-wrapper.type-2 .mozaic-banner-content {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 65%;
  display: block;
}

.mozaic-banners-wrapper.type-2 .row {
  margin: 0 -8px;
}

.mozaic-banners-wrapper.type-2 .banner-column {
  padding: 0 8px;
  margin-bottom: 25px;
}

/* homepage space between 2 column category and 4 column section */

.mozaic-banners-wrapper.type-2 .mozaic-swiper {
  border: none;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-entry {
  background-color: #f7f7f7;
  border: none;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2 {
  height: 244.5px;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2,.mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-3 {
  margin-bottom: 16px;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
  font-size: 24px;
  color: #515151;
  font-weight: 600;
  display: block;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
  color: #008acc;
  display: block;
}

.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(1,138,204,0.7);
  content: "";
  opacity: 0;
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle {
  color: #000;
}

.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry .title {
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
  font-weight: 400;
  letter-spacing: -1px;
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title {
  color: #000;
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .description,body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view {
  color: #000;
  transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover:before {
  opacity: 1;
}

.mozaic-banners-wrapper.type-2 .mozaic-swiper .pagination {
  bottom: auto;
  top: 20px;
  margin-top: 0;
}

/* 14.01 - header */
.header-product {
  display: table;
  width: 100%;
}

.header-product .logo-wrapper {
  padding: 10px 0;
  width: 250px;
}

.product-header-message {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
}

.product-header-content {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 450px;
}

.product-header-content .line-entry {
  display: inline-block;
  vertical-align: bottom;
}

header .line-entry {
  white-space: nowrap;
}

.product-header-content .middle-line {
  height: 1px;
  background: #ebebeb;
}

.header-wrapper.style-10 .line-entry:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-wrapper.style-10 .header-top-entry:last-child .title {
  padding-right: 0;
}

/* 14.02 - footer */

.footer-wrapper.style-10 footer {
  background: #fafafa;
  padding-top: 30px;
}

.footer-wrapper.style-10 footer:before {
  content: "";
  width: 100000px;
  left: 50%;
  margin-left: -50000px;
  position: absolute;
  top: 0;
  height: 100%;
  background: inherit;
}

.footer-wrapper.style-10 .footer-columns-entry {
  background: #fff;
  margin: 0 -50px 0 -50px;
  padding-left: 50px;
  padding-right: 50px;
  border: none;
}

.footer-wrapper.style-10 .footer-address a b {
  color: #ca1515;
}

.footer-wrapper.style-10 .copyright a {
  color: #ca1515;
}

.footer-wrapper.style-10 .footer-links a:hover {
  color: #ca1515;
}

.footer-wrapper.style-10 .footer-columns-entry .column a:hover {
  color: #ca1515;
}

/* 14.03 - content styles */

body.style-10 .bubbles span {
  background: #287ABA;
}

body.style-10 .inline-product-entry .title:hover {
  color: #ca1515!important;
}

body.style-10 .price .current {
  color: #ca1515;
}

body.style-10 .inline-product-entry .image:hover {
  border-color: #ca1515;
}

body.style-10 .product-slide-entry {
  text-align: center;
}

body.style-10 .swiper-active-switch {
  background: #ca1515;
  border-color: #ca1515;
}

body.style-10 .hover-class-1:after {
  background: #2e2e2e;
}

body.style-10 .sidebar-column .block-title {
  font-size: 18px;
}

body.style-10 .sidebar-column .inline-product-entry .image {
  width: 70px;
}

body.style-10 .sidebar-column .inline-product-entry .content {
  margin-left: 85px;
}

body.style-10 .sidebar-column .inline-product-entry .content .cell-view {
  height: 70px;
}

body.style-10 .sidebar-column .inline-product-entry .title {
  line-height: 22px;
  color: #2e2e2e;
  font-weight: 600;
}

.inline-product-entry .description {
  font-size: 13px;
  line-height: 15px;
  color: #a3a2a2;
  font-weight: 400;
}

body.style-10 .product-slide-entry .title:hover {
  color: #ca1515;
}

body.style-10 .sale-entry .sale-price span {
  color: #ca1515;
}

body.style-10 a.sale-entry:before {
  background: rgba(202,21,21,0.7);
}

body.style-10 .search-button {
  background: #ca1515;
}

body.style-10 .sidebar-navigation .title {
  background: #ca1515;
}

body.style-10 .sidebar-navigation {
  border-color: #ca1515;
}

body.style-10 .sidebar-navigation .entry:before {
  background: #ca1515;
}

body.style-10 .read-more:hover {
  color: #ca1515;
}

body.style-10 .list-type-1 a:hover {
  color: #ca1515;
}

body.style-10 .product-slide-entry .subtitle:hover {
  color: #ca1515;
}

/*preview box*/

.product-preview-box {
  max-width: 570px;
}

.product-preview-box .pagination {
  display: none;
}

.product-preview-box .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.product-zoom-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  opacity: 0;
}

.product-zoom-container.visible {
  display: block;
}

.product-zoom-container .move-box {
  position: absolute;
  width: 300%;
  left: 0;
  top: 0;
}

.product-zoom-container .default-image {
  display: block;
  width: 100%;
  height: auto;
}

.product-zoom-container .zoomed-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.product-zoom-container .zoom-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 35%;
  height: 35%;
  border: 3px rgba(255,255,255,0.4) solid;
}

.product-preview-swiper {
  margin-bottom: 15px;
}

.swiper-hidden-edges {
  overflow: hidden;
}

.product-thumbnails-swiper {
  margin-left: -8px;
  margin-right: -8px;
}

.product-thumbnails-swiper .paddings-container {
  padding: 0 8px;
}

.product-thumbnails-swiper .swiper-slide {
  cursor: pointer;
}

.product-thumbnails-swiper .swiper-slide.selected .paddings-container {
  opacity: 0.5;
}

/*breadcrumb*/

.breadcrumb-box {
  font-size: 0;
  margin-bottom: 15px;
}

.breadcrumb-box a {
  display: inline-block;
  font-size: 13px;
  color: #696969;
  line-height: 16px;
  margin-right: 7px;
  padding: 7px 0;
}

.breadcrumb-box a:after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 7px;
}

.breadcrumb-box a:last-child:after {
  display: none;
}

.breadcrumb-box a:hover {
  color: #2e2e2e;
}

.breadcrumb-entry {
  padding: 40px 0;
  background-position: center center;
  background-repeat: no-repeat;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  text-align: center;
  background-size: cover;
}

.breadcrumb-entry.align-left {
  text-align: left;
}

.breadcrumb-entry.align-right {
  text-align: right;
}

.breadcrumb-entry .breadcrumb-title.style-1 {
  font-size: 36px;
  line-height: 36px;
  color: #312926;
  font-weight: 400;
  letter-spacing: -1px;
}

.breadcrumb-entry .breadcrumb-title.style-2 {
  font-size: 26px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 600;
}

.breadcrumb-entry .breadcrumb-title.dark {
  color: #312926;
}

.breadcrumb-entry .breadcrumb-title.light {
  color: #fff;
}

.breadcrumb-box.light a {
  color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-box.light a:hover {
  color: rgba(255, 255, 255, 1);
}

/*product information*/

.instock-status-box {
  margin: 0px 0px 12px 5px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 10px 9px 10px;
  display: inline-block;
  min-width: 83px;
  background-color: #2D9F01;
  color: #fff;
  position: relative;
}

.order-status {
  background-color: #FFA500;
  color: #000;
}

.product-promo-box {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  text-transform: uppercase;
  background-color: #2D9F01;
  color: #fff;
}

.product-lowest-price-box {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  min-width: 250px;
  background-color: #0079B8;
  color: #fff;
}

.product-box {
  padding: 7px 3px 9px 3px;
  display: inline-block;
  width: 100%;
  min-width: 250px;
  position: relative;
  text-align: center;
}

.product-dispatch-box {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  background-color: #C91514;
  color: #fff;
}

.product-dispatch-time-box {
  background-color: #fff;
  border: 1px solid #C91514;
}

.product-dispatch-delay-box {
  background-color: #FFA500;
  border: 1px solid #000;
}

.product-discontinued-box{padding:15px 0px; font-weight: 800; background-color: #AF0000; font-size:17px; color:#FFF; border: 1px solid #AF0000;}

.dispatch-box-information {
  font-weight: 500;
  font-size: 14px;
  color: #C91514;
}

.dispatch-delay-information {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}

.dispatch-delay-days {
  font-weight: 800;
  font-size: 16px;
  color: #000;
}

.dispatch-box-time {
  font-weight: 800;
  font-size: 18px;
  color: #C91514;
}

.sidebar-inline-block {
  display: inline-block;
  margin: 0 auto;
}

.product-detail-box {
  margin-bottom: 40px;
}

.product-detail-box .product-title {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 14px;
  color: #3d3d3d;
  font-weight: 400;
}

.product-detail-box .product-subtitle {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 14px;
  color: #949494;
  font-weight: 400;
}

.product-detail-box .rating-box {
  padding: 8px 0;
  margin-bottom: 15px;
}

.product-detail-box .rating-box .star {
  color: #313131;
}

.product-detail-box .rating-box .rating-number {
  font-size: 14px;
  color: #ca1515;
  line-height: 14px;
  font-weight: 500;
  display: inline-block;
  margin-left: 10px;
}

.product-document-box {
    width:100%;vertical-align:top;padding-top:10px
}

.product-doc-pdf {
    display:inline-block;height:80px;width:80px;font-size:80px;color:#C91E26;
}

.product-doc-text {
    display:inline-block;margin-top:20px;padding:10px;border:1px solid #AAAAAA;background-color:#EEEEEE;font-size:24px;color:#C91E26;vertical-align:top;
}

.product-description {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  font-weight: 300;
}

.detail-info-entry {
  margin-bottom: 10px;
}

.sidebar-info-entry {
  margin-bottom: 10px;
}

.center-image-container {
  float: left;
  position: relative;
  left: 50%;
}

.product-sidebar .image img {
  float: left;
  position: relative;
  left: -50%;
}

.detail-info-entry-title {
  font-size: 14px;
  color: #313131;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 7px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.detail-info-part-number {
  font-size: 16px;
  color: #C91514;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.detail-info-vat {
  font-size: 14px;
  color: #313131;
  line-height: 18px;
  margin-bottom: 7px;
  text-transform: uppercase;
  clear: both;
}

.cart-status {
  margin: 7px 0;
  padding: 5px;
  display: table;
  width: fit-content;
  text-align: center;
  font-size: 14px;
  color: #313131;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 7px;
  border: 1px solid #DDDDDD;
  background-color: #EEEEEE;
}

.product-detail-box .price {
  line-height: 36px;
  font-family: 'Lato', sans-serif;
  letter-spacing: -1px;
}

.product-detail-box .price .prev {
  font-size: 25px;
  color: #9c9c9c;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.product-detail-box .price .current {
  font-size: 36px;
  color: #262626!important;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-box .price .saving {
  font-size: 20px;
  color: #2D9F01!important;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}

.size-selector {
  font-size: 0;
}

.size-selector .spacer {
  height: 0;
  margin-top: -12px;
}

.size-selector .entry {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 37px;
  border: 1px #d9d9d9 solid;
  text-align: center;
  font-size: 12px;
  color: #4c4c4c;
  font-weight: 500;
  margin-right: 12px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 12px;
}

.size-selector .entry:after {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 3px #d9d9d9 solid;
  content: "";
  opacity: 0;
}

.size-selector .entry.active:after {
  opacity: 1;
  border: 3px #262626 solid;
}

.size-selector .entry:hover:after {
  opacity: 1;
}

.color-selector {
  font-size: 0;
}

.color-selector .spacer {
  height: 0;
  margin-top: -12px;
}

.color-selector .entry {
  width: 37px;
  height: 37px;
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  margin-bottom: 12px;
  line-height: 35px;
}

.color-selector .entry:after {
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 3px #d9d9d9 solid;
  content: "";
  opacity: 0;
}

.color-selector .entry.active:after {
  opacity: 1;
  border: 3px #262626 solid;
}

.color-selector .entry:hover:after {
  opacity: 1;
}

.color-selector .entry:before {
  opacity: 0;
  border: 1px #fff solid;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  content: "";
  position: absolute;
}

.color-selector .entry.active:before {
  opacity: 1;
}

.color-selector .entry:hover:before {
  opacity: 1;
}

.quantity-selector {
  font-size: 15px;
}

.quantity-selector .quantity-select {
  margin: 10px 15px 10px 0px;
  display: inline-block;
}

.quantity-selector select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  height: 30px;
}

.quantity-selector .button {
  margin-right: 20px;
}

.quantity-selector .entry {
  border: 1px #d1d1d1 solid;
  height: 37px;
  line-height: 35px;
  width: 37px;
  margin-left: -1px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  color: #4c4c4c;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.quantity-selector .entry.number-minus:before,.quantity-selector .entry.number-plus:before {
  content: "";
  width: 11px;
  height: 1px;
  background: #4d4d4d;
  left: 50%;
  margin-left: -5.5px;
  top: 50%;
  margin-top: -0.5px;
  position: absolute;
}

.quantity-selector .entry.number-plus:after {
  content: "";
  height: 11px;
  width: 1px;
  background: #4d4d4d;
  left: 50%;
  margin-left: -0.5px;
  top: 50%;
  margin-top: -5.5px;
  position: absolute;
}

.quantity-selector .entry.number {
  cursor: default;
  width: 44px;
  padding: 0 5px;
  width: auto;
  min-width: 44px;
}

.quantity-selector .entry.number-minus:hover,.quantity-selector .entry.number-plus:hover {
  background: #0079B8;
}

.quantity-selector .entry.number-minus {
  margin-left: 0;
}

.quantity-selector .entry:hover:before,.quantity-selector .entry:hover:after {
  background: #fff!important;
}

.quantity-selector .entry.number-minus:active,.quantity-selector .entry.number-plus:active {
  background: #f71414;
}

.tags-selector {
  font-size: 16px;
  line-height: 18px;
  color: #0278C2;
  font-weight: 300;
}

.share-box {
  border-top: 1px #ebebeb solid;
  border-bottom: 1px #ebebeb solid;
  padding: 12px 0;
  position: relative;
}

.share-box:after {
  width: 100%;
  height: 0;
  clear: both;
  display: block;
  content: "";
}

.share-box .title {
  font-size: 14px;
  color: #808080;
  font-weight: 300;
  line-height: 30px;
  float: left;
}

.share-box .socials-box {
  float: right;
}

.share-box .socials-box a {
  margin: 0;
}

.product-detail-box .button.style-10,.product-detail-box .button.style-11 {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.product-sidebar .products-list {
  padding: 30px 30px 15px 30px;
  border: 1px #f0f0f0 solid;
}

.product-sidebar .block-title {
  font-size: 18px;
}

.product-sidebar .inline-product-entry:last-child {
  border-bottom: none;
}

.production-logo {
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.production-logo .background {
  border: 1px solid #404040;
  padding: 0px;
}

.production-logo .logo {
  margin: 4px;
}

.production-logo .logo img {
  display: inline-block;
}

.production-logo a {
  font-size: 12px;
  line-height: 14px;
  color: #ca1515;
  font-weight: 600;
}

.production-logo a:hover {
  color: #808080;
}

/*accordeon*/
.accordeon {
  margin-bottom: 0px;
}

.accordeon-title {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0 15px 15px;
  color: #262626;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 1px #CCC solid;
  cursor: pointer;
  padding-right: 15px;
  position: relative;
  background-color: #EEE;
}

.accordeon-title-payment {
  font-family: FontAwesome, 'Raleway', sans-serif;
  background: #0079B8;
  color: #FFF;
  font-size: 16px;
  line-height: 18px;
  padding: 15px 0 15px 0px;
  font-weight: 600;
  border-top: 1px #ebebeb solid;
  padding-right: 15px;
  position: relative;
}

.accordeon-title:hover,.accordeon-title:hover:after {
  color: #0079B8;
}

.accordeon-title .number,.accordeon-title-payment .number {
  display: inline-block;
  width: 40px;
  line-height: 40px;
  background: #f2f2f2;
  text-align: center;
  font-size: 18px;
  color: #262626;
  font-weight: 600;
  margin-right: 18px;
}

.accordeon-title-payment .imgicon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  background: #fff;
  text-align: center;
  margin-right: 18px;
}

.inline-label {
  font-size: 11px;
  color: #fff;
  line-height: 19px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  background: #d14242;
  position: relative;
  margin-top: -2px;
  margin-left: 7px;
}

.inline-label.red {
  background: #d14242;
}

.accordeon-title:after {
  padding-right: 10px;
  content: "\f107";
  position: absolute;
  height: 47px;
  line-height: 47px;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #262626;
  font-family: FontAwesome;
}

.accordeon-title.active:after {
  content: "\f106";
  background: #0079B8;
  color: #FFF;
}

.accordeon-title.active {
  background: #0079B8;
  color: #FFF;
}

.accordeon-entry {
  padding: 20px 20px 20px 20px;
  display: none;
}

.accordeon-products-entry {
  padding: 20px 0 0 0;
  display: none;
}

.accordeon.size-1 .accordeon-title {
  font-size: 16px;
  line-height: 40px;
  text-transform: none;
  padding: 13px 0;
  border-bottom: 1px #ebebeb solid;
  margin-top: -1px;
}

.accordeon.size-1 .accordeon-title:after {
  line-height: 66px;
}

.accordeon.size-1 .accordeon-entry {
  padding: 30px 0 15px 0;
}

.accordeon-entry-payment {
  padding: 0px;
  display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 16 - CONTACT */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.map-box {
  position: relative;
  margin-top: -25px;
  margin-bottom: 55px;
}

.map-box.type-1 {
  height: 450px;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

.map-box.type-2 {
  height: 450px;
  margin-top: 0;
}

.map-box.type-3 {
  height: 970px;
  margin-top: 0;
  margin-bottom: 20px;
}

label {
  font-size: 13px;
  line-height: 14px;
  color: #313131;
  font-weight: 600;
  display: block;
  margin-bottom: 7px;
  padding-top: 5px;
}

label span {
  color: #eb0101;
  font-size: 30px;
  line-height: 14px;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}

.simple-field {
  margin-bottom: 25px;
  width: 100%;
  border: 1px #e6e6e6 solid;
  font-size: 13px;
  line-height: 43px;
  color: #313131;
  height: 45px;
  padding: 0 20px;
  font-weight: 400;
}

input.simple-field:hover,textarea.simple-field:hover,input.simple-field:focus,textarea.simple-field:focus {
  background: #f7f7f7;
}

.simple-field.size-1 {
  height: 35px;
  line-height: 33px;
  margin-bottom: 12px;
  padding: 0 10px;
}

textarea.simple-field {
  margin-bottom: 20px;
  line-height: 19px;
  padding-top: 14px;
  padding-bottom: 14px;
  height: 199px;
}

textarea.simple-field.size-1 {
  height: 138px;
}

.simple-drop-down.simple-field {
  width: auto;
  border: none;
  padding: 0;
}

.simple-drop-down.simple-field:after {
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.simple-drop-down.simple-field.size-1:after {
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.simple-drop-down.simple-field select {
  height: 45px;
  line-height: 43px;
  padding: 0 65px 0 20px;
}

select {
  background: #fff!important;
}

.simple-drop-down.simple-field.size-1 select {
  height: 35px;
  line-height: 33px;
  padding: 0 0 0 10px;
}

.simple-field::-webkit-input-placeholder {
  color: #808080;
  opacity: 1;
}

.simple-field::-moz-placeholder {
  color: #808080;
  opacity: 1;
}

/* firefox 19+ */

.simple-field:-ms-input-placeholder {
  color: #808080;
  opacity: 1;
}

/* ie */

.simple-field:-moz-placeholder {
  color: #808080;
  opacity: 1;
}

.button input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.map-overlay-info {
  height: 360px;
  width: 350px;
  padding: 0 40px;
  overflow: hidden;
  margin-top: -460px;
  float: right;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  margin-right: 45px;
}

.map-overlay-info .cell-view {
  height: 360px;
}

.contact-spacer {
  height: 15px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 17 - LOGIN */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.login-box {
  background: #fcfcfc;
  border: 1px #ebebeb solid;
  padding: 50px 55px 30px 55px;
  margin-bottom: 20px;
}

.login-error {
  background: #FFEEEE;
  border: 1px #ebebeb solid;
  padding: 30px;
  margin: 20px;
}

.login-error h3 {
  color:#DD0000;
  font-size: 20px;
  font-weight: 900;
  margin-bottom:15px;
}

.login-error p {
  color:#DD0000;
  font-size:16px;
}

.success-msg {
  background: #e5fbe5;
  border: 1px #ebebeb solid;
  padding: 30px;
  margin: 20px;
}

.success-msg h3 {
  color:#228B22;
  font-size: 20px;
  font-weight: 900;
  margin-bottom:15px;
}

.success-msg p {
  color:#228B22;
  font-size:16px;
}
 

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 19 - DETAIL POST */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.detail-post .blog-entry .content {
  margin-left: 0;
}

.detail-post-tags {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin-bottom: 25px;
  margin-top: -10px;
}

.detail-post-tags a {
  color: #808080;
}

.detail-post-tags a:hover {
  text-decoration: underline;
}

.detail-post-tags b {
  color: #262626;
  font-weight: 600;
}

.additional-blog-title {
  font-size: 20px;
  line-height: 24px;
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 30px;
}

/*Phones (<768px)*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 20 - ERROR PAGE */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.container-404 {
  text-align: center;
  max-width: 630px;
  margin: 0 auto;
  padding: 100px 30px;
}

.container-404 .title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 300px;
  line-height: 300px;
  color: #343434;
  letter-spacing: -25px;
}

.container-404 .description {
  font-size: 70px;
  line-height: 100px;
  color: #343434;
  font-weight: 300;
  margin-bottom: 5px;
}

.container-404 .text {
  font-weight: 400;
  color: #808080;
  font-size: 14px;
  line-height: 24px;
}

.container-404 .text a {
  font-weight: 600;
  color: #ca1515;
  text-decoration: underline;
}

.container-404 .text a:hover {
  color: #343434;
}

.portfolio-container {
  position: relative;
}

.portfolio-navigation {
  font-size: 0;
  text-align: center;
  margin-bottom: 36px;
  padding-top: 32px;
  border-top: 1px #ebebeb solid;
  position: relative;
  z-index: 2;
}

.portfolio-navigation a {
  line-height: 33px;
  border: 1px #e3e3e3 solid;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  padding: 0 20px;
  margin: 0 4px 8px 4px;
}

.portfolio-navigation a:hover,.portfolio-navigation a.active {
  background: #cd0000;
  border-color: #cd0000;
  color: #fff;
}

.portfolio-entry {
  margin-bottom: 45px;
  position: relative;
}

.portfolio-entry .image {
  overflow: hidden;
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.portfolio-entry .image img {
  display: block;
  position: relative;
  width: 100%;
}

.portfolio-entry.active .image img {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
}

.portfolio-entry .title {
  font-size: 24px;
  color: #2e2e2e;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}

.portfolio-entry a.title:hover {
  color: #d14242;
}

.portfolio-entry .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  font-weight: 300;
  margin-bottom: 10px;
}

.portfolio-entry .subtitle:after {
  content: "";
  display: block;
  clear: both;
}

.portfolio-entry .subtitle a {
  color: #808080;
}

.portfolio-entry .subtitle a:hover {
  text-decoration: underline;
}

.portfolio-entry .description {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin-bottom: 20px;
}

/*portfolio simple*/
.portfolio-container.type-2 .portfolio-entry {
  margin-bottom: 30px;
}

.hover-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  text-align: center;
  opacity: 0;
}

.portfolio-entry.active .image .hover-layer {
  opacity: 1;
  background-color: rgba(0,0,0,0.5)!important;
}

.hover-layer .info {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.portfolio-entry.active .image .hover-layer .info {
  top: 50%;
}

.hover-layer .info .title {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
}

.hover-layer .info .subtitle {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
}

.hover-layer .info .subtitle a {
  color: #fff;
}

.hover-layer .info .subtitle a:hover {
  text-decoration: underline;
}

.action-button {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: rgba(0,0,0,0.2);
  color: #fff;
  margin: 0 3px;
}

.action-button:hover {
  background: #cd0000;
}

/*portfolio custom*/

.image .title-info {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -30px;
}

.portfolio-entry.active .image .title-info {
  bottom: 25px;
}

.image .title-info .title,.image .title-info .subtitle,.image .title-info .subtitle a {
  color: #fff;
}

.image .title-info .title {
  margin-bottom: 0;
}

.portfolio-container.type-3 .portfolio-entry .description {
  margin-left: 20px;
  margin-right: 20px;
}

.portfolio-container.type-3 .hover-layer {
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%);
  background: -moz-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%);
  background: -o-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%);
  background: -ms-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%);
  background: linear-gradient(to top, rgba(0,0,0,.4), rgba(0,0,0,.15) 31%, rgba(0,0,0,0) 50%);
  opacity: 1;
}

/*portfolio simple fullwidth*/

.portfolio-container .wide-container {
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
}

.portfolio-container .wide-container .portfolio-entry {
  padding: 0;
  margin-bottom: 0;
  float: left;
}

.portfolio-container .wide-container:after {
  width: 100%;
  height: 0;
  clear: both;
  display: block;
  content: "";
}

/*portfolio custom fullwidth*/
.portfolio-container .wide-container .image {
  margin-bottom: 0;
}

.portfolio-drop-down {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: #323232;
  padding: 30px 45px;
  transform-origin: 50% 0% 0px;
  -webkit-transform-origin: 50% 0% 0px;
  -moz-transform-origin: 50% 0% 0px;
  -ms-transform-origin: 50% 0% 0px;
  transform: perspective(1000px) rotateX(180deg);
  -webkit-transform: perspective(1000px) rotateX(180deg);
  -moz-transform: perspective(1000px) rotateX(180deg);
  -ms-transform: perspective(1000px) rotateX(180deg);
  opacity: 0;
}

.portfolio-entry.active .portfolio-drop-down {
  transform: perspective(1000px) rotateX(0deg);
  -webkit-transform: perspective(1000px) rotateX(0deg);
  -moz-transform: perspective(1000px) rotateX(0deg);
  -ms-transform: perspective(1000px) rotateX(0deg);
  opacity: 1;
}

.portfolio-container .wide-container .portfolio-entry.active {
  z-index: 1;
}

.portfolio-drop-down .title {
  color: #fff;
}

.portfolio-drop-down .subtitle,.portfolio-drop-down .subtitle a {
  color: #bcbcbc;
}

.portfolio-drop-down .description {
  color: #808080;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 22 - PROJECT */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.project-thumbnail {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 40px;
}

.share-box .title b {
  font-weight: 500;
  color: #2e2e2e;
}

/* Tablets (>=768px)*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 23 - ABOUT */

/*-------------------------------------------------------------------------------------------------------------------------------*/

#content-block .continue-link {
  font-size: 14px;
  line-height: 18px;
  color: #d14242;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 600;
}

#content-block .continue-link:hover {
  color: #262626;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 24 - SHOP */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.categories-border-wrapper {
  border: 3px #e6e6e6 solid;
  padding: 30px 20px 25px 20px;
}

.categories-border-wrapper .accordeon-title {
  text-transform: none;
}

/*jQuery UI Styles */

.ui-slider {
  position: relative;
  height: 2px;
  background: #d9d9d9;
  margin-right: 8px;
  margin-bottom: 18px;
}

.ui-slider-range {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ca1515;
}

.ui-slider-handle {
  width: 8px;
  height: 8px;
  background: #ca1515;
  margin: -3px 0 0 0;
  position: absolute;
  cursor: pointer;
}

.range-price {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 18px;
  float: left;
  line-height: 36px;
}

.range-price b {
  color: #333232;
  font-weight: 600;
}

.min-price,.max-price {
  display: inline-block;
}

.range-wrapper .button {
  float: right;
}

.range-wrapper:after {
  width: 100%;
  height: 0;
  clear: both;
  content: "";
  display: block;
}

/**/

.blog-sidebar .color-selector {
  margin-right: -10px;
}

.blog-sidebar .color-selector .entry {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  margin-bottom: 14px;
  vertical-align: top;
}

/**/

.shop-grid-item:nth-child(5n+1) {
  clear: both;
}

.shop-grid-controls {
  margin-right: 200px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: -15px;
}

#content-block .shop-grid-controls .entry {
  line-height: 30px;
  padding-right: 16px;
  float: left;
  border-right: 1px #ebebeb solid;
  margin-bottom: 15px!important;
  margin-right: 10px;
  min-height: 30px;
}

#content-block .shop-grid-controls .entry:last-child {
  border: none;
}

#content-block .shop-grid-controls .entry:first-child {
  padding-left: 0;
  float: left;
}

.shop-grid-controls .inline-text {
  float: left;
  margin-right: 5px;
  font-size: 12px;
}

.simple-drop-down {
  width: 130px;
  position: relative;
  display: inline-block;
}

.simple-drop-down select {
  height: 30px;
  line-height: 28px;
  border: 1px #CCC solid;
  padding: 0 30px 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #7c7c7c;
}

.simple-drop-down:after {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px #CCC solid;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 12px;
  color: #7c7c7c;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  line-height: 30px;
  background: #fff;
}

.shop-grid-controls .simple-drop-down {
  float: left;
  margin-right: 10px;
}

.view-button {
  float: left;
  width: 30px;
  position: relative;
  margin-right: 10px;
  text-align: center;
  color: #b5b5b5;
  cursor: pointer;
}

.view-button:last-child {
  margin-right: 0;
}

.view-button:after {
  border: 1px #ebebeb solid;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.view-button.active {
  color: #262626;
}

.view-button.active:after {
  border: 2px #262626 solid;
}

/*list view*/

.list-view .shop-grid-item {
  width: 100%;
}

.list-view .product-slide-entry {
  max-width: 100%;
  margin-left: 230px;
  padding-bottom: 45px;
  margin-bottom: 44px;
  text-align: left!important;
}

.list-view .product-slide-entry:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  background: #ebebeb;
  margin-left: -230px;
  top: 45px;
  position: relative;
}

.list-view .product-slide-entry .product-image {
  max-width: 200px;
  margin-left: -230px;
  float: left;
  margin-bottom: 0;
}

.product-slide-entry .price {
  margin-bottom: 20px;
}

.product-slide-entry .article-container {
  display: none;
  margin-bottom: 15px;
}

.product-slide-entry .list-buttons {
  display: none;
  margin-bottom: 15px;
}

.product-slide-entry .reviews-number {
  display: none;
}

.list-view .product-slide-entry .reviews-number {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #ca1515;
  line-height: 14px;
  margin-left: 10px;
}

.list-view .product-slide-entry .article-container,.list-view .product-slide-entry .list-buttons {
  display: block;
}

.list-view .product-slide-entry .price {
  font-size: 17px;
}

.list-view .product-slide-entry .price .current {
  font-size: 22px;
}

.referenceText {
    color:#cc0000;
    font-size: 20px;
    padding-bottom: 10px;
}

.list-view .product-slide-entry .title {
  font-size: 17px;
}

.compare-table {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}

.compare-table b {
  font-weight: 600;
  color: #313131;
}

.compare-table .product-slide-entry {
  float: left;
  text-align: left!important;
  max-width: 100%;
}

.categories-list.account-links ul li a {
  font-size: 14px;
}

.wishlist-entry {
  padding-bottom: 32px;
  margin-bottom: 27px;
  border-bottom: 1px #ebebeb solid;
  position: relative;
}

.wishlist-entry .column-1 {
  margin-right: 250px;
}

.wishlist-entry .column-2 {
  position: absolute;
  width: 230px;
  right: 0;
  top: 50%;
  margin-top: -32px;
  text-align: right;
}

.wishlist-entry .column-3 {
  position: absolute;
  width: 230px;
  right: 0;
  top: 50%;
  margin-top: -32px;
  text-align: right;
}

.wishlist-entry .button.style-14 {
  padding: 8px 30px;
  float: left;
}

.traditional-cart-entry.style-1 {
  padding-bottom: 33px;
  border-bottom: 1px #ebebeb solid;
  margin-bottom: 32px;
}

.traditional-cart-entry:after {
  display: block;
  clear: both;
  content: "";
}

.traditional-cart-entry .image {
  float: left;
  width: 70px;
}

.traditional-cart-entry.style-1 .image {
  width: 170px;
}

.traditional-cart-entry .image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.traditional-cart-entry .content {
  margin-left: 100px;
}

.traditional-cart-entry.style-1 .content {
  margin-left: 200px;
}

.traditional-cart-entry .cell-view {
  height: 95px;
}

.traditional-cart-entry .tag {
  font-size: 14px;
  line-height: 14px;
  color: #0079B8;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
}

.traditional-cart-entry .tag:hover {
  color: #2e2e2e;
}

.traditional-cart-entry .title {
  font-size: 20px;
  line-height: 28px;
  color: #2e2e2e;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.traditional-cart-entry .title:hover {
  color: #ca1515;
}

.traditional-cart-entry .inline-description {
  font-size: 13px;
  line-height: 15px;
  color: #808080;
  font-weight: 400;
  margin-bottom: 5px;
}

.traditional-cart-entry .price {
  margin-bottom: 20px;
  padding-top: 15px;
}

.traditional-cart-entry .quantity-selector .entry {
  margin-bottom: 20px;
}

.traditional-cart-entry .quantity-selector .entry.number-plus {
  margin-right: 20px;
}

.remove-button {
  display: inline-block;
  border: 1px #e6e6e6 solid;
  width: 34px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  background: transparent;
  color: #2e2e2e;
}

.remove-button:hover {
  background: #ca1515;
  color: #fff;
  border: 1px #ca1515 solid;
}

.wishlist-entry .column-2 .remove-button {
  margin-left: 50px;
}

.wishlist-header {
  border-bottom: 1px #e6e6e6 solid;
  border-top: 1px #e6e6e6 solid;
  margin-bottom: 32px;
  line-height: 68px;
  position: relative;
  font-size: 16px;
  color: #343434;
  font-weight: 600;
}

.wishlist-header .title-1 {
  margin-left: 100px;
  margin-right: 230px;
}

.wishlist-header .title-2 {
  width: 230px;
  position: absolute;
  top: 0;
  right: 0;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 27 - CART */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.cart-table {
  width: 100%;
  font-size: 14px;
  line-height: 28px;
  color: #2e2e2e;
  font-weight: 600;
}



.cart-table .column-2 {
  width: 150px;
}

.cart-table .column-3 {
  width: 180px;
}

.cart-table .column-4 {
  width: 130px;
}

.cart-table .column-5 {
  width: 35px;
}

.cart-table .subtotal {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.cart-table th {
  vertical-align: middle;
  padding: 25px 30px;
  font-size: 16px;
  line-height: 20px;
  color: #343434;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}

.cart-table th:first-child {
  padding-left: 100px!important;
}

.cart-table th:last-child {
  padding-right: 0;
  padding-left: 0;
}

.table-responsive {
  overflow-y: hidden;
  border: none;
}

.cart-submit-buttons-box {
  padding: 25px 0 13px 0;
  text-align: right;
  font-size: 0;
}

.cart-submit-buttons-box .button {
  margin-left: 11px;
}

.cart-column-title {
  font-size: 16px;
  line-height: 20px;
  color: #333232;
  font-weight: 600;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  padding: 20px 0;
  margin-bottom: 20px;
}

.checkout-delivery {
  font-size: 18px;
  line-height: 20px;
  color: #333232;
  font-weight: 600;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  padding: 10px 0;
  margin-bottom: 10px;
}

.checkout-summary-title {
  font-size: 22px;
  line-height: 20px;
  color: #0079B8;
  font-weight: 600;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  padding: 20px 0;
  margin-bottom: 20px;
}

.checkout-order-total {
  font-size: 20px;
  line-height: 20px;
  color: #B30000;
  font-weight: 600;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  padding: 20px 0;
  margin-bottom: 20px;
}

.checkout-order-total-value {
  float: right;
}

.checkout-summary-title.size-2 {
  padding: 23px 0;
}

.cart-column-title.size-1 {
  font-size: 18px;
  padding: 25px 0;
}

.cart-column-title.size-3 {
  font-size: 24px;
  padding: 25px 0;
}

.cart-column-title.size-2 {
  padding: 23px 0;
}

.cart-summary-box {
  border: 2px #e6e6e6 solid;
  padding: 40px 35px;
  text-align: right;
}

.cart-summary-box .button {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  margin-bottom: 18px;
}

.cart-summary-box .simple-link {
  font-size: 13px;
  color: #808080;
  line-height: 24px;
  font-weight: 400;
}

.cart-summary-box .simple-link:hover {
  color: #343434;
}

.sidebar-subtotal {
  margin-bottom: 30px;
}

.sidebar-subtotal .price-data {
  text-align: center;
  padding-bottom: 25px;
  border-bottom: 1px #e6e6e6 solid;
  margin-bottom: 30px;
}

.sidebar-subtotal .price-data .main {
  font-size: 40px;
  line-height: 40px;
  color: #333232;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
}

.sidebar-subtotal .price-data .title {
  font-size: 13px;
  line-height: 18px;
  color: #666666;
  margin-bottom: 5px;
}

.sidebar-subtotal .price-data .subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #333232;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.sidebar-subtotal .additional-data .title {
  font-size: 16px;
  line-height: 24px;
  color: #333232;
  font-weight: 600;
  margin-bottom: 20px;
}

.sidebar-subtotal .additional-data .title .inline-label {
  margin-left: 0;
  margin-right: 10px;
}

.sidebar-subtotal .additional-data .button {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 28 - CHECKOUT */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.checkout-progress-widget {
  margin-bottom: 25px;
}

.checkout-progress-widget .step-entry {
  display: block;
  font-size: 14px;
  line-height: 26px;
  color: #343434;
  font-weight: 600;
}

.checkout-progress-widget a.step-entry:hover {
  color: #ca1515;
}

.checkout-summary-box {
  margin-bottom: 25px;
}

.checkout-summary-box .title {
  display: block;
  float: left;
  width: 70%;
  margin: 5px 0;
  font: bold 15px arial, tahoma;
  line-height: 26px;
  color: #343434;
}

.checkout-summary-box .checkout-summary-value {
  display: block;
  float: right;
  width: 30%;
  margin: 5px 0;
  font: normal 15px arial, tahoma;
  line-height: 26px;
  color: #343434;
  text-align: right;
}

header.type-4 .header-top:before {
  background: #2e2e2e;
  position: absolute;
  width: 10000px;
  left: 50%;
  margin-left: -5000px;
  height: 100%;
  content: "";
}

/* 29.02 - content styles */

body.style-11 .sidebar-navigation .title {
  background: #dc42b2;
}

body.style-11 .sidebar-navigation .entry:before {
  background: #dc42b2;
}

body.style-11 .sidebar-navigation {
  border-color: #dc42b2;
}

body.style-11 .price .current {
  color: #dc42b2;
}

body.style-11 .swiper-active-switch {
  border-color: #dc42b2;
  background: #dc42b2;
}

body.style-11 .navigation-banner-content .subtitle {
  font-weight: 600;
  font-size: 18px;
  color: #cdcdcd;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 3px;
}

body.style-11 .navigation-banner-content .title {
  font-family: 'Cantata One', serif;
  letter-spacing: 2px;
}

body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
  font-family: 'Cantata One', serif;
  font-size: 44px;
  line-height: 44px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .view {
  font-family: "Merriweather", serif;
  font-style: italic bold;
  font-size: 13px;
  line-height: 16px;
  color: #CA1515;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 1px #fff solid;
  display: inline-block;
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover {
  border-color: transparent;
}

body.style-11 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
  background: rgba(220, 66, 178, 0.7);
}

body.style-11 .mozaic-banners-wrapper.type-2 .banner-column {
  padding: 0 15px;
}

body.style-11 .mozaic-banners-wrapper.type-2 .row {
  margin-left: -15px;
  margin-right: -15px;
}

body.style-11 a.sale-entry:before {
  background: rgba(220, 66, 178, 0.7);
}

body:not(.mobile).style-11 a.sale-entry:hover {
  border-color: rgba(220, 66, 178, 1);
}

body.style-11 .sale-entry .sale-price {
  font-family: 'Cantata One', serif;
  letter-spacing: 2px;
}

body.style-11 .read-more:hover {
  color: #dc42b2;
}

body.style-11 .product-slide-entry .title:hover {
  color: #dc42b2;
}

body.style-11 .inline-product-entry .title:hover {
  color: #dc42b2;
}

body.style-11 .bubbles span {
  background: #dc42b2;
}

body.style-11 .mozaic-banners-wrapper.type-2 .banner-column {
  margin-bottom: 30px;
}

body.style-11 .inline-product-entry .image:hover {
  border-color: #dc42b2;
}

.header-wrapper.style-11 .menu-button {
  color: #fff;
}

body.style-11 .search-button {
  background: #dc42b2;
}

body.style-11 .cart-box.popup .content .price {
  color: #dc42b2;
}

body.style-11 .cart-box.popup .summary .grandtotal span {
  color: #dc42b2;
}

body.style-11 .button.style-4 {
  background: #dc42b2;
  border-color: #dc42b2;
}

/* 29.03 - color text widget */

.color-text-widget {
  padding: 18px;
  margin-bottom: 30px;
  border: 1px transparent solid;
}

.color-text-widget .cell-view {
  height: 135px;
  width: 2000px;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  padding: 15px 35px;
  text-align: center;
}

body:not(.mobile) .color-text-widget:hover .cell-view {
  border-color: transparent;
}

body:not(.mobile) .color-text-widget:hover {
  border-color: #ebebeb;
  background: #fff!important;
}

.color-text-widget .title {
  font-size: 20px;
  line-height: 24px;
  color: #fafafa;
  text-transform: uppercase;
  font-family: 'Cantata One', serif;
  display: block;
  margin-bottom: 10px;
}

.color-text-widget .description {
  font-size: 13px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  margin-bottom: 10px;
}

body:not(.mobile) .color-text-widget:hover .title {
  color: #2e2e2e;
}

body:not(.mobile) .color-text-widget:hover .description {
  color: #a3a2a2;
}

body.style-14 .sidebar-navigation .title {
  background: #6d4c3d;
}

body.style-14 .sidebar-navigation .entry:before {
  background: #6d4c3d;
}

body.style-14 .sidebar-navigation {
  border-color: #6d4c3d;
}

body.style-14 .price .current {
  color: #6d4c3d;
}

body.style-14 .swiper-active-switch {
  border-color: #6d4c3d;
  background: #6d4c3d;
}

body.style-14 .navigation-banner-content .subtitle {
  font-weight: 600;
  font-size: 18px;
  color: #a25516;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 3px;
}

body.style-14 .navigation-banner-content .title {
  font-family: 'Cantata One', serif;
  letter-spacing: 2px;
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #ad6e3f;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
  font-family: 'Cantata One', serif;
  font-size: 44px;
  line-height: 44px;
  text-transform: uppercase;
  color: #373737;
  letter-spacing: 2px;
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
  color: #373737;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 1px #373737 solid;
  display: inline-block;
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover {
  border-color: transparent!important;
}

body.style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
  background: rgba(109, 76, 61, 0.7);
}

body.style-14 .mozaic-banners-wrapper.type-2 .banner-column {
  padding: 0 15px;
}

body.style-14 .mozaic-banners-wrapper.type-2 .row {
  margin-left: -15px;
  margin-right: -15px;
}

body.style-14 a.sale-entry:before {
  background: rgba(109, 76, 61, 0.7);
}

body.style-14 .sale-entry .sale-price {
  font-family: 'Cantata One', serif;
  letter-spacing: 2px;
}

body.style-14 .read-more:hover {
  color: #6d4c3d;
}

body.style-14 .product-slide-entry .title:hover {
  color: #6d4c3d;
}

body.style-14 .inline-product-entry .title:hover {
  color: #6d4c3d;
}

body.style-14 .bubbles span {
  background: #6d4c3d;
}

body.style-14 .mozaic-banners-wrapper.type-2 .banner-column {
  margin-bottom: 30px;
}

body.style-14 .sale-entry .sale-price span {
  color: #6d4c3d;
}

body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title,body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle,body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view {
  color: #fff;
  border-color: #fff;
}

body.style-14 .inline-product-entry .image:hover {
  border-color: #6d4c3d;
}

body.style-14 .sidebar-navigation .entry .fa {
  color: #aeaeae;
}

.header-wrapper.style-14 .menu-button {
  color: #fff;
}

body.style-14 .search-button {
  background: #6d4c3d;
}

body.style-14 .cart-box.popup .content .price {
  color: #6d4c3d;
}

body.style-14 .cart-box.popup .summary .grandtotal span {
  color: #6d4c3d;
}

body.style-14 .button.style-4 {
  background: #6d4c3d;
  border-color: #6d4c3d;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 00 - TEASER */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*teaser 1*/

.teaser-container {
  background-color: #f8f8f8;
  height: 100%;
}

.teaser-container .cell-view {
  vertical-align: middle;
}

.teaser-container .row-view {
  height: 25%;
}

.teaser-logo {
  text-align: center;
  padding: 15px 0;
}

.teaser-logo .logo {
  display: inline-block;
}

.teaser-logo .logo img {
  display: block;
}

.teaser-content {
  background: #fff;
  padding: 70px 0;
  text-align: center;
}

.teaser-subtitle {
  font-size: 24px;
  line-height: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 9px;
}

.teaser-title {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 11px;
  color: #262626;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.teaser-description {
  font-size: 15px;
  line-height: 22px;
  color: #b6b6b6;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 35px;
}

.teaser-date {
  margin-bottom: 55px;
}

.teaser-date .date-square {
  font-family: 'Montserrat', sans-serif;
  float: left;
  width: 25%;
  position: relative;
}

.teaser-date .date-square:after {
  height: 60px;
  width: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 0;
  content: "";
}

.teaser-date .date-square:first-child:after {
  display: none;
}

.teaser-date .date-square span {
  display: block;
  font-size: 72px;
  line-height: 70px;
  display: block;
  font-weight: 400;
  color: #262626;
}

.teaser-date .date-square p {
  font-size: 18px;
  line-height: 24px;
  display: block;
  font-weight: 700;
  color: #c8c8c8;
  text-transform: uppercase;
}

.teaser-content .center {
  max-width: 740px;
  margin: 0 auto;
  padding: 0 15px;
}

.teaser-copyright {
  text-align: center;
  padding: 25px 0;
}

.teaser-copyright .copyright {
  margin-bottom: 0;
}

.teaser-copyright .copyright a {
  color: #d7af23;
}


/*teaser 2*/

body.teaser-2 {
  background: #000;
}

body.teaser-2 .teaser-container {
  background-color: transparent;
}

body.teaser-2 .teaser-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  opacity: 0.3;
}

body.teaser-2 .teaser-content {
  background: none;
}

body.teaser-2 .teaser-container .row-view {
  height: 0%;
}

body.teaser-2 .teaser-title {
  color: #fff;
}

body.teaser-2 .teaser-description {
  color: #b6b6b6;
}

body.teaser-2 .teaser-date .date-square span {
  color: #fff;
}

body.teaser-2 .teaser-date .date-square p {
  color: #edc32f;
}

body.teaser-2 .teaser-date .date-square:after {
  background: rgba(255,255,255,0.3);
}

body.teaser-2 .teaser-copyright .copyright a:hover {
  color: #fff!important;
}

/*teaser 2*/

body.teaser-3 {
  background: #000;
}

body.teaser-3 .teaser-container {
  background-color: transparent;
}

body.teaser-3 .teaser-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  opacity: 0.5;
}

body.teaser-3 .teaser-content {
  background: none;
}

body.teaser-3 .teaser-container .row-view {
  height: 0%;
}

body.teaser-3 .teaser-title {
  color: #fff;
}

body.teaser-3 .teaser-description {
  color: #b6b6b6;
}

body.teaser-3 .teaser-copyright .copyright a {
  color: #6aa207;
}

body.teaser-3 .teaser-copyright .copyright a:hover {
  color: #fff!important;
}

body.teaser-3 .teaser-title {
  font-size: 72px;
  line-height: 62px;
  border-top: 4px #fff solid;
  border-bottom: 4px #fff solid;
  display: inline-block;
  margin-bottom: 15px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 00 - X */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.message-box {
  color: #8cbc09;
  border: 2px currentColor solid;
  margin-bottom: 25px;
  position: relative;
}

.message-icon {
  position: absolute;
  width: 62px;
  height: 100%;
  background: currentColor;
  left: 0;
  top: 0;
}

.message-icon .fa {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.message-text {
  font-size: 13px;
  color: #2e2e2e;
  font-weight: 500;
  line-height: 22px;
  padding: 20px 60px 20px 100px;
}

.message-text b {
  font-weight: 700;
}

.message-close {
  width: 55px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
}

.message-close .fa {
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -6px;
  color: #808080;
}

.message-info {
  color: #03b4ea;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 00 - X */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.overlay-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 15;
  left: -100%;
  top: 0;
  overflow: hidden;
}

.overlay-popup.visible {
  left: 0;
}

.overlay-popup *:last-child {
  margin-bottom: 0!important;
}

.overlay-popup .close-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  opacity: 0;
  min-height: 100vh;
}

.overlay-popup .cell-view {
  position: relative;
}

.overlay-popup.active .close-layer {
  opacity: 1;
}

.overlay-popup .overflow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-x: hidden;
}

.overlay-popup .popup-container {
  padding: 45px;
  background: #fff;
  max-width: 860px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  transform: perspective(2000px) rotateX(77deg);
  -moz-transform: perspective(2000px) rotateX(77deg);
  -webkit-transform: perspective(2000px) rotateX(77deg);
  -ms-transform: perspective(2000px) rotateX(77deg);
  opacity: 0;
}

.overlay-popup.active .popup-container {
  transform: perspective(2000px) rotateX(0deg);
  -moz-transform: perspective(2000px) rotateX(0deg);
  -webkit-transform: perspective(2000px) rotateX(0deg);
  -ms-transform: perspective(2000px) rotateX(0deg);
  opacity: 1;
}

.close-popup {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}

.close-popup:before,.close-popup:after {
  width: 19px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: -2px;
  content: "";
  background: #292929;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
}

.close-popup:after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

#product-popup .popup-container {
  max-width: 860px;
  width: 100%;
}

.popup-background {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
}

.newsletter-title {
  font-size: 36px;
  line-height: 48px;
  color: #3d3d3d;
  font-weight: 400;
  position: relative;
}

.newsletter-text {
  font-size: 14px;
  line-height: 26px;
  color: #808080;
  font-weight: 300;
  margin-bottom: 25px;
  position: relative;
}

.newsletter-text a {
  font-weight: 500;
  color: #3d3d3d;
  text-decoration: underline;
}

.newsletter-text a:hover {
  text-decoration: none;
}

.overlay-popup .form-title {
  font-size: 13px;
  z-index: 48;
  color: #313131;
  font-weight: 600;
}

.article-container {
  font-size: 13px;
  line-height: 22px;
  color: #000;
  margin-bottom: 0px;
}

.article-container b {
  font-weight: 500;
  color: #2e2e2e;
}

.article-container a, .article-container a b {
  color: #BB0000;
  font-weight: 500;
  font-size: 1.1em;
}

.article-container li a {
  color: #808080;
}

.article-container a:hover {
  color: #2e2e2e;
}

.article-container.columns-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.article-container.columns-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.article-container p,.article-container ul,.article-container ol {
  padding-bottom: 15px;
}
.article-container img {
    margin-bottom: 5px;
}

.article-container ol li {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.article-container ul li {
  padding: 4px 0 4px 10px;
}

.article-container ul li:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px;
}

.article-container h1,.h1 {
  font-size: 32px;
  line-height: 32px;
  color: #2e2e2e;
  font-weight: 500;
  margin-bottom: 15px;
}

.article-container h2,.h2 {
  font-size: 22px;
  line-height: 30px;
  color: #262626;
  font-weight: 300;
  margin-bottom: 0px;
}

.article-header-container h2 {
  font-size: 24px;
  line-height: 30px;
  color: #0079B8;
  font-weight: 700;
  margin-bottom: 0px;
}

.article-container h3,.h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 11px;
  color: #000;
}

.article-header-container h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 4px 0px 4px 10px;
  margin-bottom: 11px;
  color: #FFF;
  background-color: #0079B8;
}

.article-container h4,.h4 {
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  clear: both;
}

.article-container h5,.h5 {
  font-size: 13px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
  text-transform: uppercase;
}

.article-container h5 .fa,.h5 .fa {
  font-size: 20px;
  color: #d14242;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.article-container h6,.h6 {
  font-size: 11px;
  line-height: 18px;
  color: #262626;
  font-weight: 700;
  margin-bottom: 15px;
}

.article-container.style-1 {
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 00 - CSS ANIMATIONS */

/*-------------------------------------------------------------------------------------------------------------------------------*/

.sidebar-navigation .entry:before,.sidebar-navigation .entry,.button,.socials-box a,.socials-box a .fa,.search-drop-down .category-entry,.search-button,.header-functionality-entry,footer a,.product-slide-entry .title,.product-slide-entry .tag,.inline-product-entry .title,.inline-product-entry .image,.list-type-1 a,.hover-class-1:after,.hover-label,.menu-slider-arrows a .fa,.bottom-line-a,.top-line-a,.fixed-header-square-button .fa,.read-more,.simple-search-form .simple-submit,.copyright a,.socials-box a .fa,.sidebar-logos-row a img,a.sale-entry:before,a.sale-entry .sale-price,a.sale-entry .sale-price span,a.sale-entry .sale-description,.breadcrumb-box a,.icon-entry .image,.quantity-selector .entry.number-minus,.quantity-selector .entry.number-plus,.size-selector .entry:after,.color-selector .entry:after,.color-selector .entry:before,.blog-entry .title,.blog-entry .subtitle a,.blog-entry .subtitle a b,.square-button,.tags-box a,.categories-list ul li a,.container-404 .text a,.portfolio-navigation a,.portfolio-entry .title,.action-button,.hover-layer,.continue-link,.accordeon-title,.traditional-cart-entry .tag,.traditional-cart-entry .title,.remove-button,.cart-summary-box .simple-link,.checkout-progress-widget a.step-entry,.simple-field,.column-article-entry .title,.product-slide-entry .subtitle,.simple-form .submit,.sale-entry-border,.sale-entry-border:before,.color-text-widget,.color-text-widget .cell-view,.color-text-widget .title,.color-text-widget .description,.sale-entry,.simple-search-form,.special-item-entry>img {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}

.product-slide-entry .product-image:after,.sidebar-navigation .title .fa,.navigation-banner-content,.from-the-blog-entry .image:after,.toggle-list-button:after,.product-image .bottom-line,.product-image .top-line-a,.navigation-banner-content .subtitle,.navigation-banner-content .title,.navigation-banner-content .description,.navigation-banner-content .info,a.mozaic-banner-entry .subtitle,a.mozaic-banner-entry .title,a.mozaic-banner-entry .description,a.mozaic-banner-entry:before,.promo-banner-box:before,.promo-banner-box .promo-text,.promo-banner-box .promo-text .description,.product-image img,.product-thumbnails-swiper .paddings-container,.blog-entry .image img,.hover-layer .info,.title-info,a.mozaic-banner-entry .view {
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
}

.portfolio-entry .image img,.portfolio-entry:hover .portfolio-drop-down,.overlay-popup .close-layer,.overlay-popup .popup-container {
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
}

.blog-entry .image:hover img,.portfolio-entry:hover .image img {
  -moz-transition: all 15000ms linear!important;
  -o-transition: all 15000ms linear!important;
  -webkit-transition: all 15000ms linear!important;
  transition: all 15000ms linear!important;
  -ms-transition: all 15000ms linear!important;
}

.shop-grid .product-slide-entry .title {
  -moz-transition: none!important;
  -o-transition: none!important;
  -webkit-transition: none!important;
  transition: none!important;
  -ms-transition: none!important;
}

.shop-grid .product-slide-entry .accountHeader {
    font-size: 14px;
    line-height: 15px;
    color: #2e2e2e;
    margin-bottom: 10px;
}

/*transition delay*/

.navigation-banner-content .subtitle,.overlay-popup.active .popup-container {
  transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
}

.navigation-banner-content .title {
  transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
}

/*ie*/

_:-ms-input-placeholder,:root .simple-field.simple-drop-down select {
  padding-right: 22px;
}

_:-ms-input-placeholder,:root .size-1.simple-field.simple-drop-down select {
  padding-right: 14px;
}

_:-ms-input-placeholder,:root .simple-drop-down select {
  padding-right: 10px;
}

/*----------------------------- */

/* DI VAPOR CSS */

/*---------------------------- */

.bottom-padding {
  padding-bottom: 20px;
}

.header-banner {
  width: 100%;
  max-width: 700px;
}

.header-banner-wrapper {
  width: 100%;
  max-height:90px;
  text-align: center;
  margin-bottom: 15px;
  line-height: 0;
}

.footer-social {
  float: left;
}

.socialButton {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-image: url(/images/sprite-footer.png);
  vertical-align: middle;
}

.footer-social {
  width: 120px;
  padding-bottom: 10px;
}

.footer-brands-container {
  width: 100%;
  padding: 15px 0px 10px 0px;
  border-top: 1px dotted #CCC;
  background-color: #FFF;
  text-align: center;
}

.facebook {
  background-position: -245px 0px;
}

.twitter {
  background-position: -290px 0px;
}

.youtube {
  background-position: -335px 0px;
}

.whatsapp {
  background-position: -380px 0px;
}

.product-slide-entry .product-image img:hover {
  cursor: pointer;
}

.page-selector {
  padding: 15px 0 0 0;
  border-top: 0px;
  border-bottom: 1px #ebebeb solid;
  font-size: 0;
  margin-bottom: 20px;
}

.page-selector .description {
  display: inline-block;
  font-size: 13px;
  line-height: 10px;
  font-weight: 400;
  color: #555555;
  margin: 10px 5px;
}

.page-selector .pages-box {
  float: right;
  margin-right: 10px;
}

.square-button {
  width: 50px;
  line-height: 28px;
  border: 1px #e3e3e3 solid;
  display: inline-block;
  font-size: 12px;
  color: #666666;
  font-weight: 500;
  text-align: center;
}

.square-button:hover,.square-button.active {
  background: #cd0000;
  border-color: #cd0000;
  color: #fff;
}

.page-selector .square-button {
  margin-right: 4px;
  margin-bottom: 5px;
}

.page-selector .square-button:last-child {
  margin-right: 0px;
}

.bottom-page-selector .shop-grid-controls {
  margin-top: 15px;
}

.information-blocks .row .information-entry .error-text-medium {
  font-size: 16px;
  color: #0079B8;
}

b {
  font-weight: bold;
}

.error-color {
  color: #B10000;
}

.asterisk-large {
  font: 16px normal Arial,Tahoma;
}

.field-title {
  padding: 12px 12px 12px 0;
  display: inline-block;
  float: left;
  width: 25%;
  margin-top: 6px;
}

.field-input {
  height: 35px;
  float: left;
  width: 75%;
  margin-top: 6px;
}

.row-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.row-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.top-15 {
  padding-top: 15px;
}

.top-30 {
  padding-top: 30px;
}

.field-row:after {
  content: "";
  display: table;
  clear: both;
}

.field-input select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  height: 35px;
  width: 100%;
}

.promo-button {
  height: 35px;
  width: 50px;
  font-size: 13px;
}

.center {
  text-align: center;
}

.checkout-or {
  float: left;
  width: 100%;
  font: bold 24px Arial, Tahoma;
  font-style: italic;
  text-align: center;
  padding: 25px 0;
}

.checkout-payment-iframe {
  width: 100%;
  padding: 15px;
  border: 1px solid #999;
}

.splitter {
  border-bottom: 1px solid #287ABA;
  border-top: 1px solid #287ABA;
  padding: 10px 0px;
  margin-bottom: 50px;
}

.spriteimg {
  display: block;
  border: none;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-size: cover;
  background-color: white;
  background-image: url(/spares/images/spares-categories-sprite-responsive.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.spriteimg:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
}

.contactTitle {
  font-size: 22px;
  font-weight: bold;
  padding: 0px;
  margin: 5px 0px;
}

.contactInfo {
  font-size: 18px;
}

.inline-footer {
  display: inline-block;
}


input[type=radio],input[type=checkbox] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-appearance: radio;
}

input[type=checkbox] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-appearance: checkbox;
}

.main-menu {
  display: inline-block;
  width: 210px;
  height: 160px;
  background-image: url(/images/desktop-menu-sprite.jpg);
}

.therm-cartridges {
  background-position: 0px 0px;
}

.cartridges {
  background-position: 0px -160px;
}

.door-parts {
  background-position: 0px -320px;
}

.shower-cartriges {
  background-position: 0px -480px;
}

.shower-electical {
  background-position: 0px -640px;
}

.shower-fittings {
  background-position: 0px -800px;
}

.water-heaters {
  background-position: 0px -960px;
}

.air-pumps {
  background-position: 0px -1120px;
}

.water-pumps {
  background-position: 0px -1280px;
}

.bathroom-parts {
  background-position: 0px -1440px;
}

.bathroom-taps {
  background-position: 0px -1600px;
}

.toilet-parts {
  background-position: 0px -1760px;
}

.bath-spares {
  background-position: 0px -1920px;
}

.sauna-spares {
  background-position: 0px -2080px;
}

.sauna-spares2 {
  background-position: 0px -2240px;
}

.additional-spares {
  background-position: 0px -2400px;
}

.popular-links {
  background-position: 0px -2560px;
}

.popular-guides {
  background-position: 0px -2720px;
}

.about-di-vapor {
  background-position: 0px -2880px;
}

.useful-resources {
  background-position: 0px -3040px;
}

.more-resources {
  background-position: 0px -3200px;
}

.menu-mobility {
  display: inline-block;
  width: 150px;
  height: 207px;
  background-image: url(/images/desktop-mobilitymenu-sprite.jpg);
}

.varedo-menu {
  background-position: 0px 0px;
}

.varedo-plus-menu {
  background-position: -150px 0px;
}

.mirano-menu {
  background-position: -300px 0px;
}

.grabbar-menu {
  background-position: -450px 0px;
}

/*/spares/showers/thermostatic-cartridge/thermostatic-cartridge-responsive.php*/

.thermprAll2 {
  width: 125px;
  height: 55px;
  line-height: 55px;
  float: left;
  margin: 1px;
  background-color: #F16822;
  color: #222222;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px;
  border: 1px solid #64605D;
  cursor: pointer;
}

.brandContainer2 {
  display: inline-block;
  width: 125px;
  height: 60px;
}

/*/spares/showers/thermostatic-cartridge/thermostatic-cartridge.php*/

.thermpr {
  float: left;
  width: 125px;
  height: 55px;
  margin: 1px;
  background-image: url(/images/shower-logos-sprite.jpg);
  border: 1px solid #64605D;
  cursor: pointer;
}

.triton {
  background-position: 0px 0px;
}

.vernet {
  background-position: 0px -55px;
}

.vado {
  background-position: 0px -110px;
}

.ultra {
  background-position: 0px -165px;
}

.crosswater {
  background-position: 0px -220px;
}

.gainsborough {
  background-position: 0px -275px;
}

.bristan {
  background-position: 0px -330px;
}

.mira {
  background-position: 0px -385px;
}

.perrinRowe {
  background-position: 0px -440px;
}

.aqualisa {
  background-position: 0px -495px;
}

.hudsonReed {
  background-position: 0px -550px;
}

.bathstore {
  background-position: 0px -605px;
}

.dornbracht {
  background-position: 0px -660px;
}

.inta {
  background-position: 0px -715px;
}

.newTeam {
  background-position: 0px -770px;
}

.showerforce {
  background-position: 0px -825px;
}

.altmans {
  background-position: 0px -880px;
}

.cifial {
  background-position: 0px -935px;
}

.cristina {
  background-position: 0px -990px;
}

.danze {
  background-position: 0px -1045px;
}

.deva {
  background-position: 0px -1100px;
}

.fima {
  background-position: 0px -1155px;
}

.gessi {
  background-position: 0px -1210px;
}

.hamat {
  background-position: 0px -1265px;
}

.jaclo {
  background-position: 0px -1320px;
}

.jacobDelafon {
  background-position: 0px -1375px;
}

.kludi {
  background-position: 0px -1430px;
}

.massalledebain {
  background-position: 0px -1485px;
}

.mz {
  background-position: 0px -1540px;
}

.paffoni {
  background-position: 0px -1595px;
}

.presto {
  background-position: 0px -1650px;
}

.rada {
  background-position: 0px -1705px;
}

.rohl {
  background-position: 0px -1760px;
}

.ramonSoler {
  background-position: 0px -1815px;
}

.sarodis {
  background-position: 0px -1870px;
}

.teuco {
  background-position: 0px -1925px;
}

.treemme {
  background-position: 0px -1980px;
}

.tres {
  background-position: 0px -2035px;
}

.pura {
  background-position: 0px -2090px;
}

.grohe {
  background-position: 0px -2145px;
}

.hansgrohe {
  background-position: 0px -2200px;
}

.meynell {
  background-position: 0px -2255px;
}

.trevi {
  background-position: 0px -2310px;
}

.kohler {
  background-position: 0px -2365px;
}

.matki {
  background-position: 0px -2420px;
}

.armitageshanks {
  background-position: 0px -2475px;
}

.idealstandard {
  background-position: 0px -2530px;
}

.clearLeft {
  clear: left;
}

.rightColumn {
  margin-left: 50px;
}

.rightColumn2 {
  margin-left: 60px;
}

.brandContainer {
  float: left;
  width: 130px;
  height: 85px;
}

.stockLeft{font-weight:bold;color:#4C8502;font-size:15px}
.outOfStock{font-weight:bold;color:#860D08;font-size:14px}
.emailMe{padding:10px;margin:10px 0px;border:1px solid #C91F20;font-weight:bold;color:#C91F20;font-size:20px;background-color:#FFD5D5}

.stock-notification-box {
  padding: 7px 3px 9px 3px;
  display: inline-block;
  width: 100%;
  min-width: 250px;
  position: relative;
  text-align: center;
  background-color: #0079B8;
  border: 2px solid #2D9F01;
}

.stock-notication-title{width: 100%; padding: 15px; font-weight: 800; font-size: 24px; color:#FFF}

.stock-notification-cell {
  text-align: left;
  width: 100%;
  font-weight: 800;
  font-size: 14px;
  color: #FFF;
}

.stock-notification-or {
  font-weight: 800;
  font-size: 16px;
  color: #FFF;
  font-style: italic;
}

.stock-notification-field {
  width: 100%;
  padding: 2px 0px 15px 0px;
}

.request-stock-field {
  width: 100%;
  height: 30px;
}

.bundle-operator {
  max-width: 40px !important;
  height: 220px;
  display: inline-block;
  line-height: 220px;
  float: left;
  margin: 0px 15px;
  vertical-align: middle;
  text-align: center;
  color: #0079B8;
  font-weight: bold;
}

.bundle-swiper-box {
  max-width: 60px !important;
  float: left;
}

.bundle-swiper-img {
  max-width: 220px !important;
  margin: 0px 20px;
}

.bundle-price-for {
  display: block;
  text-align: center;
  height: 30px;
  font-weight: bold;
  font-size: 18px;
}

.bundle-cost {
  display: block;
  height: 30px;
  text-align: center;
  font-size: 26px;
  color: #BB181D;
}

.bundle-savings {
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 14px;
  color: #448038;
}

.bundle-slider-box {
  width:200px;
  height: 220px;
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 50px 10px 0px 10px;
  text-align: center;
}

.bundle-out-of-stock {
    margin-left:5px;
    font-weight: bold;
    display: inline-block;
    width:100px;
    height:30px;
    line-height:30px;
    text-align:center;
    vertical-align:center;
    border:1px solid #FF0000;
    font-size:12px;
    color:#FF0000;
    background-color:#EEEEEE
}

/*/spares/showers/thermostatic-cartridge/thermostatic-cartridge-shower-brands.php*/

.thermprAll {
  width: 254px;
  height: 55px;
  line-height: 55px;
  float: left;
  margin: 1px;
  background-color: #626262;
  color: #A3A3A3;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  border: 1px;
  border: 1px solid #64605D;
  cursor: pointer;
}

.alphaList {
  width: 50px;
  float: left;
  padding: 20px 10px;
  font: bold 40px arial,tahoma;
  color: #666;
}

.brandTxt {
  padding-top: 55px;
  font-size: 14px;
  color: #0A5D99;
  cursor: pointer;
}

.yellowButton {
  -moz-box-shadow: 0px 1px 0px 0px #fff6af;
  -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
  box-shadow: 0px 1px 0px 0px #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
  background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
  background-color: #ffec64;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffaa22;
  display: inline-block;
  cursor: pointer;
  color: #333333;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 4px 4px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
}

.yellowButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
  background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
  background-color: #ffab23;
}

.yellowButton:active {
  position: relative;
  top: 1px;
}

/* jQuery UI Autocomplete */

.ui-autocomplete-row {
  padding: 4px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}

.ui-autocomplete-row:hover {
  background-color: #ddd;
}

.ui-autocomplete {
  border-color: #0079B8;
  border-style: solid;
  border-width: 1px;
}

.divQAbox{width:50px;height:50px;float:left;text-align:center;font-size:28px;vertical-align:middle;line-height:50px;margin-bottom:10px;}
.divA{background-color:#0479BF;color:#DDDDDD;}
.divQ{margin-top:20px;background-color:#DDDDDD;color:#0479BF;}
.divRA{float:left;padding-left:10px;padding-bottom:20px;}
.divRQ{margin-top:20px;margin-bottom:10px;padding:12px;float:left;background-color:#DDDDDD;font-size:16px;color:#0479BF;}


/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 00 - MEDIA QUERIES */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*Desktops (>=1200px)*/

/*Desktops (>=992px)*/

/* Tablets (>=768px)*/

/*Phones (<768px)*/

@media (min-width:768px) {
  .lead {
    font-size: 21px;
  }
}

@media (min-width:768px) {
  .container {
    width: 750px;
  }
}

@media (min-width:992px) {
  .container {
    width: 970px;
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px;
  }
}

@media (min-width:768px) {
    .col-sm-1,    .col-sm-10,    .col-sm-11,    .col-sm-12,    .col-sm-2,    .col-sm-3,    .col-sm-3a,    .col-sm-4,    .col-sm-5,    .col-sm-6,    .col-sm-7,    .col-sm-8,    .col-sm-9 {
      float: left;
    }

    .col-sm-12 {
      width: 100%;
    }

    .col-sm-11 {
      width: 91.66666667%;
    }

    .col-sm-10 {
      width: 83.33333333%;
    }

    .col-sm-9 {
      width: 75%;
    }

    .col-sm-8 {
      width: 66.66666667%;
    }

    .col-sm-7 {
      width: 58.33333333%;
    }

    .col-sm-6 {
      width: 50%;
    }

    .col-sm-5 {
      width: 41.66666667%;
    }

    .col-sm-4 {
      width: 33.33333333%;
    }

    .col-sm-3,    .col-sm-3b {
      width: 25%;
    }

    .col-sm-3a {
      width: 20%;
    }

    .col-sm-2 {
      width: 16.66666667%;
    }

    .col-sm-1 {
      width: 8.33333333%;
    }

    .col-sm-pull-12 {
      right: 100%;
    }

    .col-sm-pull-11 {
      right: 91.66666667%;
    }

    .col-sm-pull-10 {
      right: 83.33333333%;
    }

    .col-sm-pull-9 {
      right: 75%;
    }

    .col-sm-pull-8 {
      right: 66.66666667%;
    }

    .col-sm-pull-7 {
      right: 58.33333333%;
    }

    .col-sm-pull-6 {
      right: 50%;
    }

    .col-sm-pull-5 {
      right: 41.66666667%;
    }

    .col-sm-pull-4 {
      right: 33.33333333%;
    }

    .col-sm-pull-3 {
      right: 25%;
    }

    .col-sm-pull-2 {
      right: 16.66666667%;
    }

    .col-sm-pull-1 {
      right: 8.33333333%;
    }

    .col-sm-pull-0 {
      right: auto;
    }

    .col-sm-push-12 {
      left: 100%;
    }

    .col-sm-push-11 {
      left: 91.66666667%;
    }

    .col-sm-push-10 {
      left: 83.33333333%;
    }

    .col-sm-push-9 {
      left: 75%;
    }

    .col-sm-push-8 {
      left: 66.66666667%;
    }

    .col-sm-push-7 {
      left: 58.33333333%;
    }

    .col-sm-push-6 {
      left: 50%;
    }

    .col-sm-push-5 {
      left: 41.66666667%;
    }

    .col-sm-push-4 {
      left: 33.33333333%;
    }

    .col-sm-push-3 {
      left: 25%;
    }

    .col-sm-push-2 {
      left: 16.66666667%;
    }

    .col-sm-push-1 {
      left: 8.33333333%;
    }

    .col-sm-push-0 {
      left: auto;
    }

    .col-sm-offset-12 {
      margin-left: 100%;
    }

    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
      margin-left: 75%;
    }

    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
      margin-left: 50%;
    }

    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
      margin-left: 25%;
    }

    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
      margin-left: 0;
    }
}

@media (min-width:800px) {
  .col-sm-3b {
    float: left;
  }
}

@media (min-width:992px) {
    .col-md-1,    .col-md-10,    .col-md-11,    .col-md-12,    .col-md-2,    .col-md-2a,    .col-md-3,    .col-md-3a,    .col-md-4,    .col-md-5,    .col-md-6,    .col-md-7,    .col-md-8,    .col-md-9 {
      float: left;
    }

    .col-md-12 {
      width: 100%;
    }

    .col-md-11 {
      width: 91.66666667%;
    }

    .col-md-10 {
      width: 83.33333333%;
    }

    .col-md-9 {
      width: 75%;
    }

    .col-md-8 {
      width: 66.66666667%;
    }

    .col-md-7 {
      width: 58.33333333%;
    }

    .col-md-6 {
      width: 50%;
    }

    .col-md-5 {
      width: 41.66666667%;
    }

    .col-md-4 {
      width: 33.33333333%;
    }

    .col-md-3,    .col-md-3a {
      width: 25%;
    }

    .col-md-2a {
      width: 20%;
    }

    .col-md-2 {
      width: 16.66666667%;
    }

    .col-md-1 {
      width: 8.33333333%;
    }

    .col-md-pull-12 {
      right: 100%;
    }

    .col-md-pull-11 {
      right: 91.66666667%;
    }

    .col-md-pull-10 {
      right: 83.33333333%;
    }

    .col-md-pull-9 {
      right: 75%;
    }

    .col-md-pull-8 {
      right: 66.66666667%;
    }

    .col-md-pull-7 {
      right: 58.33333333%;
    }

    .col-md-pull-6 {
      right: 50%;
    }

    .col-md-pull-5 {
      right: 41.66666667%;
    }

    .col-md-pull-4 {
      right: 33.33333333%;
    }

    .col-md-pull-3 {
      right: 25%;
    }

    .col-md-pull-2 {
      right: 16.66666667%;
    }

    .col-md-pull-1 {
      right: 8.33333333%;
    }

    .col-md-pull-0 {
      right: auto;
    }

    .col-md-push-12 {
      left: 100%;
    }

    .col-md-push-11 {
      left: 91.66666667%;
    }

    .col-md-push-10 {
      left: 83.33333333%;
    }

    .col-md-push-9 {
      left: 75%;
    }

    .col-md-push-8 {
      left: 66.66666667%;
    }

    .col-md-push-7 {
      left: 58.33333333%;
    }

    .col-md-push-6 {
      left: 50%;
    }

    .col-md-push-5 {
      left: 41.66666667%;
    }

    .col-md-push-4 {
      left: 33.33333333%;
    }

    .col-md-push-3 {
      left: 25%;
    }

    .col-md-push-2 {
      left: 16.66666667%;
    }

    .col-md-push-1 {
      left: 8.33333333%;
    }

    .col-md-push-0 {
      left: auto;
    }

    .col-md-offset-12 {
      margin-left: 100%;
    }

    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
      margin-left: 75%;
    }

    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
      margin-left: 50%;
    }

    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
      margin-left: 25%;
    }

    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
      margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1,    .col-lg-10,    .col-lg-11,    .col-lg-12,    .col-lg-2,    .col-lg-3,    .col-lg-4,    .col-lg-5,    .col-lg-6,    .col-lg-7,    .col-lg-8,    .col-lg-9 {
      float: left;
    }

    .col-lg-12 {
      width: 100%;
    }

    .col-lg-11 {
      width: 91.66666667%;
    }

    .col-lg-10 {
      width: 83.33333333%;
    }

    .col-lg-9 {
      width: 75%;
    }

    .col-lg-8 {
      width: 66.66666667%;
    }

    .col-lg-7 {
      width: 58.33333333%;
    }

    .col-lg-6 {
      width: 50%;
    }

    .col-lg-5 {
      width: 41.66666667%;
    }

    .col-lg-4 {
      width: 33.33333333%;
    }

    .col-lg-3 {
      width: 25%;
    }

    .col-lg-2 {
      width: 16.66666667%;
    }

    .col-lg-1 {
      width: 8.33333333%;
    }

    .col-lg-pull-12 {
      right: 100%;
    }

    .col-lg-pull-11 {
      right: 91.66666667%;
    }

    .col-lg-pull-10 {
      right: 83.33333333%;
    }

    .col-lg-pull-9 {
      right: 75%;
    }

    .col-lg-pull-8 {
      right: 66.66666667%;
    }

    .col-lg-pull-7 {
      right: 58.33333333%;
    }

    .col-lg-pull-6 {
      right: 50%;
    }

    .col-lg-pull-5 {
      right: 41.66666667%;
    }

    .col-lg-pull-4 {
      right: 33.33333333%;
    }

    .col-lg-pull-3 {
      right: 25%;
    }

    .col-lg-pull-2 {
      right: 16.66666667%;
    }

    .col-lg-pull-1 {
      right: 8.33333333%;
    }

    .col-lg-pull-0 {
      right: auto;
    }

    .col-lg-push-12 {
      left: 100%;
    }

    .col-lg-push-11 {
      left: 91.66666667%;
    }

    .col-lg-push-10 {
      left: 83.33333333%;
    }

    .col-lg-push-9 {
      left: 75%;
    }

    .col-lg-push-8 {
      left: 66.66666667%;
    }

    .col-lg-push-7 {
      left: 58.33333333%;
    }

    .col-lg-push-6 {
      left: 50%;
    }

    .col-lg-push-5 {
      left: 41.66666667%;
    }

    .col-lg-push-4 {
      left: 33.33333333%;
    }

    .col-lg-push-3 {
      left: 25%;
    }

    .col-lg-push-2 {
      left: 16.66666667%;
    }

    .col-lg-push-1 {
      left: 8.33333333%;
    }

    .col-lg-push-0 {
      left: auto;
    }

    .col-lg-offset-12 {
      margin-left: 100%;
    }

    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
      margin-left: 75%;
    }

    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
      margin-left: 50%;
    }

    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
      margin-left: 25%;
    }

    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
      margin-left: 0;
    }
}

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

@media only screen and (min-width:480px) and (max-width:767px){
    .blog-landing-box.type-4.columns-2 .blog-entry,
    .blog-landing-box.type-4.columns-3 .blog-entry{
        width: 50%;
        float: left;
        border-bottom: none;
                padding: 0 15px;
    }
    .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1),
    .blog-landing-box.type-4.columns-3 .blog-entry:nth-child(2n+1){
        clear: both;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date],    input[type=time],    input[type=datetime-local],    input[type=month] {
      line-height: 34px;
    }

    .input-group-sm input[type=date],    .input-group-sm input[type=time],    .input-group-sm input[type=datetime-local],    .input-group-sm input[type=month],    input[type=date].input-sm,    input[type=time].input-sm,    input[type=datetime-local].input-sm,    input[type=month].input-sm {
      line-height: 30px;
    }

    .input-group-lg input[type=date],    .input-group-lg input[type=time],    .input-group-lg input[type=datetime-local],    .input-group-lg input[type=month],    input[type=date].input-lg,    input[type=time].input-lg,    input[type=datetime-local].input-lg,    input[type=month].input-lg {
      line-height: 46px;
    }
}

@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 .form-control {
      width: auto;
    }

    .form-inline .input-group>.form-control {
      width: 100%;
    }

    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }

    .form-inline .checkbox,    .form-inline .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }

    .form-inline .checkbox label,    .form-inline .radio label {
      padding-left: 0;
    }

    .form-inline .checkbox input[type=checkbox],    .form-inline .radio input[type=radio] {
      position: relative;
      margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
      top: 0;
    }
}

@media (max-width:767px) {
    .visible-xs {
      display: block!important;
    }

    table.visible-xs {
      display: table;
    }

    tr.visible-xs {
      display: table-row!important;
    }

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

    tr.visible-sm {
      display: table-row!important;
    }

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

    tr.visible-md {
      display: table-row!important;
    }

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

    tr.visible-lg {
      display: table-row!important;
    }

    th.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 (max-width:991px) {
    .hidden-xs2 {
      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;
    }
}

@media (max-width: 767px) {
  .wide-center {
    padding: 0 15px;
  }
}

/*toggle blocks in responsive navigation*/

@media (min-width: 1200px) {
  .responsive-menu-toggle-class {
    display: none!important;
  }
}
/*boxed layout*/
/*Desktops (>=992px)*/

@media (max-width: 1199px) {
  #content-block .content-center,  .position-center {
    padding: 0 30px;
  }

  .responsive-menu-toggle-class {
    display: block;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .information-blocks {
    margin-bottom: 0px;
  }

  /*#content-block .sidebar-column .information-blocks{margin-bottom: 20px;}*/
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  #content-block .content-center,  .position-center {
    padding: 0 15px;
  }
}

/* Main Mega Menu */

@media (min-width: 1200px) {
  .submenu.left-align {
    left: 0!important;
    margin: 0!important;
  }

  .submenu.right-align {
    left: auto!important;
    right: 0;
    margin: 0!important;
  }
}

/*open desktop header drop-downs*/

@media (min-width: 1200px) {
  /*.submenu{display: block!important; transform: rotateX(90deg); -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; opacity: 0;}
  nav>ul>li:hover>.submenu{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/

  .toggle-list-container {
    display: block!important;
  }

  .submenu .product-column-entry,  .submenu .product-column-entry3,  .submenu .product-column-entry4 {
    min-height: 400px;
  }
}

@media (min-width: 100px) {
  header.type-1.fixed-header .header-bottom {
    border-bottom: 3px #0079B8 solid;
  }
}

@media (min-width: 991px) {
    header.fixed-header .fixed-nav-overflow {
    height: 80px;
    margin-top:40px;
    width: 100%;
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 1200px) {
  header.fixed-header {
    z-index: 6;
  }

  header.fixed-header .full-width .submenu,  header.fixed-header .full-width-columns .submenu {
    left: auto;
    right: 0;
  }

  /*header.fixed-header .nav-overflow{position: fixed; left: 0; top: 0; width: 100%; background: #0079B8; border-bottom: 3px #ddd solid; -webkit-backface-visibility: hidden;}*/

  header.fixed-header .fixed-nav-overflow {
    position: fixed;
    top: 0;
    height: 80px;
    width: 100%;
    -webkit-backface-visibility: hidden;
  }

  header.fixed-header .header-middle {
    max-width: 1310px;
    margin: 0 -70px;
    padding: 0 70px;
    background: #fff;
  }

  header.type-1.fixed-header .fixed-nav-overflow {
    border-bottom: 3px #0079B8 solid;
  }

  /*header.fixed-header nav{max-width: 1310px; padding: 0 70px; margin: 0 auto; text-align: right;}
    header.fixed-header nav>ul:nth-child(2){float: none;}
    header.fixed-header nav>ul{display: inline-block; text-align: left;}
    header .additional-header-logo{position: absolute; left: 70px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
    header .additional-header-logo img{max-height: 50px; width: auto; display: block;}*/

  /*buttons*/

  header.fixed-header .fixed-header-visible {
    display: block;
  }

  header.fixed-header nav>ul>li>a {
    font-weight: 600;
  }

  .fixed-header-visible {
    text-transform: none;
    margin-top: 82px; /* Refresh top banner cropped */
    float: left;
    border: none;
    text-decoration: none!important;
  }

  .fixed-header-visible .header-functionality-entry:first-child {
    padding-left: 0;
  }

  /*.fixed-header-square-button{float: left; margin-top: 20px; line-height: 30px; width: 30px; text-align: center; text-decoration: none!important; margin-left: 20px; white-space: nowrap;}
    .fixed-header-square-button .fa{color: inherit!important;}
    .fixed-header-square-button:first-child{margin-left: 0;}
    .fixed-header-square-button .fa{font-size: 13px; line-height: 30px; color: #a0a0a0; display: inline-block;}
    .fixed-header-square-button:hover .fa{color: #3d3d3d;}*/
}

/*Desktops (>=992px)*/

@media (max-width: 1199px) {
  #content-block header {
    position: fixed;
    padding: 0 30px;
    top: 0;
  }

  .right-header-email{display: none;}
  
  .header-top .socials-box {
    display: none;
  }

  .navigation {
    position: fixed;
    left: 0;
    top: 0;
    width: 290px;
    background: #272727;
    height: 100%;
    border: none;
    z-index: 7;
    transform: translateX(-290px);
    -moz-transform: translateX(-290px);
    -webkit-transform: translateX(-290px);
    -ms-transform: translateX(-290px);
  }

  .nav-overflow {
    position: absolute;
    width: 100%;
    left: 0;
    top: 75px;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
  }

  .navigation-header {
    padding: 0 50px 0 20px;
    border-bottom: 1px #343434 solid;
  }

  .navigation-header .title {
    font-size: 20px;
    line-height: 75px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
  }

  .navigation-header .close-menu {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 5px;
    top: 17px;
    cursor: pointer;
    text-transform: uppercase;
  }

  .navigation-header .close-menu:before,  .navigation-header .close-menu:after {
    width: 18px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -9px;
    content: "";
    background: #fff;
  }

  .navigation-header .close-menu:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .navigation-header .close-menu:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }

  .navigation-footer .socials-box {
    margin-top: -1px;
    margin-right: 0;
    float: none;
    border-top: 1px #343434 solid;
    border-bottom: 1px #343434 solid;
  }

  .navigation-footer .socials-box a {
    width: 14.25%;
    height: 41px;
    line-height: 39px;
    border-left: 1px #343434 solid;
    float: left;
    margin: 0;
    color: #fff;
  }

  body:not(.mobile) .navigation-footer .socials-box a:hover {
    background: #fff;
    color: #272727;
  }

  .navigation-footer .socials-box a:first-child {
    border-left: none;
  }

  .menu-button {
    display: inline-block;
    font-size: 25px;
    color: #2f2f2f;
    cursor: pointer;
    vertical-align: middle;
    padding: 0 10px;
    white-space: nowrap;
  }

  .menu-button .fa {
    line-height: inherit;
    display: block;
  }

  body.opened-menu{overflow: scroll;}
  
  .navigation,  .content-push {
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
  }
  
  header.opened .navigation{ transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px);}

  /*body.opened-menu .content-push{transform: translateX(200px); -moz-transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px);}*/

  .close-header-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    background: rgba(0,0,0,0.5);
  }

  #content-block nav>ul {
    float: none;
  }

  nav>ul>li {
    float: none;
    border-bottom: 1px #343434 solid;
    padding: 0;
    position: relative;
  }

  nav>ul>li>a {
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    padding: 15px 45px 15px 20px;
    display: block;
  }

  nav>ul>li>.fa {
    position: absolute;
    right: 5px;
    top: 2px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    margin: 0;
    font-size: 12px;
  }

  .full-width-menu-items-right {
    display: none;
  }

  .full-width-menu-items-left {
    margin-left: 0;
    margin-right: 0;
  }

  .submenu {
    position: relative;
    top: auto;
    left: auto;
    padding: 0!important;
  }

  .submenu-links-line {
    display: none;
  }

  .submenu-list-title {
    margin: 0;
    display: block;
    position: relative;
  }

  .submenu-list-title a {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 45px 15px 20px;
  }

  .submenu-list-title .toggle-list-button {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
  }

  .submenu-list-title .toggle-list-button:before {
    width: 11px;
    height: 1px;
    background: #878787;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -6px;
    content: "";
  }

  .submenu-list-title .toggle-list-button:after {
    width: 1px;
    height: 11px;
    background: #878787;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -1px;
    content: "";
  }

  .toggle-list-container {
    display: none;
    padding-left: 20px;
  }

  .submenu .list-type-1 {
    margin-bottom: 0;
  }

  .submenu .list-type-1 li {
    padding: 10px 10px 10px 20px;
  }

  .submenu .product-column-entry,  .submenu .product-column-entry3,  .submenu .product-column-entry4 {
    float: none;
    width: auto;
    padding: 0;
  }

  .submenu .product-column-entry .image,  .submenu .product-column-entry3 .image,  .product-column-entry3 .imageMax,  .submenu .product-column-entry4 .image {
    display: none;
  }

  .submenu .product-column-entry .hot-mark,  .submenu .product-column-entry3 .hot-mark,  .submenu .product-column-entry4 .hot-mark {
    display: none;
  }

  .submenu .product-column-entry .submenu-list-title,  .submenu .product-column-entry3 .submenu-list-title,  .submenu .product-column-entry4 .submenu-list-title {
    margin-left: 0;
    margin-right: 0;
  }

  .submenu .product-column-entry .description,  .submenu .product-column-entry3 .description,  .submenu .product-column-entry4 .description {
    margin: 0;
  }

  nav .column-3 .submenu .full-width-menu-items-left,  nav .column-2 .submenu .full-width-menu-items-left,  nav .column-1 .full-width-menu-items-left {
    margin-right: 0;
  }

  nav .column-3 .submenu,  nav .column-2 .submenu,  nav .column-1 .submenu,  nav .simple-list .submenu {
    width: auto;
    margin: 0;
    left: auto;
  }

  .submenu-background {
    display: none;
  }

  nav .simple-list .submenu a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 15px 45px 15px 20px;
    color: #2e2e2e;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
  }

  nav .simple-list .submenu a .fa {
    display: none;
  }

  nav>ul>li>a .menu-label {
    position: relative;
    right: auto;
    top: -7px;
    margin-left: 5px;
  }

  .responsive-search-button {
    display: inline-block;
  }

  .header-functionality-entry .fa {
    width: 45px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #2f2f2f;
    text-align: center;
    margin: 0;
  }

  /*.header-functionality-entry{padding: 0; border-right: none;}
	.header-functionality-entry span{display: none;}
	.header-functionality-entry .fa{width: 30px; height: 35px; line-height: 35px; font-size: 24px; color: #2f2f2f; text-align: center; margin: 0;}
    .header-functionality-entry.open-search-popup{display: inline-block;}*/

  #logo {
    min-height: 0;
  }

  header .middle-entry {
    width: 46%;
  }

  .cart-box.popup {
    display: none!important;
  }

  .navigation-search-content {
    display: none;
  }

  .page-selector-break {
    display: none;
  }

  /*.right-entries .menu-button{display: none;}*/

  .header-functionality-entry span {
    display: block;
    font-size: 11px;
    text-align: center;
  }

  .menu-button span {
    font-size: 11px;
    text-align: center;
  }

  .right-header-email {
    padding: 5px 0px 0px 10px;
    text-align: right;
  }

  .logo-wrapper {
    width: 240px;
  }

  .menu-padding-top {
    padding-top: 0px;
  }

  header.type-1.fixed-header .header-top {
    display: none;
  }

  header.type-1.fixed-header .header-middle {
    padding: 10px 0px;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .menu-col-left,  .menu-col-right {
    float: left;
    width: 100%;
    padding-left: 20px;
  }

  .header-middle,  .header-middle-checkout {
    padding-top: 0px;
    padding-bottom: 5px;
  }

  .header-middle {
    border: 0px;
  }
  
  .header-middle-checkout {
    border-bottom: 1px solid #CCCCCC;
  }


  .header-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #c0c0c0;
  }

  .header-bottom .search-right-entry {
    text-align: right;
  }

  .header-functionality-entry {
    padding: 0;
    border-right: none;
  }

  .header-functionality-entry .fa {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
  }

  .header-functionality-entry.open-search-popup {
    display: inline-block;
  }

  .button.style-10 {
    min-width: 150px;
    font-size: 12px;
  }

  .right-header-email {
    display: none;
  }

  .top-page-selector {
    display: none;
  }

  .category-title-mobile {
    display: block;
  }

  .menu-button .fa {
    margin-left: 5px;
  }

  header.type-1.fixed-header .header-middle {
    border-bottom: 3px #0079B8 solid;
  }
}

@media (max-width: 799px) {
  .order-paymentbox-mobile {
    display: block;
  }

  .order-paymentbox-desktop {
    display: none;
  }
}

/* Tablets But shrink search box to stop line wrapping*/

@media (max-width: 910px) {
  .header-middle .middle-entry {
    width: 38%;
  }

  .top-header-callus {
    display: none;
  }
}

@media (max-width: 800px) {
  .top-header-phone {
    display: none;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  #content-block header {
    padding: 0 15px;
  }

  .header-functionality-entry b {
    display: none;
  }

  #logo {
    max-width: 100%;
  }

  .header-middle .middle-entry {
    display: none;
  }

  .header-bottom {
    display: block;
  }

  .header-functionality-entry .fa {
    display: inline-block;
    width: 45px;
    height: 30px;
    line-height: 30px;
  }

  .header-top {
    display: none;
  }

  .divapor-logo {
    margin-top: 15px;
    background-image: url(/images/sprite-footer.png);
    background-position: -976px 0px;
    background-repeat: no-repeat;
    width: 122px;
    height: 25px;
  }

  .logo-wrapper {
    width: 130px;
    padding-top: 0px;
  }

  .logo-wrapper .Di-Vapor-Slogan-Mobile {
    margin: 0px 0px 10px 0px;
    display: block;
    font-size: 10px;
  }

  .Di-Vapor-Slogan {
    display: none;
  }

  header.type-1.fixed-header .header-middle {
    border-bottom: 0px;
  }

  header.type-1.fixed-header .header-middle {
    padding: 10px 0px 0px 0px;
  }

  .checkout-header-title {
    font-size: 30px;
    line-height: 20px;
    padding-top: 15px;
    margin: 0px;
  }

  .checkout-header-value {
    font-size: 18px;
  }

  .checkout-payment-iframe {
    background-color: #EEEEEE;
  }

  .secureShopping {
    width: 100%;
    max-width: 447px;
    height: auto;
  }

  header.type-1.fixed-header .fixed-nav-overflow {
    margin: 0px;
    padding: 0px;
  }

  .header-middle .right-entries {
    padding: 0px;
  }

  .header-middle {
    padding: 0px;
    margin: 0px;
  }

  .switch-content-order {
    display: flex;
    flex-flow: column;
  }

  .thermostatic-cartridge-brands {
    order: 2;
  }

  .thermostatic-cartridge-products {
    order: 1;
  }

  .page-selector-break {
    clear: both;
    overflow: hidden;
    height: 0px;
    display: block;
  }

  .article-container.style-1 {
    margin-bottom: 0px;
  }

  .brandsMenu {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }

  .doorRollerSection {
    border: 0px;
    background-color: inherit;
  }

  .partDescription {
    columns: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (max-width: 480px) {
  .search-box.popup {
    width: 96%;
    right: 2%!important;
  }

  .search-box.popup:before {
    right: 50%;
    margin-right: -14px;
  }
}

/*Desktops (>=992px)*/

@media (max-width: 1199px) {
  .payment-methods {
    text-align: center;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .footer-bottom-navigation {
    display: block;
  }

  .footer-bottom-navigation .cell-view {
    display: block;
    margin-bottom: 15px;
  }

  .footer-columns-entry {
    padding: 50px 0 35px 0;
  }

  .footer-address {
    margin-bottom: 50px;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .footer-bottom-navigation {
    padding: 30px 0;
  }

  .footer-description,  .footer-address,  .footer-columns-entry .column {
    margin-bottom: 20px;
  }

  .footer-columns-entry {
    padding: 30px 0 10px 0;
  }

  .footer-columns-entry .column-title {
    margin-bottom: 10px;
  }

  .footer-bottom-navigation .footer-links {
    margin-bottom: 5px;
  }

  .copyright {
    margin-bottom: 20px;
  }
}
/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .company-information-box .image {
    width: 200px;
  }

  .company-information-box .text {
    margin-left: 230px;
  }

  .company-information-box .text .cell-view {
    display: block;
    width: auto;
    height: auto;
  }

  .information-entry {
    margin-bottom: 35px;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .company-information-box .image {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }

  .company-information-box .text {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .links-drop-down .list {
    display: block!important;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .links-drop-down .title {
    display: block;
    padding: 0 40px 0 15px;
    white-space: nowrap;
    white-space: nowrap;
    line-height: 40px;
    border: 2px #f0f0f0 solid;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    text-align: left;
  }

  .links-drop-down .title:after {
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    top: 0;
    right: 0;
  }

  .links-drop-down .title.active:after {
    content: "\f106";
  }

  .links-drop-down .list {
    display: none;
  }
}

/*Phones (<768px)*/

@media (max-width: 991px) {
  .sale-entry {
    padding: 25px 0;
  }

  .sale-entry .sale-title {
    text-align: center;
    margin-left: auto;
  }

  .sale-entry .sale-price {
    width: auto;
    float: none;
    margin: 0 30px 10px 30px;
    border: none;
    border-bottom: 1px #f2f2f2 solid;
    padding-bottom: 10px;
  }

  .sale-entry .sale-description {
    width: auto;
    float: none;
    margin: 0 10px 10px 10px;
    text-align: center;
  }
}


@media (min-width: 992px) {
  .sidebar-navigation .list {
    display: block!important;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .sidebar-navigation {
    margin-bottom: 25px!important;
  }

  .sidebar-navigation .title {
    padding-right: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }

  .sidebar-navigation .title .fa {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    right: 0;
    top: 0;
    font-size: 22px;
  }

  .sidebar-navigation.active .title .fa {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  
  .payment-spacer{margin-top:20px;}
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  #content-block .navigation-banner-content {
    height: 350px;
  }

  #content-block .navigation-banner-content {
    width: 63%;
  }

  #content-block .navigation-banner-content .title {
    font-size: 60px;
    line-height: 60px;
  }

  #content-block .navigation-banner-swiper .pagination {
    display: block;
    margin-top: 20px;
  }

  .navigation-banner-swiper:before,  .navigation-banner-swiper:after {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    background: #fff;
    content: "";
  }

  .navigation-banner-swiper:before {
    left: 0;
    z-index: 2;
  }

  .navigation-banner-swiper:after {
    right: 0;
    z-index: 2;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  #content-block .navigation-banner-content .title {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4px;
    color: #000;
  }

  #content-block .navigation-banner-content .subtitle {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #0079B8;
  }

  #content-block .navigation-banner-content .description {
    color: #000;
    padding-right: 0;
  }

  #content-block .navigation-banner-content {
    height: 300px;
    padding: 0 15px;
    width: auto;
    text-align: center;
    float: none;
  }

  #content-block .navigation-banner-content .cell-view {
    width: 800px;
  }

  #content-block .navigation-banner-image {
    opacity: 0.2;
  }

  /*#content-block .navigation-banner-wrapper{background-image: none!important;}*/

  #content-block .navigation-banner-wrapper:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    content: "";
  }

  #content-block .navigation-banner-wrapper.light-text:before {
    background: rgba(93, 93, 93, 0.7);
  }

  #content-block .navigation-banner-wrapper.light-text .description {
    color: #fff!important;
  }

  #content-block .navigation-banner-content .button {
    margin: 0 1%;
    width: 48%;
    min-width: 0;
  }

  .homepage-category {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .header-wrapper.style-1 .navigation {
    margin: 0 -70px;
    padding: 0 70px;
    border-bottom: none;
    background: #0079B8;
  }

  .header-wrapper.style-1 .header-middle {
    border-bottom: none;
  }

  .header-wrapper.style-1 header:not(.fixed-header) nav>ul>li>a {
    color: #fff;
  }

  .header-wrapper.style-1 header:not(.fixed-header) nav>ul>li .fa {
    color: #aec161;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .product-column-entry,  .product-column-entry3,  .product-column-entry4 {
    max-width: 300px;
    margin: 0 auto;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .mozaic-banner-entry.type-1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
  }

  #content-block .mozaic-banner-entry.type-1,  #content-block .mozaic-banner-entry.type-2,  #content-block .mozaic-banner-entry.type-3,  #content-block .mozaic-swiper {
    height: auto;
  }

  .mozaic-banner-content {
    padding: 25px 20px;
  }

  .mozaic-swiper .mozaic-banner-content {
    padding-bottom: 55px;
  }
}

@media only screen and (max-width: 992px) {
  .mozaic-banner-entry.type-1 {
    background-size: 400px;
    background-position: right bottom;
  }
}


@media (max-width: 767px) {
  .mozaic-banners-wrapper.type-2 .mozaic-banner-content {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    max-width: 100%;
  }

  .mozaic-banners-wrapper.type-2 .mozaic-swiper .mozaic-banner-content {
    padding-top: 55px;
  }
}

@media (min-width: 1200px) {
  .header-wrapper.style-10 header:not(.fixed-header) nav>ul>li>a {
    color: #fff;
  }

  .header-wrapper.style-10 nav>ul>li>.fa {
    color: #979797;
  }

  .header-wrapper.style-10 .navigation {
    border: none;
  }

  .header-wrapper.style-10 header:not(.fixed-header) .nav-overflow {
    background: #323232;
    border: none;
  }

  .header-wrapper.style-10 .nav-overflow:before {
    content: "";
    width: 100000px;
    left: 50%;
    margin-left: -50000px;
    position: absolute;
    top: 0;
    height: 100%;
    background: inherit;
  }
}

/*Desktops (>=992px)*/

@media (max-width: 1199px) {
  .header-wrapper.style-10 header {
    padding-top: 55px!important;
  }

  .product-header-message {
    display: none;
  }

  .product-header-content .line-entry:first-child {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    border-bottom: 1px solid #f0f0f0;
  }

  .header-wrapper.style-10 .header-top-entry .title {
    border: none;
    padding-left: 0;
  }

  .product-header-content {
    width: 400px;
  }

  .header-product .logo-wrapper {
    width: 400px;
  }

  .product-header-content .middle-line {
    display: none;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .product-header-content .line-entry:first-child {
    left: 15px;
    right: 15px;
  }
}


@media (max-width: 1199px) {
  body.style-10 .search-box.popup::before {
    right: auto;
    left: 0;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  body.style-10 .search-box.popup {
    right: auto!important;
    left: 30px!important;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  body.style-10 .search-box.popup {
    right: auto!important;
    left: 15px!important;
  }
}


@media (min-width: 767px) {
  .product-detail-box .button.style-10,  .product-detail-box .button.style-11 {
    max-width: 187px;
  }
}


/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .product-detail-box .button,  .product-sidebar .button,  .product-sidebar .product-promo-box,  .product-sidebar .product-lowest-price-box,  .product-sidebar .product-dispatch-box,  .product-sidebar .product-dispatch-time-box {
    float: none!important;
    width: auto!important;
    display: block!important;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .product-detail-box .button,  .product-sidebar .button,  .product-sidebar .product-promo-box,  .product-sidebar .product-lowest-price-box,  .product-sidebar .product-dispatch-box,  .product-sidebar .product-dispatch-time-box {
    float: none!important;
    width: auto!important;
    display: block!important;
  }

  .share-box .title,  .share-box .socials-box {
    float: none;
    text-align: center;
  }
}

/*Desktops (>=992px)*/

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .map-box.type-1 {
    left: auto;
    margin-left: 0;
    width: auto;
  }

  .map-overlay-info {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0 0 20px 0;
    float: none;
    top: -15px;
  }

  .map-overlay-info .cell-view {
    height: auto;
    display: block;
  }

  .contact-spacer {
    display: none;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .map-box.type-1,  .map-box.type-2,  .map-box.type-3 {
    height: 200px;
    margin-top: 0;
  }
}


/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .login-box {
    padding: 20px 25px;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .login-box {
    min-height: 0;
    padding: 25px;
  }

  .login-box .button {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .container-404 {
    padding: 25px 15px;
  }

  .container-404 .title {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -7px;
    margin-bottom: 10px;
  }

  .container-404 .description {
    font-size: 43px;
    line-height: 43px;
    margin-bottom: 10px;
  }
}


@media (max-width: 767px) {
  .portfolio-navigation a {
    display: block;
    margin: -1px 0 0 0;
    line-height: 40px;
  }
}

/*Desktops (>=1200px)*/

@media (min-width: 1200px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 25%;
  }
}

@media (min-width: 1600px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 20%;
  }
}

/*Desktops (>=992px)*/

@media (max-width: 1199px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 25%;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 33.3333333333%;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 50%;
  }
}

@media (max-width: 500px) {
  .portfolio-container .wide-container .portfolio-entry {
    width: 100%;
  }
}

/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .shop-grid-item:nth-child(5n+1) {
    clear: none;
  }

  .shop-grid-item:nth-child(3n+1) {
    clear: both;
  }

  .list-buttons .button {
    display: block;
  }

  .mozaic-banners-wrapper.type-2 .row {
    margin: 0;
  }

  .information-blocks {
    overflow: hidden;
  }

  .mozaic-banners-wrapper.type-2 .banner-column {
    overflow: hidden;
    padding: 0;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .shop-grid-item {
    width: 50%;
    float: left;
  }

  .shop-grid-item:nth-child(3n+1) {
    clear: none;
  }

  .shop-grid-item:nth-child(2n+1) {
    clear: both;
  }

  .list-buttons .button {
    display: block;
  }

  .shop-grid-controls {
    margin-right: 0;
  }

  #content-block .shop-grid-controls .entry {
    margin-right: 10px;
    padding-right: 10px;
    border-right: none;
  }
}

/*Phones (<480px)*/

@media (max-width: 480px) {
  .shop-grid-item {
    float: left;
  }

  .list-view .product-slide-entry {
    margin-left: 0;
    text-align: center!important;
  }

  .list-view .product-slide-entry .product-image {
    max-width: 210px;
    margin-left: 0;
    float: none;
    margin-bottom: 15px;
    display: inline-block;
  }

  .list-view .product-slide-entry:after {
    margin-left: 0;
  }

  .products-swiper .paddings-container {
    padding: 0 8px;
  }

  body.style-7 .product-slide-entry {
    max-width: 200px;
  }

  .homepage-category {
    width: 100%;
  }

  .products-swiper {
    margin: 0;
  }

  .products-swiper:before,  .products-swiper:after {
    display: none;
  }

  .shop-grid-controls {
    text-align: left;
    margin-bottom: 0;
  }

  #content-block .shop-grid-controls .entry {
    margin-right: 8px;
    padding-right: 4px;
    border-right: none;
    float: right;
    display: inline-block;
  }
}

@media only screen and (min-width: 481px) and (max-width: 580px) {
  .shop-grid-controls {
    text-align: center;
    margin-bottom: 0;
  }

  #content-block .shop-grid-controls .entry {
    margin-right: 10px;
    padding-right: 10px;
    border-right: none;
    float: none;
    display: inline-block;
  }

  .shop-grid-controls .simple-drop-down {
    width: 115px;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .compare-table {
    min-width: 700px;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .wishlist-entry .column-1 {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .wishlist-entry .column-2 {
    position: relative;
    margin: 0 0 0 100px;
    top: auto;
    width: auto;
  }

  .wishlist-entry .column-2 .remove-button {
    margin-left: 10px;
  }

  .wishlist-entry .button.style-14 {
    padding-left: 10px;
    padding-right: 10px;
    width: 140px;
  }

  .traditional-cart-entry .image {
    margin-bottom: 15px;
    display: inline-block;
  }
}

@media (max-width:480px) {
  .traditional-cart-entry.style-1 .image {
    width: 100px;
  }

  .traditional-cart-entry.style-1 .content {
    margin-left: 115px;
  }

  .traditional-cart-entry.style-1 .quantity-selector .button {
    margin-right: 10px;
  }

  .traditional-cart-entry.style-1 .detail-info-entry-title {
    display: none;
  }

  .traditional-cart-entry.style-1 .quantity-selector .entry.number-plus {
    margin-right: 15px;
  }

  .quantity-selector .entry.number-minus {
    margin-left: 0;
  }
}


/* Tablets (>=768px)*/

@media (max-width: 991px) {
  .cart-table th {
    padding-left: 15px;
    padding-right: 15px;
  }

  .cart-table .column-2 {
    width: 105px;
  }

  .cart-table .column-3 {
    width: 150px;
  }
}

/*Phones (<768px)*/

@media (max-width: 767px) {
  .cart-table {
    min-width: 800px;
  }

  .cart-summary-box {
    padding: 30px 15px;
  }
}

@media (min-width: 1200px) {
  /*header.type-2:not(.fixed-header) nav, header.type-2:not(.fixed-header) .navigation{position: static;}*/

  header.type-4 .header-top-entry,  body.style-8 header .header-top-entry .title a {
    color: #fff;
  }

  header.type-4 .additional-header-logo img {
    max-height: 70px;
  }

  /*header.type-4 .fixed-header-square-button{margin-top: 0;}*/

  header.type-4 .header-functionality-entry {
    color: #fff;
  }

  header.type-4 .header-functionality-entry:hover {
    color: #e3e3e3;
  }

  header.type-4 .header-functionality-entry b {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #fff;
  }

  header.type-4 .logo-wrapper {
    width: auto;
    text-align: center;
  }

  /*header.type-4 .header-middle{border: none;}*/

  header.type-4 .header-middle .right-entries {
    position: absolute;
    top: -36px;
    right: 0;
    z-index: 1;
  }

  header.type-4 .header-middle .open-cart-popup {
    position: relative;
    padding: 0 30px;
    color: #9c9c9c;
  }

  header.type-4 .header-middle .open-cart-popup .fa {
    color: #fff;
  }

  header.type-4 .header-middle .open-cart-popup * {
    position: relative;
  }

  header.type-4 .header-middle .open-cart-popup:before {
    position: absolute;
    width: 100%;
    height: 55px;
    top: -20px;
    left: -1px;
    background: #383838;
    content: "";
  }

  /*.header-wrapper.style-8 .fixed-header-margin{padding: 55px 0 100px 0!important;}
    .header-wrapper.style-8 header .submenu{bottom: 100%; top: auto; text-align: left;}
    .header-wrapper.style-8 header .submenu-links-line{top: auto; bottom: 100%;}
    .header-wrapper.style-8 header .full-width .submenu, body.style-8 header .full-width-columns .submenu{left: auto; right: 0;}*/

  header.type-4 .header-simple-search {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 14px;
  }

  header.type-4 .header-simple-search .simple-search-form {
    z-index: 1;
  }

  header.type-4:not(.fixed-header) nav>ul {
    width: 75%;
  }

  header.type-4 .header-top-entry .title {
    border-color: #4c4c4c;
  }

  header.type-4 .header-functionality-entry {
    border-color: #4c4c4c;
  }

  header.type-4 .header-top-entry .title .fa {
    color: #fff;
  }

  header.type-4 .header-top-entry .title .fa:last-child {
    color: #6c6c6c;
  }

  header.type-4 .header-top-entry.hidden-xs {
    color: #8c8c8c;
  }

  header.type-4 .header-top-entry.hidden-xs a {
    color: #fff;
  }
}

@media (max-width: 1199px) {
  header.type-4 .header-top-entry {
    color: #fff;
  }
}


@media (max-width: 1199px) {
  body.style-14 .header-top-entry {
    color: #fff;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .teaser-date .date-square span {
    font-size: 38px;
    line-height: 34px;
  }

  .teaser-date .date-square p {
    font-size: 14px;
  }

  .teaser-content {
    padding: 35px 0;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  body.teaser-3 .teaser-title {
    font-size: 52px;
    line-height: 45px;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .overlay-popup .popup-container {
    padding: 25px;
  }

  .close-popup {
    top: 4px;
    right: 4px;
  }

  #product-popup .cell-view,  #product-popup .table-view {
    display: block;
  }

  .popup-background {
    display: none;
  }
}


/*Phones (<768px)*/

@media (max-width: 767px) {
  .article-container.columns-2,  .article-container.columns-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .header-functionality-entry {
    margin-left: 15px;
  }
}


@media screen and (max-width: 600px) {
  .field-title,  .field-input,  input[type=submit] {
    width: 100%;
    margin-top: 0;
  }

  .field-title {
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 768px) {
  .rwd-break {
    display: none;
  }
}