:root {
  --calcsize: 1600;
  --calcsizemobile: 390;
  --windowsize: 100vw;
}

@media (min-width: 1600px) {
  :root {
    --calcsize: 1920;
  }
}
@media (min-width: 1920px) {
  :root {
    --calcsize: 1920;
    --windowsize: 1920px;
  }
}
*,
button:focus,
button::-moz-focus-inner {
  outline: none !important;
  border: 0px;
}

p {
  hyphens: auto;
}

input,
button,
select {
  -webkit-appearance: none;
  box-shadow: none;
  border-radius: 0px;
  border: 0px;
  font-family: "Euclid Circular B";
}

table,
tr,
td {
  border: 0px;
}

html,
body {
  font-family: "Euclid Circular B";
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  padding: 0px;
  margin: 0px;
}
@media (max-width: 1023px) {
  html,
  body {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}

body {
  margin-bottom: calc(865 / var(--calcsize) * var(--windowsize));
}
body::before {
  position: fixed;
  display: block;
  content: "";
  background-color: transparent;
  box-shadow: none;
  transition: 0.2s ease all;
  pointer-events: none;
  height: calc(168 / var(--calcsize) * var(--windowsize));
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 3;
}
body #burger {
  display: none;
}
@media (max-width: 1023px) {
  body #burger {
    position: fixed;
    display: block;
    width: calc(46 / var(--calcsizemobile) * var(--windowsize));
    height: calc(31 / var(--calcsizemobile) * var(--windowsize));
    top: calc(45 / var(--calcsizemobile) * var(--windowsize));
    right: calc(40 / var(--calcsizemobile) * var(--windowsize));
    z-index: 10;
  }
  body #burger > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: calc(2 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(2 / var(--calcsizemobile) * var(--windowsize));
    background-color: #578fff;
    transform: translate(-50%, -50%);
    transition: 0.5s ease all;
  }
  body #burger > div:first-of-type {
    top: 0px;
    transform: translate(-50%, 0%);
  }
  body #burger > div:last-of-type {
    top: 100%;
    transform: translate(-50%, -100%);
  }
  body #burger.active > div {
    background-color: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    bottom: auto;
    top: 50%;
  }
  body #burger.active > div:first-of-type {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
body.scrolled::before {
  background-color: #fff;
  box-shadow: 0 0 calc(55 / var(--calcsize) * var(--windowsize)) rgba(0, 0, 0, 0.4);
  pointer-events: inherit;
  height: calc(122 / var(--calcsize) * var(--windowsize));
  background-color: #fff;
}
@media (max-width: 1023px) {
  body.scrolled::before {
    display: none;
  }
}
@media (max-width: 1023px) or (max-height: 700px) {
  body {
    margin-bottom: 0;
  }
}

main {
  background-repeat: no-repeat;
  background-image: url(../img/bubble0.png);
  background-position: calc(900 / var(--calcsize) * var(--windowsize)) calc(100 / var(--calcsize) * var(--windowsize));
  background-size: auto calc(1500 / var(--calcsize) * var(--windowsize));
  box-shadow: 0 0 calc(55 / var(--calcsize) * var(--windowsize)) rgba(0, 0, 0, 0.4);
}
@media (max-width: 1023px) {
  main {
    box-shadow: 0 0 calc(55 / var(--calcsizemobile) * var(--windowsize)) rgba(0, 0, 0, 0.4);
    background-position: calc(-1500 / var(--calcsize) * var(--windowsize)) calc(100 / var(--calcsize) * var(--windowsize));
    background-position-y: calc(3500 / var(--calcsize) * var(--windowsize)) !important;
    background-size: auto calc(2000 / var(--calcsize) * var(--windowsize));
  }
}
main.green {
  background-image: url(../img/bubble1.png);
  background-position: calc(-800 / var(--calcsize) * var(--windowsize)) calc(600 / var(--calcsize) * var(--windowsize));
}
main.yellow {
  background-image: url(../img/bubble2.png);
  background-position: calc(800 / var(--calcsize) * var(--windowsize)) calc(600 / var(--calcsize) * var(--windowsize));
}
main.brown {
  background-image: url(../img/bubble4.png);
  background-position: calc(-1200 / var(--calcsize) * var(--windowsize)) calc(500 / var(--calcsize) * var(--windowsize));
}

button {
  cursor: pointer;
}

main,
section,
article,
footer,
aside,
nav {
  display: block;
}

