@charset "UTF-8";

body {
  min-height: -webkit-fill-available;
}
img{
  max-width: 100%;
}
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

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

[hidden] {
  display: none
}

html {
  background: #fff;
  color: #000;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

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

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

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

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

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

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

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

pre {
  white-space: pre-wrap
}

q {
  quotes: "“" "”" "‘" "’"
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

figure {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button,
input {
  line-height: normal
}

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
}

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

:focus {
  outline: 0
}

.block,
.cols,
.content,
.inner {
  display: block;
  min-height: 1%
}

* html .block,
* html .cols,
* html .content,
* html .inner {
  height: 1%
}

.cf:after,
.cf:before,
section:after,
section:before {
  content: "";
  display: block;
  overflow: hidden
}

.cf:after,
section:after {
  clear: both
}

var {
  font-style: normal
}

.cf,
.clear,
.clearfix {
  clear: both
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: top
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020
}

.fancybox-skin {
  background: #fff;
  border-radius: 10px;
  color: #444;
  position: relative;
  text-shadow: none
}

.fancybox-skin--no-bg .fancybox-skin {
  background: 0 0
}

.fancybox-opened {
  z-index: 10000
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.fancybox-inner,
.fancybox-outer {
  position: relative
}

.fancybox-inner {
  overflow: hidden
}

.design .fancybox-inner {
  overflow: visible !important
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
  display: block;
  width: 100%;
  height: 100%
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%
}

.fancybox-close {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 18px;
  z-index: 8040
}

.fancybox-close:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  padding: 0;
  margin: 0;
  background-color: #bfbfbf;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 16px;
  mask-image: url(../img/icons/close.svg);
  -webkit-mask-image: url(../img/icons/close.svg)
}

.fancybox-close:hover {
  text-decoration: none
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: url(blank.gif);
  -webkit-tap-highlight-color: transparent;
  z-index: 8040
}

.fancybox-prev {
  left: 0
}

.fancybox-next {
  right: 0
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 43px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden
}

.fancybox-nav span:before {
  background-color: #104672;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 43px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 43px;
  height: 43px;
  width: 43px;
  content: "";
  display: block
}

.fancybox-nav:hover span {
  visibility: visible
}

.fancybox-prev span {
  left: 5px
}

.fancybox-prev span:before {
  mask-image: url(../img/icons/chevron-left.svg);
  -webkit-mask-image: url(../img/icons/chevron-left.svg)
}

.fancybox-next span:before {
  mask-image: url(../img/icons/chevron-right.svg);
  -webkit-mask-image: url(../img/icons/chevron-right.svg)
}

.fancybox-next span {
  right: 25px
}

span.i-back:before {
  content: "\e61d";
  font-family: printocean-icons
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important
}

.fancybox-lock {
  overflow: hidden !important;
  width: auto
}

.fancybox-lock body {
  overflow: hidden !important
}

.fancybox-lock-test {
  overflow-y: hidden !important
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 9999;
  background: url(../img/fancybox/fancybox_overlay.png) repeat 0 0
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll
}

.fancybox-title {
  visibility: hidden;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  text-shadow: none;
  z-index: 8050
}

.fancybox-opened .fancybox-title {
  visibility: visible
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: 0 0;
  background: rgba(0, 0, 0, .8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff
}

.fancybox-title-inside-wrap {
  padding-top: 10px
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8)
}

.fancybox-wrap.dropshadow .fancybox-image {
  box-shadow: 0 0 9px rgba(0, 0, 0, .25)
}

.fancybox-cta .fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  padding: 0 !important;
  padding-left: 91px !important
}

.fancybox-cta .fancybox-opened .fancybox-cta .fancybox-skin {
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-cta .fancybox-outer {
  border-left: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  left: -1px
}

a.skip-to-video {
  position: absolute;
  width: 52px;
  height: 52px;
  border: 1px solid #efefef;
  border-radius: 5px;
  display: block
}

a.skip-to-video span {
  position: relative;
  top: 10px;
  left: 10px
}

.fancybox-cta .fancybox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 8040
}

.fancybox-cta .fancybox-close:hover {
  text-decoration: none
}

.fancybox-cta .fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: url(../img/fancybox/blank.gif);
  -webkit-tap-highlight-color: transparent;
  z-index: 8040
}

.fancybox-cta .fancybox-nav span:before {
  background-color: #104672;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 43px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 43px;
  height: 43px;
  width: 43px;
  content: "";
  display: block
}

.fancybox-cta .fancybox-prev span {
  left: 5px
}

.fancybox-cta .fancybox-prev span:before {
  mask-image: url(../img/icons/chevron-left.svg);
  -webkit-mask-image: url(../img/icons/chevron-left.svg)
}

.fancybox-cta .fancybox-next span {
  right: 25px
}

.fancybox-cta .fancybox-next span:before {
  mask-image: url(../img/icons/chevron-right.svg);
  -webkit-mask-image: url(../img/icons/chevron-right.svg)
}

.fancybox-cta .fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../img/fancybox/fancybox_overlay_black.png)
}

.fancybox-cta .fancybox-title {
  position: relative;
  text-shadow: none;
  z-index: 8050;
  text-align: center;
  color: #104672;
  font-size: 14px
}

.fancybox-cta .fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center
}

.fancybox-cta .fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: 0 0;
  background: rgba(0, 0, 0, .8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap
}

.fancybox-cta .fancybox-title-inside-wrap {
  padding: 20px 0
}

.fancybox-cta .fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8)
}

#fancybox-thumbs {
  position: absolute;
  z-index: 9999
}

#fancybox-thumbs.bottom {
  top: 15px;
  left: 20px
}

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0 !important;
  width: 52px !important
}

#fancybox-thumbs ul li {
  margin-bottom: 5px;
  opacity: .5
}

#fancybox-thumbs ul li.active {
  opacity: 1;
  padding: 0
}

#fancybox-thumbs ul li:hover {
  opacity: 1
}

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  outline: 0
}

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none
}

.CartPopup .fancybox-close,
.popup .fancybox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  z-index: 8040
}

.CartPopup.fancybox-opened .fancybox-skin,
.popup.fancybox-opened .fancybox-skin {
  box-shadow: 0 0 12px rgba(0, 0, 0, .3)
}

.CartPopup.fancybox-opened .fancybox-skin {
  background: #fff
}

.popup.alt .fancybox-inner {
  height: auto !important;
  overflow: visible !important
}

.popup.alt .fancybox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 8040
}

.popup.alt .fancybox-skin {
  background: #fff !important
}

.popup.alt.transparent .fancybox-skin {
  background: 0 0 !important
}

.popup.scrolling .fancybox-skin {
  overflow-y: auto !important
}

.popup.scrolling #faqs {
  max-height: 60vh
}

.fancybox-wrap.split .fancybox-inner {
  overflow: visible !important
}

.fancybox_hidden {
  display: none
}

.alt-close .fancybox-close,
.wistia-video .fancybox-close {
  top: 0;
  right: -25px
}

.alt-close .fancybox-close:before,
.wistia-video .fancybox-close:before {
  color: #fff
}

@media (max-width:767px) {
  .popup.fullscreen-mobile {
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important
  }

  .popup.fullscreen-mobile .fancybox-outer {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    width: 100%
  }

  .popup.fullscreen-mobile .fancybox-inner {
    width: 100% !important;
    height: 100% !important
  }
}

.popup.rounded {
  border-radius: 10px
}

.popup.rounded .fancybox-skin {
  background-color: transparent;
  border-radius: 10px
}

.popup.rounded .fancybox-close {
  height: 14px;
  text-align: right;
  width: 14px
}

.container {
  width: 980px;
  margin: 0 auto
}

.container--oversized {
  width: 1280px
}

@media (min-width:1200px) {
  .container--smaller-padding {
    padding: 0 8px !important
  }

  .container--referral-wider {
    width: 100% !important
  }
}

@media (min-width:1300px) {
  .container--referral-wider {
    width: 1276px !important
  }
}

.container-bs,
.responsive-page .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

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

@media (min-width:768px) {

  .container-bs,
  .responsive-page .container {
    width: 750px
  }
}

@media (min-width:992px) {

  .container-bs,
  .responsive-page .container {
    width: 970px
  }
}

@media (min-width:1200px) {

  .container-bs,
  .responsive-page .container,
  .responsive-page .wrapper {
    width: 1170px
  }

  .container-bs--oversized,
  .responsive-page .container--oversized,
  .responsive-page .wrapper--oversized {
    width: 1280px
  }
}

/* .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
} */
/* 
.row {
  margin-left: -15px;
  margin-right: -15px
}

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

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
  clear: both
}

[class*=col-].col-narrow {
  padding-left: 5px;
  padding-right: 5px
} */


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

@media (max-width:767px) {
  .responsive-page .container {
    width: auto
  }

  .visible-xs {
    display: block !important
  }

  table.visible-xs {
    display: table !important
  }

  tr.visible-xs {
    display: table-row !important
  }

  td.visible-xs,
  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 !important
  }

  tr.visible-sm {
    display: table-row !important
  }

  td.visible-sm,
  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 !important
  }

  tr.visible-md {
    display: table-row !important
  }

  td.visible-md,
  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 !important
  }

  tr.visible-lg {
    display: table-row !important
  }

  td.visible-lg,
  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 (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 (min-width:767px) {
  .hidden-sm-and-up {
    display: none !important
  }
}

@media (max-width:1199px) {
  .hidden-xs-and-sm-and-md {
    display: none !important
  }
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  background-color: #fff
}

input,
select,
textarea {
  background-color: #fff;
  color: #252525
}

*,
::after,
::before {
  box-sizing: border-box
}

body {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  background-color: #fff
}

p {
  line-height: 1.6
}

p.neutral {
  color: grey !important
}

p.alt {
  color: #7b7b7b
}

.link,
a {
  background: 0 0;
  border: none;
  color: #4a90e2;
  padding: 0;
  text-decoration: none
}

.link:hover,
a:hover {
  text-decoration: underline
}

.link.default,
.link.default:hover,
a.default,
a.default:hover {
  color: #333 !important
}

.link.neutral,
.link.neutral:hover,
a.neutral,
a.neutral:hover {
  color: #333 !important
}

.link:focus,
a:focus {
  outline: 0
}

.neutral a {
  color: grey !important
}

ol.sequence {
  list-style-type: decimal
}

select {
  padding: 1px 0
}

.italic,
em {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic
}

.italic.strong,
em.strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic
}

.black {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

h1 .black,
h1.black,
h2 .black,
h2.black,
h3 .black,
h3.black,
h4 .black,
h4.black,
h5 .black,
h5.black {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.nobold,
b,
strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

h1 .nobold,
h1.nobold,
h2 .nobold,
h2.nobold,
h3 .nobold,
h3.nobold,
h4 .nobold,
h4.nobold,
h5.nobold h5 .nobold {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500
}

strong.stronger {
  font-size: 14px;
  line-height: 32px
}

.icon.support:after,
.icon.support:before,
a.support,
h2.support,
h3.support,
h4.support,
li.support,
p.support,
span.support {
  color: #e94e1f !important
}

h2.anchor,
h3.anchor,
h4.anchor,
li.anchor,
p.anchor,
span.anchor {
  color: #4a90e2 !important
}

.special-hover:hover,
a.support-alt,
h2.support-alt,
h3.support-alt,
h4.support-alt,
p.support-alt,
span.support-alt {
  color: #ffc628 !important
}

.icon.maincolor:after,
.icon.maincolor:before,
.maincolor {
  color: #104672 !important
}

.icon.selection:after,
.icon.selection:before,
a.selection,
h3.selection,
h4.selection,
p.selection,
span.selection {
  color: #407eaf !important
}

.cat-menu-overlay,
.menu-overlay,
.user-menu-overlay {
  background-color: rgba(0, 0, 0, .2);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9996
}

section.home {
  width: 100%
}

.wrapper.s1300.border {
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  padding: 25px 0
}

#main {
  width: 730px;
  float: left;
  margin-right: 20px;
  position: relative;
  z-index: 1
}

#fullwidth {
  width: 100%;
  position: relative;
  z-index: 1
}

#sidewidth {
  width: 730px;
  margin-right: 20px;
  float: left
}

#sidewidth.sideright {
  margin: 0 0 0 20px
}

::-webkit-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: grey
}

::-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

:-ms-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

.normalph::-webkit-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

.normalph:-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

.normalph::-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

.normalph:-ms-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: grey
}

.nobold::-webkit-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  opacity: 1
}

.nobold:-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  opacity: 1
}

.nobold::-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  opacity: 1
}

.nobold:-ms-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  opacity: 1
}

.funnel .inputs input::-webkit-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #a3a3a3
}

.funnel .inputs input:-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #a3a3a3
}

.funnel .inputs input::-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #a3a3a3
}

.funnel .inputs input:-ms-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #a3a3a3
}

.all-products .filter input::-webkit-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: #929292
}

.all-products .filter input:-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: #929292
}

.all-products .filter input::-moz-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: #929292
}

.all-products .filter input:-ms-input-placeholder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  color: #929292
}

.recommended {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 10px 3px 0;
  padding: 6px;
  border-radius: 3px;
  float: left;
  position: relative;
  top: -2px;
  font-size: 11px
}

.grayish-title {
  line-height: 21px;
  color: #999;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.gray-title {
  color: #bbb;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -.025em
}

.grayside {
  background: #f7f7f7
}

.grayside span.notice {
  color: #7b7b7b;
  font-size: 12px;
  line-height: 17px
}

.title-menu {
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  min-height: 24px;
  margin-bottom: 15px
}

.title-menu.no-height {
  min-height: 0 !important
}

.gray-bg {
  background: #f7f7f7
}

blockquote {
  margin: 25px 0;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 18px;
  line-height: 30px;
  color: #407eaf
}

.information.important {
  width: 100%;
  background: #eff8e7;
  border: 1px solid #92bb6a;
  border-radius: 3px;
  padding: 7px 8px;
  line-height: 21px
}

.price.big {
  font-size: 35.5px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.35px;
  line-height: 44px
}

.block-shadow {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.lighter-block-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.blue-note,
.infor {
  border-radius: 3px;
  background: #eef5fc;
  color: #104672
}

.infor {
  margin-top: 30px;
  padding: 12px;
  line-height: 20px
}

.infor.nobg {
  background: 0 0
}

.infor .title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 4px
}

.infor .title .i-chat-clouds {
  margin-right: 10px
}

.info-icon {
  background: #f7f7f7;
  padding: 17px 20px 17px 56px;
  position: relative;
  line-height: 21px
}

.info-icon.blank {
  border: 1px solid #e3e3e3;
  background: 0 0
}

.info-icon:before {
  position: absolute;
  top: 20px;
  left: 15px
}

.info-icon.correct {
  background: #edf4e8
}

.info-icon.correct:before {
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 18px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 18px;
  content: "";
  mask-image: url(../img/icons/check.svg);
  -webkit-mask-image: url(../img/icons/check.svg);
  width: 18px;
  height: 18px;
  display: inline-block;
  background: #62ac29
}

.infoblock {
  color: #fff;
  font-size: 14px;
  padding: 10px 15px 8px 15px;
  background: #407eaf
}

.graybg {
  background: #f7f7f7;
  padding: 15px
}

.graybg.border {
  border-color: #ddd
}

.whitebg {
  background: #fff
}

.label.discount {
  background: #e05432;
  color: #fff;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2px
}

div.colored.top {
  background-color: #064c76 !important;
  color: #fff !important
}

.is-sticky .apTop.sticky {
  background: #fff;
  display: block;
  z-index: 9999;
  width: 980px;
  height: 61px;
  margin-top: -10px;
  padding-top: 10px
}

[id^=dh-] {
  scroll-snap-align: start;
  scroll-margin-top: 120px
}

@media (min-width:992px) {
  [id^=dh-] {
    scroll-margin-top: 80px
  }
}

.warning.big {
  width: 100%;
  background: #f0373c url(../img/warning.png) no-repeat 20px center;
  color: #fff;
  padding: 25px 40px 25px 70px;
  margin: 0 0 25px
}

div.error {
  background: #fbefeb;
  float: left;
  color: #333;
  width: 100%;
  border: 1px solid #eac1b5;
  margin: 10px 0;
  padding: 15px 10px 15px 55px;
  border-radius: 0;
  position: relative
}

.payment_error_block {
  background: #fbefeb;
  float: left;
  color: #333;
  width: 100%;
  border: 1px solid #eac1b5;
  margin: 10px 0 20px 0;
  padding: 15px 10px;
  border-radius: 0;
  position: relative;
  display: flex
}

.payment_error_block__icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #e94e1f;
  margin-right: 10px
}

div.error:before {
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px;
  content: "";
  mask-image: url(../img/icons/warning.svg);
  -webkit-mask-image: url(../img/icons/warning.svg);
  position: absolute;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #e94e1f;
  width: 20px;
  height: 20px
}

ul.list-dot li {
  text-indent: -15px;
  padding-left: 15px
}

ul.list-dot:not(.default) li:before {
  content: "";
  display: inline-block;
  border-radius: 16px;
  width: 8px;
  height: 8px;
  background-color: #66c000;
  border: 1px solid #6aa926;
  margin-right: 10px;
  text-indent: -15px
}

ul.list-dot.default {
  list-style-type: disc;
  list-style-position: inside
}

.closemenu {
  position: absolute;
  top: 7px;
  right: 0;
  color: #acacac;
  cursor: pointer
}

.alert {
  padding: 20px 15px;
  position: relative
}

.alert.uploaded {
  background: #eff8e7
}

.alert.uploaded p {
  font-size: 14.5px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.alert.uploaded a {
  top: 25%;
  right: 15px
}

.alert.uploaded .icon {
  top: 10px
}

.alert.uploaded .icon+p {
  margin-left: 60px
}

.pat-tile {
  background: url(../img/pattern-tile.png) repeat 0 0;
  width: 100%;
  height: 100%
}

.arrow.alt:before {
  content: ">";
  padding: 0 6px 0 0
}

.arrow-back:before {
  content: "<";
  padding: 0 6px 0 0
}

.success {
  position: relative;
  display: table;
  background: #f8fff2;
  border: 1px solid #ededed;
  padding: 15px;
  width: 100%;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 17px
}

.success>* {
  display: table-cell;
  vertical-align: middle
}

.numbering>span {
  display: inline-block;
  text-align: center;
  background: #000;
  width: 21px;
  height: 21px;
  border-radius: 10px;
  font-size: 15px;
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 4px;
  margin-bottom: 5px
}

.small-block {
  width: 480px;
  background: #fff;
  padding: 40px;
  margin-left: auto;
  margin-right: auto
}

.landing-nav {
  width: 100%;
  background: #fff;
  z-index: 9999;
  border-bottom: 1px solid #e0e0e0
}

.landing-nav li {
  float: left;
  position: relative;
  top: 1px
}

.landing-nav a {
  font-size: 14.5px;
  padding: 16px 10px;
  display: inline-block;
  transition: .3s all ease-out
}

.landing-nav div.left li a:hover {
  text-decoration: none
}

.landing-nav div.left li.active a {
  background: #e6eef1;
  box-shadow: inset 0 -1px 0 0 #407eaf
}

.landing-head {
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center center
}

.landing-head .wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  display: table;
  min-height: 400px
}

.landing-head .wrapper>div {
  display: table-cell;
  vertical-align: middle
}

.landing-head .wrapper>div.bottom {
  vertical-align: bottom
}

#categories {
  font-size: 0
}

ul.items {
  margin-bottom: 20px;
  min-height: 205px;
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 13px
}

ul.items:not([class*=col-]) {
  width: 182px
}

ul.items li.category-parent {
  font-size: 13px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 21px;
  letter-spacing: -.2px;
  margin-bottom: 2px;
  color: #104672
}

ul.items li.category-parent.special {
  color: #f30a0a
}

ul.items li.category-parent.special:after {
  content: "";
  background: url(../img/kerst-icon.jpg) no-repeat 0 0;
  width: 20px;
  height: 19px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px
}

ul.items li.category-child {
  line-height: 23px
}

ul.items li.category-child a {
  position: relative;
  line-height: 23px;
  color: #575757
}

ul.items li.category-child a:after,
ul.items li.category-child a>span:after {
  font-size: 10px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

ul.items li.category-child img {
  position: absolute;
  top: 0;
  margin-left: 4px
}

.form-button {
  background: #5ba717;
  border: 1px solid #427118;
  border-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  transition-duration: .3s;
  transition-property: all;
  width: auto
}

.form-button:hover {
  color: #fff;
  cursor: pointer;
  background: #60b018;
  text-decoration: none
}

.form-button.disabled {
  background-color: #eee;
  border-color: #ddd;
  color: #777
}

.form-button--white-disabled.disabled {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  color: #ccc
}

.form-button.full-width {
  padding: 17px 0;
  width: 100%
}

.shop-is-empty .mmenu-open {
  display: none
}

.shop-is-empty .cat-header #top {
  height: 60px
}

.shop-is-empty.responsive-page header {
  height: 60px
}

@media (max-width:991px) {
  .shop-is-empty .cat-header #top #header-logo {
    padding-top: 7px
  }
}

.lazyload,
.lazyloading {
  opacity: .5
}

.lazyloaded {
  opacity: 1;
  transition: opacity 250ms
}

.checkbox__custom-label:before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  clear: none;
  color: #565656 !important;
  content: "" !important;
  cursor: pointer;
  display: inline-block !important;
  line-height: 0 !important;
  height: 17px;
  margin: -.15rem .5rem 0 0;
  outline: 0;
  padding: 4px;
  text-align: center;
  transition: 50ms all ease;
  vertical-align: middle !important;
  width: 17px;
  -webkit-appearance: none;
  position: relative;
  top: -3px
}

.checkbox__custom:checked+label {
  position: relative
}

.checkbox__custom:checked+label:before {
  border: 1px solid #407eaf
}

.checkbox__custom:checked+label:after {
  content: "" !important;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 12px;
  width: 7px;
  border-bottom: 3px solid #407eaf;
  border-right: 3px solid #407eaf;
  position: absolute;
  top: 2px;
  left: 5px
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/gfonts/open-sans-v17-latin_latin-ext-regular.woff2) format("woff2"), url(../fonts/gfonts/open-sans-v17-latin_latin-ext-regular.woff) format("woff")
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/gfonts/open-sans-v17-latin_latin-ext-600.woff2) format("woff2"), url(../fonts/gfonts/open-sans-v17-latin_latin-ext-600.woff) format("woff")
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/gfonts/open-sans-v17-latin_latin-ext-700.woff2) format("woff2"), url(../fonts/gfonts/open-sans-v17-latin_latin-ext-700.woff) format("woff")
}

@font-face {
  font-family: "Open Sans";
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/gfonts/opensans-extrabold-webfont.woff) format("woff")
}

@font-face {
  font-family: printocean-icons;
  src: url(../fonts/printocean-icons.woff2?v=2) format("woff2"), url(../fonts/printocean-icons.woff?v=2) format("woff");
  font-weight: 400;
  font-style: normal
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #000
}

h1,
h2 {
  letter-spacing: -.5px
}

h1.default,
h2.default,
h3.default,
h4.default,
h5.default {
  color: #333
}

h1.font-main,
h2.font-main,
h3.font-main,
h4.font-main,
h5.font-main {
  font-weight: 600;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1.font-main strong,
h2.font-main strong,
h3.font-main strong,
h4.font-main strong,
h5.font-main strong {
  font-weight: 700
}

h1.bolder,
h2.bolder,
h3.bolder,
h4.bolder,
h5.bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

h1 .bolder,
h1 strong,
h2 .bolder,
h2 strong,
h3 .bolder,
h3 strong,
h4 .bolder,
h4 strong,
h5 .bolder,
h5 strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.text-title,
.title-big,
.title-medium,
.title-medium-2,
.title-small,
.title-small-2,
.title-sub,
h1,
h1.main-title,
h2,
h2.big-title,
h3,
h3.main-title,
h4,
h4.main-title {
  color: #000
}

h1.anchor,
h2.anchor,
h3.anchor,
h4.anchor,
h5.anchor {
  color: #4a90e2
}

h1 {
  font-size: 25.5px;
  line-height: 1.2;
  letter-spacing: -.025em
}

h2 {
  font-size: 17.5px;
  letter-spacing: -.025em
}

h3 {
  font-size: 15.5px
}

h3.titles {
  font-size: 24px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 45px;
  color: #104672
}

h2.title {
  float: left
}

h2.fullwidth-title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -.5px;
  line-height: 46px
}

h2.fullwidth-title strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

h2.big {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 45px
}

.top.title,
h2.main-title.checkout {
  font-size: 20.5px;
  line-height: 30px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 15px;
  padding-bottom: 5px;
  float: none
}

h2.title-medium-2 {
  letter-spacing: -.025em
}

.main-title.oneside {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -.5px;
  line-height: 28px
}

.main-title.oneside.alt {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -.5px;
  line-height: 31px
}

.bolder.big-title {
  font-size: 32.5px
}

.bolder.medium-title {
  font-size: 30.5px
}

.bolder.small-title {
  font-size: 25.5px
}

.big-title,
.main-title {
  line-height: 1.3em
}

.big-title {
  font-size: 26px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.big-title-2 {
  font-size: 25px
}

h1.main-title,
h2.main-title {
  font-size: 25.5px
}

h3.main-title {
  font-size: 23px
}

h4.main-title {
  font-size: 21px
}

.title-big.pad {
  padding-bottom: 25px
}

.text-sub {
  font-size: 12.5px
}

.text-small {
  font-size: 12px;
  line-height: 16px
}

.title-small-2.pad,
.title-sub.pad {
  padding-bottom: 15px
}

.title-big {
  font-size: 23px
}

.title-medium-2 {
  font-size: 22.5px;
  letter-spacing: -.26px
}

.title-medium-3 {
  font-size: 20px
}

.title-medium-4 {
  font-size: 24px;
  letter-spacing: -.2px;
  line-height: 25px
}

.title-medium-5 {
  font-size: 18px;
  line-height: 29px
}

.title-medium {
  font-size: 19px
}

.title-normal-sub {
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: -.025em;
  line-height: 27px
}

.title-small-2,
.title-sub {
  font-size: 17px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.title-small-2.big,
.title-sub.big {
  font-size: 30px;
  font-weight: 700;
  line-height: 41px;
  letter-spacing: -1px
}

.title-smaller {
  font-size: 16.5px;
  line-height: 25px
}

.title-small {
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

:not(a, span).title-big,
:not(a, span).title-medium,
:not(a, span).title-small-2,
:not(a, span).title-sub {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 24px
}

.text-title {
  font-size: 13px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.text-important {
  font-size: 14.5px;
  line-height: 21px
}

.text-important-alt {
  font-size: 15.5px;
  line-height: 23px
}

.text-big {
  font-size: 17.5px;
  line-height: 21px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.submain-title {
  font-size: 13px;
  line-height: 19px
}

.highlight,
.highlight.green {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #4a8710
}

.thin {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300
}

.bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.title.line {
  border-bottom: 1px solid #ededed;
  padding-bottom: 6px
}

.subtitle {
  padding: 22px 0;
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #3f535d
}

p.big {
  font-size: 15px;
  line-height: 27px
}

.nounder:hover {
  text-decoration: none
}

.wrapper {
  margin: 0 auto;
  position: relative
}

@media (min-width:992px) {
  .wrapper {
    width: 960px
  }
}

.wrapper.full {
  width: 100%
}

.wrapper.s700 {
  width: 700px
}

.wrapper.s1300 {
  max-width: 1280px;
  width: 100%
}

.wrapper.s1600 {
  max-width: 1600px;
  width: 100%
}

.default-line {
  line-height: 21px
}

.spacious-line-em {
  line-height: 1.4em
}

.left {
  float: left
}

.right {
  float: right
}

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

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

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

.middle {
  vertical-align: middle
}

.hide,
.not-ready {
  display: none !important
}

.show {
  display: block !important
}

.visible {
  overflow: visible !important
}

.invisible {
  visibility: hidden
}

.overflow-hidden {
  overflow: hidden
}

.upper {
  text-transform: uppercase
}

.noupper {
  text-transform: capitalize
}

.under {
  text-decoration: underline
}

.text-bold {
  font-weight: 600
}

.block {
  display: block
}

.inline {
  display: inline-block
}

.table {
  display: table;
  width: 100%
}

.table-cell {
  display: table-cell
}

.inherit-color {
  color: inherit
}

.noborder {
  border: 0 !important
}

.imgshadow {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .4));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .4))
}

.noshadow,
.noshadow:after,
.noshadow:before,
.noshadow:hover {
  box-shadow: none !important
}

.figure {
  width: 100%
}

.text-pad {
  padding-bottom: 20px
}

.column-p-pad {
  padding: 10px 0 20px 0
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.static {
  position: static
}

.absolute.center {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.grid-col {
  margin-left: -20px
}

.grid-col.default {
  margin-left: 0
}

.grid {
  line-height: 22px
}

.grid.margin-medium {
  margin-bottom: 30px
}

.grid.inner {
  padding: 20px;
  background: #f7f7f7
}

.grid:after {
  content: "";
  display: table;
  clear: both
}

.grid [class*=col-] {
  float: left;
  padding-left: 20px
}

.col-1 {
  width: 100%
}

.col-2 {
  width: 50%
}

.col-2-3 {
  width: 66.66%
}

.col-2-4 {
  width: 72.66%
}


.col-4 {
  width: 25%
}

.nopad {
  padding: 0 !important
}

.nopad-top {
  padding-top: 0 !important
}

.pad {
  padding: 15px
}

.padx1 {
  padding: 5px
}

.padx2 {
  padding: 30px
}

.pad-left {
  padding-left: 15px
}

.pad-leftx1 {
  padding-left: 10px
}

.pad-leftx2 {
  padding-left: 30px
}

.pad-right {
  padding-right: 15px
}

.pad-rightx1 {
  padding-right: 10px
}

.pad-rightx2 {
  padding-right: 30px
}

.pad-top {
  padding-top: 15px
}

.pad-topx1 {
  margin-top: 10px
}

.pad-topx2 {
  padding-top: 30px
}

.pad-topx3 {
  padding-top: 50px
}

.pad-bot {
  padding-bottom: 15px
}

.pad-botx1 {
  padding-bottom: 10px
}

.pad-botx2 {
  padding-bottom: 30px
}

.pad-botx3 {
  padding-bottom: 50px
}

.mar-top {
  margin-top: 15px
}

.mar-topx1 {
  margin-top: 10px
}

.mar-topx2 {
  margin-top: 30px
}

.mar-topx3 {
  margin-top: 50px
}

.mar-bot {
  margin-bottom: 15px
}

.mar-botx1 {
  margin-bottom: 10px
}

.mar-botx2 {
  margin-bottom: 30px
}

.mar-botx3 {
  margin-bottom: 50px
}

.mar-left {
  margin-left: 15px
}

.mar-leftx1 {
  margin-left: 10px
}

.mar-leftx2 {
  margin-left: 30px
}

.mar-leftx3 {
  margin-left: 50px
}

.mar-right {
  margin-right: 15px
}

.mar-rightx1 {
  margin-right: 10px
}

.mar-rightx2 {
  margin-right: 30px
}

.mar-rightx3 {
  margin-right: 50px
}

.mar-center {
  margin-left: auto;
  margin-right: auto
}

.social-block>a:before {
  content: "";
  margin-right: 8px;
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/social-icons.svg);
  background-repeat: no-repeat;
  background-size: 34px 412px
}

.social-block>a#facebook:before {
  background-position: 0 0
}

.social-block>a#twitter:before {
  background-position: 0 -33px
}

.social-block>a#googleplus:before {
  background-position: 0 -99px
}

.social-block>a#youtube:before {
  background-position: 0 -268px
}

.social-block>a#linkedin:before {
  background-position: 0 -66px
}

.social-block>a#pinterest:before {
  background-position: 0 -202px
}

.social-block>a#Issuu:before,
.social-block>a#instagram:before,
.social-block>a#issuu:before {
  background-position: 0 -236px
}

.border {
  border: 1px solid #ededed
}

.border.round {
  border-radius: 3px
}

.border.dash {
  border: 1px dashed #d3d3d3
}

.border.round.padding {
  padding: 20px
}

.addloader {
  position: relative
}

.loader-funnel,
.loader-funnel-dark {
  float: right
}

.loader-funnel svg,
.loader-funnel-dark svg {
  height: 26px;
  width: 26px
}

.loader-checkout,
.loader-products {
  float: right;
  position: relative;
  top: -7px;
  width: 32px;
  height: 32px;
  background-image: url(../img/loader-sprite.png);
  -webkit-animation: loader .8s steps(8, end) infinite;
  animation: loader .8s steps(8, end) infinite;
  display: block
}

.loader-products {
  background-image: url(../img/loader-sprite-dark.png)
}

.loader-block {
  background: rgba(255, 255, 255, .8);
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9998
}

.loader-products {
  position: absolute;
  left: 0;
  right: 0;
  top: 110px;
  margin: auto
}

.clear-sel+.loader-funnel-dark {
  margin-right: 12px
}

.loader-input {
  width: 10px;
  height: 10px;
  background-image: url(../img/loader-small-sprite.png);
  -webkit-animation: loader-small .8s steps(8, end) infinite;
  animation: loader-small .8s steps(8, end) infinite;
  position: absolute;
  display: block;
  top: 30%;
  right: 10px
}

.full.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8);
  z-index: 9999
}

.full.loader.hidden {
  display: none
}

.full.loader:after,
.load:before,
.loader-block:after {
  -webkit-animation: loader .8s steps(8, end) infinite;
  animation: loader .8s steps(8, end) infinite;
  background-image: url(../img/loader-sprite-dark.png);
  content: "";
  height: 32px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px
}

.loader-block:after {
  top: 50%
}

.loader-block.cart {
  display: none;
  top: 0
}

.loader-block.cart span {
  left: 50%;
  margin-top: 35px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.load.nocenter:before {
  position: static;
  display: block
}

.loader-category {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  display: none;
  position: relative;
  top: 28px;
  color: #4a90e2
}

.loader-category span {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 48px;
  height: 38px;
  background: url(../img/category-preloader.gif) no-repeat 0 0;
  margin-bottom: 8px
}

.page-load {
  width: 100%;
  height: 100%;
  position: absolute
}

.page-load .container {
  width: 600px;
  margin: 0 auto;
  position: relative;
  top: 100px;
  text-align: center
}

.page-load .container .content {
  background: #f1f1f1;
  text-align: center;
  min-height: 340px;
  margin-top: 15px
}

.page-load .container .content .loader {
  position: absolute;
  top: 52%;
  width: 100%;
  text-align: center
}

.page-load .container .content .load {
  position: absolute;
  left: 48%
}

.page-load .container .content p {
  margin-top: 45px
}

img.lazyload:not([src]) {
  visibility: hidden
}

.background.full.top {
  width: 100%;
  min-height: 400px;
  background: #ffc628
}

.background.full.bottom {
  width: 100%;
  margin-top: 180px;
  background: #ffc628
}

.background.full.bottom>.wrapper {
  margin-top: -180px
}

.gray {
  color: #7b7b7b
}

.green {
  color: #62ac29
}

.brown {
  color: #d7912c
}

.red {
  color: red !important
}

.orange {
  color: #e94e1f !important
}

.blue {
  color: #104672 !important
}

.white,
.white-hover:hover {
  color: #fff
}

@-webkit-keyframes loader {
  0% {
    background-position: 0
  }

  100% {
    background-position: -256px
  }
}

@keyframes loader {
  0% {
    background-position: 0
  }

  100% {
    background-position: -256px
  }
}

@-webkit-keyframes loader-small {
  0% {
    background-position: 0
  }

  100% {
    background-position: -80px
  }
}

@keyframes loader-small {
  0% {
    background-position: 0
  }

  100% {
    background-position: -80px
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.flex-stretch {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap
}

.nowrap {
  white-space: nowrap
}

.max-width--100 {
  max-width: 100px
}

.max-width--200 {
  max-width: 200px
}

.max-width--300 {
  max-width: 300px
}

.max-width--400 {
  max-width: 400px
}

.max-width--500 {
  max-width: 500px
}

.max-width--600 {
  max-width: 600px
}

.max-width--700 {
  max-width: 700px
}

.max-width--800 {
  max-width: 800px
}

.max-width--900 {
  max-width: 900px
}

.max-width--1000 {
  max-width: 1000px
}

.max-width--1100 {
  max-width: 1100px
}

.max-width--1200 {
  max-width: 1200px
}

.max-width--1300 {
  max-width: 1300px
}

.max-width--1400 {
  max-width: 1400px
}

.max-width--530 {
  max-width: 530px
}

.width--130 {
  width: 130px
}

.width--140 {
  width: 140px
}

.width--160 {
  width: 160px
}

html .flex {
  display: flex
}

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

.loader-clean {
  -webkit-animation: loader .8s steps(8, end) infinite;
  animation: loader .8s steps(8, end) infinite;
  background-image: url(../img/loader-sprite.png)
}

.loader-clean--dark {
  background-image: url(../img/loader-sprite-dark.png)
}

.b64link {
  cursor: pointer
}

@-webkit-keyframes spinning-circle {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 150.6 100.4
  }

  50% {
    stroke-dasharray: 1 250
  }

  100% {
    stroke-dashoffset: 502;
    stroke-dasharray: 150.6 100.4
  }
}

@keyframes spinning-circle {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 150.6 100.4
  }

  50% {
    stroke-dasharray: 1 250
  }

  100% {
    stroke-dashoffset: 502;
    stroke-dasharray: 150.6 100.4
  }
}

.loader-block__spinner {
  display: none;
  background: rgba(255, 255, 255, .7);
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9998;
  top: 0
}

.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.spinner__circle {
  -webkit-animation: 2s linear spinning-circle infinite;
  animation: 2s linear spinning-circle infinite
}

.show-if-category-header-version,
.show-inline-if-category-header-version {
  display: none !important
}

.cat-menu-overlay,
.menu-overlay,
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 9996
}

.cat-menu-overlay {
  z-index: 10000
}

@media (min-width:992px) {
  .cat-menu-overlay {
    z-index: 9996
  }
}

.search-overlay {
  display: none;
  z-index: 9999
}

#mmenu:not(.mm-menu) {
  display: none !important
}

.head {
  background: #fff
}

.head.shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
  position: relative;
  z-index: 10
}

header {
  position: relative;
  background: #fff;
  display: block;
}

header .note-customer,
header .note-default,
header .note-gtm,
header .note-reseller {
  background: #e94e1f;
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 21px;
  padding: 15px 0
}

@media (max-width:767px) {

  header .note-customer,
  header .note-default,
  header .note-gtm,
  header .note-reseller {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 15px
  }
}

header .note-customer .close,
header .note-default .close,
header .note-gtm .close,
header .note-reseller .close {
  float: right;
  cursor: pointer
}

header .note-customer .close:before,
header .note-default .close:before,
header .note-gtm .close:before,
header .note-reseller .close:before {
  color: #fff;
  font-size: 13px
}

header .note-customer a,
header .note-reseller a {
  color: #fff;
  text-decoration: underline
}

header .note.note-default {
  font-size: 14.5px;
  padding: 18px 0;
  position: relative;
  top: 70px
}

header .note.note-default .counter {
  margin-left: 3px
}

header .note.note-default .counter>span {
  border-radius: 2px;
  background: #7f2615;
  padding: 3px 5px
}

header .note.note-default strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

header.sticky {
  position: fixed;
  width: 100%;
  height: auto
}

header.sticky #navhead_old nav>ul>li>a,
header.sticky .navhead nav>ul>li>a {
  padding: 5px 0;
  margin-bottom: 6px
}

header.sticky #mainhead {
  height: 68px
}



header.sticky #navhead_2 nav,
header.sticky .navhead nav {
  padding: 6px 0
}

header.sticky .searchbar-container a.sticky-added {
  text-transform: capitalize
}

#top {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  font-weight: 500;
  overflow: visible !important;
  z-index: 9999;
  background: #064c76
}



#top.stopped {
  position: absolute
}

#top #header-logo {
  display: table-cell
}

#top #header-logo a:focus {
  outline: 0
}

#top #header-logo .shop-logo {
  vertical-align: middle;
  max-width: 100%
}

#top #header-logo .shop-logo--wls {
  max-height: 40px
}

@media (max-width:991px) {
  #top #header-logo .shop-logo--wls {
    max-width: 140px
  }
}

#top #header-logo .shop-logo--drukzo {
  height: 40px;
  width: auto
}

#top #header-logo .shop-logo--helloprint {
  height: auto;
  width: 100px
}

@media (min-width:768px) {
  #top #header-logo .shop-logo--helloprint {
    height: 30px;
    width: auto
  }
}

#top .logo-expand {
  padding-top: 4px;
  width: 211px !important
}

#top .logo-expand--extra {
  width: 240px !important
}

@media (max-width:767px) {
  #top .logo-expand {
    width: 108px !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #top .logo-expand {
    width: 160px !important
  }
}

#top .shop-logo--drukzo {
  height: auto;
  width: 211px
}

#top .shop-logo--drukzo-mobile {
  display: none
}

@media (max-width:767px) {
  #top .shop-logo {
    width: 104px !important
  }

  #top .shop-logo--drukzo {
    display: none
  }

  #top .shop-logo--drukzo-mobile {
    display: block;
    height: auto;
    width: 104px
  }
}

#top .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%
}

@media (max-width:991px) {
  #top .wrapper {
    flex-wrap: wrap
  }
}

#account a {
  display: inline-block;
  font-size: 13px;
  font-weight: 700
}

#account a.support-alt:hover {
  color: #fff
}

#account>div {
  display: block;
  position: relative;
  z-index: 9999
}

#account #account-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 9999
}

@media (max-width:991px) {
  #account #account-menu {
    right: -70px
  }
}

#account #account-menu:before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: "";
  margin-bottom: -1px;
  position: absolute;
  right: 30px
}

@media (max-width:991px) {
  #account #account-menu:before {
    right: 100px
  }
}

#account #account-container {
  background: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  color: #333;
  padding: 25px 30px 5px;
  width: 380px;
  z-index: 998
}

@media (max-width:767px) {
  #account #account-container {
    max-width: 90vw
  }
}

#account #account-container .link {
  display: block
}

#account #account-container .link,
#account #account-container a {
  font-weight: 400;
  line-height: 25px;
  width: 100%
}

#account #account-container .link:hover,
#account #account-container a:hover {
  text-decoration: underline
}

#account #account-container h3 {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

#account #account-container .left {
  margin-bottom: 20px
}

@media (min-width:768px) {
  #account #account-container .left {
    float: left;
    width: 50%
  }
}

#account #account-container .right {
  margin-bottom: 20px
}

@media (min-width:768px) {
  #account #account-container .right {
    float: right;
    width: 50%
  }
}

#account .account-container__title {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

#account #login {
  background-color: #004b78;
  border: solid 1px #004b78;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  color: #fff;
  line-height: 19px;
  padding: 7px 7px 7px 11px;
  display: inline-flex;
  align-items: center
}

#account #login:hover {
  background-color: #005b92
}

#account #login:after {
  border-color: currentColor transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  margin-left: 4px
}

#account #login:active {
  background-color: #004b78;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

#account #login.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

#account #login span {
  display: flex;
  align-items: center
}

#account #login .user__icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
  margin-right: 5px
}

#account>div>div>a {
  padding: 1px 0;
  margin-left: 8px;
  display: block;
  color: #252525;
  font-size: 13px;
  line-height: 21px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#account>div>div>a:hover {
  text-decoration: underline
}

#account>a:before {
  content: "";
  display: inline;
  padding-left: 9px
}

#account>div.active>div {
  display: block !important
}

#account>div.active>a#login {
  position: relative
}

#account>div>a {
  position: relative;
  z-index: 999;
}

#account.right {
  margin: 0 5px 0 0
}

#account a#login .reseller-tag {
  position: absolute;
  top: 3px;
  color: #fff;
  font-size: 10px;
  border-radius: 1px;
  padding: 1px 3px;
  line-height: 11px;
  background: #e94e1f;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700
}

.myaccount-mobile {
  font-weight: 600;
  position: absolute;
  right: 50px;
  top: 0
}

.myaccount-mobile__anchor {
  color: #fff;
  display: inline-block;
  line-height: 40px
}

#multilang-switch #multilang-switch-button {
  padding: 7px 7px 7px 11px
}

#multilang-switch #multilang-switch-button:after {
  border-color: currentColor transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  margin-left: 4px
}

#multilang-switch #multilang-switch-button.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

#top-cart {
  display: table-cell;
  background: #1f5e83;
  border-radius: 4px;
  color: #fff;
  float: right;
  height: 35px;
  position: relative;
  text-align: right
}

#top-cart strong {
  font-size: 15px;
  line-height: 19px;
  position: relative;
  text-align: right
}

#top-cart span {
  font-size: 12px;
  color: #a8a8a8;
  line-height: 14px;
  padding-right: 10px
}

#top-cart .cart-btn {
  display: flex;
  position: relative;
  color: #fff;
  padding: 9px 13px 9px 15px;
  min-width: 70px
}

#top-cart .cart-btn .shopping-cart__icon {
  width: 19px;
  height: 19px;
  margin-right: 7px;
  fill: #666
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  cursor: pointer;
    transition-property: background-color, -webkit-filter;
    transition-property: background-color, filter;
    transition-property: background-color, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: 
linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #2e2e2e;
    border: 0;
    margin: 0;
   padding: 8px 13px 12px 0;
    display: inline-block;
       width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 0px;
    margin-top: 0px;
}

@media (min-width:992px) {
  .hamburger {
    display: none
  }
}

.hamburger .hamburger-box {
    width: 15px;
    height: 7px;
  display: inline-block;
  position: relative
}

.hamburger .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
  width: 26px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
  content: "";
  display: block
}

.hamburger .hamburger-inner:before {
  top: -7px
}

.hamburger .hamburger-inner:after {
  bottom: -7px;
  width: 20px
}

.hamburger--wls .hamburger-inner:after {
  width: 26px
}

.hamburger.hamburger--squeeze .hamburger-inner {
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger.hamburger--squeeze .hamburger-inner:before {
  transition: top .1s .14s ease, opacity .1s ease
}

.hamburger.hamburger--squeeze .hamburger-inner:after {
  transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: .14s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top .1s ease, opacity .1s .14s ease
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1)
}

.wls #mmenu {
  background-color: #e94e1f;
  border-color: #d94315
}

.wls #mmenu .mm-listview>li,
.wls #mmenu .mm-listview>li .mm-next,
.wls #mmenu .mm-listview>li .mm-next:before,
.wls #mmenu .mm-listview>li:after {
  border-color: #d94315
}

.wls #mmenu .mm-listview .mm-next:before,
.wls #mmenu .mm-prev:after {
  background: #b93912
}

#mmenu {
  background-color: #004b78;
  color: #fff;
  border-color: #2f6c91;
  font-weight: 600
}

#mmenu .design-online {
  display: none
}

#mmenu .mm-navbar-size-2 {
  padding: 20px 40px
}

#mmenu .mm-navbar-size-2 .mm-btn {
  top: 20px
}

#mmenu .mm-menu .mm-navbar>*,
#mmenu .mm-navbar a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase
}

#mmenu .mm-btn:after,
#mmenu .mm-btn:before,
#mmenu .mm-listview>li .mm-next:after {
  border-color: #fff
}

#mmenu .mm-listview .mm-next:before,
#mmenu .mm-prev:after {
  border: none;
  background: #093550;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  vertical-align: middle;
  left: 9px;
  top: 5px;
  border-radius: 50%
}

#mmenu .mm-prev:after {
  content: "";
  left: 11px;
  z-index: -1
}

#mmenu .mm-listview>li>a,
#mmenu .mm-listview>li>span {
  padding: 10px 20px
}

#mmenu .mm-listview>li>a>span.cat-img {
  display: none
}

#mmenu .mm-listview>li>a.mm-next {
  display: none
}

#mmenu .mm-listview>li,
#mmenu .mm-listview>li .mm-next,
#mmenu .mm-listview>li .mm-next:before,
#mmenu .mm-listview>li:after {
  border-color: #2f6c91
}

#mmenu .mm-panels>.mm-panel>.mm-listview {
  margin: 0 -20px
}

#mmenu li.help-service .close:before,
#mmenu li.help-service .open:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: green;
  width: 10px;
  height: 10px;
  border-radius: 50%
}

#mmenu li.help-service .close:before {
  background: red
}

#mmenu li.help-phone span {
  background: #73c850;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px
}

#mmenu .titles {
  font-weight: 700
}

.home-mmenu__icon {
  width: 18px;
  height: 18px;
  fill: #fff;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 3px
}

#mmenu.cat-mobile-menu .mm-navbar-top-3,
#mmenu.cat-mobile-menu.mm-hasnavbar-top-2 .mm-panels {
  top: 60px
}

#mmenu.cat-mobile-menu .mm-navbar.mm-navbar-size-2 {
  border-bottom: 1px solid #2f6c91;
  height: 60px
}

#mmenu.cat-mobile-menu .mm-navbar.mm-navbar-size-2 .mm-btn {
  top: 10px
}

#mmenu.cat-mobile-menu .mm-navbar .mm-title {
  font-size: 12px;
  padding: 0
}

#mmenu.cat-mobile-menu .mm-panels>.mm-panel {
  padding: 0
}

#mmenu.cat-mobile-menu .mm-panels>.mm-panel:before {
  height: auto
}

#mmenu.cat-mobile-menu #mm-1 .mm-listview>li {
  margin-left: 0
}

#mmenu.cat-mobile-menu .mm-listview {
  font-size: 12px;
  margin: 0 !important
}

#mmenu.cat-mobile-menu .mm-listview>.basket {
  margin-top: 35px
}

#mmenu.cat-mobile-menu .mm-listview>.basket:before {
  border-bottom: 1px solid #2f6c91;
  content: "";
  display: block
}

#mmenu.cat-mobile-menu .mm-listview>li:not(.mm-divider):after {
  left: 0
}

#mmenu.cat-mobile-menu .mm-listview>li>a {
  padding: 10px 20px 10px 30px
}

#mmenu.cat-mobile-menu .mm-fullsubopen:before {
  left: auto;
  right: 11px
}

#mmenu.cat-mobile-menu .header__links {
  display: flex;
  flex-direction: column-reverse
}

#mmenu.cat-mobile-menu .header__submenu-title {
  padding: 10px 0 10px 30px
}

#mmenu.cat-mobile-menu .header__submenu-item img {
  display: none
}

#mmenu.cat-mobile-menu .header__submenu-item .header__submenu-title {
  padding: 0
}

#mmenu.cat-mobile-menu .header__submenu-product-image {
  display: none
}

#mmenu.cat-mobile-menu .header__submenu-products {
  padding-left: 0;
  padding-right: 0
}

.navhead {
  width: 100%;
  padding: 5px 0 0 0;
  background: #ededed;
  position: relative;
  z-index: 9998;
}

.navhead.all-items-showing nav {
  height: auto
}

.navhead.all-items-showing nav>ul {
  height: auto;
  line-height: 0
}

.navhead nav {
  height: 50px;
  position: relative
}

.navhead nav>ul {
  float: left;
  height: 50px;
  left: 0
}

.navhead .klantenservice {
  float: right
}

.navhead .klantenservice ul li {
  color: #064c76;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-right: 1px solid #064c76;
  padding: 0 10px;
  float: left;
  margin: 15px 0
}

.navhead .klantenservice ul li.open {
  color: #00a4d2;
  padding: 11px 50px 11px 10px;
  background: url(../img/v3/bg-klantenservice.png) no-repeat right top;
  border-right: 0;
  margin: 4px 0
}

.header-customer-service-info {
  float: right;
  height: 35px
}

.header-customer-service-info__text {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 36px;
  margin-right: 30px;
  max-width: 490px;
  text-align: right
}

.header-customer-service-info__text--dark {
  color: #000
}

.header-customer-service-info__link {
  color: currentColor
}

.navhead .klantenservice.pro ul li.open {
  background: url(../img/v3/bg-klantenservice-erik.png) no-repeat right top;
  border-right: 0;
  margin: 4px 0
}

.navhead nav>ul>li {
  display: block;
  margin-bottom: 0;
  float: left
}

.navhead nav>ul:after {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  line-height: 0;
  content: ""
}

.navhead nav>ul>li>a {
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 13px 12px;
  display: block;
  letter-spacing: -.2px;
  line-height: 22px;
  height: 50px;
  color: #104672
}

.sub__link--compact {
  font-size: 12px !important
}

.sub__list-wrapper--compact {
  padding-left: 0 !important
}

.navhead nav>ul>li a:before {
  font-family: printocean-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  margin-right: 8px;
  display: none
}

.navhead nav>ul>li a.hasIcon:before {
  display: inline-block
}

.hasIcon__icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 15px;
  fill: #666
}

.navhead nav>ul>li a.hasIcon[data-icon-text]:hover:before {
  background-color: #e7e7e7
}

.navhead nav>ul>li a.hasIcon[data-icon-text]:before {
  content: attr(data-icon-text)
}

.navhead nav>ul>li a.hasIcon.new[data-icon-text]:before {
  color: #e05432;
  direction: rtl;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 12px;
  text-transform: uppercase
}

.navhead nav>ul>li:hover a:before {
  color: #407eaf
}

.navhead nav>ul>li .menu-item:hover,
.navhead nav>ul>li a:hover {
  text-decoration: none
}

.navhead nav>ul>li a.active {
  color: #104672;
  position: relative
}

.navhead nav li .submenu {
  background: #212529;
  position: absolute;
  text-align: left;
  z-index: 997;
  left: 0;
  right: 0
}

.navhead nav>ul>li>.submenu {
  display: none
}

.navhead nav li .submenu>.wrapper {
  padding: 35px 0 35px 35px;
  width: auto !important;
  display: block !important
}

.navhead nav li .submenu>.wrapper--filled {
  padding-left: 0
}

.navhead nav li .submenu>.wrapper--filled li {
  border-right: none !important
}

.navhead nav li .submenu>.wrapper .safezone {
  position: absolute;
  width: 1150px;
  left: -75px;
  display: block;
  height: 100%;
  top: 0
}

.navhead nav li .submenu .submenu-navi>ul {
  float: left;
  width: 100%;
  margin: 0
}

.navhead nav li .submenu .submenu-navi>ul li {
  border-right: 0;
  padding-right: 30px
}

.navhead nav li .submenu .submenu-navi>ul>li {
  max-width: 350px
}

li .submenu .submenu-navi>ul a {
  line-height: 20px;
  padding: 6px 10px;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  transition: .2s all;
  background-position: right 12px;
  color: #fff
}

.navhead nav li .submenu .submenu-navi>ul a span.cat-img {
  width: 15px;
  margin-right: 5px
}

.navhead nav li .submenu .submenu-navi>ul a img {
  position: relative;
  top: 2px
}

.navhead nav li .submenu .submenu-navi>ul a.bold {
  font-weight: 600
}

.navhead nav li .submenu .submenu-navi>ul a.active,
.navhead nav li .submenu .submenu-navi>ul a:hover {
  background: #e7e7e7;
  text-decoration: none
}

.navhead nav li .submenu .submenu-navi>ul li.hasSubmenu.open_menu>a,
.navhead nav li .submenu .submenu-navi>ul li.hasSubmenu>a.active,
.navhead nav li .submenu .submenu-navi>ul li.hasSubmenu>a:hover {
  background: url(../img/v3/menu_arrow.png) no-repeat right 10px #e7e7e7;
  text-decoration: none
}

.navhead nav li .submenu .categorised_items>span {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 10px
}

.navhead nav li .submenu .submenu li:hover a {
  background: 0 0
}

.navhead nav li .submenu .submenu-navi>.submenu-left {
  width: 160px;
  margin-right: 40px;
  margin-top: 2px;
  float: left
}

.navhead nav li .submenu .submenu-navi>.submenu-left ul.top {
  border-radius: 3px;
  padding: 9px 12px;
  line-height: 24px
}

.navhead nav li .submenu .submenu-navi .submenu-banner {
  position: absolute;
  right: 0;
  top: 7px
}

.navhead nav li .submenu .submenu-navi .other-links a {
  color: #7b7b7b;
  margin-right: 15px
}

.navhead nav li .submenu .menu-details {
  margin: 10px 0 25px 0
}

.navhead nav li .submenu .menu-details .menu-account {
  width: 380px;
  line-height: 21px
}

.navhead nav li .submenu .menu-details .menu-discounts a {
  position: relative;
  display: inline-block;
  text-align: left;
  margin: 0 92px 0 15px
}

.navhead nav li .submenu .menu-details .menu-discounts a .custom {
  position: absolute;
  right: 0
}

.navhead nav li .submenu .menu-details .menu-discounts a img {
  display: block
}

.navhead nav li .submenu .submenu-navi>ul .menu-symbol {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #7b7b7b;
  line-height: 24px
}

.navhead nav li .submenu .submenu-navi .link-allproducts {
  line-height: 24px;
  margin-top: 25px;
  width: 160px;
  display: inline-block
}

.navhead nav li .submenu-industry {
  position: relative
}

.navhead nav li .submenu-industry ul {
  min-width: 180px;
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  height: 235px;
  overflow-y: scroll
}

.navhead nav li .submenu-industry ul li {
  line-height: 21px
}

.navhead nav li .submenu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 350px;
  right: 0;
  background: #fff;
  min-height: 475px;
  padding: 0 0 0 30px
}

.navhead nav li .submenu .submenu:before {
  background-color: #eee;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px
}

.navhead nav li .submenu .submenu>div {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-top: 30px;
  position: relative
}

.menu-pages .submenu>div {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative
}

.menu-pages .submenu .split,
.navhead nav li .submenu .submenu ul {
  align-content: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  float: none;
  height: 100%;
  justify-content: flex-start;
  margin-bottom: 10px;
  max-height: 100%;
  width: 100%
}

.navhead nav li .submenu .submenu.allproducts-menu ul {
  float: none;
  width: auto
}

.navhead nav li .submenu .submenu ul h2 {
  color: #000;
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 10px 0
}

.navhead nav li .special {
  color: #e05432;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1em;
  padding-left: 10px;
  width: auto
}

.navhead nav li .submenu .submenu ul li a {
  font-size: 13px;
  line-height: 24px;
  padding: 0;
  padding-left: 15px;
  text-indent: -9px
}

.navhead nav li .submenu .submenu ul li a:before {
  content: "\e61c";
  display: inline-block;
  font-family: printocean-icons;
  font-size: 12px;
  margin-right: 5px;
  position: relative;
  vertical-align: middle
}

.navhead nav li .submenu .submenu ul li a.special {
  font-size: 10px;
  line-height: 1em
}

.navhead nav li .submenu .submenu ul li a.special:before {
  display: none
}

.navhead nav li .submenu .submenu ul li a .special {
  font-size: 10px
}

.navhead nav li .submenu .submenu ul li a .special:after {
  display: none
}

.navhead nav li .submenu .submenu ul li a:hover {
  background: 0 0;
  color: #555;
  text-decoration: underline
}

.navhead nav li .submenu .submenu ul li a:hover.design-online {
  background-color: #f7f7f7;
  color: #e05432;
  text-decoration: none
}

.navhead .tips span:after,
.navhead .tips:after {
  font-size: 10px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.searchbar-container {
  margin-left: 35px;
  width: 325px
}

.searchbar-container>a {
  color: #9e9e9d;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 8px
}

.searchbar-container form {
  width: 100%;
  display: inline-block
}

.searchbar-container input[type=text]::-ms-clear {
  display: none
}

.searchbar-container button {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 36px;
  width: 38px;
  border: none
}

.searchbar-container button:after {
  color: #104672 !important
}

#header-controls {
  margin-left: auto
}

.myaccount-mobile {
  display: none
}

.status-header {
  padding: 30px 0 75px;
  position: relative;
  width: 100%
}

.status-header .left {
  max-width: 720px
}

.status-header.show-status-header-image {
  padding-bottom: 75px
}

.status-header.hide-status-header-image {
  padding-bottom: 20px
}

.status-header.guide__container {
  padding: 0
}

.status-header.guide__container .guide__title {
  padding-top: 10px
}

@media (max-width:991px) {
  .is-cat-header #navhead.show-if-category-header-version {
    display: none !important
  }
}

.is-cat-header.cleaner-header {
  padding-top: 60px
}

.is-cat-header.cleaner-header .hide-in-cleaner-header {
  display: none !important
}

.is-cat-header .hide-if-category-header-version {
  display: none !important
}

.is-cat-header .show-if-category-header-version {
  display: block !important
}

.is-cat-header .show-inline-if-category-header-version {
  display: inline-block !important
}

.not-responsive.clean-header .cat-header #top #header-logo img {
  max-width: 120px
}

.not-responsive .cat-header #top .segment-left {
  margin-top: 10px
}

.not-responsive .cat-header #top #header-logo {
  width: auto
}

.not-responsive .cat-header #top #header-logo img {
  max-width: 100%
}

.not-responsive .cat-header .navhead {
  margin-top: 60px
}

.cat-header.header--is-mobile {
  height: 60px
}

@media (max-width:991px) {
  .cat-header.header--is-mobile {
    height: 110px
  }
}

.cat-header .note.note-default {
  top: 60px
}

.cat-header #top {
  height: 80px
}

@media (max-width:991px) {
  .cat-header #top {
    height: 60px
  }
}

.cat-header #top img {
  max-height: 70px;
  vertical-align: middle
}

@media (max-width:991px) {
  .cat-header #top img {
    max-height: 50px
  }
}

.cat-header #top #header-logo {
  min-width: 0;
  width: 105px
}

.cat-header #top #header-logo a:focus {
  outline: 0
}

@media (min-width:992px) and (max-width:1199px) {
  .cat-header #top #header-logo {
    width: 80px
  }

  .cat-header #top #header-logo .shop-logo--drukzo {
    height: 30px
  }
}

.cat-header #top #account {
  margin: 0 10px 0 0;
  text-align: left
}

.cat-header #top #account #login {
  display: flex;
  align-items: center;
  font-size: 12px;
  height: auto;
  background: #004b78
}

.cat-header #top #account #login.active {
  text-decoration: none
}

.cat-header #top .searchbar-container {
  width: 468px
}

@media (min-width:992px) and (max-width:1199px) {
  .cat-header #top .searchbar-container {
    width: 330px
  }
}

@media (min-width:1200px) {
  .cat-header #top .searchbar-container {
    padding-left: 20px
  }
}

@media (max-width:991px) {
  .cat-header #top .searchbar-container {
    margin-top: 10px;
    padding-left: 0;
    width: 100%;
    order: 4
  }
}

.cat-header #top .searchbar-container button {
  height: 40px
}

.cat-header #top .searchbar-container button:after {
  color: #999 !important;
  margin-left: 12px
}

.cat-header #top .header-customer-service-info {
  margin-top: 2px
}

@media (max-width:991px) {
  .cat-header #top #top-cart {
    background: #1f5e83 !important;
    position: static !important
  }
}

.cat-header #top #top-cart .cart-btn {
  min-width: auto !important;
  padding: 9px 11px !important
}

.cat-header #top #top-cart strong {
  font-size: 14px
}

.cat-header__faq-link {
  color: #fff
}

.cat-header__faq-link:hover {
  text-decoration: underline !important
}

.cat-header__link-separator {
  margin-left: 6px;
  margin-right: 6px
}

.clean-header #top {
  background: #fff;
}

.clean-header #top .searchbar-container button {
  background-color: transparent;
  height: 33px;
  line-height: 38px;
  padding: 0;
  width: 35px
}

.clean-header #top .searchbar-container button img {
  vertical-align: baseline
}

.clean-header #top .searchbar-container button:after {
  color: #104672 !important;
  font-size: 14px;
  margin-left: 5px
}

@media (min-width:992px) and (max-width:1199px) {
  .clean-header #top .searchbar-container {
    width: 300px
  }
}

@media (min-width:1200px) {
  .clean-header #top .searchbar-container {
    width: 380px
  }
}

@media (min-width:1300px) {
  .clean-header #top .searchbar-container {
    width: 420px
  }
}

.clean-header #top #top-cart.hasQties a {
  color: #fff;
  background-color: #74c852;
  border: 1px solid #5ba717
}

.clean-header #top #top-cart.hasQties a .shopping-cart__icon {
  fill: #fff
}

.clean-header #top #top-cart.hasQties a:hover {
  background-color: #64c23e
}

.clean-header #top #account.is-logged #login {
  z-index: 9999
}

.clean-header #top #account.is-logged #login,
.clean-header #top #account.is-logged #login:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
  color: #666;
  overflow: visible !important;
  padding-left: 11px
}

.clean-header #top #account.is-logged #login:after,
.clean-header #top #account.is-logged #login:hover:after {
  color: #666
}

.clean-header #top #account.is-logged .reseller-tag {
  top: -5px
}

.clean-header .header__links {
  margin-right: 6px;
  font-size: 11px
}

@media (max-width:1199px) {
  .clean-header .header__links {
    margin-right: 0
  }
}

.clean-header .header__links .header__link {
  color: #666;
  margin-right: 0
}

@media (max-width:1199px) {
  .clean-header .header__links .header__link {
    font-size: 10px
  }
}

.clean-header .header__links .header__link-flag {
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: -1px;
  width: 17px
}

.clean-header .header__links .header__link--sale {
  color: #e93106;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 29px;
  margin-right: 10px;
  vertical-align: middle
}

.clean-header .header__links .header__link--sale:after {
  display: none
}

.clean-header .header__links .header__link--sale a {
  color: inherit !important
}

.clean-header .header__links .header__link:after {
  content: "|";
  color: #ccc;
  margin: 0 5px
}

.clean-header .header__links .header__link:last-child:after {
  content: ""
}

.clean-header .header__links .header__link a {
  color: #666
}

.clean-header .header__links .header__link a:hover {
  text-decoration: underline
}

.clean-header .header-customer-service-info {
  margin-top: 0;
  padding-right: 0
}

.clean-header .header-customer-service-info__text {
  color: #666
}

.clean-header .header-customer-service-info__text--phone {
  color: #4a90e2
}

.wls-new-header #top {
  background: #064c76
}

.wls-new-header #top #header-logo {
  width: auto;
  max-width: 360px
}

@media (max-width:767px) {
  .wls-new-header #top #header-logo {
    max-width: 40%
  }
}

.wls-new-header #top #header-logo .shop-logo--wls {
  max-height: 55px;
  max-width: 100%
}

.wls-new-header #top .searchbar-container {
  width: 350px
}

.wls-new-header .header__links .header__link a {
  color: #fff
}

.wls-new-header .cat-navhead .header__navigation-item>a {
  color: #000
}

.cat-navhead {
  background-color: #212529;
  padding-top: 0
}

.cat-navhead nav {
  height: auto
}

.cat-navhead nav>ul {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: 100%
}

.cat-navhead nav>ul>li {
  flex: auto;
  height: 46px
}

.cat-navhead .header__help-center {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  position: relative
}

.cat-navhead .header__help-center-text {
  font-weight: 700;
  color: #fff;
  font-size: 11px
}

@media (min-width:1200px) {
  .cat-navhead .header__help-center-text {
    font-size: 15px
  }
}

.cat-navhead .header__help-center-anchor {
  display: flex;
  align-items: center
}

.cat-navhead .header__help-center-image {
  margin-left: 8px;
  border-radius: 50%
}

.cat-navhead .header__help-center-status {
  position: absolute;
  top: 5px;
  right: 0;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #77c659;
  width: 12px;
  height: 12px
}

.cat-navhead .header__navigation {
  display: flex
}

.cat-navhead .header__navigation-items {
  flex: 5
}

.cat-navhead .header__navigation-item>a {
  color: #fff;
  font-size: 16px;
  height: 100%;
  display: flex;
  letter-spacing: 0;
  padding: 0 16px 0 0;
  font-weight: 400
}

@media (min-width:992px) {
  .cat-navhead .header__navigation-item>a {
    font-size: 16px;
    padding: 0 12px 0 0
  }
}

@media (min-width:1200px) {
  .cat-navhead .header__navigation-item>a {
    font-size: 16px;
    padding: 0 16px 0 0
  }
}

@media (min-width:1300px) {
  .cat-navhead .header__navigation-item>a {
    padding: 0 16px 0 0
  }
}

.cat-navhead .header__navigation-item>a .menu-item__icon {
  fill: currentColor;
  width: 15px;
  height: 15px;
  margin-right: 5px
}

.cat-navhead .header__navigation-item>a .menu-item__icon path {
  stroke: currentColor
}

.cat-navhead .header__navigation-item>a.menu-item--hoverable:hover .menu-content {
  border-bottom: 3px solid #104672;
  transition-delay: .15s
}

.cat-navhead .header__navigation-item>a.menu-item--hoverable:hover+.header__submenu {
  opacity: 1;
  transition-delay: .15s;
  visibility: visible
}

.cat-navhead .header__navigation-item--first {
  position: relative
}

.cat-navhead .header__navigation-item--first:after {
  background: #eee;
  content: "";
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px
}

@media (min-width:768px) {
  .cat-navhead .header__navigation-item--first>a {
    padding-left: 0;
    padding-right: 25px
  }
}

.cat-navhead .header__navigation-item--first+.header__navigation-item>a {
  padding-left: 25px
}

.cat-navhead .header__navigation-item .menu-content {
  display: flex;
  align-items: center;
}

.cat-navhead .header__navigation-item--is-active>a .menu-content {
  border-bottom: 3px solid #104672;
  border-radius: 0
}

.cat-navhead .header__navigation-item--is-specials>a {
  color: #104672
}

.cat-navhead .header__navigation-item--gift a:before {
  color: #104672
}

.cat-navhead .header__navigation-item--eco a {
  color: #0f9400
}

.cat-navhead .header__navigation-item--deals a {
  color: red
}

.cat-navhead .header__navigation-item--has-submenu .menu-content .chevron-down__icon {
  width: 17px;
  height: 17px;
  margin: 2px 0 0 2px;
  display: none
}

@media (min-width:1300px) {
  .cat-navhead .header__navigation-item--has-submenu .menu-content .chevron-down__icon {
    display: block
  }
}

.cat-navhead .header__submenu {
  background: #53A6F7;
  left: 0;
  margin-left: 0;
  width: 240px;
  margin-right: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 100%;
  transition: visibility 0s, opacity .15s linear;
  visibility: hidden
}

.cat-navhead .header__submenu-visual {
  width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 25px
}

.cat-navhead .header__submenu-visual-block {
  display: block
}

.cat-navhead .header__submenu-visual-title {
  color: #104672;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  display: block
}

.cat-navhead .header__submenu-visual-image {
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.cat-navhead .header__submenu--hover:hover {
  opacity: 1;
  visibility: visible
}

.cat-navhead .header__submenu-products {
  padding: 20px 0 10px 0
}

.cat-navhead .header__submenu-products--visual {
  padding: 30px 15px 0 15px
}

.cat-navhead .header__submenu-products--2column {
  padding: 20px 30px
}

.cat-navhead .header__submenu-products--list {
  display: flex;
  padding: 0
}

.cat-navhead .header__submenu-items-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.cat-navhead .header__submenu-items-container--bundle {
  background: #f7f7f7;
  border-right: 1px solid #ddd;
  font-size: 13px;
  min-width: 265px
}

.cat-navhead .header__submenu-items-container--bundle-list {
  padding: 25px;
  width: 100%
}

.cat-navhead .header__submenu-items-container--visual {
  display: flex;
  position: relative;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: row
}

.cat-navhead .header__submenu-items-list {
  display: flex;
  flex-direction: column;
  position: relative
}

.cat-navhead .header__submenu-items-list--active .header__submenu-title {
  color: #104672;
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-decoration: none;
  font-weight: 600
}

.cat-navhead .header__submenu-items-list--active:first-of-type .header__submenu-title {
  border-top: 1px solid transparent
}

.cat-navhead .header__submenu-item-list-image {
  align-items: center;
  border-radius: 10px;
  display: flex;
  height: 90px;
  margin-bottom: 15px;
  width: 90px
}

.cat-navhead .header__submenu-item-list-image a {
  background: 0 0 !important
}

.cat-navhead .header__submenu-item-list-image picture {
  border-radius: 10px;
  border: 1px solid #eee;
  display: flex
}

.cat-navhead .header__submenu-item-list-image img {
  border-radius: 10px
}

.cat-navhead .header__submenu-items {
  display: none;
  flex-wrap: wrap
}

.cat-navhead .header__submenu-items--active {
  display: flex
}

.cat-navhead .header__submenu-items--narrow-list .header__submenu-item {
  width: 20%
}

.cat-navhead .header__submenu-item {
  line-height: 20px;
  width: 25%;
  margin-bottom: 20px
}

.cat-navhead .header__submenu-item-title {
  font-size: 15px;
  color: #104672;
  font-weight: 600;
  margin-bottom: 8px
}

.cat-navhead .header__submenu-item .b64link,
.cat-navhead .header__submenu-item .menu-item,
.cat-navhead .header__submenu-item a {
  line-height: 1.89em
}

.cat-navhead .header__submenu-item .b64link:hover,
.cat-navhead .header__submenu-item .menu-item:hover,
.cat-navhead .header__submenu-item a:hover {
  text-decoration: underline
}

.cat-navhead .header__submenu-item .b64link .menu-item-label,
.cat-navhead .header__submenu-item .menu-item .menu-item-label,
.cat-navhead .header__submenu-item a .menu-item-label {
  background: #e94e1f;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 9px;
  margin-left: 5px;
  padding: 2px 5px;
  text-transform: uppercase
}

.cat-navhead .header__submenu-item .b64link .menu-item-label--canva,
.cat-navhead .header__submenu-item .menu-item .menu-item-label--canva,
.cat-navhead .header__submenu-item a .menu-item-label--canva {
  background-color: #00bfc8
}

.cat-navhead .header__submenu-item .b64link .labels,
.cat-navhead .header__submenu-item .menu-item .labels,
.cat-navhead .header__submenu-item a .labels {
  display: inline-block;
  vertical-align: middle
}

.cat-navhead .header__submenu-item .b64link .labels__icons .label-icon,
.cat-navhead .header__submenu-item .menu-item .labels__icons .label-icon,
.cat-navhead .header__submenu-item a .labels__icons .label-icon {
  height: 15px;
  width: auto
}

.cat-navhead .header__submenu-item--show-all {
  margin-top: 5px
}

.cat-navhead .header__submenu-item--show-all a {
  color: #4a90e2
}

.cat-navhead .header__submenu-item--2column {
  width: 535px
}

@media (min-width:992px) and (max-width:1199px) {
  .cat-navhead .header__submenu-item--2column {
    width: calc(50% - 11px)
  }
}

.cat-navhead .header__submenu-title {
  background: 0 0;
  color: #222;
  display: block;
  font-size: 13px;
  padding: 11px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent
}

.cat-navhead .header__submenu-title:hover {
  color: #104672;
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-decoration: none;
  font-weight: 600
}

.cat-navhead .header__submenu-number-products {
  font-size: 13px;
  font-weight: 400
}

.cat-navhead .header__submenu-specials {
  border-left: 1px solid #ddd;
  bottom: 0;
  padding-top: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.cat-navhead .header__submenu-specials-label {
  background-color: #e94e1f;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  left: 25px;
  padding: 8px 10px;
  position: absolute;
  top: 25px
}

.cat-navhead .header__submenu-specials-image {
  margin-top: 30px
}

.cat-navhead .header__submenu-specials-title {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.357em;
  margin-top: 20px
}

.cat-navhead .header__submenu-specials-price {
  color: #333;
  font-size: 12px;
  line-height: 1.416em;
  margin-top: 2px
}

.cat-navhead .header__submenu-specials-offer {
  color: #e94e1f;
  font-size: 12px;
  line-height: 1.416em;
  margin-top: 15px
}

.cat-navhead .header__submenu-specials-offer strong {
  display: block
}

.cat-navhead .header__submenu-categories {
  border-right: 1px solid #ddd;
  float: left;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 210px
}

.cat-navhead .header__submenu-category-item {
  font-size: 12px
}

.cat-navhead .header__submenu-category-item>a {
  display: block;
  padding: 9px 20px;
  position: relative
}

.cat-navhead .header__submenu-category-item>a:hover {
  background: #e94e1f;
  color: #fff;
  text-decoration: none
}

.cat-navhead .header__submenu-category-item>a:hover+.header__submenu-image-list {
  display: block
}

.cat-navhead .header__submenu-category-item>a:hover:after {
  color: #fff
}

.cat-navhead .header__submenu-category-item>a:after {
  color: #4a90e2;
  content: "\e801";
  font-family: printocean-icons;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  right: 15px
}

.cat-navhead .header__submenu-category-item--is-active a {
  background: #e94e1f;
  color: #fff;
  text-decoration: none
}

.cat-navhead .header__submenu-category-item--is-active a:after {
  color: #fff
}

.cat-navhead .header__submenu-image-list {
  bottom: 0;
  display: none;
  left: 210px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.cat-navhead .header__submenu-image-list:hover {
  display: block
}

.cat-navhead .header__submenu-image-blocks {
  display: inline-block;
  margin-top: 45px
}

.cat-navhead .header__submenu-image-block {
  border: 1px solid #eee;
  border-radius: 3px;
  float: left;
  margin-left: 20px;
  min-width: 150px;
  padding: 10px;
  text-align: center
}

.cat-navhead .header__submenu-image-block:hover {
  border-color: #4a90e2
}

.cat-navhead .header__submenu-image-block:first-of-type {
  margin-left: 0
}

.cat-navhead .header__submenu-image-block img {
  display: block;
  margin: 0 auto
}

.cat-navhead .header__submenu-image-block p {
  color: #4a90e2;
  font-size: 12px;
  margin-top: 8px
}

.cat-navhead .header__sub-submenu-anchor {
  color: #333
}

.cat-navhead .header__sub-submenu-anchor:hover {
  color: #333
}

.header__links {
  display: inline-flex;
  line-height: 35px
}

@media (max-width:991px) {
  .header__links {
    display: none
  }
}

.header__link {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 20px;
  white-space: nowrap
}

.header__link--bigger {
  font-size: 14px
}

.header__link--lighter {
  font-weight: 400
}

.header__link a {
  color: #fff
}

.header__link a:hover {
  text-decoration: underline
}

.top-menu-item--flag {
  margin-right: 5px
}

.show-in-cleaner-header {
  display: none
}

.cleaner-header {
  padding-top: 60px
}

.cleaner-header .hide-in-cleaner-header {
  display: none !important
}

.cleaner-header .show-in-cleaner-header {
  display: block
}

.cleaner-header .cat-header {
  margin-bottom: 0
}

.cleaner-header .cat-navhead {
  margin-top: -10px
}

.responsive-page .wrapper.show-if-ease-header-version {
  display: none !important
}

.wrapper {
  transition: opacity .2s
}

.wrapper.faded-out {
  opacity: 0
}

.wrapper.show-if-ease-header-version {
  display: none !important
}

.account-menu__more-actions-required-link {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 5px 0 0;
  text-decoration: underline
}

.account-menu__more-actions-required-link:hover {
  color: #000;
  text-decoration: none
}

@media (max-width:767px) {

  .responsive-page.cleaner-header.page-checkout header,
  .responsive-page.cleaner-header.page-order-confirmation header {
    height: 60px
  }
}

@media (max-width:767px) {

  .responsive-page.cleaner-header.page-checkout header #top,
  .responsive-page.cleaner-header.page-order-confirmation header #top {
    height: 60px
  }
}

@media (max-width:767px) {

  .responsive-page.cleaner-header.page-checkout .searchbar-container.hide-in-cleaner-header,
  .responsive-page.cleaner-header.page-order-confirmation .searchbar-container.hide-in-cleaner-header {
    display: none !important
  }
}

.header-notification__container {
  border: 1px solid #4a90e2;
  border-radius: 5px;
  background-color: #e2f0ff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
  padding: 6px;
  margin-bottom: 8px;
  text-align: center;
  margin-top: 6px
}

@media (max-width:767px) {
  .header-notification__container {
    margin-bottom: 35px;
    margin-top: 0
  }
}

.header-notification__text {
  line-height: 1.6;
  font-size: 13px;
  font-family: inherit;
  margin-right: 10px;
  color: #000
}

.header-notification__highlight {
  font-weight: 600
}

.header-notification__text img {
  vertical-align: middle;
  margin-left: 10px
}

.canva-header {
  float: right;
  margin-right: 10px;
  position: relative
}

@media (max-width:767px) {
  .canva-header {
    display: none
  }
}

.canva-header--mobile {
  float: none;
  padding: 15px 30px 15px 50px;
  width: 100%;
  margin-right: 0;
  border-top: 1px solid #e7e7e7
}

@media (max-width:767px) {
  .canva-header--mobile {
    display: block
  }
}

@media (min-width:768px) {
  .canva-header--mobile {
    display: none
  }
}

@media (max-width:575px) {
  .canva-header--mobile {
    padding: 15px 30px
  }
}

.canva-header__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #7c5bed 0, #7c5bed 100%);
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  padding: 3px 8px
}

@media (min-width:992px) and (max-width:1199px) {
  .canva-header__button {
    font-size: 11px
  }
}

.canva-header__button--mobile {
  justify-content: center;
  padding: 11px 15px 11px 8px;
  width: 100%
}

.canva-header__symbol {
  width: 29px;
  margin-right: 7px
}

.canva-header__symbol--mobile {
  position: absolute;
  left: 53px
}

@media (max-width:575px) {
  .canva-header__symbol--mobile {
    left: 37px
  }
}

.header__language-bar,
.header__our-solutions {
  display: flex;
  float: right;
  margin-right: 25px;
  align-items: center;
  height: 35px;
  position: relative;
  z-index: 9999
}

@media (max-width:767px) {

  .header__language-bar,
  .header__our-solutions {
    display: none
  }
}

.header__language-bar-dropdown,
.header__our-solutions-dropdown {
  border: 1px solid #ddd;
  background: #fff;
  position: absolute;
  border-radius: 5px;
  top: 100%;
  width: 275px;
  left: -123.5px
}

.header__language-bar-dropdown:after,
.header__language-bar-dropdown:before,
.header__our-solutions-dropdown:after,
.header__our-solutions-dropdown:before {
  border-bottom: 7px solid #ddd;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: 100%;
  content: "";
  margin-bottom: -1px;
  position: absolute;
  right: calc(50% - 1px);
  top: -6px
}

.header__language-bar-dropdown:after,
.header__our-solutions-dropdown:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -10px;
  right: 50%
}

.header__language-bar-dropdown-container,
.header__our-solutions-dropdown-container {
  padding-top: 5px
}

.header__language-bar-text,
.header__our-solutions-text {
  font-size: 12px;
  color: #222;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 26px
}

.header__language-bar-text:hover,
.header__our-solutions-text:hover {
  text-decoration: underline
}

.header__language-bar-icon,
.header__our-solutions-icon {
  margin-right: 8px
}

.header__language-bar-dropdown,
.header__our-solutions-dropdown {
  display: none
}

.header__language-bar-dropdown--visible,
.header__our-solutions-dropdown--visible {
  display: block
}

.header__solution-list {
  border-bottom: 1px solid #ddd
}

.header__solution-anchor {
  color: #666
}

.header__solution-item {
  color: #666;
  font-size: 12px;
  display: flex
}

.header__solution-item:last-of-type {
  margin-bottom: 0
}

.header__solution-anchor {
  padding: 12px 20px;
  width: 100%
}

.header__solution-anchor:hover {
  text-decoration: none;
  background: #f3f3f3
}

.header__solution-item-title {
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 2px
}

.header__solution-learn-about {
  padding: 15px
}

.header__solution-learn-about-anchor {
  font-weight: 600;
  text-decoration: underline
}

.multilang-row {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 60px
}

.multilang-row__item {
  display: flex;
  align-items: center;
  flex-basis: 20%
}

@media (max-width:767px) {
  .multilang-row__item {
    flex-basis: 25%
  }
}

@media (max-width:575px) {
  .multilang-row__item {
    flex-basis: 50%;
    line-height: 28px;
    margin-bottom: 10px
  }
}

.multilang-row__item:last-of-type {
  margin-bottom: 0
}

.multilang-row__link {
  margin-right: 5px
}

.multilang-row__link:hover {
  text-decoration: none
}

.multilang-row__link:hover .multilang-row__text {
  text-decoration: underline
}

.multilang-row__icon {
  width: 18px;
  height: 12px;
  box-shadow: 0 0 1px #959595
}

.multilang-row__text {
  margin-left: 5px;
  color: #333
}

.header__multilang-row-link {
  display: flex;
  color: #333;
  align-items: center;
  padding: 12px 15px;
  width: 100%
}

.header__multilang-row-link:hover {
  text-decoration: none;
  background: #f3f3f3
}

.header__multilang-row-text {
  margin-left: 5px
}

.responsive-page .sticky-notification-section {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  background-color: #fff;
  z-index: 101;
  display: flex;
  justify-content: center
}

@media (max-width:991px) {
  .responsive-page .sticky-notification-section {
    top: 108px
  }
}

.responsive-page .sticky-notification-section .sticky-notification {
  max-width: 1280px;
  width: 100%
}

@media (min-width:1300px) {
  .responsive-page .sticky-notification-section .sticky-notification {
    width: 1280px !important;
    padding: 0
  }
}

@media (max-width:991px) {
  .responsive-page .sticky-notification-section .sticky-notification {
    padding: 2px 10px 6px 10px
  }
}

.newsletter {
  background: #e05432;
  color: #fff;
  padding: 25px 0
}

@media (max-width:991px) {
  .newsletter {
    text-align: center
  }
}

.newsletter__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 30px;
  margin-bottom: 3px
}

.newsletter__subtitle {
  font-size: 14px
}

.newsletter__form {
  background: rgba(0, 0, 0, .1);
  border-radius: 5px;
  float: right;
  padding: 5px;
  position: relative;
  width: 100%
}

@media (max-width:991px) {
  .newsletter__form {
    margin-top: 10px
  }
}

.newsletter__input {
  border: none;
  border-radius: 4px;
  height: 40px;
  padding: 12px 15px;
  width: 100%
}

.newsletter__submit {
  background: 0 0;
  border: none;
  color: #e05432;
  font-size: 12px;
  font-weight: 700;
  padding: 6px;
  position: absolute;
  right: 15px;
  top: 11px
}

#foot {
  background: #212529;
  color: #ffffff;
  display: block;
  padding: 30px 0;
  position: relative;
  z-index: 0;
}

#foot .menu {
  float: left;
  margin-bottom: 0px;
  padding-right: 30px
}

@media (min-width:768px) {
  #foot .menu {
    width: 33%
  }
}

#foot .menu__title {
  color: #54a6f7;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

@media (max-width:767px) {
  #foot .menu__title {
    display: block;
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  #foot .menu__list {
    display: block !important
  }
}

#foot .menu__list-item .footer-item,
#foot .menu__list-item a {
  color: #fff;
  line-height: 1.8
}

#foot .menu__list-item .footer-item:hover,
#foot .menu__list-item a:hover {
  text-decoration: underline
}

#foot .alt {
  float: left;
  padding-right: 30px
}

@media (min-width:768px) {
  #foot .alt {
    width: 66%
  }
}

#foot .alt p {
  margin-bottom: 10px
}

#foot .alt .alt__title {
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

@media (max-width:767px) {
  #foot .alt .alt__title {
    display: block;
    margin-bottom: 0
  }
}

#foot .alt .chevron-down__icon,
#foot .menu .chevron-down__icon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  fill: #5d5d5d
}

#foot .alt.active .chevron-down__icon,
#foot .menu.active .chevron-down__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#foot .social__title {
  color: #54a6f7;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

#foot .social a {
  color: #fff
}

#foot .social__list {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px
}

#foot .social__link {
  color: #333;
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

#foot .social__link-icon {
  margin-right: 10px
}

#foot #bottom-links .bottom-navi li a {
  color: #104672
}

.multilang-dropdown {
  float: left;
  margin: 13px 0 0 0;
  position: relative
}

.multilang-dropdown__button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  color: #666;
  display: flex;
  height: 35px;
  justify-content: center;
  padding: 7px 11px;
  position: relative;
  z-index: 9999
}

.multilang-dropdown__button:hover {
  background-color: #f9f9f9;
  border-color: #acacac
}

.multilang-dropdown__content {
  display: flex
}

.multilang-dropdown__icon {
  border-radius: 2px;
  width: 24px
}

.multilang-dropdown__item {
  align-items: center;
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 24px;
  padding: 4px 8px;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.multilang-dropdown__item:hover {
  background-color: #efefef;
  text-decoration: none
}

.multilang-dropdown__item.selected {
  border-bottom: 1px solid #ccc
}

.multilang-dropdown__item.selected::after {
  color: #73c850;
  content: "\e91d";
  font-family: printocean-icons;
  font-size: 16px;
  font-weight: 400;
  margin-left: 8px
}

.multilang-dropdown__item.selected:last-child {
  border: none
}

.multilang-dropdown__modal-container {
  display: none;
  position: absolute;
  left: 0;
  bottom: 36px;
  z-index: 9999;
  border-radius: 10px;
  overflow: hidden
}

.multilang-dropdown__modal-container::before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: "";
  margin-bottom: -1px;
  position: absolute;
  right: 30px
}

@media (max-width:991px) {
  .multilang-dropdown__modal-container::before {
    right: 100px
  }
}

.multilang-dropdown__modal-container.active {
  display: block
}

.multilang-dropdown__modal {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  max-height: 260px;
  min-width: 240px;
  overflow-y: auto;
  padding: 4px 0
}

.multilang-dropdown__text {
  margin-left: 8px
}

.csfooter {
  background: #104672;
  color: #fff;
  padding: 32px 0
}

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

@media (max-width:991px) {
  .csfooter__block {
    padding: 16px 0
  }
}

.csfooter__icon {
  width: 32px;
  flex-shrink: 0
}

.csfooter__icon svg {
  fill: #fff;
  display: inline-block;
  width: 32px;
  height: 32px
}

.csfooter__content {
  flex: 1;
  justify-content: flex-start;
  margin-left: 30px
}

.csfooter__title {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-top: -7px;
  margin-bottom: 2px
}

.csfooter__link {
  display: block;
  text-decoration: underline;
  color: #fff;
  font-size: 14px
}

@media (max-width:991px) {
  .csfooter__link {
    line-height: 24px
  }
}

.footer-bottom {
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 0
}

.footer-bottom__container {
  display: flex;
  justify-content: center
}

@media (max-width:991px) {
  .footer-bottom__container {
    flex-direction: column
  }
}

.footer-bottom__shop-logo {
  max-height: 40px;
  width: auto
}

.footer-bottom__shop-logo-column {
  align-items: center;
  display: flex;
  justify-content: center
}

.footer-bottom__logos {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center
}

@media (max-width:991px) {
  .footer-bottom__logos {
    margin-top: 20px
  }
}

@media (min-width:992px) {
  .footer-bottom__logos {
    justify-content: flex-end
  }
}

.footer-bottom__logo+.footer-bottom__logo {
  margin-left: 5px
}

.chat-facade {
  display: none;
  position: fixed;
  padding: 8px 16px;
  border: 0 none;
  border-radius: 30px;
  z-index: 999;
  bottom: 20px;
  left: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 25px;
  font-size: 18px;
  text-decoration: none;
  background: #004b78;
  box-shadow: rgba(0, 0, 0, .15) 0 0 10px 0;
  color: #fff;
  opacity: 1;
  overflow: hidden;
  white-space: wrap;
  transition: -webkit-transform .2s ease 0s;
  transition: transform .2s ease 0s;
  transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

@media only screen and (max-width:991px) {
  .chat-facade {
    width: 60px;
    height: 60px;
    padding-left: 14px
  }
}

.chat-facade:hover {
  text-decoration: none
}

.chat-facade__icon {
  display: inline-flex;
  line-height: 25px;
  font-weight: 400;
  vertical-align: middle
}

@media only screen and (max-width:991px) {
  .chat-facade__icon {
    padding-top: 10px;
    padding-left: 4px
  }

  .chat-facade__icon img {
    width: 34px;
    height: 34px
  }
}

.chat-facade__text {
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  font-weight: 300
}

@media only screen and (max-width:991px) {
  .chat-facade__text {
    display: none
  }
}

.chat-facade__text strong {
  font-weight: 600
}

.chat-facade--right {
  left: unset;
  right: 20px
}

@media only screen and (max-width:991px) {
  .chat-facade--right {
    padding-right: 14px
  }
}

.chat-facade--zpressprint {
  background: #ff5301
}

.footer-help {
  border-top: 1px solid #e7e7e7
}

.footer-help__container {
  display: flex;
  flex-direction: row;
  padding-top: 30px
}

@media (max-width:991px) {
  .footer-help__container {
    flex-direction: column;
    text-align: center
  }
}

.footer-help__col {
  display: flex;
  flex-direction: column;
  flex-shrink: 0
}

@media (min-width:992px) {
  .footer-help__col {
    flex-basis: 50%
  }
}

.footer-help__content {
  padding-bottom: 30px
}

.footer-help__title {
  color: #104672;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
  margin-bottom: 10px
}

.footer-help__text {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 1em
}

.footer-help__chat-button {
  margin-bottom: 15px;
  margin-right: auto
}

.footer-help__actions {
  display: flex
}

@media (max-width:767px) {
  .footer-help__actions {
    justify-content: space-between
  }
}

.footer-help__action {
  font-weight: 600;
  margin-right: 15px
}

@media (max-width:767px) {
  .footer-help__action {
    margin-right: 0
  }
}

.footer-help__image {
  display: flex;
  margin: auto 0 auto auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

#sidebar {
  width: 230px;
  float: left;
  position: relative
}

#sidebar h2 {
  line-height: 21px;
  letter-spacing: -.23px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#sidebar h2 .bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.sidebar {
  border: 1px solid #ededed;
  margin-bottom: 12px;
  position: relative;
  padding: 14px;
  overflow: hidden
}

.sidebar-block {
  margin-bottom: 20px;
  position: relative
}

#sidebar #sidebar-content {
  padding: 14px;
  border-radius: 3px;
  background: #eff6fc
}

.sidebar.infor {
  padding: 15px;
  border: none
}

.contact-options {
  width: 230px;
  border-radius: 3px;
  border: 1px solid #ccc
}

.contact-options ul {
  list-style: none;
  padding: 0;
  margin: 14px 0 0 0
}

.contact-options ul li {
  list-style: none;
  border-top: 1px solid #ddd;
  padding: 7px 0;
  clear: both;
  display: inline-block;
  width: 100%;
  position: relative
}

.contact-options ul li:hover {
  background: #f7f7f7
}

.contact-options ul li:hover:after {
  content: "\e61c";
  font-family: printocean-icons;
  position: absolute;
  right: 0;
  top: 15px;
  color: #bcbcbc;
  font-size: 16px
}

.contact-options ul li a {
  color: #333 !important;
  text-decoration: none;
  width: 100%;
  display: inline-block
}

.contact-options ul li a:hover {
  text-decoration: none
}

.contact-options ul li a.whatsapp {
  cursor: default;
  pointer-events: none
}

.contact-options ul li a strong {
  margin-top: 7px;
  padding-bottom: 3px
}

.contact-options ul li a span,
.contact-options ul li a strong {
  float: left;
  display: inline-block;
  width: 140px
}

.contact-options ul li a span.small {
  font-size: 13px;
  color: #999
}

.contact-options ul li a img {
  float: left;
  vertical-align: top;
  margin-right: 10px
}

.left.information-company .contact-options {
  width: 245px
}

.left.information-company .contact-options span,
.left.information-company .contact-options strong {
  width: 135px
}

.left.information-company .contact-options h2 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.left.information-company .contact-options h2 .bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.contact-rule {
  margin-top: 0;
  color: #666;
  font-size: 11px;
  line-height: 18px;
  padding: 12px
}

#sidebar #cart-sum .item-cart-sidebar.total,
#sidebar #newsletter p,
#sidebar #sidebar-content #payments,
#sidebar #sidebar-content ul.checks li,
#sidebar h2,
.sidebar.trust p.title {
  color: #104672
}

.simulate-table {
  display: table
}

.simulate-thead {
  display: table-header-group
}

.simulate-tbody {
  display: table-row-group
}

.simulate-tfoot {
  display: table-footer-group
}

.simulate-tr {
  display: table-row
}

.simulate-td,
.simulate-th {
  display: table-cell
}

table.priceTable {
  table-layout: fixed;
  border-collapse: separate;
  border: 1px solid #efefef;
  border-radius: 5px;
  margin: 20px 0 30px;
  width: 100%
}

table.priceTable thead td {
  background-color: #f5f5f5;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: left;
  font-size: 14px !important;
  border-bottom: 1px solid #e3e3e3
}

table.priceTable td td {
  padding: 6px 7px;
  font-size: 12px;
  border-bottom: 1px solid #e3e3e3;
  white-space: nowrap
}

table.priceTable td:hover {
  cursor: pointer;
  color: #4a90e2
}

table.priceTable tbody tr td tr:hover,
table.priceTable tfoot td:hover {
  background: #f7f7f7
}

table.priceTable td td:first-child,
table.priceTable th td:first-child {
  padding-left: 10px
}

table.priceTable tfoot td {
  padding: 7px
}

table.priceTable tfoot a {
  font-size: 13px
}

table.priceTable tfoot a span {
  margin-right: 5px
}

.priceTable .table-title {
  width: 20%
}

.priceTable .table-title tr td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis
}

.priceTable .table-content {
  overflow-x: auto;
  width: 100%
}

.priceTable .table-content>table,
.priceTable .table-title>table {
  width: 100%
}

.designTable td {
  line-height: 21px;
  padding-right: 40px
}

.designTable td .highlight {
  padding-left: 0
}

.designTable__oprice {
  color: #e05432
}

.table.checkout {
  width: 100%;
  margin-bottom: 5px;
  vertical-align: middle
}

.table.checkout:before {
  content: "";
  width: 97%;
  height: 45px;
  border-bottom: 1px solid #ededed;
  position: absolute;
  z-index: -1
}

.table.checkout h2 {
  margin: 0 !important;
  padding: 0 !important
}

.table.checkout>div {
  vertical-align: middle
}

.table-orders {
  border-radius: 2px;
  padding: 20px 10px 10px
}

@media screen and (max-width:767px) {
  .table-orders {
    padding: 10px 0
  }
}

.table-order {
  border: 1px solid #e3e3e3
}

.table-order .file {
  width: 170px;
  padding: 20px 20px 20px 0;
  border-right: 1px solid #ddd
}

.table-order .file img {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .6)
}

.table-order .product {
  vertical-align: top;
  padding: 20px
}

.table-order .status {
  background: #f7f7f7;
  padding: 10px 20px;
  border-bottom: 1px solid #e3e3e3
}

.table-order .order {
  padding: 0 20px;
  background: #fff
}

.table-order .product .left.image {
  width: 165px;
  margin-right: 25px;
  vertical-align: top
}

.table-order .product .left.image .load {
  color: #777;
  line-height: 21px
}

.table-order .product .left.image .load:before {
  margin-bottom: 15px
}

.table-order .product .left.image img {
  max-width: 165px;
  max-height: 141px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15)
}

.table-order .info .details {
  background: #f7f7f7;
  padding: 10px;
  margin-top: 20px
}

.table-order .info .details li {
  line-height: 22px;
  margin-bottom: 4px
}

.table-order .info .details li p {
  margin-right: 10px;
  display: inline-block;
  min-width: 115px
}

.table-order .addresses {
  padding: 20px 0 20px 20px;
  border-left: 1px solid #ddd;
  width: 240px
}

.table-order .product-attributes {
  margin-top: 10px;
  color: #767676;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400
}

.table-order .product-attributes li span.title {
  width: 115px;
  display: inline-block
}

.table-order .details {
  border-top: 2px solid #ddd;
  margin-top: 10px;
  padding-top: 10px
}

.table-order .delivery-times {
  width: 240px
}

.table-order .note {
  background: #ffedbb;
  border-bottom-right-radius: 2px;
  border-left: 3px solid #f2d06e;
  border-top-right-radius: 2px;
  color: #604f1f;
  line-height: 21px;
  padding: 10px;
  position: relative
}

.table-order .note.successfull {
  background: #e3f3d3;
  border: 1px solid #c1e898;
  border-left: 3px solid #738764;
  color: #464b42
}

.table-order .note.successfull:before {
  color: #6ea332
}

.table-order .note.warning {
  background: #f4e8e8;
  border-left: 3px solid #7f2d2d;
  color: #584141
}

.table-order .note.action-required {
  background: #eef5fc;
  border-left: 3px solid #4a90e2;
  color: #3772b8;
  padding-right: 140px
}

.table-order .note.info-icon {
  padding-right: 40px
}

.table-order .note .action {
  position: absolute;
  right: 12px;
  top: 12px
}

.table-order .note:before {
  font-size: 22px;
  left: auto;
  right: -8px
}

.table-order .mini.breadcrumb {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #777;
  font-size: 11px;
  padding: 10px 0;
  background: #fff;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.table-order .mini.breadcrumb>span {
  position: relative;
  padding: 0 20px 0 25px
}

.table-order .mini.breadcrumb>span.active {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.table-order .mini.breadcrumb>span:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 9px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  margin-left: 1px;
  left: 100%;
  z-index: 1
}

.table-order .mini.breadcrumb>span:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 9px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 100%;
  z-index: 2
}

.table-order .mini.breadcrumb span.i-check:before {
  content: "\e923";
  color: #ccc;
  font-size: 11px;
  margin-right: 5px;
  font-weight: 600
}

.table-order .mini.breadcrumb>span.active span.i-check:before {
  color: #73c850
}

.orders-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-radius: 2px;
  margin-top: 2px;
  width: 100%
}

@media (max-width:767px) {
  .orders-table {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-top: 0
  }
}

.orders-table--lite {
  border-top: none
}

.orders-table__head {
  text-align: left
}

.orders-table__head .simulate-th,
.orders-table__head th {
  background-color: #f7f7f7;
  color: #444;
  font-size: 13px;
  font-weight: 600;
  height: 42px;
  padding-bottom: 10px;
  padding-left: 2px;
  padding-top: 10px;
  vertical-align: middle
}

@media (max-width:767px) {

  .orders-table__head .simulate-th,
  .orders-table__head th {
    background-color: initial
  }
}

.orders-table__head .simulate-th:first-child,
.orders-table__head th:first-child {
  padding-left: 15px
}

@media (max-width:767px) {

  .orders-table__head .simulate-th:first-child,
  .orders-table__head th:first-child {
    padding-left: 10px
  }
}

@media (max-width:767px) {

  .orders-table__head .simulate-th:last-child,
  .orders-table__head th:last-child {
    text-align: center
  }
}

.orders-table__column-header {
  width: 100px
}

.orders-table__column-header--narrow {
  width: 70px
}

.orders-table__column-header--wide {
  width: 150px
}

.orders-table__row--flex {
  display: flex !important
}

.orders-table__row--clickable {
  cursor: pointer
}

.orders-table__row--clickable:nth-of-type(odd) {
  background-color: #f6f6f6
}

.orders-table__row--clickable:hover {
  text-decoration: none
}

@media (min-width:768px) {
  .orders-table__row--clickable:hover {
    background-color: #fbfbfb
  }
}

.orders-table__body .simulate-td,
.orders-table__body td {
  border-top: 1px solid #ddd;
  color: #666;
  height: 51px;
  padding-bottom: 12px;
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 12px;
  vertical-align: middle
}

.orders-table__body .simulate-td:first-child,
.orders-table__body td:first-child {
  padding-left: 15px
}

@media (max-width:767px) {

  .orders-table__body .simulate-td:first-child,
  .orders-table__body td:first-child {
    padding-left: 10px
  }
}

.orders-table__body .simulate-td:last-child:not(.align-left),
.orders-table__body td:last-child:not(.align-left) {
  padding-right: 11px;
  text-align: right
}

.orders-table__body a:not(.bttn):not(.simulate-tr) {
  font-weight: 600;
  text-decoration: underline
}

.orders-table__cell {
  text-align: left
}

.orders-table__cell--primary {
  font-weight: 600
}

.orders-table__cell--spacious {
  padding-right: 20px !important
}

.orders-table__cell--fill-space {
  align-items: center;
  display: flex;
  flex-grow: 2;
  justify-content: space-between
}

.orders-table__button {
  margin-left: 5px
}

.orders-table__spacer td {
  background-color: #f7f7f7;
  height: 10px;
  padding: 0
}

.table--attributes td {
  color: #666;
  font-size: 13px;
  padding-bottom: 4px
}

.changes-table {
  display: grid;
  grid-template-columns: minmax(-webkit-max-content, 160px) auto auto;
  grid-template-columns: minmax(max-content, 160px) auto auto
}

.changes-table__header-cell {
  color: #999;
  font-size: 9px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-left: 17px;
  padding-top: 10px;
  text-align: left;
  text-transform: uppercase
}

.changes-table__body-cell {
  align-items: center;
  border: 0 solid #ddd;
  border-bottom-width: 1px;
  display: flex;
  line-height: 1.4em;
  padding: 7px 5px 7px 17px
}

.changes-table__body-cell--top-left {
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-left-radius: 4px;
  border-top-width: 1px
}

.changes-table__body-cell--top-right {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-top-width: 1px
}

.changes-table__body-cell--bottom-left {
  border-bottom-left-radius: 4px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px
}

.changes-table__body-cell--bottom-right {
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px;
  border-right-width: 1px
}

.changes-table__body-cell--top {
  border-top-width: 1px
}

.changes-table__body-cell--bottom {
  border-bottom-width: 1px
}

.changes-table__body-cell--left {
  border-left-width: 1px;
  border-right-width: 1px
}

.changes-table__body-cell--right {
  border-right-width: 1px
}

.changes-table__body-cell--bottom,
.changes-table__body-cell--middle,
.changes-table__body-cell--top {
  padding-right: 25px;
  position: relative
}

.changes-table__body-cell--bottom::after,
.changes-table__body-cell--middle::after,
.changes-table__body-cell--top::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODk3LjM4OGw1LjcyMiA1LjcyMS01LjcyMiA1LjcyMi0uNzc5LS43NzIgNC40MDMtNC40MDNILjMxMlY1LjU2M2g5LjIwOUw1LjExOCAxLjE2eiIgZmlsbD0iIzc3NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  content: "";
  font-family: printocean-icons;
  height: 11px;
  margin-top: -5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 11px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

@media (max-width:767px) {
  .slick-slider {
    min-height: 0
  }
}

@media (min-width:768px) {
  .slick-slider.funnel-slider {
    max-width: 45%
  }
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  margin-bottom: 1px;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  text-align: center
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: flex !important;
  justify-content: center
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-dots {
  padding: 0;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center
}

.slick-dots li {
  display: inline-block;
  padding: 0 3px
}

.slick-dots li button {
  border: 0;
  background: #054c75;
  opacity: .15;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  font-size: 0
}

.slick-dots li.slick-active button {
  background: #054c75;
  outline: 0;
  opacity: 1
}

.accordion,
.accordion * {
  box-sizing: border-box
}

.accordion {
  margin-bottom: 60px
}

.accordion a.btn {
  background: #e05432;
  color: #fff;
  padding: 14px 12px 14px 12px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 15.5px;
  text-transform: inherit;
  margin: 20px 0 0;
  display: block;
  float: right
}

.accordion a.btn:before {
  font-family: printocean-icons;
  content: "\e618";
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding-right: 4px
}

.accordion a.btn:hover {
  background: #407eaf
}

.accordion p {
  float: left;
  margin: 28px 0 0 0
}

.accordion span.title {
  float: right;
  width: 220px;
  text-align: center
}

.accordion h2 {
  float: left;
  margin: 0 0 20px 0;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.accordion {
  overflow: hidden;
  width: 100%;
  background: #f7f7f7;
  padding: 20px
}

.accordion-section-wrapper {
  width: 100%;
  padding: 0 10px;
  height: 35px;
  display: inline-block;
  transition: all linear .15s;
  color: #064c76;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  background: #fff;
  line-height: 37px;
  text-decoration: none;
  margin: 0 0 2px 0
}

.accordion-section-wrapper a {
  color: #064c76;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0 20px;
  background: url(../img/v3/plus-accordion.png) no-repeat 0 2px;
  line-height: 37px;
  text-decoration: none
}

.accordion-section-content p {
  margin: 0 0 10px
}

.accordion-section-wrapper span.price {
  float: right;
  padding: 0 20px;
  text-align: center;
  width: 220px
}

.accordion-section-wrapper a.active {
  background: url(../img/v3/min-accordion.png) no-repeat 0 2px
}

.accordion-section:last-child .accordion-section-title {
  border-bottom: none
}

.accordion-section-content {
  margin: 15px;
  color: #064c76;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  display: none
}

.login-popup {
  display: none;
  width: 70vw
}

@media (min-width:768px) {
  .login-popup {
    max-width: 300px
  }
}

.login-popup__title {
  color: #104672;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px
}

.login-popup__password-recovered-container,
.login-popup__recover-password-container,
.login-popup__registration-container {
  display: none;
  width: 70vw
}

@media (min-width:768px) {

  .login-popup__password-recovered-container,
  .login-popup__recover-password-container,
  .login-popup__registration-container {
    max-width: 300px
  }
}

.recover-password-popup__title {
  color: #104672;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px
}

.recover-password-popup__paragraph {
  margin-bottom: 10px
}

.recover-password-popup__back-link {
  display: inline-block;
  margin-bottom: 15px
}

.recover-password-popup__form {
  margin-top: 15px
}

.recover-password-popup__error {
  color: red !important;
  margin-bottom: 10px;
  margin-top: -10px;
  min-height: 1px
}

.recover-password-popup__contact {
  margin-top: 15px
}

.registration-form-popup {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.registration-form-popup__back-link {
  display: inline-block;
  margin-bottom: 15px
}

.registration-form-popup__title {
  color: #104672;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px
}

.password-recovered__back-link {
  display: inline-block;
  margin-bottom: 15px
}

.password-recovered__title {
  color: #104672;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px
}

.password-recovered__paragraph {
  margin-bottom: 15px
}

.breadcrumb {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 21px;
  margin: 10px 0
}

@media (max-width:767px) {
  .breadcrumb--funnel {
    display: flex;
    flex-wrap: wrap
  }
}

@media (min-width:992px) {
  .breadcrumb--funnel {
    left: 0;
    position: static;
    top: 0;
    z-index: 1
  }
}

.breadcrumb__parent {
  float: left;
  display: flex;
  align-items: center
}

.breadcrumb__parent .chevron-right__icon {
  width: 6px;
  height: 6px;
  margin: 0 7px;
  color: #666
}

.breadcrumb__current {
  color: #666
}

.breadcrumb.alt.step-2 li {
  width: 49.7%
}

.breadcrumb.alt.step-3 li {
  width: 33%
}

.breadcrumb li a,
.breadcrumb li a:link,
.breadcrumb li a:visited {
  display: block;
  float: left;
  font-size: 12px;
  margin-left: -8px;
  text-decoration: none
}

.breadcrumb li a {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.breadcrumb li.active a {
  color: #333;
  cursor: pointer
}

.breadcrumb li.disabled a {
  cursor: default
}

.breadcrumb li.first {
  padding-left: 8px
}

.breadcrumb.cart-steps {
  border-spacing: 5px 0;
  display: table;
  margin-bottom: 15px;
  margin-left: -5px;
  padding-top: 5px;
  text-align: justify;
  width: 101%
}

.breadcrumb.cart-steps::after {
  content: "";
  display: inline-block;
  width: 100%
}

.breadcrumb.cart-steps.alt {
  padding: 0
}

.breadcrumb.cart-steps.alt li {
  min-width: none
}

.breadcrumb.cart-steps.alt li.active {
  background: #f7f7f7
}

.breadcrumb.cart-steps li {
  background: #f7f7f7;
  border: 1px solid #ededed;
  border-left: 0;
  display: table-cell;
  position: relative
}

.breadcrumb.cart-steps li.first {
  border-bottom-left-radius: 2px;
  border-left: 1px solid #ededed;
  border-top-left-radius: 2px;
  padding-left: 0
}

.breadcrumb.cart-steps li.first.active {
  border-left: 1px solid #cbe1f6
}

.breadcrumb.cart-steps li.last {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding-left: 0
}

.breadcrumb.cart-steps li.first a::before,
.breadcrumb.cart-steps li.first::before,
.breadcrumb.cart-steps li.last a::after,
.breadcrumb.cart-steps li.last::after {
  display: none
}

.breadcrumb.cart-steps li.active a,
.breadcrumb.cart-steps li.current a {
  color: #104672
}

.breadcrumb.cart-steps li.active,
.breadcrumb.cart-steps li.active::after,
.breadcrumb.cart-steps li.active::before {
  border-left: 5px solid #cbe1f6
}

.breadcrumb.cart-steps li.active {
  background: #eef5fc;
  border: 1px solid #cbe1f6;
  border-left: 0
}

.breadcrumb.cart-steps li.active a::after {
  border-left: 5px solid #eef5fc
}

.breadcrumb.cart-steps li a {
  color: #a8a8a8;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 16px;
  margin-left: 0;
  padding: 9px 0 9px 15px;
  width: 100%
}

.breadcrumb.cart-steps li a::before {
  border-bottom: 18px solid transparent;
  border-left: 5px solid #fff;
  border-top: 18px solid transparent;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: -1px;
  z-index: 3
}

.breadcrumb.cart-steps li a::after {
  border-bottom: 18px solid transparent;
  border-left: 5px solid #f7f7f7;
  border-top: 18px solid transparent;
  content: " ";
  display: block;
  position: absolute;
  right: -5px;
  top: -1px;
  z-index: 5
}

.breadcrumb.cart-steps li::before {
  border-bottom: 18px solid transparent;
  border-left: 5px solid #ededed;
  border-top: 18px solid transparent;
  content: " ";
  display: block;
  left: 1px;
  position: absolute;
  top: -1px;
  z-index: 2
}

.breadcrumb.cart-steps li::after {
  border-bottom: 18px solid transparent;
  border-left: 5px solid #ededed;
  border-top: 18px solid transparent;
  content: " ";
  display: block;
  position: absolute;
  right: -6px;
  top: -1px;
  z-index: 4
}

.breadcrumb.cart-steps li .i-check-mini {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 20%
}

.breadcrumb-container {
  margin-bottom: 10px;
  width: 100%
}

.breadcrumb-call {
  display: inline-block;
  margin-top: 5px;
  position: relative
}

.breadcrumb-call .slogan {
  color: #4a90e2;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  top: 0
}

.breadcrumb-call strong {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700
}

.breadcrumb-call span {
  margin-right: 10px;
  position: relative;
  vertical-align: bottom
}

.breadcrumb-call img {
  margin-right: 7px;
  vertical-align: middle
}

button {
  cursor: pointer
}

.bttn-w {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  height: 29px;
  text-align: center;
  padding: 8px 10px;
  font-size: 13px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .75) 0, rgba(255, 255, 255, 0) 100%);
  background-color: #f5f5f5;
  font-weight: 600
}

.bttn-w:hover {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .11) 0, rgba(255, 255, 255, 0) 100%)
}

[class^=bttn-].bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

[class^=bttn-].direction-right:before {
  content: "\e901";
  font-family: printocean-icons;
  font-size: 9px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top
}

[class*=bttn-select] {
  font-size: 13px;
  color: #fff;
  border: none;
  padding: 10px;
  display: inline-block;
  border-radius: 3px
}

[class*=bttn-select].fat {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  height: 40px;
  text-transform: uppercase
}

[class*=bttn-select] {
  font-size: 13px;
  color: #fff;
  border: none;
  padding: 10px;
  display: inline-block;
  border-radius: 3px
}

[class*="bttn-select "]:after,
[class*="bttn-select "]:before {
  color: #fff !important
}


[class*=bttn-normal],
[class*=bttn-normal]:hover {
  background-color: #104672
}

.bttn-normal-m.support,
.bttn-normal-s.support,
.bttn-normal-xs.support {
  background-color: #e94e1f;
  color: #fff !important
}

.cart-total-order,
.forms-submit,
[class*=bttn-important] {
  border: 0;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  border-radius: 3px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .21) 0, rgba(255, 255, 255, 0) 100%);
  line-height: 18px
}

.cart-total-order:hover,
.forms-submit:hover,
[class*=bttn-important]:hover {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .21) 100%)
}

.cart-total-order.arrow:after,
[class*=bttn-important].arrow:after {
  font-family: printocean-icons;
  content: "\e61e";
  padding: 0 0 0 6px;
  color: #fff;
  vertical-align: middle;
  font-size: 31px
}

.cart-total-order.arrow-b:before,
[class*=bttn-important].arrow-b:before {
  font-family: printocean-icons;
  content: "\e61e";
  padding: 0 10px 0 0;
  color: #fff;
  vertical-align: middle;
  font-size: 31px
}

.cart-total-order.arrow-bot:before,
[class*=bttn-important].arrow-bot:before {
  font-family: printocean-icons;
  content: "\e620";
  padding: 0 4px 0 0;
  color: #fff;
  vertical-align: middle;
  font-size: 27px
}

[class^=important-] {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding: 4px 5px;
  font-size: 15px;
  line-height: 18px;
  text-shadow: none;
  box-shadow: inset 0 -2px 0 0 #478312, 0 0 4px rgba(0, 0, 0, .18)
}

[class*=bttn-important].white,
[class*=bttn-important].white:hover {
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .15);
  text-shadow: none;
  position: relative
}

[class*=bttn-important].white {
  color: #104672
}

[class^=bttn-important].white.arrow-small:before {
  color: #104672
}

[class*=bttn-important].white strong.default,
[class*=bttn-important].white.default span,
[class*=bttn-important].white.default:before {
  color: #000
}

[class*=bttn-important].white.noborder,
[class*=bttn-important].white.noborder:hover {
  border: none
}

[class*=bttn-important].indent>span,
[class*=bttn-important].indent>strong {
  padding-left: 50px;
  text-align: left
}

[class*=bttn-important].indent.icon>strong {
  margin-top: 10px
}

[class*=bttn-important] strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 22px
}

[class*=bttn-important].noshadow {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

[class*=bttn-important].white .prices {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: right;
  line-height: 23px
}

[class*=bttn-important].white .prices .discount {
  color: red;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 21px;
  font-size: 13px
}

.bttn.icon.indent:before {
  position: static
}

[class*=bttn-important].indent:before {
  float: left;
  padding: 0
}

[class*=bttn-important].white span {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14.5px;
  display: block
}

[class*=bttn] span.small {
  font-size: 13px;
  color: #7b7b7b;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400
}

.bttn-selection-l,
.bttn-selection-m,
.bttn-selection-s,
.bttn-w-full,
.bttn-w-nobg {
  background: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
  padding: 6px 9px;
  border: 1px solid #dadada;
  box-shadow: 0 0 1px rgba(0, 0, 0, .13)
}

.bttn-selection-l:hover,
.bttn-selection-m:hover,
.bttn-selection-s:hover,
.bttn-w-full:hover,
.bttn-w-nobg:hover {
  color: #e94e1f
}

.bttn-selection-s.disabled:hover,
.bttn-w-full,
.bttn-w-nobg,
[class*=bttn-selection] {
  color: #104672
}

.bttn-selection-m.choosen,
.bttn-selection-s.choosen {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .21) 0, rgba(255, 255, 255, 0) 100%)
}

.bttn-selection-m.choosen,
.bttn-selection-m.choosen.active,
.bttn-selection-s.choosen,
.bttn-selection-s.choosen.active {
  color: #fff;
  background-color: #e94e1f;
  border-color: #de4416
}

.bttn-selection-s.choosen:hover {
  color: #fff
}

[class*=bttn-selection].support:hover {
  color: #104672 !important
}

[class^=bttn-important].yellow {
  background: #ffc628;
  border: none;
  box-shadow: inset 0 -2px 0 0 #d8a32a, 0 1px 3px rgba(0, 0, 0, .18);
  text-shadow: none;
  display: inline-block;
  color: #104672
}

[class^=bttn-important].yellow:before {
  color: #104672
}

[class^=bttn-important].yellow.bolder {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

[class^=bttn-important].blank:hover,
[class^=bttn-important].yellow:hover {
  color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
  background: #e94e1f
}

[class^=bttn-important].blank:hover:before,
[class^=bttn-important].yellow:hover:before {
  color: #fff
}

[class^=bttn-important].blank {
  background: #fff;
  border: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
  text-shadow: none;
  color: #104672
}

.bttn-w-full:hover,
.bttn-w-nobg:hover,
[class*=bttn-selection]:hover {
  text-decoration: none
}

.forms input[type=text]+.bttn-selection-m {
  height: 30px;
  padding: 8px 9px;
  vertical-align: top;
  line-height: 1
}

.bttn-selection-m {
  padding: 9px 10px
}

.bttn-selection-l {
  font-size: 14px;
  padding: 9px 12px 8px 12px
}

.bttn-normal-xs,
.bttn-support-xs {
  padding: 6px 10px
}

.bttn-normal-s {
  padding: 8px 10px;
  line-height: 19px
}

.bttn-normal-m,
.bttn-support-m {
  padding: 8px 10px
}

.bttn-normal-l {
  padding: 12px 10px
}

.bttn-support-m {
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.bttn-important-xs {
  padding: 7px 8px;
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.bttn-important-xs.alt {
  padding: 12px 9px
}

.bttn-important-s.alt {
  padding: 8px 10px;
  font-size: 15px;
  line-height: 19px
}

.bttn-important-s.alt.hidden {
  display: none
}

.bttn-important-s {
  padding: 10px;
  font-size: 16.5px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.bttn-important-m,
.cart-total-order {
  padding: 12px
}

.bttn-important-l {
  padding: 18px 20px
}

[class*=bttn-important].disabled,
[class*=bttn-important].disabled:hover {
  background: #e6e6e6;
  box-shadow: none;
  text-shadow: none;
  cursor: default
}

[class^=bttn-important].arrow-small:before,
[class^=bttn-normal].arrow:before,
[class^=bttn-selection].arrow-back:before,
[class^=bttn-selection].arrow:before,
[class^=bttn-support].arrow:before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  margin-right: 6px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent currentColor
}

[class^=bttn-selection].arrow-back:before {
  border-width: 4px 6px 4px 0;
  border-color: transparent currentColor transparent transparent
}

[class^=bttn-selection-].arrow-back:before,
[class^=bttn-selection-].arrow:before {
  color: #104672
}

.bttn-important-s.arrow-small:before,
.bttn-normal-l.arrow:before,
.bttn-selection-l.arrow:before {
  font-size: 14px
}

[class^=bttn-important-].yellow.arrow-small:before {
  font-size: 14px
}

[class*=bttn-neutral] {
  background: #7b7b7b;
  color: #fff;
  font-size: 13.5px;
  padding: 7px 10px
}

[class*=bttn-neutral]:hover {
  background: #686868;
  color: #fff;
  text-decoration: none
}

[class^=btn].special {
  background: #ffc628;
  color: #104672
}

[class^=btn].special.arrow:before {
  color: #104672
}

[class^=btn].special:hover {
  background: #e05432
}

[class^=btn].special.arrow:hover:before {
  color: #fff
}

section [class^=btn]:hover {
  background-color: #407eaf
}

.cart-total-order,
.cart-total-order:hover,
.forms-submit,
.forms-submit:hover,
[class*=bttn-important],
[class*=bttn-important]:hover {
  background-color: #5ba717;
  box-shadow: inset 0 -3px 0 0 #4f9114, 0 1px 3px rgba(0, 0, 0, .18)
}

.cart-total-order:hover,
.forms-submit:hover,
[class*=bttn-important]:hover {
  box-shadow: inset 0 -1px 0 0 #478312, 0 1px 3px rgba(0, 0, 0, .18)
}



[class*=bttn-important].white.active,
[class*=bttn-important].white:hover {
  border: 1px solid #407eaf !important;
  box-shadow: inset 0 0 0 1px #407eaf, 0 1px 3px rgba(0, 0, 0, .25)
}

.bttn.upload a,
.bttn.upload a:hover {
  position: relative;
  width: 460px;
  padding: 25px 0;
  margin-top: 20px
}

.bttn.upload+p {
  border: 1px solid #ededed;
  background: #f7f7f7;
  border-radius: 30px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  margin: 117px 0 0 12px;
  color: #a8a8a8;
  position: relative
}

.bttn.upload+p span {
  display: inline-block;
  width: 46px;
  position: absolute;
  top: 50%;
  left: -7px;
  height: 1px;
  background: #ededed;
  z-index: -1
}

.bttn.upload a .bgimage {
  background: url(../img/oval-shadow.png) no-repeat 0 0;
  width: 100px;
  height: 100px;
  display: inline-block
}

.bttn.upload a span.icon:before {
  font-size: 57px;
  margin-top: 21px
}

.bttn.upload a>p {
  font-size: 13px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 21px;
  color: #252525
}

.bttn.upload a.tip:after {
  position: absolute;
  top: 10px;
  right: 10px
}

/* section .btn,
section .btn-m {
  display: inline-block;
  padding: 14px 12px;
  font-size: 15px;
  border-radius: 3px;
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  border: 0
} */

section .green .btn,
section .green .btn-m {
  color: #4a8710;
  background: #fff
}

section .green .btn-m:hover,
section .green .btn:hover {
  background: #e05432;
  color: #fff
}

section .green .btn.arrow-m:before,
section .green .btn.arrow:before {
  color: #4a8710
}

section .green .btn-m.arrow:hover:before,
section .green .btn.arrow:hover:before {
  color: #fff
}

section .btn-m {
  padding: 10px 12px
}

[class*=bttn-action].next:after,
section .btn-m.arrow:before,
section .btn.arrow:before {
  font-family: printocean-icons;
  content: "\e618";
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding-right: 4px
}

section .btn-m:hover,
section .btn:hover {
  color: #fff;
  text-decoration: none
}

[class*=bttn-action]:hover {
  background: #326d9b;
  text-decoration: none
}

[class*=bttn-action].next:after {
  padding-right: 0;
  padding-left: 3px;
  font-size: 10px
}

[class*=bttn-primary] {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  background: #5ba717;
  color: #fff;
  border: 1px solid #427118;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  padding: 10px;
  transition-property: all;
  transition-duration: .3s;
  display: inline-block
}

[class*=bttn-primary].is-hovered,
[class*=bttn-primary]:hover {
  background-color: #4f9114;
  text-decoration: none
}

[class*=bttn-primary].fullwidth {
  width: 100%
}

.bttn-secondary,
[class*=bttn-action] {
  border-radius: 3px;
  padding: 2px 10px;
  font-size: 13px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  background: #4a90e2;
  border: 1px solid #014b78;
  display: inline-block;
  transition-property: all;
  transition-duration: .3s
}

.bttn-secondary {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #4a4a4a;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.bttn-secondary:hover {
  background-color: #eee;
  text-decoration: none
}

.bttn-large {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 13px;
  padding-bottom: 12px;
  line-height: 1.1em
}

.bttn {
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.125em;
  padding: 10px 15px;
  position: relative;
  transition: all .1s ease-out
}

.bttn:hover {
  text-decoration: none
}

.bttn:disabled {
  background-color: #e2e2e2;
  border-color: #d5d5d5
}

.bttn:disabled:hover {
  background-color: #e2e2e2;
  border-color: #d5d5d5
}

.bttn--no-transition {
  transition: none
}

.bttn--big,
.bttn--bigger,
.bttn--large,
.bttn--larger {
  font-size: 1.1em;
  padding: 15px 30px;
  text-transform: uppercase
}

.bttn--narrow-padding {
  padding: 10px 14px
}

.bttn--important {
  background-color: #74c852;
  border: 1px solid #5aaf38;
  color: #fff
}

.bttn--important:hover {
  background-color: #64c23e
}

.bttn--important:active {
  background-color: #64c23e;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.bttn--disabled-with-styling:disabled {
  background-color: #74c852;
  border: 1px solid #5aaf38
}

.bttn--disabled-with-styling:disabled:hover {
  background-color: #64c23e
}

.bttn--disabled-with-styling:disabled:active {
  background-color: #64c23e;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.bttn--upload .bttn__icn {
  margin-right: 5px
}

.bttn--space-top {
  margin-top: .3em
}

.bttn__progress-indicator {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'50'%20height%3D'100'%20viewBox%3D'0%200%205%2010'%3E%0A%09%3Crect%20width%3D'110%25'%20x%3D'-5%25'%20y%3D'-5%25'%20height%3D'110%25'%20fill%3D'transparent'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'1'%20x2%3D'7'%20y2%3D'10'%20stroke%3D'%23000000'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'6'%20x2%3D'7'%20y2%3D'15'%20stroke%3D'%23000000'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'-4'%20x2%3D'7'%20y2%3D'5'%20stroke%3D'%23000000'%20stroke-width%3D'2'%2F%3E%0A%3C%2Fsvg%3E");
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.bttn__progress-indicator--running {
  -webkit-animation: progress-indefinite-anim 2s infinite linear 0s;
  animation: progress-indefinite-anim 2s infinite linear 0s;
  opacity: .4
}

.bttn--full-width,
.bttn--fullwidth {
  width: 100%
}

.bttn--transparent {
  opacity: .8
}

.bttn--support {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #666
}

.bttn--support:hover {
  background-color: #f2f2f2
}

.bttn--support:active {
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.bttn--action {
  background-color: #004b78;
  border: 1px solid #002b45;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #fff
}

.bttn--action:hover {
  background-color: #005b92
}

.bttn--action.icon::before {
  color: #fff
}

.bttn--gradient-action {
  background-image: linear-gradient(to right, #fd7746, #fc6251);
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .01);
  color: #fff
}

.bttn--gradient-action:hover {
  background-image: linear-gradient(to right, #fc6251, #fc6251)
}

.bttn--main {
  background-color: #004b78;
  border: solid 1px #00324f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  color: #fff
}

.bttn--main:hover {
  background-color: #005b92
}

.bttn--main:active {
  background-color: #003b5f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.bttn--white {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
  color: #054c75
}

.bttn--white:hover {
  background-color: #f2f2f2
}

.bttn--color-main {
  background-color: #104672;
  border-radius: 3px;
  color: #fff
}

.bttn--color-main:hover {
  background-color: #0d385c
}

.bttn--color-tip {
  background-color: #407cac;
  border-radius: 3px;
  color: #fff
}

.bttn--color-tip:hover {
  background-color: #396f99
}

.bttn--border {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
  color: #fff
}

.bttn--border:hover {
  background-color: #fff;
  color: #333
}

.bttn--cancel {
  background-color: #e05432;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #fff
}

.bttn--cancel:hover {
  background-color: #d84421
}

.bttn--noname {
  background-color: #e94e1f;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333em;
  padding: 10px 30px
}

.bttn--noname>span {
  display: block;
  font-size: 12px;
  opacity: .6
}

.bttn--light-error {
  background-color: #ffede9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  border: 1px solid #ffd8d0;
  color: #e05432
}

.bttn--light-error:hover {
  background-color: #ffe5df
}

.bttn--approve,
.bttn--decline {
  background-color: #ededed;
  border: 1px solid #ddd;
  color: #666;
  font-weight: 300
}

.bttn--approve:hover,
.bttn--decline:hover {
  background-color: #e6e6e6
}

.bttn--approve::before,
.bttn--decline::before {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 11px;
  margin-right: .6em;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 11px
}

.bttn--is-approve-active,
.bttn--is-decline-active {
  background-color: #fff;
  font-weight: 700
}

.bttn--is-approve-active:hover,
.bttn--is-decline-active:hover {
  background-color: #fff
}

.bttn--is-approve-active::before,
.bttn--is-decline-active::before {
  border-width: 3px
}

.bttn--is-approve-active {
  color: #5aaf38
}

.bttn--is-approve-active::before {
  border-color: #5aaf38
}

.bttn--is-decline-active {
  color: #e05432
}

.bttn--is-decline-active::before {
  border-color: #e05432
}

.bttn--disabled,
.bttn--disabled:active,
.bttn--disabled:hover {
  background-color: #f0f0f0 !important;
  border: 1px solid #dbdbdb !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
  color: #b7b7b7 !important;
  cursor: default !important;
  pointer-events: none !important
}

.bttn--disabled:active:hover,
.bttn--disabled:hover,
.bttn--disabled:hover:hover {
  background-color: #f0f0f0;
  color: #b7b7b7
}

.bttn--visible-disabled {
  cursor: default
}

.bttn--disabled-click,
.bttn--visible-disabled {
  cursor: default;
  pointer-events: none
}

.bttn--caps {
  text-transform: uppercase
}

.bttn--block {
  display: block
}

@media (max-width:767px) {
  .bttn--at-xs-block {
    display: block;
    max-width: 100%;
    width: 100%
  }
}

.bttn--at-md-block {
  display: none
}

@media (min-width:992px) {
  .bttn--at-md-block {
    display: block
  }
}

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

.bttn--bundle-item-cta {
  margin-left: 0;
  margin-right: auto;
  width: auto
}

@media (max-width:767px) {
  .bttn--bundle-item-cta {
    margin-right: 15px
  }
}

.bttn--small {
  border-radius: 2px;
  padding: 7px 12px
}

@media (max-width:767px) {
  .bttn--full-width-xs {
    padding: .6em;
    width: 100%
  }
}

.bttn--wide {
  padding-left: 4em;
  padding-right: 4em
}

.bttn--wider {
  padding-left: 6em;
  padding-right: 6em
}

.bttn--narrow {
  padding-left: .3em;
  padding-right: .3em
}

.bttn--weight-normal {
  font-weight: 400
}

.bttn--weight-semibold {
  font-weight: 600
}

.bttn--accent-border-light-gray {
  border: 1px solid #ddd
}

.bttn--drop-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

.bttn--with-triangle-right::after {
  margin-left: .5em
}

.bttn--with-triangle-left::before {
  margin-right: .5em
}

.bttn--align-right {
  float: right
}

.bttn__icon {
  font-family: printocean-icons;
  font-style: normal;
  line-height: 1em
}

.bttn__icon--arrow::before {
  content: "\e913";
  font-size: .8em;
  font-weight: 400
}

.bttn__icon--right {
  margin-left: .8em
}

.bttn__icon--left {
  margin-right: .3em
}

.bttn__icon--hidden {
  display: none
}

.bttn-loader {
  -webkit-animation: load-button-animate infinite linear 1s;
  animation: load-button-animate infinite linear 1s;
  border: 3px solid #fff;
  border-radius: 100%;
  border-top: 3px solid transparent;
  display: none;
  height: 25px;
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
  width: 25px
}

.bttn-hidden-content {
  opacity: 0
}

.bttn .icon {
  font-family: printocean-icons;
  font-size: .8em;
  font-style: normal;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-bottom: -2px;
  margin-top: -2px
}

.bttn .icon--small {
  font-size: .6em
}

.bttn .icon--after {
  margin-left: .77em
}

.bttn .icon--arrow-right {
  top: 0
}

.bttn .icon--arrow-right-alt {
  top: 1px
}

.bttn .icon--arrow-right-alt::after {
  content: "\e682"
}

.bttn__icn {
  width: 16px;
  height: 16px;
  fill: currentColor
}

.bttn__icn.arrow-right__icon {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-left: 4px
}

.bttn__icn.arrow-right__icon--smaller {
  width: 16px;
  height: 16px
}

.bttn__icn.lock__icon {
  margin-right: 5px
}

@-webkit-keyframes progress-indefinite-anim {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 100% 0
  }
}

@keyframes progress-indefinite-anim {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 100% 0
  }
}

@-webkit-keyframes load-button-animate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    opacity: .35;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes load-button-animate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    opacity: .35;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.cart-tooltip {
  display: inline
}

.cart-tooltip:hover .cart-tooltip__inside {
  visibility: visible
}

.cart-tooltip__inside {
  background-color: #73c850;
  border: 1px solid #5ea043;
  border-radius: 10px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  color: #fff;
  display: flex;
  padding: 10px 7px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 47px;
  visibility: visible;
  width: 283px;
  z-index: 1
}

.cart-tooltip__inside::after {
  border-color: transparent transparent #73c850 transparent;
  border-style: solid;
  border-width: 5px;
  bottom: 100%;
  content: "";
  left: 91%;
  margin-left: -5px;
  position: absolute
}

.cart-tooltip__inside-box {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  text-align: left
}

.cart-tooltip__inside-box--icon {
  margin: 5px 15px 0 8px
}

.cart-tooltip__inside-box--icon .lock__icon {
  width: 32px;
  height: 32px;
  fill: currentColor
}

.cart-tooltip__inside-box--text {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25rem;
  right: 0;
  padding-right: 10px
}

.cart-tooltip__inside-cross-close {
  position: absolute !important;
  right: 5px;
  top: 5px;
  border: none !important
}

#cookie-bar {
  background: #fff;
  border-top: 1px solid #ddd;
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px;
  position: relative;
  text-align: center;
  z-index: 16000000
}

#cookie-bar.fixed {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0
}

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto
}

#cookie-bar p+p {
  margin-top: 5px
}

#cookie-bar a {
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin: 0 5px;
  padding: 0 10px;
  text-decoration: none;
  transition: all .1s
}

#cookie-bar a:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

#cookie-bar .cb-enable {
  background: #74c852
}

#cookie-bar .cb-enable:hover {
  background: #83ce65
}

#cookie-bar .cb-enable:active {
  background: #64c23e
}

#cookie-bar .cb-disable {
  background: #900
}

#cookie-bar .cb-disable:hover {
  background: #b00
}

#cookie-bar .cb-policy {
  background: #004b78
}

#cookie-bar .cb-policy:hover {
  background: #005b92
}

#cookie-bar .cb-policy:active {
  background: #003b5f
}

.customer-comments__title {
  color: #333;
  display: block;
  font-weight: 600;
  line-height: 1.38em;
  margin-bottom: 4px
}

.customer-comments__author {
  color: #666;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.66em
}

.customer-comments__author--trustpilot:after {
  content: " - "
}

.customer-comments__author--slide {
  color: #333;
  font-size: 13px;
  line-height: 22px
}

.customer-comments__author--slide::after {
  content: ""
}

.customer-comments__publish-date {
  color: #666
}

.customer-comments__badge {
  vertical-align: middle
}

.customer-comments__content {
  color: #666;
  display: table-cell;
  font-weight: 400;
  line-height: 1.538em;
  padding-left: 0;
  text-align: left;
  vertical-align: top
}

.customer-comments__content--flex {
  display: block
}

.customer-comments__content-top {
  margin-bottom: 2px
}

.customer-comments__content-paragraph {
  color: #333
}

.customer-comments__content-paragraph--slide {
  color: #004b78;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 200px;
  letter-spacing: -.3px;
  line-height: 24px;
  margin-bottom: 18px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 326px;
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media (max-width:767px) {
  .customer-comments__content-paragraph--slide {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    width: 100%
  }
}

.customer-comments__content-paragraph--slide::-webkit-scrollbar {
  display: none
}

.customer-comments__content-paragraph--smaller {
  font-size: 12px
}

.customer-comments__stars-rating {
  font-weight: 400;
  margin-right: 8px
}

.customer-comments__stars-rating--icons {
  display: flex;
  overflow: hidden;
  vertical-align: middle
}

.customer-comments__stars-rating--svg {
  width: 100px
}

.customer-comments .trustpilot-stars--smaller:before {
  background: url(../img/trustpilot-stars-5.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  letter-spacing: normal;
  width: 82px
}

.customer-comments .trustpilot-stars--slide:before {
  height: 20px;
  width: 108px
}

.customer-comments__more-less {
  display: inline-block;
  font-weight: 600;
  margin-top: 10px
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
  pointer-events: none
}

.dropdown.disabled {
  cursor: default
}

.dropdown {
  cursor: pointer;
  line-height: normal;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dropdown--simple {
  border: 1px solid #d0d6da;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
  color: #666;
  font-size: 13px;
  line-height: 18px;
  min-width: 140px;
  outline: 0;
  padding: 5px;
  position: relative
}

.dropdown--simple::after {
  color: #666;
  content: "\e619";
  font-family: printocean-icons;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  right: 5px;
  top: 5px
}

.dropdown--simple::-ms-expand {
  display: none
}

.dropdown--simple:hover {
  border-color: #626262
}

.dropdown.open {
  z-index: 2
}

.dropdown .carat:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #e94e1f;
  mask-image: url(../img/icons/triangle-down.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 8px;
  -webkit-mask-image: url(../img/icons/triangle-down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 8px
}

.dropdown.open .carat:after {
  mask-image: url(../img/icons/triangle-up.svg);
  -webkit-mask-image: url(../img/icons/triangle-up.svg)
}

.dropdown.open .selected {
  color: #104672;
  background: #f2f8fd;
  border-color: #104672
}

.dropdown.disabled .carat {
  border-top-color: #999
}

.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden
}

.dropdown select {
  position: absolute;
  left: 0;
  top: 0
}

.dropdown.touch .old {
  width: 100%;
  height: 100%
}

.dropdown.touch select {
  width: 100%;
  height: 100%;
  opacity: 0
}

.dropdown .selected {
  display: block;
  background: #fff;
  font-weight: 400;
  border-radius: 3px;
  padding: 6px 10px;
  border: 1px solid #dadada;
  box-shadow: 0 0 1px rgba(0, 0, 0, .13);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #104672
}

.dropdown.selected .carat:after {
  color: #fff
}

.dropdown.selected .selected {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .21) 0, rgba(255, 255, 255, 0) 100%);
  color: #fff;
  background-color: #e94e1f;
  border-color: #d94315
}

.dropdown.disabled .selected {
  color: #999
}

.dropdown .selected:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px
}

.dropdown div {
  border: 1px solid #dadada;
  position: absolute;
  height: 0;
  left: -1px;
  right: -1px;
  top: 32px;
  margin-top: -1px;
  background: #fff;
  overflow: hidden;
  opacity: 0;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, .14)
}

.dropdown.open div {
  opacity: 1;
  z-index: 999
}

.dropdown.scrollable div:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  box-shadow: inset 0 -50px 30px -35px #fff
}

.dropdown.scrollable.bottom div:after {
  opacity: 0
}

.dropdown ul {
  /*height: 100%;*/
  width: 100%;
  list-style: none;
  position: relative;
  z-index: 999
}

.dropdown.scrollable.open ul {
  overflow-y: auto
}

.dropdown li {
  border-bottom: 1px solid #f0f0f0;
  line-height: 16px;
  font-size: 13px;
  font-weight: 400;
  padding: 10px 0;
  margin: 0 10px;
  color: #4a90e2
}

.dropdown li:hover {
  color: #e94e1f
}

.dropdown li:last-child {
  border-bottom: 0
}

.dropdown li.focus {
  position: relative;
  z-index: 3
}

.dropdown.alt {
  margin-top: 8px
}

.dropdown.alt .selected {
  padding: 12px 10px;
  box-shadow: none;
  color: #252525
}

.dropdown.alt .carat:after {
  font-size: 13px;
  color: #407eaf
}

.dropdown.alt li {
  border: none;
  font-size: 13px;
  color: #252525
}

.dropdown.alt div {
  border-radius: 0;
  box-shadow: none;
  top: 42px
}

.dropdown.alt.open .selected,
.dropdown.alt.selected .selected {
  background: #fff;
  color: #252525;
  border-color: #d9d9d9
}

.close-dropdown {
  cursor: pointer
}

.addthisevent_dropdown {
  width: 200px;
  position: absolute;
  z-index: 99999;
  padding: 6px 0 0 0;
  background: #fff;
  text-align: left;
  display: none;
  margin-top: 4px;
  margin-left: -1px;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #a8a8a8;
  border-left: 1px solid #bebebe;
  border-radius: 2px;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, .15)
}

.addthisevent_dropdown span {
  display: block;
  line-height: 110%;
  background: #fff;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  padding: 8px 10px 9px 15px
}

.addthisevent_dropdown span:hover {
  background: #f4f4f4;
  color: #000;
  text-decoration: none;
  font-size: 14px
}

.addthisevent_dropdown .copyx {
  height: 21px;
  display: block;
  position: relative;
  cursor: default
}

.addthisevent_dropdown .brx {
  height: 1px;
  overflow: hidden;
  background: #e0e0e0;
  position: absolute;
  z-index: 100;
  left: 10px;
  right: 10px;
  top: 9px
}

.addthisevent_dropdown .frs {
  position: absolute;
  top: 5px;
  cursor: pointer;
  right: 10px;
  padding-left: 10px;
  font-style: normal;
  font-weight: 400;
  text-align: right;
  z-index: 101;
  line-height: 110%;
  background: #fff;
  text-decoration: none;
  font-size: 9px;
  color: #cacaca
}

.addthisevent_dropdown .frs:hover {
  color: #6d84b4
}

input[type=submit].anchor {
  background-color: #fff;
  border: 0;
  color: #4a90e2
}

input[type=submit].anchor:hover {
  color: #005e7f
}

#registration-delivery .form-left label {
  margin-right: 12px;
  text-align: right;
  line-height: 21px
}

#registration-delivery .form-left {
  width: 200px;
  text-align: right
}

.form-ok {
  background: url(../img/sprite.png) no-repeat -14px -494px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px
}

.form-after-text {
  padding-left: 6px
}

.form-after-text__item {
  vertical-align: middle;
  display: inline-block
}

.forms.contact .form-left {
  width: 130px;
  text-align: right;
  margin-right: 4px
}

.forms.contact .form-row input {
  width: 235px;
  height: 34px
}

.forms.contact.alt .form-row input {
  width: 313px
}

.forms.contact .form-row input[type=file] {
  width: 100%;
  height: 100%;
  cursor: pointer
}

.forms.contact .form-row .dropdown {
  width: 235px;
  display: inline-block;
  vertical-align: middle
}

.forms.contact .form-row .dropdown .selected {
  padding: 9px 10px
}

.forms.contact .form-row .dropdown>div {
  top: 36px
}

.forms.contact .form-row.hidden {
  padding: 0
}

.forms.contact .form-row.half {
  width: 370px
}

.forms.contact .form-row .upload_block,
.forms.contact .form-row textarea,
.forms.contact .form-row.fullwidth input {
  width: 342px !important
}

.forms.contact .form-row .fileupload {
  width: 342px;
  display: flex;
  align-items: center
}

.forms.contact .form-row .fileupload .upload__icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  margin-right: 5px
}

.forms.contact .form-row .fileupload .selection {
  margin-left: auto
}

.forms.contact .form-width-small {
  width: 373px
}

.forms.contact .form-row input#date {
  width: 82px
}

.forms.contact .form-row input.medium {
  width: 150px
}

.forms.contact .form-row input.small {
  width: 90px
}

.forms.contact .form-row input.smaller {
  width: 56px
}

.forms.contact .form-row .form-nested {
  margin-left: 133px;
  padding-left: 4px
}

.forms.contact .form-width-small input,
.forms.contact .form-width-small input#email {
  width: 235px
}

.forms.contact.graybg {
  padding: 20px 15px
}

.forms.contact.graybg .form-width-small {
  margin-left: -15px
}

.quotation-list ul li strong {
  width: 130px;
  display: inline-block
}

.newforms input.forms:not(.change-address-form__input),
.newforms input[type=email]:not(.change-address-form__input),
.newforms input[type=number]:not(.change-address-form__input),
.newforms input[type=password]:not(.change-address-form__input),
.newforms input[type=tel]:not(.change-address-form__input),
.newforms input[type=text]:not(.change-address-form__input),
.newforms select:not(.change-address-form__input) {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #333;
  height: 30px;
  line-height: 2.3em;
  padding: 0 10px
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.forms.bigger input {
  border-radius: 0;
  padding: 20px 10px;
  height: 50px;
  line-height: 26px;
  border: 1px solid #e0e0e0;
  width: 100%;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

input.medium {
  height: 36px
}

.form-row.disabled>* {
  opacity: .7;
  cursor: default;
  pointer-events: none
}

.forms select {
  height: auto;
  padding: 6px 10px
}

textarea {
  padding: 6px;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #252525
}

.forms input[type=email]:focus,
.forms input[type=password]:focus,
.forms input[type=tel]:focus,
.forms input[type=text]:focus,
.forms textarea:focus {
  border: 1px solid #8ebee3;
  box-shadow: 0 0 2px rgba(142, 190, 227, .42)
}

.forms .i-question-mark {
  display: inline-block;
  margin-left: 6px
}

.forms .i-question-mark {
  margin-left: 4px
}

.forms .form-radio {
  display: inline-block;
  width: 72px
}

.forms input[type=radio] {
  margin-right: 8px
}

.forms p.form-title {
  margin-top: 25px;
  font-size: 13px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #104672
}

.forms:not(.new, .fileupload) p {
  color: #7b7b7b;
  font-size: 12px;
  line-height: 22px
}

.forms h3.form-title {
  width: 100%;
  border-bottom: 1px solid #dedee0;
  padding-bottom: 10px;
  font-size: 15px;
  color: #000
}

.forms h3.form-title.orange {
  color: #e94e1f
}

.dropdown.highlight .selected,
input.highlight,
textarea.highlight {
  border-color: red !important
}

.forms .form-tip {
  color: #9e9e9e;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 600;
  font-style: italic
}

.form-left {
  display: inline-block
}

.form-message--required {
  color: #666;
  font-style: italic
}

.form-row {
  font-size: 13px;
  margin-bottom: 12px;
  min-height: 30px
}

.form-row--suggestions {
  padding-left: 210px
}

.form-row--no-spacing {
  margin-bottom: 0
}

.form-row.alt {
  margin-bottom: 6px
}

.forgot-password {
  color: #1aa0d6;
  display: block;
  margin-top: 12px;
  line-height: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400
}

.form-row.no-space {
  margin: 0
}

.form-row.options-main {
  margin-bottom: 2px;
  margin-top: 15px
}

.form-row.hidden {
  padding: 10px 0;
  display: none
}

.form-row.hidden .form-left {
  padding-left: 10px
}

.form-row.checked:after {
  font-family: printocean-icons;
  content: "\e653";
  font-size: 26px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #4a8710
}

.form-row.field_error:after {
  font-family: printocean-icons;
  content: "\e625";
  font-size: 26px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #a81414
}

.forms-submit {
  float: right;
  border: none
}

.label-left {
  padding-left: 5px
}

.login-form label {
  display: inline-block
}

.logged .forms a {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#contact-form label,
#drukzo-pro-form label,
form#new-user label {
  color: #104672
}

.form-error,
.highlight:not(.dropdown) {
  color: red !important;
  padding-left: 8px
}

.form-error-small {
  color: red !important !important;
  font-size: 12px;
  line-height: 21px
}

.form-success {
  background: url(../img/sprite.png) no-repeat 0 -633px;
  padding-left: 15px;
  margin-left: 7px
}

.form-validateblock {
  width: 100%;
  padding: 20px 15px;
  border: 1px solid #f69594;
  background: #feeaea;
  line-height: 21px
}

.radio.form p,
.radio.main p {
  font-size: 15px;
  line-height: 27px
}

.radio.form form {
  width: 384px
}

.radio.form form p {
  margin-bottom: 4px;
  padding: 3px 0;
  font-size: 13px
}

.radio.form form label {
  color: #7b7b7b;
  line-height: 27px
}

.radio.form form p label {
  display: inline-block;
  width: 140px
}

.radio.form form p input {
  display: inline-block;
  width: 240px;
  height: 34px
}

.signin-back {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  padding: 5px 12px
}

.form--is-disabled {
  opacity: .4;
  pointer-events: none;
  position: relative
}

.form__row {
  align-items: flex-start;
  display: flex;
  margin-bottom: 10px;
  margin-top: 5px;
  position: relative
}

@media screen and (max-width:600px) {
  .form__row {
    flex-wrap: wrap
  }
}

.form__row--wrap {
  flex-wrap: wrap
}

.form__row:last-child {
  margin-bottom: 0
}

.form__row--hidden {
  display: none
}

.form__row--top-spacing {
  margin-top: 15px
}

.form__label {
  color: #666;
  flex: 1 0 240px;
  font-weight: 600;
  line-height: 1.2em;
  max-width: 240px;
  padding-top: 12px
}

.form__label--darken {
  color: #252525
}

.form__label--narrow {
  flex: 1 0 120px;
  max-width: 120px
}

.form__label--light-weight {
  font-weight: 300
}

.form__label--full-width {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: initial;
  padding-bottom: 7px
}

@media screen and (max-width:600px) {
  .form__label {
    flex: 0 0 100%;
    max-width: initial;
    padding-bottom: 5px
  }
}

.form__field {
  align-items: center;
  display: flex;
  flex: 1 0 260px;
  min-height: 40px;
  position: relative
}

@media (min-width:768px) {
  .form__field {
    max-width: 340px
  }
}

@media screen and (max-width:600px) {
  .form__field {
    flex: 0 0 100%
  }
}

.form__field--align-content-right {
  justify-content: flex-end;
  text-align: right
}

.form__field--align-content-top {
  align-items: flex-start
}

.form__field--auto-spaced {
  flex-wrap: wrap;
  max-width: initial
}

.form__field--full-width {
  flex: 1 0 100%;
  max-width: initial
}

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

.form__field--size-grow {
  flex-grow: 1
}

.form__field--size-shrink {
  flex-shrink: 1
}

.form__actions {
  display: flex
}

.form__actions--centered {
  text-align: center;
  width: 100%
}

.form__actions--full-width {
  width: 100%
}

.form__actions--space-between {
  justify-content: space-between
}

.form__actions--vertical-center {
  align-items: center
}

.form__file-upload {
  position: relative
}

.form__file-upload-input {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1
}

.form__file-upload-label {
  color: #4a90e2;
  cursor: pointer;
  font-weight: 600
}

.form__file-upload-label:hover {
  text-decoration: underline
}

.form__file-upload-list,
.form__file-upload-notification {
  display: none;
  margin-top: 10px;
  font-size: 10px
}

.form__file-upload-notification {
  color: #e05432
}

.form__file-upload-notification-filename {
  font-style: italic
}

.form__file-upload-list {
  color: #62ac29
}

.form__file-upload-list-item:not(:first-of-type) {
  margin-top: 5px
}

.form__field-error {
  align-self: baseline;
  color: red;
  display: none;
  font-size: 12px;
  margin-top: 10px
}

.form__field-errormessage {
  color: red;
  font-size: 11px
}

.form__field-errormessage--hidden {
  display: none
}

@media (max-width:767px) {
  .form__field-errormessage {
    flex: 1 0 100%
  }
}

.form__field-content--align-top {
  align-self: flex-start;
  margin-top: 10px
}

.form__inputfield {
  width: 100%
}

.form__inputfield--narrow {
  width: 100px
}

.form__inputfield+.form__inputfield {
  margin-left: 10px
}

.form__inputfield--error {
  border: 1px solid red !important;
  color: red
}

.form__field-sidenote {
  color: #333;
  display: inline-block;
  font-size: 11px;
  line-height: 1.1em;
  padding-left: 10px
}

.form__field-sidenote--outside {
  left: auto;
  position: relative
}

@media (min-width:991px) {
  .form__field-sidenote--outside {
    left: 100%;
    position: absolute
  }
}

.form .form__inputfield,
.form__dropdownfield {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  height: 40px;
  padding-left: 17px;
  padding-right: 2px
}

.form .form__inputfield--rounded,
.form__dropdownfield--rounded {
  border-radius: 5px
}

.form .form__inputfield--plain,
.form__dropdownfield--plain {
  box-shadow: none;
  border-color: #ccc;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 21px
}

.form .form__inputfield--highlight,
.form__dropdownfield--highlight {
  border-color: red;
  background: #efe5e5
}

.form .form__inputfield--active-focus:focus,
.form__dropdownfield--active-focus:focus {
  border-color: #104672;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .15)
}

.form .form__inputfield--dynamic-height,
.form__dropdownfield--dynamic-height {
  height: auto
}

.form__dropdownfield {
  background-image: url('data:image/svg+xml;utf8,<svg width="17" height="7" xmlns="http://www.w3.org/2000/svg" version="1.1"><polygon points="0,0 10,0 5,7" fill="#666666" /></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 33px
}

.form__dropdownfield--hidden {
  visibility: hidden
}

@media screen and (max-width:600px) {
  .form__dropdownfield {
    padding-right: 15px
  }
}

.contact-suggestion {
  color: #4a90e2;
  max-width: 370px
}

.contact-suggestion:hover {
  cursor: pointer;
  text-decoration: underline
}

.add-address__popup {
  width: 460px
}

@media (max-width:767px) {
  .add-address__popup {
    width: 100%
  }
}

.add-address__block {
  background: #fff;
  border: 1px solid #d4d4d4;
  margin: 30px 0;
  padding: 10px 20px;
  width: 500px
}

@media (max-width:767px) {
  .add-address__block {
    width: 100%
  }
}

.add-address__form {
  padding: 20px
}

@media (max-width:767px) {
  .add-address__form {
    padding-top: 10px
  }
}

.add-address__title {
  border-bottom: 1px solid #ddd;
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1px;
  padding-bottom: 12px;
  padding-top: 12px;
  text-align: center
}

.add-address__title--default {
  border-bottom: none;
  padding-bottom: 6px;
  padding-top: 0;
  text-align: left
}

.add-address__subtitle {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
  padding-bottom: 12px
}

.login-form__copy {
  color: #333 !important;
  font-weight: 600;
  margin-bottom: 30px
}

.login-form__error-message {
  line-height: 20px
}

.login-form__trigger-account-creation {
  font-weight: 600
}

.pro-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px
}

.pro-form__column {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  width: 50%
}

@media (max-width:767px) {
  .pro-form__column {
    width: 100%
  }
}

.pro-form__title {
  font-size: 24px;
  letter-spacing: -.25px;
  margin-bottom: 20px
}

.pro-form__label {
  display: none
}

.pro-form__input {
  border: solid 1px #dbdbdb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 15px;
  padding: 15px 25px
}

.pro-form__input--half {
  width: 48%
}

.pro-form__inputs-half {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  width: 100%
}

.pro-form__submit {
  margin-top: 10px
}

.pro-form__state {
  display: none;
  width: 50%
}

.pro-form__error {
  color: red
}

.mkb-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px
}

.mkb-form__column {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  width: 50%
}

@media (max-width:767px) {
  .mkb-form__column {
    width: 100%
  }
}

.mkb-form__title {
  font-size: 24px;
  letter-spacing: -.25px;
  margin-bottom: 20px
}

.mkb-form__label {
  display: none
}

.mkb-form__input {
  border: solid 1px #dbdbdb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 15px;
  padding: 15px 25px
}

.mkb-form__submit {
  margin-top: 10px
}

.mkb-form__state {
  display: none;
  width: 50%
}

.mkb-form__error {
  color: red
}

.guide__container {
  display: flex;
  margin: 5px 0 15px 0
}

.guide__container::after {
  clear: both;
  content: "";
  display: table
}

.guide__container--in-popup {
  margin: 20px
}

.guide__container--top-spacing {
  margin-top: 15px
}

.guide__container--witharrow {
  background: linear-gradient(-90deg, #ebebeb 0, #fff 609px);
  margin-right: 54px;
  position: relative
}

@media screen and (max-width:767px) {
  .guide__container--witharrow {
    margin-right: 0
  }
}

.guide__container--with-promo-a {
  margin-bottom: 0;
  margin-top: 0
}

.guide__container--with-actions-right {
  display: flex
}

.guide__container__arrow {
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

@media screen and (max-width:767px) {
  .guide__container__arrow {
    display: none
  }
}

.guide__container__arrow::after,
.guide__container__arrow::before {
  background-color: #fff;
  border-left: 1px solid #ddd;
  content: "";
  display: block;
  height: 80%;
  left: 100%;
  position: absolute;
  width: 40px
}

.guide__container__arrow::before {
  bottom: 50%;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%
}

.guide__container__arrow::after {
  top: 50%;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.guide__image {
  float: left;
  margin-right: 20px
}

.guide__image--small {
  max-width: 232px
}

.guide__image--big {
  margin-bottom: -24px
}

.guide__image--variable-width {
  max-height: 105px
}

.guide__image--pull-top {
  margin-top: -14px
}

@media (max-width:767px) {
  .guide__image {
    margin-left: 3px;
    margin-top: 3px;
    max-width: 90px
  }

  .payment-experiment__wrapper .guide__image {
    display: none
  }
}

.guide__image+.guide__title {
  padding-top: 35px
}

@media screen and (max-width:767px) {
  .guide__image+.guide__title {
    padding-bottom: 5px;
    padding-top: 10px
  }
}

.guide__title {
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 1.2em
}

@media (min-width:768px) {
  .guide__title {
    font-size: 28px;
    font-weight: 600
  }
}

.guide__title--in-popup {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-top: 0
}

.guide__title--big {
  font-size: 30px
}

@media (min-width:768px) {
  .guide__title--big {
    font-size: 22px
  }
}

.guide__title--bigger {
  font-size: 32px
}

@media (min-width:768px) {
  .guide__title--bigger {
    font-size: 40px
  }
}

.guide__title--bold {
  font-weight: 700
}

.guide__title--black {
  color: #000
}

.guide__description {
  color: #666;
  font-size: 13px
}

@media (min-width:768px) {
  .guide__description {
    color: #004b78;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.466em
  }
}

.guide__description--medium-weight {
  font-weight: 600
}

.guide__description--plain {
  color: #666;
  font-size: 14px;
  font-weight: 400
}

.guide__description--big {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -2px;
  margin-top: -8px
}

.guide__description--black {
  color: #252525
}

.guide__description--in-popup {
  color: #666;
  font-size: 13px
}

.guide__description--only-on-mobile {
  display: none
}

@media screen and (max-width:767px) {
  .guide__description--only-on-mobile {
    display: block
  }
}

.guide__description--only-on-desktop {
  display: block
}

@media screen and (max-width:767px) {
  .guide__description--only-on-desktop {
    display: none
  }
}

.guide__description--push-top-small {
  margin-top: 2px
}

.guide__actions {
  margin-top: 15px
}

.guide__promo {
  float: right;
  max-width: 280px;
  position: relative
}

.guide__promo img {
  display: block;
  height: auto;
  max-width: 100%
}

.guide__promo-label {
  background-color: #e05432;
  border-bottom-right-radius: 0;
  border-radius: 3px;
  border-top-right-radius: 0;
  bottom: 17%;
  display: block;
  left: 4%;
  padding-bottom: 5px;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 4px;
  position: absolute
}

.guide__promo-label::after {
  border-color: transparent transparent transparent #e05432;
  border-style: solid;
  border-width: 10.5px 0 10.5px 11.2px;
  content: "";
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0
}

.guide__promo-labeltext {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1em;
  text-transform: uppercase
}

.header-effect {
  position: relative
}

.header-effect--primary-line::before {
  background-color: #e94e1f;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  margin-bottom: .3em;
  width: 45px
}

@media (max-width:767px) {
  .header-effect--primary-line::before {
    margin-bottom: .4em
  }
}

.header-effect--primary-line-centered::before {
  margin-left: auto;
  margin-right: auto
}

.headerstyle--variant-a {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.18em;
  margin-bottom: 10px;
  margin-top: 10px
}

.headerstyle--variant-a strong {
  color: currentColor;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700
}

.headerstyle--variant-b {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.25em
}

.headerstyle--variant-c {
  color: #222;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35em
}

.headerstyle--variant-d {
  color: #444;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2em
}

.headerstyle--variant-e {
  color: #222;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.33em
}

.headerstyle--variant-f {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.25em
}

.headerstyle--variant-g {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.375em;
  margin-bottom: 10px
}

.headerstyle--variant-h {
  color: #1a1a1a;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375em
}

.headerstyle--variant-i {
  color: #666;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.375em
}

.headerstyle--variant-j {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25em
}

.headerstyle--variant-j strong {
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  font-weight: 700
}

.headerstyle--variant-k {
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.11em
}

.headerstyle--variant-l {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.34em
}

.headerstyle--variant-l strong {
  color: currentColor;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700
}

.headerstyle--variant-m {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.5px
}

.headerstyle--variant-m strong {
  color: currentColor;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: -1px
}

.headerstyle--variant-n {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px
}

.headerstyle--variant-n strong {
  color: currentColor;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0
}

.headerstyle--variant-o {
  color: #174b77;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.34em
}

.headerstyle--variant-o strong {
  color: currentColor;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 0
}

.headerstyle--variant-p {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2em
}

.headerstyle--variant-p strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.headerstyle--variant-r {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.22em
}

.headerstyle--variant-r strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.headerstyle--variant-s {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.22em
}

.headerstyle--variant-s strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.headerstyle--white {
  color: #fff
}

.headerstyle--black {
  color: #252525
}

.headerstyle--maincolor {
  color: #104672
}

.headerstyle--medium {
  font-size: 24px
}

@media (max-width:767px) {
  .headerstyle--medium {
    font-size: 18px
  }
}

.headerstyle--big {
  font-size: 38px
}

@media (max-width:767px) {
  .headerstyle--big {
    font-size: 28px
  }
}

.headerstyle--caps {
  text-transform: uppercase
}

.headerstyle--centered {
  text-align: center
}

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

.headerstyle--drop-shadow {
  text-shadow: 0 1px 7px rgba(0, 0, 0, .5)
}

.headerstyle--spacing {
  margin-bottom: 15px
}

.headerstyle--cosy-chars {
  letter-spacing: -1px
}

.headerstyle--with-sidelines {
  align-items: center;
  display: flex
}

.headerstyle--with-sidelines::after,
.headerstyle--with-sidelines::before {
  background-color: currentColor;
  content: "";
  flex: 1 0 auto;
  height: 1px;
  opacity: .3
}

.headerstyle--with-sidelines::before {
  margin-right: 1em
}

.headerstyle--with-sidelines::after {
  margin-left: 1em
}

.headerstyle--with-sidelines-narrowed {
  margin-bottom: 30px;
  margin-top: 30px
}

@media (max-width:767px) {
  .headerstyle--with-sidelines-narrowed {
    margin-bottom: 10px;
    margin-top: 10px
  }
}

.headerstyle--referral-title {
  color: #004b78;
  font-size: 34px;
  letter-spacing: -2.27px;
  margin-bottom: 15px;
  margin-top: 40px
}

.headerstyle--referral-title-welcome {
  margin-bottom: 5px
}

.headerstyle--referral-note {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  color: #004b78
}

.headerstyle--referral-note-received {
  padding: 12px 0;
  font-weight: 700
}

.headerstyle--referral-explained {
  color: #004b78;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 0
}

.headerstyle--flex-fullwidth {
  flex-basis: 100%;
  margin-bottom: 0;
  padding-top: 30px;
  text-align: center
}

.help-blocks {
  background-color: #f2f5f6;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 10px
}

.help-blocks--spacing-top {
  margin-top: 100px
}

.help-blocks .title {
  color: #104672;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 15px
}

.help-blocks ul li {
  color: #1a1a1a;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  align-items: center
}

.help-blocks ul li .check-circle__icon {
  width: 16px;
  height: 16px;
  fill: #6a9cd6;
  margin-right: 10px;
  flex-shrink: 0
}

.help-blocks .help-image {
  position: absolute;
  right: 0;
  top: -35px
}

.help-blocks .help-image--larger {
  top: -85px
}

#hc_launcher {
  bottom: 380px;
  left: -2px;
  position: fixed;
  top: auto;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) translateY(-50%);
  transform: translate3d(-50%, -50%, 0) rotate(90deg) translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  transition: all .8s;
  z-index: 5000
}

@media (max-width:767px) {
  #hc_launcher {
    display: none
  }
}

#hc_launcher button {
  color: #fff;
  cursor: pointer;
  border: 0;
  padding: 10px 20px;
  background-color: #004b78;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
  font-size: 13px;
  transition: all .1s
}

#hc_launcher button:focus {
  border: 0 !important;
  outline: 0 !important
}

#hc_launcher button button.hc_opened {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all .1s
}

.hr {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #ddd;
  margin-bottom: 25px;
  margin-top: 25px
}

@media (min-width:768px) {
  .hr {
    margin-bottom: 50px;
    margin-top: 50px
  }
}

.hr--centered {
  margin-left: auto;
  margin-right: auto
}

.hr--gridwidth {
  max-width: 1140px
}

.hr--spacing-medium {
  margin-bottom: 10px;
  margin-top: 10px
}

@media (min-width:768px) {
  .hr--spacing-medium {
    margin-bottom: 20px;
    margin-top: 20px
  }
}

.hr--break-out-of-padding {
  margin-left: -20px;
  margin-right: -20px
}

.home-block-aw {
  padding: 50px 0
}

.home-block-aw__container {
  width: 100%
}

.home-block-aw__header {
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 840px;
  text-align: center
}

.home-block-aw__title {
  font-size: 24px;
  margin-bottom: 15px
}

.home-block-aw__form {
  margin-top: 15px
}

.home-block-aw__form .dropdown {
  width: 100%
}

.home-block-aw__form .dropdown .selected {
  padding: 10px;
  box-shadow: none;
  border-radius: 5px;
  border-color: #ccc;
  color: #252525;
  background-color: #fff
}

.home-block-aw__form .dropdown .carat::after {
  background-color: #ccc
}

.home-block-aw__form .dropdown div {
  top: 41px
}

.home-block-aw__form .dropdown div li {
  color: #252525
}

.home-block-aw__form .dropdown div li:hover {
  color: #104672
}

.home-block-aw__form .dropdown.focus .selected {
  border-color: #104672
}

.home-block-aw__form .dropdown.focus .carat::after {
  background-color: #104672
}

.home-block-aw__form .form-row {
  min-height: auto
}

.home-block-aw__form .form__field {
  max-width: 100%;
  min-height: auto
}

.exit-intent {
  background: #004b78;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3);
  bottom: -100%;
  color: #fff;
  padding-top: 10px;
  position: fixed;
  left: 30px;
  width: 300px;
  transition: all .4s ease;
  z-index: 15
}

.exit-intent--visible {
  bottom: 0
}

.exit-intent--toggle {
  top: 100vh
}

.exit-intent__minimize {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #004b78;
  cursor: pointer;
  display: block;
  padding: 4px 20px;
  position: absolute;
  right: 20px;
  top: -20px
}

.exit-intent__minimize:after {
  border: solid;
  border-width: 0 2px 2px 0;
  color: #fff;
  content: "";
  display: inline-block;
  padding: 3px;
  position: relative;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.exit-intent__minimize--toggle {
  padding-top: 6px
}

.exit-intent__minimize--toggle:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.exit-intent__content {
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center
}

.exit-intent__field {
  border: none;
  border-radius: 3px;
  padding: 5px;
  width: 100%
}

.exit-intent__textarea {
  border: 1px solid transparent;
  color: #333;
  font-size: 16px;
  height: 100px;
  resize: none;
  width: 100%
}

.exit-intent__main {
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

.exit-intent__actions {
  border-top: 1px solid #00325f;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  padding: 15px
}

.exit-intent__button {
  background: #74c852;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  margin-left: 8px;
  padding: 5px 8px
}

.exit-intent__button:hover {
  background: #64c23e
}

.exit-intent__thank-you {
  display: none;
  padding: 15px;
  text-align: center
}

.exit-intent__nameemail {
  display: none
}

input[type=checkbox]+label,
input[type=radio]+label {
  cursor: pointer;
  line-height: 21px
}

.i,
.icon:after,
.icon:before,
.navhead nav>ul>li a:before,
input[type=checkbox]+label:before,
input[type=radio]+label:before {
  font-family: printocean-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-decoration: none
}

span[class*=i-]::before,
span[class*=icon]::before {
  display: inline-block;
  text-decoration: none
}

span[class*=icon--big]::before {
  font-size: 26px
}

span[class*=i-]:after,
span[class*=i-]:before {
  font-family: printocean-icons
}

[class*=i-checkbox]:before,
[class*=i-radio]:before,
[class*=icon-checkbox]:before,
[class*=icon-radio]:before,
input[type=checkbox]+label:before,
input[type=radio]+label:before {
  font-size: 24px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 21px;
  padding-right: 5px
}

.resellers .i-checkbox:before,
.resellers .i-radio:before,
.resellers .icon-checkbox:before,
.resellers .icon-radio:before {
  line-height: 28px
}

[class*=i-checkbox]:before,
input[type=checkbox]+label:before {
  vertical-align: top
}

input[type=checkbox],
input[type=radio] {
  display: none
}

input[type=checkbox].visible,
input[type=radio].visible {
  display: inline-block;
  position: absolute;
  opacity: 0
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
  content: "";
  height: 16px;
  width: 16px;
  padding: 0;
  margin-top: 3px;
  margin-right: 8px;
  background-color: #d3d3d3;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 16px
}

input[type=checkbox]+label:hover:before,
input[type=checkbox].checked+label:before,
input[type=checkbox]:checked+label:before,
input[type=radio]+label:hover:before,
input[type=radio].checked+label:before,
input[type=radio]:checked+label:before {
  background-color: #407eaf
}

input[type=checkbox].disabled+label,
input[type=radio].disabled+label {
  color: #d3d3d3;
  cursor: not-allowed
}

input[type=checkbox].disabled+label:before,
input[type=radio].disabled+label:before {
  background-color: #d3d3d3
}

input[type=radio]+label:before {
  mask-image: url(../img/icons/radio-unchecked.svg);
  -webkit-mask-image: url(../img/icons/radio-unchecked.svg)
}

input[type=radio].checked+label:before,
input[type=radio]:checked+label:before {
  mask-image: url(../img/icons/radio-checked.svg);
  -webkit-mask-image: url(../img/icons/radio-checked.svg)
}

input[type=checkbox]+label:before {
  mask-image: url(../img/icons/checkbox-unchecked.svg);
  -webkit-mask-image: url(../img/icons/checkbox-unchecked.svg)
}

input[type=checkbox].checked+label:before,
input[type=checkbox]:checked+label:before {
  mask-image: url(../img/icons/checkbox-checked.svg);
  -webkit-mask-image: url(../img/icons/checkbox-checked.svg)
}

input[type=checkbox].disabled+label:before,
input[type=checkbox].disabled+label:hover:before {
  mask-image: url(../img/icons/checkbox-disabled.svg);
  -webkit-mask-image: url(../img/icons/checkbox-disabled.svg)
}

.icon:hover {
  text-decoration: none
}

.icon.neutral:before {
  color: #acacac
}

.icon.indent:before {
  position: absolute;
  left: 0
}

.icon.textmar {
  margin-right: 5px
}

.icon.disabled:hover {
  color: #104672 !important
}

.circle-icon {
  z-index: 1
}

.circle-icon:before {
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  font-size: 44px;
  max-width: 108px
}

.circle-icon.i-art-hat:before {
  font-size: 40px;
  padding: 34px 25px
}

.circle-icon.i-artcup:before {
  padding: 32px 37px
}

.green .circle-icon.small:before {
  background: #69b224
}

.circle-icon.small:before {
  font-size: 46px;
  padding: 23px;
  width: 100px;
  vertical-align: middle
}

.icon-radio:before {
  content: "";
  height: 16px;
  width: 16px;
  padding: 0;
  margin-bottom: 4px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: #d3d3d3;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 16px;
  mask-image: url(../img/icons/radio-unchecked.svg);
  -webkit-mask-image: url(../img/icons/radio-unchecked.svg)
}

.icon-radio.disabled:before {
  mask-image: url(../img/icons/radio-disabled.svg);
  -webkit-mask-image: url(../img/icons/radio-disabled.svg);
  text-decoration: none
}

.icon-radio.disabled:hover:before {
  background-color: #d3d3d3
}

.icon-radio.disabled,
.icon-radio.disabled:hover {
  color: #929292
}

.icon-radio.active:before {
  mask-image: url(../img/icons/radio-checked.svg);
  -webkit-mask-image: url(../img/icons/radio-checked.svg);
  background-color: #407eaf
}

.icon-radio.active:before,
input[type=radio]:checked+label:before {
  color: #407eaf
}

.icon-radio.active:hover:before,
.icon-radio:hover:before {
  background-color: #e94e1f
}

.icon-checkbox.active,
.icon-radio.active {
  color: #407eaf
}

.icon-checkbox:hover,
.icon-radio:hover {
  color: #e94e1f
}

.icon-checkbox:before {
  mask-image: url(../img/icons/checkbox-unchecked.svg);
  -webkit-mask-image: url(../img/icons/checkbox-unchecked.svg);
  background-color: #d3d3d3
}

.icon-checkbox:hover:before {
  background-color: #e94e1f
}

.icon-checkbox.disabled:before {
  mask-image: url(../img/icons/checkbox-disabled.svg);
  -webkit-mask-image: url(../img/icons/checkbox-disabled.svg)
}

.icon-checkbox.disabled:hover:before {
  color: #d3d3d3
}

.icon-checkbox.disabled,
.icon-checkbox.disabled:hover {
  color: #929292
}

.icon-checkbox.active:before {
  mask-image: url(../img/icons/checkbox-checked.svg);
  -webkit-mask-image: url(../img/icons/checkbox-checked.svg);
  background-color: #407eaf
}

.icon-checkbox.active:hover:before {
  color: #e94e1f
}

.icon-checkbox {
  cursor: pointer;
  line-height: 21px
}

.i-magnif-2 {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #104672
}

.i-magnif-2 .zoom__icon {
  width: 40px;
  height: 40px;
  margin: 30px;
  fill: #fff
}

.i-information:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  margin: 0 3px;
  cursor: pointer;
  vertical-align: text-top;
  background-color: #407eaf;
  mask-image: url(../img/icons/info-circle.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 16px;
  -webkit-mask-image: url(../img/icons/info-circle.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 16px
}

.i-information--gray:before {
  background-color: #7f7f7f
}

.i-information--gold:before {
  background-color: #ffc94a
}

.i-information--green:before {
  color: #24ba60
}

.i-slim-information {
  line-height: .9em
}

.i-slim-information:before {
  border: 1px solid currentColor;
  border-radius: 100%;
  color: currentColor;
  content: "i";
  display: block;
  font-size: 11px;
  font-style: normal;
  height: 1.2em;
  text-align: center;
  vertical-align: middle;
  width: 1.2em
}

.i-slim-information--gray:before {
  color: #7f7f7f
}

.i-slim-information--blue:before {
  color: #417cac
}

.i-chat-clouds {
  background: url(../img/icons.png) no-repeat 0 -680px;
  width: 42px;
  height: 25px;
  display: inline-block
}

.circle-icon.special:before {
  background: #ffc628;
  color: #104672
}

.circle-icon:before {
  background: #407eaf
}

.i {
  background-color: #dedede;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 1.1em;
  line-height: .8em;
  padding-top: .15em;
  vertical-align: middle;
  width: 1.1em
}

.i--information {
  background-color: #3d7db1;
  font-family: serif;
  text-align: center
}

.i--information:before {
  content: "i";
  font-weight: 700
}

.icon--arrow-right {
  display: inline-block
}

.icon--arrow-right:before {
  border-color: transparent transparent transparent currentColor;
  border-style: solid;
  border-width: .35em 0 .35em .35em;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0
}

.close__icon {
  width: 14px;
  height: 14px;
  fill: currentColor
}

.close__icon--custom-color {
  fill: none
}

.bttn--with-triangle-left::before,
.bttn--with-triangle-right::after {
  border-style: solid;
  content: "";
  display: inline-block;
  height: 0;
  width: 0
}

.bttn--with-triangle-left::before {
  border-color: transparent currentColor transparent transparent;
  border-width: 4px 6px 4px 0
}

.bttn--with-triangle-right::after {
  border-color: transparent transparent transparent currentColor;
  border-width: 4px 0 4px 6px
}

.identity__logo-display {
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px dashed #ccc;
  cursor: pointer;
  display: flex;
  height: 100px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  position: relative;
  width: 230px
}

.identity__logo-display--is-pending {
  opacity: .5
}

.identity__logo-display--is-filled .identity__logo-button {
  opacity: 0
}

.identity__logo-display--is-filled .identity__logo-button--empty {
  display: none
}

.identity__logo-display--is-filled .identity__logo-button--filled {
  display: block
}

.identity__logo-display--is-filled:hover .identity__logo-button {
  opacity: 1
}

.identity__logo-input {
  bottom: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 0
}

.identity__logo-button--empty {
  display: block
}

.identity__logo-button--filled {
  display: none
}

.identity__logo-helpertext {
  color: #666;
  font-size: 11px;
  margin-top: 5px
}

.identity__message--success {
  margin-bottom: 10px
}

ul.block-checks {
  margin: 15px 0
}

ul.block-checks--spacing {
  margin-bottom: 35px
}

ul.block-checks li {
  margin: 12px 0;
  display: flex;
  align-items: center
}

ul.block-checks li .check-circle__icon {
  width: 20px;
  height: 20px;
  fill: #73c850;
  margin-right: 15px;
  flex-shrink: 0
}

body.helloprintconnect .navhead__close-btn,
body.wls-new-header .navhead__close-btn,
body:not(.wls) .navhead__close-btn {
  display: none;
  position: absolute;
  top: 0;
  right: -45px;
  width: 45px;
  height: 45px;
  z-index: 1;
  align-items: center;
  justify-content: center;
  border: none;
  border-left: 1px solid #dadada;
  border-radius: 0 5px 5px 0;
  background-color: #f7f7f7
}

body.helloprintconnect .navhead__close-btn:hover,
body.wls-new-header .navhead__close-btn:hover,
body:not(.wls) .navhead__close-btn:hover {
  background: #e7e7e7
}

@media (max-width:991px) {

  body.helloprintconnect .navhead,
  body.wls-new-header .navhead,
  body:not(.wls) .navhead {
    display: block !important;
    position: fixed;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    transition: all .35s ease;
    width: 90vw;
    z-index: 10001;
    height: 100vh;
    margin-top: 0;
    top: 0;
    overflow: hidden
  }

  body.helloprintconnect .navhead.opened,
  body.wls-new-header .navhead.opened,
  body:not(.wls) .navhead.opened {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: visible
  }

  body.helloprintconnect .navhead__close-btn,
  body.wls-new-header .navhead__close-btn,
  body:not(.wls) .navhead__close-btn {
    display: flex
  }

  body.helloprintconnect .navhead nav>ul>li a.active,
  body.wls-new-header .navhead nav>ul>li a.active,
  body:not(.wls) .navhead nav>ul>li a.active {
    color: #104672
  }

  body.helloprintconnect .cat-navhead nav>ul,
  body.wls-new-header .cat-navhead nav>ul,
  body:not(.wls) .cat-navhead nav>ul {
    background: #f7f7f7;
    flex-direction: column
  }

  body.helloprintconnect .cat-navhead nav>ul>li,
  body.wls-new-header .cat-navhead nav>ul>li,
  body:not(.wls) .cat-navhead nav>ul>li {
    border-bottom: 1px solid #dadada
  }

  body.helloprintconnect .cat-navhead .header__navigation-item>a,
  body.wls-new-header .cat-navhead .header__navigation-item>a,
  body:not(.wls) .cat-navhead .header__navigation-item>a {
    font-size: 13px;
    letter-spacing: normal;
    padding-bottom: 10px;
    padding-top: 10px
  }

  body.helloprintconnect .cat-navhead .header__navigation-item>a:hover,
  body.wls-new-header .cat-navhead .header__navigation-item>a:hover,
  body:not(.wls) .cat-navhead .header__navigation-item>a:hover {
    background: #e7e7e7;
    border-bottom: 2px solid transparent
  }

  body.helloprintconnect .cat-navhead .header__navigation-item>a:hover+.header__submenu,
  body.wls-new-header .cat-navhead .header__navigation-item>a:hover+.header__submenu,
  body:not(.wls) .cat-navhead .header__navigation-item>a:hover+.header__submenu {
    display: none
  }
}

.mobile-menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.navhead--is-mobile {
  display: block !important;
  position: fixed;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  transition: all .35s ease;
  width: 90vw;
  z-index: 10001;
  height: 100vh;
  margin-top: 0;
  top: 0
}

.navhead--is-mobile.opened {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.navhead--is-mobile nav>ul>li a.active {
  color: #104672
}

.navhead.opened {
  height: 100% !important;
  overflow-y: auto
}

.header-mobile__navigation {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative
}
.header-mobile__navigation .navbar-nav .nav-item .nav-link a span{
    font-size: 20px;
    color: white;
}
.header-mobile__navigation .nav-link{
    color: #fff;
}
.header-mobile__chevron-left-icon {
  height: 12px;
  margin-right: 10px;
  width: 12px
}

.header-mobile__item-label {
  background: #e94e1f;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 9px;
  margin-left: 5px;
  padding: 2px 5px;
  text-transform: uppercase
}

.header-mobile__item-label--canva {
  background-color: #00bfc8
}

.header-mobile__heading {
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0 20px 0
}

.header-mobile__close-menu {
  padding: 22px;
  position: absolute;
  right: 6px;
  top: 0;
  z-index: 99;
  display: flex
}

.header-mobile__close-menu .close__icon {
  fill: #fff
}

.header-mobile__title {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 50px
}

@media (max-width:575px) {
  .header-mobile__title {
    padding: 0 30px
  }
}

.header-mobile__title--anchor {
  align-items: center;
  display: flex;
  position: relative
}

.header-mobile__main-menu {
  padding: 15px 30px 15px 50px
}

@media (max-width:575px) {
  .header-mobile__main-menu {
    padding: 15px 30px
  }
}

.header-mobile__page-menu {
  border-top: 1px solid #e7e7e7;
  padding: 15px 30px 15px 50px
}

@media (max-width:575px) {
  .header-mobile__page-menu {
    padding: 15px 30px
  }
}

.header-mobile__page-menu-item {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.header-mobile__page-menu .chevron-right__icon {
  width: 12px;
  height: 12px
}

.header-mobile__page-link {
  color: #252525;
  display: flex;
  padding: 8px 0;
  align-items: center;
  flex: 100%
}

.header-mobile__menu-anchor {
  color: #f9f9f9;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 35px;
  padding: 3px 0;
  position: relative
}

.header-mobile__menu-anchor--has-submenu {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.header-mobile__menu-anchor--has-submenu .chevron-right__icon {
  width: 12px;
  height: 12px
}

.header-mobile__menu {
  height: 100%;
  margin-left: -100%;
  overflow-y: auto;
  transition: all .2s ease-in-out;
  visibility: hidden;
  width: 100%;
  display: block
}

@media (min-width:992px) {
  .header-mobile__menu {
    display: none
  }
}

.header-mobile__menu--visible {
  left: 0;
  margin-left: 0;
  visibility: visible
}

.header-mobile__page-submenu,
.header-mobile__submenu,
.header-mobile__submenu-second-items {
  bottom: 0;
  height: 100%;
  left: 100%;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s ease-in-out;
  visibility: hidden;
  width: 100%
}

.header-mobile__page-submenu--visible,
.header-mobile__submenu--visible,
.header-mobile__submenu-second-items--visible {
  left: 0;
  visibility: visible
}

.header-mobile__page-submenu-items,
.header-mobile__submenu-items,
.header-mobile__submenu-second-items-items {
  padding: 0 30px 15px 50px
}

@media (max-width:575px) {

  .header-mobile__page-submenu-items,
  .header-mobile__submenu-items,
  .header-mobile__submenu-second-items-items {
    padding: 0 30px 15px 30px
  }
}

.header-mobile__page-submenu-title,
.header-mobile__submenu-second-items-title,
.header-mobile__submenu-title {
  border-bottom: 4px solid #e7e7e7;
  font-size: 15px;
  font-weight: 700;
  padding: 16px 0;
  text-align: center;
  margin-bottom: 15px
}

.header-mobile__page-submenu-title a,
.header-mobile__submenu-second-items-title a,
.header-mobile__submenu-title a {
  color: #104672
}

.header-mobile__page-submenu-item-title,
.header-mobile__submenu-item-title,
.header-mobile__submenu-second-items-item-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 5px
}

.header-mobile__page-submenu-item-title--as-navigation,
.header-mobile__submenu-item-title--as-navigation,
.header-mobile__submenu-second-items-item-title--as-navigation {
  color: #104672;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.header-mobile__page-submenu-item-title--as-navigation .chevron-right__icon,
.header-mobile__submenu-item-title--as-navigation .chevron-right__icon,
.header-mobile__submenu-second-items-item-title--as-navigation .chevron-right__icon {
  width: 12px;
  height: 12px
}

.header-mobile__page-submenu-item-title a,
.header-mobile__page-submenu-item-title span,
.header-mobile__submenu-item-title a,
.header-mobile__submenu-item-title span,
.header-mobile__submenu-second-items-item-title a,
.header-mobile__submenu-second-items-item-title span {
  color: #104672
}

.header-mobile__page-submenu-subitem,
.header-mobile__submenu-second-items-subitem,
.header-mobile__submenu-subitem {
  line-height: 30px
}

.header-mobile__page-submenu-subitem-anchor,
.header-mobile__submenu-second-items-subitem-anchor,
.header-mobile__submenu-subitem-anchor {
  color: #222;
  display: block
}

.header-mobile__page-submenu .header__solution-list,
.header-mobile__submenu .header__solution-list,
.header-mobile__submenu-second-items .header__solution-list {
  border-bottom: none
}

.header-mobile__submenu-second-item {
  padding: 0 30px 15px 50px
}

.header-mobile__submenu-second-item .labels {
  display: inline-block;
  vertical-align: middle
}

.header-mobile__submenu-second-item .labels__icons .label-icon {
  height: 15px;
  width: auto
}

@media (max-width:575px) {
  .header-mobile__submenu-second-item {
    padding: 0 30px 15px 30px
  }
}

.header-mobile__submenu-second-item-title {
  color: #104672;
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 5px
}

.header-mobile__sub-submenu-second-item {
  line-height: 30px;
  color: #333
}

.header-mobile__sub-submenu-second-item a {
  color: #333
}

.header-mobile__sub-submenu-second-item-label {
  background: #e94e1f;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  line-height: 9px;
  margin-left: 5px;
  padding: 2px 5px;
  text-transform: uppercase
}

.header-mobile__sub-submenu-second-item-label--canva {
  background-color: #00bfc8
}

.header-mobile__page-submenu .header__multilang-row,
.header-mobile__page-submenu .header__solution-list {
  padding: 15px 30px
}

.orders-with-action-required-count {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #e94e1f;
  border-radius: 5px;
  color: #fff;
  line-height: 15px;
  padding: 4px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  position: absolute;
  right: 0;
  top: -5px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.orders-with-action-required-count--animate {
  -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
  animation: shake .82s cubic-bezier(.36, .07, .19, .97) both
}

@-webkit-keyframes shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

@keyframes shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

.order-steps-wrapper {
  display: flex;
  align-items: center;
  margin: 15px 0 20px
}

.order-steps-wrapper__title {
  min-width: 300px
}

@media (max-width:1199px) {
  .order-steps-wrapper__title {
    margin-bottom: 20px
  }
}

@media (max-width:1199px) {
  .order-steps-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .order-steps-wrapper {
    margin: 0
  }
}

.order-steps {
  display: table;
  table-layout: fixed;
  text-align: justify;
  width: 100%
}

@media (max-width:767px) {
  .order-steps {
    margin-bottom: 15px;
    margin-top: 20px
  }
}

@media (max-width:767px) {
  .order-steps--mobile-hidden {
    display: none
  }
}

@media (min-width:992px) {
  .order-steps {
    margin-top: 7px;
    width: 900px
  }

  .order-steps--narrow {
    width: 620px
  }

  .order-steps--spacing-left {
    margin-left: 10px
  }
}

.order-steps__item {
  display: table-cell;
  position: relative;
  text-align: center
}

.order-steps__item:first-child::before {
  content: none
}

.order-steps__item::before {
  background-color: #d4d4d4;
  content: "";
  height: 1px;
  left: -50%;
  position: absolute;
  top: 0;
  width: 100%
}

.order-steps__item::after {
  background-color: #d4d4d4;
  border-radius: 100px;
  content: "";
  display: block;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: -5px;
  width: 10px;
  z-index: 1
}

.order-steps__item--is-active::after,
.order-steps__item--is-active::before {
  background-color: #5ba61a
}

.order-steps__link {
  color: grey;
  display: block;
  font-size: 13px;
  padding-top: 18px
}

.order-steps__link:hover {
  text-decoration: none
}

.order-steps__link--is-active {
  color: #5ba61a;
  font-weight: 700
}

header .note--action-required,
header .note--in-production,
header .note--in-progress {
  line-height: 25px
}

#cart header .note--action-required,
#cart header .note--in-production,
#cart header .note--in-progress,
#my-account header .note--action-required,
#my-account header .note--in-production,
#my-account header .note--in-progress,
#order header .note--action-required,
#order header .note--in-production,
#order header .note--in-progress,
#order-confirmation header .note--action-required,
#order-confirmation header .note--in-production,
#order-confirmation header .note--in-progress {
  display: none
}

@media (max-width:767px) {

  header .note--action-required,
  header .note--in-production,
  header .note--in-progress {
    display: none
  }
}

header .note--action-required {
  background: #e94e1f;
  color: #fff
}

header .note--in-progress {
  background: #333;
  color: #fff
}

header .note--in-production {
  background: #5ba717;
  color: #fff
}

#module-bill-validation section.home.cf {
  padding: 0 15px
}

#module-bill-validation section.home.cf .container-bs {
  max-width: 500px;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 20px;
  margin: 30px auto;
  text-align: center
}

#module-bill-validation section.home.cf .container-bs h2.bill-method.main-title {
  padding-bottom: 15px;
  display: block !important
}

#module-bill-validation section.home.cf .container-bs #my_form div.left.mar-topx1 {
  width: 100%;
  margin-top: 20px
}

.pop-ol {
  height: auto !important;
  left: 0;
  margin: 0 auto;
  max-width: 500px;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 100px;
  z-index: 999999
}

.pop-ol--wide {
  max-width: 750px;
  padding: 0
}

@media (max-width:767px) {
  .pop-ol--wide {
    margin: 0 10px
  }
}

.pop-ol--standard {
  padding: 22px 31px 34px
}

.pop-ol__title {
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.37em;
  margin-bottom: 9px
}

.pop-ol__title--medium {
  font-size: 18px
}

.pop-ol__description {
  color: #4a4a4a;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 21px
}

.pop-ol__form-field {
  flex-grow: 2;
  margin-left: 10px
}

.pop-ol__form-field--error {
  border-color: red !important
}

.pop-ol__form-field-section {
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 3px;
  display: flex;
  margin-bottom: 11px;
  padding: 21px 30px 23px
}

.pop-ol .section {
  padding: 45px 50px 8px
}

.pop-ol .section.bottom {
  padding: 32px 50px 36px
}

.pop-ol .section.grey {
  background: #f7f7f7
}

.pop-ol .section.grey.bottom {
  border-top: 1px solid #e2e2e2
}

.pop-ol h2.big {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 14px
}

.pop-ol.modern {
  border-radius: 2px
}

.pop-ol--bg-white {
  background: #fff
}

#bio_ep_close,
.pop.design .fancybox-close {
  background: 0 0 !important;
  cursor: pointer;
  height: 28px;
  left: auto !important;
  margin: 0 !important;
  position: absolute;
  right: 10px !important;
  text-decoration: none;
  top: 10px !important;
  width: 28px;
  z-index: 8040
}

#bio_ep_close:before,
.pop.design .fancybox-close:before {
  color: #acacac;
  content: "\e624";
  font-family: printocean-icons;
  font-size: 28px
}

#bio_ep_close {
  right: 15px !important;
  top: 15px !important
}

#bio_ep_close:before {
  content: "\e916";
  font-size: 14px
}

.pop-ol p {
  line-height: 1.6em
}

.pop-ol .popup-code {
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.pop-ol .code-slogan {
  font-size: 12.5px;
  display: inline-block;
  margin: 9px 0 0 13px
}

.pop-ol .popup-foot {
  margin-top: 50px
}

.pop-ol .popup-foot #logo {
  position: relative;
  top: -13px
}

.pop-ol .mini-arrow-r-t {
  position: absolute;
  top: 26px;
  left: 45%
}

.pop.design {
  width: 1040px
}

.pop.design#choose-design {
  min-height: 370px
}

.pop.design a {
  text-decoration: none
}

.pop.design .fancybox-skin {
  background: #fff
}

.pop.design .design-image>span {
  color: #acacac
}

.pop.design .design-image>span:after {
  content: "";
  margin: 0 5px 0 10px;
  border-right: 1px solid #ededed
}

.pop.design .icon:before {
  margin-right: 4px
}

.upload.design .fancybox-skin {
  box-shadow: none;
  font-size: 14.5px;
  line-height: 23px
}

.upload.design .fancybox-inner {
  overflow: hidden !important
}

.upload.design .fancybox-close:before {
  color: #fff
}

.upload.design,
.upload.design a.arrow.alt,
.upload.design a.arrow.alt:hover {
  color: #fff
}

.upload.design p {
  top: 230px;
  left: 222px;
  width: 390px
}

.gmap-container {
  padding: 0 10px
}

.gmap-container .gmap {
  border-radius: 2px;
  display: block;
  height: 251px;
  line-height: normal;
  width: 100%
}

.gmap-container .gmap .infowindow {
  min-width: 150px;
  min-height: 80px
}

.gmap-container .gmap .infowindow .name {
  font-size: 14.5px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.gmap-container .gmap .infowindow ul li {
  line-height: 21px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#contentRegister {
  width: 460px
}

#contentRegister #registration-delivery fieldset {
  margin-top: 10px;
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

#contentRegister #registration-delivery button[type=submit] {
  padding: 8px;
  margin-top: 15px
}

#contentRegister input#huisnummer_toevoegsel {
  width: 60px
}

#contentRegister input#company-name-user {
  width: 192px
}

.alt.gallery a>img {
  border: 1px solid #fff
}

.alt.gallery a.active>img {
  background: #f2f2f2
}

.thumb.products li {
  width: 110px;
  height: 157px;
  float: left;
  margin: 0 15px 4px 0
}

.thumb.products li.active>.img,
.thumb.products li:hover>.img {
  border-color: #407eaf;
  box-shadow: inset 0 0 1px #407eaf, 0 1px 2px rgba(0, 0, 0, .2)
}

.thumb.products li>.img {
  width: 110px;
  height: 110px;
  display: block;
  border: 1px solid #dbdbdb;
  box-shadow: inset 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .2);
  margin-bottom: 5px;
  text-align: center;
  line-height: 110px;
  border-radius: 3px
}

.thumb.products li>.img>img {
  max-width: 90px;
  max-height: 90px;
  vertical-align: middle
}

.thumb.products li.active>p,
.thumb.products li.active>span,
.thumb.products li:hover>p,
.thumb.products li:hover>span {
  color: #407eaf
}

.pop-ol .popup-text,
.popup-text {
  color: #4a4a4a;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 32px;
  text-align: inherit
}

.pop-ol .popup-text b,
.pop-ol .popup-text strong,
.popup-text b,
.popup-text strong {
  font-weight: 600
}

.pop-ol .popup-text.footer,
.popup-text.footer {
  margin: 0 auto;
  max-width: 314px
}

.popup-logo {
  bottom: 30px;
  position: absolute;
  right: 30px;
  max-height: 35px
}

#popup-background {
  background: rgba(0, 0, 0, .8);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999
}

.hp-popup {
  background: #fff;
  border-radius: 2px;
  left: 50%;
  max-width: 660px;
  padding: 30px 65px 40px;
  position: fixed;
  right: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000
}

.hp-popup--small {
  max-width: 603px
}

.hp-popup--rounded {
  border-radius: 10px
}

.hp-popup__close-button {
  color: #aaa;
  font-size: 16px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0
}

.hp-popup__close-button:hover {
  text-decoration: none
}

.hp-popup--slim {
  padding: 30px
}

.fancybox-trigger {
  display: none
}

.confirm-popup,
.confirm-uppsell {
  background: #73c850;
  border: 1px solid #5ea043;
  border-radius: 2px;
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  transition-property: all;
  transition-duration: .3s;
  margin-bottom: 10px;
  text-align: center
}

.confirm-popup:hover,
.confirm-uppsell:hover {
  background: #5bb935;
  text-decoration: none
}

.popup-description {
  border-left: 1px solid #ddd;
  padding: 48px 50px 68px 30px
}

.popup-preview {
  margin-top: 50px
}

.how-does-uploading-work-popup {
  display: none;
  max-width: 495px;
  margin-left: auto;
  margin-right: auto
}

.how-does-uploading-work-popup__body {
  margin-bottom: 30px
}

.how-does-uploading-work-popup__title {
  color: #004b78;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 10px
}

.how-does-uploading-work-popup__steps {
  background-color: #f7f7f7;
  color: #004b78;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-left: -40px;
  margin-right: -40px;
  padding-bottom: 33px;
  padding-top: 33px
}

.how-does-uploading-work-popup .how-does-uploading-work-popup__step-arrow {
  align-items: flex-start;
  color: #ddd;
  display: flex;
  flex: 0 0 40px;
  font-size: 50px;
  justify-content: center;
  position: relative;
  width: 30px
}

.how-does-uploading-work-popup .how-does-uploading-work-popup__step-arrow::before {
  font-size: 30px
}

.how-does-uploading-work-popup__step {
  color: #004b78;
  font-size: 13px;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  text-align: center
}

.how-does-uploading-work-popup .how-does-uploading-work-popup__icon {
  display: block;
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center
}

.how-does-uploading-work-popup__footer {
  text-align: center
}

.how-does-uploading-work-popup a {
  text-decoration: underline
}

.whats-happening-with-my-file-popup {
  display: none
}

.popup-upload-finished {
  max-width: 600px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  position: relative
}

.popup-upload-finished__stamp {
  position: absolute;
  left: 8px;
  top: 4px;
  max-width: 70px
}

.popup-upload-finished__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

.popup-upload-finished__intro {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
  text-align: center
}

.popup-upload-finished__body {
  padding-top: 10px
}

.popup-upload-finished__step {
  display: flex;
  margin-bottom: 30px;
  margin-top: 10px
}

.popup-upload-finished__step-icon {
  display: block;
  flex: 0 0 110px;
  text-align: center
}

.popup-upload-finished__step-icon-img {
  height: auto;
  max-width: 100%
}

.popup-upload-finished__step-title {
  color: #4a4a4a;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px
}

.popup-upload-finished__step-text {
  font-size: 13px;
  line-height: 1.2em
}

.popup-upload-finished__footer {
  padding-left: 106px
}

.popup-upload-finished__button {
  margin-left: 3px;
  margin-right: 3px
}

.flash-warning {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 100000;
  margin: 0 !important;
  text-align: center;
  color: #666
}

.flash-warning .browser {
  counter-reset: step-counter;
  display: none;
  line-height: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.flash-warning .browser h2 {
  font-size: 21px;
  margin-bottom: 10px
}

.flash-warning .browser img {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, .16)
}

.flash-warning .browser .flexslider.presentation {
  max-width: 800px;
  position: relative
}

.flash-warning .browser .flexslider.presentation .slides>li {
  height: auto
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-disabled {
  display: none
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-next,
.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-prev {
  visibility: visible
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-next:before,
.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-prev:before {
  font-size: 36px
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-next:before {
  right: -50px
}

.flash-warning .browser .flexslider.presentation .flex-direction-nav .flex-prev:before {
  left: -50px
}

.flash-warning .browser .steps {
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 20px rgba(0, 0, 0, .16);
  text-align: left;
  font-size: 13px;
  padding: 10px 20px;
  max-width: 800px
}

.flash-warning .browser .steps ol {
  display: none
}

.flash-warning .browser .steps ol:first-child {
  display: block
}

.flash-warning .browser .steps ol li {
  text-indent: -24px;
  padding-left: 24px
}

.flash-warning .browser .steps ol li:before {
  content: counter(step-counter);
  counter-increment: step-counter;
  margin-right: 8px;
  color: #fff;
  background: #f05a2c;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 6px
}

.flash-warning .close {
  cursor: pointer
}

.flash-warning .close:before {
  position: absolute;
  top: 30px;
  right: 30px;
  font-family: printocean-icons;
  content: "\e624";
  font-size: 35px;
  color: #777
}

.popup-error-message,
.popup-sucess-message {
  max-width: 500px;
  text-align: center
}

.popup-error-message__icon::before,
.popup-sucess-message__icon::before {
  color: #73c850;
  content: "\e91d";
  font-family: printocean-icons;
  font-size: 70px;
  margin-bottom: 30px
}

.popup-error-message__title,
.popup-sucess-message__title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 32px
}

.popup-error-message__note,
.popup-sucess-message__note {
  margin-top: 15px
}

.popup-error-message__icon::before {
  content: "\e91e";
  color: red
}

.popup-add-to-cart {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  width: 860px
}

@media screen and (max-width:900px) {
  .popup-add-to-cart {
    width: 100%
  }
}

.popup-add-to-cart__title {
  color: #104672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.025em;
  text-align: center
}

.popup-add-to-cart__actions {
  padding-top: 20px;
  text-align: right
}

.popup-add-to-cart__action {
  display: inline-block;
  margin-left: 20px
}

.popup-add-to-cart__action--cancel {
  font-weight: 700;
  text-decoration: underline
}

.popup-add-to-cart__action--continue {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  font-size: 20px;
  font-weight: 700;
  padding: .6em 1.2em;
  text-transform: uppercase
}

.popup-add-to-cart__action--continue::after {
  color: #fff;
  content: "\e801";
  display: inline-block;
  font-family: printocean-icons;
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px;
  vertical-align: middle
}

.popup-add-to-cart .uploadbefore__text {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center
}

.popup-add-to-cart .radio.alt .icon-radio.turnaround.columns-1 {
  display: block;
  float: none;
  width: auto
}

.popup-add-to-cart .radio.alt .icon-radio.turnaround.columns-2 {
  width: 48.1%
}

.popup-add-to-cart .radio.alt .icon-radio.turnaround.columns-3 {
  width: 31.4%
}

.popup-add-to-cart .block.funnel {
  width: auto
}

.cancel-popup {
  border-radius: 10px;
  max-width: 550px;
  padding: 30px 15px
}

@media (min-width:768px) {
  .cancel-popup {
    padding: 30px
  }
}

.cancel-popup__title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2
}

.cancel-popup__explaination {
  color: #333;
  margin-top: 20px
}

.cancel-popup__details {
  background: #f7f7f7;
  border-radius: 3px;
  margin-bottom: 25px;
  padding: 15px 20px
}

.cancel-popup__subtitle {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 20px
}

.cancel-popup__form {
  margin-top: 10px
}

.cancel-popup__reason-label {
  margin-top: 15px;
  color: #666;
  font-weight: 600
}

.cancel-popup__reason-label::after {
  content: " ";
  display: block;
  margin-bottom: 5px
}

.cancel-popup__thanks-message {
  display: flex;
  align-items: center;
  margin-top: 20px
}

.cancel-popup__thanks-message .check-icon {
  background: #73c850;
  padding: 4px;
  width: 21px;
  height: 21px;
  fill: #fff;
  border-radius: 50%;
  margin-right: 10px
}

.cancel-popup__reason-textarea,
.cancel-popup__reason-textarea-request {
  border: solid 1px #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  max-width: 100%;
  min-height: 100px;
  padding: 10px 15px;
  width: 100%;
  margin-top: 15px;
  border-radius: 5px;
  resize: none
}

.cancel-popup__reason-textarea-request:focus,
.cancel-popup__reason-textarea:focus {
  border-color: #4a90e2
}

.cancel-popup__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 30px
}

.cancel-popup__actions--success-message {
  border: none;
  justify-content: center;
  padding-bottom: 0
}

.cancel-popup__actions--success-message .cancel-popup__close-button {
  width: 100%;
  background-color: #74c852;
  color: #fff;
  border: 1px solid #5aaf38
}

.cancel-popup__actions--success-message .cancel-popup__close-button:hover {
  background-color: #64c23e
}

@media (min-width:768px) {
  .cancel-popup__actions {
    flex-direction: row;
    gap: 30px
  }
}

.cancel-popup__close-button {
  width: 100%;
  height: 40px
}

@media (min-width:768px) {
  .cancel-popup__close-button {
    width: auto
  }
}

.cancel-popup__submit {
  width: 100%;
  height: 40px;
  background-color: #f33f3f;
  border-color: #f11a1a;
  color: #fff
}

.cancel-popup__submit:disabled {
  background-color: #fbb2b2
}

.cancel-popup__submit:disabled:hover {
  background-color: #fbb2b2
}

.cancel-popup__submit:hover {
  background-color: #f11a1a
}

@media (min-width:768px) {
  .cancel-popup__submit {
    flex: 1;
    margin-top: 0;
    width: auto
  }
}

.cancel-popup__help-center {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin-top: 30px;
  padding: 20px;
  border-radius: 5px;
  background-color: #cee1f7;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}

.cancel-popup__help-center-content {
  flex: 1;
  flex-grow: 1.5
}

.cancel-popup__help-center-content p {
  font-size: 13px;
  font-weight: 800;
  line-height: 18px
}

.cancel-popup__help-center-content p span {
  font-weight: 300
}

.cancel-popup__help-center .header__help-center {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  position: relative
}

.cancel-popup__help-center .header__help-center-text {
  font-weight: 600;
  color: #104672
}

.cancel-popup__help-center .header__help-center-anchor {
  display: flex;
  align-items: center
}

.cancel-popup__help-center .header__help-center-image {
  margin-left: 8px;
  border-radius: 50%
}

.cancel-popup__help-center .header__help-center-status {
  position: absolute;
  top: 5px;
  right: 0;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #62ac29;
  width: 12px;
  height: 12px
}

.popup-product-unavailable {
  margin: 40px auto 20px;
  max-width: 900px
}

.upload-logo-popup__title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px
}

.upload-logo-popup__logo-block {
  margin: 20px 0;
  text-align: center
}

.upload-logo-popup__form {
  display: inline-block;
  position: relative
}

.upload-logo-popup__logo-image {
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  display: inline-block;
  max-height: 120px;
  max-width: 280px;
  padding: 20px;
  position: relative
}

.upload-logo-popup__logo-image--background-image {
  background-position: center center;
  background-repeat: no-repeat;
  height: 140px;
  width: 290px
}

.upload-logo-popup__logo-image--background-image::before {
  background: #fff;
  color: #73c850;
  content: "\e91d";
  display: inline-block;
  font-family: printocean-icons;
  font-size: 35px;
  left: -15px;
  position: absolute;
  top: -15px
}

.upload-logo-popup__content {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  margin: 0 20px
}

.upload-logo-popup__actions {
  margin: 30px 0
}

.upload-logo-popup__actions--small-spacing {
  margin: 20px 0 0
}

.upload-logo-popup__action {
  margin: 0 5px
}

.upload-logo-popup__upload-later {
  display: inline-block;
  margin-top: 10px
}

.upload-logo-popup .loader-block {
  display: none
}

@media (max-width:767px) {
  .popup-mobile-fixed {
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important
  }

  .popup-mobile-fixed .fancybox-outer {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    width: 100%
  }

  .popup-mobile-fixed .fancybox-skin {
    padding: 0
  }

  .popup-mobile-fixed .fancybox-skin .fancybox-inner {
    height: 100% !important;
    width: 100% !important
  }
}

.extra-options-popup {
  text-align: center;
  width: 500px
}

@media (max-width:767px) {
  .extra-options-popup {
    padding: 45px 15px 15px 15px;
    width: 100%
  }
}

.extra-options-popup__image {
  margin: 0 auto
}

.extra-options-popup__title {
  margin-top: 10px;
  text-align: left
}

.extra-options-popup__content {
  text-align: left
}

.info-popup {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding: 30px
}

.info-popup--rounded {
  border-radius: 10px
}

.popup-clothing-size-price-chart {
  max-width: 100%;
  width: 930px
}

.online-design-popup__title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2em
}

.online-design-popup__title strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.online-design-popup__text {
  color: #333;
  line-height: 1.38em
}

.online-design-popup__previews {
  background-color: #f8f8f8;
  border: 1px solid #ededed;
  padding: 10px;
  position: relative
}

.online-design-popup__content {
  flex: 0 0 calc(50% - 13px)
}

.online-design-popup__image {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.online-design-popup__image-nav {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  bottom: 0;
  color: #4a90e2;
  display: flex;
  font-family: printocean-icons;
  font-size: 20px;
  justify-content: center;
  position: absolute;
  top: 0
}

.online-design-popup__image-nav[disabled] {
  opacity: .5
}

.online-design-popup__image-nav::before {
  background-color: #fff;
  border: 1px solid #ededed;
  padding: 7px
}

.online-design-popup__image-nav--next {
  right: 0
}

.online-design-popup__image-nav--next::before {
  content: "\e801"
}

.online-design-popup__image-nav--prev {
  left: 0
}

.online-design-popup__image-nav--prev::before {
  content: "\e800"
}

.popup-mini {
  max-width: 100%;
  width: 430px
}

.popup-email-desktop__input {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px;
  width: 100%
}

.popup-email-desktop__submit {
  margin-top: 10px;
  width: 100%
}

.popup-email-desktop__thank-you-title {
  font-size: 18px;
  margin-bottom: 10px
}

.popup-attribute-faq {
  display: none;
  padding: 0;
  position: relative;
  width: 600px
}

@media (max-width:767px) {
  .popup-attribute-faq {
    padding: 0;
    width: 100%
  }
}

.popup-attribute-faq__top-area {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  padding: 25px
}

@media (max-width:767px) {
  .popup-attribute-faq__top-area {
    padding: 15px 0
  }
}

.popup-attribute-faq__bottom-area {
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 20px;
  padding: 10px 15px;
  text-align: right
}

@media (max-width:767px) {
  .popup-attribute-faq__bottom-area {
    padding: 10px 0
  }
}

.popup-attribute-faq__center-area {
  padding: 0 25px;
  max-height: 400px;
  overflow-y: auto
}

@media (max-width:767px) {
  .popup-attribute-faq__center-area {
    padding: 0
  }
}

.popup-attribute-faq__content-wrapper {
  display: flex;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .popup-attribute-faq__content-wrapper {
    flex-direction: column
  }
}

.popup-attribute-faq__content-wrapper--single {
  margin-bottom: 0;
  margin-top: 25px
}

.popup-attribute-faq__content-title {
  font-size: 15px;
  font-weight: 600
}

.popup-attribute-faq__icon {
  margin-right: 25px
}

@media (max-width:767px) {
  .popup-attribute-faq__icon {
    margin-bottom: 15px;
    margin-right: 0
  }
}

.popup-attribute-faq__content-description {
  line-height: 21px
}

.popup-attribute-faq__title {
  color: #252525;
  font-size: 20px;
  margin-bottom: 15px
}

.popup-bg {
  background: rgba(0, 0, 0, .3);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999
}

.reminder-large-pieces-popup {
  padding: 15px;
  width: 430px
}

@media (max-width:767px) {
  .reminder-large-pieces-popup {
    padding: 0;
    width: 100%
  }
}

.reminder-large-pieces-popup__title {
  font-size: 18px
}

.reminder-large-pieces-popup__subtitle {
  font-weight: 600;
  margin-top: 20px
}

.reminder-large-pieces-popup__text {
  line-height: 26px;
  margin-top: 8px
}

.reminder-large-pieces-popup__buttons {
  display: flex;
  justify-content: space-between;
  margin: 20px -5px 0 -5px
}

@media (max-width:767px) {
  .reminder-large-pieces-popup__buttons {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
  }
}

.reminder-large-pieces-popup__button {
  flex: 1;
  margin: 0 5px
}

@media (max-width:767px) {
  .reminder-large-pieces-popup__button {
    margin: 10px 0 0 0
  }
}

.modal-accordion .accordion {
  background: #fff;
  color: #666;
  margin: 0;
  margin-bottom: 30px;
  overflow: visible;
  padding: 0
}

.modal-accordion .accordion dt {
  border: 1px solid #d4d4d4;
  border-top: none
}

.modal-accordion .accordion dt:first-of-type {
  border-top: 1px solid #d4d4d4
}

.modal-accordion .accordion dt a {
  color: #212121;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 21px;
  padding: 10px 20px
}

.modal-accordion .accordion dt a:focus {
  outline: 0
}

.modal-accordion .accordion dt a:hover {
  text-decoration: none
}

.modal-accordion .accordion dt a.active::before,
.modal-accordion .accordion dt a::before {
  color: #9b9b9b;
  content: "+";
  font-weight: 700;
  margin: 0 15px 0 0
}

.modal-accordion .accordion dt a.active {
  background: #f7f7f7;
  box-shadow: 0 2px 1px rgba(0, 0, 0, .1)
}

.modal-accordion .accordion dt a.active::before {
  content: "- "
}

.modal-accordion .accordion dd {
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  display: none;
  line-height: 23px;
  padding: 15px 20px
}

.product-promo {
  display: block;
  text-align: center
}

.product-promo:hover {
  text-decoration: none
}

.product-promo__graphic {
  margin-bottom: 20px
}

.product-promo__image {
  display: block;
  height: auto;
  max-width: 100%
}

.product-promo__title {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px
}

.product-promo__price {
  color: #666;
  font-size: 12px
}

.productlist {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px
}

.productlist--extra-spacious {
  margin-left: -34px;
  margin-right: -34px
}

.productlist--carousel:not(.slick-initialized) {
  flex-wrap: nowrap
}

.productlist--carousel:not(.slick-initialized) .productlist__product {
  display: none
}

@media (max-width:767px) {
  .productlist--carousel:not(.slick-initialized) .productlist__product:nth-child(-n+1) {
    display: flex;
    max-width: 100%;
    width: 100%
  }
}

@media (min-width:768px) {
  .productlist--carousel:not(.slick-initialized) .productlist__product:nth-child(-n+3) {
    display: flex
  }
}

@media (max-width:767px) {
  .productlist--carousel .productlist__image {
    height: 230px
  }
}

.productlist--thumbs {
  max-width: 972px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:1199px) {
  .productlist {
    justify-content: flex-start
  }
}

@media (min-width:992px) {
  .productlist--popout-center-product {
    margin: 40px -30px 40px -5px
  }
}

.productlist--has-leftover-items:after {
  content: "";
  flex: auto
}

.productlist__discount-label {
  background: #e94e1f;
  border-radius: 3px;
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  left: 10px;
  margin-right: 10px;
  padding: 0 7px;
  position: absolute;
  top: 10px
}

.productlist__discount-label--rotated {
  left: -40px;
  text-align: center;
  top: 40px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 180px
}

.productlist__product {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  margin: 0 7.4px 15px;
  max-width: 980px;
  overflow: hidden
}

.productlist__product--extra-spacious {
  margin-left: 34px;
  margin-right: 34px
}

@media (min-width:992px) and (max-width:1199px) {
  .productlist__product--extra-spacious {
    margin-left: 7.5px;
    margin-right: 7.5px
  }
}

.productlist__product--has-background-image {
  border-radius: 0;
  padding: 0;
  margin-left: 1px;
  margin-right: 1px
}

.productlist__product--2-in-row {
  max-width: calc(100% * (1 / 2) - 15px);
  width: calc(100% * (1 / 2) - 15px)
}

.productlist__product--2-in-row-extra-spacious {
  max-width: calc(100% * (1 / 2) - 68px);
  width: calc(100% * (1 / 2) - 68px)
}

.productlist__product--3-in-row {
  max-width: calc(100% * (1 / 3) - 15px);
  width: calc(100% * (1 / 3) - 15px)
}

.productlist__product--3-in-row-extra-spacious {
  max-width: calc(100% * (1 / 3) - 68px);
  width: calc(100% * (1 / 3) - 68px)
}

.productlist__product--4-in-row {
  max-width: calc(100% * (1 / 4) - 15px);
  width: calc(100% * (1 / 4) - 15px)
}

.productlist__product--4-in-row-extra-spacious {
  max-width: calc(100% * (1 / 4) - 68px);
  width: calc(100% * (1 / 4) - 68px)
}

.productlist__product--5-in-row {
  max-width: calc(100% * (1 / 5) - 15px);
  width: calc(100% * (1 / 5) - 15px)
}

.productlist__product--5-in-row-extra-spacious {
  max-width: calc(100% * (1 / 5) - 68px);
  width: calc(100% * (1 / 5) - 68px)
}

.productlist__product--6-in-row {
  max-width: calc(100% * (1 / 6) - 15px);
  width: calc(100% * (1 / 6) - 15px)
}

.productlist__product--6-in-row-extra-spacious {
  max-width: calc(100% * (1 / 6) - 68px);
  width: calc(100% * (1 / 6) - 68px)
}

.productlist__product--2-in-row .productlist__link {
  align-items: flex-start
}

@media (min-width:992px) {
  .productlist__product--3-in-row .productlist__image {
    height: 250px
  }
}

@media (min-width:992px) {
  .productlist__product--5-in-row .productlist__image {
    height: 150px
  }
}

@media (min-width:992px) {
  .productlist__product--popout-center-product {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin: -30px -5px;
    padding-bottom: 40px;
    padding-top: 35px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .productlist__product {
    max-width: calc(33.3333333333% - 15px);
    width: calc(33.3333333333% - 15px)
  }

  .productlist__product--2-in-row {
    max-width: calc(50% - 15px);
    width: calc(50% - 15px)
  }
}

@media (max-width:767px) {
  .productlist__product {
    margin: 0 4px 20px;
    max-width: calc(50% - 8px);
    width: calc(50% - 8px)
  }
}

.productlist__product--not-available .productlist__image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.productlist__link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 15px;
}

@media (max-width:767px) {
  .productlist__link {
    height: 100%
  }
}

.productlist__link:hover {
  text-decoration: none
}

.productlist__link:hover .productlist__button {
  background-color: #73c850;
  border: 1px solid #5ea042;
  color: #fff
}

.productlist__link--has-no-bottom-padding {
  padding-bottom: 0
}

.productlist__link--has-video {
  width: 100%
}

.productlist__link--has-background-image {
  background-position: center center;
  background-size: cover;
  height: 160px;
  width: 160px
}

.productlist__link .labels .label {
  font-size: 9px
}

@media (min-width:576px) {
  .productlist__link .labels .label {
    font-size: 11px
  }
}

.productlist__image-cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 160px;
  width: 160px;
  -o-object-fit: cover;
  object-fit: cover
}

.productlist__price-wrapper {
  position: relative;
  margin-top: auto;
  text-align: right;
}

.productlist__price-wrapper--christmas {
  display: none
}

.productlist__price-wrapper--unavailable {
  margin-top: 2px
}

.productlist__image-wrapper {
  flex-grow: 0;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative
}

.productlist__image {
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  border-radius: 10px
}

@media (max-width:767px) {
  .productlist__image {
    height: 120px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .productlist__image {
    height: 160px
  }
}

@media (min-width:992px) {
  .productlist__image {
    height: 205px
  }
}

.productlist__image--partner {
  max-height: 372px;
  max-width: 100%;
  width: auto
}

.productlist__image--big {
  height: auto;
  width: 100%
}

@media (max-width:767px) {
  .productlist__image--search-filters {
    height: 170px
  }
}

.productlist__image--landscape {
  left: 14.3%;
  margin: 0;
  top: 33.5%;
  width: 71%
}

.productlist__image--portrait {
  left: 24.2%;
  margin: 0;
  top: 16.4%;
  width: 51.1%
}

.productlist__image--square {
  left: 18.4%;
  margin: 0;
  top: 23.2%;
  width: 63.2%
}

.productlist__image--Yoursurprise {
  max-width: 100%;
  width: auto
}

@media (min-width:320px) and (max-width:768px) and (orientation:landscape) {
  .productlist--portrait-mode .productlist__product {
    max-width: calc(25% - 8px);
    width: calc(25% - 8px)
  }
}

.productlist--portrait-mode .productlist__image {
  height: auto
}

.productlist__card-overlay {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.productlist__card-overlay--landscape {
  background-image: url(../img/cart-placeholder-landscape.png)
}

.productlist__card-overlay--portrait {
  background-image: url(../img/cart-placeholder-portrait.png)
}

.productlist__card-overlay--square {
  background-image: url(../img/cart-placeholder-square.png)
}

.productlist__text {
  color: #333;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 10px;
  padding: 0
}

.productlist__text--Greetz {
  margin: 0
}

.home-block-v .productlist__text--Greetz {
  display: none
}

.productlist__description {
  -webkit-box-orient: vertical;
  color: #666;
  display: -webkit-box;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  -webkit-line-clamp: 2;
  line-height: 18px;
  max-height: 38px;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis
}

.wls .productlist__description {
  display: none
}

.productlist__description-bullets {
  padding-top: 5px
}

.productlist__description-bullet {
  display: flex
}

.productlist__description-bullet:not(:last-of-type) {
  margin-bottom: 5px
}

.productlist__description-bullet:before {
  content: "";
  flex-shrink: 0;
  mask-image: url(../img/icons/check-circle.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 18px;
  -webkit-mask-image: url(../img/icons/check-circle.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 18px;
  background-color: #73c850;
  margin-right: 8px;
  width: 18px;
  height: 18px
}

.productlist__cta {
  margin-top: 10px
}

.productlist__product-title {
  color: #104672;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-align: left
}

.productlist__product-subtitle {
  color: inherit;
  display: block;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 5px;
  margin-bottom: 7px;
  text-align: left
}

@media (max-width:767px) {
  .productlist__product-subtitle {
    display: none;
    height: 38px;
    overflow: hidden
  }
}

.productlist__product-subtitle--ellipse-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 13px;
  -webkit-line-clamp: 2;
  max-height: 41px;
  overflow: hidden;
  text-overflow: ellipsis
}

@media (max-width:767px) {
  .productlist__product-subtitle--ellipse-text {
    display: none
  }
}

.productlist__price {
  display: block;
  font-weight: 400;
  line-height: 18px;
  padding: 0;
  color: #333;
  font-size: 13px
}

.productlist__price--al-block {
  padding: 10px 0 0
}

.de-DE .productlist__price {
  display: none
}

.productlist__price--hidden {
  display: none
}

.productlist__price--block {
  display: block
}

.productlist__price--Greetz {
  flex-grow: 1;
  text-align: center
}

.productlist__price--text {
  display: block
}

.productlist__old-price {
  color: #f75000;
  font-size: 16px;
  font-weight: 600;
  margin-right: 5px
}

.productlist__old-price--block {
  display: block
}

.productlist__current-price {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
  color: #104672;
  letter-spacing: -.8px
}

.productlist__label {
  background: #e94e1f;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  left: 15px;
  line-height: 1.9em;
  padding: 0 5px;
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  z-index: 10
}

.productlist__label--canva {
  background-color: #00bfc8
}

.productlist__label--canva-after-highlight {
  top: 40px
}

.productlist__button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #666;
  display: flex;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 18px;
  margin: 15px auto 0;
  width: 90%
}

.radiobutton {
  border: 1px solid #bababa;
  border-radius: 50%;
  background: #fff;
  color: #333;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 17px;
  outline: 0;
  text-align: center;
  vertical-align: middle;
  width: 17px;
  padding: 4px;
  transition: 50ms all ease
}

.radiobutton--is-checked,
.radiobutton--is-selected {
  border-color: #4a90e2
}

.radiobutton--is-checked:before,
.radiobutton--is-selected:before {
  content: "";
  background: #4a90e2;
  display: block;
  border-radius: 50%;
  width: 7px;
  height: 7px
}

.radio__icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  fill: currentColor
}

.radio-checked__icon {
  fill: #4a90e2
}

.ratings {
  padding-bottom: 20px;
  padding-top: 10px
}

.ratings__stars {
  display: inline-block;
  vertical-align: middle
}

.ratings__star {
  display: inline-block;
  font-size: 16px
}

.ratings__star::before {
  color: #f0c170;
  content: "\e944";
  display: block;
  font-family: printocean-icons;
  font-style: normal;
  vertical-align: middle
}

.ratings__star--half::before {
  content: "\e945"
}

.ratings__title {
  color: #4a90e2;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding-left: 10px;
  vertical-align: middle
}

.trustpilot-rating--promo {
  padding: 40px 0;
  text-align: center
}

.trustpilot-rating--centered {
  text-align: center
}

.trustpilot-rating__container>* {
  vertical-align: middle
}

.trustpilot-rating__container--narrow {
  margin-left: auto;
  margin-right: auto;
  width: 80%
}

@media (max-width:767px) {
  .trustpilot-rating__container--narrow {
    width: 100%
  }
}

.trustpilot-rating__container--table {
  display: table
}

.trustpilot-rating__container--centered {
  text-align: center
}

.trustpilot-rating__text {
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px
}

.trustpilot-rating__logo {
  margin: 0 10px
}

.trustpilot-rating__logo--small {
  max-width: 120px
}

.trustpilot-rating__stars {
  margin-right: 10px
}

.trustpilot-rating__stars--small {
  max-width: 80px
}

.trustpilot-rating__stars--smaller {
  margin-right: 0
}

.trustpilot-rating__stars--smaller .trustpilot-rating__score {
  color: #333;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin-left: 5px;
  vertical-align: middle
}

.trustpilot-rating__stars--smaller .ratings__star {
  vertical-align: middle
}

.trustpilot-rating__stars--smaller .ratings__star::before {
  color: #00b67a;
  font-size: 13px;
  margin: -1px
}

.trustpilot-rating__stars--smaller .ratings__star--yellow::before {
  color: #ffdc0f
}

.trustpilot-rating__stars--icons {
  display: inline-block;
  margin-right: 0;
  overflow: hidden
}

.trustpilot-rating__stars--icons::before {
  color: #107f4e;
  content: "\e64f\e64f\e64f\e64f\e64f";
  font-family: printocean-icons;
  font-size: 18px
}

.trustpilot-rating__score {
  color: #00804f;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px
}

.trustpilot-rating__score--small {
  font-size: 18px
}

.trustpilot-rating__reviews {
  color: #4a90e2;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px
}

.trustpilot-rating__table-cell {
  display: table-cell;
  float: none
}

@media (max-width:767px) {
  .trustpilot-rating__table-cell {
    display: block;
    margin: 10px 0
  }

  .trustpilot-rating__table-cell::after {
    background-color: #eee;
    content: "";
    display: block;
    height: 1px;
    margin: 12px auto 0 auto;
    width: 200px
  }

  .trustpilot-rating__table-cell:last-child::after {
    height: 0;
    margin: 0
  }
}

.trustpilot-rating__table-cell-number {
  color: #104672;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.375em
}

.trustpilot-rating__table-cell-content {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.357em
}

.reviews {
  position: absolute;
  right: 15px;
  text-align: right
}

.reviews.reviews-product {
  right: 5px;
  top: -22px
}

.trustpilot {
  bottom: 38px;
  text-align: right
}

.trustpilot>.score {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  text-align: right
}

.trustpilot>.score>img {
  vertical-align: bottom
}

.trustpilot-reviews--promo {
  padding: 120px 0 100px 0
}

.trustpilot-reviews__item {
  background-color: #fff;
  margin-bottom: 20px;
  min-height: 460px;
  padding: 20px 35px
}

.trustpilot-reviews__item-top {
  margin-bottom: 30px
}

.trustpilot-reviews__item-date {
  color: #999;
  float: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px
}

.trustpilot-reviews__item-text {
  margin-top: 20px
}

.trustpilot-reviews__item-author {
  color: #999;
  font-size: 14px;
  font-style: italic;
  font-weight: 700
}

.trustpilot-reviews__buttons {
  padding-top: 15px;
  text-align: center
}

.trust-score-checkout {
  max-width: 320px
}

@media (max-width:1199px) {
  .trust-score-checkout {
    display: none
  }
}

.trustbadge {
  color: #333;
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  text-align: right
}

.trustbadge__image {
  width: 100%
}

.trustbadge__stars {
  margin-left: auto;
  vertical-align: middle
}

.trustbadge__logo {
  margin-bottom: 5px;
  max-width: 120px
}

.trustbadge__icon {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 19px;
  line-height: 18px;
  margin-right: 2px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px
}

.trustbadge__icon::before {
  font-size: 16px
}

.trustbadge__icon--lightgreen {
  background-color: #1aab1c
}

.trustbadge__rating {
  margin-left: 3px;
  margin-top: 1px;
  vertical-align: middle
}

html[lang=nl] #home_products .col-2:nth-of-type(1) {
  width: 100%
}

html[lang=nl] #home_products .col-2:nth-of-type(2) .home-choose {
  display: none
}

html[lang=nl] .topsearch {
  display: none
}

.clear-fix:after {
  content: "";
  display: table;
  clear: both
}

.search__input-wrapper {
  position: relative;
  transition: box-shadow ease-out .1s
}

.search__input-wrapper .seach-top-input {
  height: 35px;
  padding: 0 15px;
  color: #666;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  transition: all ease-out .1s
}

.search__input-wrapper .seach-top-input--big {
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  height: 55px;
  margin-bottom: 20px;
  width: 100%
}

.search__input-wrapper .seach-top-input--banner {
  height: 50px;
  border-radius: 25px
}

.search__input-wrapper--active {
  border-radius: 3px;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .25);
  z-index: 99999
}

.search__input-wrapper--active .seach-top-input {
  border-color: transparent;
  box-shadow: none
}

.search__submit {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center
}

.search__submit-icon {
  width: 15px;
  height: 15px;
  fill: #999
}

.search__input-wrapper--banner {
  margin: auto
}

@media (min-width:992px) {
  .search__input-wrapper--banner {
    margin: 0;
    width: 74%
  }
}

.search__input-wrapper--banner .search__submit {
  right: 10px
}

.search__input-wrapper--banner .search__submit-icon {
  width: 18px;
  height: 18px;
  fill: #252525
}

.search__input-wrapper--banner.search__input-wrapper--active {
  border-radius: 25px
}

.algolia-autocomplete {
  position: relative
}

.algolia-autocomplete .aa-hint,
.algolia-autocomplete .aa-input {
  color: #333;
  width: 100%
}

.algolia-autocomplete .aa-dropdown-menu {
  position: absolute;
  top: 45px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "c" "p" "f";
  left: 0;
  width: 100%;
  max-height: calc(100vh - 115px);
  border-radius: 3px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .25);
  z-index: 99999;
  overflow-y: auto
}

@media (min-width:992px) {
  .algolia-autocomplete .aa-dropdown-menu {
    left: 0;
    width: 800px
  }
}

@media (min-width:576px) {
  .algolia-autocomplete .aa-dropdown-menu {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 50px;
    grid-template-areas: "c p" "f f"
  }
}

.algolia-autocomplete .aa-dropdown-menu__title {
  font-size: 11px;
  text-transform: uppercase;
  color: #959595;
  margin: 15px 0
}

.algolia-autocomplete .aa-dropdown-menu--banner {
  top: 51px;
  max-height: calc(100vh - 295px)
}

@media (min-width:992px) {
  .algolia-autocomplete .aa-dropdown-menu--banner {
    width: 960px;
    border-radius: 25px;
    max-height: calc(100vh - 445px)
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestions__footer {
  grid-area: f;
  padding: 15px;
  border-top: 1px solid #dadada;
  display: flex;
  align-items: center
}

@media (max-width:575px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-suggestions__footer {
    flex-direction: column;
    background-color: #f7f7f7
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestions__footer a {
  margin-left: 10px;
  text-decoration: underline;
  font-weight: 600
}

@media (max-width:575px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-suggestions__footer a {
    margin-top: 5px
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions {
  grid-area: c;
  padding: 0 20px
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions {
    padding: 0 25px
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 15px 0
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion {
    margin: 0 0 25px 0
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  align-self: center;
  margin-right: 15px
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__thumbnail {
    width: 75px;
    height: 75px;
    margin-right: 20px;
    border: 1px solid #dadada
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__thumbnail-img>img {
  width: auto;
  max-width: 100%;
  max-height: 100% !important
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__thumbnail .no-image__icon {
  width: 30px;
  height: 30px;
  fill: #959595
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__thumbnail .no-image__icon {
    width: 40px;
    height: 40px
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__info {
  display: flex;
  flex-direction: column;
  flex: 1
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__title {
  font-size: 14px;
  font-weight: 700;
  color: #004b78
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp {
  line-height: 1;
  margin-top: 5px;
  display: flex;
  align-items: center
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp {
    margin-top: 10px
  }
}

@media (max-width:575px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp {
    display: none
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp .check-circle__icon {
  width: 12px;
  height: 12px;
  fill: #73c850;
  margin-right: 5px
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp .check-circle__icon {
    width: 16px;
    height: 16px
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion__usp-text {
  flex: 1;
  line-height: 1.5
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion--active .aa-page-suggestion__thumbnail {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.algolia-autocomplete .aa-dropdown-menu .aa-page-suggestions .aa-page-suggestion--active .aa-page-suggestion__title {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions {
  position: relative;
  grid-area: p;
  padding: 0 20px;
  border-top: 1px solid #dadada
}

@media (min-width:576px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions {
    border-left: 1px solid #dadada;
    border-top: none
  }
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions {
    padding: 0 25px
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion {
  cursor: pointer;
  margin: 0 0 12px 0
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion__title {
  line-height: 1.5
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion__thumbnail {
  position: absolute;
  top: 25px;
  right: 25px;
  align-items: center;
  justify-content: center;
  height: 115px;
  width: 115px;
  display: none
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion__thumbnail-img>img {
  max-width: 100% !important;
  max-height: 100% !important
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion--active .aa-product-suggestion__title {
  text-decoration: underline;
  cursor: pointer
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .aa-product-suggestion--active .aa-product-suggestion__thumbnail {
    display: flex
  }
}

.algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .ais-Hits {
  padding-bottom: 5px
}

@media (min-width:768px) {
  .algolia-autocomplete .aa-dropdown-menu .aa-product-suggestions .ais-Hits {
    max-width: calc(100% - 115px);
    min-height: 115px;
    padding-bottom: 10px
  }
}

.algolia-autocomplete .no-results {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .25);
  left: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 100%;
  z-index: 99999
}

@media (min-width:576px) {
  .algolia-autocomplete .no-results {
    padding: 40px 20px
  }
}

.algolia-autocomplete .no-results p {
  color: #777;
  font-size: 16px
}

.algolia-autocomplete .no-results .search-no-results {
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  color: #a8a8a8;
  display: inline-flex;
  margin-top: 15px;
  padding: 15px;
  position: relative;
  text-align: left
}

@media (min-width:576px) {
  .algolia-autocomplete .no-results .search-no-results {
    margin-top: 30px
  }
}

.algolia-autocomplete .no-results .search-no-results__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  border-radius: 50%;
  background: #e05432
}

.algolia-autocomplete .no-results .search-no-results__icon .faq__icon {
  width: 14px;
  height: 14px;
  fill: #fff
}

.algolia-autocomplete .no-results .search-no-results__info {
  flex: 1
}

.algolia-autocomplete .no-results .search-no-results__info .title {
  color: #104672;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 8px
}

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

.result-placeholder a {
  min-height: 370px;
  width: 100%
}

.search-zipcode {
  margin-top: 30px
}

.search-zipcode__search-bar {
  display: flex
}

.search-zipcode__input {
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  margin-right: 15px;
  padding: 10px 15px;
  width: 200px
}

.search-zipcode__data {
  display: none
}

.search-zipcode__no-results {
  color: #666;
  display: none;
  margin-top: 10px
}

.ais-search-box--magnifier-wrapper,
.ais-search-box--reset-wrapper {
  display: none !important
}

.seach-top-input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  color: #666;
  font-weight: 400;
  height: 35px;
  padding: 0 15px
}

.seach-top-input--big {
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  height: 55px;
  margin-bottom: 20px;
  width: 100%
}

.seach-top-input--banner {
  height: 50px
}

.search-header {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding: 15px 15px 0
}

.search-header__copy {
  color: rgba(0, 0, 0, .5);
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 19px
}

.aa-dataset:first-of-type .search-header {
  border-top: none;
  margin-top: 0
}

#slider-outter {
  position: relative;
  width: 100%
}

.slider-wrapper {
  margin: 15px 0
}

#slider-outter.hp-slider {
  height: 100%
}

#slider-outter-small {
  position: relative;
  width: 730px;
  margin-bottom: 20px
}

.img-overlay-b {
  width: 100%;
  height: 100%;
  background: url(../img/img-overlay.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  border-radius: 3px;
  display: none
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
  outline: 0
}

.flex-control-nav,
.slides {
  margin: 0;
  padding: 0;
  list-style: none
}

.flexslider {
  margin: 0;
  padding: 0
}

.flexslider.bigger .slides>li {
  height: 400px
}

.flexslider.bigger .slides>li img {
  width: 100%
}

.flexslider .slides>li {
  display: none;
  height: 380px
}

.flexslider.alternative .slides>li {
  height: 350px
}

.flexslider .slides>li:first-child {
  display: block
}

.flexslider:not(.presentation) .slides>li.flex-active-slide:first-child {
  opacity: 1 !important
}

.flexslider .slides img {
  display: block;
  position: relative
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

html[xmlns] .slides {
  display: block
}

* html .slides {
  height: 1%
}

.no-js .slides>li:first-child {
  display: block
}

#slider.flexslider {
  position: relative;
  zoom: 1
}

#slider.flexslider.bigger {
  width: 1080px;
  margin-left: -50px
}

.slider-wrapper #slider.bigger {
  margin-left: 0;
  width: 1280px;
  position: static
}

#slider .flex-viewport {
  max-height: 2000px;
  transition: all 1s ease
}

#slider .loading .flex-viewport {
  max-height: 300px
}

#slider.flexslider .slides {
  zoom: 1
}

#slider .flex-caption {
  position: absolute;
  top: 40%
}

#slider.alternative .flex-caption {
  bottom: auto;
  top: auto
}

#slider .flex-caption.white {
  color: #fff
}

#slider .flex-caption.space {
  float: left;
  width: 280px;
  position: relative;
  z-index: 1
}

.carousel li {
  margin-right: 5px
}

#slider.alternative .flex-control-nav {
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 5px;
  background: 0 0;
  padding: 0
}

#slider.bigger .flex-control-nav {
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#slider .flex-control-nav {
  padding: 3px 2px;
  position: absolute;
  bottom: 28px;
  left: 7px;
  z-index: 2
}

#slider .flex-control-nav li {
  margin: 0 1px;
  float: left
}

#slider .flex-control-paging {
  visibility: hidden
}

#slider .flex-control-paging li a {
  position: relative;
  background: #fff;
  border: 1px solid #8eb6d7
}

#slider .flex-control-paging li a.flex-active,
#slider .flex-control-paging li a:hover {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .21) 0, rgba(255, 255, 255, 0) 100%)
}

#slider .flex-control-paging li a:hover {
  background-color: #407eaf
}

#slider .flex-control-paging li a.flex-active {
  background-color: #e94e1f;
  border: 1px solid #e94e1f
}

#slider .flex-control-paging li a.flex-active {
  cursor: default
}

#slider .flexThumb {
  position: absolute;
  display: block;
  width: 106px;
  height: 45px;
  top: -56px;
  left: -46px;
  padding: 4px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

#slider .flexThumb:before {
  content: "";
  width: 0;
  height: 0;
  bottom: -7px;
  left: 45%;
  box-sizing: border-box;
  border: 4px solid #000;
  border-color: transparent transparent #fff #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, .2);
  position: absolute
}

#slider .flexThumb img {
  display: block;
  border-radius: 0
}

#slider.alternative .flex-control-paging li a {
  border-radius: 22px;
  width: 11px;
  height: 11px;
  display: block;
  background: #e4e4e4;
  cursor: pointer;
  text-indent: -9999px;
  border: none
}

#slider.alternative .flex-control-paging li a.flex-active {
  border: none
}

#slider .flex-control-paging li a {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px
}

#slider .flex-image-product {
  position: absolute;
  left: 0;
  z-index: 0
}

#slider .flex-nav-content {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: 100
}

#slider .flex-nav-content>div {
  background: rgba(255, 255, 255, .6);
  border-radius: 3px;
  margin-right: 3px;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#slider .flex-nav-content>div.active {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

#slider .flex-nav-content>div a {
  color: #104672;
  display: block;
  padding: 22px 15px 22px 25px;
  text-align: left;
  position: relative
}

#slider .flex-nav-content>div a .discount {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 11px;
  color: #fff;
  padding: 3px;
  border-radius: 2px;
  text-transform: uppercase;
  background: #e05432;
  font-weight: 600
}

#slider .flex-nav-content>div a:hover {
  text-decoration: none
}

#slider .flex-nav-content>div p.title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.6px;
  line-height: 24px
}

#slider .flex-nav-content>div p.description {
  font-size: 12px;
  font-weight: 600
}

#slider .flex-nav-content>div a .right .price {
  color: #e05432;
  font-weight: 600;
  font-size: 16px
}

#slider .flex-nav-content>div a .right .price sup {
  top: 0
}

#slider .flex-nav-content>div a .right .price>span {
  color: #104672
}

#slider .arrow-red {
  background: url(../img/sprite.png) no-repeat 0 -690px;
  width: 14px;
  height: 12px;
  display: inline-block;
  vertical-align: top
}

.flex-direction-nav {
  position: absolute;
  top: 42%;
  width: 100%
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
  position: absolute;
  width: 45px;
  height: 45px;
  border: 1px solid #ebebeb;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0
}

.flex-direction-nav .flex-next {
  right: -22px
}

.flex-direction-nav .flex-prev {
  left: -22px
}

.flex-direction-nav .flex-next:before,
.flex-direction-nav .flex-prev:before {
  mask-image: url(../img/icons/chevron-right.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 17px;
  -webkit-mask-image: url(../img/icons/chevron-right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 17px;
  height: 43px;
  width: 43px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible
}

.flex-direction-nav .flex-next:before {
  mask-image: url(../img/icons/chevron-right.svg);
  -webkit-mask-image: url(../img/icons/chevron-right.svg);
  left: 2px
}

.flex-direction-nav .flex-prev:before {
  mask-image: url(../img/icons/chevron-left.svg);
  -webkit-mask-image: url(../img/icons/chevron-left.svg);
  left: -2px
}

#slider .heading-caption {
  display: block;
  background: #fff;
  border-radius: 14px;
  padding: 21px 45px 24px 14px;
  font-size: 19px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#slider .heading-caption-list li {
  margin-bottom: 10px;
  font-size: 12px;
  background: url(../img/sprite.png) no-repeat 0 -493px;
  padding-left: 18px
}

#slider .heading-caption.no-bg {
  background: 0 0
}

#slider .heading-caption.top {
  padding: 0 45px 41px 0
}

#slider.alternative .heading-caption.top {
  padding: 10px 0 0;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: italic
}

#slider .heading-caption strong {
  padding-bottom: 5px;
  font-size: 26px;
  line-height: 1.3em;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

body.contact .flexslider .slides li {
  height: 140px
}

body.contact .category.contact {
  margin-top: 0
}

#slider .heading-caption,
#slider .heading-caption-list li,
#slider .heading-caption.no-bg,
#slider .next-button-slide {
  color: #104672
}

.social-proof {
  border-bottom: 2px solid #eee;
  margin: 10px 0;
  padding-bottom: 20px
}

.social-proof__title {
  color: #999;
  padding-top: 30px;
  text-align: center
}

.social-proof ul {
  text-align: center;
  width: 100%
}

.social-proof ul li {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  vertical-align: middle
}

.social-proof ul li img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .4
}

[class*=hint--] {
  display: inline-block;
  position: relative
}

[class*=hint--]::after,
[class*=hint--]::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: .3s ease;
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 100000
}

[class*=hint--]:hover::after,
[class*=hint--]:hover::before {
  opacity: 1;
  visibility: visible
}

[class*=hint--]:hover::after,
[class*=hint--]:hover::before {
  transition-delay: .1s
}

[class*=hint--]::before {
  background: 0 0;
  border: 9px solid transparent;
  content: "";
  position: absolute;
  z-index: 100001
}

[class*=hint--]::after {
  background: #4a90e2;
  border: 1px solid #3772b8;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.818em;
  padding: 10px;
  white-space: nowrap
}

@media (max-width:767px) {
  [class*=hint--]::after {
    max-width: 100vw;
    text-align: center;
    white-space: inherit;
    width: 50vw
  }
}

[class*=hint--][aria-label]::after {
  content: attr(aria-label)
}

[aria-label=""]::after,
[aria-label=""]::before {
  display: none
}

.hint--top-left:before {
  border-top-color: #4a90e2
}

.hint--top-right:before {
  border-top-color: #4a90e2
}

.hint--top::before {
  border-top-color: #4a90e2
}

.hint--bottom-left:before {
  border-bottom-color: #4a90e2
}

.hint--bottom-right:before {
  border-bottom-color: #4a90e2
}

.hint--bottom::before {
  border-bottom-color: #4a90e2
}

.hint--left::before {
  border-left-color: #4a90e2
}

.hint--right::before {
  border-right-color: #4a90e2
}

.hint--top::before {
  margin-bottom: -17px
}

.hint--top::after,
.hint--top::before {
  bottom: calc(100% + 5px);
  left: 50%
}

.hint--top::before {
  left: calc(50% - 9px)
}

.hint--top::after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hint--top:hover::before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--top:hover::after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.hint--large::after,
.hint--medium::after,
.hint--small::after {
  white-space: normal;
  word-wrap: break-word
}

.hint--small::after {
  width: 80px
}

.hint--medium::after {
  width: 215px
}

.hint--large::after {
  width: 300px
}

.hint--no-animate::after,
.hint--no-animate::before {
  transition-duration: 0s
}

.hint--bounce::after,
.hint--bounce::before {
  transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.hint--gray::after {
  background-color: #7c7c7c
}

.hint--gray .hint--top-left:before {
  border-top-color: #7c7c7c
}

.hint--gray .hint--top-right:before {
  border-top-color: #7c7c7c
}

.hint--gray .hint--top::before {
  border-top-color: #7c7c7c
}

.hint--gray .hint--bottom-left:before {
  border-bottom-color: #7c7c7c
}

.hint--gray .hint--bottom-right:before {
  border-bottom-color: #7c7c7c
}

.hint--gray .hint--bottom::before {
  border-bottom-color: #7c7c7c
}

.hint--gray .hint--left::before {
  border-left-color: #7c7c7c
}

.hint--gray .hint--right::before {
  border-right-color: #7c7c7c
}

.hint--gray::after {
  border-color: #7c7c7c
}

.hint--black::after {
  background-color: #333
}

.hint--black .hint--top-left:before {
  border-top-color: #333
}

.hint--black .hint--top-right:before {
  border-top-color: #333
}

.hint--black .hint--top::before {
  border-top-color: #333
}

.hint--black .hint--bottom-left:before {
  border-bottom-color: #333
}

.hint--black .hint--bottom-right:before {
  border-bottom-color: #333
}

.hint--black .hint--bottom::before {
  border-bottom-color: #333
}

.hint--black .hint--left::before {
  border-left-color: #333
}

.hint--black .hint--right::before {
  border-right-color: #333
}

.hint--black::after {
  border-color: #333
}

.tooltip {
  background: #fff;
  width: 125px;
  position: absolute !important;
  top: -15px;
  left: -3px;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  padding: 15px 8px 17px;
  border: 1px solid #b7b7b7;
  font-size: 12px;
  line-height: 1.6em
}

.tooltip.arrow-tooltip-left:before {
  content: "";
  border-top: 6.5px solid transparent;
  border-bottom: 6.5px solid transparent;
  border-right: 6.5px solid #b7b7b7;
  left: -7px;
  position: absolute
}

.tooltip.arrow-tooltip-left:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
  left: -6px;
  position: absolute
}

.forms .tooltip {
  padding: 10px 8px;
  background: #eef7fe;
  border: 1px solid #abc5de;
  width: 200px
}

.forms .tooltip .tooltip-title {
  color: #0f4571
}

.action-tooltip,
.shop-tooltip {
  z-index: 100;
  width: 300px;
  position: absolute;
  top: -95px;
  left: 30px;
  border-radius: 3px;
  padding: 13px 10px;
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #3074c2;
  line-height: 21px
}

.action-tooltip:after,
.shop-tooltip:after {
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #3074c2 transparent transparent transparent;
  bottom: -7px;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0
}

.action-tooltip--default,
.shop-tooltip--default {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 0;
  color: #222
}

.action-tooltip--default:after,
.action-tooltip--default:before,
.shop-tooltip--default:after,
.shop-tooltip--default:before {
  border-style: solid;
  border-width: 7px 6.5px 0 6.5px;
  border-color: #d4d4d4 transparent transparent transparent;
  bottom: -8px;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0
}

.action-tooltip--default::after,
.shop-tooltip--default::after {
  border-color: #fff transparent transparent transparent;
  bottom: -7px
}

@media (max-width:767px) {

  .action-tooltip--delivery-free,
  .shop-tooltip--delivery-free {
    display: none !important
  }
}

.action-tooltip--delivery-free strong,
.shop-tooltip--delivery-free strong {
  color: #5ba717;
  font-weight: 700
}

.sustainable-choice {
  cursor: default;
  left: calc(-300px * .5 + 16px * .5);
  text-align: left
}

.sustainable-choice:after {
  left: calc(50% - 6px)
}

@media (max-width:991px) {
  .sustainable-choice {
    left: calc(-300px * .8 + 16px * .5)
  }

  .sustainable-choice:after {
    left: calc(80% - 6px)
  }
}

.sustainable-choice__tooltip-trigger {
  position: relative;
  display: flex
}

.sustainable-choice__tooltip-trigger-icon {
  fill: #407eaf;
  width: 16px;
  height: 16px
}

.sustainable-choice__tooltip-link {
  font-weight: 700;
  cursor: pointer
}

.sustainable-choice__tooltip-link:hover {
  text-decoration: underline
}

.order.table .action-tooltip {
  left: -145px
}

.order.table .action-tooltip:after {
  left: 50%
}

.shop-tooltip {
  font-size: 13px
}

.action-tooltip.alt {
  top: -115px;
  left: -193px;
  width: 310px;
  text-align: left;
  padding: 10px 8px;
  font-size: 12px
}

.action-tooltip.alt:after {
  right: 100px;
  left: auto
}

.close-tooltip {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer
}

.trustpilot-widgets--top {
  position: absolute;
  right: 14px;
  top: 12px
}

.trustpilot-widgets--centered {
  display: inline-block
}

.trustpilot-widgets--cat-top {
  bottom: 30px;
  position: absolute;
  right: 14px
}

.trustpilot-widgets--cat-sku {
  margin-top: 20px
}

.trustpilot-widgets__image {
  float: left;
  margin-right: 8px;
  position: relative;
  top: -5px;
  width: 90px
}

.trustpilot-widgets__rating {
  display: inline-block
}

.trustpilot-widgets__rating-stars {
  display: flex;
  float: left;
  margin-right: 8px;
  position: relative;
  vertical-align: middle;
  width: 95px
}

.trustpilot-widgets__rating-stars::before {
  background: url(../img/trustpilot-stars-0.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 19px;
  left: 0;
  position: absolute;
  width: 95px;
  z-index: 0
}

.trustpilot-widgets__rating-star {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 1
}

.trustpilot-widgets__rating-star::before {
  background: url(../img/trustpilot-star.svg) no-repeat;
  background-size: 19px 19px;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 1px;
  width: 18px
}

.trustpilot-widgets__rating-star--half::before {
  width: 9px
}

.trustpilot-widgets__score {
  color: #333;
  float: left;
  font-size: 18px;
  font-weight: 700
}

.trustpilot-block-widgets--centered {
  text-align: center
}

.trustpilot-block-widgets__image {
  display: inline-block;
  max-width: 130px;
  vertical-align: middle
}

.trustpilot-block-widgets__rating {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 3px
}

.trustpilot-block-widgets__rating-stars {
  display: flex;
  margin-right: 3px;
  width: 95px
}

.trustpilot-block-widgets__rating-stars::before {
  background: url(../img/trustpilot-stars-0.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 19px;
  position: absolute;
  width: 95px;
  z-index: 0
}

.trustpilot-block-widgets__rating-stars--half::before {
  background: 0 0
}

.trustpilot-block-widgets__rating-star {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 1
}

.trustpilot-block-widgets__rating-star::before {
  background: url(../img/trustpilot-star.svg) no-repeat;
  background-size: 19px 19px;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 1px;
  width: 18px
}

.trustpilot-block-widgets__rating-star--half::before {
  width: 9px
}

.trustpilot-block-widgets__score {
  color: #333;
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.375em;
  margin-left: 5px;
  vertical-align: middle
}

.trustpilot-block-widgets__count {
  font-weight: 600
}

.trustpilot-block-widgets__anchor {
  color: #333;
  font-size: 12px;
  line-height: 1.61em;
  text-decoration: underline
}

.upsell-popup-option {
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  display: none;
  left: -1px;
  padding: 22px 0 30px;
  position: relative;
  text-align: center;
  width: 100%
}

.upsell-popup-option:first-of-type {
  left: 0
}

@media (min-width:768px) {
  .upsell-popup-option {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: block;
    width: 270px
  }
}

@media (min-width:768px) {
  .upsell-popup-option--big {
    padding-top: 42px
  }
}

@media (min-width:768px) {
  .upsell-popup-option--small {
    top: 20px
  }
}

.upsell-popup-option__label {
  background: linear-gradient(180deg, #6796bd 0, #417cac 100%);
  border-radius: 0 0 2px 2px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  color: #fff;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  margin: 0 auto;
  padding: 3px 6px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.upsell-popup-option__title {
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.6px;
  line-height: 24px;
  margin-bottom: 19px;
  text-align: center
}

.upsell-popup-option__price {
  background-color: #eef5fc;
  color: #004b78;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 38px;
  margin-bottom: 27px !important;
  padding: 7px 0;
  text-align: center
}

.upsell-popup-option__usp {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 21px;
  padding: 0 10px;
  position: relative
}

@media (min-width:768px) {
  .upsell-popup-option__usp {
    padding: 0 25px 0 63px;
    text-align: left
  }
}

.upsell-popup-option__usp-icon {
  fill: #73c850;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px
}

@media (min-width:768px) {
  .upsell-popup-option__usp-icon {
    left: 26px;
    position: absolute;
    top: 2px
  }
}

.upsell-popup-option__usp:last-of-type {
  margin-bottom: 38px
}

.upsell-popup-option__link {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #737373;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  padding: 10px 48px;
  text-align: center
}

.upsell-popup-option__cta {
  background-color: #73c850;
  border: 1px solid #5ea043;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  padding: 10px 48px
}

.upsell-popup-option__description {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 31px;
  padding: 0 30px;
  text-align: center
}

.upsell-popup-overlay {
  background-color: rgba(0, 0, 0, .5);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 99999998
}

@media (min-width:768px) {
  .upsell-popup-overlay {
    display: block
  }
}

.upsell-popup {
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  display: none;
  left: 0;
  padding: 31px 0 11px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999
}

@media (min-width:992px) {
  .upsell-popup {
    padding: 30px 130px 10px
  }
}

@media (min-width:768px) {
  .upsell-popup {
    border-radius: 10px;
    display: block;
    left: 50%;
    padding: 30px 10% 10px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto
  }
}

.upsell-popup__close {
  position: absolute;
  right: 15px;
  top: 15px;
  fill: #6b6b6b
}

.upsell-popup__title {
  color: #0f4672;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.8px;
  line-height: 33px;
  margin-bottom: 25px;
  text-align: center
}

.upsell-popup__sub-title {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 21px;
  text-align: center
}

.upsell-popup__options {
  align-items: flex-start;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 44px
}

@media (min-width:768px) {
  .upsell-popup__options {
    flex-direction: row;
    justify-content: center
  }
}

.upsell-popup__footer-text {
  font-size: 13px;
  margin-bottom: 42px;
  text-align: center
}

.upsell {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #4a4a4a;
  text-align: center
}

.upsell b,
.upsell strong {
  font-weight: 700;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.upsell__oprice {
  color: #f75000;
  font-size: .8em;
  text-decoration-line: line-through
}

.upsell__update-link--remove::before {
  color: #9b9b9b;
  content: "\e624";
  font-family: printocean-icons;
  font-size: 15px;
  line-height: 100%;
  vertical-align: middle
}

.upsell__update-link--remove:hover {
  text-decoration: none
}

.upsell__update-link--add-to-cart {
  flex-shrink: 0
}

.upsell-title {
  color: #004b78;
  font-size: 22px;
  margin-bottom: 13px
}

.upsell-details {
  font-size: 14px;
  margin-bottom: 20px
}

.upsell-highlight {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 20px;
  margin: 0 auto;
  width: 300px
}

.upsell-highlight p {
  text-transform: uppercase
}

.upsell-highlight .variable {
  font-size: 40px;
  color: #004b78;
  font-weight: 700;
  display: block
}

.upsell-highlight .skip-upsell {
  padding: 10px;
  display: inline-block;
  color: #004b78;
  font-size: 11px;
  text-decoration: underline
}

.upsell-highlight .skip-upsell:hover {
  text-decoration: none
}

#usp {
  width: 100%
}

.lang-en #usp #top-nav ul li.goeddesign:before {
  content: "\e647";
  font-size: 21px;
  margin-right: 1px;
  vertical-align: bottom
}

#empty-cart #usp {
  display: none
}

#usp #top-nav {
  text-align: justify;
  width: 100%
}

#usp #top-nav ul {
  margin: 18px 0 0 0
}

#usp #top-nav ul:after {
  content: "";
  display: inline-block;
  width: 100%
}

#usp #top-nav ul:before {
  content: "";
  display: block;
  width: 100%;
  margin-bottom: -10px
}

#usp #top-nav ul li {
  display: inline-block;
  line-height: 18px;
  padding-left: 10px;
  position: relative;
  top: 10px;
  vertical-align: middle
}

#usp #top-nav ul li:first-child {
  padding-left: 0
}

#usp #top-nav ul li[class^=n] {
  padding-left: 0
}

#usp #top-nav ul li[class^=n]:before {
  font-family: printocean-icons;
  content: "\e653";
  font-size: 20px;
  margin-right: 3px;
  vertical-align: top;
  color: #5ba717
}

#usp #top-nav ul li,
#usp #top-nav ul li a {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#usp #top-nav ul li.goeddesign:before {
  content: "\e938"
}

#usp #top-nav ul li.morgeninhuis:before {
  content: "\e936"
}

#usp #top-nav ul li.gifts:before {
  content: "\e937"
}

#usp #top-nav ul li:before {
  font-family: printocean-icons;
  font-size: 16px;
  color: #d9411c;
  margin-right: 5px;
  vertical-align: middle
}

#usp #top-nav ul .trustpilot-small {
  height: 20px
}

#usp #top-nav ul .trustpilot-small>* {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 21px
}

#usp #top-nav ul .trustpilot-small .trustpilot-stars {
  overflow: hidden
}

#usp #top-nav ul .trustpilot-small img {
  vertical-align: middle
}

#usp #top-nav ul .usp__label {
  background-color: #e05432;
  border-radius: 2px;
  display: inline-block;
  margin-right: 3px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 7px;
  padding-top: 3px;
  -webkit-transform: translate(0, -2px) rotate(-3deg);
  transform: translate(0, -2px) rotate(-3deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

#usp #top-nav ul .usp__label-text {
  color: #fff;
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.1em;
  text-transform: uppercase
}

#usp #top-nav ul .usp__link::after {
  border-color: transparent transparent transparent #252525;
  border-style: solid;
  border-width: 3px 0 3px 5.2px;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  width: 0
}

.column-usps--cat-home {
  margin: 50px 0
}

.column-usp--centered {
  display: table;
  margin: 0 auto
}

@media (max-width:767px) {
  .column-usp--centered {
    margin-bottom: 20px
  }
}

.column-usp--icon-check::before {
  color: #104672;
  content: "\e947";
  display: table-cell;
  font-family: printocean-icons;
  font-size: 32px;
  padding-right: 15px;
  vertical-align: middle
}

.column-usp--icon-pencil::before {
  color: #104672;
  content: "\e948";
  display: table-cell;
  font-family: printocean-icons;
  font-size: 28px;
  padding-right: 15px;
  vertical-align: middle
}

.column-usp__title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.33em;
  margin-bottom: 6px
}

.column-usp__content {
  color: #666;
  font-size: 12px;
  line-height: 1.41em
}

.column-usp__trustpilot-image {
  margin: 0 10px 5px 0;
  vertical-align: middle
}

.column-usp__trustpilot-score {
  color: #333;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: .8em;
  vertical-align: middle
}

.usp-bar-container--funnel {
  background: 0 0
}

@media (max-width:767px) {
  .usp-bar-container--funnel {
    display: none
  }
}

.usp-bar {
  align-items: center;
  background: 0 0;
  color: #104672;
  display: flex;
  flex-direction: row;
  height: 50px;
  margin: 0 auto;
  max-width: 1280px
}

@media (min-width:992px) and (max-width:1299px) {
  .usp-bar {
    padding: 0 70px
  }
}

@media (max-width:1199px) {
  .usp-bar {
    padding: 0 15px
  }
}

.usp-bar__item {
  align-items: center;
  display: flex;
  line-height: 16px;
  margin-right: 30px
}

@media (max-width:1199px) {
  .usp-bar__item {
    margin-right: 17px
  }
}

.usp-bar__item strong {
  color: #104672
}

.usp-bar__icon {
  height: 16px;
  margin-right: 10px;
  width: 16px;
  fill: #77c659
}

.usp-bar__trustpilot {
  display: flex;
  flex-direction: row;
  margin-left: auto
}

.usp-bar__trustpilot--footer {
  margin-left: 0;
  margin-top: 20px;
  align-items: center
}

.usp-bar__trustpilot-stars {
  margin-left: 11px;
  margin-top: -5px;
  max-height: 23px
}

.usp-bar__trustpilot-image {
  display: inline-block;
  height: 22px;
  margin-right: 8px;
  margin-top: -4px;
  max-width: 150px;
  vertical-align: middle
}

.usp-bar__trustpilot-anchor {
  color: #333;
  font-weight: 600;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #eee;
  line-height: 20px
}

.usp-bar__trustpilot-rating {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-left: 8px
}

.trustpilot-widgets {
  display: none
}

.vat-toggle__text {
  color: #104672;
  display: inline-block;
  font-size: 15px;
  font-weight: bolder;
  vertical-align: middle
}

.vat-toggle__description {
  margin-top: 20px
}

.vat-toggle__switch {
  background-color: #104672;
  border-radius: 18px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  margin-left: 10px;
  padding: 3px;
  position: relative;
  vertical-align: middle;
  width: 66px
}

.vat-toggle__switch-input {
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0
}

.vat-toggle__switch-input:checked~.vat-toggle__switch-label::before {
  opacity: 0
}

.vat-toggle__switch-input:checked~.vat-toggle__switch-label::after {
  opacity: 1
}

.vat-toggle__switch-input:checked~.vat-toggle__switch-handle {
  left: 43px
}

.vat-toggle__switch-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: inherit;
  position: relative;
  top: -3px;
  transition: .15s ease-out;
  transition-property: opacity
}

.vat-toggle__switch-label::after,
.vat-toggle__switch-label::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: inherit
}

.vat-toggle__switch-label::before {
  content: attr(data-off);
  right: 8px
}

.vat-toggle__switch-label::after {
  content: attr(data-on);
  left: 8px;
  opacity: 0
}

.vat-toggle__switch-handle {
  background: #fff;
  border-radius: 10px;
  height: 18px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: left .15s ease-out;
  width: 18px
}

.vat-toggle__switch-handle::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 12px;
  left: 50%;
  margin: -6px 0 0 -6px;
  position: absolute;
  top: 50%;
  width: 12px
}

.vero-thank-you-popup {
  max-width: 400px;
  padding: 20px;
  text-align: center
}

.vero-thank-you-popup__image {
  height: auto;
  max-width: 260px;
  margin-bottom: 20px;
  width: 100%
}

.vero-thank-you-popup__title {
  font-size: 20px;
  margin-bottom: 10px
}

.vero-thank-you-popup__paragraph {
  margin-bottom: 20px
}

.vero-thank-you-popup__button {
  margin-bottom: 10px;
  width: 100%
}

@media (min-width:768px) {
  .vero-thank-you-popup__button {
    margin: 0 5px;
    width: auto
  }
}

.pp-loader {
  display: flex;
  height: 35px;
  align-items: center
}

.pp-loader__icon {
  width: 15px;
  height: 15px
}

.tooltip-hint {
  display: flex;
  position: relative;
  cursor: pointer
}

.tooltip-hint__trigger-icon {
  width: 16px;
  height: 16px;
  fill: #7f7f7f
}

.tooltip-hint__content {
  position: absolute;
  width: 50vw;
  background-color: #fff;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  padding: 10px;
  bottom: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
  z-index: 100000;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-out;
  cursor: default;
  border: 1px solid #dadada
}

.tooltip-hint__content--centered {
  text-align: center
}

.tooltip-hint__content a {
  color: currentColor;
  text-decoration: underline
}

.tooltip-hint__content::after,
.tooltip-hint__content::before {
  content: "";
  position: absolute;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  top: calc(100% + 8px);
  cursor: default
}

.tooltip-hint__content::before {
  border: 8px solid transparent;
  border-top-color: #fff;
  z-index: 100001;
  left: calc(50% - 9px)
}

.tooltip-hint__content::after {
  border: 9px solid transparent;
  border-top-color: #dadada;
  z-index: 100000;
  left: calc(50% - 10px)
}

@media (max-width:767px) {
  .tooltip-hint__content {
    width: 35vw;
    text-align: center;
    -webkit-transform: translateX(-45%) translateY(-8px);
    transform: translateX(-45%) translateY(-8px)
  }

  .tooltip-hint__content::before {
    left: calc(45% - 9px)
  }
}

.tooltip-hint:hover .tooltip-hint__content {
  opacity: 1;
  visibility: visible
}

@media (min-width:768px) {
  .tooltip-hint--small .tooltip-hint__content {
    max-width: 80px
  }

  .tooltip-hint--medium .tooltip-hint__content {
    max-width: 215px
  }

  .tooltip-hint--large .tooltip-hint__content {
    max-width: 300px
  }
}

.tooltip-hint--blue .tooltip-hint__trigger-icon {
  fill: #1567e0
}

.tooltip-hint--blue .tooltip-hint__content {
  background-color: #1567e0;
  color: #fff
}

.tooltip-hint--blue .tooltip-hint__content::before {
  border-top-color: #1567e0
}

.labels {
  display: flex;
  justify-content: space-between
}

.labels__stickers {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5px 10px
}

.labels__stickers--vertical {
  flex-direction: column
}

.labels__stickers .label {
  padding: 3px 5px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px
}

.labels__stickers .label--small {
  padding: 2px 5px;
  margin-left: 5px;
  font-size: 10px;
  line-height: 9px
}

.labels__stickers .label--default {
  background-color: #ea4b1f
}

.labels__stickers .label--design-online {
  background-color: #01c0cd
}

.labels__stickers .label--secondary {
  background-color: #1567e0
}

.labels__stickers .label--eco {
  background-color: #62ac29
}

.labels__icons .label-icon {
  max-height: 25px;
  width: auto
}

@media (min-width:576px) {
  .labels__icons .label-icon {
    max-height: 100%
  }
}

.labels--top-left {
  width: 100%;
  position: absolute;
  top: 10px;
  padding: 0 10px;
  z-index: 10
}

@media (min-width:576px) {
  .labels--top-left {
    top: 15px;
    padding: 0 15px
  }
}

.loader-logo {
  z-index: 998;
  display: none;
  position: absolute;
  top: -3px;
  left: -3px;
  height: calc(100% + 6px);
  width: calc(100% + 6px);
  margin: auto;
  background: rgba(255, 255, 255, .8)
}

@supports ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())) {
  .loader-logo {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, .5)
  }
}

.loader-logo--fullscreen {
  position: fixed;
  top: 0;
  left: 0
}

@media (max-width:575px),
(max-width:767px) and (orientation:landscape) {
  .loader-logo {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw
  }
}

.loader-logo__icon {
  position: absolute;
  top: 50%;
  left: 50%
}

.loader-logo__icon:not(.loader-logo__icon--default) {
  -webkit-transform: translate(-50%, -50%) scale(.5);
  transform: translate(-50%, -50%) scale(.5);
  -webkit-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite
}

.loader-logo__icon--default {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
  }

  50% {
    opacity: .4;
    -webkit-transform: translate(-50%, -50%) scale(.3);
    transform: translate(-50%, -50%) scale(.3)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
  }
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
  }

  50% {
    opacity: .4;
    -webkit-transform: translate(-50%, -50%) scale(.3);
    transform: translate(-50%, -50%) scale(.3)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
  }
}

[data-tooltip] {
  cursor: pointer
}

[data-tooltip-content] {
  position: absolute;
  display: none
}

.tooltip-content {
  max-width: 250px;
  background-color: #fff;
  color: #000;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  padding: 10px;
  z-index: 100000;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .2);
  border: 1px solid #dadada
}

.tooltip-content__triangle {
  bottom: 0;
  left: 50%;
  margin: 0 -5px;
  position: absolute;
  display: inline-block;
  background-color: #fff
}

.tooltip-content__triangle::after,
.tooltip-content__triangle::before {
  content: "";
  position: absolute;
  border-top-color: #fff;
  z-index: 100001;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  top: calc(100% + 8px);
  cursor: default;
  pointer-events: none
}

.tooltip-content__triangle::before {
  border: 8px solid transparent;
  border-top-color: #fff;
  z-index: 100001;
  left: calc(50% - 9px)
}

.tooltip-content__triangle::after {
  border: 9px solid transparent;
  border-top-color: #dadada;
  z-index: 100000;
  left: calc(50% - 10px)
}

.tooltip-content--visible {
  display: block
}

.tooltip-content--centered {
  text-align: center
}

.tooltip-content--blue {
  background-color: #1567e0;
  color: #fff
}

.tooltip-content--blue .tooltip-content__triangle {
  background-color: #1567e0
}

.tooltip-content--blue .tooltip-content__triangle:before {
  border-top-color: #1567e0
}

.tooltip-content--black {
  background-color: #000;
  color: #fff
}

.tooltip-content--black .tooltip-content__triangle {
  background-color: #000
}

.tooltip-content--black .tooltip-content__triangle:before {
  border-top-color: #000
}

@media (min-width:768px) {
  .tooltip-content--small .tooltip-hint__content {
    max-width: 80px
  }

  .tooltip-content--medium .tooltip-hint__content {
    max-width: 215px
  }

  .tooltip-content--large .tooltip-hint__content {
    max-width: 300px
  }
}

.tooltip-content a {
  color: currentColor;
  text-decoration: underline
}

.artwork-loader {
  position: relative
}

.artwork-loader__arrow {
  -webkit-transform-origin: 50% 65%;
  transform-origin: 50% 65%;
  -webkit-animation: arrow 2s infinite linear;
  animation: arrow 2s infinite linear
}

.artwork-loader__cloud {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: cloud 2s infinite linear;
  animation: cloud 2s infinite linear
}

.artwork-loader__document {
  -webkit-animation: document 5s infinite linear;
  animation: document 5s infinite linear
}

.artwork-loader__img {
  -webkit-animation: img 6s infinite linear;
  animation: img 6s infinite linear
}

.artwork-loader svg {
  width: 300px
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: scaleY(0) translateY(0);
    transform: scaleY(0) translateY(0);
    opacity: 1
  }

  10% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0)
  }

  60% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0)
  }

  70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  80% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0
  }

  85% {
    opacity: 0
  }

  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: scaleY(0) translateY(0);
    transform: scaleY(0) translateY(0);
    opacity: 1
  }

  10% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0)
  }

  60% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0)
  }

  70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  80% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0
  }

  85% {
    opacity: 0
  }

  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0
  }
}

@-webkit-keyframes cloud {
  75% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  80% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  85% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes cloud {
  75% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  80% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  85% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes document {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  25% {
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0)
  }

  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  75% {
    -webkit-transform: translate3d(-5px, 5px, 0);
    transform: translate3d(-5px, 5px, 0)
  }
}

@keyframes document {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  25% {
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0)
  }

  50% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  75% {
    -webkit-transform: translate3d(-5px, 5px, 0);
    transform: translate3d(-5px, 5px, 0)
  }
}

@-webkit-keyframes img {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  33% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  66% {
    -webkit-transform: translate3d(-7px, 2px, 0);
    transform: translate3d(-7px, 2px, 0)
  }
}

@keyframes img {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  33% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  66% {
    -webkit-transform: translate3d(-7px, 2px, 0);
    transform: translate3d(-7px, 2px, 0)
  }
}

.page-404 {
  background: #f5f5f5;
  padding-top: 30px
}

.page-404__block {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  text-align: center
}

.page-404__title {
  margin-bottom: .5em
}

.page-404__subtitle {
  margin-bottom: 1.5em
}

.authentication {
  background-color: #f5f5f5;
  padding: 50px 0
}

@media (max-width:991px) {
  .authentication {
    padding: 20px 0
  }
}

.authentication__page-title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 15px
}

.authentication__column {
  margin: 0 auto;
  max-width: 400px;
  width: 100%
}

.authentication__box {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%
}

.authentication__progress-bar {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .authentication__progress-bar {
    margin-bottom: 10px
  }
}

.authentication__progress-bar .order-steps {
  float: none;
  width: 100%
}

.authentication__trustpilot-widgets {
  position: relative;
  text-align: right
}

@media (max-width:991px) {
  .authentication__trustpilot-widgets {
    display: none
  }
}

.authentication__trustpilot-widgets img {
  float: none
}

.authentication__forgot-password-content {
  margin-top: 20px
}

.authentication__forgot-password-content-title {
  color: #104672;
  font-weight: 600;
  font-size: 14px;
  margin-top: 15px
}

.authentication__forgot-password-content-phone {
  color: #104672;
  margin-top: 10px
}

.authentication__forgot-password-form--margin-top {
  margin-top: 10px
}

.authentication__forgot-password-success {
  color: green;
  font-size: 15px;
  font-weight: 600
}

.authentication .magic-link__message {
  padding: 10px;
  margin-bottom: 6px;
  line-height: 16px;
  background-color: #f7f7f7
}

.login-form__row,
.registration-form__row {
  display: block;
  width: 100%
}

.login-form__label,
.registration-form__label {
  color: #333;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px
}

.login-form__input,
.registration-form__input {
  background-color: #fff;
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  display: block;
  height: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 10px
}

.login-form__input:focus,
.registration-form__input:focus {
  border-color: #4a90e2
}

.login-form__input--has-error,
.registration-form__input--has-error {
  border-color: #f11a1a;
  margin-bottom: 7px
}

.login-form__input--valid,
.registration-form__input--valid {
  border-color: #70ca48
}

.login-form__input::-webkit-input-placeholder,
.registration-form__input::-webkit-input-placeholder {
  color: #7b7b7b
}

.login-form__input:-moz-placeholder,
.registration-form__input:-moz-placeholder {
  color: #7b7b7b
}

.login-form__input::-moz-placeholder,
.registration-form__input::-moz-placeholder {
  color: #7b7b7b
}

.login-form__input:-ms-input-placeholder,
.registration-form__input:-ms-input-placeholder {
  color: #7b7b7b
}

.login-form__login-button,
.registration-form__login-button {
  margin-top: 20px;
  width: 100%
}

.login-form .login-button__spinner,
.registration-form .login-button__spinner {
  margin: 0 auto;
  width: 14px;
  height: 14px
}

.login-form__forgot-password,
.registration-form__forgot-password {
  float: right
}

.login-form__devider,
.registration-form__devider {
  padding: 20px 0;
  position: relative;
  text-align: center
}

.login-form__devider:after,
.registration-form__devider:after {
  background-color: #d8d8d8;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%
}

.login-form__devider-text,
.registration-form__devider-text {
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 1
}

.login-form__hidden-field,
.registration-form__hidden-field {
  display: none;
  visibility: hidden
}

.login-form__create-account,
.registration-form__create-account {
  font-weight: 600;
  width: 100%
}

.login-form__create-account:active,
.registration-form__create-account:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.login-form__error,
.registration-form__error {
  background-color: #ffdbdb;
  border: solid 1px #e50000;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px 15px
}

.login-form .magic-link,
.registration-form .magic-link {
  padding: 10px;
  margin-bottom: 16px;
  margin-top: -10px;
  line-height: 16px;
  background-color: #f7f7f7
}

.login-form .magic-link .magic-link-and-password__message,
.registration-form .magic-link .magic-link-and-password__message {
  margin-bottom: 10px
}

.social-login iframe {
  background-color: #fff !important;
  width: 100% !important
}

.social-login__oneall-container {
  background: url(../img/loader-puff.svg) center center no-repeat;
  background-size: contain;
  height: 36px;
  margin-top: 20px
}

#authentication header.v3 {
  height: 60px
}

@media (min-width:992px) {
  #authentication header.v3 {
    height: auto
  }
}

.all-products {
  padding-bottom: 50px
}

.all-products__title {
  margin-top: 15px
}

.all-products .filter-cat {
  margin-top: 15px
}

.all-products .filter-cat:before {
  content: "";
  display: block;
  overflow: hidden;
  clear: both
}

.all-products .filter-cat:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden
}

.all-products .filter-cat.images {
  margin-top: 0
}

.all-products .filter-cat h3 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -.2px;
  margin-bottom: 15px
}

.all-products .filter-cat .cat {
  clear: both;
  position: relative
}

.all-products .filter-cat .cat:before {
  content: "";
  display: block;
  overflow: hidden
}

.all-products .filter-cat .cat .standard {
  display: block;
  float: left;
  width: 25%;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  position: relative;
  text-align: center;
  min-height: 240px
}

.all-products .filter-cat .cat a p.title {
  color: #104672
}

.all-products .filter-cat .cat .standard:nth-child(4n) {
  border-right: 1px solid transparent
}

.all-products .filter-cat .cat .standard:hover:nth-child(4n) {
  border-right: 1px solid
}

.all-products .filter-cat .cat .standard:hover {
  border: 1px solid
}

.all-products .filter-cat .cat .standard:hover {
  border-color: #407eaf
}

.all-products .filter-cat .cat .standard img {
  margin: 10px 0;
  max-width: 100%
}

.all-products .filter-cat .cat .standard p {
  display: inline-block;
  margin-bottom: 0 !important;
  padding: 7px
}

.all-products .filter-cat .cat .standard p.title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.all-products .filter-cat .cat .standard p.price {
  color: grey;
  display: none
}

.all-products .filter-cat .cat .standard div>span {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100
}

.all-products .filter-cat .cat.searching:after {
  bottom: 0 !important
}

.all-products.v2 {
  display: inline-block;
  width: 100%
}

.all-products.v2 .filter-cat .cat .standard {
  background: #fff;
  border: 2px solid #ededed;
  border-radius: 3px;
  margin-right: 26px;
  margin-bottom: 26px;
  padding: 5px 0;
  position: relative;
  width: 100%;
  transition: all .3s
}

.all-products.v2 .filter-cat .cat .standard:hover {
  border: 2px solid #005e7f;
  text-decoration: none
}

.all-products.v2 .filter-cat .cat .standard:hover .inner-filter-product p.title {
  background: 0 0;
  color: #104672
}

.all-products.v2 .filter-cat .cat .standard:hover .inner-filter-product p.title:after {
  border: none
}

.all-products.v2 .filter-cat .cat .standard p.price {
  display: block !important
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product {
  text-align: left;
  width: 85%;
  margin: 0 auto 5px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new {
  display: inline-block !important;
  padding-bottom: 10px;
  min-height: 65px;
  width: 100%;
  position: relative
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new span.label {
  color: #9b9b9b;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 4px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right {
  display: block;
  float: left;
  position: relative;
  text-align: left;
  width: 50%
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left span,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right span {
  display: block;
  left: 0;
  position: relative;
  top: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left span.price,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right span.price {
  color: #104672;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-top: 7px;
  line-height: 16px;
  letter-spacing: -1.2px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left span.price sup,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right span.price sup {
  font-size: 16px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line {
  width: 80%
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span {
  margin: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span .label,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span .label {
  font-size: 12px;
  line-height: 21px
}

html[lang=de-DE] .all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span.label,
html[lang=de-DE] .all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.label {
  margin-bottom: 4px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span.price,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.price {
  font-size: 16px;
  white-space: nowrap
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span.price sup,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.price sup {
  display: inline-block;
  margin-right: 10px;
  top: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span.price:nth-of-type(2),
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.price:nth-of-type(2) {
  color: #9b9b9b
}

html[lang=de-DE] .all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .left.multi-line span.price,
html[lang=de-DE] .all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.price {
  color: #104672
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right {
  text-align: right;
  width: 50%
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line {
  width: 20%
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new .right.multi-line span.price sup {
  margin-right: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount {
  color: #104672;
  display: block;
  width: 100%;
  white-space: nowrap;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 6px !important;
  padding-top: 7px;
  line-height: 16px;
  letter-spacing: -1.2px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include {
  font-size: 16px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include:first-child {
  color: #9b9b9b
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include:first-child .strike {
  color: #9b9b9b
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include:first-child .strike:before {
  border-color: #9b9b9b
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include span {
  font-size: 16px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include span.label {
  margin-bottom: 4px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount.include span sup {
  top: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span {
  display: inline-block;
  font-size: 24px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span sup {
  font-size: 16px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span.label {
  display: block;
  font-size: 13px;
  margin-bottom: 12px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span.strike {
  color: #e05432;
  font-weight: 700;
  font-size: 16px;
  margin: 0 5px 0 0;
  position: relative;
  width: auto
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span.strike sup {
  top: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product .price-box-new p.dicount span.strike:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #e05432;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-bottom: -2px;
  height: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p {
  padding: 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.title {
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  min-height: 50px;
  line-height: 18px;
  padding: 4px 0 8px 0
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.description {
  color: #4a4a4a;
  line-height: 18px;
  font-weight: 600;
  font-size: 13px;
  padding: 0;
  width: 100%;
  margin-bottom: 10px !important
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.price,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product span.price {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #104672
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.price.small,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product span.price.small {
  margin-top: 7px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -1.2px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.price span,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product span.price span {
  color: #9b9b9b;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0;
  margin-bottom: 4px
}

.all-products.v2 .filtered-categories .cat .standard .inner-filter-product p.price.de-price,
.all-products.v2 .filtered-categories .cat .standard .inner-filter-product span.price.de-price {
  color: red;
  font-size: 16px;
  line-height: 16px
}

.all-products.v2 .filtered-categories .cat .standard:hover .inner-filter-product p {
  margin-left: 0;
  padding: 0
}

.all-products.v2 .filtered-categories .cat .standard:hover .inner-filter-product p.title {
  padding: 4px 0 8px 0
}

.grey-bg-fw {
  background: #f7f7f7
}

.grey-bg-fw .banner-box {
  padding: 10px 0 0 0
}

.grey-bg-fw.brdr-tp {
  border-top: 1px solid #ededed
}

#page.contact .home {
  background-color: #f5f5f5
}

.contact-center {
  margin-bottom: 30px
}

.contact-center h2 {
  font-size: 18px;
  margin-bottom: 20px
}

.contact-center h2.contact-center__title--large {
  font-size: 22px
}

.contact-center #_elev_io {
  display: block !important
}

.contact-center #_elev_io_placebo._1gzja {
  font-size: 14px
}

.contact-center #_elev_io_placebo._1gzja::-webkit-input-placeholder {
  font-style: normal
}

.contact-center #_elev_io_placebo._1gzja:-moz-placeholder {
  font-style: normal
}

.contact-center #_elev_io_placebo._1gzja::-moz-placeholder {
  font-style: normal
}

.contact-center #_elev_io_placebo._1gzja:-ms-input-placeholder {
  font-style: normal
}

.contact-center ._17k2i._elevio_search_results {
  top: 1px
}

.contact-center__list {
  line-height: 1.3;
  margin-bottom: 20px
}

.contact-center__list li {
  margin-bottom: 10px
}

.contact-center__row--flex {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.contact-center__row--flex div[class^=col-] {
  display: flex
}

@media (max-width:991px) {
  .contact-center__row--flex-col-full {
    width: 100%
  }
}

.contact-center__sub-title {
  letter-spacing: -1px;
  margin-bottom: 10px
}

.contact-center__title {
  letter-spacing: -.025em;
  line-height: 1.2;
  margin-bottom: 10px
}

.contact-center__chat-button {
  margin-right: auto;
  margin-top: 20px
}

.contact-center__chat-button-icon {
  margin-bottom: -1px;
  margin-right: 5px
}

.contact-center-faq {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  flex-grow: 1;
  flex-wrap: wrap
}

@media (min-width:992px) {
  .contact-center-faq {
    padding: 20px 30px
  }
}

.contact-center-faq__search {
  border: solid 1px #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  min-height: 49px
}

.help-topics {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%
}

@media (min-width:992px) {
  .help-topics {
    padding: 20px 30px
  }
}

.help-topics__title {
  display: flex;
  align-items: center;
  color: #104672;
  font-size: 15px;
  font-weight: 600;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 28px;
  margin-bottom: 10px
}

.help-topics__title-icon {
  margin-right: 10px
}

.self-service {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.self-service__button {
  display: flex;
  margin-right: auto
}

.contact-center-footer {
  background-color: #fff;
  border-top: solid 1px #ebebeb;
  display: flex;
  padding-top: 20px
}

.contact-center-footer__button {
  margin: 30px auto 30px 0
}

.contact-center-footer__column {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  flex-shrink: 0
}

.contact-center-footer__image {
  content: url(../img/contact/cs-agents-footer-uk.jpg);
  display: flex;
  margin: auto auto 0;
  max-width: 100%
}

.contact-center-footer__link {
  color: #999;
  margin: 30px 0
}

.contact-center-footer__row {
  display: flex;
  flex-direction: row
}

@media (max-width:991px) {
  .contact-center-footer__row {
    flex-direction: column
  }
}

.contact-center-footer__title {
  color: #104672;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -.025em;
  margin-bottom: 20px;
  margin-top: 30px
}

.contact-center-contact-block {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: center
}

.contact-center-contact-block__image {
  display: block;
  flex-grow: 0;
  margin: 0 auto 20px;
  max-width: 100%
}

.contact-center-contact-block__title {
  color: #104672;
  font-size: 1.1rem;
  letter-spacing: -.025em;
  margin-bottom: 20px
}

.contact-center-contact-block__start-chat {
  margin-bottom: 10px
}

.contact-center-contact-block__subtitle {
  font-weight: 600;
  margin-top: 15px
}

.no-decoration,
.no-decoration:hover {
  text-decoration: none
}

.contact-title {
  height: 225px;
  display: table
}

.contact-title h2 {
  line-height: 1em;
  font-size: 25.5px;
  display: table-cell;
  vertical-align: middle
}

.contact-title h2 span {
  font-size: 18px;
  display: block
}

.contact-info-title {
  color: #104672
}

#contact-form.forms,
#files-other-form.forms {
  border: 0;
  padding: 0;
  box-shadow: none;
  width: 450px
}

#contact-form.forms label {
  width: 100px
}

#contact-form.forms input[type=text] {
  width: 240px
}

#contact-form.forms textarea {
  width: 333px
}

#contact-form.forms select {
  font-size: 12px;
  min-width: 140px
}

#contact-form .form-row {
  margin-bottom: 10px;
  min-height: 0
}

#contact-form .error-contact-form {
  color: #e52121;
  padding-left: 15px
}

#contact-form input[type=submit] {
  border: none;
  color: #fff;
  height: auto;
  margin: 0 14px 5px 0;
  padding: 8px 14px
}

#contact-emails li {
  width: 33%;
  float: left;
  margin-bottom: 15px
}

#contact-emails li a {
  color: #0393c7
}

#contact section.home h1 {
  color: #104672
}

#contact section.home h3 {
  font-size: 17.5px;
  padding-bottom: 5px
}

#contact section.home h3.orange {
  font-size: 18px;
  margin-top: 5px;
  color: #e94e1f
}

#contact #center_column {
  position: relative
}

#contact fieldset {
  padding: 0 0 15px;
  float: left
}

#contact #center_column p {
  float: left;
  margin: 0;
  padding: 0 0 10px
}

#contact #center_column .select {
  width: 100%
}

#contact #center_column .text.last {
  margin-left: 10px
}

#contact #center_column p .txt {
  font-size: 11px;
  padding-left: 10px;
  color: #6d7c84
}

#contact #center_column p.desc_contact {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  display: none
}

#contact .right-info {
  float: right;
  width: 220px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #b1b8bb;
  box-shadow: 0 3px 3px #eee;
  font-size: 12px;
  margin-bottom: 20px;
  position: absolute;
  right: 0;
  top: 82px;
  padding: 28px 20px
}

#contact p.select label,
#contact p.select span,
#contact p.text label,
#contact p.textarea label {
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  width: 150px
}

#contact #special_block_right,
#contact .contentBox,
#contact .stappenplan {
  display: none
}

#contact p #message {
  height: 110px;
  width: 410px
}

#contact p.select select {
  margin-right: 10px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #666
}

#contact p.textarea textarea {
  height: 80px;
  width: 270px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #666
}

#contact #map {
  width: 750px;
  height: 560px;
  margin: 10px auto 40px
}

#contact .contactform {
  width: 645px;
  z-index: 2
}

#contact .breadcrumb-call {
  right: 30px
}

.team-member {
  text-align: center;
  float: left;
  margin: 20px 0 30px;
  position: relative;
  width: 25%
}

.team-member:hover .hover-message {
  display: block
}

.team-member-image {
  height: 182px;
  margin-bottom: 20px;
  position: relative;
  line-height: 182px
}

.team-member-image img {
  vertical-align: bottom
}

.team-member h4 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #104672
}

.team-member .team-member-phone,
.team-member .team-member-title {
  line-height: 9px;
  font-size: 12px;
  color: #104672
}

.team-member .team-member-phone {
  padding-top: 5px
}

.team-member a.team-member-email {
  font-size: 12px;
  line-height: 2.4em;
  color: #4a90e2
}

.all-products.category .category-top>.left {
  width: 230px
}

.all-products.category .category-top>.left .filter h3 {
  margin-bottom: 15px
}

.all-products.category .category-top>.right {
  width: 480px;
  margin-left: 20px
}

.all-products.category .category-top>.right p {
  line-height: 20px
}

.all-products.category .category-top {
  position: relative;
  margin-bottom: 20px;
  height: 100%
}

.all-products.category .category-top a.bottom {
  position: absolute;
  bottom: 20px
}

.all-products.category {
  margin-top: 20px
}

.all-products.category--with-background {
  margin-top: 0
}

.category.contact #contact-emails li {
  margin-bottom: 12px;
  line-height: 19px
}

.category.contact .category-top {
  margin-bottom: 0
}

.category.contact .category-top>.left {
  width: auto
}

.category.contact .category-top .filter {
  width: 230px
}

.category.contact .category-top .information-email {
  width: 700px;
  margin-left: 0;
  padding-top: 15px
}

.category.contact .information-company {
  margin-left: 33px;
  padding-top: 15px
}

.category.contact .information-company p {
  line-height: 21px
}

.category.contact .working-days li {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 100%;
  padding: 12px
}

.category.contact .working-days li:hover {
  background-color: #f7f7f7
}

.category.contact .working-days li:first-child {
  border-left: none;
  border-right: none;
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 18px 0
}

.category.contact .working-days li:first-child:hover {
  background: 0 0
}

.category.contact .working-days li span,
.category.contact .working-days li.title {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.category.contact .working-days li span {
  width: 320px;
  display: inline-block
}

.category.contact .filter-cat>h3 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px
}

.category.contact .filter-cat>h3 .orange {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

.category.contact .filter-cat .person {
  float: left;
  width: 20%;
  height: 220px;
  position: relative;
  margin-bottom: 30px
}

.category.contact .filter-cat .person .hover {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 25px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  z-index: 100;
  padding: 0 20px
}

.category.contact .filter-cat .person .hover>.middle,
.category.contact .filter-cat .person .hover>.table {
  width: 100%;
  height: 140px;
  top: 0;
  left: 0
}

.category.contact .filter-cat .person .hover span.myprofile {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px
}

.category.contact .filter-cat .person .hover-overlay {
  background: url(../img/contact-hover.png) repeat 0 0;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  display: none;
  left: 23px;
  opacity: .75
}

.category.contact .filter-cat .person a.tag {
  position: relative
}

.category.contact .filter-cat .person>a {
  display: block;
  text-align: center
}

.category.contact .filter-cat .person h3 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 0
}

.category.contact .filter-cat .person .details {
  text-align: center;
  margin-top: 10px
}

.category.contact .filter-cat .person .details a {
  margin-top: 8px;
  display: inline-block
}

.category.contact .filter-cat .person .details .team-position {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  font-size: 13px;
  line-height: 1.3em
}

.category.contact h1.line:after,
.category.contact h2.line:after {
  content: "";
  display: block;
  margin-top: 12px;
  width: 50px;
  height: 5px;
  border-radius: 15px;
  background-color: #e05432;
  margin-bottom: 16px
}

@media only screen and (max-width:991px) {
  .category.contact .contact-form .wrapper .grid .col-2-3 {
    padding-left: 30px
  }
}

@media only screen and (max-width:851px) {
  .category.contact .contact-form .wrapper .grid .col-2-3 {
    padding-left: 30px;
    width: 100%;
    clear: both
  }

  .category.contact .contact-form .wrapper .grid .col-3 {
    width: 100%;
    clear: both;
    padding-left: 30px;
    padding-top: 30px
  }
}

.category.contact .contact-top {
  padding: 30px 0 0 0
}

@media only screen and (max-width:991px) {
  .category.contact .contact-top .wrapper {
    padding-left: 10px
  }
}

.category.contact .contact-top .main-image {
  position: relative;
  min-height: 260px
}

@media only screen and (max-width:920px) {
  .category.contact .contact-top .main-image {
    min-height: 390px
  }
}

@media only screen and (max-width:580px) {
  .category.contact .contact-top .main-image {
    min-height: 340px
  }
}

@media only screen and (max-width:300px) {
  .category.contact .contact-top .main-image {
    min-height: 410px
  }
}

.category.contact .contact-top .main-image h1 {
  max-width: 380px
}

.category.contact .contact-top .main-image p {
  max-width: 380px;
  font-size: 15px;
  line-height: 28px;
  color: #444
}

.category.contact .contact-top .main-image img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1
}

@media only screen and (max-width:920px) {
  .category.contact .contact-top .main-image img {
    max-width: 100%
  }
}

.category.contact .check-circle li {
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
  align-items: center
}

.category.contact .check-circle li:before {
  content: "";
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background-color: #73c850;
  mask-image: url(../img/icons/check-circle.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px;
  -webkit-mask-image: url(../img/icons/check-circle.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px
}

.category.contact .check-circle li a:hover {
  color: #333
}

.category.contact .check-circle+p {
  border-top: 2px solid #dfdfdf;
  padding-top: 20px;
  line-height: 28px;
  font-size: 14px;
  margin-top: 30px
}

.category.contact .contact-experts h2,
.category.contact .contact-faq h2,
.category.contact .contact-form h2,
.category.contact .contact-information h2,
.category.contact .contact-top h1 {
  font-size: 28px;
  letter-spacing: -2px;
  line-height: 34px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.category.contact .contact-form {
  background: #f7f7f7;
  padding: 40px 0 80px 0
}

@media only screen and (max-width:851px) {
  .category.contact .contact-form .hidden-mobile {
    display: none
  }
}

@media only screen and (min-width:851px) {
  .category.contact .contact-form .hidden-mobile {
    display: block
  }
}

@media only screen and (min-width:851px) {
  .category.contact .contact-form .hidden-desktop {
    display: none
  }
}

@media only screen and (max-width:851px) {
  .category.contact .contact-form .hidden-desktop {
    display: block
  }
}

.category.contact .contact-form .form-row.hidden .form-left {
  padding-left: 0
}

.category.contact .contact-form .form-row .form-nested {
  margin-left: 208px;
  padding-left: 0
}

.category.contact .contact-form .form-row .dropdown.highlight .selected,
.category.contact .contact-form .form-row input.highlight {
  background: #fdeaea
}

.category.contact .contact-form .form-left {
  width: 200px;
  text-align: left;
  font-size: 14px;
  color: #444;
  font-weight: 700
}

.category.contact .contact-form .form-row--suggestions .form-left {
  width: 220px
}

.category.contact .contact-form label[for=notes] {
  margin-top: 10px;
  display: inline-block
}

.category.contact .contact-form #user-registration input,
.category.contact .contact-form .dropdown .selected,
.category.contact .contact-form .fileupload,
.category.contact .contact-form input,
.category.contact .contact-form textarea {
  width: 342px;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  color: #999;
  font-size: 14px;
  line-height: 28px;
  padding: 10px 15px;
  height: 50px
}

.category.contact .contact-form .fileupload-container {
  width: 342px;
  vertical-align: top
}

.category.contact .contact-form .fileupload-container .fileupload>span.icon:before {
  margin-right: 10px;
  font-size: 17px;
  line-height: 22px
}

.category.contact .contact-form .fileupload-container .fileupload>span.filename--small {
  font-size: 12px
}

.category.contact .contact-form .fileupload-container .fileupload>span.filename--small::before {
  font-size: 10px;
  margin-right: 2px
}

.category.contact .contact-form .fileupload-container .fileupload>span.selection {
  font-size: 12px;
  font-weight: 600
}

.category.contact .contact-form input#date {
  width: 100px
}

.category.contact .contact-form input[type=file] {
  opacity: 0;
  padding: 0;
  cursor: pointer;
  top: 0;
  left: 0
}

.category.contact .contact-form .dropdown {
  width: 342px
}

.category.contact .contact-form .dropdown .carat:after {
  background-color: #999
}

.category.contact .contact-form .dropdown.highlight .carat:after {
  background-color: #e94e1f
}

.category.contact .contact-form .dropdown>div {
  top: 50px
}

.category.contact .contact-form textarea {
  height: auto
}

.category.contact .contact-form .form-button {
  text-transform: capitalize;
  margin-left: 207px;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px
}

.category.contact .contact-form #popupLogin h2.title-sub:after {
  content: "";
  display: block;
  margin-top: 12px;
  width: 50px;
  height: 5px;
  border-radius: 15px;
  background-color: #e05432;
  margin-bottom: 16px
}

.category.contact .contact-form #popupLogin #popupRecoverPasswordArea,
.category.contact .contact-form #popupLogin #popuplogincontainer {
  width: auto !important
}

.category.contact .contact-form #popupLogin #popuplogincontainer h2+div+div {
  margin-left: 0 !important;
  width: 100% !important
}

.category.contact .contact-form #popupLogin #popuplogincontainer h2.title-small,
.category.contact .contact-form #popupLogin #popuplogincontainer h2.title-sub {
  display: none
}

.category.contact .contact-form #popupLogin #user-registration {
  width: auto !important
}

.category.contact .contact-form #popupLogin #user-registration .form-left {
  width: 200px;
  text-align: left;
  font-size: 14px;
  color: #444;
  font-weight: 700;
  display: inline-block;
  float: none
}

.category.contact .contact-form #popupLogin #user-registration input {
  float: none;
  margin: 0
}

.category.contact .contact-form #popupLogin #user-registration .login-form {
  width: auto;
  float: none;
  padding: 0;
  border: 0;
  box-shadow: none
}

.category.contact .contact-form #popupLogin #user-registration .login-form label {
  font-size: 14px
}

.category.contact .contact-form #popupLogin #user-registration .login-form .form-row {
  text-align: left
}

.category.contact .contact-form #popupLogin #user-registration .forgot-password {
  margin-left: 203px;
  margin-top: 12px;
  font-weight: 600
}

@media only screen and (max-width:991px) {
  .category.contact .contact-form #popupLogin #user-registration .forgot-password {
    margin-left: 30px
  }
}

.category.contact .contact-form #popupLogin #user-registration button {
  background: 0 0;
  box-shadow: none;
  margin-right: 102px;
  background-color: #73c850;
  border: 2px solid #5ea043;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  width: auto;
  transition-property: all;
  transition-duration: .3s;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px
}

.category.contact .contact-form #popupLogin #user-registration button:hover {
  background-color: #5bb935
}

.category.contact .contact-form #popupLogin #popupRecoverPasswordArea .login-form,
.category.contact .contact-form #popupLogin #popupRecoverPasswordArea .recover-form {
  float: none;
  border: none;
  padding: 0;
  width: 100%;
  margin: 0
}

.category.contact .contact-information {
  background: #f7f7f7;
  padding: 40px
}

.category.contact .contact-information h2 {
  letter-spacing: -2px
}

.category.contact .contact-information h2 strong {
  display: block
}

.category.contact .contact-information p {
  font-size: 15px;
  line-height: 28px;
  color: #444
}

.category.contact .contact-information p strong {
  font-weight: 700
}

.category.contact .contact-information .informations li {
  width: 235px;
  float: left;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 10px;
  font-size: 12px;
  display: flex;
  align-items: center
}

.category.contact .contact-information .informations li:hover {
  border: 1px solid #104672
}

.category.contact .contact-information .informations li .icn-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #e05432;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px
}

.category.contact .contact-information .informations li .information__icon {
  width: 18px;
  height: 18px;
  fill: #fff
}

.category.contact .contact-information .informations li a {
  color: #4a4a4a;
  text-decoration: none;
  display: block;
  padding: 10px 0 10px 10px
}

.category.contact .contact-information .informations li:nth-child(odd) {
  margin-right: 10px
}

.category.contact .contact-information .informations li h4 {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px
}

.category.contact .contact-information .informations li span {
  display: block
}

.category.contact .contact-experts {
  padding: 40px 0
}

.category.contact .contact-experts .team {
  margin-left: -30px;
  margin-top: 30px
}

.category.contact .contact-experts .team li {
  float: left;
  width: 172px;
  margin: 0 0 30px 30px
}

.category.contact .contact-experts .team li:nth-child(5n) div {
  border-right: 2px solid transparent
}

.category.contact .contact-experts .team li .triangle-right__icon {
  width: 11px;
  height: 11px;
  margin-right: 8px
}

.category.contact .contact-experts .team li div {
  border-right: 2px solid #f3f3f3;
  padding-right: 35px;
  text-align: left;
  margin-top: 25px
}

.category.contact .contact-experts .team li div h3 {
  font-size: 17px;
  line-height: 22px
}

.category.contact .contact-experts .team li div p {
  font-size: 12px;
  line-height: 20px;
  color: #444;
  margin-top: 20px;
  height: 120px
}

.category.contact .contact-experts .team li div a {
  font-weight: 700;
  line-height: 23px;
  display: block
}

.category.contact .contact-faq {
  margin-top: 50px
}

.category.contact .contact-faq ol {
  list-style-type: decimal;
  -moz-column-count: 2;
  -moz-column-gap: 35px;
  -webkit-column-count: 2;
  -webkit-column-gap: 35px;
  column-count: 2;
  column-gap: 35px
}

.category.contact .contact-faq ol li {
  color: #104672;
  font-weight: 700;
  font-size: 15px;
  line-height: 28px;
  margin-left: 17px
}

.category.contact .contact-faq ol li span {
  color: #333;
  font-weight: 400;
  display: block;
  margin-left: 20px
}

.joinus {
  margin-top: 20px;
  border: 1px solid #f5f5f5;
  padding: 18px;
  border-radius: 3px;
  line-height: 22px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px
}

.joinus:before {
  content: "";
  background: url(../img/joinus.png) no-repeat 0 0;
  width: 43px;
  height: 33px;
  display: inline-block;
  float: left;
  margin: 4px 16px 0 0
}

.joinus span {
  display: block;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400
}

#contact-form.my_account_form {
  width: 700px;
  margin: 30px 0 0
}

#contact-form.my_account_form .radio.opc-goaway label {
  width: auto;
  margin-right: 15px
}

#contact-form.my_account_form .radio.opc-goaway input[type=radio] {
  margin-right: 2px
}

#contact-form.my_account_form select {
  width: auto !important;
  min-width: 0
}

#contact-form.my_account_form .tips {
  color: #9e9e9e;
  padding-left: 15px;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: italic
}

#contact-form.my_account_form tr {
  height: 35px
}

#contact-form.my_account_form input#lastname {
  width: 155px
}

#contact-form.my_account_form tr.name-first-last input[type=text] {
  width: 100px
}

#contact-form.my_account_form label {
  width: 155px
}

#contact-form.my_account_form input[type=submit] {
  float: left;
  margin-top: 10px
}

#contact-form.my_account_form .submited {
  color: #67b42c;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600
}

.hover-message {
  display: none;
  position: absolute;
  top: 0;
  right: 10px;
  background: url(../img/team/hoi.png) no-repeat;
  width: 55px;
  height: 45px;
  z-index: 100
}

.contact-form-page {
  background-color: #f5f5f5
}

.contact-form-page__row {
  display: flex;
  flex-direction: row
}

@media (max-width:991px) {
  .contact-form-page__row {
    flex-direction: column
  }
}

.contact-form-page__column {
  align-content: stretch;
  display: flex
}

.contact-form-page .dropdown .carat:after,
.contact-form-page .dropdown.open .carat:after {
  color: #999;
  top: calc(50% - 7.5px)
}

.contact-form-page .dropdown .selected {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  color: #999;
  font-size: 14px;
  line-height: 28px;
  padding: 10px 15px;
  height: 50px;
  margin-bottom: 15px
}

.contact-form-page .dropdown.selected.focus.highlight .selected {
  border: 1px solid #8ebee3 !important;
  box-shadow: 0 0 2px rgba(142, 190, 227, .42) !important
}

.contact-form-page .dropdown div {
  top: 56px
}

.contact-form-page .dropdown div ul li[data-dropfilter=default] {
  display: none
}

.contact-chat-block {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  background-image: url(../img/contact/helloDrukzo.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain
}

@media (max-width:1199px) {
  .contact-chat-block {
    background-image: none
  }
}

.contact-chat-block__title {
  font-size: 22px;
  letter-spacing: -.025em;
  margin-bottom: 10px
}

.contact-chat-block__paragraph {
  font-size: 1.1em;
  line-height: 1.5
}

.opening-hours {
  line-height: 1.3
}

.opening-hours__title {
  font-weight: 700;
  margin: 15px 0 10px
}

.opening-hours__usp {
  margin-top: 20px
}

.other-contact-options {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%
}

.other-contact-options__title {
  letter-spacing: -.025em;
  margin-bottom: 10px
}

.other-contact-options__phone {
  border: solid 1px #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  color: #333;
  display: block;
  line-height: 1;
  padding: 10px 15px;
  transition: all .1s;
  width: 100%
}

.other-contact-options__phone:hover {
  background-color: #f2f2f2;
  text-decoration: none
}

.other-contact-options__phone:active {
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.other-contact-options__phone--small {
  color: #666
}

.other-contact-options__phone-icon {
  color: #666;
  float: left;
  margin-right: 15px;
  margin-top: 7px
}

.other-contact-options__phone-icon--small {
  float: none;
  height: 14px;
  margin-bottom: -1px;
  margin-right: 5px;
  margin-top: 0
}

.other-contact-options__email {
  border-top: solid 1px #ddd;
  margin-top: 15px;
  padding-top: 15px
}

.other-contact-options__email-title {
  font-weight: 700
}

.other-contact-options__email-icon {
  height: 14px;
  margin-bottom: -2px;
  margin-right: 5px
}

.other-contact-options__button {
  margin-top: 15px
}

.other-contact-options__chat {
  margin-bottom: 10px;
  width: 100%
}

.other-contact-options__chat-icon {
  color: #666
}

.contact-page-email-form {
  display: none;
  margin-top: -40px;
  padding: 40px 15px 0
}

@media (max-width:991px) {
  .contact-page-email-form {
    margin-top: -80px;
    padding-top: 80px
  }
}

.contact-page-email-form__form-container {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%
}

.contact-page-email-form__form-title {
  margin-bottom: 20px
}

.category.contact .contact-form h2 {
  font-size: 22px
}

@media (max-width:991px) {
  .category.contact .contact-form .form-left {
    margin-bottom: 10px;
    margin-top: 5px;
    width: 100%
  }
}

@media (max-width:991px) {

  .category.contact .contact-form .dropdown,
  .category.contact .contact-form input,
  .category.contact .contact-form select {
    width: 100%
  }
}

.contact-page-title {
  font-size: 24px;
  font-weight: 700
}

.contact-page-content {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 30px
}

.contact-page-content__text {
  font-size: 15px;
  line-height: 28px
}

.contact-page-content__subtitle {
  color: #004b78;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px
}

.contact-page-content__usp-list {
  margin-top: 30px
}

.contact-page-content__usp {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.contact-page-content__usp .check-circle__icon {
  fill: #73c850;
  width: 20px;
  height: 20px;
  margin-right: 15px
}

.contact-page-chat {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 0;
  text-align: center
}

.contact-page-chat__image {
  display: block;
  margin: -20px auto 20px;
  max-width: 160px
}

.contact-page-chat__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 0
}

.contact-page-chat__footnote {
  margin-top: 15px
}

.contact-page-form {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  padding: 30px
}

.contact-page-form .highlight {
  padding-left: 25px
}

.contact-page-form .highlight.dropdown {
  padding-left: 0
}

.contact-page-form__triangle {
  display: block;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: -9px;
  -webkit-transform: translateX(-50%) rotate(90deg);
  transform: translateX(-50%) rotate(90deg)
}

.contact-page-form__triangle:before {
  background: #f5f5f5;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  content: "";
  display: block;
  height: 40px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 40px
}

.contact-page-form__title {
  font-size: 24px;
  margin-bottom: 20px
}

.contact-page-form__note {
  color: #7b7b7b;
  margin-left: 10px
}

.contact-page-form__form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px
}

@media (min-width:768px) {
  .contact-page-form__form {
    flex-direction: row
  }
}

.contact-page-form__column {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  width: 100%
}

@media (min-width:992px) {
  .contact-page-form__column {
    width: 50%;
    padding: 0 10px
  }
}

@media (min-width:1200px) {
  .contact-page-form__column {
    padding: 0 20px
  }
}

.contact-page-form__row {
  display: flex;
  justify-content: flex-end;
  padding: 0 10px;
  width: 100%
}

.contact-page-form__row--space-between {
  align-items: center;
  justify-content: space-between;
  gap: 10px
}

@media (max-width:575px) {
  .contact-page-form__row--space-between {
    flex-direction: column;
    gap: 15px
  }
}

.contact-page-form__label {
  display: none;
  font-weight: 600;
  margin-bottom: 10px
}

.contact-page-form__label--as-input {
  border: solid 1px #dbdbdb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  color: #9a9a9a;
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-bottom: 15px;
  max-height: 50px;
  padding: 11px 25px;
  position: relative
}

@media (max-width:767px) {
  .contact-page-form__label--as-input {
    padding-left: 15px;
    padding-right: 15px
  }
}

.contact-page-form__label--fileupload:not(:first) {
  margin-bottom: 0;
  margin-top: 15px
}

.contact-page-form__input {
  border: solid 1px #dbdbdb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 15px;
  padding: 10px 15px
}

@media (max-width:767px) {
  .contact-page-form__input {
    padding-left: 15px;
    padding-right: 15px
  }
}

.contact-page-form__input::-webkit-input-placeholder {
  color: #9a9a9a
}

.contact-page-form__input::-moz-placeholder {
  color: #9a9a9a
}

.contact-page-form__input::placeholder {
  color: #9a9a9a
}

.contact-page-form__input:focus {
  border-color: #4a90e2
}

.contact-page-form__input--half {
  width: 48%
}

.contact-page-form__input--house-number {
  margin-right: 15px;
  width: 150px
}

.contact-page-form__input--house-address {
  flex: 1
}

.contact-page-form__input--date {
  margin-bottom: 0;
  margin-right: 10px;
  width: 120px
}

.contact-page-form__input--file {
  cursor: pointer;
  display: flex;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.contact-page-form__input--textarea {
  border-radius: 0;
  flex-grow: 1;
  line-height: 1.6;
  padding: 10px 15px
}

@media (max-width:767px) {
  .contact-page-form__input--textarea {
    min-height: 160px;
    padding-left: 15px;
    padding-right: 15px
  }
}

.contact-page-form__input--error {
  display: none;
  color: red;
  line-height: 1.6;
  margin-top: -10px;
  margin-bottom: 15px
}

.contact-page-form__input[aria-invalid=true]~.contact-page-form__input--error {
  display: inline-block
}

.contact-page-form__placeholder {
  color: #7b7b7b
}

.contact-page-form__add-file {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 15px;
  vertical-align: middle
}

.contact-page-form__inputs-half {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  width: 100%
}

.contact-page-form__inputs-half--no-spacing {
  justify-content: flex-start;
  margin-bottom: 15px
}

.contact-page-form__submit {
  margin-right: 10px;
  min-width: 160px;
  padding: 15px 30px;
  text-transform: uppercase
}

.contact-page-form__icon-upload {
  display: flex;
  align-items: center
}

.contact-page-form__icon-upload-graphic {
  fill: #9a9a9a;
  margin-right: 10px;
  width: 18px;
  height: 18px
}

.contact-page-form__icon-upload .upload__icon {
  fill: #9a9a9a;
  margin-right: 10px;
  width: 18px;
  height: 18px
}

.contact-page-form__icon-upload .upload__icon+span {
  flex: 1
}

.contact-page-form__icon-date {
  display: inline-block;
  margin-right: 10px;
  fill: #9a9a9a
}

.contact-page-form__icon-date .calendar__icon {
  margin: 0 3px
}

.contact-page-form__h-password {
  left: -100%;
  position: fixed
}

.contact-page-row {
  align-content: stretch;
  display: flex;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .contact-page-row {
    display: block
  }
}

.contact-page-opening-hours {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px
}

contact-page-opening-hours__quote .contact-page-opening-hours__title {
  font-size: 18px;
  margin-bottom: 20px
}

.contact-page-opening-hours__hours {
  line-height: 1.6;
  margin-bottom: 15px
}

.contact-page-opening-hours__hours strong {
  margin-top: 10px
}

.contact-page-opening-hours__hours strong:first-of-type {
  margin-top: 0
}

.contact-page-opening-hours__hours hr {
  border: 0;
  border-bottom: 1px solid #ebebeb
}

.contact-page-opening-hours__closed {
  border-bottom: solid 1px #ebebeb;
  border-top: solid 1px #ebebeb;
  line-height: 1.6;
  margin: 0 0 15px 0;
  padding: 15px 0
}

.contact-page-opening-hours__closed-title {
  color: #000;
  margin-bottom: 5px
}

.contact-page-opening-hours>a.bttn {
  margin-bottom: 10px
}

.contact-page-opening-hours>a.bttn:last-child {
  margin-bottom: 0
}

.product-cta-download {
  width: 100%;
  margin: 20px 0 40px
}

.product-cta-download .p-cta-head {
  font-size: 14px;
  color: #104672
}

.product-cta-download .p-cta-head td,
.product-cta-download ul.p-cta-head li {
  padding: 6px 0
}

.product-cta-download tr td,
.product-cta-download ul li {
  float: left;
  border-bottom: 1px solid #e3e3e3
}

.product-cta-download tr td {
  text-align: center
}

.product-cta-download tr td:first-child {
  text-align: left
}

.product-cta-download ul:after,
.product-cta-download ul:before {
  content: "";
  display: block;
  overflow: hidden;
  clear: both
}

.product-cta-download ul li a {
  margin: 0
}

.product-cta-download ul li.format,
.product-cta-download ul li.format-custom {
  width: 35%;
  padding-left: 6px
}

.product-cta-download ul li.format a {
  color: #252525
}

.product-cta-download ul li.format-custom {
  width: 85%
}

.product-cta-download ul li.p-cta-pdf {
  width: 20%;
  text-align: center
}

.product-cta-download ul li.p-cta-indesign {
  width: 30%;
  text-align: center
}

.product-cta-download ul li.order-now {
  width: 15%;
  text-align: center
}

.product-cta-download .p-cta-item li,
.product-cta-download tr td {
  padding: 4px 0;
  height: 29px;
  line-height: 1.5em
}

.product-cta-download .p-cta-item:hover {
  background: #eff7ff
}

.product-cta-download .p-cta-item .p-cta-pdf a {
  background: url(../img/icons.png) no-repeat;
  height: 20px;
  padding: 0 0 0 25px;
  display: inline-block
}

.product-cta-download .p-cta-item .p-cta-indesign a {
  background: url(../img/icons.png) no-repeat 0 -20px;
  height: 20px;
  padding: 0 0 0 27px;
  display: inline-block
}

.product-cta-download .p-cta-item .order-now a,
.product-cta-download .p-cta-item .p-cta-indesign a,
.product-cta-download .p-cta-item .p-cta-pdf a {
  color: #c6c6c6
}

.product-cta-download .p-cta-item:hover li a,
.product-cta-download .p-cta-item:hover td a {
  color: #104672
}

.product-cta-download.small .p-cta-item li {
  height: 27px
}

.product-cta-download {
  margin: 0;
  width: 730px;
  font-size: 13px
}

.product-cta-download .format-main {
  width: 50%;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600
}

.product-cta-download .p-cta-head {
  font-weight: 600
}

.product-cta-download .p-cta-pdf {
  width: 25%
}

.product-cta-download .p-cta-indesign {
  width: 25%
}

.product-cta-download .order-now {
  width: 22%
}

#trustpilot_block.trustpilot-block {
  padding: 50px 0;
  margin: 30px 0;
  background: #f3f3f3;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #4a4a4a
}

#trustpilot_block.trustpilot-block.trustpilot-block--no-background {
  background-color: transparent
}

#trustpilot_block.trustpilot-block.trustpilot-block--no-padding {
  padding: 0
}

#trustpilot_block.trustpilot-block.trustpilot-block--no-margin {
  margin: 0
}

#trustpilot_block.trustpilot-block.trustpilot-block--center {
  margin-left: auto;
  margin-right: auto
}

#trustpilot_block.trustpilot-block.trustpilot-block--slider {
  background-color: #fff;
  padding: 10px 20px
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .content {
  width: 50%
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .content.right {
  text-align: right
}

#trustpilot_block.trustpilot-block .trustme:not(.row) h2 {
  text-align: left;
  font-size: 24px;
  color: #000;
  letter-spacing: -.025em;
  line-height: 45px;
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

#trustpilot_block.trustpilot-block .trustme:not(.row) h2 strong {
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .intro {
  font-size: 15px;
  line-height: 26px
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .logo {
  margin-bottom: 9px
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .score {
  font-size: 40px;
  color: #007f4e;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-bottom: 13px
}

#trustpilot_block.trustpilot-block .trustme:not(.row) .count {
  font-size: 12px;
  color: #9b9b9b;
  font-weight: 700
}

#trustpilot_block.trustpilot-block .rating .card {
  width: 478px;
  float: left;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px;
  margin-top: 20px
}

#trustpilot_block.trustpilot-block .rating .card:nth-child(odd) {
  margin-right: 24px
}

#trustpilot_block.trustpilot-block .rating .card h3 {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #000;
  margin: 19px 0 10px;
  font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#trustpilot_block.trustpilot-block .rating .card .publish-date {
  font-size: 12px;
  color: #9b9b9b;
  font-weight: 700
}

#trustpilot_block.trustpilot-block .rating .card .publish-user {
  font-size: 12px;
  color: #9b9b9b;
  font-weight: 700;
  margin-top: 18px
}

.pagenotfound .ais-hits--item:nth-of-type(4n) .single-search-result {
  margin-right: 26px !important
}

.pagenotfound .ais-hits--item:nth-of-type(3n) .single-search-result {
  margin-right: 0 !important
}

.sample-form-page {
  background: #f5f5f5
}

.sample-form-page__form-block {
  background-color: #fff;
  border: solid 1px #ebebeb;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  width: 100%
}

.sample-form-page .top-title {
  letter-spacing: -.025em
}

.sample-form {
  margin: 0 auto;
  max-width: 500px
}

.sample-form__copy {
  color: #333 !important;
  font-weight: 400;
  margin-bottom: 30px
}

.sample-form__label {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left
}

.sample-form__input {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 10px;
  padding: 10px 15px;
  width: 100%
}

.sample-form__input#email {
  width: 100% !important
}

.sample-form__submit {
  float: right
}

.sample-form .errormessage {
  padding-left: 0
}

.sample-form-thank-you {
  background-color: #dbf9ce;
  border: solid 1px #74c852;
  border-radius: 3px;
  margin: 0 auto 20px auto;
  max-width: 500px;
  padding: 10px 20px;
  text-align: center
}

.sample-form-thank-you__title {
  letter-spacing: -.025em
}

.sample-form-thank-you__button {
  margin: 0 auto;
  text-align: center
}

.artwork-checkout {
  background: #f7f7f7;
  border-bottom: 1px solid #dadada;
  padding: 40px 0 60px 0
}

@media (max-width:767px) {
  .artwork-checkout {
    padding: 20px 0 40px 0
  }
}

.artwork-checkout__loader {
  display: none;
  background: rgba(255, 255, 255, .7);
  height: 100%;
  left: 0;
  top: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9998;
  border-radius: 10px
}

.artwork-checkout__filecheck-container {
  margin-bottom: 20px
}

.artwork-checkout__modal-specs,
.artwork-checkout__modal-templates {
  display: none
}

.artwork-checkout__modal-specs {
  width: 680px
}

@media (max-width:767px) {
  .artwork-checkout__modal-specs {
    width: 100%
  }
}

.artwork-checkout__image-preview {
  border-radius: 3px;
  border: 1px solid #ccc;
  -o-object-fit: cover;
  object-fit: cover;
  width: 70px;
  height: 70px;
  margin-right: 10px
}

.artwork-checkout__image-preview--cart {
  width: 50px;
  height: 50px
}

.artwork-checkout__arrow-collapse {
  display: flex;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 30px;
  justify-content: center;
  align-items: center
}

@media (max-width:767px) {
  .artwork-checkout__arrow-collapse {
    right: 10px;
    top: 13px;
    width: 25px;
    height: 25px
  }
}

.artwork-checkout__arrow-collapse:after {
  border: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.artwork-checkout__text--bolder {
  font-weight: 700
}

.artwork-checkout__button {
  background-color: #74c852;
  border: 1px solid #5aaf38;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 17px;
  font-weight: 600;
  display: inline-block;
  line-height: 1;
  position: relative
}

.artwork-checkout__button:hover {
  background-color: #64c23e
}

.artwork-checkout__button--fullwidth {
  text-align: center;
  width: 100%
}

.artwork-checkout__button.disabled {
  background-color: #eee;
  border-color: #ddd;
  color: #777
}

.artwork-checkout__button.disabled:hover {
  background-color: #eee
}

.artwork-checkout__title {
  color: #104672;
  margin-bottom: 25px;
  font-size: 24px
}

.artwork-checkout__loader-icon {
  -webkit-filter: invert(35%) sepia(88%) saturate(1863%) hue-rotate(203deg) brightness(86%) contrast(104%);
  filter: invert(35%) sepia(88%) saturate(1863%) hue-rotate(203deg) brightness(86%) contrast(104%);
  height: 90px;
  width: 90px
}

.artwork-checkout__close-icon {
  fill: #b3b3b3;
  width: 30px;
  height: 30px;
  border: 2px solid #dcdcdc;
  border-radius: 50%;
  padding: 6px
}

.artwork-checkout__close-icon:hover {
  fill: #999;
  border-color: #999
}

.artwork-checkout__file-icon {
  width: 50px;
  height: 70px
}

.artwork-checkout__option {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 15px 35px 15px 80px;
  position: relative
}

@media (max-width:767px) {
  .artwork-checkout__option {
    padding-left: 60px
  }
}

.artwork-checkout__option-note {
  margin-top: 5px
}

.artwork-checkout__option-note--file-type {
  font-style: italic;
  font-size: 11px
}

.artwork-checkout__option-loader-container {
  display: none;
  min-height: 180px
}

.artwork-checkout__option-loader {
  border-radius: 10px;
  cursor: default;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #e6effc;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.artwork-checkout__option-loader-text {
  margin-top: 10px
}

.artwork-checkout__option:hover {
  background: #e6effc;
  border-color: #9cc2ef
}

.artwork-checkout__option--active,
.artwork-checkout__option--success {
  background: #e6effc;
  border-color: #9cc2ef;
  cursor: default
}

.artwork-checkout__option--active .artwork-checkout__option-extra-content,
.artwork-checkout__option--success .artwork-checkout__option-extra-content {
  display: block
}

.artwork-checkout__option--active .artwork-checkout__arrow-collapse:after,
.artwork-checkout__option--success .artwork-checkout__arrow-collapse:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

@media (max-width:767px) {

  .artwork-checkout__option--failed,
  .artwork-checkout__option--success {
    padding-left: 20px;
    padding-right: 20px
  }
}

.artwork-checkout__option--failed .artwork-checkout__arrow-collapse,
.artwork-checkout__option--failed .artwork-checkout__icon,
.artwork-checkout__option--success .artwork-checkout__arrow-collapse,
.artwork-checkout__option--success .artwork-checkout__icon {
  display: none
}

.artwork-checkout__option-extra-content {
  display: none;
  margin-top: 15px
}

.artwork-checkout__option-title {
  color: #104672;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px
}

.artwork-checkout__option-usps {
  margin: 15px 0
}

.artwork-checkout__option-usp {
  line-height: 22px;
  text-indent: -19px;
  padding-left: 19px
}

.artwork-checkout__option-usp:before {
  background-image: url(../img/check-icon.svg);
  background-size: 12px 9px;
  content: "";
  display: inline-block;
  height: 9px;
  margin-right: 15px;
  width: 12px
}

.artwork-checkout__option-submit {
  box-shadow: none
}

.artwork-checkout__option--disabled:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, .7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: default;
  border-radius: 20px
}

.artwork-checkout__option--disabled:hover {
  background: rgba(255, 255, 255, .7);
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px #dcdbe1
}

.artwork-checkout__option--disabled:after {
  content: none
}

.artwork-checkout__option-failed,
.artwork-checkout__option-success {
  display: none;
  margin-right: 40px
}

@media (max-width:767px) {

  .artwork-checkout__option-failed,
  .artwork-checkout__option-success {
    margin-right: 0
  }
}

.artwork-checkout__failed-top-area,
.artwork-checkout__success-top-area {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.artwork-checkout__failed-icon,
.artwork-checkout__success-icon {
  fill: #4faa43;
  height: 55px;
  width: 55px;
  margin-bottom: 10px
}

.artwork-checkout__failed-title,
.artwork-checkout__success-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px
}

.artwork-checkout__failed-sub-title,
.artwork-checkout__success-sub-title {
  font-size: 15px;
  line-height: 21px
}

.artwork-checkout__failed-file,
.artwork-checkout__success-file {
  display: flex;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ddd;
  width: 100%;
  padding: 5px;
  padding-right: 15px;
  margin: 10px 0 15px 0;
  align-items: center
}

@media (max-width:767px) {

  .artwork-checkout__failed-file-content,
  .artwork-checkout__success-file-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

.artwork-checkout__failed-file-name,
.artwork-checkout__success-file-name {
  font-size: 15px
}

.artwork-checkout__failed-file-image,
.artwork-checkout__success-file-image {
  padding: 5px;
  min-height: 70px;
  margin-right: 10px;
  display: flex
}

.artwork-checkout__failed-file-size,
.artwork-checkout__success-file-size {
  font-size: 13px;
  color: #999;
  display: block
}

.artwork-checkout__failed-file-delete,
.artwork-checkout__success-file-delete {
  cursor: pointer;
  margin-left: auto
}

.artwork-checkout__failed-list,
.artwork-checkout__success-list {
  margin-bottom: 20px
}

.artwork-checkout__failed-item,
.artwork-checkout__success-item {
  line-height: 22px;
  text-indent: -19px;
  padding-left: 19px
}

.artwork-checkout__failed-item:before,
.artwork-checkout__success-item:before {
  background-image: url(../img/check-icon.svg);
  background-size: 12px 9px;
  content: "";
  display: inline-block;
  height: 9px;
  margin-right: 10px;
  width: 12px
}

.artwork-checkout__failed-actions,
.artwork-checkout__success-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
  gap: 20px
}

.artwork-checkout__failed-icon {
  fill: #1567e0
}

.artwork-checkout__failed-note {
  display: none;
  text-align: center
}

.artwork-checkout__icon {
  left: 20px;
  position: absolute;
  top: 15px
}

@media (max-width:767px) {
  .artwork-checkout__icon {
    left: 8px
  }
}

.artwork-checkout__icon--upload-later {
  left: 25px
}

@media (max-width:767px) {
  .artwork-checkout__icon--upload-later {
    left: 15px
  }
}

.artwork-checkout__icon--cloud {
  height: 30px;
  left: 25px;
  width: 30px
}

@media (max-width:767px) {
  .artwork-checkout__icon--cloud {
    left: 15px
  }
}

.artwork-checkout__icon--brush {
  height: 26px;
  left: 28px;
  width: 26px
}

@media (max-width:767px) {
  .artwork-checkout__icon--brush {
    left: 15px
  }
}

.artwork-checkout__icon--link {
  width: 30px;
  height: 30px;
  left: 25px
}

.artwork-checkout__icon--loader {
  -webkit-filter: invert(87%) sepia(29%) saturate(6917%) hue-rotate(2deg) brightness(107%) contrast(99%);
  filter: invert(87%) sepia(29%) saturate(6917%) hue-rotate(2deg) brightness(107%) contrast(99%)
}

.artwork-checkout__sidebar {
  border-top: 1px solid #ccc;
  padding: 20px
}

.artwork-checkout__sidebar-agent {
  margin-bottom: 15px;
  position: relative
}

@media (max-width:767px) {
  .artwork-checkout__sidebar-agent {
    margin-bottom: 10px
  }
}

.artwork-checkout__sidebar-agent-image {
  border: 1px solid #dfdfdf;
  border-radius: 50%
}

@media (max-width:767px) {
  .artwork-checkout__sidebar-agent-image {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
  }
}

.artwork-checkout__sidebar-title {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px
}

@media (max-width:767px) {
  .artwork-checkout__sidebar-title {
    width: calc(100% - 20px)
  }
}

.artwork-checkout__sidebar-subtitle {
  margin-bottom: 10px
}

.artwork-checkout__sidebar-action {
  align-items: center;
  display: inline-flex;
  font-weight: 600;
  line-height: 31px;
  color: #4a90e2;
  cursor: pointer
}

.artwork-checkout__sidebar-action:hover {
  text-decoration: underline
}

.artwork-checkout__sidebar-action--default-line-height {
  line-height: 24px
}

.artwork-checkout__sidebar-icon {
  position: relative;
  width: 35px
}

.artwork-checkout__sidebar-icon--call {
  left: 3px
}

.artwork-checkout__success-file-box {
  position: relative;
  display: flex;
  margin-right: 10px
}

.artwork-checkout__success-file-image-type {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #929292;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase
}

.artwork-checkout__help-form {
  margin-right: 40px
}

@media (max-width:767px) {
  .artwork-checkout__help-form {
    margin-right: 0
  }
}

.artwork-checkout__help-form .form__field {
  flex: 1;
  min-width: 200px;
  max-width: 100%;
  min-height: auto
}

.artwork-checkout__help-form input::-webkit-input-placeholder,
.artwork-checkout__help-form textarea::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1
}

.artwork-checkout__help-form input::-moz-placeholder,
.artwork-checkout__help-form textarea::-moz-placeholder {
  color: #ccc;
  opacity: 1
}

.artwork-checkout__help-form input::placeholder,
.artwork-checkout__help-form textarea::placeholder {
  color: #ccc;
  opacity: 1
}

.popup-form-success {
  display: none;
  text-align: left
}

.popup-form-success__content-container {
  position: relative;
  z-index: 1;
  padding: 35px
}

.popup-form-success__content-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: -1;
  width: 100%;
  height: 300px;
  background: linear-gradient(to top, #fff 0, #fff 60%, rgba(255, 255, 255, 0) 100%);
  border-radius: 10px
}

.popup-form-success__background {
  border-radius: 10px;
  background: url(../img/popup/confetti.jpg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.popup-form-success__image {
  border-radius: 5px;
  margin-bottom: 10px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.popup-form-success__title {
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  margin: 20px 0
}

.popup-form-success__subtitle {
  font-size: 15px;
  font-weight: 600;
  margin-top: 15px
}

.popup-form-success__list {
  margin-top: 10px
}

.popup-form-success__list-item {
  margin: 7px 0;
  display: flex;
  align-items: center
}

.popup-form-success__list-item:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
  display: inline-block;
  margin-right: 20px
}

.popup-form-success__continue {
  margin-top: 20px
}

.popup-info-design-service {
  display: none;
  max-width: 700px
}

.popup-info-design-service__subtitle {
  margin-top: 15px
}

.popup-info-design-service__list {
  margin-top: 30px;
  display: flex;
  margin-left: -5px;
  margin-right: -5px
}

@media (max-width:767px) {
  .popup-info-design-service__list {
    flex-direction: column
  }
}

.popup-info-design-service__list-item {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px 10px;
  flex: 1;
  text-align: center;
  margin: 0 5px
}

@media (max-width:767px) {
  .popup-info-design-service__list-item {
    margin-bottom: 10px
  }
}

.popup-info-design-service__item-title {
  color: #104672;
  font-size: 18px;
  font-weight: 700
}

.popup-info-design-service__item-description {
  margin-top: 25px;
  min-height: 80px
}

.popup-info-design-service__item-note {
  margin-top: 30px
}

.checkbox-content-filecheck-upsell {
  padding-left: 26px;
  text-indent: -14px;
  display: inline-block
}

.checkbox-content-filecheck-upsell:before {
  padding-right: 0 !important
}

.trigger-artwork-check-popup {
  color: #333;
  text-decoration: underline;
  font-weight: 500
}

.product-customizationdata-flex {
  display: flex
}

.editor-loader {
  height: 100vh;
  background: #fff;
  display: none
}

.editor-loader--cart {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999999
}

.editor-loader--funnel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.editor-loader__wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.body-overflow--hidden {
  overflow: hidden
}

.canva-catalog {
  width: 100%;
  height: 100vh
}

.canva-editor {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999
}

.canva-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none
}

.canva-auth-popup {
  position: fixed;
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 65%;
  max-width: 865px;
  height: 542px;
  max-height: 80%;
  z-index: 999999;
  margin: auto;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.canva-auth-popup.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1
}

.canva-auth-popup .close-btn {
  float: right;
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 2;
  opacity: .5;
  background-color: #000;
  border-radius: 80px;
  width: 32px;
  height: 32px;
  line-height: 0;
  padding: 9px
}

.canva-auth-popup .container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0
}

.canva-auth-popup .popup-content {
  float: left;
  width: 50%;
  height: 100%;
  padding: 20px 25px;
  position: relative
}

.canva-auth-popup .image-wrapper {
  background: #000 url(../img/saveyourwork.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.canva-auth-popup .image-wrapper p {
  opacity: .7;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  float: right;
  margin-top: 20px;
  margin-right: 60px;
  text-align: right
}

.canva-auth-popup .login-section {
  display: none
}

.canva-auth-popup .login-section.active {
  display: block
}

.canva-auth-popup .signup-section {
  display: none
}

.canva-auth-popup .signup-section #popup-signupform-trigger {
  display: inline-block;
  padding: 15px 0
}

.canva-auth-popup .signup-section .signup-note {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0
}

.canva-auth-popup .signup-section.active {
  display: block
}

.canva-auth-popup .signup-form-section {
  display: none
}

.canva-auth-popup .signup-form-section.active {
  display: block
}

.canva-auth-popup h2 {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 15px
}

.canva-auth-popup p.description-text {
  font-size: 13px;
  line-height: 26px
}

.canva-auth-popup p.description-text i {
  margin-right: 9px;
  vertical-align: text-top
}

.canva-auth-popup .login-form__input {
  margin-bottom: 10px
}

.canva-auth-popup .social-login {
  float: left;
  width: 100%;
  margin-top: 15px
}

.canva-auth-popup .social-login__oneall-container {
  margin-top: 0
}

.canva-auth-popup .social-login iframe {
  height: 40px !important
}

.canva-auth-popup .login-form,
.canva-auth-popup .signup-form {
  float: left;
  width: 100%;
  margin-top: 15px
}

.canva-auth-popup .login-form #submit-login,
.canva-auth-popup .login-form #submit-signup,
.canva-auth-popup .signup-form #submit-login,
.canva-auth-popup .signup-form #submit-signup {
  padding: 15px 0;
  margin-top: 10px
}

.canva-auth-popup .form-error {
  display: none
}

.canva-auth-popup .signup-note {
  text-align: center;
  margin-top: 12px;
  float: left;
  width: 100%
}

.canva-auth-popup .signup-note a {
  font-weight: 600
}

.canva-auth-popup .terms-note {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 0 20%
}

.canva-auth-popup #popup-backbutton {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 80px;
  width: 40px;
  height: 40px;
  line-height: 10px;
  margin-bottom: 20px
}

.canva-auth-popup .signup-form {
  margin-top: 0
}

.canva-auth-popup-overlay {
  position: fixed;
  background: rgba(0, 0, 0, .6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999998;
  display: none
}

.canva-auth-popup-overlay.active {
  display: block
}

@media only screen and (max-width:1280px) {
  .canva-auth-popup .terms-note {
    padding: 0 0;
    margin-bottom: 5px;
    margin-top: 5px
  }
}

@media only screen and (max-device-width:1180px) {
  .canva-catalog {
    height: 82vh
  }

  .canva-editor {
    height: 90vh
  }
}

@media only screen and (max-device-width:991px) {
  .canva-editor {
    height: 98vh
  }

  .canva-auth-popup .popup-content {
    width: 100%
  }

  .canva-auth-popup .image-wrapper {
    display: none
  }
}

@media only screen and (max-device-width:820px) {
  .canva-editor {
    height: 90vh
  }
}

@media only screen and (max-device-width:580px) {
  .canva-auth-popup p.description-text {
    display: none
  }

  .canva-catalog {
    height: 75vh
  }
}

@media only screen and (max-device-width:480px) {
  .canva-auth-popup {
    width: 98%
  }
}

.helpc-container {
  display: flex;
  width: 100%;
  height: 735px;
  flex-direction: column;
  overflow: hidden
}

.helpc-iframe {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden
}

.turnaround-option {
  border: 2px solid #ddd;
  padding-bottom: 60px !important;
}

.turnaround-option.active {
  border: 2px solid #407eaf;
}

.product-block {
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  height: 235px;
  display: grid;
  align-items: center;
  background: #ebebeb;
  /* box-shadow: 0px 1px 8px 1px #d7d7d7; */
}
.product-block table tr td{
        padding: 9px 2px;
}
.product-block img {
  height: 160px;
  border-radius: 6px;
  object-fit: cover;
}

@media only screen and (max-width:1080px) {
  .product-block {
    height: auto;
        padding: 5px 10px;
  }

  .home-block-a__content {
    display: none !important;
  }
}

@media only screen and (max-width:790px) {
  .product-block img {
    height: 200px;
  }

  .product-block h3 {
    margin-top: 15px
  }
}

.btn-primary {
  background-color: #002a6c !important;
}

.mobile {
  display: none
}
.main-banner{
  background-size: cover;
  background-color: #004a8f;
  /* height:560px; */
  background-position: top;
  padding: 50px;
}
.main-banner form{
  /* background: #212529;
    padding: 30px 30px; */
    color: #fff;
    border-radius: 15px;
}
.main-banner ul.industry-list{
  padding:0;
}
.main-banner ul.industry-list li {
  display: inline-block;
  border: 2px solid;
  padding: 6px 10px;
  margin-right: 5px;
  border-radius: 50px;
}
.main-banner h1{
  font-size: 45px;
  color:#fff;
}
.main-banner h2{
  font-size: 45px;
  color:#fff;
}
.main-banner p{
  font-size: 23px;
    color: #53a6f7;
}
.main-banner input{
  height: 60px;
}
.main-banner button{
  padding: 16px 5px;
  font-size: 18px;
  width: 100%;
  height: 60px;
}
.home-block-d__title{
  font-size: 30px;
  text-transform: capitalize;
}
.product-block h4{
  text-align: center;
}
.product-block h3{
  font-size: 18px;
  text-align: center;
}
.home-block-ac__content-title{
  margin-bottom:20px;
}
.header__navigation-item--has-submenu{
  position: relative;
}
.main-banner .nav-link{
  color:white;
  padding: 10px;
  border:0
}
.main-banner .nav-link.active{
  background: #53a6f7;
  color:#fff
}
.main-banner .nav-tabs {
  border-bottom: 1px solid #53a6f7;
}

@media only screen and (max-width:790px) {

  .mobile {
    display: block;
  }

  .dekstop {
    display: none;
  }
  .main-banner h1{
    font-size: 22px;
  }
    .main-banner h2{
    font-size: 25px;
  }
  .main-banner p{
    font-size: 16px;
  }
  .main-banner input{
    margin-bottom: 20px;
  }
  .main-banner img{
    display:none
  }
  .home-block-d__title{
    font-size: 20px;
    text-align: center;
  }
  /* .home-images{
    height: 200px !important;
    object-fit: cover !important;
    object-position: top center;
  } */
  .home-images {
    aspect-ratio: 3/2;
    object-fit: cover !important;
}
}

.mobile-banners{
  position: relative;
}
/* Arrows */
.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;
  color: #ffffff;
  position: absolute;
  top: 50%;
  display: block;
  background: #2eabf9;
  border-radius: 50%;
  padding: 3px 0 3px 4px;
  width: 30px;
  height: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 999;
    cursor: pointer;

    border: none;
    outline: none;
}
.slick-prev{
  padding: 3px 4px 3px 0;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'Font Awesome 5 Pro';
    font-size: 25px;
    line-height: 1;

    opacity: 1;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick-prev:before
{
    content: "\f104";
}
.slick-next:before
{
    content: "\f105";
}
.slick-next
{
    right: 0%;
}
.slick-prev
{
    left: 0%;
}
@media only screen and (max-width:790px) {
  .main-banner{
            padding: 20px 10px;
  }
}
.over-flow-scroll{
    overflow-x: scroll !important;
}
.contact-block h2{
    font-size: 32px;
}
.contact-block ul li a{
    font-size: 20px;
    color: #333333;
}
.contact-block ul li i{
    color: #53a6f7;
}
@media (max-width:767px) {
  .contact-block ul li a{
    font-size: 16px;
        color: #333333;
    }
    .contact-block ul li p{
        font-size: 16px;
    }
}
.contact-block ul li{
    font-size: 20px;
    background: white;
    padding: 16px;
    color: #333333;
    display: flex;
    align-items: center;
    gap: 16px;
}

.features-box{
  background: #f0f6ff;
  padding: 90px 60px;
  border-radius: 20px;
}
.features-box .heading h2{
  font-size: 36px;
  line-height: 120%;
  color: black;
}
.features-box .heading p{
  width: 60%;
  margin: 0 auto 50px;
}
.features-box-inner{
  text-align: center;
}
.features-box-inner img{
  max-width: 48px;
  height: 48px;
  margin: 0 auto 20px;
}
.features-box-inner h3{
  font-size: 20px;
  line-height: 120%;
  color: black;
}
.box-text h2{
  font-size: 24px;
  line-height: 120%;
  color: black;
  margin-bottom: 10px;
}
.box-text p{
  margin-bottom: 16px;
}
.star-btn{
  border-radius: 3px;
  font-size: 16px;
  display: inline-block;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #666;
  line-height: 1.125em;
  padding: 10px 15px;
  position: relative;
  transition: all .1s ease-out;
}
.star-btn:hover{
  text-decoration: none;
  background-color: color-mix(in srgb, #fff, #000 5%);
}
.products-box{
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  padding: 10px 15px;
  border-radius: 8px;
}
.products-box h4{
  font-size: 18px;
  line-height: 120%;
  color: black;
  margin-bottom: 10px;
}
.products-box li a{
  font-size: 15px;
  line-height: 150%;
  color: #666;
}
.masonry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}
.heading h2{
  font-size: 36px;
  line-height: 120%;
  color: black;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .features-box{
    padding: 24px 16px;
    border-radius: 20px;
  }
  .features-box .heading h2{
    font-size: 24px;
  }
  .features-box .heading p{
    width: 100%;
    margin: 0 auto 24px;
  }
  .features-box-inner h3{
    font-size: 18px;
  }
  .box-text h2{
    font-size: 20px;
  }
  .products-box h4{
    font-size: 16px;
  }
  .heading h2{
    font-size: 24px;
  }
}
.top-bar{
  background: #212529;
  padding: 15px 0;
  color: white;
  font-size: 18px;
}
 .phone{
  color: #53A6F7;
  font-size: 25px;
  font-weight: bold;
}
 .email{
  color: #53A6F7;
  font-size: 20px;
  display:block;
  margin-bottom:10px
}
@media only screen and (max-width:790px) {
    .top-bar{
          padding: 5px 0;
    }
  .top-bar{
    font-size: 16px;
  }
  .phone{
    font-size: 18px;
  }
  .email{
    font-size: 16px;
    margin-bottom:5px;
    display: block;
  }
}
.customNav{
  align-items: center;
  justify-content: right;
  gap: 30px;
  vertical-align: middle;
  height: 100%;
}
.customLogo{
  width: 70%;
}
.customNav a{
  color: black;
  font-size: 18px;
}
.customNav a:hover{
  color: #53A6F7;
}
.text-primary{
 color: #53A6F7 !important;
}
.inner-bannner{
  background: #004a8f;
  color: white;
}
.inner-bannner .content{
  padding: 8vw 4vw 4vw 8vw;
}
.inner-bannner .content h1{
  font-size: 33px;
  color:white;
  margin-bottom: 20px;
}
.bg-primary{
  background: #004a8f !important;
  color: white;
}
.c-padding{
  padding: 8vw 4vw 8vw 8vw;
}
.c-title{
  font-size: 31px;
  color:white;
  margin-bottom: 20px;
}
.hightlight{
  color:#93ff67;
  font-size: 18px;
  font-weight: bold;
}
.hightlight:hover{
  text-decoration: underline;
  color: white;
}
/* .row {
  --bs-gutter-x: 0rem !important;
} */
.hightlight-dark{
  color:#004a8f;
  font-size: 18px;
  font-weight: bold;
}
.hightlight-dark:hover{
  text-decoration: underline;
  color: black;
}
.c-list{
 margin-top: 20px;
 list-style: disc;
 margin-left: 25px;
}
.c-list li{
  margin-bottom: 10px;
  color: white;
  font-size: 18px;
}
.c-list li a{
  color: white;
}
.headerPadding{
    padding-top:30px;
    padding-bottom:30px;
}
.customFont{
    font-size:20px !important;font-weight:bold
}
@media only screen and (max-width:790px) {
.headerPadding{
    padding-top:10px;
    padding-bottom:10px;
}
.customLogo {
    width: 100%;
}
.customFont{
    font-size:16px !important;
    text-align:center !important;
    display:block;
}
.pl-1{
    padding-left:8px !important;
}
.pr-1{
    padding-right:8px !important;
}
}