@charset "utf-8";
/* CSS reset */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol,
ul {
  list-style: none;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* variables */
/* mixins */
.clear:before,
.clear:after {
  display: table;
  content: '';
}
.clear:after {
  clear: both;
}
.lt-ie8 .clear {
  zoom: 1;
}
.v-hidden.focusable:active,
.v-hidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* styles */
@font-face {
  font-family: 'montserratbold';
  src: url('../fonts/montserrat-bold-webfont.eot');
  src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype');
  font-weight: normal!important;
  font-style: normal;
}
@font-face {
  font-family: 'montserratlight';
  src: url('../fonts/montserrat-light-webfont.eot');
  src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype');
  font-weight: normal!important;
  font-style: normal;
}
@font-face {
  font-family: 'montserratregular';
  src: url('../fonts/montserrat-regular-webfont.eot');
  src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewayregular';
  src: url('../fonts/raleway-regular-webfont.eot');
  src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway-regular-webfont.ttf') format('truetype'), url('../fonts/raleway-regular-webfont.svg#klavika_rgregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaybold';
  src: url('../fonts/raleway-bold-webfont.eot');
  src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-bold-webfont.woff') format('woff'), url('../fonts/raleway-bold-webfont.ttf') format('truetype'), url('../fonts/raleway-bold-webfont.svg#klavika_rgregular') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'pcicons';
  src: url('../fonts/pcicons.eot?et5mb2');
  src: url('../fonts/pcicons.eot?et5mb2#iefix') format('embedded-opentype'), url('../fonts/pcicons.ttf?et5mb2') format('truetype'), url('../fonts/pcicons.woff?et5mb2') format('woff'), url('../fonts/pcicons.svg?et5mb2#pcicons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="pc-icon-"],
[class*=" pc-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'pcicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mu-icon-outerlink:before {
  content: "\e0b2";
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #e2dedf;
  color: #666;
  text-decoration: none;
}
mark {
  background-color: #e2dedf;
  color: #666;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'montserratlight';
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}
h1,
.h1 {
  font-size: 33px;
  line-height: 35px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 30px;
  }
}
h2,
.h2 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
  }
}
h3,
.h3 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}
.sr-only,
.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.focus-tabulator {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
a:focus-visible,
button:focus-visible {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
figure > a {
  display: block;
}
.main a[href^="http://"]:after,
.main a[href^="https://"]:after {
  font-family: 'pcicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e0b2";
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  text-decoration: none;
}
#PCShopAddToCartForm_PCAddToCartForm_MessageCard_Holder label.left {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Colour */
a {
  text-decoration: underline;
  color: #231f20;
}
a:hover {
  text-decoration: none;
  color: #011b35;
}
a.inline-block {
  display: inline-block;
}
a.nu {
  text-decoration: none;
}
::selection {
  background-color: #ab4376;
  color: #fff;
  text-shadow: none;
}
/* Elements */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #beb6b8;
  border-bottom: 1px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  display: block;
}
svg:not(:root) {
  overflow: hidden;
}
figure figcaption {
  display: block;
}
address {
  font-style: normal;
}
/* Tables */
table {
  margin: 0 0 16px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #000;
}
table caption {
  color: #231f20;
}
thead {
  border-bottom: 2px solid #000;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal!important;
  color: #666;
}
thead th {
  background: #fff;
  text-align: right;
  font-weight: normal!important;
}
td,
th {
  text-align: right;
}
td:first-child,
th:first-child {
  border: none;
  text-align: left;
}
th {
  padding: 10px 16px;
}
tr {
  border-bottom: 1px solid #ccc;
}
tr:nth-child(2n) td {
  /* background: #e9e6de; */
}
tbody th {
  text-align: left;
  vertical-align: middle;
}
td {
  padding: 16px 17px 16px 0;
  vertical-align: top;
}
td strong {
  display: block;
  margin-bottom: 4px;
}
.divided {
  border-top: 1px solid #bbb;
}
/*
table {
width : 100%;
max-width : 100%;
margin-bottom : @baselineheight;
border-collapse : collapse;
border-spacing : 0;
background-color : @tablebackground; 

th,
td {
padding : 8px;
vertical-align : top;
border-top : @tableborderwidth @tableborderstyle @tableborder; 
.font-size(14);
line-height : @baselineheight;
text-align : left; }

th {
font-weight : bold; }

thead th {
vertical-align : bottom; }

colgroup + thead tr:first-child th,
colgroup + thead tr:first-child td,
thead:first-child tr:first-child th,
thead:first-child tr:first-child td {
border-top : 0; }

tbody + tbody {
border-top : @tableborderwidth * 2 @tableborderstyle @tableborder; }

tbody tr td,
tbody tr th {
.transition(background-color .25s 0 linear); }

tbody tr:hover td,
tbody tr:hover th {
background-color : @tablehover; }
}

.table-condensed {

th,
td {
padding : 4px 5px; }
}

.table-bordered {
border : @tableborderwidth @tableborderstyle @tableborder;
border-left : 0;
border-collapse : separate;
*border-collapse : collapsed; 

th,
td {
border-left : @tableborderwidth @tableborderstyle @tableborder; }

thead:first-child tr:first-child th,
tbody:first-child tr:first-child th,
tbody:first-child tr:first-child td {
border-top : 0; }
}

.table-striped {

tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
background-color : @tablestripe; }
}

*/
/* plugins */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 50px;
}
.slick-slider img {
  display: block!important;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .slick-slide img {
    display: none;
  }
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-dots {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slick-dots li {
  display: inline-block;
}
.slick-dots button {
  border: none;
  width: 15px!important;
  height: 15px;
  display: inline-block !important;
  background: #ccc;
  cursor: pointer;
  text-indent: -9999px;
  margin: 2px 5px;
  padding: 0;
}
.slick-dots .slick-active button {
  background: #cf007c;
  color: #fff;
}
/* 
 * sizes and positions
 */
a.datepicker-button {
  cursor: pointer;
}
div.datepicker-calendar {
  margin: 0 10px 10px 0;
  font-size: .9em;
  padding: 2px;
  position: absolute;
  width: 261px;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: 50;
}
div.datepicker-calendar div.datepicker-month-wrap {
  margin: 0;
  padding-top: 1px;
  text-align: center;
  height: 30px;
}
div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap > div {
  padding-top: 0;
}
div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap div.datepicker-month-prev,
div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap div.datepicker-month-next {
  padding-top: 2px;
}
div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap i.fa-caret-left,
div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap i.fa-caret-right {
  font-size: 1.3em;
}
div.datepicker-calendar div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar div.datepicker-month-fast-next.disabled,
div.datepicker-calendar div.datepicker-month-prev.disabled,
div.datepicker-calendar div.datepicker-month-next.disabled {
  border: none;
  cursor: default;
}
div.datepicker-calendar div.datepicker-month-fast-prev,
div.datepicker-calendar div.datepicker-month-fast-next,
div.datepicker-calendar div.datepicker-month-prev,
div.datepicker-calendar div.datepicker-month-next {
  cursor: pointer;
  margin: 3px;
  width: 24px;
  height: 24px;
  padding-top: 3px;
}
div.datepicker-calendar div.datepicker-month-fast-prev {
  padding-right: 2px;
}
div.datepicker-calendar div.datepicker-month-fast-next {
  padding-left: 2px;
}
div.datepicker-calendar div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar div.datepicker-month-next.enabled:hover,
div.datepicker-calendar div.datepicker-month-next.enabled:focus {
  margin-top: 2px;
  border: 1px solid #800;
  border-radius: 4px;
}
div.datepicker-calendar div.datepicker-month {
  margin: 3px 56px 2px 56px;
  height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  padding-top: 1px;
}
div.datepicker-calendar:not(.bootstrap4) div.datepicker-month:after {
  font-family: 'Glyphicons Halflings';
  font-size: 0.6em;
  display: inline-block;
  content: "\e252";
}
div.datepicker-calendar.bootstrap4 div.datepicker-month:after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.7em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding-left: 0.4em;
  content: "\f078";
}
div.datepicker-calendar div.datepicker-month:hover,
div.datepicker-calendar div.datepicker-month:focus {
  padding-top: 0;
  border: 1px solid #800;
  border-radius: 4px;
}
div.datepicker-calendar table.datepicker-grid {
  width: 100%;
  font-size: 1.2em;
  text-align: center;
}
div.datepicker-calendar table.datepicker-grid.rtl {
  direction: rtl;
}
div.datepicker-calendar table.datepicker-grid:focus {
  outline: none;
}
div.datepicker-calendar table.datepicker-grid th,
div.datepicker-calendar table.datepicker-grid td {
  text-align: center;
  padding: 0;
}
div.datepicker-calendar table.datepicker-grid th abbr {
  border: none;
}
div.datepicker-calendar table.datepicker-grid td {
  border: 1px solid #999;
  cursor: pointer;
}
div.datepicker-calendar table.datepicker-grid td.unselectable {
  cursor: default;
}
div.datepicker-calendar table.datepicker-grid th,
div.datepicker-calendar table.datepicker-grid td.day {
  height: 30px;
}
div.datepicker-calendar table.datepicker-grid td.month {
  height: 60px;
}
div.datepicker-calendar table.datepicker-grid td.year {
  height: 45px;
}
div.datepicker-calendar table.datepicker-grid td.curDay,
div.datepicker-calendar table.datepicker-grid td.curMonth,
div.datepicker-calendar table.datepicker-grid td.curYear {
  border: 1px solid #999;
}
div.datepicker-calendar table.datepicker-grid td.empty {
  border: 1px solid #999;
  cursor: default;
}
div.datepicker-calendar .offscreen {
  position: absolute;
  left: -200em;
  top: -100em;
}
.datepicker-overlay {
  background: #777;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  height: 100%;
  min-height: 100%;
  z-index: 40;
}
div.datepicker-calendar button.datepicker-close {
  height: 30px;
  width: 100%;
  font-weight: bold;
  margin-top: 1px;
  border: 1px solid #eee;
  border-radius: 2px;
}
/**************************** 
 * colors
 ***************************/
/**************************** 
 * default theme colors
 ***************************/
a.datepicker-button.default:hover,
a.datepicker-button.default:focus {
  background-color: #DDD;
}
div.datepicker-calendar.default {
  background-color: #FFF;
}
div.datepicker-calendar.default div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar.default div.datepicker-month-fast-next.disabled,
div.datepicker-calendar.default div.datepicker-month-prev.disabled,
div.datepicker-calendar.default div.datepicker-month-next.disabled {
  color: #999;
}
div.datepicker-calendar.default div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar.default div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar.default div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar.default div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar.default div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar.default div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar.default div.datepicker-month-next.enabled:hover,
div.datepicker-calendar.default div.datepicker-month-next.enabled:focus,
div.datepicker-calendar.default div.datepicker-month:hover,
div.datepicker-calendar.default div.datepicker-month:focus,
div.datepicker-calendar.default button.datepicker-close:hover,
div.datepicker-calendar.default button.datepicker-close:focus {
  background-color: #EEE;
  border-color: #999;
}
div.datepicker-calendar.default table.datepicker-grid:focus {
  outline: 1px dotted #999;
}
div.datepicker-calendar.default tr.datepicker-weekdays {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
div.datepicker-calendar.default table.datepicker-grid th {
  background-color: #EEE;
  border: none;
}
div.datepicker-calendar.default table.datepicker-grid td {
  border: none;
  color: #000;
}
div.datepicker-calendar.default table.datepicker-grid td.unselectable {
  color: #999;
}
div.datepicker-calendar.default table.datepicker-grid td.curDay,
div.datepicker-calendar.default table.datepicker-grid td.curMonth,
div.datepicker-calendar.default table.datepicker-grid td.curYear {
  background-color: #FFF0C4;
}
div.datepicker-calendar.default table.datepicker-grid td.empty {
  border: none;
  color: #CCC;
}
div.datepicker-calendar.default table.datepicker-grid td.selectable:hover,
div.datepicker-calendar.default table.datepicker-grid td.selectable.focus {
  background-color: #DDD;
}
div.datepicker-calendar.default table.datepicker-grid td.empty:hover {
  background-color: #F9F9F9;
}
div.datepicker-calendar.default button.datepicker-close {
  background-color: #DDD;
  border-color: #999;
  color: #000;
}
/**************************** 
 * bootstrap theme colors
 ***************************/
a.datepicker-button.bootstrap:hover,
a.datepicker-button.bootstrap:focus {
  background-color: #DDD;
}
div.datepicker-calendar.bootstrap {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  min-width: 200px;
  font-size: .8em;
  background-clip: padding-box;
  background-color: #FFF;
  border-radius: 4px;
  line-height: 20px;
}
div.datepicker-calendar.bootstrap.below {
  margin-top: 2px;
}
div.datepicker-calendar.bootstrap.above {
  margin-top: -2px;
}
div.datepicker-calendar.bootstrap:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 7px;
}
div.datepicker-calendar.bootstrap:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
  left: 6px;
}
div.datepicker-calendar.bootstrap.below:before {
  top: -7px;
}
div.datepicker-calendar.bootstrap.below:after {
  top: -6px;
}
div.datepicker-calendar.bootstrap.above:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
div.datepicker-calendar.bootstrap.above:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.disabled,
div.datepicker-calendar.bootstrap div.datepicker-month-prev.disabled,
div.datepicker-calendar.bootstrap div.datepicker-month-next.disabled {
  color: #999;
}
div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar.bootstrap div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar.bootstrap div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar.bootstrap div.datepicker-month-next.enabled:hover,
div.datepicker-calendar.bootstrap div.datepicker-month-next.enabled:focus,
div.datepicker-calendar.bootstrap div.datepicker-month:hover,
div.datepicker-calendar.bootstrap div.datepicker-month:focus,
div.datepicker-calendar.bootstrap button.datepicker-close:hover,
div.datepicker-calendar.bootstrap button.datepicker-close:focus {
  background-color: #EEE;
  border-color: #999;
}
div.datepicker-calendar.bootstrap table.datepicker-grid:focus {
  outline: none;
}
div.datepicker-calendar.bootstrap tr.datepicker-weekdays {
  border: none;
}
div.datepicker-calendar.bootstrap table.datepicker-grid th abbr {
  text-decoration: none;
  cursor: default;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td {
  border: none;
  color: #000;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td.unselectable {
  color: #999;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td.curDay,
div.datepicker-calendar.bootstrap table.datepicker-grid td.curMonth,
div.datepicker-calendar.bootstrap table.datepicker-grid td.curYear {
  background-color: #FFF0C4;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td.empty {
  border: none;
  color: #CCC;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td.selectable:hover,
div.datepicker-calendar.bootstrap table.datepicker-grid td.selectable.focus {
  background-color: #DDD;
}
div.datepicker-calendar.bootstrap table.datepicker-grid td.empty:hover {
  background-color: #F9F9F9;
}
div.datepicker-calendar.bootstrap button.datepicker-close {
  background-color: #DDD;
  border-color: #999;
  color: #000;
}
/**************************** 
 * maroon theme colors
 ***************************/
a.datepicker-button.maroon {
  color: #FFF;
  background-color: #A63950;
}
a.datepicker-button.maroon:hover,
a.datepicker-button.maroon:focus {
  color: #FFF;
  background-color: #802C3E;
}
div.datepicker-calendar.maroon {
  background-color: #FFF;
  border-color: #CCC;
}
div.datepicker-calendar.maroon div.datepicker-month-wrap {
  background-color: #522A3F;
  color: #FFF;
}
div.datepicker-calendar.maroon div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar.maroon div.datepicker-month-fast-next.disabled,
div.datepicker-calendar.maroon div.datepicker-month-prev.disabled,
div.datepicker-calendar.maroon div.datepicker-month-next.disabled {
  color: #999;
}
div.datepicker-calendar.maroon div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar.maroon div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar.maroon div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar.maroon div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar.maroon div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar.maroon div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar.maroon div.datepicker-month-next.enabled:hover,
div.datepicker-calendar.maroon div.datepicker-month-next.enabled:focus,
div.datepicker-calendar.maroon div.datepicker-month:hover,
div.datepicker-calendar.maroon div.datepicker-month:focus,
div.datepicker-calendar.maroon button.datepicker-close:hover,
div.datepicker-calendar.maroon button.datepicker-close:focus {
  background-color: #A63950;
  border-color: #800;
}
div.datepicker-calendar.maroon table.datepicker-grid:focus {
  outline: 1px dotted #A63950;
}
div.datepicker-calendar.maroon table.datepicker-grid th {
  background-color: #A63950;
  color: #FFF;
}
div.datepicker-calendar.maroon table.datepicker-grid td {
  background-color: #EEE;
  border-color: #999;
}
div.datepicker-calendar.maroon table.datepicker-grid td.unselectable {
  color: #999;
}
div.datepicker-calendar.maroon table.datepicker-grid td.curDay,
div.datepicker-calendar.maroon table.datepicker-grid td.curMonth,
div.datepicker-calendar.maroon table.datepicker-grid td.curYear {
  background-color: #FFF0C4;
}
div.datepicker-calendar.maroon table.datepicker-grid td.empty {
  background-color: #F9F9F9;
  color: #AAA;
}
div.datepicker-calendar.maroon table.datepicker-grid td.selectable:hover,
div.datepicker-calendar.maroon table.datepicker-grid td.selectable.focus {
  background-color: #B55A6E;
  color: #FFF;
  border-color: #800;
}
div.datepicker-calendar.maroon table.datepicker-grid td.empty:hover {
  background-color: #F9F9F9;
  border-color: #999;
}
div.datepicker-calendar.maroon button.datepicker-close {
  background-color: #522A3F;
  color: #FFF;
  border-color: #EEE;
}
/**************************** 
 * blue theme colors
 ***************************/
a.datepicker-button.blue {
  color: #FFF;
  background-color: #063A5B;
}
a.datepicker-button.blue:hover,
a.datepicker-button.blue:focus {
  background-color: #262A33;
}
div.datepicker-calendar.blue {
  background-color: #FFF;
  border-color: #CCC;
}
div.datepicker-calendar.blue div.datepicker-month-wrap {
  background-color: #063A5B;
  color: #FFF;
}
div.datepicker-calendar.blue div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar.blue div.datepicker-month-fast-next.disabled,
div.datepicker-calendar.blue div.datepicker-month-prev.disabled,
div.datepicker-calendar.blue div.datepicker-month-next.disabled {
  color: #999;
}
div.datepicker-calendar.blue div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar.blue div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar.blue div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar.blue div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar.blue div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar.blue div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar.blue div.datepicker-month-next.enabled:hover,
div.datepicker-calendar.blue div.datepicker-month-next.enabled:focus,
div.datepicker-calendar.blue div.datepicker-month:hover,
div.datepicker-calendar.blue div.datepicker-month:focus,
div.datepicker-calendar.blue button.datepicker-close:hover,
div.datepicker-calendar.blue button.datepicker-close:focus {
  background-color: #0B6BA8;
  border-color: #3484B7;
}
div.datepicker-calendar.blue table.datepicker-grid:focus {
  outline: 1px dotted #0B6BA8;
}
div.datepicker-calendar.blue table.datepicker-grid th {
  background-color: #0B6BA8;
  color: #FFF;
}
div.datepicker-calendar.blue table.datepicker-grid td {
  background-color: #EEE;
  border-color: #999;
}
div.datepicker-calendar.blue table.datepicker-grid td.unselectable {
  color: #999;
}
div.datepicker-calendar.blue table.datepicker-grid td.curDay,
div.datepicker-calendar.blue table.datepicker-grid td.curMonth,
div.datepicker-calendar.blue table.datepicker-grid td.curYear {
  background-color: #FFF0C4;
}
div.datepicker-calendar.blue table.datepicker-grid td.empty {
  background-color: #F9F9F9;
  color: #AAA;
}
div.datepicker-calendar.blue table.datepicker-grid td.selectable:hover,
div.datepicker-calendar.blue table.datepicker-grid td.selectable.focus {
  background-color: #0B6BA8;
  color: #FFF;
  border-color: #3484B7;
}
div.datepicker-calendar.blue table.datepicker-grid td.empty:hover {
  background-color: #F9F9F9;
  border-color: #999;
}
div.datepicker-calendar.blue button.datepicker-close {
  background-color: #063A5B;
  color: #FFF;
  border-color: #EEE;
}
/**************************** 
 * green theme colors
 ***************************/
a.datepicker-button.green {
  color: #FFF;
  background-color: #0C5E2F;
}
a.datepicker-button.green:hover,
a.datepicker-button.green:focus {
  background-color: #262A33;
}
div.datepicker-calendar.green {
  background-color: #FFF;
  border-color: #CCC;
}
div.datepicker-calendar.green div.datepicker-month-wrap {
  background-color: #0C5E2F;
  color: #FFF;
}
div.datepicker-calendar.green div.datepicker-month-fast-prev.disabled,
div.datepicker-calendar.green div.datepicker-month-fast-next.disabled,
div.datepicker-calendar.green div.datepicker-month-prev.disabled,
div.datepicker-calendar.green div.datepicker-month-next.disabled {
  color: #999;
}
div.datepicker-calendar.green div.datepicker-month-fast-prev.enabled:hover,
div.datepicker-calendar.green div.datepicker-month-fast-prev.enabled:focus,
div.datepicker-calendar.green div.datepicker-month-fast-next.enabled:hover,
div.datepicker-calendar.green div.datepicker-month-fast-next.enabled:focus,
div.datepicker-calendar.green div.datepicker-month-prev.enabled:hover,
div.datepicker-calendar.green div.datepicker-month-prev.enabled:focus,
div.datepicker-calendar.green div.datepicker-month-next.enabled:hover,
div.datepicker-calendar.green div.datepicker-month-next.enabled:focus,
div.datepicker-calendar.green div.datepicker-month:hover,
div.datepicker-calendar.green div.datepicker-month:focus,
div.datepicker-calendar.green button.datepicker-close:hover,
div.datepicker-calendar.green button.datepicker-close:focus {
  background-color: #0D803B;
  border-color: #36955C;
}
div.datepicker-calendar.green table.datepicker-grid:focus {
  outline: 1px dotted #0D803B;
}
div.datepicker-calendar.green table.datepicker-grid th {
  background-color: #0D803B;
  color: #FFF;
}
div.datepicker-calendar.green table.datepicker-grid td {
  background-color: #EEE;
  border-color: #999;
}
div.datepicker-calendar.green table.datepicker-grid td.unselectable {
  color: #999;
}
div.datepicker-calendar.green table.datepicker-grid td.curDay,
div.datepicker-calendar.green table.datepicker-grid td.curMonth,
div.datepicker-calendar.green table.datepicker-grid td.curYear {
  background-color: #FFF0C4;
}
div.datepicker-calendar.green table.datepicker-grid td.empty {
  background-color: #F9F9F9;
  color: #AAA;
}
div.datepicker-calendar.green table.datepicker-grid td.selectable:hover,
div.datepicker-calendar.green table.datepicker-grid td.selectable.focus {
  background-color: #0D803B;
  color: #FFF;
  border-color: #36955C;
}
div.datepicker-calendar.green table.datepicker-grid td.empty:hover {
  background-color: #F9F9F9;
  border-color: #999;
}
div.datepicker-calendar.green button.datepicker-close {
  background-color: #0C5E2F;
  color: #FFF;
  border-color: #EEE;
}
.input-group {
  position: relative;
}
.input-group > a {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #f0f0f0;
  border: 1px solid #959595;
  background-image: url("../images/icon_calendar.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}
div.datepicker-calendar div.datepicker-month-wrap {
  line-height: 30px;
}
div.datepicker-calendar div.datepicker-month {
  position: absolute;
  top: 0;
  text-transform: capitalize;
  left: 0;
  right: 0;
  width: calc(100% - 60px);
  margin: 0 auto;
  padding: 0;
  text-align: center;
  z-index: 0;
  height: 30px;
  line-height: 30px;
}
div.datepicker-calendar div.datepicker-month:after {
  display: none !important;
}
div.datepicker-calendar div.datepicker-month:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000;
  height: 30px;
  line-height: 30px;
}
div.datepicker-calendar table.datepicker-grid th abbr {
  text-decoration: none;
}
div.datepicker-calendar .datepicker-button {
  cursor: pointer;
}
div.datepicker-calendar table.datepicker-grid th,
div.datepicker-calendar table.datepicker-grid td.day {
  line-height: 30px;
}
div.datepicker-calendar .datepicker-month-prev,
div.datepicker-calendar .datepicker-month-next {
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
}
div.datepicker-calendar .datepicker-month-prev.disabled,
div.datepicker-calendar .datepicker-month-next.disabled {
  cursor: not-allowed;
  opacity: .3;
}
div.datepicker-calendar.default table.datepicker-grid td.empty {
  height: 30px;
  line-height: 30px;
}
div.datepicker-calendar.default table.datepicker-grid td.empty:hover {
  background-color: #fff;
}
div.datepicker-calendar thead {
  border-bottom: 0;
  height: 30px;
  line-height: 30px;
}
div.datepicker-calendar tr {
  border-bottom: 0;
}
div.datepicker-calendar .datepicker-month-prev {
  left: 0;
  background-image: url("../images/icon_prev.svg");
}
div.datepicker-calendar .datepicker-month-next {
  right: 0;
  background-image: url("../images/icon_next.svg");
}
div.datepicker-calendar.default table.datepicker-grid td.selectable.focus {
  background-color: #b83474;
  color: #fff;
}
div.datepicker-calendar.default table.datepicker-grid td.selectable:hover {
  background-color: #ab4376;
  color: #fff;
}
div.datepicker-calendar table.datepicker-grid td.month {
  line-height: 60px;
  text-transform: uppercase;
}
/* site */
html {
  height: 100%;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #e2dedf;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'ralewayregular';
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5em;
  color: #666;
  background: #fff;
}
body.navigation-is-open {
  position: fixed;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  body.navigation-is-open {
    position: relative;
  }
}
.sitemap {
  list-style: initial;
}
.sitemap ul {
  list-style: initial;
}
.sitemap li > ul {
  margin-left: 15px;
}
.iCD_showOpt,
#_iCD .iCD_lf a.iCD_settings {
  background: #b83474;
}
#msg-error {
  display: none;
}
p.error-msg {
  color: #ff0000;
  margin: 0;
  font-size: 13px;
}
p.error-msg + p.error-msg {
  display: none;
}
input + p.error-msg {
  margin: -17px 0 17px;
}
.main {
  margin-top: 60px;
}
@media only screen and (min-width: 1024px) {
  .main {
    margin-top: 0;
  }
}
.layout-wrapper {
  padding: 0 10px;
  background: #fff;
}
.layout-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .layout-wrapper {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-wrapper {
    max-width: 1190px;
    margin: 0 auto;
  }
}
.inner {
  max-width: 800px;
  margin: 0 auto;
}
.central {
  text-align: center;
}
.main-banner {
  margin-bottom: 20px;
}
.main-banner figure {
  height: 70vh;
  background: #f3f1ec;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}
@media only screen and (min-width: 1024px) {
  .main-banner figure {
    height: 50vh;
    background-position: center center;
  }
}
.main-banner figure img {
  width: 100%;
}
.main-banner li {
  position: relative;
}
.main-banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  text-align: center;
  width: 80%;
}
@media only screen and (min-width: 768px) {
  .main-banner .content {
    width: 70%;
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-banner .content {
    width: 50%;
  }
}
.main-banner .content.no-image {
  background: transparent;
}
.main-banner .content h1 {
  font-size: 25px;
  line-height: 32px;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .main-banner .content h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.main-banner .content .price {
  font-size: 20px;
  font-family: 'montserratlight';
  color: #000;
  font-weight: normal;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .main-banner .content .price {
    font-size: 40px;
    line-height: 50px;
  }
}
.main-banner .content .price del {
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .main-banner .content .price del {
    font-size: 30px;
  }
}
.main-banner .content p {
  color: #333;
}
.main-banner .with-button h2 {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .main-banner .with-button h2 {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-banner .with-button h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
.main-banner .with-button p {
  font-size: 12px;
  line-height: 18px;
}
@media only screen and (min-width: 768px) {
  .main-banner .with-button p {
    font-size: 18px;
    line-height: 28px;
  }
}
.main-banner .with-button .price {
  font-size: 14px;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  .main-banner .with-button .price {
    font-size: 40px;
    line-height: 50px;
  }
}
.main-banner .with-button .btn {
  font-size: 14px;
  padding: 5px 20px;
}
@media only screen and (min-width: 768px) {
  .main-banner .with-button .btn {
    padding: 20px 50px;
    font-size: 20px;
  }
}
.btn {
  border: 2px solid #000;
  text-transform: uppercase;
  padding: 20px 50px;
  display: inline-block;
  font-size: 20px;
  font-family: 'montserratregular';
  margin-top: 20px;
  text-decoration: none;
}
.btn:hover {
  border-color: #ab4376;
  color: #ab4376;
}
.btn[href^="http://"]:after,
.btn[href^="https://"]:after {
  margin-left: 10px;
}
.col {
  text-align: center;
  margin-bottom: 40px;
}
.col li {
  margin-bottom: 40px;
}
.col figure {
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  position: relative;
}
.col figure:hover {
  opacity: 0.8;
}
.col h3,
.col h2 {
  font-size: 20px;
  font-family: 'montserratlight';
  font-weight: normal;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .col h3,
  .col h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.col p {
  font-size: 18px;
  line-height: 28px;
}
.col .date {
  margin-bottom: 10px;
  font-family: 'montserratlight';
  color: #666;
}
.col-1 {
  text-align: center;
}
.col-1 li {
  margin-bottom: 50px;
}
.col-1 li:last-of-type {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .col-1 li {
    margin-bottom: 140px;
  }
}
.col-1 h2 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .col-1 h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}
.col-1 a {
  color: #b83474;
  font-family: 'ralewaybold';
  font-size: 18px;
}
.col-1 a:hover {
  color: #ab4376;
}
.col-1 img {
  margin-top: 20px;
}
.col-2 {
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .col-2 {
    margin: inherit -0.5%;
  }
}
.col-2 li {
  border: 1px solid #d7d7d7;
  padding: 20px;
  text-align: left;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .col-2 li {
    width: 49%;
    margin: 10px 0.5%;
    display: inline-block;
    vertical-align: top;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
  }
}
.col-2 li figure {
  margin: -21px -21px 20px -21px;
}
@media only screen and (min-width: 768px) {
  .col-2 li figure {
    margin: -41px -41px 20px -41px;
  }
}
.col-2 h3 {
  text-transform: none;
}
.col-2 h3:hover {
  text-decoration: underline;
}
.col-2 p {
  font-size: 16px;
  line-height: 25px;
}
/* ---------  COLUMN 3 LAYOUT --------- */
.col-3 {
  font-size: 0;
  margin: 0 -5px 20px -5px;
}
@media only screen and (min-width: 640px) {
  .col-3 li {
    width: 33.3333333333%;
    vertical-align: top;
    display: inline-block;
    padding: 0 5px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.col-3 h3 {
  text-transform: uppercase;
}
.col-3 h3:hover {
  color: #ce518e;
}
/* ---------  COLUMN 4 LAYOUT --------- */
.col-4 {
  font-size: 0;
  margin: 0 -0.5% 40px -0.5%;
  text-align: left;
}
.col-4 li {
  font-size: 15px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .col-4 li {
    width: 50%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    padding: 0 1%;
  }
}
@media only screen and (min-width: 1024px) {
  .col-4 li {
    width: 25%;
    padding: 0 1%;
  }
}
.col-4 h3 {
  font-size: 18px;
  text-transform: none;
}
.col-4 h3 a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .col-4 h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.col-4 p {
  font-size: 15px;
  line-height: 23px;
}
.col-4 .price {
  font-size: 24px;
  color: #333;
  margin-top: 15px;
  display: block;
}
.pagination {
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .pagination {
    margin-top: 60px;
  }
}
.pagination a {
  display: inline-block;
  font-family: 'ralewayregular';
  margin: 0 20px;
  color: #ccc;
}
.pagination a.current,
.pagination a:hover {
  color: #000;
  text-decoration: underline;
}
.article {
  width: 80%;
  margin: 30px auto;
}
@media only screen and (min-width: 1024px) {
  .article {
    width: 790px;
  }
}
.article p {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .article p {
    font-size: 16px;
    line-height: 25px;
  }
}
.article p a {
  color: #b83474;
  font-family: 'montserratregular';
}
.article p strong {
  color: #000;
}
.article a,
.blog .btn-load-more a {
  display: inline-block;
  color: #b83474;
  font-family: 'montserratregular';
}
.article a:hover,
.blog .btn-load-more a:hover {
  color: #ab4376;
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article .h2,
.article .h3,
.article .h4,
.article .h5,
.article .h6 {
  margin-bottom: 20px;
  text-transform: none;
}
.article h1,
.article .h1 {
  font-size: 33px;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .article h1,
  .article .h1 {
    font-size: 50px;
    line-height: 57px;
  }
}
.article h2,
.article .h2 {
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .article h2,
  .article .h2 {
    font-size: 40px;
    line-height: 55px;
  }
}
.article h3,
.article .h3 {
  font-size: 20px;
  line-height: 25px;
}
@media only screen and (min-width: 1024px) {
  .article h3,
  .article .h3 {
    font-size: 35px;
    line-height: 45px;
  }
}
.article h4,
.article .h4 {
  font-size: 15px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .article h4,
  .article .h4 {
    font-size: 30px;
    line-height: 35px;
  }
}
.article h5,
.article .h5 {
  font-size: 10px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .article h5,
  .article .h5 {
    font-size: 20px;
    line-height: 25px;
  }
}
.article h6,
.article .h6 {
  font-size: 10px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .article h6,
  .article .h6 {
    font-size: 15px;
    line-height: 25px;
  }
}
.article ul {
  list-style: none;
}
.central.article ul {
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .central.article ul {
    text-align: center;
  }
}
.article li {
  padding-left: 20px;
  position: relative;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.article li:before {
  width: 8px;
  height: 8px;
  background: #b83474;
  content: "";
  border-radius: 100px;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 640px) {
  .central.article li {
    padding: 5px 0 5px;
  }
  .central.article li:after {
    top: 0;
    left: 50%;
    margin-left: -5px;
  }
}
.article .link-list li {
  padding-left: 0;
}
.article .link-list li:after {
  display: none;
}
.article ol li {
  list-style: decimal;
  margin-left: 25px;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.social-share {
  overflow: hidden;
  margin: 20px 0;
}
.social-share li {
  float: left;
  padding: 0 0 20px 0;
  margin-right: 30px;
}
.social-share li:hover {
  opacity: 0.8;
}
.social-share li:after {
  display: none;
}
#owl-demo .owl-wrapper-outer {
  position: relative;
  overflow: hidden;
}
#owl-demo .owl-wrapper {
  overflow: hidden;
}
#owl-demo .owl-item {
  float: left;
}
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}
.badge-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.badge-inner {
  margin: 0 auto;
  overflow: hidden;
}
.badge-inner.two-badges {
  width: 140px;
}
@media only screen and (min-width: 1024px) {
  .badge-inner.two-badges {
    width: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .col-4 .badge-inner.two-badges {
    width: 140px;
  }
}
.badge-disc,
.badge-new {
  background: #b83474;
  color: #fff;
  width: 70px;
  height: 45px;
  font-family: 'montserratregular';
  text-align: center;
  font-size: 22px;
  padding-top: 25px;
  float: left;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .badge-disc,
  .badge-new {
    width: 120px;
    height: 65px;
    padding-top: 40px;
    font-size: 35px;
  }
}
.badge-new {
  font-size: 20px;
}
/* ::::::::: BADGE IN A LIST LAYOUT ::::::::: */
.col .badge-disc,
.col .badge-new {
  background: #b83474;
  color: #fff;
  width: 70px;
  height: 45px;
  font-family: 'montserratregular';
  text-align: center;
  font-size: 22px;
  padding-top: 25px;
  float: left;
  text-transform: uppercase;
  /*	@media @bp1024 {
			width: 120px;
			height: 65px;
			padding-top: 40px;
			font-size: 35px;
		}
		*/
}
.col .badge-new {
  font-size: 20px;
}
.product {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .product {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .product .left {
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .product .right {
    width: 45%;
    float: right;
  }
}
.product .image-wrapper {
  position: relative;
}
.product img {
  width: 100%;
}
.product h1 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .product h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .product h1 {
    max-width: 80%;
  }
}
.product .small {
  font-size: 12px;
  line-height: 15px;
  margin: 10px 0;
}
.divider {
  padding: 40px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .divider {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .divider {
    padding: 90px 0;
  }
}
.divider:after {
  width: 200px;
  height: 10px;
  position: absolute;
  content: "";
  background: #b83474;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.filter {
  text-align: left;
  margin: 20px 0 40px 0;
  display: block;
}
@media only screen and (min-width: 768px) {
  .filter {
    text-align: center;
  }
}
.filter li {
  display: inline-block;
  border: 2px solid white;
  text-transform: uppercase;
  outline: 1px solid #000;
  margin: 0 2px;
  transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
}
.filter li.selected,
.filter li:hover {
  border: 2px solid #000;
}
.filter a {
  padding: 5px 16px;
  display: block;
  text-decoration: none;
}
.filter.close-filter {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .filter.close-filter {
    display: block;
  }
}
.filter-trigger {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 20px;
  margin: -20px -10px 20px -10px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .filter-trigger {
    display: none;
  }
}
.filter-trigger:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 20px;
  background: black;
  right: 25px;
}
.filter-trigger:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 20px;
  background: black;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 25px;
}
.form span.label-desc {
  font-size: 12px;
  text-transform: none;
}
.form .field > label {
  display: block;
}
.form .checkbox > label {
  display: inline-block;
}
.form input[type="text"],
.form input[type="email"],
.form select,
.form textarea {
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 10px;
  font-size: 16px;
  font-family: 'montserratlight';
  border: 1px solid #959595;
  border-radius: 0;
  -webkit-appearance: none;
  display: block;
  margin-bottom: 20px;
}
.form input[type="submit"] {
  font-family: 'montserratbold';
  background: #b83474;
  border: none;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  cursor: pointer;
  padding: 18px 10px;
  -webkit-appearance: none;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}
.form input[type="submit"]:hover {
  background: #ab4376;
}
.form select {
  background-image: url(../images/down.svg);
  background-position: 96% 16px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 50px;
}
.form select::-ms-expand {
  display: none;
}
.form select.error {
  border-color: red;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="submit"]:focus,
.form select:focus,
.form textarea:focus {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
.form .field-required label:after {
  content: '*';
  margin-left: 5px;
}
.form .error select {
  border-color: red;
}
.form label {
  text-transform: uppercase;
  margin-bottom: 5px;
  display: inline-block;
}
.form label small {
  text-transform: none;
  font-size: inherit;
}
.form label a {
  color: #b83474;
}
.form label a:hover {
  color: #ab4376;
}
.form .error input {
  border-color: red;
}
.form .error label {
  color: red;
}
.form div.optionset,
.form div.textarea,
.form div.dropdown {
  margin-bottom: 20px;
}
.shop-categories {
  overflow: hidden;
  margin: 0 -5px;
}
.shop-categories li {
  position: relative;
  margin-bottom: 10px;
}
.shop-categories li > a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shop-categories li {
    width: 33.333333333%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .shop-categories li:first-child,
  .shop-categories li:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .shop-categories li:last-child,
  .shop-categories li:nth-last-child(2) {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .shop-categories li:nth-child(4),
  .shop-categories li:nth-child(5) {
    width: 33.333333333%;
  }
}
.shop-categories li:hover h3 {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.shop-categories li h3 {
  position: absolute;
  z-index: 1;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .shop-categories li h3 {
    opacity: 0;
  }
}
.shop-categories li h3 a {
  padding: 20px;
  display: block;
}
.shop-categories li img {
  width: 100%;
}
.shop-order {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .shop-order {
    margin-top: 80px;
  }
}
.shop-order h5,
.confirm h5,
.shop-order .h5,
.confirm .h5 {
  border-bottom: 2px solid #000;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .confirm {
    overflow: hidden;
  }
}
.confirm .left {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .confirm .left {
    width: 48%;
    float: left;
  }
}
.confirm .right {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .confirm .right {
    width: 48%;
    float: right;
  }
}
.confirm-content .thank-you {
  text-align: center;
  border: 5px solid #b0cd59;
  padding: 30px 20px;
  margin: 20px auto;
}
@media only screen and (min-width: 992px) {
  .confirm-content .thank-you {
    width: 600px;
    margin: 20px auto 60px auto;
  }
}
.order-form .remove {
  margin: 15px 0 5px 0;
}
@media only screen and (min-width: 992px) {
  .order-form .remove {
    float: left;
    width: 30px;
    margin: 4px 0 0 0;
  }
}
.order-form .prod-remove {
  text-indent: -9999px;
  display: block;
  position: relative;
  width: 20px;
  float: right;
}
@media only screen and (min-width: 992px) {
  .order-form .prod-remove {
    float: none;
  }
}
.order-form .prod-remove:after,
.order-form .prod-remove:before {
  position: absolute;
  width: 2px;
  height: 15px;
  background: black;
  content: "";
  left: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.order-form .prod-remove:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.order-form .prod-remove:hover {
  opacity: 0.6;
}
.order-form .spin-down,
.order-form .spin-up {
  border: 1px solid #c4c4c4;
  width: 26px;
  height: 26px;
  display: block;
  float: left;
  cursor: pointer;
  position: relative;
}
.order-form .spin-down:hover,
.order-form .spin-up:hover {
  border: 1px solid #000;
}
.order-form .spin-down:before,
.order-form .spin-up:before {
  width: 10px;
  height: 2px;
  content: "";
  background: #333;
  position: absolute;
  top: 12px;
  left: 8px;
}
.order-form .spin-down.disabled,
.order-form .spin-up.disabled {
  background-color: #c4c4c4;
  cursor: not-allowed;
}
.order-form .spin-up:after {
  width: 2px;
  height: 10px;
  content: "";
  background: #333;
  position: absolute;
  left: 12px;
  top: 8px;
}
.order-form .spinner-container {
  overflow: hidden;
}
.order-form .spinner-container input[type="text"] {
  width: 45px;
  text-align: center;
  border: 1px solid #c4c4c4;
  border-left: 0;
  border-right: 0;
  float: left;
  margin-bottom: 0;
  padding: 3px 10px 4px 10px;
}
.order-form .table-head {
  overflow: hidden;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .order-form .table-head.first-step .desktop-view li {
    width: 105px;
  }
}
.order-form .desktop-view,
.order-form .mobile-view {
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .order-form .mobile-view {
    display: none;
  }
}
.order-form .desktop-view {
  display: none;
}
@media only screen and (min-width: 992px) {
  .order-form .desktop-view {
    display: block;
    text-align: right;
    position: relative;
  }
  .order-form .desktop-view li {
    display: inline-block;
    margin-left: 30px;
    width: 60px;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    vertical-align: bottom;
  }
  .order-form .desktop-view li:first-of-type {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }
}
.order-form .desktop-view.last-step li:first-of-type {
  margin-left: 0;
}
.order-form .one-product {
  border-bottom: 1px solid #ccc;
  color: #000;
  padding-bottom: 20px;
  overflow: hidden;
  padding-inline: 2px;
  /* ::::::::: ORDER STEP 3 ::::::::: */
}
@media only screen and (min-width: 992px) {
  .order-form .one-product {
    padding-top: 20px;
  }
}
.order-form .one-product .labels li,
.order-form .one-product .cells li {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
  .order-form .one-product .labels li,
  .order-form .one-product .cells li {
    margin-bottom: 0;
  }
}
.order-form .one-product .labels {
  float: left;
  margin-top: 8px;
}
.order-form .one-product .cells {
  float: right;
  text-align: right;
}
@media only screen and (min-width: 992px) {
  .order-form .one-product .cells li {
    display: inline-block;
    margin-left: 30px;
    width: 60px;
    vertical-align: top;
  }
}
@media only screen and (min-width: 992px) {
  .order-form .one-product.first-step .cells li {
    width: 105px;
  }
}
.order-form .one-product.last-step {
  padding-top: 20px;
}
.order-form .one-product.last-step > div {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .order-form .one-product.last-step > div {
    max-width: 235px;
    float: left;
    margin-bottom: 0px;
  }
}
.order-form .one-product.last-step .labels {
  margin-top: 0px;
}
.order-form .product-title {
  margin-bottom: 20px;
  color: #000;
}
@media only screen and (min-width: 992px) {
  .order-form .product-title {
    float: left;
    margin-bottom: 0;
    max-width: 230px;
  }
}
.order-form .total-price {
  text-align: right;
  color: #000;
}
.order-form .total-price .label {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.order-form .total-price.total-price-all .label {
  border-bottom: 1px solid #000;
}
.order-form .total-price .shop-total-price {
  display: block;
  margin-bottom: 20px;
}
.order-form .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.order-form .actions input[type="submit"] {
  width: auto;
  text-wrap: auto;
  margin: 0;
}
.order-form .actions input[type="submit"].next,
.order-form .actions input[type="submit"].prev {
  background-repeat: no-repeat;
  font-family: 'montserratregular';
  font-size: 16px;
  padding-inline: 50px;
}
.order-form .actions input[type="submit"].next {
  min-width: 200px;
  background-image: url(../images/next.svg);
  background-position: top 50% right 5px;
  margin-left: auto;
}
.order-form .actions input[type="submit"].prev {
  background-image: url(../images/prev.svg);
  background-position: -10px 19px;
  background-color: transparent;
  color: #b83474;
  text-align: left;
}
.order-form .actions input[type="submit"].prev:hover {
  opacity: 0.5;
}
.order-form .actions #OrderForm_OrderForm_action_finish {
  background-image: none;
}
.order-form .prev {
  background-image: url(../images/prev.svg);
  background-repeat: no-repeat;
  display: block;
  background-position: -10px 19px;
  background-color: transparent;
  color: #b83474;
  float: left;
  padding: 18px 10px 18px 30px;
  text-transform: uppercase;
  font-family: 'montserratregular';
}
.steps {
  margin-top: 40px;
}
/* ::::::::: ORDER STEP 2 ::::::::: */
@media only screen and (min-width: 992px) {
  .delivery-info {
    overflow: hidden;
  }
}
.delivery-info .checkbox,
.delivery-info .optionset,
.delivery-info .complexoptionset {
  margin-bottom: 20px;
}
.delivery-info .checkbox li,
.delivery-info .optionset li,
.delivery-info .complexoptionset li {
  margin: 10px 0;
}
@media only screen and (min-width: 640px) {
  .delivery-info .checkbox li,
  .delivery-info .optionset li,
  .delivery-info .complexoptionset li {
    display: inline-block;
    margin-right: 20px;
  }
}
.delivery-info .checkbox input,
.delivery-info .optionset input,
.delivery-info .complexoptionset input,
.delivery-info .checkbox label,
.delivery-info .optionset label,
.delivery-info .complexoptionset label {
  vertical-align: top;
}
.delivery-info .checkbox label,
.delivery-info .optionset label,
.delivery-info .complexoptionset label {
  text-transform: none;
  display: inline-block;
  max-width: 90%;
}
.delivery-info .checkbox {
  margin-bottom: 0;
}
.delivery-info .use-another-appendix {
  margin-left: 25px;
  margin-bottom: 20px;
  font-size: 12px;
  display: none;
}
@media only screen and (min-width: 640px) {
  .delivery-info .complexoptionset li {
    display: inline-block;
    width: 100%;
  }
}
.delivery-info .complexoptionset li > div {
  margin-left: 25px;
  font-size: 12px;
}
.delivery-info .fieldgroup-field.last {
  overflow: hidden;
  margin-bottom: 30px;
}
.delivery-info .fieldgroup-field.last input[type="checkbox"] {
  float: left;
}
.delivery-info .fieldgroup-field.last .checkboxfield-small {
  float: left;
  width: 90%;
  padding-left: 5px;
}
@media only screen and (min-width: 992px) {
  .delivery-info .left,
  .delivery-info .right {
    width: 48%;
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .delivery-info .right {
    float: right;
  }
}
.delivery-info .checkboxfield-small {
  text-transform: none;
}
.delivery-info .message {
  color: red;
  display: none;
  font-size: 12px;
}
.delivery-info .description {
  background: #596d20;
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #fff;
}
/* ::::::::: ORDER STEP 3 ::::::::: */
.order-summary {
  margin-bottom: 40px;
}
.payment-method {
  margin: 20px auto 40px auto;
  max-width: 400px;
}
/* ::::::::: DIVIDER ::::::::: */
.shop-divider {
  padding: 0 0 40px 0;
  position: relative;
}
.shop-divider:after {
  width: 130px;
  height: 8px;
  position: absolute;
  content: "";
  background: #b83474;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.no-right .right {
  float: none;
  width: 80%;
  text-transform: none;
}
.shop-link a {
  text-decoration: underline;
  font-weight: bold;
  color: #b83474;
}
.shop-link a:hover {
  text-decoration: none;
}
.shop-form form {
  margin-top: 20px;
}
@media only screen and (min-width: 1024px) {
  .shop-form form {
    max-width: 330px;
  }
}
.shop-form .product-price {
  font-size: 30px;
  color: #333;
  display: inline-block;
  margin-bottom: 30px;
}
.shop-form .product-price del {
  font-size: 25px;
  display: block;
  margin-bottom: 10px;
}
.shop-form .product-price.hidden {
  display: none;
}
.color-pickup {
  margin: 5px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.color-pickup div.left {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
  width: auto;
  float: none;
}
.color-pickup .middleColumn {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.color-pickup .item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.color-pickup .item input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
}
.color-pickup .item input:checked + label {
  margin: 0;
  border-width: 1px;
  width: 36px;
  height: 36px;
}
.color-pickup .item input:checked + label:before {
  display: block;
}
.color-pickup .item label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border: solid 1px #999;
  overflow: hidden;
  text-indent: -9999em;
  width: 30px;
  height: 30px;
  display: block;
  margin: 4px;
  color: #000;
}
.color-pickup .item label[for="PCShopAddToCartForm_PCAddToCartForm_Colors_vrtnice_rdee"] {
  color: #fff;
}
.color-pickup .item label:before {
  content: '';
  display: none;
  background: rgba(0, 0, 0, 0.1) url(../images/icons/color-cb.svg) 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}
.error.color-pickup .item label {
  border-color: #f00;
}
.color-pickup .item input:focus + label {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
.price-row {
  text-align: right;
  color: #000;
}
.maps-desktop {
  display: none;
}
@media only screen and (min-width: 640px) {
  .maps-desktop {
    display: block;
    margin-bottom: 30px;
  }
}
.maps-mobile {
  margin-bottom: 30px;
}
@media only screen and (min-width: 640px) {
  .maps-mobile {
    display: none;
  }
}
.navigation-row {
  overflow: hidden;
  position: relative;
}
.navigation-row a {
  color: #999;
}
.navigation-row a:hover {
  color: #000;
}
.navigation-row .prev {
  display: block;
  width: 30%;
  padding-left: 35px;
  font-size: 12px;
  line-height: 18px;
  float: left;
}
.navigation-row .prev img {
  position: absolute;
  left: 0;
  top: 0;
}
.navigation-row .next {
  display: block;
  text-align: right;
  width: 30%;
  padding-right: 35px;
  font-size: 12px;
  line-height: 18px;
  vertical-align: top;
  float: right;
}
.navigation-row .next img {
  position: absolute;
  right: 0;
  top: 0;
}
.invoice-layout {
  max-width: 800px;
  margin: 0 auto;
  font-family: arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #000;
  padding: 0.5cm;
  position: relative;
}
.invoice-layout h5 {
  font-size: 12px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  text-transform: none;
  font-family: arial, sans-serif;
  font-weight: bold;
}
.invoice-layout .order-summary {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
}
.invoice-layout .order-summary div {
  float: right;
  width: 48%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 10px;
  min-height: 145px;
}
.invoice-layout .order-summary div:first-child {
  float: left;
}
.invoice-layout .table-head {
  text-align: left;
  font-weight: bold;
  font-size: 10px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 20px 0 10px 0;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  line-height: 13px;
}
.invoice-layout .table-head ol {
  float: right;
  width: 100%;
  position: relative;
}
.invoice-layout .table-head ol li {
  float: right;
  margin-left: 20px;
  width: 50px;
}
.invoice-layout .table-head ol li:last-child {
  position: absolute;
  margin: 0;
  text-align: left;
}
.invoice-layout .products-list > li:last-child {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.invoice-layout .one-product {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}
.invoice-layout .one-product div {
  display: inline-block;
  max-width: 250px;
  line-height: 13px;
}
.invoice-layout .one-product .cells {
  display: inline-block;
  float: right;
  text-align: right;
}
.invoice-layout .one-product .cells li {
  float: left;
  margin-left: 20px;
  width: 50px;
}
.invoice-layout .total-price {
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
}
.invoice-layout .total-price.end {
  border: 1pt solid #000;
  padding: 10px;
  width: 30%;
  margin-left: 70%;
  box-sizing: border-box;
}
.invoice-layout .logo {
  position: absolute;
  right: 20px;
  max-width: 200px;
}
.filter-form {
  margin: 40px 0 40px;
  text-align: center;
  padding-top: 40px;
}
@media only screen and (min-width: 1024px) {
  .filter-form {
    padding-top: 0;
  }
}
.filter-form .optionset li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  margin: 10px 2px 10px;
}
.filter-form .optionset li input[type="checkbox"] {
  position: absolute;
  width: .1px;
  height: .1px;
  -webkit-appearance: none;
  appearance: none;
  opacity: .001;
}
.filter-form .optionset li input[type="checkbox"]:checked + label {
  border: 2px solid #000;
}
.filter-form .optionset li input[type="checkbox"]:hover + label {
  border: 2px solid #000;
}
.filter-form .optionset li input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  color: #231f20;
  border: 2px solid #fff;
  padding: 5px 10px;
  font-size: 13px;
  outline: 1px solid #000;
  transition: all 0.2s ease-in-out;
}
.filter-form .optionset li input[type="checkbox"] + label:focus {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
@media only screen and (min-width: 768px) {
  .filter-form .optionset li input[type="checkbox"] + label {
    font-size: 15px;
    padding: 5px 16px;
  }
}
.filter-form .optionset li input[type="checkbox"]:focus + label {
  box-shadow: 0 0 0 4px #5bb75b;
  text-decoration: none;
  opacity: 1 !important;
  outline: none;
}
.blog h2 {
  text-align: center;
}
.blog .btn-load-more {
  text-align: center;
}
.blog .btn-load-more a {
  text-transform: uppercase;
}
.related-articles .related {
  text-align: center;
  margin-top: 80px;
}
.blog-article ul {
  list-style: disc;
  padding-left: 30px;
  margin: 20px 0;
}
.blog-article .wrapper-inner {
  width: 80%;
  margin: 30px auto;
  padding-top: 30px;
}
@media only screen and (min-width: 1024px) {
  .blog-article .wrapper-inner {
    padding-top: 0;
  }
}
.blog-article .facebook-share {
  text-align: center;
  outline: none;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .blog-article .facebook-share {
    padding: 40px 0;
  }
}
.blog-article .facebook-share .facebook-icon {
  display: inline;
  width: 30px;
  height: 30px;
}
.blog-article .facebook-share span {
  padding: 2px;
  vertical-align: middle;
}
.blog-article .facebook-share span:hover {
  color: #ab4376;
}
.blog-article .basic-module h1,
.blog-article .blog-image-module h1 {
  font-size: 33px;
  line-height: 36px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .blog-article .basic-module h1,
  .blog-article .blog-image-module h1 {
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 30px;
  }
}
.blog-article .basic-module h2,
.blog-article .blog-image-module h2 {
  font-size: 23px;
  line-height: 27px;
  margin-bottom: 20px;
  text-transform: inherit;
}
@media only screen and (min-width: 768px) {
  .blog-article .basic-module h2,
  .blog-article .blog-image-module h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}
.blog-article .basic-module h3,
.blog-article .blog-image-module h3 {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 20px;
  text-transform: inherit;
}
@media only screen and (min-width: 768px) {
  .blog-article .basic-module h3,
  .blog-article .blog-image-module h3 {
    font-size: 23px;
    line-height: 29px;
    margin-bottom: 30px;
  }
}
.blog-info {
  text-align: left;
}
.blog-info h2 {
  text-transform: inherit;
  text-align: left;
  font-size: 19px;
  line-height: 25px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .blog-info h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
.blog-info h2:hover {
  color: #ab4376;
}
.blog-image-module .images {
  overflow: hidden;
}
.blog-image-module .images .img {
  box-sizing: border-box;
  padding: 0 0 8px;
}
@media only screen and (min-width: 768px) {
  .blog-image-module .images .img {
    float: left;
    width: 50%;
    padding: 0 4px 0 0;
  }
  .blog-image-module .images .img + .img {
    padding: 0 0 0 4px;
  }
}
.blog-image-module img {
  display: block;
  margin: 0 auto;
}
.blog-image-module a {
  color: #b83474;
  font-family: 'montserratregular';
}
.basic-module blockquote p {
  color: #ab4376;
  font-size: 1.8rem;
  line-height: 28px;
  font-style: italic;
}
.basic-module p a {
  color: #b83474;
  font-family: 'montserratregular';
}
.basic-module ul {
  list-style: disc;
}
.basic-module ol {
  list-style: decimal;
}
.basic-module ul,
.basic-module ol {
  font-size: 1.5rem;
  line-height: 28px;
  text-align: left;
  padding: 20px;
  margin: 0;
  font-weight: 300;
}
.breadcrumbs {
  padding-block: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width:47.96875em) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs ol {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.breadcrumbs li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumbs a,
.breadcrumbs .breadcrumbs-item {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 12px;
  line-height: 1;
}
.breadcrumbs a:hover {
  color: #ab4376;
}
.breadcrumbs .breadcrumbs-arrow {
  width: 12px;
  height: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: 2px;
}
.breadcrumbs .breadcrumbs-arrow:after {
  content: "";
  display: inline-block;
  border: solid #666;
  border-width: 1px 1px 0 0;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  height: 6px;
  margin: 0 1px 1px 0;
}
.header {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-bottom: 1px solid #d7d7d7;
}
@media only screen and (min-width: 1024px) {
  .header {
    height: 90px;
    position: relative;
    padding-top: 60px;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .header {
    height: 120px;
  }
}
.header-wrapper {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .header-wrapper {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-wrapper {
    position: relative;
    overflow: visible;
  }
}
.logo {
  width: 160px;
}
@media only screen and (min-width: 480px) {
  .logo {
    width: 170px;
  }
}
@media only screen and (min-width: 1024px) {
  .logo {
    width: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  .logo {
    width: 350px;
  }
}
.brand {
  float: left;
  display: block;
  margin-top: 15px;
}
@media only screen and (min-width: 1024px) {
  .brand {
    margin-top: 0px;
  }
}
.navigation-is-open .brand {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .navigation-is-open .brand {
    display: block;
  }
}
.skip-to-content {
  display: block;
  position: absolute;
  left: 2px;
}
.skip-to-content:focus,
.skip-to-content:active {
  position: static;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
.skip-to-content:focus .skip-to-content-hide,
.skip-to-content:active .skip-to-content-hide {
  display: block;
  position: absolute;
  border: solid 1px #d7d7d7;
  background: #ecf2f4;
  padding: 5px;
  margin-top: 10px;
  top: 2px;
  box-shadow: 0 0 0 3px #5bb75b inset;
  outline: 1px solid #5bb75b;
  z-index: 50;
}
.skip-to-content .skip-to-content-hide {
  display: none;
}
.footer-info h2 {
  text-transform: uppercase;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
  .footer-info h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
.footer-info li {
  text-align: center;
}
.footer-info a {
  color: #b83474;
  font-family: 'ralewaybold';
  margin-top: 5px;
  display: block;
}
.footer-info a:hover {
  color: #ab4376;
}
.footer {
  margin: 40px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .footer {
    margin: 100px 0 50px 0;
  }
}
.footer a {
  display: inline-block;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .left,
.footer .right {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .footer .left,
  .footer .right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .footer .left {
    padding-right: 50px;
  }
}
.footer .left span {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer .left span {
    display: inline-block;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .left ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.footer .left li {
  position: relative;
}
@media only screen and (max-width:47.96875em) {
  .footer .left li {
    margin-block: 8px;
  }
}
.footer .left li:after {
  content: "|";
  padding: 0 8px;
  display: none;
}
.footer .left li:last-child:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer .left li:after {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .footer .right {
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer .right .cookie {
  display: inline-block;
}
.footer .right a {
  display: inline-block;
}
.footer .right span {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer .right span {
    display: inline-block;
    margin: 0 10px;
  }
}
.trigger {
  width: 60px;
  height: 60px;
  cursor: pointer;
  background: white;
  display: block;
  float: right;
  position: relative;
  margin-right: -10px;
}
@media only screen and (min-width: 1024px) {
  .trigger {
    display: none;
  }
}
.navigation-is-open .trigger {
  background: #ebebeb;
}
.trigger .line {
  width: 26px;
  display: block;
  height: 4px;
  background: #000000;
  position: absolute;
  transition: all 0.2s ease-in-out;
}
.trigger .line-wrapper {
  padding-top: 20px;
  display: block;
  position: absolute;
  left: 18px;
  top: 20px;
}
.trigger .line-1 {
  top: 0px;
}
.navigation-is-open .trigger .line-1 {
  background: #ebebeb;
}
.trigger .line-2 {
  top: 6px;
}
.navigation-is-open .trigger .line-2 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.trigger .line-3 {
  top: 12px;
}
.navigation-is-open .trigger .line-3 {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 6px;
}
.primary {
  text-transform: uppercase;
}
.primary a {
  text-decoration: none;
}
.primary a:hover {
  text-decoration: underline;
}
.primary li {
  margin-bottom: 20px;
}
.primary li:last-of-type a {
  font-family: 'montserratregular';
}
.primary li .current {
  text-decoration: underline;
  font-family: 'montserratregular';
}
.primary a {
  font-family: 'montserratlight';
  font-size: 20px;
}
.primary a:hover {
  text-decoration: underline;
}
.mobile {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 30px;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .mobile {
    display: none;
  }
}
.navigation-is-open .mobile {
  background: #fff;
  opacity: 1;
  bottom: 0;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .navigation-is-open .mobile {
    display: none;
  }
}
.mobile .info-holder {
  background: #ebebeb;
  padding: 20px 0;
}
.mobile .info-holder a {
  text-transform: none;
  color: #b83474;
  font-size: 15px;
  font-family: 'ralewaybold';
}
.desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .desktop {
    display: block;
    float: right;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .desktop {
    margin-top: 30px;
  }
}
.desktop ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.desktop li {
  margin-left: 30px;
}
.desktop li:last-of-type {
  border-left: 2px solid #ccc;
  padding-left: 30px;
}
.desktop a {
  display: block;
  font-size: 17px;
}
.cart-info {
  position: absolute;
  right: 60px;
  background: #ab4376;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.navigation-is-open .cart-info {
  left: 0;
}
@media only screen and (min-width: 1024px) {
  .navigation-is-open .cart-info {
    left: auto;
  }
}
.cart-info a {
  display: block;
  height: 60px;
}
@media only screen and (min-width: 1024px) {
  .cart-info a {
    height: 50px;
  }
}
.cart-info .cart-icon {
  display: block;
  height: 60px;
  width: 60px;
  float: left;
  background: url(../images/cart-icon.svg) 16px 15px no-repeat #b83474;
}
.cart-info .cart-icon:hover {
  background-color: #ab4376;
}
@media only screen and (min-width: 1024px) {
  .cart-info .cart-icon {
    height: 50px;
    width: 50px;
    background: url(../images/cart-icon.svg) 12px 11px no-repeat #b83474;
  }
}
.cart-info .cart-status {
  color: #fff;
  display: none;
  margin: 10px 0 0 20px;
  float: left;
  background: #ab4376;
  font-size: 20px;
}
@media only screen and (min-width: 1024px) {
  .cart-info .cart-status {
    display: block;
    width: 90px;
    font-size: 15px;
    line-height: 28px;
  }
}
.navigation-is-open .cart-info .cart-status {
  display: block;
  height: 50px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .navigation-is-open .cart-info .cart-status {
    height: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .cart-info {
    top: -60px;
    right: 0;
  }
}
.leading {
  min-height: 310px;
  padding: 170px 25px 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.leading h1 {
  display: none;
}
.leading p {
  margin-bottom: 25px;
  color: #ffffff;
  line-height: 24px;
}
.sign {
  margin: 0 auto 20px;
}
/* print */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  @page {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}
/*# sourceMappingURL=style.css.map */