label.checkbox {
  margin-right: calc(30 / var(--calcsize) * var(--windowsize));
  padding-top: calc(5 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  label.checkbox {
    margin-right: calc(30 / var(--calcsizemobile) * var(--windowsize));
    padding-top: calc(5 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
  }
}
label.checkbox .checkmark {
  position: relative;
  border-radius: calc(12 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  padding: calc(3 / var(--calcsize) * var(--windowsize));
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(10 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-5 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  label.checkbox .checkmark {
    border-radius: calc(12 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #707070;
    padding: calc(3 / var(--calcsizemobile) * var(--windowsize));
    width: calc(30 / var(--calcsizemobile) * var(--windowsize));
    height: calc(30 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(10 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-5 / var(--calcsizemobile) * var(--windowsize));
  }
}
label.checkbox .checkmark::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  border-radius: 0px;
  background-color: #578fff;
  transition: 0.2s ease all;
}
label.checkbox input[type=checkbox] {
  display: none;
}
label.checkbox input[type=checkbox]:checked ~ .checkmark::before {
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  border-radius: calc(9 / var(--calcsize) * var(--windowsize));
}

#slideout {
  position: fixed;
  z-index: 3;
  top: 0px;
  width: calc(1090 / var(--calcsize) * var(--windowsize));
  left: 100%;
  height: 100%;
  background-color: #578fff;
  transition: 0.5s ease all;
  color: #fff;
}
@media (max-width: 1023px) {
  #slideout {
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
#slideout #flag {
  position: absolute;
  top: 80%;
  left: 0px;
  transform: rotate(-90deg) translate(0%, calc(-85 / var(--calcsize) * var(--windowsize)));
  background-color: #578fff;
  color: #fff;
  width: calc(124 / var(--calcsize) * var(--windowsize));
  border-top-left-radius: calc(14 / var(--calcsize) * var(--windowsize));
  border-top-right-radius: calc(14 / var(--calcsize) * var(--windowsize));
  padding: calc(10 / var(--calcsize) * var(--windowsize)) 0px;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  text-align: center;
  cursor: pointer;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  #slideout #flag {
    transform: translate(-50%, -100%);
    top: 0px;
    left: 50%;
    width: calc(236 / var(--calcsizemobile) * var(--windowsize));
    text-align: center;
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    border-top-left-radius: calc(14 / var(--calcsizemobile) * var(--windowsize));
    border-top-right-radius: calc(14 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
#slideout #flag > img {
  position: absolute;
  top: calc(50% + 2 / var(--calcsize) * var(--windowsize));
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
  transition: 0.5s ease all;
}
#slideout.active {
  transform: translateX(-100%);
}
@media (max-width: 1023px) {
  #slideout.active {
    transform: translateY(-100%);
  }
}
#slideout.active #flag {
  color: transparent;
}
#slideout.active #flag img {
  opacity: 1;
}
#slideout > div#content {
  position: absolute;
  top: calc(50% + 50 / var(--calcsize) * var(--windowsize));
  width: calc(546 / var(--calcsize) * var(--windowsize));
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  #slideout > div#content {
    width: calc(315 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#content #insta {
  position: absolute;
}
#slideout > div#content h2 {
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  margin-bottom: calc(35 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  #slideout > div#content h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#content p {
  margin: 0px;
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(90 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  #slideout > div#content p {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(30 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#content ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#slideout > div#content ul li {
  position: relative;
  padding: 0px;
  margin: 0px;
  padding: calc(33 / var(--calcsize) * var(--windowsize)) 0px;
  padding-left: calc(100 / var(--calcsize) * var(--windowsize));
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  font-weight: bold;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #fff;
}
@media (max-width: 1023px) {
  #slideout > div#content ul li {
    padding: calc(25 / var(--calcsizemobile) * var(--windowsize)) 0px;
    padding-left: calc(100 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#content ul li a {
  text-decoration: none;
  color: #fff;
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  font-weight: bold;
}
@media (max-width: 1023px) {
  #slideout > div#content ul li a {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#content ul li img {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: calc(60 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  #slideout > div#content ul li img {
    height: calc(45 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#insta {
  position: absolute;
  right: calc(50 / var(--calcsize) * var(--windowsize));
  bottom: calc(50 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  #slideout > div#insta {
    right: calc(35 / var(--calcsizemobile) * var(--windowsize));
    bottom: calc(40 / var(--calcsizemobile) * var(--windowsize));
  }
}
#slideout > div#insta a {
  color: #fff;
  text-decoration: underline;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  #slideout > div#insta a {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}

nav {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 4;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  nav {
    display: block;
  }
}
nav > div {
  position: relative;
  max-width: calc(1636 / var(--calcsize) * var(--windowsize));
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  padding: calc(55 / var(--calcsize) * var(--windowsize)) 0px;
  text-align: right;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  nav > div {
    padding: calc(60 / var(--calcsizemobile) * var(--windowsize)) 0px;
    width: 100%;
    max-width: 100%;
  }
  nav > div:not(.slideout-active) {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
nav > div > a > svg:first-of-type {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s ease all;
  width: calc(246 / var(--calcsize) * var(--windowsize));
  height: calc(118 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  nav > div > a > svg:first-of-type {
    width: calc(124 / var(--calcsizemobile) * var(--windowsize));
    height: calc(59 / var(--calcsizemobile) * var(--windowsize));
    left: calc(24 / var(--calcsizemobile) * var(--windowsize));
    z-index: 11;
  }
}
nav > div > svg:last-of-type {
  vertical-align: middle;
  display: inline-block;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
  width: calc(44 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  nav > div > svg:last-of-type {
    display: none;
  }
}
nav > div ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
nav > div ul.active::before {
  position: fixed;
  display: block;
  content: "Login";
  font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
  position: fixed;
  bottom: calc(50 / var(--calcsizemobile) * var(--windowsize));
  left: calc(85 / var(--calcsizemobile) * var(--windowsize));
  color: #fff;
}
nav > div ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
}
nav > div ul li a {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) 0px;
  transition: 0.5s ease all;
}
nav > div ul li a:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
nav > div ul li.active a {
  font-weight: bold;
}
nav > div ul li.blue a {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  transition: 0.5s ease all;
}
nav > div ul li select {
  border: 0px;
  -webkit-appearance: none;
  color: #9f9f9f;
  background-color: transparent;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url(../img/icon-down.svg);
  background-size: calc(10 / var(--calcsize) * var(--windowsize));
  background-position: right calc(12 / var(--calcsize) * var(--windowsize));
  padding-right: calc(20 / var(--calcsize) * var(--windowsize));
  padding-left: 0px;
}
nav > div ul li.white a {
  color: #fff;
}
nav > div ul li.white.blue a {
  color: #578fff;
  background-color: #fff;
}
nav > div ul li.white select {
  color: #fff;
}
@media (max-width: 1023px) {
  nav > div ul {
    top: 120vh;
    transition: 0.5s ease all;
    display: block;
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #578fff;
    background-image: url(../img/navbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
  }
  nav > div ul li {
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px;
  }
  nav > div ul li:first-of-type {
    padding-top: calc(200 / var(--calcsizemobile) * var(--windowsize));
  }
  nav > div ul li a {
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(20 / var(--calcsizemobile) * var(--windowsize));
    color: #fff;
  }
  nav > div ul li select {
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../img/arrow-down-white.svg);
    background-size: calc(10 / var(--calcsizemobile) * var(--windowsize));
    background-position: right calc(12 / var(--calcsizemobile) * var(--windowsize));
    padding-right: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
  nav > div ul li.blue a {
    display: inline-block;
    background-color: #fff;
    color: #578fff;
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    transition: 0.5s ease all;
  }
  nav > div ul.active {
    top: 0px;
  }
}
nav > div svg.white,
nav > div svg.white * {
  fill: #fff;
}
@media (min-width: 1023px) {
  nav.scrolled > div {
    padding-top: calc(25 / var(--calcsize) * var(--windowsize));
    padding-bottom: calc(25 / var(--calcsize) * var(--windowsize));
  }
  nav.scrolled > div ul {
    padding-top: calc(7 / var(--calcsize) * var(--windowsize));
    padding-bottom: calc(7 / var(--calcsize) * var(--windowsize));
    transition: 0.5s ease all;
  }
  nav.scrolled > div > a > svg {
    height: calc(70 / var(--calcsize) * var(--windowsize));
    width: calc(150 / var(--calcsize) * var(--windowsize));
    transition: 0.5s ease all;
  }
}

body.hidden {
  overflow: hidden;
}

body.active1 nav > div > a > svg,
body.active1 nav > div > a > svg * {
  fill: #fff;
}
body.active nav > div > a > svg,
body.active nav > div > a > svg * {
  fill: #fff;
}
body.active nav > div > svg:last-of-type {
  display: block;
  position: fixed;
  bottom: calc(40 / var(--calcsizemobile) * var(--windowsize));
  left: calc(20 / var(--calcsizemobile) * var(--windowsize));
  width: calc(40 / var(--calcsizemobile) * var(--windowsize));
  fill: #fff;
}
body.active nav > div > svg:last-of-type * {
  fill: #fff;
}

a.button {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
}
@media (max-width: 1023px) {
  a.button {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
a.button:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}

.configurator {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.configurator a {
  color: #578fff;
}
.configurator .placeholder {
  min-width: 60%;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  font-size: calc(22 / var(--calcsize) * var(--windowsize));
  color: rgba(0, 0, 0, 0.35);
  margin-left: calc(25 / var(--calcsize) * var(--windowsize));
  margin-top: calc(20 / var(--calcsize) * var(--windowsize));
  transition: 0.5s ease all;
  user-select: none;
  padding: 0px calc(5 / var(--calcsize) * var(--windowsize));
}
.configurator .placeholder.fileUpload {
  background-color: transparent;
  min-width: auto;
}
.configurator .placeholder p {
  display: inline;
}
@media (max-width: 1023px) {
  .configurator .placeholder {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
    line-height: calc(21 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(15 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(16 / var(--calcsizemobile) * var(--windowsize));
    padding: 0px calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 600px) {
  .configurator .placeholder {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator .placeholder.active {
  min-width: auto;
  font-size: calc(15 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-8 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator .placeholder.active {
    font-size: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-8 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator .disabled .placeholder {
  background-color: #f8f8f8;
}
.configurator .input-wrap {
  display: block;
  position: relative;
  float: left;
  padding: 0px !important;
}
.configurator .input-wrap.one {
  width: 100%;
}
.configurator .input-wrap.two {
  width: calc(50% - 8 / var(--calcsize) * var(--windowsize));
}
.configurator .input-wrap.two.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
.configurator .input-wrap.third {
  width: calc(40% - 8 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator .input-wrap.third {
    width: calc(40% - 5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator .input-wrap.third.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator .input-wrap.third.first {
    margin-right: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator .input-wrap.twothird {
  width: calc(60% - 8 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator .input-wrap.twothird {
    width: calc(60% - 5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator input {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  padding: calc(20 / var(--calcsize) * var(--windowsize)) calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator input {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator input.one {
  width: calc(100% - 60 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator input.one {
    width: calc(100% - 30 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator input.two {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
.configurator input.two.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator input.two {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator input.third {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
.configurator input.third.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator input.third {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator input.twothird {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator input.twothird {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator label.radio {
  margin-right: calc(30 / var(--calcsize) * var(--windowsize));
}
.configurator label.radio p {
  display: inline;
}
.configurator label.radio input:disabled ~ .checkmark {
  background-color: rgba(219, 44, 44, 0.337254902);
}
.configurator label.radio .checkmark {
  position: relative;
  border-radius: calc(12 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  padding: calc(3 / var(--calcsize) * var(--windowsize));
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(10 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator label.radio .checkmark {
    border-radius: calc(6 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #707070;
    padding: calc(3 / var(--calcsizemobile) * var(--windowsize));
    width: calc(20 / var(--calcsizemobile) * var(--windowsize));
    height: calc(20 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(10 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator label.radio .checkmark::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  border-radius: 0px;
  background-color: #578fff;
  transition: 0.2s ease all;
}
.configurator label.radio input[type=radio] {
  display: none;
}
.configurator label.radio input[type=radio]:checked ~ .checkmark::before {
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  border-radius: calc(9 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator label.radio input[type=radio]:checked ~ .checkmark::before {
    width: calc(30 / var(--calcsizemobile) * var(--windowsize));
    height: calc(30 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(9 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #logo {
  position: absolute;
  top: calc(30 / var(--calcsize) * var(--windowsize));
  left: calc(30 / var(--calcsize) * var(--windowsize));
  z-index: 2;
  width: calc(246 / var(--calcsize) * var(--windowsize));
}
.configurator #logo.scrolled {
  top: 0;
  width: calc(160 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #logo {
    position: fixed;
    top: auto !important;
    bottom: calc(22 / var(--calcsizemobile) * var(--windowsize));
    left: calc(15 / var(--calcsizemobile) * var(--windowsize));
    width: calc(82 / var(--calcsizemobile) * var(--windowsize)) !important;
    height: calc(39 / var(--calcsizemobile) * var(--windowsize)) !important;
    z-index: 11;
  }
}
.configurator #amount {
  pointer-events: none;
  width: calc(240 / var(--calcsize) * var(--windowsize));
  height: calc(240 / var(--calcsize) * var(--windowsize));
  padding: 0px;
  position: absolute;
  left: calc(5 / var(--calcsize) * var(--windowsize));
  border-radius: calc(25 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/amount.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  z-index: 10;
  color: #fff;
  bottom: 0px;
  display: none;
}
@media (max-width: 1600px) {
  .configurator #amount {
    bottom: calc(60 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #amount {
    height: calc(220 / var(--calcsize) * var(--windowsize));
    bottom: calc(0 / var(--calcsizemobile) * var(--windowsize));
    background-image: url();
    color: #a5d587;
    background-color: #fff;
    z-index: 25;
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    width: calc(185 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #amount > div {
  font-size: calc(50 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  line-height: 85%;
  margin-left: calc(40 / var(--calcsize) * var(--windowsize));
  margin-top: calc(85 / var(--calcsize) * var(--windowsize));
  width: calc(90% - 40 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #amount > div {
    display: inline-block;
    width: 50%;
    font-size: calc(33 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(0 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(0 / var(--calcsizemobile) * var(--windowsize));
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .configurator #amount > span {
    display: inline-block;
    width: 47%;
  }
}
.configurator #amount > span > span {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  display: block;
  width: 90%;
}
@media (max-width: 1023px) {
  .configurator #amount > span > span {
    font-size: calc(14 / var(--calcsizemobile) * var(--windowsize));
    width: auto;
    text-align: left;
  }
}
.configurator #buy {
  width: calc(140 / var(--calcsize) * var(--windowsize));
  height: calc(170 / var(--calcsize) * var(--windowsize));
  padding: 0px;
  position: absolute;
  left: calc(-42 / var(--calcsize) * var(--windowsize));
  border-radius: calc(25 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/buy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  z-index: 10;
  color: #000;
  bottom: calc(105 / var(--calcsize) * var(--windowsize));
  padding-left: calc(30 / var(--calcsize) * var(--windowsize));
  display: none;
}
@media (max-width: 1600px) {
  .configurator #buy {
    bottom: calc(165 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #buy {
    bottom: calc(0 / var(--calcsizemobile) * var(--windowsize));
    background-image: url();
    color: #bebebe;
    background-color: #fff;
    z-index: 25;
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100 / var(--calcsizemobile) * var(--windowsize));
    padding-bottom: calc(12 / var(--calcsizemobile) * var(--windowsize));
    left: calc(90 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #buy > div {
  font-size: calc(30 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  line-height: 85%;
  margin-left: calc(28 / var(--calcsize) * var(--windowsize));
  margin-top: calc(42 / var(--calcsize) * var(--windowsize));
  width: calc(90% - 40 / var(--calcsize) * var(--windowsize));
  text-align: left;
}
@media (max-width: 1023px) {
  .configurator #buy > div {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(0 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(0 / var(--calcsizemobile) * var(--windowsize));
    width: auto;
    text-align: left;
  }
}
.configurator #buy > span {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  display: block;
  width: 90%;
}
@media (max-width: 1023px) {
  .configurator #buy > span {
    font-size: calc(14 / var(--calcsizemobile) * var(--windowsize));
    width: auto;
    text-align: left;
  }
}
.configurator .view {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.5s ease all;
}
.configurator .view.left {
  transform: translateX(-100%);
}
.configurator .view.right {
  transform: translateX(100%);
}
.configurator #view1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
@media (max-width: 1023px) {
  .configurator #view1 img {
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize)) !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.configurator #view3 {
  background-image: url(../img/bubble5.png);
  background-size: cover;
}
@media (max-width: 1023px) {
  .configurator #view3 {
    background-image: url();
  }
}
.configurator #view3 > div {
  height: calc(100svh - 420 / var(--calcsize) * var(--windowsize));
  overflow-y: auto;
  overflow-x: unset;
  width: 100%;
  margin: auto;
  padding-top: calc(300 / var(--calcsize) * var(--windowsize));
  position: relative;
}
.configurator #view3 > div h2 span {
  color: #578fff;
}
@media (max-width: 1023px) {
  .configurator #view3 > div {
    top: 0px;
    transform: translateY(0px);
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize)) !important;
    padding: calc(22 / var(--calcsizemobile) * var(--windowsize));
    padding-top: calc(118 / var(--calcsizemobile) * var(--windowsize));
    height: calc(100svh - 222 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 600px) {
  .configurator #view3 > div {
    height: calc(100svh - 222 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div h1 {
  font-size: calc(52 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
  margin-bottom: calc(60 / var(--calcsize) * var(--windowsize));
  text-align: center;
}
@media (max-width: 1023px) {
  .configurator #view3 > div h1 {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar {
  width: 25%;
  margin: 0 5% 0 20%;
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  overflow: hidden;
  margin-bottom: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1523px) {
  .configurator #view3 > div #calendar {
    width: 35%;
    margin: 0;
    margin-left: 15%;
  }
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar {
    width: auto;
    margin: 0;
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #000;
    margin-bottom: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar .tab1,
.configurator #view3 > div #calendar .tab2 {
  width: 50%;
  float: left;
  text-align: center;
  background-color: #ebf1ff;
  color: #bad1ff;
  padding: calc(20 / var(--calcsize) * var(--windowsize)) 0px;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #578fff;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
  font-weight: normal;
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar .tab1,
  .configurator #view3 > div #calendar .tab2 {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) 0px;
    border-bottom: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #578fff;
  }
}
.configurator #view3 > div #calendar .tab1.active,
.configurator #view3 > div #calendar .tab2.active {
  background-color: #578fff;
  color: #fff;
  font-weight: bold;
}
.configurator #view3 > div #calendar .calendar-title {
  padding: calc(20 / var(--calcsize) * var(--windowsize));
  display: flex;
  justify-content: space-between;
  color: #578fff;
  font-weight: bold;
  font-size: calc(30 / var(--calcsize) * var(--windowsize));
  align-items: center;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar .calendar-title {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar .calendar-title img {
  cursor: pointer;
}
.configurator #view3 > div #calendar .calendar-title img.inactive {
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar .calendar-title img {
    width: calc(11 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar #box {
  background-color: white;
  padding: calc(10 / var(--calcsize) * var(--windowsize)) calc(10 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar #box {
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar #box table {
  width: 100%;
  table-layout: fixed;
  padding: 2% 8%;
}
@media (max-width: 600px) {
  .configurator #view3 > div #calendar #box table {
    padding: 2% 3%;
  }
}
.configurator #view3 > div #calendar #box table tr {
  /*&:first-of-type {
    td {
      font-size: calc(18 / var(--calcsize) * var(--windowsize));
      font-weight: normal;
      @media (max-width: $bp2) {
        font-size: calc(
          12 / var(--calcsizemobile) * var(--windowsize)
        );
        font-weight: bold;
      }
    }
  }*/
}
.configurator #view3 > div #calendar #box table tr td {
  position: relative;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  padding: calc(15 / var(--calcsize) * var(--windowsize)) 0px;
  text-align: left;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  text-align: center;
  /*&:last-of-type {
    width: calc(40 / var(--calcsize) * var(--windowsize));
    @media (max-width: $bp2) {
      width: calc(20 / var(--calcsizemobile) * var(--windowsize));
    }
  }*/
  /*&.selected {
    color: #fff;
    @media (max-width: $bp2) {
      font-weight: bold;
    }
    &::before {
      content: "";
      display: block;
      position: absolute;
      width: calc(54 / var(--calcsize) * var(--windowsize));
      height: calc(61 / var(--calcsize) * var(--windowsize));
      background-image: url(../img/selected.svg);
      background-size: 110% 110%;
      background-position: center center;
      z-index: -1;
      top: 50%;
      left: calc(17 / var(--calcsize) * var(--windowsize));
      transform: translate( calc( -50% - calc(5 / var(--calcsize) * var(--windowsize))), calc(-50% - calc(2 / var(--calcsize) * var(--windowsize))));
      @media (max-width: $bp2) {
        width: calc( 50 / var(--calcsizemobile) * var(--windowsize));
        height: calc( 55 / var(--calcsizemobile) * var(--windowsize));
        left: calc( 12 / var(--calcsizemobile) * var(--windowsize));
      }
    }
  }*/
}
@media (max-width: 1600px) {
  .configurator #view3 > div #calendar #box table tr td {
    padding: calc(15 / var(--calcsize) * var(--windowsize)) 0px;
  }
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar #box table tr td {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) 0px;
    font-weight: normal;
  }
}
.configurator #view3 > div #calendar #box table tr td label {
  margin: 5px auto 0 auto;
}
.configurator #view3 > div #calendar #box table tr td label span {
  cursor: pointer;
  margin: 5px 0 0 0px;
}
.configurator #view3 > div #calendar #box table tr td label span.inactive {
  cursor: default;
  border: none;
  background-color: #f4f4f4;
}
.configurator #view3 > div #calendar #box table tr td label span.inactive.rented {
  background-color: rgba(219, 44, 44, 0.337254902);
}
.configurator #view3 > div #calendar #box table tr td label span.duration {
  background-color: rgba(165, 213, 135, 0.3058823529);
}
.configurator #view3 > div #calendar #box table tr td button {
  display: inline-block;
  padding: calc(10 / var(--calcsize) * var(--windowsize)) calc(16 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
  font-weight: normal;
  border: calc(2 / var(--calcsize) * var(--windowsize)) solid #578fff;
  background-color: transparent;
  color: #578fff;
  margin-top: calc(5 / var(--calcsize) * var(--windowsize));
}
.configurator #view3 > div #calendar #box table tr td button.active {
  background-color: #578fff;
  color: #fff;
}
.configurator #view3 > div #calendar #box table tr td button.inactive {
  opacity: 0.2;
}
@media (max-width: 1023px) {
  .configurator #view3 > div #calendar #box table tr td button {
    font-size: calc(14 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(8 / var(--calcsizemobile) * var(--windowsize)) calc(10 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view3 > div #calendar #box table tr td.befaft {
  color: #d1d1d1;
  cursor: default;
}
.configurator #view2 {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .configurator #view2 {
    display: block;
    overflow-y: auto;
  }
}
.configurator #view2 > div:last-of-type {
  height: calc(100svh - 395 / var(--calcsize) * var(--windowsize));
  overflow: auto;
  margin-top: calc(75 / var(--calcsize) * var(--windowsize));
  padding-right: calc(22 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view2 > div:last-of-type {
    height: auto;
    overflow: inherit;
    margin-top: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view2 > div {
  width: calc(50% - 100 / var(--calcsize) * var(--windowsize));
  height: calc(100svh - 200 / var(--calcsize) * var(--windowsize));
  padding: calc(100 / var(--calcsize) * var(--windowsize)) calc(50 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view2 > div {
    position: fixed;
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    height: calc(100svh - 60 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(30 / var(--calcsizemobile) * var(--windowsize)) calc(22 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view2 > div img {
  max-width: 170%;
  top: 50%;
  left: 50%;
  width: 150%;
  transform: translate(-50%, -50%) !important;
  position: relative;
}
@media (max-width: 1023px) {
  .configurator #view2 > div img {
    position: absolute;
    margin: 0px;
    top: 40%;
    left: 50%;
    width: 150%;
    transform: translate(-50%, -50%) !important;
  }
}
.configurator #view2 > div:last-of-type {
  padding-right: calc(120 / var(--calcsize) * var(--windowsize));
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .configurator #view2 > div:last-of-type {
    position: absolute;
    left: 0px;
    background-color: #fff;
    top: calc(100svh - 222 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    height: auto;
    padding: calc(30 / var(--calcsizemobile) * var(--windowsize)) calc(22 / var(--calcsizemobile) * var(--windowsize));
    border-top-right-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-top-left-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    box-shadow: 0 0 calc(55 / var(--calcsizemobile) * var(--windowsize)) rgba(0, 0, 0, 0.4);
    padding-top: calc(50 / var(--calcsizemobile) * var(--windowsize));
    padding-bottom: calc(100 / var(--calcsizemobile) * var(--windowsize));
  }
  .configurator #view2 > div:last-of-type::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(42 / var(--calcsizemobile) * var(--windowsize));
    height: calc(4 / var(--calcsizemobile) * var(--windowsize));
    background-color: #dfdfdf;
    border-radius: calc(2 / var(--calcsizemobile) * var(--windowsize));
    content: "";
    top: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 600px) {
  .configurator #view2 > div:last-of-type {
    top: calc(100svh - 222 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view2 > div h2 {
  font-size: calc(35 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
}
@media (max-width: 1023px) {
  .configurator #view2 > div h2 {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    text-align: center;
  }
}
.configurator #view2 > div h2 span {
  color: #578fff;
}
.configurator #view2 > div p {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view2 > div p {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    max-width: calc(582 / var(--calcsizemobile) * var(--windowsize));
    text-align: center;
  }
}
@media (max-width: 600px) {
  .configurator #view2 > div p {
    text-align: left;
  }
}
.configurator #view2 > div table {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
}
.configurator #view2 > div table tr td {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  padding: calc(10 / var(--calcsize) * var(--windowsize)) 0px;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  min-width: 10%;
}
@media (max-width: 1023px) {
  .configurator #view2 > div table tr td {
    font-size: calc(15 / var(--calcsizemobile) * var(--windowsize));
    line-height: calc(15 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
    border-bottom: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #000;
  }
  .configurator #view2 > div table tr td:nth-child(4) {
    display: none;
  }
  .configurator #view2 > div table tr td:first-child {
    min-width: calc(75 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
@media (max-width: 600px) {
  .configurator #view2 > div table tr td {
    font-size: calc(13 / var(--calcsizemobile) * var(--windowsize));
    line-height: calc(13 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
  .configurator #view2 > div table tr td:first-child {
    min-width: 10% !important;
  }
}
.configurator #view2 > div table tr td .green,
.configurator #view2 > div table tr td .yellow,
.configurator #view2 > div table tr td .red,
.configurator #view2 > div table tr td .orange {
  width: calc(15 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  background-color: #a5d587;
  border-radius: calc(10 / var(--calcsize) * var(--windowsize));
  display: inline-block;
  vertical-align: middle;
  margin-top: calc(-2 / var(--calcsize) * var(--windowsize));
  margin-right: calc(5 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view2 > div table tr td .green,
  .configurator #view2 > div table tr td .yellow,
  .configurator #view2 > div table tr td .red,
  .configurator #view2 > div table tr td .orange {
    width: calc(15 / var(--calcsizemobile) * var(--windowsize));
    height: calc(30 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-2 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view2 > div table tr td .yellow {
  background-color: #ffe36d;
}
.configurator #view2 > div table tr td .red {
  background-color: #db2c2c;
}
.configurator #view2 > div table tr td .orange {
  background-color: #db6c2c;
}
.configurator #view2 > div table tr td:last-of-type {
  text-align: right;
}
.configurator #view2 > div table tr td button {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
  vertical-align: middle;
  width: calc(185 / var(--calcsize) * var(--windowsize));
}
.configurator #view2 > div table tr td button:disabled {
  background-color: #999da5;
}
@media (max-width: 1023px) {
  .configurator #view2 > div table tr td button {
    text-wrap: nowrap;
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(15 / var(--calcsizemobile) * var(--windowsize));
    margin-left: 0;
    max-width: 310px;
    width: auto;
  }
}
@media (max-width: 600px) {
  .configurator #view2 > div table tr td button {
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-left: 0;
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) calc(10 / var(--calcsizemobile) * var(--windowsize));
    width: 100%;
    font-size: calc(12 / var(--calcsizemobile) * var(--windowsize));
    line-height: calc(12 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view2 > div table tr td button:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
.configurator #view2 > div table tr td button.white {
  background-color: #fff;
  border: calc(2 / var(--calcsize) * var(--windowsize)) solid #578fff;
  color: #578fff;
}
.configurator #view2 > div table tr:first-of-type td {
  font-weight: bold;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  padding: calc(10 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  .configurator #view2 > div table tr:first-of-type td {
    font-size: calc(14 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
.configurator #view4 {
  background-image: url(../img/bubble6.png);
  background-size: cover;
}
@media (max-width: 1023px) {
  .configurator #view4 {
    background-position: 0px 40svh;
    background-repeat: no-repeat;
  }
}
.configurator #view4 > div {
  margin: 0;
  padding: 0px;
  top: 50%;
  height: calc(100svh - 320 / var(--calcsize) * var(--windowsize));
  overflow-y: auto;
  overflow-x: unset;
  width: 100%;
  margin: 0px auto;
  padding-top: calc(166 / var(--calcsize) * var(--windowsize));
  position: relative;
  transform: translateY(calc(-50% - 40 / var(--calcsize) * var(--windowsize)));
  position: relative;
}
@media (max-width: 1023px) {
  .configurator #view4 > div {
    top: 0px;
    transform: translateY(0px);
    height: calc(100svh - 500 / var(--calcsize) * var(--windowsize));
    max-width: 100%;
  }
}
.configurator #view4 > div p {
  max-width: calc(868 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view4 > div p {
    max-width: calc(1200 / var(--calcsize) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view4 > div h2 {
  font-size: calc(52 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
  text-align: center;
}
@media (max-width: 1023px) {
  .configurator #view4 > div h2 {
    width: 70%;
    margin: 0 auto;
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    padding-top: 10%;
  }
}
.configurator #view4 > div h2 span {
  color: #578fff;
}
.configurator #view4 > div > div {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0px auto;
  margin-top: calc(100 / var(--calcsize) * var(--windowsize));
  max-width: calc(612 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view4 > div > div {
    margin-bottom: 10px;
    max-width: 100%;
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
  .configurator #view4 > div > div > div {
    width: calc(171 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view4 > div > div img {
  height: calc(185 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view4 > div > div img {
    height: calc(110 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(40 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view4 > div > div button {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
  vertical-align: middle;
  width: calc(220 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view4 > div > div button {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
    width: 95%;
  }
}
.configurator #view4 > div > div button:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
.configurator #view4 > div > div button.white {
  background-color: #fff;
  border: calc(2 / var(--calcsize) * var(--windowsize)) solid #578fff;
  color: #578fff;
}
.configurator #view5,
.configurator #view6,
.configurator #view5a,
.configurator #view7,
.configurator #view8,
.configurator #view8a,
.configurator #view9,
.configurator #view10,
.configurator #view11 {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .configurator #view5,
  .configurator #view6,
  .configurator #view5a,
  .configurator #view7,
  .configurator #view8,
  .configurator #view8a,
  .configurator #view9,
  .configurator #view10,
  .configurator #view11 {
    display: block;
    overflow-y: auto;
  }
}
.configurator #view5 > div,
.configurator #view6 > div,
.configurator #view5a > div,
.configurator #view7 > div,
.configurator #view8 > div,
.configurator #view8a > div,
.configurator #view9 > div,
.configurator #view10 > div,
.configurator #view11 > div {
  width: calc(50% - 100 / var(--calcsize) * var(--windowsize));
  height: calc(100svh - 180 / var(--calcsize) * var(--windowsize));
  padding: calc(50 / var(--calcsize) * var(--windowsize)) calc(50 / var(--calcsize) * var(--windowsize));
  padding-bottom: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5 > div,
  .configurator #view6 > div,
  .configurator #view5a > div,
  .configurator #view7 > div,
  .configurator #view8 > div,
  .configurator #view8a > div,
  .configurator #view9 > div,
  .configurator #view10 > div,
  .configurator #view11 > div {
    position: fixed;
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(30 / var(--calcsizemobile) * var(--windowsize)) calc(22 / var(--calcsizemobile) * var(--windowsize));
    max-width: 100%;
  }
}
.configurator #view5 > div > img,
.configurator #view6 > div > img,
.configurator #view5a > div > img,
.configurator #view7 > div > img,
.configurator #view8 > div > img,
.configurator #view8a > div > img,
.configurator #view9 > div > img,
.configurator #view10 > div > img,
.configurator #view11 > div > img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 1023px) {
  .configurator #view5 > div#viewer1, .configurator #view5 > div#viewer2, .configurator #view5 > div#viewer3, .configurator #view5 > div#viewer4, .configurator #view5 > div#viewer5, .configurator #view5 > div#viewer6, .configurator #view5 > div#viewer7, .configurator #view5 > div#viewer8, .configurator #view5 > div#viewer9, .configurator #view5 > div#viewer10,
  .configurator #view6 > div#viewer1,
  .configurator #view6 > div#viewer2,
  .configurator #view6 > div#viewer3,
  .configurator #view6 > div#viewer4,
  .configurator #view6 > div#viewer5,
  .configurator #view6 > div#viewer6,
  .configurator #view6 > div#viewer7,
  .configurator #view6 > div#viewer8,
  .configurator #view6 > div#viewer9,
  .configurator #view6 > div#viewer10,
  .configurator #view5a > div#viewer1,
  .configurator #view5a > div#viewer2,
  .configurator #view5a > div#viewer3,
  .configurator #view5a > div#viewer4,
  .configurator #view5a > div#viewer5,
  .configurator #view5a > div#viewer6,
  .configurator #view5a > div#viewer7,
  .configurator #view5a > div#viewer8,
  .configurator #view5a > div#viewer9,
  .configurator #view5a > div#viewer10,
  .configurator #view7 > div#viewer1,
  .configurator #view7 > div#viewer2,
  .configurator #view7 > div#viewer3,
  .configurator #view7 > div#viewer4,
  .configurator #view7 > div#viewer5,
  .configurator #view7 > div#viewer6,
  .configurator #view7 > div#viewer7,
  .configurator #view7 > div#viewer8,
  .configurator #view7 > div#viewer9,
  .configurator #view7 > div#viewer10,
  .configurator #view8 > div#viewer1,
  .configurator #view8 > div#viewer2,
  .configurator #view8 > div#viewer3,
  .configurator #view8 > div#viewer4,
  .configurator #view8 > div#viewer5,
  .configurator #view8 > div#viewer6,
  .configurator #view8 > div#viewer7,
  .configurator #view8 > div#viewer8,
  .configurator #view8 > div#viewer9,
  .configurator #view8 > div#viewer10,
  .configurator #view8a > div#viewer1,
  .configurator #view8a > div#viewer2,
  .configurator #view8a > div#viewer3,
  .configurator #view8a > div#viewer4,
  .configurator #view8a > div#viewer5,
  .configurator #view8a > div#viewer6,
  .configurator #view8a > div#viewer7,
  .configurator #view8a > div#viewer8,
  .configurator #view8a > div#viewer9,
  .configurator #view8a > div#viewer10,
  .configurator #view9 > div#viewer1,
  .configurator #view9 > div#viewer2,
  .configurator #view9 > div#viewer3,
  .configurator #view9 > div#viewer4,
  .configurator #view9 > div#viewer5,
  .configurator #view9 > div#viewer6,
  .configurator #view9 > div#viewer7,
  .configurator #view9 > div#viewer8,
  .configurator #view9 > div#viewer9,
  .configurator #view9 > div#viewer10,
  .configurator #view10 > div#viewer1,
  .configurator #view10 > div#viewer2,
  .configurator #view10 > div#viewer3,
  .configurator #view10 > div#viewer4,
  .configurator #view10 > div#viewer5,
  .configurator #view10 > div#viewer6,
  .configurator #view10 > div#viewer7,
  .configurator #view10 > div#viewer8,
  .configurator #view10 > div#viewer9,
  .configurator #view10 > div#viewer10,
  .configurator #view11 > div#viewer1,
  .configurator #view11 > div#viewer2,
  .configurator #view11 > div#viewer3,
  .configurator #view11 > div#viewer4,
  .configurator #view11 > div#viewer5,
  .configurator #view11 > div#viewer6,
  .configurator #view11 > div#viewer7,
  .configurator #view11 > div#viewer8,
  .configurator #view11 > div#viewer9,
  .configurator #view11 > div#viewer10 {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
  }
}
.configurator #view5 > div#viewer1 canvas, .configurator #view5 > div#viewer2 canvas, .configurator #view5 > div#viewer3 canvas, .configurator #view5 > div#viewer4 canvas, .configurator #view5 > div#viewer5 canvas, .configurator #view5 > div#viewer6 canvas, .configurator #view5 > div#viewer7 canvas, .configurator #view5 > div#viewer8 canvas, .configurator #view5 > div#viewer9 canvas, .configurator #view5 > div#viewer10 canvas,
.configurator #view6 > div#viewer1 canvas,
.configurator #view6 > div#viewer2 canvas,
.configurator #view6 > div#viewer3 canvas,
.configurator #view6 > div#viewer4 canvas,
.configurator #view6 > div#viewer5 canvas,
.configurator #view6 > div#viewer6 canvas,
.configurator #view6 > div#viewer7 canvas,
.configurator #view6 > div#viewer8 canvas,
.configurator #view6 > div#viewer9 canvas,
.configurator #view6 > div#viewer10 canvas,
.configurator #view5a > div#viewer1 canvas,
.configurator #view5a > div#viewer2 canvas,
.configurator #view5a > div#viewer3 canvas,
.configurator #view5a > div#viewer4 canvas,
.configurator #view5a > div#viewer5 canvas,
.configurator #view5a > div#viewer6 canvas,
.configurator #view5a > div#viewer7 canvas,
.configurator #view5a > div#viewer8 canvas,
.configurator #view5a > div#viewer9 canvas,
.configurator #view5a > div#viewer10 canvas,
.configurator #view7 > div#viewer1 canvas,
.configurator #view7 > div#viewer2 canvas,
.configurator #view7 > div#viewer3 canvas,
.configurator #view7 > div#viewer4 canvas,
.configurator #view7 > div#viewer5 canvas,
.configurator #view7 > div#viewer6 canvas,
.configurator #view7 > div#viewer7 canvas,
.configurator #view7 > div#viewer8 canvas,
.configurator #view7 > div#viewer9 canvas,
.configurator #view7 > div#viewer10 canvas,
.configurator #view8 > div#viewer1 canvas,
.configurator #view8 > div#viewer2 canvas,
.configurator #view8 > div#viewer3 canvas,
.configurator #view8 > div#viewer4 canvas,
.configurator #view8 > div#viewer5 canvas,
.configurator #view8 > div#viewer6 canvas,
.configurator #view8 > div#viewer7 canvas,
.configurator #view8 > div#viewer8 canvas,
.configurator #view8 > div#viewer9 canvas,
.configurator #view8 > div#viewer10 canvas,
.configurator #view8a > div#viewer1 canvas,
.configurator #view8a > div#viewer2 canvas,
.configurator #view8a > div#viewer3 canvas,
.configurator #view8a > div#viewer4 canvas,
.configurator #view8a > div#viewer5 canvas,
.configurator #view8a > div#viewer6 canvas,
.configurator #view8a > div#viewer7 canvas,
.configurator #view8a > div#viewer8 canvas,
.configurator #view8a > div#viewer9 canvas,
.configurator #view8a > div#viewer10 canvas,
.configurator #view9 > div#viewer1 canvas,
.configurator #view9 > div#viewer2 canvas,
.configurator #view9 > div#viewer3 canvas,
.configurator #view9 > div#viewer4 canvas,
.configurator #view9 > div#viewer5 canvas,
.configurator #view9 > div#viewer6 canvas,
.configurator #view9 > div#viewer7 canvas,
.configurator #view9 > div#viewer8 canvas,
.configurator #view9 > div#viewer9 canvas,
.configurator #view9 > div#viewer10 canvas,
.configurator #view10 > div#viewer1 canvas,
.configurator #view10 > div#viewer2 canvas,
.configurator #view10 > div#viewer3 canvas,
.configurator #view10 > div#viewer4 canvas,
.configurator #view10 > div#viewer5 canvas,
.configurator #view10 > div#viewer6 canvas,
.configurator #view10 > div#viewer7 canvas,
.configurator #view10 > div#viewer8 canvas,
.configurator #view10 > div#viewer9 canvas,
.configurator #view10 > div#viewer10 canvas,
.configurator #view11 > div#viewer1 canvas,
.configurator #view11 > div#viewer2 canvas,
.configurator #view11 > div#viewer3 canvas,
.configurator #view11 > div#viewer4 canvas,
.configurator #view11 > div#viewer5 canvas,
.configurator #view11 > div#viewer6 canvas,
.configurator #view11 > div#viewer7 canvas,
.configurator #view11 > div#viewer8 canvas,
.configurator #view11 > div#viewer9 canvas,
.configurator #view11 > div#viewer10 canvas {
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .configurator #view5 > div#viewer5,
  .configurator #view6 > div#viewer5,
  .configurator #view5a > div#viewer5,
  .configurator #view7 > div#viewer5,
  .configurator #view8 > div#viewer5,
  .configurator #view8a > div#viewer5,
  .configurator #view9 > div#viewer5,
  .configurator #view10 > div#viewer5,
  .configurator #view11 > div#viewer5 {
    max-width: 100%;
    max-height: 100%;
    height: 64svh;
    top: 17vw;
    width: max-content;
    margin: auto;
    transform: translate(-50%);
    left: 50%;
  }
}
.configurator #view5 > div:last-of-type,
.configurator #view6 > div:last-of-type,
.configurator #view5a > div:last-of-type,
.configurator #view7 > div:last-of-type,
.configurator #view8 > div:last-of-type,
.configurator #view8a > div:last-of-type,
.configurator #view9 > div:last-of-type,
.configurator #view10 > div:last-of-type,
.configurator #view11 > div:last-of-type {
  padding-right: calc(120 / var(--calcsize) * var(--windowsize));
  height: calc(100svh - 200 / var(--calcsize) * var(--windowsize));
  padding-top: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type,
  .configurator #view6 > div:last-of-type,
  .configurator #view5a > div:last-of-type,
  .configurator #view7 > div:last-of-type,
  .configurator #view8 > div:last-of-type,
  .configurator #view8a > div:last-of-type,
  .configurator #view9 > div:last-of-type,
  .configurator #view10 > div:last-of-type,
  .configurator #view11 > div:last-of-type {
    padding-top: calc(55 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type,
  .configurator #view6 > div:last-of-type,
  .configurator #view5a > div:last-of-type,
  .configurator #view7 > div:last-of-type,
  .configurator #view8 > div:last-of-type,
  .configurator #view8a > div:last-of-type,
  .configurator #view9 > div:last-of-type,
  .configurator #view10 > div:last-of-type,
  .configurator #view11 > div:last-of-type {
    position: absolute !important;
    left: 0px;
    background-color: #fff;
    top: calc(100svh - 200 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    height: auto;
    padding: calc(30 / var(--calcsizemobile) * var(--windowsize)) calc(22 / var(--calcsizemobile) * var(--windowsize));
    border-top-right-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-top-left-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    box-shadow: 0 0 calc(55 / var(--calcsizemobile) * var(--windowsize)) rgba(0, 0, 0, 0.4);
    padding-top: calc(50 / var(--calcsizemobile) * var(--windowsize));
    padding-bottom: calc(100 / var(--calcsizemobile) * var(--windowsize));
  }
  .configurator #view5 > div:last-of-type::before,
  .configurator #view6 > div:last-of-type::before,
  .configurator #view5a > div:last-of-type::before,
  .configurator #view7 > div:last-of-type::before,
  .configurator #view8 > div:last-of-type::before,
  .configurator #view8a > div:last-of-type::before,
  .configurator #view9 > div:last-of-type::before,
  .configurator #view10 > div:last-of-type::before,
  .configurator #view11 > div:last-of-type::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(42 / var(--calcsizemobile) * var(--windowsize));
    height: calc(4 / var(--calcsizemobile) * var(--windowsize));
    background-color: #dfdfdf;
    border-radius: calc(2 / var(--calcsizemobile) * var(--windowsize));
    content: "";
    top: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 600px) {
  .configurator #view5 > div:last-of-type,
  .configurator #view6 > div:last-of-type,
  .configurator #view5a > div:last-of-type,
  .configurator #view7 > div:last-of-type,
  .configurator #view8 > div:last-of-type,
  .configurator #view8a > div:last-of-type,
  .configurator #view9 > div:last-of-type,
  .configurator #view10 > div:last-of-type,
  .configurator #view11 > div:last-of-type {
    top: calc(100svh - 200 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations),
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin-top: calc(125 / var(--calcsize) * var(--windowsize));
  max-width: calc(100% + 25 / var(--calcsize) * var(--windowsize));
  padding-right: calc(25 / var(--calcsize) * var(--windowsize));
  padding-top: calc(15 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) {
    display: inline-block;
    max-width: 200%;
    width: calc(100% + 50 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(-25 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(-25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets {
  display: block;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations)#crop-presets .crop-preset {
  margin-bottom: calc(10 / var(--calcsize) * var(--windowsize));
  width: auto;
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset {
    text-align: center;
    padding: calc(25 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
    border-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
    cursor: pointer;
    margin: 0px calc(15 / var(--calcsizemobile) * var(--windowsize));
    height: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset span {
    display: none;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets .crop-preset h3 {
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations)#crop-presets {
    padding: 0;
  }
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations),
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) {
    margin-top: calc(100 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list),
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) {
  width: calc((100% - 140 / var(--calcsize) * var(--windowsize) - 50 / var(--calcsize) * var(--windowsize)) / 3);
  padding: calc(25 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
  border-radius: calc(25 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) img {
  width: 100%;
  height: calc(174 / var(--calcsize) * var(--windowsize));
  object-fit: contain;
  object-position: center center;
  margin-bottom: calc(25 / var(--calcsize) * var(--windowsize));
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg *,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg * {
  fill: #dbdbdb;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) svg {
  display: block;
  margin: 0px auto;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) h3 {
  font-size: calc(30 / var(--calcsize) * var(--windowsize));
  margin: 0px;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p {
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  margin: calc(16 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div:not(.slick-list) p {
    font-size: calc(20 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list) p:last-of-type {
  margin-bottom: 0px;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active {
  position: relative;
  border-color: #578fff;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active::before {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  transform: translate(30%, -30%);
  width: calc(52 / var(--calcsize) * var(--windowsize));
  height: calc(52 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/tick1.svg);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center center;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg *,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg * {
  fill: #dbdbdb;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active svg {
  display: block;
  margin: 0px auto;
}
.configurator #view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view6 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view7 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view8 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view8a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view9 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view10 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3,
.configurator #view11 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div:not(.slick-list).active h3 {
  color: #578fff;
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-track {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div {
    padding: calc(25 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
    border-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
    cursor: pointer;
    margin: 0px calc(15 / var(--calcsizemobile) * var(--windowsize));
    height: calc(130 / var(--calcsizemobile) * var(--windowsize));
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div img {
    width: 100%;
    height: calc(174 / var(--calcsizemobile) * var(--windowsize));
    object-fit: contain;
    object-position: center center;
    margin-bottom: calc(25 / var(--calcsizemobile) * var(--windowsize));
    display: none;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg *,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg * {
    fill: #dbdbdb;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div svg {
    display: block;
    margin: 0px auto;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div h3 {
    font-size: calc(30 / var(--calcsizemobile) * var(--windowsize));
    margin: 0px;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p {
    margin: calc(16 / var(--calcsizemobile) * var(--windowsize)) 0px;
    font-size: calc(20 / var(--calcsizemobile) * var(--windowsize));
    text-align: left;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p:last-of-type {
    margin-bottom: 0px;
  }
}
@media (max-width: 1023px) and (max-width: 600px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide > div p {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div {
    position: relative;
    border-color: #578fff;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset::before,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div::before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    transform: translate(30%, -30%);
    width: calc(52 / var(--calcsizemobile) * var(--windowsize));
    height: calc(52 / var(--calcsizemobile) * var(--windowsize));
    background-image: url(../img/tick1.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg *,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg *,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg * {
    fill: #dbdbdb;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset svg,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div svg {
    display: block;
    margin: 0px auto;
  }
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view5 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view6 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view5a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view7 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view8 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view8a > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view9 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view10 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active.crop-preset h3,
  .configurator #view11 > div:last-of-type > div:not(.walldesign,
  .wallTattoos,
  .products,
  .shopCategory,
  .inspirations) > div.slick-list .slick-slide.active > div h3 {
    color: #578fff;
  }
}
.configurator #view5 > div:last-of-type > div.walldesign,
.configurator #view6 > div:last-of-type > div.walldesign,
.configurator #view5a > div:last-of-type > div.walldesign,
.configurator #view7 > div:last-of-type > div.walldesign,
.configurator #view8 > div:last-of-type > div.walldesign,
.configurator #view8a > div:last-of-type > div.walldesign,
.configurator #view9 > div:last-of-type > div.walldesign,
.configurator #view10 > div:last-of-type > div.walldesign,
.configurator #view11 > div:last-of-type > div.walldesign {
  margin-top: calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div.walldesign,
  .configurator #view6 > div:last-of-type > div.walldesign,
  .configurator #view5a > div:last-of-type > div.walldesign,
  .configurator #view7 > div:last-of-type > div.walldesign,
  .configurator #view8 > div:last-of-type > div.walldesign,
  .configurator #view8a > div:last-of-type > div.walldesign,
  .configurator #view9 > div:last-of-type > div.walldesign,
  .configurator #view10 > div:last-of-type > div.walldesign,
  .configurator #view11 > div:last-of-type > div.walldesign {
    margin-top: calc(30 / var(--calcsize) * var(--windowsize));
    margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div.wallTattoos,
.configurator #view6 > div:last-of-type > div.wallTattoos,
.configurator #view5a > div:last-of-type > div.wallTattoos,
.configurator #view7 > div:last-of-type > div.wallTattoos,
.configurator #view8 > div:last-of-type > div.wallTattoos,
.configurator #view8a > div:last-of-type > div.wallTattoos,
.configurator #view9 > div:last-of-type > div.wallTattoos,
.configurator #view10 > div:last-of-type > div.wallTattoos,
.configurator #view11 > div:last-of-type > div.wallTattoos {
  margin-top: calc(20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div.walldesign, .configurator #view5 > div:last-of-type > div.wallTattoos, .configurator #view5 > div:last-of-type > div.inspirations,
  .configurator #view6 > div:last-of-type > div.walldesign,
  .configurator #view6 > div:last-of-type > div.wallTattoos,
  .configurator #view6 > div:last-of-type > div.inspirations,
  .configurator #view5a > div:last-of-type > div.walldesign,
  .configurator #view5a > div:last-of-type > div.wallTattoos,
  .configurator #view5a > div:last-of-type > div.inspirations,
  .configurator #view7 > div:last-of-type > div.walldesign,
  .configurator #view7 > div:last-of-type > div.wallTattoos,
  .configurator #view7 > div:last-of-type > div.inspirations,
  .configurator #view8 > div:last-of-type > div.walldesign,
  .configurator #view8 > div:last-of-type > div.wallTattoos,
  .configurator #view8 > div:last-of-type > div.inspirations,
  .configurator #view8a > div:last-of-type > div.walldesign,
  .configurator #view8a > div:last-of-type > div.wallTattoos,
  .configurator #view8a > div:last-of-type > div.inspirations,
  .configurator #view9 > div:last-of-type > div.walldesign,
  .configurator #view9 > div:last-of-type > div.wallTattoos,
  .configurator #view9 > div:last-of-type > div.inspirations,
  .configurator #view10 > div:last-of-type > div.walldesign,
  .configurator #view10 > div:last-of-type > div.wallTattoos,
  .configurator #view10 > div:last-of-type > div.inspirations,
  .configurator #view11 > div:last-of-type > div.walldesign,
  .configurator #view11 > div:last-of-type > div.wallTattoos,
  .configurator #view11 > div:last-of-type > div.inspirations {
    max-width: 100% !important;
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-track, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-track, .configurator #view5 > div:last-of-type > div.inspirations .slick-track,
.configurator #view6 > div:last-of-type > div.walldesign .slick-track,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view6 > div:last-of-type > div.inspirations .slick-track,
.configurator #view5a > div:last-of-type > div.walldesign .slick-track,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view5a > div:last-of-type > div.inspirations .slick-track,
.configurator #view7 > div:last-of-type > div.walldesign .slick-track,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view7 > div:last-of-type > div.inspirations .slick-track,
.configurator #view8 > div:last-of-type > div.walldesign .slick-track,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view8 > div:last-of-type > div.inspirations .slick-track,
.configurator #view8a > div:last-of-type > div.walldesign .slick-track,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view8a > div:last-of-type > div.inspirations .slick-track,
.configurator #view9 > div:last-of-type > div.walldesign .slick-track,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view9 > div:last-of-type > div.inspirations .slick-track,
.configurator #view10 > div:last-of-type > div.walldesign .slick-track,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view10 > div:last-of-type > div.inspirations .slick-track,
.configurator #view11 > div:last-of-type > div.walldesign .slick-track,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-track,
.configurator #view11 > div:last-of-type > div.inspirations .slick-track {
  padding-top: calc(20 / var(--calcsize) * var(--windowsize));
  padding-bottom: calc(20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-track, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-track, .configurator #view5 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-track,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-track,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-track,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-track,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-track,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-track,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-track,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-track {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-arrow, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-arrow, .configurator #view5 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view6 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view6 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view5a > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view5a > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view7 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view7 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view8 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view8 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view8a > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view8a > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view9 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view9 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view10 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view10 > div:last-of-type > div.inspirations .slick-arrow,
.configurator #view11 > div:last-of-type > div.walldesign .slick-arrow,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-arrow,
.configurator #view11 > div:last-of-type > div.inspirations .slick-arrow {
  transform: translateY(-50%);
  top: 50%;
  width: calc(20 / var(--calcsize) * var(--windowsize));
  height: calc(52 / var(--calcsize) * var(--windowsize));
  background-color: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  z-index: 5;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-arrow.slick-prev, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev, .configurator #view5 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view6 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view6 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view5a > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view5a > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view7 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view7 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view8 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view8 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view8a > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view8a > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view9 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view9 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view10 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view10 > div:last-of-type > div.inspirations .slick-arrow.slick-prev,
.configurator #view11 > div:last-of-type > div.walldesign .slick-arrow.slick-prev,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-arrow.slick-prev,
.configurator #view11 > div:last-of-type > div.inspirations .slick-arrow.slick-prev {
  position: absolute;
  left: 0px;
  background-image: url(../img/arrow-blue-prev.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(-50 / var(--calcsize) * var(--windowsize));
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-arrow.slick-next, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next, .configurator #view5 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view6 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view6 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view5a > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view5a > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view7 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view7 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view8 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view8 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view8a > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view8a > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view9 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view9 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view10 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view10 > div:last-of-type > div.inspirations .slick-arrow.slick-next,
.configurator #view11 > div:last-of-type > div.walldesign .slick-arrow.slick-next,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-arrow.slick-next,
.configurator #view11 > div:last-of-type > div.inspirations .slick-arrow.slick-next {
  position: absolute;
  left: 100%;
  background-image: url(../img/arrow-blue-next.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
  transform: translate(-100%, -50%);
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div {
  position: relative;
  margin: 0px calc(10 / var(--calcsize) * var(--windowsize));
  padding: calc(25 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
  border-radius: calc(25 / var(--calcsize) * var(--windowsize));
  height: calc(189 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div {
    margin: 0px calc(10 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(25 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
    border-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
    height: calc(78 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div img {
  width: 100%;
  height: calc(174 / var(--calcsize) * var(--windowsize));
  object-fit: contain;
  object-position: center center;
  margin-bottom: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div img,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div img,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div img {
    height: calc(174 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div svg *, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div svg *, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div svg *,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div svg *,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div svg *,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div svg * {
  fill: #dbdbdb;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div svg, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div svg, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div svg,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div svg {
  display: block;
  margin: 0px auto;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div h3 {
  font-size: calc(30 / var(--calcsize) * var(--windowsize));
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div p, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div p, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div p,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div p,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div p,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div p {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div h3 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  /*transform: translateY(-10%);
  bottom: 5%;*/
  justify-content: center;
  /* display: grid; */
  height: calc(60 / var(--calcsize) * var(--windowsize));
  text-align: center;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  margin: 0px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div h3 {
    font-size: calc(20 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div h3,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div h3 {
    height: calc(45 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide > div img,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide > div img {
  width: calc(100% + 50 / var(--calcsize) * var(--windowsize));
  height: calc(141 / var(--calcsize) * var(--windowsize));
  object-fit: cover;
  object-position: center center;
  margin-bottom: calc(15 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-25 / var(--calcsize) * var(--windowsize));
  margin-right: calc(-25 / var(--calcsize) * var(--windowsize));
  max-width: 200%;
  margin-top: calc(-25 / var(--calcsize) * var(--windowsize));
  border-top-left-radius: calc(25 / var(--calcsize) * var(--windowsize));
  border-top-right-radius: calc(25 / var(--calcsize) * var(--windowsize));
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div {
  background-color: #edf3ff;
  border: calc(4 / var(--calcsize) * var(--windowsize)) dashed #578fff;
  color: #578fff;
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div {
    border: calc(4 / var(--calcsizemobile) * var(--windowsize)) dashed #578fff;
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img {
  width: calc(73 / var(--calcsize) * var(--windowsize)) !important;
  height: calc(61 / var(--calcsize) * var(--windowsize)) !important;
  margin: calc(20 / var(--calcsize) * var(--windowsize)) auto !important;
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize)) !important;
  object-fit: inherit !important;
  display: block !important;
  margin-top: calc(0 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1600px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img {
    margin-bottom: calc(15 / var(--calcsize) * var(--windowsize)) !important;
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div img,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div img {
    width: calc(41 / var(--calcsizemobile) * var(--windowsize)) !important;
    height: calc(34 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin: calc(20 / var(--calcsizemobile) * var(--windowsize)) auto !important;
    margin-bottom: calc(10 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin-top: calc(-10 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.special:not(.imageUploaded) > div h3,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.special:not(.imageUploaded) > div h3 {
  /*
  font-size: calc(
    19 / var(--calcsize) * var(--windowsize)
  ) !important;
  font-weight: normal;
  max-width: 200% !important;
  width: calc(
    100% + (20 / var(--calcsize) * var(--windowsize))
  );
  margin-left: calc(
    -10 / var(--calcsize) * var(--windowsize) 
  ) !important;
  @media (max-width: $bp2) {
    font-size: calc(
      16 / var(--calcsizemobile) * var(--windowsize)
    ) !important;
  }*/
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div {
  position: relative;
  border-color: #578fff;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div::before, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div::before {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  transform: translate(30%, -30%);
  width: calc(52 / var(--calcsize) * var(--windowsize));
  height: calc(52 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/tick1.svg);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1023px) {
  .configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div::before, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div::before,
  .configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div::before,
  .configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div::before,
  .configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div::before {
    width: calc(52 / var(--calcsizemobile) * var(--windowsize));
    height: calc(52 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div svg *, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div svg *,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div svg *,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg *,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div svg * {
  fill: #dbdbdb;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div svg, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div svg,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div svg {
  display: block;
  margin: 0px auto;
}
.configurator #view5 > div:last-of-type > div.walldesign .slick-slide.active > div h3, .configurator #view5 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3, .configurator #view5 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view6 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view6 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view6 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view5a > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view5a > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view5a > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view7 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view7 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view7 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view8 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view8 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view8 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view8a > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view8a > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view8a > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view9 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view9 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view9 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view10 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view10 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view10 > div:last-of-type > div.inspirations .slick-slide.active > div h3,
.configurator #view11 > div:last-of-type > div.walldesign .slick-slide.active > div h3,
.configurator #view11 > div:last-of-type > div.wallTattoos .slick-slide.active > div h3,
.configurator #view11 > div:last-of-type > div.inspirations .slick-slide.active > div h3 {
  color: #578fff;
}
.configurator #view5 > div h2,
.configurator #view6 > div h2,
.configurator #view5a > div h2,
.configurator #view7 > div h2,
.configurator #view8 > div h2,
.configurator #view8a > div h2,
.configurator #view9 > div h2,
.configurator #view10 > div h2,
.configurator #view11 > div h2 {
  font-size: calc(35 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
}
@media (max-width: 1023px) {
  .configurator #view5 > div h2,
  .configurator #view6 > div h2,
  .configurator #view5a > div h2,
  .configurator #view7 > div h2,
  .configurator #view8 > div h2,
  .configurator #view8a > div h2,
  .configurator #view9 > div h2,
  .configurator #view10 > div h2,
  .configurator #view11 > div h2 {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    text-align: center;
  }
}
.configurator #view5 > div h2 span,
.configurator #view6 > div h2 span,
.configurator #view5a > div h2 span,
.configurator #view7 > div h2 span,
.configurator #view8 > div h2 span,
.configurator #view8a > div h2 span,
.configurator #view9 > div h2 span,
.configurator #view10 > div h2 span,
.configurator #view11 > div h2 span {
  color: #578fff;
}
.configurator #view5 > div p,
.configurator #view6 > div p,
.configurator #view5a > div p,
.configurator #view7 > div p,
.configurator #view8 > div p,
.configurator #view8a > div p,
.configurator #view9 > div p,
.configurator #view10 > div p,
.configurator #view11 > div p {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5 > div p,
  .configurator #view6 > div p,
  .configurator #view5a > div p,
  .configurator #view7 > div p,
  .configurator #view8 > div p,
  .configurator #view8a > div p,
  .configurator #view9 > div p,
  .configurator #view10 > div p,
  .configurator #view11 > div p {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    text-align: center;
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .configurator #view5 > div p,
  .configurator #view6 > div p,
  .configurator #view5a > div p,
  .configurator #view7 > div p,
  .configurator #view8 > div p,
  .configurator #view8a > div p,
  .configurator #view9 > div p,
  .configurator #view10 > div p,
  .configurator #view11 > div p {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view6 > div:first-of-type,
  .configurator #view6#view6 > div:first-of-type,
  .configurator #view5a#view6 > div:first-of-type,
  .configurator #view7#view6 > div:first-of-type,
  .configurator #view8#view6 > div:first-of-type,
  .configurator #view8a#view6 > div:first-of-type,
  .configurator #view9#view6 > div:first-of-type,
  .configurator #view10#view6 > div:first-of-type,
  .configurator #view11#view6 > div:first-of-type {
    left: 0px;
    top: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
  }
}
.configurator #view5#view6 > div:last-of-type,
.configurator #view6#view6 > div:last-of-type,
.configurator #view5a#view6 > div:last-of-type,
.configurator #view7#view6 > div:last-of-type,
.configurator #view8#view6 > div:last-of-type,
.configurator #view8a#view6 > div:last-of-type,
.configurator #view9#view6 > div:last-of-type,
.configurator #view10#view6 > div:last-of-type,
.configurator #view11#view6 > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view6 > div:last-of-type,
  .configurator #view6#view6 > div:last-of-type,
  .configurator #view5a#view6 > div:last-of-type,
  .configurator #view7#view6 > div:last-of-type,
  .configurator #view8#view6 > div:last-of-type,
  .configurator #view8a#view6 > div:last-of-type,
  .configurator #view9#view6 > div:last-of-type,
  .configurator #view10#view6 > div:last-of-type,
  .configurator #view11#view6 > div:last-of-type {
    height: calc(100svh - 284 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view6 > div:last-of-type,
  .configurator #view6#view6 > div:last-of-type,
  .configurator #view5a#view6 > div:last-of-type,
  .configurator #view7#view6 > div:last-of-type,
  .configurator #view8#view6 > div:last-of-type,
  .configurator #view8a#view6 > div:last-of-type,
  .configurator #view9#view6 > div:last-of-type,
  .configurator #view10#view6 > div:last-of-type,
  .configurator #view11#view6 > div:last-of-type {
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view6#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view5a#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view7#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view8#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view8a#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view9#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view10#view6 > div:last-of-type > div.selector > div div.slick-slide > div,
  .configurator #view11#view6 > div:last-of-type > div.selector > div div.slick-slide > div {
    height: calc(220 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view6 > div:last-of-type > div.selector > div svg,
.configurator #view6#view6 > div:last-of-type > div.selector > div svg,
.configurator #view5a#view6 > div:last-of-type > div.selector > div svg,
.configurator #view7#view6 > div:last-of-type > div.selector > div svg,
.configurator #view8#view6 > div:last-of-type > div.selector > div svg,
.configurator #view8a#view6 > div:last-of-type > div.selector > div svg,
.configurator #view9#view6 > div:last-of-type > div.selector > div svg,
.configurator #view10#view6 > div:last-of-type > div.selector > div svg,
.configurator #view11#view6 > div:last-of-type > div.selector > div svg {
  width: 100%;
  height: calc(100 / var(--calcsize) * var(--windowsize));
  object-fit: contain;
  object-position: center center;
  margin-bottom: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view6#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view5a#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view7#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view8#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view8a#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view9#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view10#view6 > div:last-of-type > div.selector > div svg,
  .configurator #view11#view6 > div:last-of-type > div.selector > div svg {
    width: calc(40 / var(--calcsizemobile) * var(--windowsize));
    height: calc(40 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(20 / var(--calcsizemobile) * var(--windowsize));
    float: left;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view5 img, .configurator #view5#view5a img,
  .configurator #view6#view5 img,
  .configurator #view6#view5a img,
  .configurator #view5a#view5 img,
  .configurator #view5a#view5a img,
  .configurator #view7#view5 img,
  .configurator #view7#view5a img,
  .configurator #view8#view5 img,
  .configurator #view8#view5a img,
  .configurator #view8a#view5 img,
  .configurator #view8a#view5a img,
  .configurator #view9#view5 img,
  .configurator #view9#view5a img,
  .configurator #view10#view5 img,
  .configurator #view10#view5a img,
  .configurator #view11#view5 img,
  .configurator #view11#view5a img {
    height: 70%;
  }
}
.configurator #view5#view5 > div:last-of-type, .configurator #view5#view5a > div:last-of-type,
.configurator #view6#view5 > div:last-of-type,
.configurator #view6#view5a > div:last-of-type,
.configurator #view5a#view5 > div:last-of-type,
.configurator #view5a#view5a > div:last-of-type,
.configurator #view7#view5 > div:last-of-type,
.configurator #view7#view5a > div:last-of-type,
.configurator #view8#view5 > div:last-of-type,
.configurator #view8#view5a > div:last-of-type,
.configurator #view8a#view5 > div:last-of-type,
.configurator #view8a#view5a > div:last-of-type,
.configurator #view9#view5 > div:last-of-type,
.configurator #view9#view5a > div:last-of-type,
.configurator #view10#view5 > div:last-of-type,
.configurator #view10#view5a > div:last-of-type,
.configurator #view11#view5 > div:last-of-type,
.configurator #view11#view5a > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view5 > div:last-of-type, .configurator #view5#view5a > div:last-of-type,
  .configurator #view6#view5 > div:last-of-type,
  .configurator #view6#view5a > div:last-of-type,
  .configurator #view5a#view5 > div:last-of-type,
  .configurator #view5a#view5a > div:last-of-type,
  .configurator #view7#view5 > div:last-of-type,
  .configurator #view7#view5a > div:last-of-type,
  .configurator #view8#view5 > div:last-of-type,
  .configurator #view8#view5a > div:last-of-type,
  .configurator #view8a#view5 > div:last-of-type,
  .configurator #view8a#view5a > div:last-of-type,
  .configurator #view9#view5 > div:last-of-type,
  .configurator #view9#view5a > div:last-of-type,
  .configurator #view10#view5 > div:last-of-type,
  .configurator #view10#view5a > div:last-of-type,
  .configurator #view11#view5 > div:last-of-type,
  .configurator #view11#view5a > div:last-of-type {
    height: calc(100svh - 284 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view5 > div:last-of-type, .configurator #view5#view5a > div:last-of-type,
  .configurator #view6#view5 > div:last-of-type,
  .configurator #view6#view5a > div:last-of-type,
  .configurator #view5a#view5 > div:last-of-type,
  .configurator #view5a#view5a > div:last-of-type,
  .configurator #view7#view5 > div:last-of-type,
  .configurator #view7#view5a > div:last-of-type,
  .configurator #view8#view5 > div:last-of-type,
  .configurator #view8#view5a > div:last-of-type,
  .configurator #view8a#view5 > div:last-of-type,
  .configurator #view8a#view5a > div:last-of-type,
  .configurator #view9#view5 > div:last-of-type,
  .configurator #view9#view5a > div:last-of-type,
  .configurator #view10#view5 > div:last-of-type,
  .configurator #view10#view5a > div:last-of-type,
  .configurator #view11#view5 > div:last-of-type,
  .configurator #view11#view5a > div:last-of-type {
    height: auto;
    overflow: hidden;
  }
}
.configurator #view5#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img, .configurator #view5#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view6#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view6#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view5a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view5a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view7#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view7#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view8#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view8#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view8a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view8a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view9#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view9#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view10#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view10#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view11#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img,
.configurator #view11#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div img {
  margin-top: calc(-15 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3, .configurator #view5#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view6#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view6#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view5a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view5a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view7#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view7#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view8#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view8#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view8a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view8a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view9#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view9#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view10#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view10#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view11#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3,
.configurator #view11#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div h3 {
  margin: 0px;
}
.configurator #view5#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p, .configurator #view5#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view6#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view6#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view5a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view5a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view7#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view7#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view8#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view8#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view8a#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view8a#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view9#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view9#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view10#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view10#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view11#view5 > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p,
.configurator #view11#view5a > div:last-of-type > div:not(.walldesign,
.wallTattoos,
.products,
.shopCategory,
.inspirations) > div p {
  margin-bottom: 0px;
}
.configurator #view5#view7 > div:last-of-type,
.configurator #view6#view7 > div:last-of-type,
.configurator #view5a#view7 > div:last-of-type,
.configurator #view7#view7 > div:last-of-type,
.configurator #view8#view7 > div:last-of-type,
.configurator #view8a#view7 > div:last-of-type,
.configurator #view9#view7 > div:last-of-type,
.configurator #view10#view7 > div:last-of-type,
.configurator #view11#view7 > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view7 > div:last-of-type,
  .configurator #view6#view7 > div:last-of-type,
  .configurator #view5a#view7 > div:last-of-type,
  .configurator #view7#view7 > div:last-of-type,
  .configurator #view8#view7 > div:last-of-type,
  .configurator #view8a#view7 > div:last-of-type,
  .configurator #view9#view7 > div:last-of-type,
  .configurator #view10#view7 > div:last-of-type,
  .configurator #view11#view7 > div:last-of-type {
    height: calc(100svh - 283 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view7 > div:last-of-type,
  .configurator #view6#view7 > div:last-of-type,
  .configurator #view5a#view7 > div:last-of-type,
  .configurator #view7#view7 > div:last-of-type,
  .configurator #view8#view7 > div:last-of-type,
  .configurator #view8a#view7 > div:last-of-type,
  .configurator #view9#view7 > div:last-of-type,
  .configurator #view10#view7 > div:last-of-type,
  .configurator #view11#view7 > div:last-of-type {
    height: auto;
    overflow: hidden;
  }
}
.configurator #view5#view7 > div:last-of-type > div,
.configurator #view6#view7 > div:last-of-type > div,
.configurator #view5a#view7 > div:last-of-type > div,
.configurator #view7#view7 > div:last-of-type > div,
.configurator #view8#view7 > div:last-of-type > div,
.configurator #view8a#view7 > div:last-of-type > div,
.configurator #view9#view7 > div:last-of-type > div,
.configurator #view10#view7 > div:last-of-type > div,
.configurator #view11#view7 > div:last-of-type > div {
  overflow: hidden;
  flex-wrap: wrap;
  gap: calc(10 / var(--calcsize) * var(--windowsize));
  margin-top: calc(75 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view7 > div:last-of-type > div > div,
.configurator #view6#view7 > div:last-of-type > div > div,
.configurator #view5a#view7 > div:last-of-type > div > div,
.configurator #view7#view7 > div:last-of-type > div > div,
.configurator #view8#view7 > div:last-of-type > div > div,
.configurator #view8a#view7 > div:last-of-type > div > div,
.configurator #view9#view7 > div:last-of-type > div > div,
.configurator #view10#view7 > div:last-of-type > div > div,
.configurator #view11#view7 > div:last-of-type > div > div {
  flex: calc(50% - 85 / var(--calcsize) * var(--windowsize));
  gap: calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view6#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view5a#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view7#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view8#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view8a#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view9#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view10#view7 > div:last-of-type > div > div .slick-slide > div,
  .configurator #view11#view7 > div:last-of-type > div > div .slick-slide > div {
    height: calc(50 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view7 > div:last-of-type > div > div h3,
.configurator #view6#view7 > div:last-of-type > div > div h3,
.configurator #view5a#view7 > div:last-of-type > div > div h3,
.configurator #view7#view7 > div:last-of-type > div > div h3,
.configurator #view8#view7 > div:last-of-type > div > div h3,
.configurator #view8a#view7 > div:last-of-type > div > div h3,
.configurator #view9#view7 > div:last-of-type > div > div h3,
.configurator #view10#view7 > div:last-of-type > div > div h3,
.configurator #view11#view7 > div:last-of-type > div > div h3 {
  margin: 0px;
}
@media (max-width: 1023px) {
  .configurator #view5#view7 > div:last-of-type > div > div h3,
  .configurator #view6#view7 > div:last-of-type > div > div h3,
  .configurator #view5a#view7 > div:last-of-type > div > div h3,
  .configurator #view7#view7 > div:last-of-type > div > div h3,
  .configurator #view8#view7 > div:last-of-type > div > div h3,
  .configurator #view8a#view7 > div:last-of-type > div > div h3,
  .configurator #view9#view7 > div:last-of-type > div > div h3,
  .configurator #view10#view7 > div:last-of-type > div > div h3,
  .configurator #view11#view7 > div:last-of-type > div > div h3 {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view7 > div:last-of-type > div > div p,
.configurator #view6#view7 > div:last-of-type > div > div p,
.configurator #view5a#view7 > div:last-of-type > div > div p,
.configurator #view7#view7 > div:last-of-type > div > div p,
.configurator #view8#view7 > div:last-of-type > div > div p,
.configurator #view8a#view7 > div:last-of-type > div > div p,
.configurator #view9#view7 > div:last-of-type > div > div p,
.configurator #view10#view7 > div:last-of-type > div > div p,
.configurator #view11#view7 > div:last-of-type > div > div p {
  padding: 0px;
  margin: 0px;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view7 > div:last-of-type > div > div p,
  .configurator #view6#view7 > div:last-of-type > div > div p,
  .configurator #view5a#view7 > div:last-of-type > div > div p,
  .configurator #view7#view7 > div:last-of-type > div > div p,
  .configurator #view8#view7 > div:last-of-type > div > div p,
  .configurator #view8a#view7 > div:last-of-type > div > div p,
  .configurator #view9#view7 > div:last-of-type > div > div p,
  .configurator #view10#view7 > div:last-of-type > div > div p,
  .configurator #view11#view7 > div:last-of-type > div > div p {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view5a .select-button, .configurator #view5#view10 .select-button,
.configurator #view6#view5a .select-button,
.configurator #view6#view10 .select-button,
.configurator #view5a#view5a .select-button,
.configurator #view5a#view10 .select-button,
.configurator #view7#view5a .select-button,
.configurator #view7#view10 .select-button,
.configurator #view8#view5a .select-button,
.configurator #view8#view10 .select-button,
.configurator #view8a#view5a .select-button,
.configurator #view8a#view10 .select-button,
.configurator #view9#view5a .select-button,
.configurator #view9#view10 .select-button,
.configurator #view10#view5a .select-button,
.configurator #view10#view10 .select-button,
.configurator #view11#view5a .select-button,
.configurator #view11#view10 .select-button {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: calc(35 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view5a .select-button, .configurator #view5#view10 .select-button,
  .configurator #view6#view5a .select-button,
  .configurator #view6#view10 .select-button,
  .configurator #view5a#view5a .select-button,
  .configurator #view5a#view10 .select-button,
  .configurator #view7#view5a .select-button,
  .configurator #view7#view10 .select-button,
  .configurator #view8#view5a .select-button,
  .configurator #view8#view10 .select-button,
  .configurator #view8a#view5a .select-button,
  .configurator #view8a#view10 .select-button,
  .configurator #view9#view5a .select-button,
  .configurator #view9#view10 .select-button,
  .configurator #view10#view5a .select-button,
  .configurator #view10#view10 .select-button,
  .configurator #view11#view5a .select-button,
  .configurator #view11#view10 .select-button {
    white-space: nowrap;
    overflow: auto;
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) calc(22 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view5a .select-button li, .configurator #view5#view10 .select-button li,
.configurator #view6#view5a .select-button li,
.configurator #view6#view10 .select-button li,
.configurator #view5a#view5a .select-button li,
.configurator #view5a#view10 .select-button li,
.configurator #view7#view5a .select-button li,
.configurator #view7#view10 .select-button li,
.configurator #view8#view5a .select-button li,
.configurator #view8#view10 .select-button li,
.configurator #view8a#view5a .select-button li,
.configurator #view8a#view10 .select-button li,
.configurator #view9#view5a .select-button li,
.configurator #view9#view10 .select-button li,
.configurator #view10#view5a .select-button li,
.configurator #view10#view10 .select-button li,
.configurator #view11#view5a .select-button li,
.configurator #view11#view10 .select-button li {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
  vertical-align: middle;
  margin-right: calc(5 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
}
@media (max-width: 1023px) {
  .configurator #view5#view5a .select-button li, .configurator #view5#view10 .select-button li,
  .configurator #view6#view5a .select-button li,
  .configurator #view6#view10 .select-button li,
  .configurator #view5a#view5a .select-button li,
  .configurator #view5a#view10 .select-button li,
  .configurator #view7#view5a .select-button li,
  .configurator #view7#view10 .select-button li,
  .configurator #view8#view5a .select-button li,
  .configurator #view8#view10 .select-button li,
  .configurator #view8a#view5a .select-button li,
  .configurator #view8a#view10 .select-button li,
  .configurator #view9#view5a .select-button li,
  .configurator #view9#view10 .select-button li,
  .configurator #view10#view5a .select-button li,
  .configurator #view10#view10 .select-button li,
  .configurator #view11#view5a .select-button li,
  .configurator #view11#view10 .select-button li {
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(5 / var(--calcsizemobile) * var(--windowsize));
    white-space: nowrap;
  }
}
.configurator #view5#view5a .select-button li:hover, .configurator #view5#view10 .select-button li:hover,
.configurator #view6#view5a .select-button li:hover,
.configurator #view6#view10 .select-button li:hover,
.configurator #view5a#view5a .select-button li:hover,
.configurator #view5a#view10 .select-button li:hover,
.configurator #view7#view5a .select-button li:hover,
.configurator #view7#view10 .select-button li:hover,
.configurator #view8#view5a .select-button li:hover,
.configurator #view8#view10 .select-button li:hover,
.configurator #view8a#view5a .select-button li:hover,
.configurator #view8a#view10 .select-button li:hover,
.configurator #view9#view5a .select-button li:hover,
.configurator #view9#view10 .select-button li:hover,
.configurator #view10#view5a .select-button li:hover,
.configurator #view10#view10 .select-button li:hover,
.configurator #view11#view5a .select-button li:hover,
.configurator #view11#view10 .select-button li:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
.configurator #view5#view5a .select-button li:not(.active), .configurator #view5#view10 .select-button li:not(.active),
.configurator #view6#view5a .select-button li:not(.active),
.configurator #view6#view10 .select-button li:not(.active),
.configurator #view5a#view5a .select-button li:not(.active),
.configurator #view5a#view10 .select-button li:not(.active),
.configurator #view7#view5a .select-button li:not(.active),
.configurator #view7#view10 .select-button li:not(.active),
.configurator #view8#view5a .select-button li:not(.active),
.configurator #view8#view10 .select-button li:not(.active),
.configurator #view8a#view5a .select-button li:not(.active),
.configurator #view8a#view10 .select-button li:not(.active),
.configurator #view9#view5a .select-button li:not(.active),
.configurator #view9#view10 .select-button li:not(.active),
.configurator #view10#view5a .select-button li:not(.active),
.configurator #view10#view10 .select-button li:not(.active),
.configurator #view11#view5a .select-button li:not(.active),
.configurator #view11#view10 .select-button li:not(.active) {
  background-color: #fff;
  border: calc(2 / var(--calcsize) * var(--windowsize)) solid #578fff;
  color: #578fff;
}
.configurator #view5#view5a > div:last-of-type > div > div > div > div h3, .configurator #view5#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view6#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view6#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view5a#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view5a#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view7#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view7#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view8#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view8#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view8a#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view8a#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view9#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view9#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view10#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view10#view10 > div:last-of-type > div > div > div > div h3,
.configurator #view11#view5a > div:last-of-type > div > div > div > div h3,
.configurator #view11#view10 > div:last-of-type > div > div > div > div h3 {
  text-align: center;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  margin: 0px;
}
.configurator #view5#view5a > div:last-of-type > div > div > div > div img, .configurator #view5#view10 > div:last-of-type > div > div > div > div img,
.configurator #view6#view5a > div:last-of-type > div > div > div > div img,
.configurator #view6#view10 > div:last-of-type > div > div > div > div img,
.configurator #view5a#view5a > div:last-of-type > div > div > div > div img,
.configurator #view5a#view10 > div:last-of-type > div > div > div > div img,
.configurator #view7#view5a > div:last-of-type > div > div > div > div img,
.configurator #view7#view10 > div:last-of-type > div > div > div > div img,
.configurator #view8#view5a > div:last-of-type > div > div > div > div img,
.configurator #view8#view10 > div:last-of-type > div > div > div > div img,
.configurator #view8a#view5a > div:last-of-type > div > div > div > div img,
.configurator #view8a#view10 > div:last-of-type > div > div > div > div img,
.configurator #view9#view5a > div:last-of-type > div > div > div > div img,
.configurator #view9#view10 > div:last-of-type > div > div > div > div img,
.configurator #view10#view5a > div:last-of-type > div > div > div > div img,
.configurator #view10#view10 > div:last-of-type > div > div > div > div img,
.configurator #view11#view5a > div:last-of-type > div > div > div > div img,
.configurator #view11#view10 > div:last-of-type > div > div > div > div img {
  width: calc(100% + 50 / var(--calcsize) * var(--windowsize));
  object-fit: cover;
  object-position: center center;
  margin-bottom: calc(15 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-25 / var(--calcsize) * var(--windowsize));
  margin-right: calc(-25 / var(--calcsize) * var(--windowsize));
  max-width: 200%;
  margin-top: calc(-25 / var(--calcsize) * var(--windowsize));
  height: calc(235 / var(--calcsize) * var(--windowsize));
  border-radius: calc(25 / var(--calcsize) * var(--windowsize)) calc(25 / var(--calcsize) * var(--windowsize)) 0 0;
}
.configurator #view5#view5a > div:last-of-type,
.configurator #view6#view5a > div:last-of-type,
.configurator #view5a#view5a > div:last-of-type,
.configurator #view7#view5a > div:last-of-type,
.configurator #view8#view5a > div:last-of-type,
.configurator #view8a#view5a > div:last-of-type,
.configurator #view9#view5a > div:last-of-type,
.configurator #view10#view5a > div:last-of-type,
.configurator #view11#view5a > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view5a > div:last-of-type,
  .configurator #view6#view5a > div:last-of-type,
  .configurator #view5a#view5a > div:last-of-type,
  .configurator #view7#view5a > div:last-of-type,
  .configurator #view8#view5a > div:last-of-type,
  .configurator #view8a#view5a > div:last-of-type,
  .configurator #view9#view5a > div:last-of-type,
  .configurator #view10#view5a > div:last-of-type,
  .configurator #view11#view5a > div:last-of-type {
    height: calc(100svh - 284 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view5a > div:last-of-type,
  .configurator #view6#view5a > div:last-of-type,
  .configurator #view5a#view5a > div:last-of-type,
  .configurator #view7#view5a > div:last-of-type,
  .configurator #view8#view5a > div:last-of-type,
  .configurator #view8a#view5a > div:last-of-type,
  .configurator #view9#view5a > div:last-of-type,
  .configurator #view10#view5a > div:last-of-type,
  .configurator #view11#view5a > div:last-of-type {
    height: auto;
    overflow: hidden;
  }
}
.configurator #view5#view5a > div:last-of-type > div.inspirations,
.configurator #view6#view5a > div:last-of-type > div.inspirations,
.configurator #view5a#view5a > div:last-of-type > div.inspirations,
.configurator #view7#view5a > div:last-of-type > div.inspirations,
.configurator #view8#view5a > div:last-of-type > div.inspirations,
.configurator #view8a#view5a > div:last-of-type > div.inspirations,
.configurator #view9#view5a > div:last-of-type > div.inspirations,
.configurator #view10#view5a > div:last-of-type > div.inspirations,
.configurator #view11#view5a > div:last-of-type > div.inspirations {
  margin-top: calc(130 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5#view5a > div:last-of-type > div.inspirations,
  .configurator #view6#view5a > div:last-of-type > div.inspirations,
  .configurator #view5a#view5a > div:last-of-type > div.inspirations,
  .configurator #view7#view5a > div:last-of-type > div.inspirations,
  .configurator #view8#view5a > div:last-of-type > div.inspirations,
  .configurator #view8a#view5a > div:last-of-type > div.inspirations,
  .configurator #view9#view5a > div:last-of-type > div.inspirations,
  .configurator #view10#view5a > div:last-of-type > div.inspirations,
  .configurator #view11#view5a > div:last-of-type > div.inspirations {
    margin-top: calc(100 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div,
.configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div {
  height: calc(275 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
.configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div img {
  height: calc(200 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div img,
  .configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div img {
    display: block;
    height: calc(200 / var(--calcsizemobile) * var(--windowsize));
    border-top-left-radius: calc(100 / var(--calcsize) * var(--windowsize));
    border-top-right-radius: calc(100 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
.configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div h3 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div h3,
  .configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div h3 {
    align-items: center;
    font-size: calc(80 / var(--calcsize) * var(--windowsize));
    height: calc(60 / var(--calcsizemobile) * var(--windowsize));
    transform: translateY(5%);
    bottom: 4%;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view6#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view5a#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view7#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view8#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view8a#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view9#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view10#view5a > div:last-of-type > div.inspirations .slick-slide > div,
  .configurator #view11#view5a > div:last-of-type > div.inspirations .slick-slide > div {
    height: calc(250 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(100 / var(--calcsize) * var(--windowsize));
    padding: calc(25 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view8a > div:last-of-type,
.configurator #view6#view8a > div:last-of-type,
.configurator #view5a#view8a > div:last-of-type,
.configurator #view7#view8a > div:last-of-type,
.configurator #view8#view8a > div:last-of-type,
.configurator #view8a#view8a > div:last-of-type,
.configurator #view9#view8a > div:last-of-type,
.configurator #view10#view8a > div:last-of-type,
.configurator #view11#view8a > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view8a > div:last-of-type,
  .configurator #view6#view8a > div:last-of-type,
  .configurator #view5a#view8a > div:last-of-type,
  .configurator #view7#view8a > div:last-of-type,
  .configurator #view8#view8a > div:last-of-type,
  .configurator #view8a#view8a > div:last-of-type,
  .configurator #view9#view8a > div:last-of-type,
  .configurator #view10#view8a > div:last-of-type,
  .configurator #view11#view8a > div:last-of-type {
    height: calc(100svh - 284 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view8a > div:last-of-type,
  .configurator #view6#view8a > div:last-of-type,
  .configurator #view5a#view8a > div:last-of-type,
  .configurator #view7#view8a > div:last-of-type,
  .configurator #view8#view8a > div:last-of-type,
  .configurator #view8a#view8a > div:last-of-type,
  .configurator #view9#view8a > div:last-of-type,
  .configurator #view10#view8a > div:last-of-type,
  .configurator #view11#view8a > div:last-of-type {
    height: auto;
    overflow: hidden;
  }
}
.configurator #view5#view8 > div:last-of-type,
.configurator #view6#view8 > div:last-of-type,
.configurator #view5a#view8 > div:last-of-type,
.configurator #view7#view8 > div:last-of-type,
.configurator #view8#view8 > div:last-of-type,
.configurator #view8a#view8 > div:last-of-type,
.configurator #view9#view8 > div:last-of-type,
.configurator #view10#view8 > div:last-of-type,
.configurator #view11#view8 > div:last-of-type {
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view8 > div:last-of-type,
  .configurator #view6#view8 > div:last-of-type,
  .configurator #view5a#view8 > div:last-of-type,
  .configurator #view7#view8 > div:last-of-type,
  .configurator #view8#view8 > div:last-of-type,
  .configurator #view8a#view8 > div:last-of-type,
  .configurator #view9#view8 > div:last-of-type,
  .configurator #view10#view8 > div:last-of-type,
  .configurator #view11#view8 > div:last-of-type {
    height: calc(100svh - 284 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view8 > div:last-of-type,
  .configurator #view6#view8 > div:last-of-type,
  .configurator #view5a#view8 > div:last-of-type,
  .configurator #view7#view8 > div:last-of-type,
  .configurator #view8#view8 > div:last-of-type,
  .configurator #view8a#view8 > div:last-of-type,
  .configurator #view9#view8 > div:last-of-type,
  .configurator #view10#view8 > div:last-of-type,
  .configurator #view11#view8 > div:last-of-type {
    height: auto;
  }
  .configurator #view5#view8 > div:last-of-type h2,
  .configurator #view6#view8 > div:last-of-type h2,
  .configurator #view5a#view8 > div:last-of-type h2,
  .configurator #view7#view8 > div:last-of-type h2,
  .configurator #view8#view8 > div:last-of-type h2,
  .configurator #view8a#view8 > div:last-of-type h2,
  .configurator #view9#view8 > div:last-of-type h2,
  .configurator #view10#view8 > div:last-of-type h2,
  .configurator #view11#view8 > div:last-of-type h2 {
    margin-bottom: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view8 > div:last-of-type p img,
.configurator #view6#view8 > div:last-of-type p img,
.configurator #view5a#view8 > div:last-of-type p img,
.configurator #view7#view8 > div:last-of-type p img,
.configurator #view8#view8 > div:last-of-type p img,
.configurator #view8a#view8 > div:last-of-type p img,
.configurator #view9#view8 > div:last-of-type p img,
.configurator #view10#view8 > div:last-of-type p img,
.configurator #view11#view8 > div:last-of-type p img {
  vertical-align: middle;
  margin-right: calc(5 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-5 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view8 > div:last-of-type > div > div h3,
.configurator #view6#view8 > div:last-of-type > div > div h3,
.configurator #view5a#view8 > div:last-of-type > div > div h3,
.configurator #view7#view8 > div:last-of-type > div > div h3,
.configurator #view8#view8 > div:last-of-type > div > div h3,
.configurator #view8a#view8 > div:last-of-type > div > div h3,
.configurator #view9#view8 > div:last-of-type > div > div h3,
.configurator #view10#view8 > div:last-of-type > div > div h3,
.configurator #view11#view8 > div:last-of-type > div > div h3 {
  text-align: center;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
  margin: 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view8 > div:last-of-type > div > div h3,
  .configurator #view6#view8 > div:last-of-type > div > div h3,
  .configurator #view5a#view8 > div:last-of-type > div > div h3,
  .configurator #view7#view8 > div:last-of-type > div > div h3,
  .configurator #view8#view8 > div:last-of-type > div > div h3,
  .configurator #view8a#view8 > div:last-of-type > div > div h3,
  .configurator #view9#view8 > div:last-of-type > div > div h3,
  .configurator #view10#view8 > div:last-of-type > div > div h3,
  .configurator #view11#view8 > div:last-of-type > div > div h3 {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view8 > div:last-of-type > div > div h3,
  .configurator #view6#view8 > div:last-of-type > div > div h3,
  .configurator #view5a#view8 > div:last-of-type > div > div h3,
  .configurator #view7#view8 > div:last-of-type > div > div h3,
  .configurator #view8#view8 > div:last-of-type > div > div h3,
  .configurator #view8a#view8 > div:last-of-type > div > div h3,
  .configurator #view9#view8 > div:last-of-type > div > div h3,
  .configurator #view10#view8 > div:last-of-type > div > div h3,
  .configurator #view11#view8 > div:last-of-type > div > div h3 {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view8 > div:last-of-type > div > div img,
.configurator #view6#view8 > div:last-of-type > div > div img,
.configurator #view5a#view8 > div:last-of-type > div > div img,
.configurator #view7#view8 > div:last-of-type > div > div img,
.configurator #view8#view8 > div:last-of-type > div > div img,
.configurator #view8a#view8 > div:last-of-type > div > div img,
.configurator #view9#view8 > div:last-of-type > div > div img,
.configurator #view10#view8 > div:last-of-type > div > div img,
.configurator #view11#view8 > div:last-of-type > div > div img {
  width: calc(100% + 50 / var(--calcsize) * var(--windowsize));
  height: calc(141 / var(--calcsize) * var(--windowsize));
  object-fit: cover;
  object-position: center center;
  margin-bottom: calc(15 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-25 / var(--calcsize) * var(--windowsize));
  margin-right: calc(-25 / var(--calcsize) * var(--windowsize));
  max-width: 200%;
  margin-top: calc(-25 / var(--calcsize) * var(--windowsize));
  border-top-left-radius: calc(25 / var(--calcsize) * var(--windowsize));
  border-top-right-radius: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view8 > div:last-of-type > div > div img,
  .configurator #view6#view8 > div:last-of-type > div > div img,
  .configurator #view5a#view8 > div:last-of-type > div > div img,
  .configurator #view7#view8 > div:last-of-type > div > div img,
  .configurator #view8#view8 > div:last-of-type > div > div img,
  .configurator #view8a#view8 > div:last-of-type > div > div img,
  .configurator #view9#view8 > div:last-of-type > div > div img,
  .configurator #view10#view8 > div:last-of-type > div > div img,
  .configurator #view11#view8 > div:last-of-type > div > div img {
    width: calc(100% + 50 / var(--calcsizemobile) * var(--windowsize));
    height: calc(75 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(2 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(-25 / var(--calcsizemobile) * var(--windowsize));
    margin-right: calc(-25 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-25 / var(--calcsizemobile) * var(--windowsize));
    border-top-left-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
    border-top-right-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view6#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view5a#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view7#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view8#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view8a#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view9#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view10#view8 > div:last-of-type > div > div.special:not(.imageUploaded),
.configurator #view11#view8 > div:last-of-type > div > div.special:not(.imageUploaded) {
  background-color: #edf3ff;
  border: calc(2 / var(--calcsize) * var(--windowsize)) dashed #578fff;
  color: #578fff;
}
.configurator #view5#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view6#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view5a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view7#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view8#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view8a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view9#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view10#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img,
.configurator #view11#view8 > div:last-of-type > div > div.special:not(.imageUploaded) img {
  width: calc(73 / var(--calcsize) * var(--windowsize));
  height: calc(61 / var(--calcsize) * var(--windowsize));
  margin: calc(20 / var(--calcsize) * var(--windowsize)) auto;
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  object-fit: inherit;
  display: block;
}
.configurator #view5#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view6#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view5a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view7#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view8#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view8a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view9#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view10#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
.configurator #view11#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3 {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
}
@media (max-width: 1600px) {
  .configurator #view5#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view6#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view5a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view7#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view8#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view8a#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view9#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view10#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3,
  .configurator #view11#view8 > div:last-of-type > div > div.special:not(.imageUploaded) h3 {
    font-size: calc(19 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view8 > div:last-of-type > div:first-of-type,
.configurator #view6#view8 > div:last-of-type > div:first-of-type,
.configurator #view5a#view8 > div:last-of-type > div:first-of-type,
.configurator #view7#view8 > div:last-of-type > div:first-of-type,
.configurator #view8#view8 > div:last-of-type > div:first-of-type,
.configurator #view8a#view8 > div:last-of-type > div:first-of-type,
.configurator #view9#view8 > div:last-of-type > div:first-of-type,
.configurator #view10#view8 > div:last-of-type > div:first-of-type,
.configurator #view11#view8 > div:last-of-type > div:first-of-type {
  margin-bottom: calc(75 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5#view8 > div:last-of-type > div:first-of-type,
  .configurator #view6#view8 > div:last-of-type > div:first-of-type,
  .configurator #view5a#view8 > div:last-of-type > div:first-of-type,
  .configurator #view7#view8 > div:last-of-type > div:first-of-type,
  .configurator #view8#view8 > div:last-of-type > div:first-of-type,
  .configurator #view8a#view8 > div:last-of-type > div:first-of-type,
  .configurator #view9#view8 > div:last-of-type > div:first-of-type,
  .configurator #view10#view8 > div:last-of-type > div:first-of-type,
  .configurator #view11#view8 > div:last-of-type > div:first-of-type {
    margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view8 > div:last-of-type > div:last-of-type,
.configurator #view6#view8 > div:last-of-type > div:last-of-type,
.configurator #view5a#view8 > div:last-of-type > div:last-of-type,
.configurator #view7#view8 > div:last-of-type > div:last-of-type,
.configurator #view8#view8 > div:last-of-type > div:last-of-type,
.configurator #view8a#view8 > div:last-of-type > div:last-of-type,
.configurator #view9#view8 > div:last-of-type > div:last-of-type,
.configurator #view10#view8 > div:last-of-type > div:last-of-type,
.configurator #view11#view8 > div:last-of-type > div:last-of-type {
  margin-top: calc(15 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view8 > div:last-of-type > div:last-of-type img,
.configurator #view6#view8 > div:last-of-type > div:last-of-type img,
.configurator #view5a#view8 > div:last-of-type > div:last-of-type img,
.configurator #view7#view8 > div:last-of-type > div:last-of-type img,
.configurator #view8#view8 > div:last-of-type > div:last-of-type img,
.configurator #view8a#view8 > div:last-of-type > div:last-of-type img,
.configurator #view9#view8 > div:last-of-type > div:last-of-type img,
.configurator #view10#view8 > div:last-of-type > div:last-of-type img,
.configurator #view11#view8 > div:last-of-type > div:last-of-type img {
  object-fit: contain;
}
.configurator #view5#view9 > div:last-of-type, .configurator #view5#view11 > div:last-of-type,
.configurator #view6#view9 > div:last-of-type,
.configurator #view6#view11 > div:last-of-type,
.configurator #view5a#view9 > div:last-of-type,
.configurator #view5a#view11 > div:last-of-type,
.configurator #view7#view9 > div:last-of-type,
.configurator #view7#view11 > div:last-of-type,
.configurator #view8#view9 > div:last-of-type,
.configurator #view8#view11 > div:last-of-type,
.configurator #view8a#view9 > div:last-of-type,
.configurator #view8a#view11 > div:last-of-type,
.configurator #view9#view9 > div:last-of-type,
.configurator #view9#view11 > div:last-of-type,
.configurator #view10#view9 > div:last-of-type,
.configurator #view10#view11 > div:last-of-type,
.configurator #view11#view9 > div:last-of-type,
.configurator #view11#view11 > div:last-of-type {
  overflow: auto;
  height: calc(100svh - 328 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5#view9 > div:last-of-type, .configurator #view5#view11 > div:last-of-type,
  .configurator #view6#view9 > div:last-of-type,
  .configurator #view6#view11 > div:last-of-type,
  .configurator #view5a#view9 > div:last-of-type,
  .configurator #view5a#view11 > div:last-of-type,
  .configurator #view7#view9 > div:last-of-type,
  .configurator #view7#view11 > div:last-of-type,
  .configurator #view8#view9 > div:last-of-type,
  .configurator #view8#view11 > div:last-of-type,
  .configurator #view8a#view9 > div:last-of-type,
  .configurator #view8a#view11 > div:last-of-type,
  .configurator #view9#view9 > div:last-of-type,
  .configurator #view9#view11 > div:last-of-type,
  .configurator #view10#view9 > div:last-of-type,
  .configurator #view10#view11 > div:last-of-type,
  .configurator #view11#view9 > div:last-of-type,
  .configurator #view11#view11 > div:last-of-type {
    height: calc(100svh - 185 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1600px) and (min-width: 1023px) {
  .configurator #view5#view9 > div:last-of-type, .configurator #view5#view11 > div:last-of-type,
  .configurator #view6#view9 > div:last-of-type,
  .configurator #view6#view11 > div:last-of-type,
  .configurator #view5a#view9 > div:last-of-type,
  .configurator #view5a#view11 > div:last-of-type,
  .configurator #view7#view9 > div:last-of-type,
  .configurator #view7#view11 > div:last-of-type,
  .configurator #view8#view9 > div:last-of-type,
  .configurator #view8#view11 > div:last-of-type,
  .configurator #view8a#view9 > div:last-of-type,
  .configurator #view8a#view11 > div:last-of-type,
  .configurator #view9#view9 > div:last-of-type,
  .configurator #view9#view11 > div:last-of-type,
  .configurator #view10#view9 > div:last-of-type,
  .configurator #view10#view11 > div:last-of-type,
  .configurator #view11#view9 > div:last-of-type,
  .configurator #view11#view11 > div:last-of-type {
    padding-bottom: 0px;
    overflow: auto;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view9 > div:last-of-type, .configurator #view5#view11 > div:last-of-type,
  .configurator #view6#view9 > div:last-of-type,
  .configurator #view6#view11 > div:last-of-type,
  .configurator #view5a#view9 > div:last-of-type,
  .configurator #view5a#view11 > div:last-of-type,
  .configurator #view7#view9 > div:last-of-type,
  .configurator #view7#view11 > div:last-of-type,
  .configurator #view8#view9 > div:last-of-type,
  .configurator #view8#view11 > div:last-of-type,
  .configurator #view8a#view9 > div:last-of-type,
  .configurator #view8a#view11 > div:last-of-type,
  .configurator #view9#view9 > div:last-of-type,
  .configurator #view9#view11 > div:last-of-type,
  .configurator #view10#view9 > div:last-of-type,
  .configurator #view10#view11 > div:last-of-type,
  .configurator #view11#view9 > div:last-of-type,
  .configurator #view11#view11 > div:last-of-type {
    overflow: hidden;
    height: auto;
  }
}
.configurator #view5#view9 > div:last-of-type table, .configurator #view5#view11 > div:last-of-type table,
.configurator #view6#view9 > div:last-of-type table,
.configurator #view6#view11 > div:last-of-type table,
.configurator #view5a#view9 > div:last-of-type table,
.configurator #view5a#view11 > div:last-of-type table,
.configurator #view7#view9 > div:last-of-type table,
.configurator #view7#view11 > div:last-of-type table,
.configurator #view8#view9 > div:last-of-type table,
.configurator #view8#view11 > div:last-of-type table,
.configurator #view8a#view9 > div:last-of-type table,
.configurator #view8a#view11 > div:last-of-type table,
.configurator #view9#view9 > div:last-of-type table,
.configurator #view9#view11 > div:last-of-type table,
.configurator #view10#view9 > div:last-of-type table,
.configurator #view10#view11 > div:last-of-type table,
.configurator #view11#view9 > div:last-of-type table,
.configurator #view11#view11 > div:last-of-type table {
  margin-top: calc(100 / var(--calcsize) * var(--windowsize));
  border-collapse: collapse;
  width: 100%;
}
@media (max-width: 1600px) {
  .configurator #view5#view9 > div:last-of-type table, .configurator #view5#view11 > div:last-of-type table,
  .configurator #view6#view9 > div:last-of-type table,
  .configurator #view6#view11 > div:last-of-type table,
  .configurator #view5a#view9 > div:last-of-type table,
  .configurator #view5a#view11 > div:last-of-type table,
  .configurator #view7#view9 > div:last-of-type table,
  .configurator #view7#view11 > div:last-of-type table,
  .configurator #view8#view9 > div:last-of-type table,
  .configurator #view8#view11 > div:last-of-type table,
  .configurator #view8a#view9 > div:last-of-type table,
  .configurator #view8a#view11 > div:last-of-type table,
  .configurator #view9#view9 > div:last-of-type table,
  .configurator #view9#view11 > div:last-of-type table,
  .configurator #view10#view9 > div:last-of-type table,
  .configurator #view10#view11 > div:last-of-type table,
  .configurator #view11#view9 > div:last-of-type table,
  .configurator #view11#view11 > div:last-of-type table {
    margin-top: calc(80 / var(--calcsize) * var(--windowsize));
  }
}
.configurator #view5#view9 > div:last-of-type table tr td, .configurator #view5#view11 > div:last-of-type table tr td,
.configurator #view6#view9 > div:last-of-type table tr td,
.configurator #view6#view11 > div:last-of-type table tr td,
.configurator #view5a#view9 > div:last-of-type table tr td,
.configurator #view5a#view11 > div:last-of-type table tr td,
.configurator #view7#view9 > div:last-of-type table tr td,
.configurator #view7#view11 > div:last-of-type table tr td,
.configurator #view8#view9 > div:last-of-type table tr td,
.configurator #view8#view11 > div:last-of-type table tr td,
.configurator #view8a#view9 > div:last-of-type table tr td,
.configurator #view8a#view11 > div:last-of-type table tr td,
.configurator #view9#view9 > div:last-of-type table tr td,
.configurator #view9#view11 > div:last-of-type table tr td,
.configurator #view10#view9 > div:last-of-type table tr td,
.configurator #view10#view11 > div:last-of-type table tr td,
.configurator #view11#view9 > div:last-of-type table tr td,
.configurator #view11#view11 > div:last-of-type table tr td {
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  padding: calc(20 / var(--calcsize) * var(--windowsize)) 0px;
}
.configurator #view5#view9 > div:last-of-type table tr td:nth-child(2), .configurator #view5#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view6#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view6#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view5a#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view5a#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view7#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view7#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view8#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view8#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view8a#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view8a#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view9#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view9#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view10#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view10#view11 > div:last-of-type table tr td:nth-child(2),
.configurator #view11#view9 > div:last-of-type table tr td:nth-child(2),
.configurator #view11#view11 > div:last-of-type table tr td:nth-child(2) {
  padding-left: calc(30 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view9 > div:last-of-type table tr td, .configurator #view5#view11 > div:last-of-type table tr td,
  .configurator #view6#view9 > div:last-of-type table tr td,
  .configurator #view6#view11 > div:last-of-type table tr td,
  .configurator #view5a#view9 > div:last-of-type table tr td,
  .configurator #view5a#view11 > div:last-of-type table tr td,
  .configurator #view7#view9 > div:last-of-type table tr td,
  .configurator #view7#view11 > div:last-of-type table tr td,
  .configurator #view8#view9 > div:last-of-type table tr td,
  .configurator #view8#view11 > div:last-of-type table tr td,
  .configurator #view8a#view9 > div:last-of-type table tr td,
  .configurator #view8a#view11 > div:last-of-type table tr td,
  .configurator #view9#view9 > div:last-of-type table tr td,
  .configurator #view9#view11 > div:last-of-type table tr td,
  .configurator #view10#view9 > div:last-of-type table tr td,
  .configurator #view10#view11 > div:last-of-type table tr td,
  .configurator #view11#view9 > div:last-of-type table tr td,
  .configurator #view11#view11 > div:last-of-type table tr td {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
    border-bottom: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #000;
    padding-right: calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view9 > div:last-of-type table tr td:first-of-type, .configurator #view5#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view6#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view6#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view5a#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view5a#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view7#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view7#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view8#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view8#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view8a#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view8a#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view9#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view9#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view10#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view10#view11 > div:last-of-type table tr td:first-of-type,
.configurator #view11#view9 > div:last-of-type table tr td:first-of-type,
.configurator #view11#view11 > div:last-of-type table tr td:first-of-type {
  font-weight: bold;
  width: calc(227 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view9 > div:last-of-type table tr td:first-of-type, .configurator #view5#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view6#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view6#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view5a#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view5a#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view7#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view7#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view8#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view8#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view8a#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view8a#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view9#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view9#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view10#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view10#view11 > div:last-of-type table tr td:first-of-type,
  .configurator #view11#view9 > div:last-of-type table tr td:first-of-type,
  .configurator #view11#view11 > div:last-of-type table tr td:first-of-type {
    width: calc(111 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view9 > div:last-of-type table tr td:last-of-type, .configurator #view5#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view6#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view6#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view5a#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view5a#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view7#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view7#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view8#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view8#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view8a#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view8a#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view9#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view9#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view10#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view10#view11 > div:last-of-type table tr td:last-of-type,
.configurator #view11#view9 > div:last-of-type table tr td:last-of-type,
.configurator #view11#view11 > div:last-of-type table tr td:last-of-type {
  min-width: 30px;
  text-align: right;
}
@media (max-width: 1023px) {
  .configurator #view5#view9 > div:last-of-type table tr td:last-of-type, .configurator #view5#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view6#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view6#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view5a#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view5a#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view7#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view7#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view8#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view8#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view8a#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view8a#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view9#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view9#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view10#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view10#view11 > div:last-of-type table tr td:last-of-type,
  .configurator #view11#view9 > div:last-of-type table tr td:last-of-type,
  .configurator #view11#view11 > div:last-of-type table tr td:last-of-type {
    width: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view9 > div:last-of-type table tr td:last-of-type img, .configurator #view5#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view6#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view6#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view5a#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view5a#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view7#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view7#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view8#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view8#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view8a#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view8a#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view9#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view9#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view10#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view10#view11 > div:last-of-type table tr td:last-of-type img,
.configurator #view11#view9 > div:last-of-type table tr td:last-of-type img,
.configurator #view11#view11 > div:last-of-type table tr td:last-of-type img {
  cursor: pointer;
}
.configurator #view5#view10 > div,
.configurator #view6#view10 > div,
.configurator #view5a#view10 > div,
.configurator #view7#view10 > div,
.configurator #view8#view10 > div,
.configurator #view8a#view10 > div,
.configurator #view9#view10 > div,
.configurator #view10#view10 > div,
.configurator #view11#view10 > div {
  height: 100%;
  height: calc(100svh - 283 / var(--calcsize) * var(--windowsize));
  overflow: auto;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.configurator #view5#view10 > div .slick-track,
.configurator #view6#view10 > div .slick-track,
.configurator #view5a#view10 > div .slick-track,
.configurator #view7#view10 > div .slick-track,
.configurator #view8#view10 > div .slick-track,
.configurator #view8a#view10 > div .slick-track,
.configurator #view9#view10 > div .slick-track,
.configurator #view10#view10 > div .slick-track,
.configurator #view11#view10 > div .slick-track {
  display: flex !important;
}
.configurator #view5#view10 > div .slick-slide,
.configurator #view6#view10 > div .slick-slide,
.configurator #view5a#view10 > div .slick-slide,
.configurator #view7#view10 > div .slick-slide,
.configurator #view8#view10 > div .slick-slide,
.configurator #view8a#view10 > div .slick-slide,
.configurator #view9#view10 > div .slick-slide,
.configurator #view10#view10 > div .slick-slide,
.configurator #view11#view10 > div .slick-slide {
  height: inherit !important;
}
.configurator #view5#view10 > div .product img,
.configurator #view6#view10 > div .product img,
.configurator #view5a#view10 > div .product img,
.configurator #view7#view10 > div .product img,
.configurator #view8#view10 > div .product img,
.configurator #view8a#view10 > div .product img,
.configurator #view9#view10 > div .product img,
.configurator #view10#view10 > div .product img,
.configurator #view11#view10 > div .product img {
  object-fit: cover;
  object-position: center center;
}
@media (min-width: 1023px) {
  .configurator #view5#view10 > div .product .description,
  .configurator #view6#view10 > div .product .description,
  .configurator #view5a#view10 > div .product .description,
  .configurator #view7#view10 > div .product .description,
  .configurator #view8#view10 > div .product .description,
  .configurator #view8a#view10 > div .product .description,
  .configurator #view9#view10 > div .product .description,
  .configurator #view10#view10 > div .product .description,
  .configurator #view11#view10 > div .product .description {
    font-size: calc(18 / var(--calcsize) * var(--windowsize)) !important;
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view10 > div,
  .configurator #view6#view10 > div,
  .configurator #view5a#view10 > div,
  .configurator #view7#view10 > div,
  .configurator #view8#view10 > div,
  .configurator #view8a#view10 > div,
  .configurator #view9#view10 > div,
  .configurator #view10#view10 > div,
  .configurator #view11#view10 > div {
    position: absolute !important;
    padding: calc(100 / var(--calcsizemobile) * var(--windowsize)) 0;
    height: auto;
    overflow: hidden;
  }
  .configurator #view5#view10 > div.cart,
  .configurator #view6#view10 > div.cart,
  .configurator #view5a#view10 > div.cart,
  .configurator #view7#view10 > div.cart,
  .configurator #view8#view10 > div.cart,
  .configurator #view8a#view10 > div.cart,
  .configurator #view9#view10 > div.cart,
  .configurator #view10#view10 > div.cart,
  .configurator #view11#view10 > div.cart {
    position: fixed !important;
  }
}
.configurator #view5#view10 h2,
.configurator #view6#view10 h2,
.configurator #view5a#view10 h2,
.configurator #view7#view10 h2,
.configurator #view8#view10 h2,
.configurator #view8a#view10 h2,
.configurator #view9#view10 h2,
.configurator #view10#view10 h2,
.configurator #view11#view10 h2 {
  max-width: calc(777 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 h2,
  .configurator #view6#view10 h2,
  .configurator #view5a#view10 h2,
  .configurator #view7#view10 h2,
  .configurator #view8#view10 h2,
  .configurator #view8a#view10 h2,
  .configurator #view9#view10 h2,
  .configurator #view10#view10 h2,
  .configurator #view11#view10 h2 {
    max-width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 p,
.configurator #view6#view10 p,
.configurator #view5a#view10 p,
.configurator #view7#view10 p,
.configurator #view8#view10 p,
.configurator #view8a#view10 p,
.configurator #view9#view10 p,
.configurator #view10#view10 p,
.configurator #view11#view10 p {
  max-width: calc(777 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 p,
  .configurator #view6#view10 p,
  .configurator #view5a#view10 p,
  .configurator #view7#view10 p,
  .configurator #view8#view10 p,
  .configurator #view8a#view10 p,
  .configurator #view9#view10 p,
  .configurator #view10#view10 p,
  .configurator #view11#view10 p {
    max-width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 .select-button,
.configurator #view6#view10 .select-button,
.configurator #view5a#view10 .select-button,
.configurator #view7#view10 .select-button,
.configurator #view8#view10 .select-button,
.configurator #view8a#view10 .select-button,
.configurator #view9#view10 .select-button,
.configurator #view10#view10 .select-button,
.configurator #view11#view10 .select-button {
  text-align: center;
  margin-bottom: calc(78 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view5#view10 .select-button,
  .configurator #view6#view10 .select-button,
  .configurator #view5a#view10 .select-button,
  .configurator #view7#view10 .select-button,
  .configurator #view8#view10 .select-button,
  .configurator #view8a#view10 .select-button,
  .configurator #view9#view10 .select-button,
  .configurator #view10#view10 .select-button,
  .configurator #view11#view10 .select-button {
    margin-bottom: calc(35 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .select-button,
  .configurator #view6#view10 .select-button,
  .configurator #view5a#view10 .select-button,
  .configurator #view7#view10 .select-button,
  .configurator #view8#view10 .select-button,
  .configurator #view8a#view10 .select-button,
  .configurator #view9#view10 .select-button,
  .configurator #view10#view10 .select-button,
  .configurator #view11#view10 .select-button {
    margin-bottom: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 .selector-mul,
.configurator #view6#view10 .selector-mul,
.configurator #view5a#view10 .selector-mul,
.configurator #view7#view10 .selector-mul,
.configurator #view8#view10 .selector-mul,
.configurator #view8a#view10 .selector-mul,
.configurator #view9#view10 .selector-mul,
.configurator #view10#view10 .selector-mul,
.configurator #view11#view10 .selector-mul {
  width: calc(1630 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .selector-mul,
  .configurator #view6#view10 .selector-mul,
  .configurator #view5a#view10 .selector-mul,
  .configurator #view7#view10 .selector-mul,
  .configurator #view8#view10 .selector-mul,
  .configurator #view8a#view10 .selector-mul,
  .configurator #view9#view10 .selector-mul,
  .configurator #view10#view10 .selector-mul,
  .configurator #view11#view10 .selector-mul {
    width: 100%;
  }
}
.configurator #view5#view10 .shopCategory,
.configurator #view6#view10 .shopCategory,
.configurator #view5a#view10 .shopCategory,
.configurator #view7#view10 .shopCategory,
.configurator #view8#view10 .shopCategory,
.configurator #view8a#view10 .shopCategory,
.configurator #view9#view10 .shopCategory,
.configurator #view10#view10 .shopCategory,
.configurator #view11#view10 .shopCategory {
  visibility: hidden;
  height: 0;
}
.configurator #view5#view10 .shopCategory.visible,
.configurator #view6#view10 .shopCategory.visible,
.configurator #view5a#view10 .shopCategory.visible,
.configurator #view7#view10 .shopCategory.visible,
.configurator #view8#view10 .shopCategory.visible,
.configurator #view8a#view10 .shopCategory.visible,
.configurator #view9#view10 .shopCategory.visible,
.configurator #view10#view10 .shopCategory.visible,
.configurator #view11#view10 .shopCategory.visible {
  visibility: visible;
  height: unset;
}
.configurator #view5#view10 .products,
.configurator #view5#view10 .shopCategory,
.configurator #view6#view10 .products,
.configurator #view6#view10 .shopCategory,
.configurator #view5a#view10 .products,
.configurator #view5a#view10 .shopCategory,
.configurator #view7#view10 .products,
.configurator #view7#view10 .shopCategory,
.configurator #view8#view10 .products,
.configurator #view8#view10 .shopCategory,
.configurator #view8a#view10 .products,
.configurator #view8a#view10 .shopCategory,
.configurator #view9#view10 .products,
.configurator #view9#view10 .shopCategory,
.configurator #view10#view10 .products,
.configurator #view10#view10 .shopCategory,
.configurator #view11#view10 .products,
.configurator #view11#view10 .shopCategory {
  width: calc(1634 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
}
@media (max-width: 1600px) {
  .configurator #view5#view10 .products,
  .configurator #view5#view10 .shopCategory,
  .configurator #view6#view10 .products,
  .configurator #view6#view10 .shopCategory,
  .configurator #view5a#view10 .products,
  .configurator #view5a#view10 .shopCategory,
  .configurator #view7#view10 .products,
  .configurator #view7#view10 .shopCategory,
  .configurator #view8#view10 .products,
  .configurator #view8#view10 .shopCategory,
  .configurator #view8a#view10 .products,
  .configurator #view8a#view10 .shopCategory,
  .configurator #view9#view10 .products,
  .configurator #view9#view10 .shopCategory,
  .configurator #view10#view10 .products,
  .configurator #view10#view10 .shopCategory,
  .configurator #view11#view10 .products,
  .configurator #view11#view10 .shopCategory {
    width: calc(100% - 200 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products,
  .configurator #view5#view10 .shopCategory,
  .configurator #view6#view10 .products,
  .configurator #view6#view10 .shopCategory,
  .configurator #view5a#view10 .products,
  .configurator #view5a#view10 .shopCategory,
  .configurator #view7#view10 .products,
  .configurator #view7#view10 .shopCategory,
  .configurator #view8#view10 .products,
  .configurator #view8#view10 .shopCategory,
  .configurator #view8a#view10 .products,
  .configurator #view8a#view10 .shopCategory,
  .configurator #view9#view10 .products,
  .configurator #view9#view10 .shopCategory,
  .configurator #view10#view10 .products,
  .configurator #view10#view10 .shopCategory,
  .configurator #view11#view10 .products,
  .configurator #view11#view10 .shopCategory {
    width: 100%;
  }
}
.configurator #view5#view10 .products .slick-arrow,
.configurator #view5#view10 .shopCategory .slick-arrow,
.configurator #view6#view10 .products .slick-arrow,
.configurator #view6#view10 .shopCategory .slick-arrow,
.configurator #view5a#view10 .products .slick-arrow,
.configurator #view5a#view10 .shopCategory .slick-arrow,
.configurator #view7#view10 .products .slick-arrow,
.configurator #view7#view10 .shopCategory .slick-arrow,
.configurator #view8#view10 .products .slick-arrow,
.configurator #view8#view10 .shopCategory .slick-arrow,
.configurator #view8a#view10 .products .slick-arrow,
.configurator #view8a#view10 .shopCategory .slick-arrow,
.configurator #view9#view10 .products .slick-arrow,
.configurator #view9#view10 .shopCategory .slick-arrow,
.configurator #view10#view10 .products .slick-arrow,
.configurator #view10#view10 .shopCategory .slick-arrow,
.configurator #view11#view10 .products .slick-arrow,
.configurator #view11#view10 .shopCategory .slick-arrow {
  transform: translateY(-50%);
  top: 50%;
  width: calc(20 / var(--calcsize) * var(--windowsize));
  height: calc(52 / var(--calcsize) * var(--windowsize));
  background-color: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  z-index: 5;
}
.configurator #view5#view10 .products .slick-arrow.slick-prev,
.configurator #view5#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view6#view10 .products .slick-arrow.slick-prev,
.configurator #view6#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view5a#view10 .products .slick-arrow.slick-prev,
.configurator #view5a#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view7#view10 .products .slick-arrow.slick-prev,
.configurator #view7#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view8#view10 .products .slick-arrow.slick-prev,
.configurator #view8#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view8a#view10 .products .slick-arrow.slick-prev,
.configurator #view8a#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view9#view10 .products .slick-arrow.slick-prev,
.configurator #view9#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view10#view10 .products .slick-arrow.slick-prev,
.configurator #view10#view10 .shopCategory .slick-arrow.slick-prev,
.configurator #view11#view10 .products .slick-arrow.slick-prev,
.configurator #view11#view10 .shopCategory .slick-arrow.slick-prev {
  position: absolute;
  left: 0px;
  background-image: url(../img/arrow-blue-prev.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(-50 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view10 .products .slick-arrow.slick-next,
.configurator #view5#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view6#view10 .products .slick-arrow.slick-next,
.configurator #view6#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view5a#view10 .products .slick-arrow.slick-next,
.configurator #view5a#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view7#view10 .products .slick-arrow.slick-next,
.configurator #view7#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view8#view10 .products .slick-arrow.slick-next,
.configurator #view8#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view8a#view10 .products .slick-arrow.slick-next,
.configurator #view8a#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view9#view10 .products .slick-arrow.slick-next,
.configurator #view9#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view10#view10 .products .slick-arrow.slick-next,
.configurator #view10#view10 .shopCategory .slick-arrow.slick-next,
.configurator #view11#view10 .products .slick-arrow.slick-next,
.configurator #view11#view10 .shopCategory .slick-arrow.slick-next {
  position: absolute;
  left: 100%;
  background-image: url(../img/arrow-blue-next.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
  transform: translate(-100%, -50%);
}
.configurator #view5#view10 .products .slick-slide > div,
.configurator #view5#view10 .shopCategory .slick-slide > div,
.configurator #view6#view10 .products .slick-slide > div,
.configurator #view6#view10 .shopCategory .slick-slide > div,
.configurator #view5a#view10 .products .slick-slide > div,
.configurator #view5a#view10 .shopCategory .slick-slide > div,
.configurator #view7#view10 .products .slick-slide > div,
.configurator #view7#view10 .shopCategory .slick-slide > div,
.configurator #view8#view10 .products .slick-slide > div,
.configurator #view8#view10 .shopCategory .slick-slide > div,
.configurator #view8a#view10 .products .slick-slide > div,
.configurator #view8a#view10 .shopCategory .slick-slide > div,
.configurator #view9#view10 .products .slick-slide > div,
.configurator #view9#view10 .shopCategory .slick-slide > div,
.configurator #view10#view10 .products .slick-slide > div,
.configurator #view10#view10 .shopCategory .slick-slide > div,
.configurator #view11#view10 .products .slick-slide > div,
.configurator #view11#view10 .shopCategory .slick-slide > div {
  height: calc(420 / var(--calcsize) * var(--windowsize));
  position: relative;
  text-align: left;
  margin: 0px calc(15 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
  border-radius: calc(25 / var(--calcsize) * var(--windowsize));
  padding: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div,
  .configurator #view5#view10 .shopCategory .slick-slide > div,
  .configurator #view6#view10 .products .slick-slide > div,
  .configurator #view6#view10 .shopCategory .slick-slide > div,
  .configurator #view5a#view10 .products .slick-slide > div,
  .configurator #view5a#view10 .shopCategory .slick-slide > div,
  .configurator #view7#view10 .products .slick-slide > div,
  .configurator #view7#view10 .shopCategory .slick-slide > div,
  .configurator #view8#view10 .products .slick-slide > div,
  .configurator #view8#view10 .shopCategory .slick-slide > div,
  .configurator #view8a#view10 .products .slick-slide > div,
  .configurator #view8a#view10 .shopCategory .slick-slide > div,
  .configurator #view9#view10 .products .slick-slide > div,
  .configurator #view9#view10 .shopCategory .slick-slide > div,
  .configurator #view10#view10 .products .slick-slide > div,
  .configurator #view10#view10 .shopCategory .slick-slide > div,
  .configurator #view11#view10 .products .slick-slide > div,
  .configurator #view11#view10 .shopCategory .slick-slide > div {
    height: calc(90% - 25 / var(--calcsizemobile) * var(--windowsize));
    margin: 0px calc(15 / var(--calcsizemobile) * var(--windowsize));
    border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid rgba(0, 0, 0, 0.1);
    border-radius: calc(25 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 .products .slick-slide > div h3,
.configurator #view5#view10 .products .slick-slide > div p,
.configurator #view5#view10 .products .slick-slide > div span,
.configurator #view5#view10 .shopCategory .slick-slide > div h3,
.configurator #view5#view10 .shopCategory .slick-slide > div p,
.configurator #view5#view10 .shopCategory .slick-slide > div span,
.configurator #view6#view10 .products .slick-slide > div h3,
.configurator #view6#view10 .products .slick-slide > div p,
.configurator #view6#view10 .products .slick-slide > div span,
.configurator #view6#view10 .shopCategory .slick-slide > div h3,
.configurator #view6#view10 .shopCategory .slick-slide > div p,
.configurator #view6#view10 .shopCategory .slick-slide > div span,
.configurator #view5a#view10 .products .slick-slide > div h3,
.configurator #view5a#view10 .products .slick-slide > div p,
.configurator #view5a#view10 .products .slick-slide > div span,
.configurator #view5a#view10 .shopCategory .slick-slide > div h3,
.configurator #view5a#view10 .shopCategory .slick-slide > div p,
.configurator #view5a#view10 .shopCategory .slick-slide > div span,
.configurator #view7#view10 .products .slick-slide > div h3,
.configurator #view7#view10 .products .slick-slide > div p,
.configurator #view7#view10 .products .slick-slide > div span,
.configurator #view7#view10 .shopCategory .slick-slide > div h3,
.configurator #view7#view10 .shopCategory .slick-slide > div p,
.configurator #view7#view10 .shopCategory .slick-slide > div span,
.configurator #view8#view10 .products .slick-slide > div h3,
.configurator #view8#view10 .products .slick-slide > div p,
.configurator #view8#view10 .products .slick-slide > div span,
.configurator #view8#view10 .shopCategory .slick-slide > div h3,
.configurator #view8#view10 .shopCategory .slick-slide > div p,
.configurator #view8#view10 .shopCategory .slick-slide > div span,
.configurator #view8a#view10 .products .slick-slide > div h3,
.configurator #view8a#view10 .products .slick-slide > div p,
.configurator #view8a#view10 .products .slick-slide > div span,
.configurator #view8a#view10 .shopCategory .slick-slide > div h3,
.configurator #view8a#view10 .shopCategory .slick-slide > div p,
.configurator #view8a#view10 .shopCategory .slick-slide > div span,
.configurator #view9#view10 .products .slick-slide > div h3,
.configurator #view9#view10 .products .slick-slide > div p,
.configurator #view9#view10 .products .slick-slide > div span,
.configurator #view9#view10 .shopCategory .slick-slide > div h3,
.configurator #view9#view10 .shopCategory .slick-slide > div p,
.configurator #view9#view10 .shopCategory .slick-slide > div span,
.configurator #view10#view10 .products .slick-slide > div h3,
.configurator #view10#view10 .products .slick-slide > div p,
.configurator #view10#view10 .products .slick-slide > div span,
.configurator #view10#view10 .shopCategory .slick-slide > div h3,
.configurator #view10#view10 .shopCategory .slick-slide > div p,
.configurator #view10#view10 .shopCategory .slick-slide > div span,
.configurator #view11#view10 .products .slick-slide > div h3,
.configurator #view11#view10 .products .slick-slide > div p,
.configurator #view11#view10 .products .slick-slide > div span,
.configurator #view11#view10 .shopCategory .slick-slide > div h3,
.configurator #view11#view10 .shopCategory .slick-slide > div p,
.configurator #view11#view10 .shopCategory .slick-slide > div span {
  text-align: left;
}
.configurator #view5#view10 .products .slick-slide > div h3,
.configurator #view5#view10 .shopCategory .slick-slide > div h3,
.configurator #view6#view10 .products .slick-slide > div h3,
.configurator #view6#view10 .shopCategory .slick-slide > div h3,
.configurator #view5a#view10 .products .slick-slide > div h3,
.configurator #view5a#view10 .shopCategory .slick-slide > div h3,
.configurator #view7#view10 .products .slick-slide > div h3,
.configurator #view7#view10 .shopCategory .slick-slide > div h3,
.configurator #view8#view10 .products .slick-slide > div h3,
.configurator #view8#view10 .shopCategory .slick-slide > div h3,
.configurator #view8a#view10 .products .slick-slide > div h3,
.configurator #view8a#view10 .shopCategory .slick-slide > div h3,
.configurator #view9#view10 .products .slick-slide > div h3,
.configurator #view9#view10 .shopCategory .slick-slide > div h3,
.configurator #view10#view10 .products .slick-slide > div h3,
.configurator #view10#view10 .shopCategory .slick-slide > div h3,
.configurator #view11#view10 .products .slick-slide > div h3,
.configurator #view11#view10 .shopCategory .slick-slide > div h3 {
  font-weight: bold !important;
  font-size: calc(21 / var(--calcsize) * var(--windowsize)) !important;
  margin-bottom: calc(20 / var(--calcsize) * var(--windowsize)) !important;
  text-align: left !important;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div h3,
  .configurator #view5#view10 .shopCategory .slick-slide > div h3,
  .configurator #view6#view10 .products .slick-slide > div h3,
  .configurator #view6#view10 .shopCategory .slick-slide > div h3,
  .configurator #view5a#view10 .products .slick-slide > div h3,
  .configurator #view5a#view10 .shopCategory .slick-slide > div h3,
  .configurator #view7#view10 .products .slick-slide > div h3,
  .configurator #view7#view10 .shopCategory .slick-slide > div h3,
  .configurator #view8#view10 .products .slick-slide > div h3,
  .configurator #view8#view10 .shopCategory .slick-slide > div h3,
  .configurator #view8a#view10 .products .slick-slide > div h3,
  .configurator #view8a#view10 .shopCategory .slick-slide > div h3,
  .configurator #view9#view10 .products .slick-slide > div h3,
  .configurator #view9#view10 .shopCategory .slick-slide > div h3,
  .configurator #view10#view10 .products .slick-slide > div h3,
  .configurator #view10#view10 .shopCategory .slick-slide > div h3,
  .configurator #view11#view10 .products .slick-slide > div h3,
  .configurator #view11#view10 .shopCategory .slick-slide > div h3 {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin-bottom: calc(10 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view5#view10 .products .slick-slide > div p,
.configurator #view5#view10 .shopCategory .slick-slide > div p,
.configurator #view6#view10 .products .slick-slide > div p,
.configurator #view6#view10 .shopCategory .slick-slide > div p,
.configurator #view5a#view10 .products .slick-slide > div p,
.configurator #view5a#view10 .shopCategory .slick-slide > div p,
.configurator #view7#view10 .products .slick-slide > div p,
.configurator #view7#view10 .shopCategory .slick-slide > div p,
.configurator #view8#view10 .products .slick-slide > div p,
.configurator #view8#view10 .shopCategory .slick-slide > div p,
.configurator #view8a#view10 .products .slick-slide > div p,
.configurator #view8a#view10 .shopCategory .slick-slide > div p,
.configurator #view9#view10 .products .slick-slide > div p,
.configurator #view9#view10 .shopCategory .slick-slide > div p,
.configurator #view10#view10 .products .slick-slide > div p,
.configurator #view10#view10 .shopCategory .slick-slide > div p,
.configurator #view11#view10 .products .slick-slide > div p,
.configurator #view11#view10 .shopCategory .slick-slide > div p {
  margin: 0px;
  font-size: calc(21 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div p,
  .configurator #view5#view10 .shopCategory .slick-slide > div p,
  .configurator #view6#view10 .products .slick-slide > div p,
  .configurator #view6#view10 .shopCategory .slick-slide > div p,
  .configurator #view5a#view10 .products .slick-slide > div p,
  .configurator #view5a#view10 .shopCategory .slick-slide > div p,
  .configurator #view7#view10 .products .slick-slide > div p,
  .configurator #view7#view10 .shopCategory .slick-slide > div p,
  .configurator #view8#view10 .products .slick-slide > div p,
  .configurator #view8#view10 .shopCategory .slick-slide > div p,
  .configurator #view8a#view10 .products .slick-slide > div p,
  .configurator #view8a#view10 .shopCategory .slick-slide > div p,
  .configurator #view9#view10 .products .slick-slide > div p,
  .configurator #view9#view10 .shopCategory .slick-slide > div p,
  .configurator #view10#view10 .products .slick-slide > div p,
  .configurator #view10#view10 .shopCategory .slick-slide > div p,
  .configurator #view11#view10 .products .slick-slide > div p,
  .configurator #view11#view10 .shopCategory .slick-slide > div p {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin-bottom: calc(15 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view5#view10 .products .slick-slide > div .flag,
.configurator #view5#view10 .shopCategory .slick-slide > div .flag,
.configurator #view6#view10 .products .slick-slide > div .flag,
.configurator #view6#view10 .shopCategory .slick-slide > div .flag,
.configurator #view5a#view10 .products .slick-slide > div .flag,
.configurator #view5a#view10 .shopCategory .slick-slide > div .flag,
.configurator #view7#view10 .products .slick-slide > div .flag,
.configurator #view7#view10 .shopCategory .slick-slide > div .flag,
.configurator #view8#view10 .products .slick-slide > div .flag,
.configurator #view8#view10 .shopCategory .slick-slide > div .flag,
.configurator #view8a#view10 .products .slick-slide > div .flag,
.configurator #view8a#view10 .shopCategory .slick-slide > div .flag,
.configurator #view9#view10 .products .slick-slide > div .flag,
.configurator #view9#view10 .shopCategory .slick-slide > div .flag,
.configurator #view10#view10 .products .slick-slide > div .flag,
.configurator #view10#view10 .shopCategory .slick-slide > div .flag,
.configurator #view11#view10 .products .slick-slide > div .flag,
.configurator #view11#view10 .shopCategory .slick-slide > div .flag {
  position: absolute;
  top: calc(45 / var(--calcsize) * var(--windowsize));
  background-color: #578fff;
  padding: calc(5 / var(--calcsize) * var(--windowsize)) calc(10 / var(--calcsize) * var(--windowsize));
  border-top-right-radius: calc(8 / var(--calcsize) * var(--windowsize));
  border-bottom-right-radius: calc(8 / var(--calcsize) * var(--windowsize));
  z-index: 2;
  left: 0px;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  color: #fff;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div .flag,
  .configurator #view5#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view6#view10 .products .slick-slide > div .flag,
  .configurator #view6#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view5a#view10 .products .slick-slide > div .flag,
  .configurator #view5a#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view7#view10 .products .slick-slide > div .flag,
  .configurator #view7#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view8#view10 .products .slick-slide > div .flag,
  .configurator #view8#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view8a#view10 .products .slick-slide > div .flag,
  .configurator #view8a#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view9#view10 .products .slick-slide > div .flag,
  .configurator #view9#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view10#view10 .products .slick-slide > div .flag,
  .configurator #view10#view10 .shopCategory .slick-slide > div .flag,
  .configurator #view11#view10 .products .slick-slide > div .flag,
  .configurator #view11#view10 .shopCategory .slick-slide > div .flag {
    top: calc(45 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(5 / var(--calcsizemobile) * var(--windowsize)) calc(10 / var(--calcsizemobile) * var(--windowsize));
    border-top-right-radius: calc(8 / var(--calcsizemobile) * var(--windowsize));
    border-bottom-right-radius: calc(8 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 .products .slick-slide > div img,
.configurator #view5#view10 .shopCategory .slick-slide > div img,
.configurator #view6#view10 .products .slick-slide > div img,
.configurator #view6#view10 .shopCategory .slick-slide > div img,
.configurator #view5a#view10 .products .slick-slide > div img,
.configurator #view5a#view10 .shopCategory .slick-slide > div img,
.configurator #view7#view10 .products .slick-slide > div img,
.configurator #view7#view10 .shopCategory .slick-slide > div img,
.configurator #view8#view10 .products .slick-slide > div img,
.configurator #view8#view10 .shopCategory .slick-slide > div img,
.configurator #view8a#view10 .products .slick-slide > div img,
.configurator #view8a#view10 .shopCategory .slick-slide > div img,
.configurator #view9#view10 .products .slick-slide > div img,
.configurator #view9#view10 .shopCategory .slick-slide > div img,
.configurator #view10#view10 .products .slick-slide > div img,
.configurator #view10#view10 .shopCategory .slick-slide > div img,
.configurator #view11#view10 .products .slick-slide > div img,
.configurator #view11#view10 .shopCategory .slick-slide > div img {
  width: calc(100% + 50 / var(--calcsize) * var(--windowsize)) !important;
  margin: 0 calc(-25 / var(--calcsize) * var(--windowsize)) !important;
  max-width: 200% !important;
  margin-top: calc(-25 / var(--calcsize) * var(--windowsize)) !important;
  border-radius: calc(25 / var(--calcsize) * var(--windowsize)) calc(25 / var(--calcsize) * var(--windowsize)) 0 0;
  height: calc(175 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div img,
  .configurator #view5#view10 .shopCategory .slick-slide > div img,
  .configurator #view6#view10 .products .slick-slide > div img,
  .configurator #view6#view10 .shopCategory .slick-slide > div img,
  .configurator #view5a#view10 .products .slick-slide > div img,
  .configurator #view5a#view10 .shopCategory .slick-slide > div img,
  .configurator #view7#view10 .products .slick-slide > div img,
  .configurator #view7#view10 .shopCategory .slick-slide > div img,
  .configurator #view8#view10 .products .slick-slide > div img,
  .configurator #view8#view10 .shopCategory .slick-slide > div img,
  .configurator #view8a#view10 .products .slick-slide > div img,
  .configurator #view8a#view10 .shopCategory .slick-slide > div img,
  .configurator #view9#view10 .products .slick-slide > div img,
  .configurator #view9#view10 .shopCategory .slick-slide > div img,
  .configurator #view10#view10 .products .slick-slide > div img,
  .configurator #view10#view10 .shopCategory .slick-slide > div img,
  .configurator #view11#view10 .products .slick-slide > div img,
  .configurator #view11#view10 .shopCategory .slick-slide > div img {
    border-radius: calc(25 / var(--calcsizemobile) * var(--windowsize)) calc(25 / var(--calcsizemobile) * var(--windowsize)) 0 0;
    height: calc(145 / var(--calcsizemobile) * var(--windowsize)) !important;
    width: calc(100% + 50 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin: 0 calc(-25 / var(--calcsizemobile) * var(--windowsize)) !important;
    margin-top: calc(-25 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view5#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view5#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view6#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view6#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view5a#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view5a#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view7#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view7#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view8#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view8#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view8a#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view8a#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view9#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view9#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view10#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view10#view10 .shopCategory .slick-slide > div span:not(.checkmark),
.configurator #view11#view10 .products .slick-slide > div span:not(.checkmark),
.configurator #view11#view10 .shopCategory .slick-slide > div span:not(.checkmark) {
  position: absolute;
  bottom: calc(20 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
.configurator #view5#view10 .products .slick-slide > div .radio,
.configurator #view5#view10 .shopCategory .slick-slide > div .radio,
.configurator #view6#view10 .products .slick-slide > div .radio,
.configurator #view6#view10 .shopCategory .slick-slide > div .radio,
.configurator #view5a#view10 .products .slick-slide > div .radio,
.configurator #view5a#view10 .shopCategory .slick-slide > div .radio,
.configurator #view7#view10 .products .slick-slide > div .radio,
.configurator #view7#view10 .shopCategory .slick-slide > div .radio,
.configurator #view8#view10 .products .slick-slide > div .radio,
.configurator #view8#view10 .shopCategory .slick-slide > div .radio,
.configurator #view8a#view10 .products .slick-slide > div .radio,
.configurator #view8a#view10 .shopCategory .slick-slide > div .radio,
.configurator #view9#view10 .products .slick-slide > div .radio,
.configurator #view9#view10 .shopCategory .slick-slide > div .radio,
.configurator #view10#view10 .products .slick-slide > div .radio,
.configurator #view10#view10 .shopCategory .slick-slide > div .radio,
.configurator #view11#view10 .products .slick-slide > div .radio,
.configurator #view11#view10 .shopCategory .slick-slide > div .radio {
  display: block;
  margin-top: calc(10 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view5#view10 .products .slick-slide > div .radio,
  .configurator #view5#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view6#view10 .products .slick-slide > div .radio,
  .configurator #view6#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view5a#view10 .products .slick-slide > div .radio,
  .configurator #view5a#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view7#view10 .products .slick-slide > div .radio,
  .configurator #view7#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view8#view10 .products .slick-slide > div .radio,
  .configurator #view8#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view8a#view10 .products .slick-slide > div .radio,
  .configurator #view8a#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view9#view10 .products .slick-slide > div .radio,
  .configurator #view9#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view10#view10 .products .slick-slide > div .radio,
  .configurator #view10#view10 .shopCategory .slick-slide > div .radio,
  .configurator #view11#view10 .products .slick-slide > div .radio,
  .configurator #view11#view10 .shopCategory .slick-slide > div .radio {
    margin-top: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view5#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view5#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view6#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view6#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view5a#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view5a#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view7#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view7#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view8#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view8#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view8a#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view8a#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view9#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view9#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view10#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view10#view10 .shopCategory .slick-slide > div .radio:first-of-type,
.configurator #view11#view10 .products .slick-slide > div .radio:first-of-type,
.configurator #view11#view10 .shopCategory .slick-slide > div .radio:first-of-type {
  margin-top: calc(25 / var(--calcsize) * var(--windowsize));
}
.configurator #view12,
.configurator #view13,
.configurator #view14,
.configurator #view15,
.configurator #view16 {
  background-image: url(../img/bubble7.png);
  background-size: cover;
  height: calc(100svh - 150 / var(--calcsize) * var(--windowsize));
  overflow: auto;
}
@media (max-width: 1023px) {
  .configurator #view12,
  .configurator #view13,
  .configurator #view14,
  .configurator #view15,
  .configurator #view16 {
    height: calc(100svh - 80 / var(--calcsizemobile) * var(--windowsize));
    padding-bottom: calc(100 / var(--calcsizemobile) * var(--windowsize));
    height: calc(100svh - 180 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view12 h2,
.configurator #view13 h2,
.configurator #view14 h2,
.configurator #view15 h2,
.configurator #view16 h2 {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1164 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  .configurator #view12 h2,
  .configurator #view13 h2,
  .configurator #view14 h2,
  .configurator #view15 h2,
  .configurator #view16 h2 {
    width: auto;
    margin-top: calc(5 / var(--calcsize) * var(--windowsize));
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  .configurator #view12 h2,
  .configurator #view13 h2,
  .configurator #view14 h2,
  .configurator #view15 h2,
  .configurator #view16 h2 {
    max-width: 200%;
  }
}
.configurator #view12 h2 span,
.configurator #view13 h2 span,
.configurator #view14 h2 span,
.configurator #view15 h2 span,
.configurator #view16 h2 span {
  color: #578fff;
}
@media (max-width: 1023px) {
  .configurator #view12 > h2,
  .configurator #view13 > h2,
  .configurator #view14 > h2,
  .configurator #view15 > h2,
  .configurator #view16 > h2 {
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(65 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #view12 > div,
.configurator #view13 > div,
.configurator #view14 > div,
.configurator #view15 > div,
.configurator #view16 > div {
  padding-top: calc(200 / var(--calcsize) * var(--windowsize));
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1164 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.configurator #view12 > div.nomargin,
.configurator #view13 > div.nomargin,
.configurator #view14 > div.nomargin,
.configurator #view15 > div.nomargin,
.configurator #view16 > div.nomargin {
  padding-top: calc(0 / var(--calcsizemobile) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view12 > div,
  .configurator #view13 > div,
  .configurator #view14 > div,
  .configurator #view15 > div,
  .configurator #view16 > div {
    padding-top: calc(100 / var(--calcsizemobile) * var(--windowsize));
    display: block;
    max-width: 200%;
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view12 > div h2,
.configurator #view13 > div h2,
.configurator #view14 > div h2,
.configurator #view15 > div h2,
.configurator #view16 > div h2 {
  width: 100%;
  margin-top: 0px;
}
@media (max-width: 1023px) {
  .configurator #view12 > div h2,
  .configurator #view13 > div h2,
  .configurator #view14 > div h2,
  .configurator #view15 > div h2,
  .configurator #view16 > div h2 {
    width: auto;
  }
}
.configurator #view12 > div:last-of-type,
.configurator #view13 > div:last-of-type,
.configurator #view14 > div:last-of-type,
.configurator #view15 > div:last-of-type,
.configurator #view16 > div:last-of-type {
  padding-top: 0px;
}
.configurator #view12 > div > div,
.configurator #view13 > div > div,
.configurator #view14 > div > div,
.configurator #view15 > div > div,
.configurator #view16 > div > div {
  width: calc(50% - 20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #view12 > div > div,
  .configurator #view13 > div > div,
  .configurator #view14 > div > div,
  .configurator #view15 > div > div,
  .configurator #view16 > div > div {
    width: auto;
    display: block;
  }
}
.configurator #view12 > span,
.configurator #view13 > span,
.configurator #view14 > span,
.configurator #view15 > span,
.configurator #view16 > span {
  padding-top: 0px;
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1164 / var(--calcsize) * var(--windowsize));
  margin-left: auto;
  margin-right: auto;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  display: block;
}
@media (max-width: 1023px) {
  .configurator #view12 > span,
  .configurator #view13 > span,
  .configurator #view14 > span,
  .configurator #view15 > span,
  .configurator #view16 > span {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    max-width: 200%;
  }
}
@media (max-width: 1023px) {
  .configurator #view12 > span label:first-of-type::before,
  .configurator #view13 > span label:first-of-type::before,
  .configurator #view14 > span label:first-of-type::before,
  .configurator #view15 > span label:first-of-type::before,
  .configurator #view16 > span label:first-of-type::before {
    content: "";
    display: block;
    margin-top: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #view12 > span label:first-of-type,
.configurator #view13 > span label:first-of-type,
.configurator #view14 > span label:first-of-type,
.configurator #view15 > span label:first-of-type,
.configurator #view16 > span label:first-of-type {
  margin-left: calc(25 / var(--calcsize) * var(--windowsize));
}
.configurator #view13 .additionalInfo,
.configurator #view14 .additionalInfo,
.configurator #view15 .additionalInfo,
.configurator #view16 .additionalInfo {
  padding-top: calc(50 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .configurator #view13 .additionalInfo,
  .configurator #view14 .additionalInfo,
  .configurator #view15 .additionalInfo,
  .configurator #view16 .additionalInfo {
    padding-top: calc(0 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
  .configurator #view13 .additionalInfo > div:last-of-type,
  .configurator #view14 .additionalInfo > div:last-of-type,
  .configurator #view15 .additionalInfo > div:last-of-type,
  .configurator #view16 .additionalInfo > div:last-of-type {
    padding-top: calc(22 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
  .configurator #view13 .additionalInfo > div:first-of-type,
  .configurator #view14 .additionalInfo > div:first-of-type,
  .configurator #view15 .additionalInfo > div:first-of-type,
  .configurator #view16 .additionalInfo > div:first-of-type {
    padding-top: calc(45 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
@media (max-width: 1023px) {
  .configurator #view13#view13 .additionalInfo:last-of-type > div:first-of-type,
  .configurator #view14#view13 .additionalInfo:last-of-type > div:first-of-type,
  .configurator #view15#view13 .additionalInfo:last-of-type > div:first-of-type,
  .configurator #view16#view13 .additionalInfo:last-of-type > div:first-of-type {
    padding-top: calc(22 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.configurator #bottom_nav {
  position: absolute;
  bottom: calc(50 / var(--calcsize) * var(--windowsize));
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  white-space: nowrap;
}
@media (max-width: 1600px) {
  .configurator #bottom_nav {
    left: calc(50 / var(--calcsize) * var(--windowsize));
    transform: translateX(0%);
  }
}
@media (max-width: 1023px) {
  .configurator #bottom_nav {
    position: fixed;
    bottom: auto;
    left: 0px;
    top: 0px;
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(5 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% - 10 / var(--calcsizemobile) * var(--windowsize));
    overflow: auto;
    background-color: #fff;
  }
}
.configurator #bottom_nav img {
  display: block;
  float: left;
  margin-right: calc(50 / var(--calcsize) * var(--windowsize));
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .configurator #bottom_nav img {
    opacity: 0.25;
    margin-right: calc(30 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(20 / var(--calcsizemobile) * var(--windowsize));
    width: calc(11 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(9 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #bottom_nav img.show {
  opacity: 1;
  pointer-events: inherit;
}
.configurator #bottom_nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
}
.configurator #bottom_nav ul li {
  display: inline-block;
  margin: 0px calc(2 / var(--calcsize) * var(--windowsize));
  border-bottom: calc(2 / var(--calcsize) * var(--windowsize)) solid rgba(0, 0, 0, 0.13);
  color: rgba(0, 0, 0, 0.13);
  padding: calc(10 / var(--calcsize) * var(--windowsize)) 0px;
  font-size: calc(14 / var(--calcsize) * var(--windowsize));
  width: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #bottom_nav ul li {
    margin: 0px calc(2 / var(--calcsizemobile) * var(--windowsize));
    border-bottom: calc(2 / var(--calcsizemobile) * var(--windowsize)) solid rgba(0, 0, 0, 0.13);
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
    font-size: calc(14 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #bottom_nav ul li.active {
  color: #578fff;
  border-color: #578fff;
}
.configurator #next,
.configurator #reorder,
.configurator #reconfigure {
  position: absolute;
  right: calc(50 / var(--calcsize) * var(--windowsize));
  bottom: calc(50 / var(--calcsize) * var(--windowsize));
}
.configurator #next#reconfigure,
.configurator #reorder#reconfigure,
.configurator #reconfigure#reconfigure {
  display: flex;
}
@media (max-width: 1023px) {
  .configurator #next,
  .configurator #reorder,
  .configurator #reconfigure {
    right: auto;
    left: 0px;
    width: calc(100% - 30 / var(--calcsizemobile) * var(--windowsize));
    bottom: 0px;
    height: calc(55 / var(--calcsizemobile) * var(--windowsize));
    box-shadow: 0 0 calc(55 / var(--calcsizemobile) * var(--windowsize)) rgba(0, 0, 0, 0.4);
    background-color: #fff;
    z-index: 10;
    padding: calc(13 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #next button,
.configurator #reorder button,
.configurator #reconfigure button {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .configurator #next button,
  .configurator #reorder button,
  .configurator #reconfigure button {
    position: relative;
    float: right;
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #next button:hover,
.configurator #reorder button:hover,
.configurator #reconfigure button:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
.configurator #next button:first-of-type,
.configurator #reorder button:first-of-type,
.configurator #reconfigure button:first-of-type {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .configurator #next button:first-of-type,
  .configurator #reorder button:first-of-type,
  .configurator #reconfigure button:first-of-type {
    width: 0px;
    position: absolute;
  }
}
.configurator #next button:first-of-type.show,
.configurator #reorder button:first-of-type.show,
.configurator #reconfigure button:first-of-type.show {
  opacity: 1;
  pointer-events: inherit;
}
@media (max-width: 1023px) {
  .configurator #next button:first-of-type.show,
  .configurator #reorder button:first-of-type.show,
  .configurator #reconfigure button:first-of-type.show {
    width: auto;
    position: static;
  }
}
.configurator #next button:last-of-type:not(.orderbutton, .reconfigurebutton),
.configurator #reorder button:last-of-type:not(.orderbutton, .reconfigurebutton),
.configurator #reconfigure button:last-of-type:not(.orderbutton, .reconfigurebutton) {
  background-color: #fff;
  border: calc(2 / var(--calcsize) * var(--windowsize)) solid #578fff;
  padding: calc(7 / var(--calcsize) * var(--windowsize)) calc(15 / var(--calcsize) * var(--windowsize));
  margin-left: calc(20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .configurator #next button:last-of-type:not(.orderbutton, .reconfigurebutton),
  .configurator #reorder button:last-of-type:not(.orderbutton, .reconfigurebutton),
  .configurator #reconfigure button:last-of-type:not(.orderbutton, .reconfigurebutton) {
    border: 0px;
    background-color: transparent;
    margin-top: calc(7 / var(--calcsizemobile) * var(--windowsize));
    margin-left: 0px;
  }
  .configurator #next button:last-of-type:not(.orderbutton, .reconfigurebutton) img,
  .configurator #reorder button:last-of-type:not(.orderbutton, .reconfigurebutton) img,
  .configurator #reconfigure button:last-of-type:not(.orderbutton, .reconfigurebutton) img {
    width: calc(26 / var(--calcsizemobile) * var(--windowsize));
  }
}
.configurator #next button:last-of-type:not(.orderbutton, .reconfigurebutton) img,
.configurator #reorder button:last-of-type:not(.orderbutton, .reconfigurebutton) img,
.configurator #reconfigure button:last-of-type:not(.orderbutton, .reconfigurebutton) img {
  margin-right: 0px;
}

main {
  padding-top: calc(220 / var(--calcsize) * var(--windowsize));
  background-color: #fff;
}
@media (max-width: 1023px) {
  main {
    padding-top: calc(130 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login {
  max-width: calc(1365 / var(--calcsize) * var(--windowsize));
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  padding-bottom: calc(122 / var(--calcsize) * var(--windowsize));
  position: relative;
}
main .login.loginForm {
  height: 59svh;
}
main .login.loginForm #loginForm a {
  color: #578fff;
}
main .login h2 {
  font-size: calc(95 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login aside {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0px;
  align-items: center;
  margin-top: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login aside {
    position: static;
  }
}
main .login aside > div {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login aside > div {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login aside > div:last-of-type {
  display: inline-block;
  margin-left: calc(15 / var(--calcsize) * var(--windowsize));
  border-radius: calc(30 / var(--calcsize) * var(--windowsize));
  background-color: #ffe36d;
  padding: calc(10 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login aside > div:last-of-type {
    margin-left: calc(15 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(30 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(10 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
main .login ul li {
  padding: calc(20 / var(--calcsize) * var(--windowsize)) 0px;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
}
@media (max-width: 1023px) {
  main .login ul li {
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
    border-bottom: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #000;
  }
}
main .login ul li a {
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  color: #000;
  text-decoration: none;
}
@media (max-width: 1023px) {
  main .login ul li a {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login ul li.active a {
  font-weight: bold;
}
main .login > div:first-of-type {
  width: calc(400 / var(--calcsize) * var(--windowsize));
  float: left;
}
@media (max-width: 1023px) {
  main .login > div:first-of-type {
    width: auto;
    float: none;
    width: 100%;
    margin-bottom: calc(45 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type {
  width: calc(100% - 400 / var(--calcsize) * var(--windowsize) - 290 / var(--calcsize) * var(--windowsize));
  margin-left: calc(290 / var(--calcsize) * var(--windowsize));
  float: left;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type {
    width: auto;
    float: none;
    width: 100%;
    margin: 0px;
  }
}
main .login > div:last-of-type.nomargin {
  margin-left: 0px;
  width: 100%;
  max-width: calc(600 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type.nomargin {
    max-width: 100%;
  }
}
main .login > div:last-of-type button {
  display: inline-block;
  background-color: #578fff;
  color: #fff;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  text-decoration: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  transition: 0.25s ease all;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type button {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type button:hover {
  transform: translateY(calc(-3 / var(--calcsize) * var(--windowsize)));
}
main .login > div:last-of-type h1 {
  font-size: calc(95 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  margin-bottom: calc(54 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type h1 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type h2 {
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  margin-top: calc(54 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(35 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type h2 {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type h3 {
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  margin-top: calc(15 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(15 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type h3 {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type section {
  padding-bottom: 0px;
}
main .login > div:last-of-type .drop_zone:not(.selected) {
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
}
main .login > div:last-of-type .drop_zone {
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  background-color: #edf3ff;
  text-align: center;
  border: calc(4 / var(--calcsize) * var(--windowsize)) dashed #578fff;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type .drop_zone {
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    border: calc(4 / var(--calcsizemobile) * var(--windowsize)) dashed #578fff;
  }
}
main .login > div:last-of-type .drop_zone .not h3 {
  padding: 0px;
  margin: 0px;
  color: #578fff;
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type .drop_zone .not p {
  color: #999da5;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type .drop_zone .not p {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type .drop_zone .file {
  position: relative;
  display: none;
}
main .login > div:last-of-type .drop_zone.selected {
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  background-color: transparent;
  text-align: left;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type .drop_zone.selected {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type .drop_zone.selected .filename {
  max-width: calc(100% - 160 / var(--calcsize) * var(--windowsize));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
main .login > div:last-of-type .drop_zone.selected .filesize {
  position: absolute;
  right: calc(60 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  color: #7f7f7f;
  top: 50%;
  transform: translateY(-50%);
}
main .login > div:last-of-type .drop_zone.selected img {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
main .login > div:last-of-type .drop_zone.selected .not {
  display: none;
}
main .login > div:last-of-type .drop_zone.selected .file {
  display: block;
}
main .login > div:last-of-type form h3 {
  margin: 0px;
  padding: 0px;
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form h3 {
    margin-bottom: calc(30 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form > div {
  padding-top: calc(75 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form .placeholder {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  font-size: calc(23 / var(--calcsize) * var(--windowsize));
  color: rgba(0, 0, 0, 0.35);
  margin-left: calc(25 / var(--calcsize) * var(--windowsize));
  margin-top: calc(20 / var(--calcsize) * var(--windowsize));
  transition: 0.5s ease all;
  user-select: none;
  padding: 0px calc(5 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .placeholder {
    font-size: calc(19 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(14 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(30 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form .placeholder.active {
  font-size: calc(15 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-8 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .placeholder.active {
    font-size: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-6 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form .input-wrap {
  display: block;
  position: relative;
  float: left;
  padding: 0px !important;
}
main .login > div:last-of-type form .input-wrap.one {
  width: 100%;
}
main .login > div:last-of-type form .input-wrap.two {
  width: calc(50% - 9 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .input-wrap.two {
    width: 100%;
  }
}
main .login > div:last-of-type form .input-wrap.two.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .input-wrap.two.first {
    margin-right: 0px;
  }
}
main .login > div:last-of-type form .input-wrap.third {
  width: calc(40% - 9 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form .input-wrap.third.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .input-wrap.third.first {
    margin-right: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form .input-wrap.twothird {
  width: calc(60% - 9 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form .input-wrap.twothird {
    width: calc(60% - 33 / var(--calcsize) * var(--windowsize));
  }
}
main .login > div:last-of-type form input {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  padding: calc(20 / var(--calcsize) * var(--windowsize)) calc(30 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form input.error {
  border-color: #db2c2c;
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(15 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form input.one {
  width: calc(100% - 60 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input.one {
    width: calc(100% - 30 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form input.two {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form input.two.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input.two.first {
    margin-right: 0px;
  }
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input.two {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form input.third {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form input.third.first {
  margin-right: calc(16 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input.third {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form input.twothird {
  width: calc(100% - 62 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main .login > div:last-of-type form input.twothird {
    width: calc(100% - 32 / var(--calcsizemobile) * var(--windowsize));
  }
}
main .login > div:last-of-type form label.radio {
  margin-right: calc(30 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form label.radio p {
  display: inline;
}
main .login > div:last-of-type form label.radio .checkmark {
  position: relative;
  border-radius: calc(12 / var(--calcsize) * var(--windowsize));
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  padding: calc(3 / var(--calcsize) * var(--windowsize));
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(10 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
main .login > div:last-of-type form label.radio .checkmark::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  border-radius: 0px;
  background-color: #578fff;
  transition: 0.2s ease all;
}
main .login > div:last-of-type form label.radio input[type=radio] {
  display: none;
}
main .login > div:last-of-type form label.radio input[type=radio]:checked ~ .checkmark::before {
  width: calc(30 / var(--calcsize) * var(--windowsize));
  height: calc(30 / var(--calcsize) * var(--windowsize));
  border-radius: calc(9 / var(--calcsize) * var(--windowsize));
}
main section {
  padding-bottom: calc(180 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section {
    padding-bottom: calc(70 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.wide > div img,
main section.wide > div video {
  display: block;
  width: 100%;
}
main section.cols {
  overflow: hidden;
}
main section.cols > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  main section.cols > div {
    justify-content: flex-start;
    flex-direction: column;
  }
}
main section.cols > div h1,
main section.cols > div h2 {
  line-height: 100%;
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  margin: calc(45 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.cols > div h1,
  main section.cols > div h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.cols > div > div {
  width: calc(50% - 50 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.cols > div > div {
    width: 100%;
  }
  main section.cols > div > div:first-of-type {
    order: 2;
  }
  main section.cols > div > div:last-of-type {
    order: 1;
  }
  main section.cols > div > div p {
    width: 100%;
    max-width: 100% !important;
  }
}
main section.cols > div > div p:not(.maskwrap) {
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  max-width: calc(536 / var(--calcsize) * var(--windowsize));
  margin: calc(32 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.cols > div > div p:not(.maskwrap) {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.cols > div > div img,
main section.cols > div > div video {
  max-width: 100%;
  width: 100%;
}
main section.cols > div > div video.home {
  width: 125%;
  max-width: 200% !important;
}
@media (max-width: 1023px) {
  main section.cols > div > div video.home {
    width: calc(100% + 48 / var(--calcsizemobile) * var(--windowsize));
    margin: 0px calc(-24 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.cols > div > div img {
  height: auto !important;
}
main section.cols > div > div img.home {
  width: 125%;
  max-width: 200% !important;
}
@media (max-width: 1023px) {
  main section.cols > div > div img.home {
    width: calc(100% + 48 / var(--calcsizemobile) * var(--windowsize));
    margin: 0px calc(-24 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.cols > div > div img.about, main section.cols > div > div img.winti {
  width: 125%;
  max-width: 125% !important;
}
@media (max-width: 1023px) {
  main section.cols > div > div img.about, main section.cols > div > div img.winti {
    width: calc(100% + 75 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(0 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.cols > div > div:first-of-type img.about, main section.cols > div > div:first-of-type img.winti {
  margin-left: -25%;
}
main section.tilewrap > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
}
@media (max-width: 1023px) {
  main section.tilewrap > div {
    justify-content: flex-start;
    flex-direction: column;
  }
}
main section.tilewrap > div > div {
  width: 58%;
}
@media (max-width: 1023px) {
  main section.tilewrap > div > div {
    width: 100% !important;
  }
  main section.tilewrap > div > div:first-of-type {
    order: 2;
  }
  main section.tilewrap > div > div:last-of-type {
    order: 1;
  }
}
main section.tilewrap > div > div .maskwrap {
  position: relative;
  max-width: 200%;
}
main section.tilewrap > div > div .maskwrap img {
  max-width: 200%;
}
main section.tilewrap > div > div img {
  width: 125%;
  height: auto !important;
}
@media (max-width: 1023px) {
  main section.tilewrap > div > div img {
    width: 165%;
  }
}
main section.tilewrap > div > div img.mask1 {
  -webkit-mask-image: url(../img/mask1.png);
  mask-image: url(../img/mask1.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  margin-bottom: calc(-120 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-80 / var(--calcsize) * var(--windowsize));
}
main section.tilewrap > div > div:last-of-type {
  position: relative;
  width: 42%;
  z-index: 2;
}
main section.tilewrap > div > div:last-of-type p {
  max-width: calc(414 / var(--calcsize) * var(--windowsize));
  margin-left: auto !important;
  margin: calc(32 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.tilewrap > div > div:last-of-type p {
    max-width: calc(236 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
main section.tilewrap > div > div h1 {
  font-size: calc(95 / var(--calcsize) * var(--windowsize));
  line-height: 100%;
  margin: calc(60 / var(--calcsize) * var(--windowsize)) 0px;
  margin-top: calc(80 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap > div > div h1 {
    font-size: calc(48 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.tilewrap > div > div .videoContainer.mask1 {
  width: 120%;
  position: absolute;
  margin-top: calc(-120 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-180 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap > div > div .videoContainer.mask1 {
    max-width: 200%;
    width: 140%;
    margin-top: calc(-80 / var(--calcsizemobile) * var(--windowsize));
    margin-left: calc(-50 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap > div > div .videoContainer.mask1 video {
  mix-blend-mode: multiply;
  max-width: calc(100% + 2px);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
@media (max-width: 1023px) {
  main section.reverse > div {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
  main section.reverse > div > div:first-of-type {
    order: 1;
  }
  main section.reverse > div > div:last-of-type {
    order: 2;
  }
}
main section.tilewrap1 > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
}
main section.tilewrap1 > div > div {
  width: 50%;
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div {
    width: 100%;
    margin-top: calc(-50 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap1 > div > div .maskwrap1 {
  position: relative;
  max-width: 200% !important;
}
main section.tilewrap1 > div > div .maskwrap1 img {
  max-width: 200%;
}
main section.tilewrap1 > div > div img {
  width: 180%;
  height: auto !important;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div img {
    margin-left: calc(-20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap1 > div > div img.mask2 {
  -webkit-mask-image: url(../img/mask3.png);
  mask-image: url(../img/mask3.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  margin-bottom: calc(-120 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div img.mask2 {
    margin-bottom: calc(-60 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap1 > div > div:first-of-type {
  position: relative;
  width: calc(50% - 50 / var(--calcsize) * var(--windowsize));
  margin-right: calc(50 / var(--calcsize) * var(--windowsize));
  z-index: 2;
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div:first-of-type {
    width: 100%;
  }
}
main section.tilewrap1 > div > div:first-of-type p {
  max-width: calc(414 / var(--calcsize) * var(--windowsize));
  margin-left: auto !important;
  margin: calc(32 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div:first-of-type p {
    max-width: calc(236 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
main section.tilewrap1 > div > div h1 {
  font-size: calc(95 / var(--calcsize) * var(--windowsize));
  line-height: 100%;
  margin: calc(60 / var(--calcsize) * var(--windowsize)) 0px;
  margin-top: calc(80 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div h1 {
    margin-top: calc(80 / var(--calcsize) * var(--windowsize));
    font-size: calc(48 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.tilewrap1 > div > div .videoContainer.mask2 {
  width: 140%;
  max-width: 200% !important;
  position: absolute;
  margin-top: 0px;
  margin-left: calc(-100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap1 > div > div .videoContainer.mask2 {
    margin-left: calc(-80 / var(--calcsizemobile) * var(--windowsize));
    width: 150%;
  }
}
main section.tilewrap1 > div > div .videoContainer video {
  mix-blend-mode: multiply;
  max-width: calc(100% + 2px);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
main section.tilewrap2 > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
}
main section.tilewrap2 > div > div {
  width: 58%;
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div {
    width: 100%;
  }
}
main section.tilewrap2 > div > div .maskwrap2 {
  position: relative;
  max-width: 200%;
}
main section.tilewrap2 > div > div .maskwrap2 img {
  max-width: 200%;
}
main section.tilewrap2 > div > div img {
  width: 150%;
  height: auto !important;
  margin-top: calc(0 / var(--calcsize) * var(--windowsize));
}
main section.tilewrap2 > div > div img.mask3 {
  -webkit-mask-image: url(../img/mask4.png);
  mask-image: url(../img/mask4.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  margin-bottom: calc(-340 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-80 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div img.mask3 {
    margin-left: calc(-160 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(70 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap2 > div > div:last-of-type {
  position: relative;
  width: 42%;
  z-index: 2;
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div:last-of-type {
    width: 100%;
  }
}
main section.tilewrap2 > div > div:last-of-type p {
  max-width: calc(414 / var(--calcsize) * var(--windowsize));
  margin-left: auto !important;
  margin: calc(32 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div:last-of-type p {
    max-width: calc(236 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
main section.tilewrap2 > div > div h1 {
  font-size: calc(95 / var(--calcsize) * var(--windowsize));
  line-height: 100%;
  margin: calc(60 / var(--calcsize) * var(--windowsize)) 0px;
  margin-top: calc(80 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div h1 {
    margin-top: calc(80 / var(--calcsize) * var(--windowsize));
    font-size: calc(48 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.tilewrap2 > div > div .videoContainer.mask3 {
  width: 180%;
  max-width: 200%;
  position: absolute;
  margin-top: calc(-180 / var(--calcsize) * var(--windowsize));
  margin-left: calc(-200 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.tilewrap2 > div > div .videoContainer.mask3 {
    margin-left: calc(-180 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-120 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.tilewrap2 > div > div .videoContainer.mask3 video {
  mix-blend-mode: multiply;
  max-width: calc(100% + 2px);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
main section.text > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
}
main section.text > div table {
  table-layout: fixed;
  border-collapse: collapse;
  border: 0px;
}
main section.text > div table tr td {
  width: 50%;
}
main section.text > div table tr td h2 {
  font-size: calc(220 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
  line-height: 90%;
}
@media (max-width: 1023px) {
  main section.text > div table tr td h2 {
    font-size: calc(96 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.text > div table tr td h2 b,
main section.text > div table tr td h2 strong {
  color: #fff;
  font-weight: normal;
  -webkit-text-stroke: calc(2 / var(--calcsize) * var(--windowsize)) #000;
  text-stroke: calc(2 / var(--calcsize) * var(--windowsize)) #000;
  font-weight: bold;
}
@media (max-width: 1023px) {
  main section.text > div table tr td h2 b,
  main section.text > div table tr td h2 strong {
    display: block;
    text-align: left;
    margin-top: calc(-10 / var(--calcsizemobile) * var(--windowsize));
    -webkit-text-stroke: calc(2 / var(--calcsizemobile) * var(--windowsize)) #000;
    text-stroke: calc(2 / var(--calcsizemobile) * var(--windowsize)) #000;
  }
}
main section.text > div table tr:last-of-type {
  text-align: right;
}
@media (max-width: 1023px) {
  main section.text > div table.lml {
    position: relative;
    display: block;
    margin-top: calc(-40 / var(--calcsizemobile) * var(--windowsize));
  }
  main section.text > div table.lml tbody,
  main section.text > div table.lml tr,
  main section.text > div table.lml td {
    display: block;
    width: 100% !important;
  }
  main section.text > div table.lml tr td {
    position: absolute;
  }
  main section.text > div table.lml tr:first-of-type td:last-of-type {
    position: static;
    padding-top: calc(270 / var(--calcsizemobile) * var(--windowsize));
  }
  main section.text > div table.lml tr:first-of-type td:last-of-type br {
    display: none;
  }
  main section.text > div table.lml tr:last-of-type td {
    top: calc(85 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.text > div table.hiw {
  display: block;
  margin: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
}
main section.text > div table.hiw tbody {
  display: block;
}
main section.text > div table.hiw tr {
  display: flex;
  justify-content: space-between;
}
main section.text > div table.hiw tr td {
  display: block;
  width: auto;
  width: calc(280 / var(--calcsize) * var(--windowsize));
  text-align: center;
}
main section.text > div table.hiw tr td img {
  width: calc(140 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.text > div table.hiw tbody,
  main section.text > div table.hiw tr,
  main section.text > div table.hiw td {
    display: block;
    width: 100% !important;
    text-align: left !important;
  }
  main section.text > div table.hiw tr td::after {
    display: block;
    content: "";
    clear: both;
  }
  main section.text > div table.hiw tr td p {
    float: left;
  }
  main section.text > div table.hiw tr td p:first-of-type {
    width: calc(82 / var(--calcsizemobile) * var(--windowsize));
    text-align: left;
  }
  main section.text > div table.hiw tr td p:first-of-type img {
    width: calc(53 / var(--calcsizemobile) * var(--windowsize));
  }
  main section.text > div table.hiw tr td p:not(:first-of-type) {
    width: calc(100% - 82 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.text > div table.accordion {
  display: block;
  width: 100%;
}
main section.text > div table.accordion tbody,
main section.text > div table.accordion tr,
main section.text > div table.accordion td {
  display: block;
  text-align: left;
  width: 100%;
}
main section.text > div table.accordion tr:nth-child(odd) td {
  position: relative;
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
  font-weight: bold;
  cursor: pointer;
}
main section.text > div table.accordion tr:nth-child(odd) td.active::before {
  transform: rotate(45deg);
}
main section.text > div table.accordion tr:nth-child(odd) td::before {
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: calc(35 / var(--calcsize) * var(--windowsize));
  width: calc(32 / var(--calcsize) * var(--windowsize));
  height: calc(32 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/icon-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.5s ease all;
}
main section.text > div table.accordion tr:nth-child(odd):first-of-type {
  padding-top: 0px;
}
main section.text > div table.accordion tr:nth-child(odd):first-of-type::before {
  top: 0px;
}
main section.text > div table.accordion tr:nth-child(even) {
  border-bottom: 1px solid #000;
}
main section.text > div table.accordion tr:nth-child(even) td {
  overflow: hidden;
  height: 0px;
  font-weight: normal;
  padding-bottom: 0px;
}
main section.text > div table.accordion tr:nth-child(even) td p:last-of-type {
  margin-bottom: 0px;
}
main section.text > div table.accordion tr:nth-child(even) td.active {
  height: auto;
  padding-bottom: calc(25 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-15 / var(--calcsize) * var(--windowsize));
}
main section.text > div.mce-content-body table.accordion tr:nth-child(even) {
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
}
main section.text > div.mce-content-body table.accordion tr:nth-child(even) td {
  height: auto !important;
  padding-bottom: calc(25 / var(--calcsize) * var(--windowsize));
  margin-top: calc(-15 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.text.brown {
    background-color: #f9f5f1;
    padding: calc(40 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-bottom: calc(90 / var(--calcsizemobile) * var(--windowsize));
  }
  main section.text.brown h2 {
    text-align: left !important;
    margin-top: 0px !important;
  }
}
main section.list.faq .faqElement,
main section.list .faqElement > div {
  width: 100% !important;
}
main section.list.faq .faqElement ul,
main section.list .faqElement > div ul {
  margin: calc(45 / var(--calcsize) * var(--windowsize)) 0px;
}
main section.list.faq .faqElement ul li,
main section.list .faqElement > div ul li {
  padding-right: 10%;
}
main section.list > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  main section.list > div {
    display: block;
  }
}
main section.list > div.wysiwyg {
  display: block;
  margin-bottom: calc(50 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div.wysiwyg {
    margin-bottom: calc(-25 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div.wysiwyg p {
  max-width: calc(808 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div.wysiwyg p {
    max-width: 100%;
  }
}
main section.list > div h2 {
  line-height: 100%;
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  margin: calc(45 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.list > div h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(25 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-top: 0px;
  }
}
main section.list > div > div {
  width: calc(100% - 405 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div > div {
    width: 100%;
    margin: calc(45 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.list > div > div:last-of-type {
  width: calc(425 / var(--calcsize) * var(--windowsize));
  overflow: auto;
  overflow-x: hidden;
}
@media (max-width: 1023px) {
  main section.list > div > div:last-of-type {
    height: auto !important;
    width: 100%;
  }
}
main section.list > div > div img {
  width: 100%;
  margin-left: calc(-150 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div > div img {
    margin-left: calc(-24 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% + 48 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div > div ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: calc(100% - 20 / var(--calcsize) * var(--windowsize));
}
main section.list > div > div ul li {
  position: relative;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 1023px) {
  main section.list > div > div ul li {
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.list > div > div ul li::before {
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: calc(35 / var(--calcsize) * var(--windowsize));
  width: calc(32 / var(--calcsize) * var(--windowsize));
  height: calc(32 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/icon-plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  main section.list > div > div ul li::before {
    width: calc(32 / var(--calcsizemobile) * var(--windowsize));
    height: calc(32 / var(--calcsizemobile) * var(--windowsize));
    top: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div > div ul li:first-of-type {
  padding-top: 0px;
}
@media (max-width: 1023px) {
  main section.list > div > div ul li:first-of-type {
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.list > div > div ul li:first-of-type::before {
  top: 0px;
}
@media (max-width: 1023px) {
  main section.list > div > div ul li:first-of-type::before {
    top: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div > div ul li.imageList span {
  display: grid;
  grid-template-columns: 36% 55%;
  align-items: center;
}
main section.list > div > div ul li.imageList:not(:first-of-type)::before {
  top: calc(60 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div > div ul li.imageList:not(:first-of-type)::before {
    top: calc(40 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div > div ul li.imageList::before {
  top: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.list > div > div ul li.imageList::before {
    top: calc(40 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.list > div > div ul li div {
  overflow: hidden;
  height: 0px;
  transition: 0.5s ease all;
  font-weight: normal;
}
main section.list > div > div ul li div p:last-of-type {
  margin-bottom: 0px;
}
main section.list > div > div ul li.active::before {
  transform: rotate(45deg);
}
main section.list > div > div ul li.active div {
  height: auto;
}
@media (max-width: 1023px) {
  main section.list > div > div ul li.active div {
    padding-bottom: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  main section.listleft > div {
    justify-content: flex-start;
    flex-direction: column;
  }
}
main section.listleft > div h2 {
  line-height: 100%;
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  margin: calc(45 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.listleft > div h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(25 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-top: 0px;
  }
}
main section.listleft > div > div {
  width: calc(100% - 405 / var(--calcsize) * var(--windowsize));
}
main section.listleft > div > div:first-of-type {
  width: calc(425 / var(--calcsize) * var(--windowsize));
  overflow: auto;
  overflow-x: auto;
  overflow-x: hidden;
}
@media (max-width: 1023px) {
  main section.listleft > div > div:first-of-type {
    height: auto !important;
    width: 100%;
    order: 2;
    margin-bottom: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  main section.listleft > div > div {
    width: 100%;
    margin: calc(45 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-bottom: calc(-40 / var(--calcsizemobile) * var(--windowsize));
  }
  main section.listleft > div > div:last-of-type {
    order: 1;
    margin-top: 0px;
  }
}
main section.listleft > div > div img {
  width: 100%;
  margin-left: calc(150 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  main section.listleft > div > div img {
    width: calc(100% - 50 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  main section.listleft > div > div img {
    margin: 0px calc(-24 / var(--calcsizemobile) * var(--windowsize));
    width: calc(100% + 48 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: calc(100% - 20 / var(--calcsize) * var(--windowsize));
}
main section.listleft > div > div > ul > li {
  /*
  position: relative;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid
    #000;
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
  font-weight: normal;
  cursor: pointer;
  font-size: calc(54 / var(--calcsize) * var(--windowsize));*/
  position: relative;
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li {
    font-size: calc(22 / var(--calcsizemobile) * var(--windowsize));
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.listleft > div > div > ul > li::before {
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: calc(35 / var(--calcsize) * var(--windowsize));
  width: calc(32 / var(--calcsize) * var(--windowsize));
  height: calc(32 / var(--calcsize) * var(--windowsize));
  background-image: url(../img/icon-plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li::before {
    width: calc(32 / var(--calcsizemobile) * var(--windowsize));
    height: calc(32 / var(--calcsizemobile) * var(--windowsize));
    top: calc(28 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul > li:first-of-type {
  padding-top: 0px;
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li:first-of-type {
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.listleft > div > div > ul > li:first-of-type::before {
  top: calc(0 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li:first-of-type::before {
    top: calc(28 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul > li div {
  overflow: hidden;
  height: 0px;
  transition: 0.5s ease all;
  font-weight: normal;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li div {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul > li div p:last-of-type {
  margin-bottom: 0px;
}
main section.listleft > div > div > ul > li div ul {
  list-style: none;
  padding: 0px;
  margin: calc(25 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li div ul {
    margin: calc(25 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
main section.listleft > div > div > ul > li div ul li {
  padding-left: calc(20 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li div ul li {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    padding-left: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul > li div ul li::before {
  content: "-";
  position: relative;
  margin-left: calc(-20 / var(--calcsize) * var(--windowsize));
  width: calc(20 / var(--calcsize) * var(--windowsize));
  display: inline-block;
}
@media (max-width: 1023px) {
  main section.listleft > div > div > ul > li div ul li::before {
    margin-left: calc(-15 / var(--calcsizemobile) * var(--windowsize));
    width: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.listleft > div > div > ul > li.active {
  font-weight: bold;
}
main section.listleft > div > div > ul > li.active::before {
  transform: rotate(45deg);
}
main section.listleft > div > div > ul > li.active div {
  height: auto;
}
main section.slider {
  background-color: #f3faef;
  padding: calc(82 / var(--calcsize) * var(--windowsize)) 0px;
  margin-bottom: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.slider {
    background-color: transparent;
    margin-top: calc(-50 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.slider h2,
main section.slider p {
  max-width: calc(1220 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
}
@media (max-width: 1023px) {
  main section.slider h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.slider p {
  margin-top: calc(35 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(35 / var(--calcsize) * var(--windowsize));
}
main section.slider .slick {
  max-width: calc(1620 / var(--calcsize) * var(--windowsize));
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  margin-top: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1600px) {
  main section.slider .slick {
    width: calc(100% - 140 / var(--calcsize) * var(--windowsize));
  }
}
@media (max-width: 1023px) {
  main section.slider .slick {
    width: 100%;
  }
}
main section.slider .slick .slick-slide > div {
  padding: 0px calc(30 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.slider .slick .slick-slide > div {
    background-color: #f9f5f1;
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(10 / var(--calcsizemobile) * var(--windowsize));
    overflow: hidden;
    padding: calc(20 / var(--calcsizemobile) * var(--windowsize));
    padding-bottom: calc(30 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.slider .slick .slick-slide > div img {
  width: 100%;
}
main section.slider .slick .slick-slide > div h3 {
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
  font-weight: normal;
}
@media (max-width: 1023px) {
  main section.slider .slick .slick-slide > div h3 {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize));
    font-family: "Euclid Circular B";
    font-weight: bold;
  }
}
@media (max-width: 1023px) {
  main section.slider .slick .slick-slide > div {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.slider .slick .slick-dots {
  width: 100%;
  display: block;
  list-style: none;
  text-align: center;
  padding: 0px;
  margin: calc(15 / var(--calcsizemobile) * var(--windowsize)) 0px;
  margin-bottom: calc(30 / var(--calcsizemobile) * var(--windowsize));
}
main section.slider .slick .slick-dots li {
  display: inline-block;
  padding: 0px;
  margin: 0px calc(5 / var(--calcsizemobile) * var(--windowsize));
}
main section.slider .slick .slick-dots li button {
  font-size: 0px;
  color: transparent;
  width: calc(14 / var(--calcsizemobile) * var(--windowsize));
  height: calc(14 / var(--calcsizemobile) * var(--windowsize));
  border: calc(1 / var(--calcsizemobile) * var(--windowsize)) solid #000;
  border-radius: 50%;
  background-color: transparent;
  letter-spacing: 0px;
}
main section.slider .slick .slick-dots li.slick-active button {
  background-color: #000;
}
main section.slider .slick .slick-arrow {
  transform: translateY(-50%);
  top: 50%;
  width: calc(20 / var(--calcsize) * var(--windowsize));
  height: calc(52 / var(--calcsize) * var(--windowsize));
  background-color: transparent;
  color: transparent;
  font-size: 0px;
  line-height: 0px;
  z-index: 5;
}
main section.slider .slick .slick-arrow.slick-prev {
  position: absolute;
  left: 0px;
  background-image: url(../img/arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(-50 / var(--calcsize) * var(--windowsize));
}
main section.slider .slick .slick-arrow.slick-next {
  position: absolute;
  left: 100%;
  background-image: url(../img/arrow-next.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: calc(50 / var(--calcsize) * var(--windowsize));
  transform: translate(-100%, -50%);
}
main section.icons {
  background-color: #fffbea;
  margin-bottom: calc(100 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.icons {
    padding: calc(50 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-bottom: calc(80 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.icons .slick-slide {
  text-align: center;
}
@media (max-width: 1023px) {
  main section.icons .slick-slide > div {
    background-color: #fff1b5 !important;
  }
}
main section.icons .slick-slide img {
  height: calc(140 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(45 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  main section.icons .slick-slide img {
    height: calc(88 / var(--calcsizemobile) * var(--windowsize));
  }
}
main section.icons .slick-slide h3 {
  font-weight: bold !important;
}

footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: calc(865 / var(--calcsize) * var(--windowsize));
  background-color: #fff;
  z-index: -1;
}
@media (max-width: 1023px) or (max-height: 700px) {
  footer {
    height: 0;
    position: relative;
    z-index: -1;
  }
}
@media (max-width: 1023px) {
  footer {
    padding: calc(40 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
footer > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  border-bottom: calc(2 / var(--calcsize) * var(--windowsize)) solid #000;
}
footer > div.top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  footer > div.top {
    display: block;
  }
}
footer > div.top > div:first-of-type {
  padding: calc(65 / var(--calcsize) * var(--windowsize)) 0px;
  padding-bottom: calc(30 / var(--calcsize) * var(--windowsize));
}
footer > div.top > div:last-of-type {
  margin-bottom: calc(-20 / var(--calcsize) * var(--windowsize));
}
footer > div.top h2 {
  font-size: calc(54 / var(--calcsize) * var(--windowsize));
  line-height: 100%;
  margin: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  footer > div.top h2 {
    font-size: calc(35 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.top p {
  max-width: calc(673 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.top p {
    max-width: 100%;
    margin: calc(25 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
@media (max-width: 1023px) {
  footer > div.top > div > br {
    display: none;
  }
}
footer > div.top a:not(.button) {
  text-decoration: underline;
  color: #000;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.top a:not(.button) {
    position: absolute;
    width: calc(100% - 48 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin-top: calc(-55 / var(--calcsizemobile) * var(--windowsize));
    text-align: right;
  }
}
footer > div.top img {
  width: calc(604 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.top img {
    width: calc(100% + 30 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(-40 / var(--calcsizemobile) * var(--windowsize)) calc(-15 / var(--calcsizemobile) * var(--windowsize));
    margin-bottom: calc(-20 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.middle {
  padding: calc(60 / var(--calcsize) * var(--windowsize)) 0px;
  padding-top: calc(80 / var(--calcsize) * var(--windowsize));
  display: flex;
  justify-content: space-between;
  border-bottom: 0px;
}
@media (max-width: 1023px) {
  footer > div.middle {
    display: block;
    padding-top: calc(60 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.middle > div {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  line-height: 155%;
}
@media (max-width: 1023px) {
  footer > div.middle > div {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.middle > div:first-of-type {
  width: calc(600 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.middle > div:first-of-type {
    width: 100%;
  }
}
footer > div.middle > div:first-of-type svg {
  float: left;
  margin-right: calc(25 / var(--calcsize) * var(--windowsize));
  width: calc(157 / var(--calcsize) * var(--windowsize));
  height: calc(80 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.middle > div:first-of-type svg {
    width: calc(164 / var(--calcsizemobile) * var(--windowsize));
    height: calc(80 / var(--calcsizemobile) * var(--windowsize));
    float: none;
    display: block;
    margin-bottom: calc(25 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.middle > div:nth-child(2) {
  width: calc(440 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.middle > div:nth-child(2) {
    width: 100%;
    margin-top: calc(58 / var(--calcsizemobile) * var(--windowsize));
  }
  footer > div.middle > div:nth-child(2) > b {
    display: none;
  }
}
footer > div.middle > div:nth-child(2) ul {
  list-style: none;
  display: block;
  padding: 0px;
  margin: 0px;
}
footer > div.middle > div:nth-child(2) ul li {
  padding: 0px;
  margin: 0px;
  margin-right: calc(15 / var(--calcsize) * var(--windowsize));
  min-width: calc(120 / var(--calcsize) * var(--windowsize));
  display: inline-block;
}
@media (max-width: 1023px) {
  footer > div.middle > div:nth-child(2) ul li {
    display: block;
    margin: calc(10 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
footer > div.middle > div:nth-child(2) ul li a {
  color: #000;
  text-decoration: none;
}
@media (max-width: 1023px) {
  footer > div.middle > div:last-of-type {
    position: absolute;
    right: calc(20 / var(--calcsizemobile) * var(--windowsize));
    top: calc(665 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.middle > div:last-of-type svg {
  margin-top: calc(-40 / var(--calcsize) * var(--windowsize));
  width: calc(87 / var(--calcsize) * var(--windowsize));
  height: calc(121 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.middle > div:last-of-type svg {
    width: calc(63 / var(--calcsizemobile) * var(--windowsize));
    height: calc(88 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.bottom {
  width: 100%;
  max-width: 100%;
  background-color: #578fff;
  border: 0px;
  color: #fff;
  padding: calc(26 / var(--calcsize) * var(--windowsize)) 0px;
}
@media (max-width: 1023px) {
  footer > div.bottom {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-top: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}
footer > div.bottom > div {
  width: calc(100% - 40 / var(--calcsize) * var(--windowsize));
  max-width: calc(1400 / var(--calcsize) * var(--windowsize));
  margin: 0px auto;
  font-size: calc(12 / var(--calcsize) * var(--windowsize));
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  footer > div.bottom > div > div:first-of-type {
    position: absolute;
    margin-top: calc(40 / var(--calcsizemobile) * var(--windowsize));
    color: #000;
    font-size: calc(12 / var(--calcsizemobile) * var(--windowsize));
    width: calc(218 / var(--calcsizemobile) * var(--windowsize));
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding-bottom: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
  footer > div.bottom > div > div:last-of-type {
    width: 100%;
  }
}
footer > div.bottom > div > div ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: right;
  width: 100%;
  margin-top: calc(-4 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.bottom > div > div ul {
    text-align: center;
  }
}
footer > div.bottom > div > div ul li {
  display: inline-block;
  margin-left: calc(60 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  footer > div.bottom > div > div ul li {
    margin: 0px calc(30 / var(--calcsize) * var(--windowsize));
  }
}
footer > div.bottom > div > div ul li a {
  font-size: calc(17 / var(--calcsize) * var(--windowsize));
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1023px) {
  footer > div.bottom > div > div ul li a {
    font-size: calc(15 / var(--calcsizemobile) * var(--windowsize));
  }
}

container-control {
  line-height: 0px;
}

#image_container {
  height: 100%;
}

/*,
.walldesign,
.wallTattoos */
.objects .visualImpact {
  display: none;
}

/*
.wallTattoos,
.walldesign,*/
.objects .visualImpact.visible {
  display: block;
}

/*
.objects {  
  height: calc(100vh - 100 / var(--calcsizemobile) * var(--windowsize));
  overflow: auto;
  @media (max-width: $bp1) {
    height: calc(100vh - 104 / var(--calcsizemobile) * var(--windowsize));
  }
  @media (max-width: $bp2) {
    height: auto !important;
    overflow: inherit;
  }
}*/
.sharedContainer {
  visibility: hidden;
  position: absolute;
  background-color: white;
  border: #578fff 2px solid;
  z-index: 20;
  padding: 30px 40px 20px 20px;
  background-image: url(/templates/web/img/crossBlue.png);
  background-position: 98% 10%;
  background-repeat: no-repeat;
  background-size: 25px auto;
  cursor: pointer;
  top: 30%;
  left: 35%;
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  right: 35%;
}
.sharedContainer > div {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}
.sharedContainer div:last-child {
  justify-content: center;
  display: none !important;
  font-weight: bold;
}
.sharedContainer.visible {
  visibility: visible;
}
.sharedContainer.copied {
  background-image: none;
  background-color: #578fff;
  color: white;
  padding: 15px;
}
.sharedContainer.copied div {
  display: none !important;
}
.sharedContainer.copied div:last-child {
  display: flex !important;
}
.sharedContainer .shared {
  margin: auto;
  flex-basis: fit-content;
}
.sharedContainer .shared span {
  display: none;
  visibility: hidden;
}
.sharedContainer .button {
  color: white;
  cursor: pointer;
}
@media (max-width: 1600px) {
  .sharedContainer .button {
    margin-left: 10px;
  }
}
@media (max-width: 1023px) {
  .sharedContainer {
    background-position: 97% 10%;
    left: 5%;
    right: 5%;
  }
  .sharedContainer > div {
    flex-direction: column;
  }
  .sharedContainer .button {
    margin-top: 15px;
    margin-left: 0;
  }
}

.promocodeContainer.visible,
.sharedContainer.visible {
  max-height: max-content;
  overflow-y: unset;
  transition: max-height 0.5s ease-in;
  display: block;
}

.promocodeContainer,
.sharedContainer {
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.15s ease-out;
  display: none;
}
.promocodeContainer .promocode,
.promocodeContainer .shared,
.sharedContainer .promocode,
.sharedContainer .shared {
  float: none !important;
}

.formUpload {
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #707070;
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(25 / var(--calcsize) * var(--windowsize));
  width: calc(100% - 50 / var(--calcsize) * var(--windowsize));
  margin-bottom: calc(30 / var(--calcsize) * var(--windowsize));
}
.formUpload img {
  width: 10%;
  height: calc(21 / var(--calcsize) * var(--windowsize));
  object-fit: inherit;
  display: inline-block;
}
.formUpload span {
  width: auto;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  color: rgba(0, 0, 0, 0.35);
  transition: 0.5s ease all;
  user-select: none;
  padding: 0px calc(5 / var(--calcsize) * var(--windowsize));
  display: inline-block;
}

.formUpload.fileSelected {
  background-color: #a5d587;
}

input[type=file] {
  display: none;
}

.clickBlocker {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.loader {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.652);
}
@media (max-width: 1023px) {
  .loader {
    position: fixed;
  }
}
.loader img {
  z-index: 101;
  position: absolute;
  height: 20% !important;
  width: 20% !important;
  object-fit: contain;
  top: 40%;
  right: 40%;
}
@media (max-width: 1023px) {
  .loader img {
    position: fixed;
  }
}

.icon360 {
  pointer-events: none;
  background-image: url("/assets/360.png");
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.icon360.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}

canvas {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.greyedOut {
  opacity: 0.5;
}

.uploadedFile {
  text-decoration: underline;
  cursor: pointer;
  color: #578fff;
  display: block;
  margin-bottom: 0px;
}

.submissionFeedback {
  left: 10%;
}

.notFilledOut {
  border-color: #db2c2c !important;
}

.zoom {
  background-image: url("/templates/web/img/zoom.png");
  position: absolute;
  right: calc(73 / var(--calcsize) * var(--windowsize));
  bottom: calc(111 / var(--calcsize) * var(--windowsize));
  height: calc(100 / var(--calcsize) * var(--windowsize));
  width: calc(50 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.zoom div {
  display: inline-block;
  width: 100%;
  height: 45%;
}

.wallTattoos,
.walldesign {
  width: 100% !important;
}

.cart {
  position: fixed;
  right: 0px !important;
  left: auto !important;
  top: calc(85 / var(--calcsize) * var(--windowsize)) !important;
  width: calc(85 / var(--calcsize) * var(--windowsize)) !important;
  height: calc(85 / var(--calcsize) * var(--windowsize)) !important;
  border-top-left-radius: calc(20 / var(--calcsize) * var(--windowsize)) !important;
  border-bottom-left-radius: calc(20 / var(--calcsize) * var(--windowsize)) !important;
  background-color: #578fff;
  padding: 0px !important;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  .cart {
    position: fixed !important;
    top: calc(85 / var(--calcsizemobile) * var(--windowsize)) !important;
    width: calc(65 / var(--calcsizemobile) * var(--windowsize)) !important;
    height: calc(65 / var(--calcsizemobile) * var(--windowsize)) !important;
    border-radius: 0px !important;
    border-top-left-radius: calc(20 / var(--calcsizemobile) * var(--windowsize)) !important;
    border-bottom-left-radius: calc(20 / var(--calcsizemobile) * var(--windowsize)) !important;
    background-color: #578fff !important;
  }
  .cart::before {
    display: none !important;
  }
}
.cart.active {
  right: calc(760 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .cart.active {
    right: calc(100% - 65 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.cart img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(39 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .cart img {
    width: calc(20 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}

.shoppingCart {
  position: fixed !important;
  top: 0 !important;
  right: calc(-765 / var(--calcsize) * var(--windowsize)) !important;
  width: calc(585 / var(--calcsize) * var(--windowsize)) !important;
  padding: calc(90 / var(--calcsize) * var(--windowsize)) !important;
  height: calc(100% - 180 / var(--calcsize) * var(--windowsize));
  background-color: #578fff;
  z-index: 20;
  color: #fff;
  overflow: auto;
  transition: 0.5s ease all;
}
@media (max-width: 1023px) {
  .shoppingCart {
    left: auto !important;
    right: -100% !important;
    width: calc(100% - 104 / var(--calcsizemobile) * var(--windowsize)) !important;
    padding: calc(22 / var(--calcsizemobile) * var(--windowsize)) !important;
    height: calc(100% - 44 / var(--calcsizemobile) * var(--windowsize));
    z-index: 30;
  }
}
.shoppingCart.active {
  right: 0 !important;
}
.shoppingCart h1 {
  font-size: calc(35 / var(--calcsize) * var(--windowsize));
  margin: calc(35 / var(--calcsize) * var(--windowsize)) 0;
}
@media (max-width: 1023px) {
  .shoppingCart h1 {
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(21 / var(--calcsizemobile) * var(--windowsize)) 0;
  }
}
.shoppingCart h3 {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  margin: calc(0 / var(--calcsize) * var(--windowsize)) 0;
  margin-bottom: calc(5 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .shoppingCart h3 {
    font-size: calc(12 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(0 / var(--calcsizemobile) * var(--windowsize)) 0;
    margin-bottom: calc(5 / var(--calcsizemobile) * var(--windowsize));
  }
}
.shoppingCart h4 {
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin: calc(0 / var(--calcsize) * var(--windowsize)) 0;
}
@media (max-width: 1023px) {
  .shoppingCart h4 {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(0 / var(--calcsizemobile) * var(--windowsize)) 0;
  }
}
.shoppingCart h6 {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  margin: calc(0 / var(--calcsize) * var(--windowsize)) 0;
  font-weight: normal;
}
@media (max-width: 1023px) {
  .shoppingCart h6 {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
    margin: calc(0 / var(--calcsizemobile) * var(--windowsize)) 0;
  }
}
.shoppingCart table {
  border-collapse: collapse;
}
.shoppingCart .buying-total,
.shoppingCart .renting-total {
  margin: calc(21 / var(--calcsize) * var(--windowsize)) 0px;
  margin-bottom: calc(50 / var(--calcsize) * var(--windowsize));
  width: 100%;
}
@media (max-width: 1023px) {
  .shoppingCart .buying-total,
  .shoppingCart .renting-total {
    margin: calc(21 / var(--calcsizemobile) * var(--windowsize)) 0px;
    margin-bottom: calc(50 / var(--calcsizemobile) * var(--windowsize));
  }
}
.shoppingCart .buying-total.buying-total,
.shoppingCart .renting-total.buying-total {
  margin-top: 0px;
}
.shoppingCart .buying-total.buying-total tr td,
.shoppingCart .renting-total.buying-total tr td {
  padding-top: calc(21 / var(--calcsize) * var(--windowsize));
}
.shoppingCart .buying-total tr td,
.shoppingCart .renting-total tr td {
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
}
.shoppingCart .buying-total tr.line,
.shoppingCart .renting-total tr.line {
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #fff;
}
.shoppingCart .buying-total tr.line td,
.shoppingCart .renting-total tr.line td {
  padding: calc(21 / var(--calcsize) * var(--windowsize)) 0px;
}
.shoppingCart .buying,
.shoppingCart .renting {
  width: 100%;
}
.shoppingCart .buying tr:last-of-type td,
.shoppingCart .renting tr:last-of-type td {
  border-bottom: calc(1 / var(--calcsize) * var(--windowsize)) solid #fff;
}
.shoppingCart .buying tr td,
.shoppingCart .renting tr td {
  border-top: calc(1 / var(--calcsize) * var(--windowsize)) solid #fff;
  padding: calc(21 / var(--calcsize) * var(--windowsize)) 0px;
}
.shoppingCart .buying tr td:last-of-type,
.shoppingCart .renting tr td:last-of-type {
  width: calc(26 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .shoppingCart .buying tr td:last-of-type,
  .shoppingCart .renting tr td:last-of-type {
    width: calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
.shoppingCart .buying tr td:last-of-type .remove,
.shoppingCart .renting tr td:last-of-type .remove {
  width: 100% !important;
  height: 100%;
}
.shoppingCart .buying tr td:last-of-type .remove img,
.shoppingCart .renting tr td:last-of-type .remove img {
  width: 100% !important;
}

.remove {
  height: calc(10 / var(--calcsize) * var(--windowsize));
  width: calc(10 / var(--calcsize) * var(--windowsize));
  background-color: #578fff;
  cursor: pointer;
}

.readonly table tr td:nth-child(3) {
  display: none;
}

.drop_zone {
  border-radius: calc(20 / var(--calcsize) * var(--windowsize));
  border: calc(4 / var(--calcsize) * var(--windowsize)) dashed #578fff;
  background-color: #edf3ff;
  padding: calc(35 / var(--calcsize) * var(--windowsize)) 0px;
  text-align: center;
}
@media (max-width: 1023px) {
  .drop_zone {
    border-radius: calc(20 / var(--calcsizemobile) * var(--windowsize));
    border: calc(4 / var(--calcsizemobile) * var(--windowsize)) dashed #578fff;
    padding: calc(35 / var(--calcsizemobile) * var(--windowsize)) 0px;
  }
}
.drop_zone .not h3 {
  padding: 0px;
  margin: 0px;
  color: #578fff;
  font-size: calc(25 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .drop_zone .not h3 {
    font-size: calc(21 / var(--calcsizemobile) * var(--windowsize));
  }
}
.drop_zone .not p {
  color: #999da5;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  margin: 0px;
  padding: 0px;
}
@media (max-width: 1023px) {
  .drop_zone .not p {
    font-size: calc(16 / var(--calcsizemobile) * var(--windowsize));
  }
}
.drop_zone .file {
  position: relative;
  display: none;
}
.drop_zone.selected {
  border: calc(1 / var(--calcsize) * var(--windowsize)) solid #000;
  background-color: transparent;
  text-align: left;
  padding: calc(15 / var(--calcsize) * var(--windowsize)) calc(20 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .drop_zone.selected {
    padding: calc(15 / var(--calcsizemobile) * var(--windowsize)) calc(20 / var(--calcsizemobile) * var(--windowsize));
  }
}
.drop_zone.selected .filename {
  max-width: calc(100% - 160 / var(--calcsize) * var(--windowsize));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .drop_zone.selected .filename {
    max-width: calc(100% - 420 / var(--calcsize) * var(--windowsize));
  }
}
.drop_zone.selected .filesize {
  position: absolute;
  right: calc(60 / var(--calcsize) * var(--windowsize));
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
  color: #7f7f7f;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  .drop_zone.selected .filesize {
    right: calc(50 / var(--calcsizemobile) * var(--windowsize));
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize));
  }
}
.drop_zone.selected img {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.drop_zone.selected .not {
  display: none;
}
.drop_zone.selected .file {
  display: block;
}

.apartments p,
.set-date p,
.totalrentprice p {
  padding: 0;
  border: none;
  margin: 0;
  display: inline;
}

#calendar.unlimited .tab1 {
  width: 100% !important;
}
#calendar.unlimited .tab2 {
  display: none;
}

.backButton,
.drop_zone {
  cursor: pointer;
}

.date-info {
  position: absolute;
  right: 0;
  width: 30%;
  margin-right: 15%;
}
@media (max-width: 1523px) {
  .date-info {
    width: 30%;
    margin-right: 15%;
  }
}
@media (max-width: 1023px) {
  .date-info {
    position: relative;
    display: block;
    right: 0;
    width: 100%;
    margin: auto;
  }
}
.date-info .date-info-title {
  margin-top: 0;
}
@media (max-width: 1023px) {
  .date-info .date-info-title {
    font-size: calc(23 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.date-info .date-info-title span {
  display: inline;
}
.date-info .date-info-subtitle {
  text-decoration: underline;
  font-weight: bold;
  margin-bottom: 10px;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .date-info .date-info-subtitle {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.date-info .date-info-text {
  margin-bottom: 20px;
  font-size: calc(21 / var(--calcsize) * var(--windowsize));
}
@media (max-width: 1023px) {
  .date-info .date-info-text {
    font-size: calc(18 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}
.date-info span {
  display: block;
}

.hintContainer {
  display: none;
  position: absolute;
  width: 250px;
  height: 190px;
  color: white;
  z-index: 1000;
  right: -1px;
  top: -190px;
  background-image: url("/templates/web/img/hint.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.hintContainer.show {
  display: block;
}
@media (max-width: 1023px) {
  .hintContainer {
    font-size: calc(12 / var(--calcsizemobile) * var(--windowsize));
    right: 35%;
    top: -110%;
    width: 35%;
    height: 125%;
  }
}
.hintContainer .hint {
  font-size: calc(23 / var(--calcsize) * var(--windowsize));
  width: 80%;
  margin: 0 auto;
  height: 80%;
  vertical-align: middle;
  display: grid;
  align-items: center;
  text-align: center;
}
@media (max-width: 1023px) {
  .hintContainer .hint {
    height: 85%;
    font-size: calc(11 / var(--calcsizemobile) * var(--windowsize));
  }
}
.hintContainer .close {
  pointer-events: all;
  background-image: url("/templates/web/img/cross.png");
  height: 14%;
  width: 14%;
  right: 5%;
  top: 8%;
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.brown-line {
  position: absolute;
  width: 40%;
  height: 4px;
  top: 50%;
  background-color: #e4d0be;
  border-radius: 5px;
  right: -35%;
}
@media (max-width: 1023px) {
  .brown-line {
    right: unset;
    top: 100%;
    width: 0.5vw;
    height: 100px;
    left: 32%;
  }
}

/*
.text.brown .table-wrapper tr td:not(:last-child) p:first-child:after {
  content: "";
  position: absolute;
  width: 6%;
  height: 5px;
  background-color: #e4d0be;
  border-radius: 5px;
  margin: 4%;

  @media (max-width: $bp2) {
    display: none;
    /* height: attr(height);
    width: 0.5vw;
    left: 9%;
    margin-top: attr(margin-top);
  }
}*/
@media (max-width: 1023px) {
  .text.brown .table-wrapper tr td p {
    width: calc(100% - 82 / var(--calcsizemobile) * var(--windowsize));
  }
}
.listImage {
  height: auto;
  max-width: unset;
  width: 90% !important;
  margin: unset;
  margin-left: unset !important;
}

.wallTattoos .special h3:last-of-type {
  display: none !important;
}
.wallTattoos .special img {
  opacity: 0.3;
}
.wallTattoos .special.imageUploaded img {
  opacity: 1;
}
@media (min-width: 1023px) {
  .wallTattoos .special.imageUploaded img {
    height: calc(135 / var(--calcsize) * var(--windowsize)) !important;
    padding: calc(6 / var(--calcsize) * var(--windowsize)) !important;
    width: calc(100% + 39 / var(--calcsize) * var(--windowsize)) !important;
  }
}
.wallTattoos .special.imageUploaded h3 {
  display: none !important;
}
.wallTattoos .special.imageUploaded h3:last-of-type {
  display: flex !important;
}

.drop-container.missing .drop_zone:not(.selected) {
  background-color: rgba(219, 44, 44, 0.368627451);
}

.fileSelected .placeholder.fileUpload {
  background-color: white !important;
  font-size: calc(15 / var(--calcsize) * var(--windowsize)) !important;
  margin-top: calc(-8 / var(--calcsize) * var(--windowsize)) !important;
}
@media (max-width: 1023px) {
  .fileSelected .placeholder.fileUpload {
    font-size: calc(10 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}

table.duration {
  padding: 25px 0;
}
table.duration tr td:nth-child(odd) {
  text-align: end !important;
  padding-right: 9px !important;
  width: 18%;
}
@media (max-width: 600px) {
  table.duration tr td:nth-child(odd) {
    width: 10%;
  }
}
table.duration tr td:nth-child(even) {
  text-align: left !important;
}
table.duration tr .checkmark {
  margin: 0 !important;
}

.specialTypes {
  display: flex;
  flex-direction: column;
  float: right;
}
.specialTypes button:not(:first-child) {
  margin-top: 5px;
}

.baseRooms .specialType {
  display: none;
}

.tooltiptext {
  max-width: 200px;
  visibility: hidden;
  width: 120px;
  background-color: #578fff;
  color: white;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  font-size: calc(18 / var(--calcsize) * var(--windowsize));
  position: absolute;
  z-index: 1;
  width: auto;
}
.tooltiptext > span {
  display: none;
}
.tooltiptext > span.active {
  display: block;
}
.tooltiptext > span .notCompatibleObjects,
.tooltiptext > span .self {
  display: inline;
}

.static {
  transition: none !important;
}

.anchorpoint {
  margin-top: -150px;
  position: absolute;
}

.noRent .product div label ~ label {
  display: none !important;
}

.submissionSuccess a {
  color: #578fff;
  text-decoration: none;
}

.floorSelector {
  position: absolute;
  right: calc(73 / var(--calcsize) * var(--windowsize));
  bottom: calc(211 / var(--calcsize) * var(--windowsize));
  height: calc(100 / var(--calcsize) * var(--windowsize));
  width: calc(50 / var(--calcsize) * var(--windowsize));
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
}
@media (max-width: 1023px) {
  .floorSelector {
    bottom: unset;
    top: calc(400 / var(--calcsize) * var(--windowsize));
    height: calc(550 / var(--calcsize) * var(--windowsize));
    width: calc(300 / var(--calcsize) * var(--windowsize));
  }
}
.floorSelector div {
  display: inline-block;
  width: 100%;
  height: auto;
  background-color: #578fff;
  border-radius: calc(2 / var(--calcsizemobile) * var(--windowsize));
  height: calc(45 / var(--calcsize) * var(--windowsize));
  line-height: calc(100 / var(--calcsize) * var(--windowsize));
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.floorSelector div:not(.active) {
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .floorSelector div {
    height: calc(250 / var(--calcsize) * var(--windowsize));
    border-radius: calc(10 / var(--calcsizemobile) * var(--windowsize));
  }
}

.login_error {
  margin-bottom: 20px;
  color: #db2c2c;
}

.inline_icon {
  height: calc(25 / var(--calcsize) * var(--windowsize)) !important;
  display: inline;
}
@media (max-width: 1023px) {
  .inline_icon {
    height: calc(18 / var(--calcsizemobile) * var(--windowsize)) !important;
  }
}

#OpenImgUpload h3:first-of-type {
  height: auto !important;
}
@media (min-width: 1600px) {
  #OpenImgUpload h3:first-of-type {
    font-size: calc(18 / var(--calcsize) * var(--windowsize)) !important;
  }
}
@media (max-width: 1600px) and (min-width: 1023px) {
  #OpenImgUpload h3:first-of-type {
    height: auto !important;
    font-size: calc(17 / var(--calcsize) * var(--windowsize)) !important;
  }
}

.reconfiguration-content.checkbox {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .reconfiguration-content.checkbox .checkmark {
    min-width: calc(30 / var(--calcsizemobile) * var(--windowsize));
  }
}

#reconfigurationConfirmation {
  display: flex;
  width: 100%;
}
@media (max-width: 1023px) {
  #reconfigurationConfirmation .checkmark {
    min-width: calc(30 / var(--calcsizemobile) * var(--windowsize));
  }
}
#reconfigurationConfirmation .radio,
#reconfigurationConfirmation .checkbox {
  display: flex;
  flex-direction: row;
  height: 50px;
  align-items: center;
}
#reconfigurationConfirmation p {
  vertical-align: middle;
}
#reconfigurationConfirmation .reconfigurebutton:not(.enabled) {
  background-color: #9f9f9f;
}
@media (max-width: 1023px) {
  #reconfigurationConfirmation {
    align-items: center;
    justify-content: center;
  }
  #reconfigurationConfirmation .radio {
    font-size: 20px;
    white-space: nowrap;
  }
  #reconfigurationConfirmation button.reconfigurebutton {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  #reconfigurationConfirmation .radio {
    font-size: 12px;
    white-space: nowrap;
  }
  #reconfigurationConfirmation button.reconfigurebutton {
    font-size: 12px !important;
  }
}

@media (max-width: 1023px) {
  #logo.mobileHide {
    display: none;
  }
}
.input-wrap.undefined {
  opacity: 0;
}

.visualImpact.inactive {
  opacity: 0.5;
}

/*# sourceMappingURL=master.css.map */