@font-face {
  font-family: Montserrat Bold;
  font-style: normal;
  font-weight: 400;
  src: url(../font/Montserrat-Bold.woff2) format("woff2"),url(../font/Montserrat-Bold.woff) format("woff"),url(../font/Montserrat-Bold.otf) format("opentype")
}

@font-face {
  font-family: Montserrat SemiBold;
  font-style: normal;
  font-weight: 400;
  src: url(../font/Montserrat-SemiBold.woff2) format("woff2"),url(../font/Montserrat-SemiBold.woff) format("woff"),url(../font/Montserrat-SemiBold.otf) format("opentype")
}

@font-face {
  font-family: Open Sans Bold;
  font-style: normal;
  font-weight: 400;
  src: url(../font/OpenSans-Bold.woff2) format("woff2"),url(../font/OpenSans-Bold.woff) format("woff"),url(../font/OpenSans-Bold.otf) format("opentype")
}

@font-face {
  font-family: Open Sans Regular;
  font-style: normal;
  font-weight: 400;
  src: url(../font/OpenSans-Regular.woff2) format("woff2"),url(../font/OpenSans-Regular.woff) format("woff"),url(../font/OpenSans-Regular.otf) format("opentype")
}

@font-face {
  font-family: Open Sans Light;
  font-style: normal;
  font-weight: 400;
  src: url(../font/OpenSans-Light.woff2) format("woff2"),url(../font/OpenSans-Light.woff) format("woff"),url(../font/OpenSans-Light.otf) format("opentype")
}

@font-face {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  src: url(../font/fontello.eot?37829658);
  src: url(../font/fontello.eot?37829658#iefix) format("embedded-opentype"),url(../font/fontello.woff2?37829658) format("woff2"),url(../font/fontello.woff?37829658) format("woff"),url(../font/fontello.ttf?37829658) format("truetype"),url(../font/fontello.svg?37829658#fontello) format("svg")
}

.heading-large,
h1 {
  color: #000;
  font-family: Montserrat Bold,sans-serif;
  font-size: 2rem;
  line-height: 2.5rem
}

@media only screen and (max-width:575.98px) {
  .heading-large,
  h1 {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

@media only screen and (min-width:576px) {
  .heading-large,
  h1 {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

.heading-medium,
h2 {
  color: #000;
  font-family: Montserrat Bold,sans-serif;
  font-size: 1.625rem;
  line-height: 2.125rem
}

@media only screen and (max-width:575.98px) {
  .heading-medium,
  h2 {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

@media only screen and (min-width:576px) {
  .heading-medium,
  h2 {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

.heading-small,
h3 {
  color: #000;
  font-family: Montserrat Bold,sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media only screen and (max-width:575.98px) {
  .heading-small,
  h3 {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

@media only screen and (min-width:576px) {
  .heading-small,
  h3 {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

.body-large {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: 1.5rem;
  line-height: 2rem
}

@media only screen and (max-width:575.98px) {
  .body-large {
    font-size: 1.125rem;
    line-height: 1.5rem
  }
}

@media only screen and (min-width:576px) {
  .body-large {
    font-size: 1.125rem;
    line-height: 1.5rem
  }
}

.body-medium {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media only screen and (max-width:575.98px) {
  .body-medium {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

@media only screen and (min-width:576px) {
  .body-medium {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

.body-small {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: 1rem;
  line-height: 1.375rem
}

@media only screen and (max-width:575.98px) {
  .body-small {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

@media only screen and (min-width:576px) {
  .body-small {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

.paragraph,
p {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 1em 0
}

@media only screen and (max-width:575.98px) {
  .paragraph,
  p {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

@media only screen and (min-width:576px) {
  .paragraph,
  p {
    font-size: 1rem;
    line-height: 1.375rem
  }
}

.heading-large,
.heading-medium,
.heading-small,
h1,
h2,
h3 {
  margin: 1em 0;
  text-transform: uppercase
}

h4,
h5,
h6 {
  font-family: Montserrat SemiBold,sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 1em 0;
  text-transform: none
}

@media only screen and (max-width:575.98px) {
  h4,
  h5,
  h6 {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

@media only screen and (min-width:576px) {
  h4,
  h5,
  h6 {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

main #renderapp #configurator #summary-options .actions li button,
main #renderapp #configurator #summary-preview .actions li button,
main #renderapp #configurator .configure #view .actions li button {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 2rem;
  color: #000;
  display: block;
  font-size: .75rem;
  line-height: 1.125rem;
  margin: 0;
  outline: 0;
  padding: .375rem 1.125rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase
}

@media only screen and (min-width:768px) {
  main #renderapp #configurator #summary-options .actions li button,
  main #renderapp #configurator #summary-preview .actions li button,
  main #renderapp #configurator .configure #view .actions li button {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 1.5rem
  }
}

main #renderapp #configurator #summary-options .actions li button.secondary,
main #renderapp #configurator #summary-preview .actions li button.secondary,
main #renderapp #configurator .configure #view .actions li button.secondary {
  background-color: #414141;
  border-color: #414141;
  color: #fff
}

main #renderapp #configurator #summary-options .actions li button span,
main #renderapp #configurator #summary-preview .actions li button span,
main #renderapp #configurator .configure #view .actions li button span {
  display: block;
  position: relative
}

main #renderapp #configurator #summary-options .actions li button span:before,
main #renderapp #configurator #summary-preview .actions li button span:before,
main #renderapp #configurator .configure #view .actions li button span:before {
  bottom: -1px;
  font-family: fontello;
  font-size: 1rem;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -1px
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options .actions li button span:before,
  main #renderapp #configurator #summary-preview .actions li button span:before,
  main #renderapp #configurator .configure #view .actions li button span:before {
    bottom: 0;
    left: 0;
    top: 0
  }
}

@media (min-width:992px)and (max-width:1199.98px) {
  main #renderapp #configurator #summary-options .actions li button span:before,
  main #renderapp #configurator #summary-preview .actions li button span:before,
  main #renderapp #configurator .configure #view .actions li button span:before {
    bottom: 0;
    left: 0;
    top: 0
  }
}

@media (min-width:1200px) {
  main #renderapp #configurator #summary-options .actions li button span:before,
  main #renderapp #configurator #summary-preview .actions li button span:before,
  main #renderapp #configurator .configure #view .actions li button span:before {
    bottom: 0;
    left: 0;
    top: 0
  }
}

main #renderapp #configurator #summary-options .actions li button:hover,
main #renderapp #configurator #summary-preview .actions li button:hover,
main #renderapp #configurator .configure #view .actions li button:hover {
  background-color: #a7d835;
  border-color: #a7d835;
  color: #fff;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

main #renderapp #configurator #summary-options .actions li button:active,
main #renderapp #configurator #summary-preview .actions li button:active,
main #renderapp #configurator .configure #view .actions li button:active {
  background-color: #fff;
  border-color: #fff;
  color: #a7d835;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

main #renderapp #configurator #summary-options .actions,
main #renderapp #configurator #summary-preview .actions,
main #renderapp #configurator .configure #view .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  padding: .8125rem 2rem
}

main #renderapp #configurator #summary-options .actions li,
main #renderapp #configurator #summary-preview .actions li,
main #renderapp #configurator .configure #view .actions li {
  display: block;
  margin: .1875rem
}

main #renderapp #configurator #summary-preview .actions .send-to-a-retailer a,
main footer .send-to-a-retailer button {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2rem;
  color: #fff;
  display: block;
  font-size: .75rem;
  line-height: 1.125rem;
  margin: 0;
  outline: 0;
  padding: .375rem 1.125rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase
}

@media only screen and (min-width:768px) {
  main #renderapp #configurator #summary-preview .actions .send-to-a-retailer a,
  main footer .send-to-a-retailer button {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 1.5rem
  }
}

main #renderapp #configurator #summary-preview .actions .send-to-a-retailer a span,
main footer .send-to-a-retailer button span {
  display: block
}

main #renderapp #configurator #summary-preview .actions .send-to-a-retailer a:active,
main footer .send-to-a-retailer button:active {
  background-color: #fff;
  border-color: #fff;
  color: #a7d835;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

main header {
  background-color: #fff;
  display: block;
  height: 6rem;
  overflow: hidden;
  position: relative;
  width: 100%
}

main header img {
  display: none
}

@media only screen and (min-width:992px) {
  main header {
    background-color: transparent;
    bottom: 0;
    height: 6rem;
    left: 0;
    order: 2;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
  }
}

main footer {
  align-items: flex-start;
  background-color: #f8f8f8;
  border-top: 1px solid #d8d8d8;
  box-shadow: 0 .375rem .375rem -.125rem rgba(0,0,0,.15),0 .25rem .875rem .125rem rgba(0,0,0,.075),0 .5rem .625rem .125rem transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 1rem 2rem;
  position: relative;
  z-index: 1
}

main footer h2 {
  display: none
}

@media only screen and (min-width:992px) {
  main footer h2 {
    display: block;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    font-family: Montserrat SemiBold,sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.125rem;
    margin: auto 0;
    order: 1;
    padding: 0 2rem
  }
}

main footer .view-summary {
  display: none
}

@media only screen and (min-width:992px) {
  main footer .view-summary {
    display: block;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    margin: 0;
    order: 3;
    overflow: hidden;
    padding: 1rem 2rem 1rem 1rem
  }

  main footer .view-summary button {
    background-color: #a7d835;
    border: 1px solid #a7d835;
    border-radius: 2rem;
    box-shadow: 0 .5rem .5rem 0 rgba(0,0,0,.05),0 .5rem 1rem 0 rgba(0,0,0,.05),0 .5rem .5rem 0 rgba(0,0,0,.05);
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-family: Open Sans Bold,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    outline: 0;
    overflow: hidden;
    padding: .75rem 2.25rem;
    text-decoration: none;
    text-transform: none
  }

  main footer .view-summary button span {
    background: transparent url(../img/configurator/arrow-right.png) no-repeat 100%;
    background-size: 1rem;
    display: block;
    padding-right: 2rem;
    text-align: left
  }

  main footer .view-summary button:active {
    background-color: #fff;
    border-color: #fff;
    color: #a7d835;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease
  }
}

main footer .price-summary {
  display: block;
  margin: .5rem 0 0;
  padding: 0 4rem 0 0;
  width: 100%
}

main footer .price-summary dl {
  color: #606060;
  display: block;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  white-space: nowrap
}

main footer .price-summary dl .item {
  clear: none;
  display: block;
  float: left;
  width: auto
}

main footer .price-summary dl .item dd,
main footer .price-summary dl .item dt {
  display: inline
}

main footer .price-summary dl .item.base-price,
main footer .price-summary dl .item.options-price {
  max-height: 1.375rem
}

main footer .price-summary dl .item.base-price {
  margin-right: 1.125rem
}

main footer .price-summary dl .item.total-price {
  clear: both;
  color: #000;
  float: none;
  font-family: Montserrat SemiBold,sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
  margin-top: .25rem;
  width: auto
}

main footer .price-summary dl .item.total-price dt:after {
  content: ":"
}

main footer .price-summary p.vat-notice {
  color: #606060;
  display: none;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin: 0;
  padding: 0
}

@media only screen and (min-width:992px) {
  main footer .price-summary {
    align-items: flex-end;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: .5rem 0;
    order: 2;
    padding: 0 1.125rem 0 0;
    position: relative
  }

  main footer .price-summary dl .item {
    clear: unset;
    float: unset;
    text-align: right
  }

  main footer .price-summary dl .item.base-price,
  main footer .price-summary dl .item.options-price {
    margin: 0
  }

  main footer .price-summary dl .item.total-price {
    font-size: 1.5rem;
    line-height: 1.875rem
  }

  main footer .price-summary:after {
    background-color: #d8d8d8;
    bottom: 1rem;
    content: " ";
    position: absolute;
    right: 0;
    top: 1rem;
    width: 1px
  }
}

main footer .send-to-a-retailer {
  display: block;
  margin: 0 0 .5rem;
  padding: 0;
  white-space: nowrap
}

@media only screen and (min-width:992px) {
  main footer .send-to-a-retailer {
    display: none
  }

  main footer {
    align-items: center;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 .375rem .375rem -.125rem rgba(0,0,0,.15),0 .25rem .875rem .125rem rgba(0,0,0,.075),0 .5rem .625rem .125rem transparent;
    flex: 0 0 5.5rem;
    flex-direction: row;
    margin: 0;
    order: 1;
    overflow: hidden;
    padding: 0;
    z-index: 1
  }
}

main #renderapp #configurator .configure #view #viewport {
  background-color: #f8f8f8;
  border: 1px solid #dedede;
  height: 20rem;
  margin: 1px;
  overflow: hidden;
  padding: 0;
  position: relative
}

main #renderapp #configurator .configure #view #viewport #img1,
main #renderapp #configurator .configure #view #viewport #img2 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .5s ease
}

main #renderapp #configurator .configure #view #viewport #img1.hide,
main #renderapp #configurator .configure #view #viewport #img2.hide {
  opacity: 0
}

main #renderapp #configurator .configure #view #viewport #img1.show,
main #renderapp #configurator .configure #view #viewport #img2.show {
  opacity: 1
}

main #renderapp #configurator .configure #view #viewport #img1 img,
main #renderapp #configurator .configure #view #viewport #img2 img {
  flex: 1 1 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

main #renderapp #configurator .configure #view #viewport #trackpad {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

main #renderapp #configurator .configure #view #viewport #trackpad .controls {
  display: none
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #view #viewport #trackpad .controls {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: Open Sans Regular,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 1.375rem;
    text-align: center;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button {
    background-color: #414141;
    border: 1px solid #414141;
    border-radius: 3rem;
    color: #fff;
    display: block;
    font-size: inherit;
    height: 3rem;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button.prev {
    left: 3rem
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button.prev:after {
    margin-left: -2px;
    transform: translate(-50%,-50%) rotate(270deg)
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button.next {
    right: 3rem
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button.next:after {
    margin-left: 2px;
    transform: translate(-50%,-50%) rotate(90deg)
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button span {
    display: none
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button:after {
    speak: none;
    content: "";
    font-family: fontello;
    font-size: 1rem;
    font-weight: 700;
    height: 1rem;
    left: 50%;
    line-height: 1rem;
    position: absolute;
    text-align: center;
    top: 50%
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button:hover {
    background-color: #a7d835;
    border-color: #a7d835;
    color: #fff;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease
  }

  main #renderapp #configurator .configure #view #viewport #trackpad .controls button:active {
    background-color: #fff;
    border-color: #fff;
    color: #a7d835;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease
  }
}

@media only screen and (min-width:576px) {
  main #renderapp #configurator .configure #view #viewport {
    height: 26rem
  }
}

@media only screen and (min-width:768px) {
  main #renderapp #configurator .configure #view #viewport {
    height: 32rem
  }
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #view #viewport {
    border: none;
    height: calc(100% - 96px);
    margin: 0;
    padding: 0;
    z-index: 0
  }
}

main #renderapp #configurator .configure #view {
  background-color: #fff;
  color: #606060;
  flex: 0 0 auto
}

main #renderapp #configurator .configure #view .actions {
  align-items: center;
  background-color: #f8f8f8;
  color: #000;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 1.125rem
}

main #renderapp #configurator .configure #view .actions li {
  margin-left: 0
}

main #renderapp #configurator .configure #view .actions li button {
  background-color: #f8f8f8;
  color: #000
}

main #renderapp #configurator .configure #view .actions li button.reset,
main #renderapp #configurator .configure #view .actions li button.reset span {
  color: #fff
}

main #renderapp #configurator .configure #view .actions li button.reset span:before {
  content: ""
}

main #renderapp #configurator .configure #view .actions li button.share,
main #renderapp #configurator .configure #view .actions li button.share span {
  color: #000
}

main #renderapp #configurator .configure #view .actions li button.share span:before {
  content: ""
}

main #renderapp #configurator .configure #view .actions li button.print,
main #renderapp #configurator .configure #view .actions li button.print span {
  color: #000
}

main #renderapp #configurator .configure #view .actions li button.print span:before {
  content: ""
}

main #renderapp #configurator .configure #view .actions li button.print:active,
main #renderapp #configurator .configure #view .actions li button.print:active span,
main #renderapp #configurator .configure #view .actions li button.reset:active,
main #renderapp #configurator .configure #view .actions li button.reset:active span,
main #renderapp #configurator .configure #view .actions li button.share:active,
main #renderapp #configurator .configure #view .actions li button.share:active span {
  color: #a7d835
}

main #renderapp #configurator .configure #view .actions li button.print:hover,
main #renderapp #configurator .configure #view .actions li button.print:hover span,
main #renderapp #configurator .configure #view .actions li button.reset:hover,
main #renderapp #configurator .configure #view .actions li button.reset:hover span,
main #renderapp #configurator .configure #view .actions li button.share:hover,
main #renderapp #configurator .configure #view .actions li button.share:hover span {
  color: #fff
}

main #renderapp #configurator .configure #view .actions li button span {
  padding-left: 1.5rem
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #view .actions {
    background-color: transparent;
    order: 1;
    padding: 0;
    position: absolute;
    right: 2rem;
    top: 1rem
  }

  main #renderapp #configurator .configure #view .actions li {
    margin-bottom: 0;
    margin-top: 0
  }

  main #renderapp #configurator .configure #view .actions li:last-of-type {
    margin-right: 0
  }

  main #renderapp #configurator .configure #view .actions li button {
    font-family: Open Sans Regular,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem
  }
}

main #renderapp #configurator .configure #view .controls {
  align-items: center;
  background-color: #f8f8f8;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 1.125rem;
  padding: 1rem 1rem 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase
}

main #renderapp #configurator .configure #view .controls span {
  padding: 0 1rem;
  text-transform: uppercase
}

main #renderapp #configurator .configure #view .controls button {
  background-color: #414141;
  border: 1px solid #414141;
  border-radius: 3rem;
  color: #fff;
  display: block;
  height: 2rem;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  width: 2rem
}

main #renderapp #configurator .configure #view .controls button.prev:after {
  transform: translate(-50%,-50%) rotate(270deg)
}

main #renderapp #configurator .configure #view .controls button.next:after {
  transform: translate(-50%,-50%) rotate(90deg)
}

main #renderapp #configurator .configure #view .controls button span {
  display: none
}

main #renderapp #configurator .configure #view .controls button:after {
  speak: none;
  content: "";
  font-family: fontello;
  font-size: .875rem;
  font-weight: 700;
  height: 1rem;
  left: 50%;
  line-height: .875rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

main #renderapp #configurator .configure #view .controls button:hover {
  background-color: #a7d835;
  border-color: #a7d835;
  color: #fff;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

main #renderapp #configurator .configure #view .controls button:active {
  background-color: #fff;
  border-color: #fff;
  color: #a7d835;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #view .controls {
    display: none
  }

  main #renderapp #configurator .configure #view {
    border-left: 1px solid #efefef;
    flex: 0 1 100%;
    height: calc(100vh - 5.5rem);
    order: 3;
    position: relative;
    width: 100%;
    z-index: 3
  }
}

main #renderapp #configurator .configure #menu {
  display: none
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #menu {
    background-color: #e4e4e4;
    border-right: 1px solid #d8d8d8;
    color: #606060;
    display: block;
    flex: 0 0 10rem;
    height: calc(100vh - 5.5rem);
    order: 1;
    overflow: auto;
    width: 10rem;
    z-index: 0
  }

  main #renderapp #configurator .configure #menu > ul,
  main #renderapp #configurator .configure #menu > ul > li {
    border: none;
    display: block;
    list-style-type: none;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 100%
  }

  main #renderapp #configurator .configure #menu > ul > li {
    background-color: #e4e4e4;
    border-bottom: 1px solid #efefef;
    color: #606060;
    cursor: pointer;
    max-height: 9.625rem;
    overflow: hidden;
    text-align: center;
    transition: max-height .5s ease
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-seven {
    height: 9.625rem;
    max-height: 9.625rem
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-seven .title img {
    height: 46px;
    width: 46px
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-pack {
    height: 7.75rem;
    max-height: 7.75rem
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-pack.disabled {
    display: none
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-pack .title img {
    height: 15px;
    width: 46px
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-specs {
    max-height: 10rem;
    min-height: 10rem;
    transition: max-height .5s ease
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-specs .title {
    overflow: hidden;
    padding-bottom: 2rem;
    position: relative
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-specs .title:after {
    speak: none;
    bottom: .5rem;
    content: "";
    font-family: fontello;
    font-size: 1rem;
    font-weight: 700;
    height: 1.375rem;
    left: 0;
    line-height: 1.375rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    transform: rotate(0);
    transition: transform .5s
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-specs .title img {
    height: 36px;
    width: 36px
  }

  main #renderapp #configurator .configure #menu > ul > li.choose-your-view .title img {
    height: 15px;
    width: 46px
  }

  main #renderapp #configurator .configure #menu > ul > li.active {
    background-color: #fff;
    color: #000;
    max-height: 100vh;
    transition: max-height .5s ease
  }

  main #renderapp #configurator .configure #menu > ul > li.active .title h3,
  main #renderapp #configurator .configure #menu > ul > li.active .title p {
    background-color: transparent;
    color: #000
  }

  main #renderapp #configurator .configure #menu > ul > li.active.choose-your-specs .title {
    padding-bottom: 1.625rem
  }

  main #renderapp #configurator .configure #menu > ul > li.active.choose-your-specs .title:after {
    background-color: transparent;
    bottom: 2px;
    color: #000;
    transform: rotate(180deg);
    transition: transform .5s
  }

  main #renderapp #configurator .configure #menu > ul > li.active.choose-your-specs .panel > li:first-child {
    padding-top: .375rem
  }

  main #renderapp #configurator .configure #menu > ul > li .title {
    padding: 1rem
  }

  main #renderapp #configurator .configure #menu > ul > li .title h3 {
    color: #000;
    display: block;
    font-family: Montserrat Bold,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin: 0 0 .75rem;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #menu > ul > li .title p {
    color: #606060;
    display: block;
    font-family: Open Sans Regular,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
    margin: .75rem 0 0;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #menu > ul > li .title img {
    display: block;
    margin: 0 auto;
    mix-blend-mode: multiply
  }

  main #renderapp #configurator .configure #menu > ul > li .panel {
    display: block;
    list-style-type: none;
    margin: .875rem 0;
    padding: 0
  }

  main #renderapp #configurator .configure #menu > ul > li .panel > li {
    background-color: transparent;
    border: none;
    color: #606060;
    font-family: Open Sans Regular,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    padding: .375rem 2rem;
    text-align: left;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #menu > ul > li .panel > li:first-child {
    padding-top: 0
  }

  main #renderapp #configurator .configure #menu > ul > li .panel > li.active {
    background-color: transparent;
    color: #000;
    font-family: Open Sans Bold,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer,
  main #renderapp #configurator .configure #menu .view-summary {
    cursor: pointer;
    display: flex;
    justify-content: center;
    outline: 0;
    overflow: hidden;
    padding: 0;
    text-align: center
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer .title,
  main #renderapp #configurator .configure #menu .view-summary .title {
    padding: 1rem
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer .title h3,
  main #renderapp #configurator .configure #menu .view-summary .title h3 {
    display: block;
    font-family: Montserrat Bold,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin: 0 0 .75rem;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer .title p,
  main #renderapp #configurator .configure #menu .view-summary .title p {
    display: block;
    font-family: Open Sans Regular,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
    margin: .75rem 0 0;
    text-transform: uppercase
  }

  main #renderapp #configurator .configure #menu .view-summary {
    background-color: #e4e4e4;
    border-bottom: 1px solid #efefef;
    color: #606060
  }

  main #renderapp #configurator .configure #menu .view-summary button {
    background-color: transparent;
    border: none;
    color: #606060;
    display: block;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    width: 100%
  }

  main #renderapp #configurator .configure #menu .view-summary button .title h3 {
    color: #000
  }

  main #renderapp #configurator .configure #menu .view-summary button .title p {
    color: #606060
  }

  main #renderapp #configurator .configure #menu .view-summary button .title img {
    display: block;
    height: 15px;
    margin: 0 auto;
    mix-blend-mode: multiply;
    width: 46px
  }

  main #renderapp #configurator .configure #menu .view-summary button:active {
    background-color: #fff;
    color: #000
  }

  main #renderapp #configurator .configure #menu .view-summary button:active .title h3,
  main #renderapp #configurator .configure #menu .view-summary button:active .title p {
    color: #000
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer {
    background-color: #999;
    border-bottom: 1px solid #efefef;
    color: #fff
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer button {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    width: 100%
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer button .title h3,
  main #renderapp #configurator .configure #menu .send-to-a-retailer button .title p {
    color: #fff
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer button:active {
    background-color: #fff;
    color: #000
  }

  main #renderapp #configurator .configure #menu .send-to-a-retailer button:active .title h3,
  main #renderapp #configurator .configure #menu .send-to-a-retailer button:active .title p {
    color: #000
  }
}

main #renderapp #configurator .configure #options #menu-list {
  background-color: #fff;
  border: none;
  color: #606060;
  display: block;
  order: 2
}

main #renderapp #configurator .configure #options #menu-list h2 {
  background-color: #000;
  border: none;
  color: #fff;
  font-family: Montserrat SemiBold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  padding: 1rem 2rem
}

main #renderapp #configurator .configure #options #menu-list ul {
  display: block;
  font-family: Montserrat SemiBold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  list-style-type: none;
  padding: 0
}

main #renderapp #configurator .configure #options #menu-list ul li {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  color: #606060;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 1rem 2rem;
  position: relative;
  text-transform: uppercase
}

main #renderapp #configurator .configure #options #menu-list ul li span {
  display: block;
  padding-right: 3rem;
  word-break: break-all
}

main #renderapp #configurator .configure #options #menu-list ul li.choose-your-pack.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-list ul li:after {
  speak: none;
  content: "";
  font-family: fontello;
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 2rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 5rem
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-list,
  main #renderapp #configurator .configure #options #menu-list .choose-your-pack.disabled {
    display: none
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.tooltip,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.tooltip {
  background-color: gold;
  border: none;
  display: block;
  height: auto;
  margin: 0;
  opacity: 0;
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: opacity .5s,top .5s ease,left .5s ease,transform .5s ease;
  white-space: nowrap;
  width: auto;
  z-index: 1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.tooltip .text-content,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.tooltip .text-content {
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  height: 100%;
  margin: 0;
  outline: 0;
  overflow: visible;
  padding: 5px 11px;
  width: 100%
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.active.tooltip,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.active.tooltip {
  opacity: 1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.mezzo.tooltip,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.mezzo.tooltip {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.above.tooltip,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.above.tooltip {
  left: -5px;
  top: -36px;
  transform: translate(0)
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.125rem;
  max-height: none;
  min-height: auto;
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%
}

@media (max-width:26rem) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
    font-size: .75rem;
    line-height: 1.125rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 {
    max-height: 3.75rem;
    min-height: 3.75rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4:after {
    bottom: 19px;
    top: 19px
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 span {
    width: 17rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion.expanded {
    max-height: 200vh
  }
}

@media only screen and (max-width:575.98px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
    font-size: .75rem;
    line-height: 1.125rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4 {
    max-height: 2.375rem;
    min-height: 2.375rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4:after {
    bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: .5rem;
    transform: rotate(180deg);
    transition: transform .5s
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded {
    max-height: 200vh
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded h4:after {
    transform: rotate(0)
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 {
    max-height: 3.75rem;
    min-height: 3.75rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4:after {
    bottom: 19px;
    top: 19px
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 span {
    width: 17rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion.expanded {
    max-height: 200vh
  }
}

@media only screen and (min-width:576px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
    font-size: .75rem;
    line-height: 1.125rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4 {
    max-height: 2.375rem;
    min-height: 2.375rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4:after {
    bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: .5rem;
    transform: rotate(180deg);
    transition: transform .5s
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded {
    max-height: 200vh
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded h4:after {
    transform: rotate(0)
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 {
    max-height: 3.75rem;
    min-height: 3.75rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4:after {
    bottom: 19px;
    top: 19px
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 span {
    width: 17rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion.expanded {
    max-height: 200vh
  }
}

@media only screen and (min-width:768px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
    font-size: .75rem;
    line-height: 1.125rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4 {
    max-height: 2.375rem;
    min-height: 2.375rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4:after {
    bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: .5rem;
    transform: rotate(180deg);
    transition: transform .5s
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded {
    max-height: 200vh
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.expanded h4:after {
    transform: rotate(0)
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion,
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 {
    max-height: 3.75rem;
    min-height: 3.75rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4:after {
    bottom: 19px;
    top: 19px
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion h4 span {
    width: 17rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap #painted-noseband-full-decal-packs.accordion.expanded {
    max-height: 200vh
  }
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap {
    font-size: .75rem;
    line-height: 1.125rem;
    max-height: 100%;
    min-height: 0
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion {
  border-bottom: 1px solid #fff;
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  max-height: 2.375rem;
  min-height: auto;
  overflow: hidden;
  transition: max-height .5s ease-in-out
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion:last-of-type {
  border-bottom: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4 {
  background-color: #e4e4e4;
  border: none;
  color: #000;
  cursor: pointer;
  display: block;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0;
  min-width: 20rem;
  outline: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4 span {
  cursor: default;
  display: block;
  padding: .5rem 3rem .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion h4:after {
  speak: none;
  content: "";
  font-family: fontello;
  font-size: 1rem;
  font-weight: 700;
  height: 1.375rem;
  line-height: 1.375rem;
  overflow: hidden;
  text-align: center
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows {
  background-color: #fff;
  color: #606060;
  height: auto;
  text-transform: none;
  width: 100%
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows h5 {
  background-color: #fff;
  border: none;
  color: #606060;
  cursor: pointer;
  display: block;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  text-transform: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows h5 span {
  border: none;
  cursor: default;
  display: block;
  margin: 0;
  outline: 0;
  padding: .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel select {
  margin: .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label {
  cursor: pointer;
  display: block;
  margin: 0;
  min-height: 1.25rem;
  outline: 0;
  overflow: hidden;
  padding: .5rem 1rem;
  position: relative;
  background-color: #fff;
  color: #606060
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span {
  color: #000;
  display: block;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.input {
  clear: none;
  float: left;
  height: 1.125rem;
  width: 2rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.input input {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.name {
  background-color: transparent;
  color: #000;
  display: inline
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.description {
  background-color: transparent;
  color: #000;
  display: block;
  margin: 2px 0 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label span.price {
  background-color: transparent;
  clear: none;
  color: #a7d835;
  display: block;
  float: right;
  font-family: Open Sans Bold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem;
  padding-left: 1rem;
  text-align: right
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label:after {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #a7d835;
  content: " ";
  cursor: pointer;
  font-family: fontello;
  font-size: 1rem;
  height: 1.25rem;
  left: 1rem;
  line-height: 1.125rem;
  position: absolute;
  text-align: center;
  top: .4375rem;
  width: 1.25rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label.selected:after {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2px;
  color: #fff;
  content: ""
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours {
  padding: 0 .75rem;
  background-color: #fff;
  color: #606060
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label {
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  margin: .25rem;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  padding: 0;
  width: 2rem;
  background-color: #fff;
  color: #606060;
  overflow: visible
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label span.description,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label span.input,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label span.name,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label span.price,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label:after {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.acid-green {
  background-color: #d1dd27
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.admiralty-blue {
  background-color: #1e2045
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.aegean {
  background-color: #007ea4
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.atlantic-blue {
  background-color: #009
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.arancio-argos {
  background-color: #f05440
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.ballistic-orange {
  background-color: #f37221
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.birch-white {
  background-color: #f3f0e8
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.biscuit-beige {
  background-color: #e9d7c1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.black {
  background-color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.black-grey {
  background-color: #292928
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.bright-red {
  background-color: #d21e12
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.bordeaux-red {
  background-color: #2b1718
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.burgundy {
  background-color: #5c0b1a
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.carbon {
  background: url(../img/configurator/swatch-carbon.jpg) 50%;
  background-size: cover
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.caribbean-blue {
  background-color: #7fa9bf
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.carmine-red {
  background-color: #a80812
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.cherry-red {
  background-color: #af0913
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.cobalt-blue {
  background-color: #0e134d
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.competition-red {
  background-color: #a9282d
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.cosmos-blue {
  background-color: #039
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.cream {
  background-color: #ccc
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.crystaline-white {
  background-color: #e4e0d7
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.cyclamen {
  background-color: #c06
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.dark-grey {
  background-color: #343e4a
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.dark-silver {
  background-color: #696c6c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.denim-blue {
  background-color: #006
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.detonator-yellow {
  background-color: #fec353
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.dove-grey {
  background-color: #999
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.exocet-red {
  background-color: #d71e27
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.firecracker-yellow {
  background-color: #f3aa1e
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.forest-green {
  background-color: #033
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.ginger {
  background-color: #e0ac63
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.gold {
  background-color: #927f44
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.graphite {
  background-color: #4a5c68
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.grass-green {
  background-color: #090
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.gravity-black {
  background-color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.gulf-blue {
  background-color: #b6d1e3
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.gunmetal {
  background-color: #475057
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.hyper-green {
  background-color: #389e47
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.kelly-green {
  background-color: #063
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.lavender {
  background-color: #96c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.light-aqua {
  background-color: #09c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.light-blue {
  background-color: #39c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.lime-green {
  background-color: #6c3
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.luminous-cyan {
  background-color: #0280ee
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.luminous-green {
  background-color: #01b847
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.luminous-orange {
  background-color: #fd690b
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.luminous-red {
  background-color: #ec1e1c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.luminous-yellow {
  background-color: #ff0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.marigold {
  background-color: #e16f0b
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.marina-blue {
  background-color: #03c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.matt-black {
  background-color: #0a0d12
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.nardo-grey {
  background-color: #8b8889
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.olympic-blue {
  background-color: #09f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.orange {
  background-color: #da580c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.oxford-white {
  background-color: #fffbf0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.peppermint {
  background-color: #6cc
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.peppermint-green {
  background-color: #54bab6
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.pink {
  background-color: #df8cc4
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.polar-white {
  background-color: #fff
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.primrose-yellow {
  background-color: #dfd912
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.racing-green {
  background-color: #11261f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.riviera-blue {
  background-color: #1785c7
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.saxony-grey {
  background-color: #a79e7e
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.serengeti-orange {
  background-color: #e85211
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.silver {
  background-color: #87909f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.sunflower-yellow {
  background-color: #ddae08
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.tomato-red {
  background-color: #c41416
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.turquoise {
  background-color: #01aac9
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.tuscany-red {
  background-color: #f6000f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.ultra-violet,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.ultraviolet {
  background-color: #282365
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.vintage-green {
  background-color: #004438
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.violet {
  background-color: #309
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.viper-blue {
  background-color: #242d68
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.volcano-red {
  background-color: #cc0202
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.warm-red {
  background-color: #ce2415
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.white {
  background-color: #fff
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.yellow {
  background-color: #e0c208
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected:after {
  background-color: transparent;
  border: none;
  color: #fff;
  display: block;
  font-size: 1rem;
  left: 50%;
  line-height: 1.25rem;
  top: 50%;
  transform: translate(-50%,-50%)
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.birch-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.biscuit-beige:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.crystaline-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.oxford-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.polar-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.selected.white:after {
  color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .bloblets {
  width: 12.5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack {
  margin-bottom: .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack label.thumbnail {
  min-height: 2.25rem;
  padding: .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack label.thumbnail img {
  height: 20px;
  left: 3rem;
  position: absolute;
  top: .5rem;
  width: auto
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack label.thumbnail:after {
  left: 1rem;
  top: .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack label .name {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack.selected label:after {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2px;
  color: #fff;
  content: ""
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .pack .description {
  background-color: transparent;
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 2rem;
  padding-right: 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .range:first-of-type h6 {
  margin-top: 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .label,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel .range.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .label.colours {
  display: block;
  padding: 0 1rem .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel {
  background-color: #fff;
  color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label.thumbnail {
  min-height: 4.125rem;
  padding-left: 4.75rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label.thumbnail img {
  border: none;
  display: block;
  height: 50px;
  left: .875rem;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: .5rem;
  width: 50px
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel label.thumbnail:after {
  left: 4.75rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.thumbnail {
  min-height: unset;
  padding: 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.thumbnail img,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours label.thumbnail span {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .range h6 {
  background-color: #fff;
  border: none;
  color: #606060;
  display: flex;
  flex-direction: row;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin: .5rem 0;
  outline: 0;
  overflow: hidden;
  padding: 0 .25rem;
  text-transform: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .range h6 span {
  border: none;
  margin: 0;
  outline: 0;
  padding: 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .range h6 span.title {
  background-color: transparent;
  color: #606060;
  display: block;
  flex-grow: 1;
  font-size: .875rem;
  line-height: 1.125rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .range h6 span.price {
  background-color: transparent;
  color: #a7d835;
  display: block;
  flex-shrink: 0;
  font-family: Open Sans Bold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem;
  padding-left: 1rem;
  text-align: right
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows .group .panel.colours .range:first-of-type h6 {
  margin-top: 0
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion {
    flex: 1 1 100%
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .strap .accordion .bellows {
    flex: 1 1 100%;
    overflow-x: hidden;
    overflow-y: auto
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack {
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 1.125rem;
  max-height: none;
  min-height: auto;
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel select {
  margin: .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label {
  cursor: pointer;
  display: block;
  margin: 0;
  min-height: 1.25rem;
  outline: 0;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: none;
  border-top: 1px solid #d8d8d8;
  color: #000;
  padding: .9375rem 1rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span {
  color: #000;
  display: block;
  font-family: Open Sans Regular,sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  text-align: left
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.input {
  clear: none;
  float: left;
  height: 1.125rem;
  width: 2rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.input input {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: -1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.name {
  background-color: transparent;
  color: #000;
  display: inline
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.description {
  background-color: transparent;
  color: #000;
  display: block;
  margin: 2px 0 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label span.price {
  background-color: transparent;
  clear: none;
  color: #a7d835;
  display: block;
  float: right;
  font-family: Open Sans Bold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem;
  padding-left: 1rem;
  text-align: right
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label:after {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  color: #a7d835;
  content: " ";
  cursor: pointer;
  font-family: fontello;
  font-size: 1rem;
  height: 1.25rem;
  line-height: 1.125rem;
  position: absolute;
  text-align: center;
  top: .4375rem;
  width: 1.25rem;
  left: 1rem;
  top: .9375rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.selected:after {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2px;
  color: #fff;
  content: "";
  left: .875rem;
  top: .875rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours {
  padding: 0 .75rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label {
  background-color: transparent;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  margin: .25rem;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  overflow: visible;
  padding: 0;
  width: 2rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label span.description,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label span.input,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label span.name,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label span.price,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label:after {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.acid-green {
  background-color: #d1dd27
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.admiralty-blue {
  background-color: #1e2045
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.aegean {
  background-color: #007ea4
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.atlantic-blue {
  background-color: #009
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.arancio-argos {
  background-color: #f05440
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.ballistic-orange {
  background-color: #f37221
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.birch-white {
  background-color: #f3f0e8
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.biscuit-beige {
  background-color: #e9d7c1
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.black {
  background-color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.black-grey {
  background-color: #292928
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.bright-red {
  background-color: #d21e12
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.bordeaux-red {
  background-color: #2b1718
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.burgundy {
  background-color: #5c0b1a
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.carbon {
  background: url(../img/configurator/swatch-carbon.jpg) 50%;
  background-size: cover
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.caribbean-blue {
  background-color: #7fa9bf
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.carmine-red {
  background-color: #a80812
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.cherry-red {
  background-color: #af0913
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.cobalt-blue {
  background-color: #0e134d
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.competition-red {
  background-color: #a9282d
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.cosmos-blue {
  background-color: #039
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.cream {
  background-color: #ccc
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.crystaline-white {
  background-color: #e4e0d7
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.cyclamen {
  background-color: #c06
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.dark-grey {
  background-color: #343e4a
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.dark-silver {
  background-color: #696c6c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.denim-blue {
  background-color: #006
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.detonator-yellow {
  background-color: #fec353
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.dove-grey {
  background-color: #999
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.exocet-red {
  background-color: #d71e27
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.firecracker-yellow {
  background-color: #f3aa1e
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.forest-green {
  background-color: #033
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.ginger {
  background-color: #e0ac63
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.gold {
  background-color: #927f44
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.graphite {
  background-color: #4a5c68
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.grass-green {
  background-color: #090
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.gravity-black {
  background-color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.gulf-blue {
  background-color: #b6d1e3
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.gunmetal {
  background-color: #475057
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.hyper-green {
  background-color: #389e47
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.kelly-green {
  background-color: #063
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.lavender {
  background-color: #96c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.light-aqua {
  background-color: #09c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.light-blue {
  background-color: #39c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.lime-green {
  background-color: #6c3
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.luminous-cyan {
  background-color: #0280ee
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.luminous-green {
  background-color: #01b847
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.luminous-orange {
  background-color: #fd690b
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.luminous-red {
  background-color: #ec1e1c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.luminous-yellow {
  background-color: #ff0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.marigold {
  background-color: #e16f0b
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.marina-blue {
  background-color: #03c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.matt-black {
  background-color: #0a0d12
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.nardo-grey {
  background-color: #8b8889
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.olympic-blue {
  background-color: #09f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.orange {
  background-color: #da580c
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.oxford-white {
  background-color: #fffbf0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.peppermint {
  background-color: #6cc
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.peppermint-green {
  background-color: #54bab6
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.pink {
  background-color: #df8cc4
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.polar-white {
  background-color: #fff
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.primrose-yellow {
  background-color: #dfd912
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.racing-green {
  background-color: #11261f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.riviera-blue {
  background-color: #1785c7
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.saxony-grey {
  background-color: #a79e7e
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.serengeti-orange {
  background-color: #e85211
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.silver {
  background-color: #87909f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.sunflower-yellow {
  background-color: #ddae08
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.tomato-red {
  background-color: #c41416
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.turquoise {
  background-color: #01aac9
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.tuscany-red {
  background-color: #f6000f
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.ultra-violet,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.ultraviolet {
  background-color: #282365
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.vintage-green {
  background-color: #004438
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.violet {
  background-color: #309
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.viper-blue {
  background-color: #242d68
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.volcano-red {
  background-color: #cc0202
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.warm-red {
  background-color: #ce2415
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.white {
  background-color: #fff
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.yellow {
  background-color: #e0c208
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected:after {
  background-color: transparent;
  border: none;
  color: #fff;
  display: block;
  font-size: 1rem;
  left: 50%;
  line-height: 1.25rem;
  top: 50%;
  transform: translate(-50%,-50%)
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.birch-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.biscuit-beige:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.crystaline-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.oxford-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.polar-white:after,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.selected.white:after {
  color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours label.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel.colours .bloblets {
  width: 12.5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack {
  margin-bottom: .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack label.thumbnail {
  min-height: 2.25rem;
  padding: .5rem 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack label.thumbnail img {
  height: 20px;
  left: 3rem;
  position: absolute;
  top: .5rem;
  width: auto
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack label.thumbnail:after {
  left: 1rem;
  top: .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack label .name {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack.selected label:after {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2px;
  color: #fff;
  content: ""
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .pack .description {
  background-color: transparent;
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 2rem;
  padding-right: 1rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .range:first-of-type h6 {
  margin-top: 0
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .label,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel .range.disabled {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .label.colours {
  display: block;
  padding: 0 1rem .5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel {
  background-color: #fff;
  color: #000
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label:last-of-type {
  border-bottom: 1px solid #d8d8d8
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label img {
  display: none
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.selected {
  border: 2px solid #a7d835;
  padding: .875rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail img {
  border: none;
  display: block;
  height: 74px;
  margin: 0 auto 1rem;
  outline: 0;
  padding: 0;
  width: 204px
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail:after {
  top: 6.5rem
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail.selected:after {
  top: 6.4375rem
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail img {
    height: 80px;
    width: 220px
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail:after {
    top: 6.875rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack .group .panel label.thumbnail.selected:after {
    top: 6.8125rem
  }
}

@media only screen and (max-width:575.98px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack {
    font-size: .75rem;
    line-height: 1.125rem
  }
}

@media only screen and (min-width:576px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack {
    font-size: .75rem;
    line-height: 1.125rem
  }
}

@media only screen and (min-width:768px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack {
    font-size: .75rem;
    line-height: 1.125rem
  }
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item .stack {
    font-size: .75rem;
    height: 100%;
    line-height: 1.125rem;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item {
  background-color: #fff;
  color: #000;
  display: block;
  font-size: .75rem;
  height: auto;
  left: 100%;
  line-height: 1.125rem;
  max-height: none;
  min-height: 100%;
  overflow: visible;
  position: absolute;
  right: -100%;
  top: 0;
  transition: left .5s ease-in-out,right .5s ease-in-out;
  width: 100%
}

main #renderapp #configurator .configure #options #menu-view .active.menu-view-item,
main #renderapp #configurator .configure #options #menu-view .initialise.menu-view-item {
  left: 0;
  right: 0;
  z-index: 1
}

main #renderapp #configurator .configure #options #menu-view .initialise.menu-view-item {
  transition: unset
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item {
    max-height: 100%;
    min-height: 100%
  }

  main #renderapp #configurator .configure #options #menu-view .active.menu-view-item {
    transition: left .5s ease-in-out,right .5s ease-in-out
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item h3 {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 0 0 5rem;
  position: relative;
  text-transform: uppercase
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item h3 span {
  cursor: default;
  display: block;
  padding: 1rem
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item h3 span {
    cursor: default;
    display: block;
    padding: 1.625rem 1rem
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item h3:after {
  speak: none;
  border-right: 1px solid #d8d8d8;
  bottom: 0;
  content: "";
  font-family: fontello;
  font-size: 1rem;
  font-weight: 700;
  left: 0;
  padding: 1rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 5rem
}

@media only screen and (max-width:575.98px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item h3 {
    padding-left: 3rem
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item h3:after {
    width: 3rem
  }
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item h3 {
    cursor: default;
    display: block;
    font-family: Montserrat Bold,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    margin: 0;
    padding: 0
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item h3:after {
    display: none
  }
}

main #renderapp #configurator .configure #options #menu-view .menu-view-item .group.disabled,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .group[data-group=gaitorsclr] h5.title,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .group[data-group=seatclrs] h5.title,
main #renderapp #configurator .configure #options #menu-view .menu-view-item .group[data-group=sidepanelsclr] h5.title {
  display: none
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view .menu-view-item {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 0
  }

  main #renderapp #configurator .configure #options #menu-view .menu-view-item p {
    margin: 1rem
  }
}

main #renderapp #configurator .configure #options #menu-view {
  background-color: #fff;
  color: #000;
  display: block;
  font-size: .75rem;
  height: auto;
  line-height: 1.125rem;
  width: 100%
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options #menu-view {
    background-color: #fff;
    color: #000;
    display: block;
    height: auto;
    width: 20rem
  }
}

main #renderapp #configurator .configure #options {
  background-color: #fff;
  color: #606060;
  flex: 0 0 auto;
  order: 1;
  position: relative
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator .configure #options {
    flex: 0 0 20rem;
    height: calc(100vh - 5.5rem);
    order: 2;
    width: 20rem;
    z-index: 0
  }
}

main #renderapp #configurator #summary-preview {
  background: radial-gradient(ellipse at center,#f8f8f8 25%,#e5e5e5 100%);
  display: flex;
  flex-direction: column;
  overflow: hidden
}

main #renderapp #configurator #summary-preview .banner {
  border-bottom: 1px solid #dedede;
  flex: 0 0 auto;
  overflow: hidden
}

main #renderapp #configurator #summary-preview .actions .send-to-a-retailer {
  display: inline-block;
  white-space: nowrap
}

main #renderapp #configurator #summary-preview .content {
  flex: 1 1 100%;
  overflow: hidden;
  position: relative
}

main #renderapp #configurator #summary-preview .content img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0;
  position: absolute;
  transition: opacity .5s ease-in;
  width: 100%
}

@media only screen and (max-width:575.98px)and (orientation:portrait) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 0;
    height: 100%;
    top: 0;
    transform: none
  }
}

@media only screen and (max-width:575.98px)and (orientation:landscape) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%)
  }
}

@media only screen and (min-width:576px)and (orientation:portrait) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 0;
    height: 100%;
    top: 0;
    transform: unset
  }
}

@media only screen and (min-width:576px)and (orientation:landscape) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%)
  }
}

@media only screen and (min-width:768px)and (orientation:portrait) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 0;
    height: 100%;
    top: 0;
    transform: unset
  }
}

@media only screen and (min-width:768px)and (orientation:landscape) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%)
  }
}

@media only screen and (min-width:992px)and (orientation:portrait) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: unset;
    height: auto;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%
  }
}

@media only screen and (min-width:992px)and (orientation:landscape) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: unset;
    height: 100%;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto
  }
}

@media only screen and (min-width:1200px)and (orientation:portrait) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: unset;
    height: auto;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%
  }
}

@media only screen and (min-width:1200px)and (orientation:landscape) {
  main #renderapp #configurator #summary-preview .content img {
    bottom: unset;
    height: 100%;
    left: 50%;
    right: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto
  }
}

main #renderapp #configurator #summary-preview .content img.hide {
  opacity: 0
}

main #renderapp #configurator #summary-preview .content img.show {
  opacity: 1
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator #summary-preview {
    z-index: 5
  }

  main #renderapp #configurator #summary-preview .banner p {
    display: none
  }
}

main #renderapp #configurator #summary-options,
main #renderapp #configurator #summary-preview {
  bottom: -100%;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom .5s ease
}

@media (max-width:575.98px) {
  main #renderapp #configurator #summary-options,
  main #renderapp #configurator #summary-preview {
    z-index: 1
  }
}

@media (min-width:576px)and (max-width:767.98px) {
  main #renderapp #configurator #summary-options,
  main #renderapp #configurator #summary-preview {
    z-index: 1
  }
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options,
  main #renderapp #configurator #summary-preview {
    z-index: 1
  }
}

main #renderapp #configurator .active#summary-options,
main #renderapp #configurator .active#summary-preview {
  bottom: 0
}

main #renderapp #configurator #summary-options h2,
main #renderapp #configurator #summary-preview h2 {
  background-color: transparent;
  color: #000;
  font-family: Open Sans Bold,sans-serif;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.625rem;
  margin: 0 1rem 1rem;
  text-align: center
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options h2,
  main #renderapp #configurator #summary-preview h2 {
    font-size: 2.5rem;
    line-height: 3rem
  }
}

@media (min-width:992px)and (max-width:1199.98px) {
  main #renderapp #configurator #summary-options h2,
  main #renderapp #configurator #summary-preview h2 {
    font-size: 2.5rem;
    line-height: 3rem
  }
}

@media (min-width:1200px) {
  main #renderapp #configurator #summary-options h2,
  main #renderapp #configurator #summary-preview h2 {
    font-size: 2.5rem;
    line-height: 3rem
  }
}

main #renderapp #configurator #summary-options h3,
main #renderapp #configurator #summary-preview h3 {
  background-color: transparent;
  color: #000;
  font-family: Montserrat Bold,sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
  margin: 1.5rem 0;
  text-align: center
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options h3,
  main #renderapp #configurator #summary-preview h3 {
    margin: 2rem 0
  }
}

@media (min-width:992px)and (max-width:1199.98px) {
  main #renderapp #configurator #summary-options h3,
  main #renderapp #configurator #summary-preview h3 {
    margin: 2rem 0
  }
}

@media (min-width:1200px) {
  main #renderapp #configurator #summary-options h3,
  main #renderapp #configurator #summary-preview h3 {
    margin: 2rem 0
  }
}

main #renderapp #configurator #summary-options p,
main #renderapp #configurator #summary-preview p {
  text-align: center;
  text-transform: uppercase
}

main #renderapp #configurator #summary-options .banner,
main #renderapp #configurator #summary-preview .banner {
  padding: 2.5rem 0;
  width: 100%
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options .banner,
  main #renderapp #configurator #summary-preview .banner {
    padding: 2.625rem 0
  }
}

@media (min-width:992px)and (max-width:1199.98px) {
  main #renderapp #configurator #summary-options .banner,
  main #renderapp #configurator #summary-preview .banner {
    padding: 2.625rem 0
  }
}

@media (min-width:1200px) {
  main #renderapp #configurator #summary-options .banner,
  main #renderapp #configurator #summary-preview .banner {
    padding: 2.625rem 0
  }
}

main #renderapp #configurator #summary-options .content,
main #renderapp #configurator #summary-preview .content {
  display: flex;
  flex-direction: column
}

main #renderapp #configurator #summary-options .actions,
main #renderapp #configurator #summary-preview .actions {
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0
}

@media (max-width:575.98px) {
  main #renderapp #configurator #summary-options .actions,
  main #renderapp #configurator #summary-preview .actions {
    padding: 0
  }
}

@media (min-width:576px)and (max-width:767.98px) {
  main #renderapp #configurator #summary-options .actions,
  main #renderapp #configurator #summary-preview .actions {
    padding: 0
  }
}

main #renderapp #configurator #summary-options .groups,
main #renderapp #configurator #summary-preview .groups {
  padding: 0 1rem 1rem;
  width: 100%
}

@media (min-width:576px)and (max-width:767.98px) {
  main #renderapp #configurator #summary-options .groups,
  main #renderapp #configurator #summary-preview .groups {
    padding: 0 2rem 2rem
  }
}

@media (min-width:768px)and (max-width:991.98px) {
  main #renderapp #configurator #summary-options .groups,
  main #renderapp #configurator #summary-preview .groups {
    padding: 0 2.5rem 2.5rem
  }
}

@media (min-width:992px)and (max-width:1199.98px) {
  main #renderapp #configurator #summary-options .groups,
  main #renderapp #configurator #summary-preview .groups {
    padding: 0 3rem 3rem
  }
}

@media (min-width:1200px) {
  main #renderapp #configurator #summary-options .groups,
  main #renderapp #configurator #summary-preview .groups {
    padding: 0 3rem 3rem
  }
}

main #renderapp #configurator #summary-options .groups .group,
main #renderapp #configurator #summary-preview .groups .group {
  border-bottom: 1px solid #efefef;
  display: block;
  margin: 0 auto;
  max-width: 90rem;
  overflow: hidden;
  padding: .75rem 0;
  width: 100%
}

main #renderapp #configurator #summary-options .groups .group:first-of-type,
main #renderapp #configurator #summary-preview .groups .group:first-of-type {
  border-top: 1px solid #efefef
}

main #renderapp #configurator #summary-options .groups .group.disabled,
main #renderapp #configurator #summary-preview .groups .group.disabled {
  display: none
}

main #renderapp #configurator #summary-options .groups .group h4,
main #renderapp #configurator #summary-preview .groups .group h4 {
  background-color: transparent;
  border: none;
  clear: left;
  color: #606060;
  display: block;
  float: left;
  font-family: Open Sans Bold,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
  padding: 0
}

main #renderapp #configurator #summary-options .groups .group .selected,
main #renderapp #configurator #summary-preview .groups .group .selected {
  display: block;
  font-size: .875rem;
  line-height: 1.25rem
}

main #renderapp #configurator #summary-options .groups .group .selected .name,
main #renderapp #configurator #summary-preview .groups .group .selected .name {
  background-color: transparent;
  color: #606060;
  display: inline-block;
  font-family: Open Sans Regular,sans-serif;
  font-style: normal;
  font-weight: 400
}

main #renderapp #configurator #summary-options .groups .group .selected .price,
main #renderapp #configurator #summary-preview .groups .group .selected .price {
  background-color: transparent;
  clear: right;
  color: #a7d835;
  display: block;
  float: right;
  font-family: Open Sans Bold,sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-left: 1rem
}

main #renderapp #configurator #summary-options {
  background-color: #fff;
  overflow-y: auto
}

main #renderapp #configurator #summary-options .banner {
  border-bottom: 1px solid #efefef
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator #summary-options {
    z-index: 4
  }
}

main #renderapp #configurator {
  background-color: #f8f8f8;
  flex: 1 1 100%;
  overflow: hidden;
  position: relative;
  z-index: 0
}

main #renderapp #configurator .configure {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap
}

@media only screen and (min-width:992px) {
  main #renderapp #configurator {
    background-color: #efefef;
    order: 2
  }

  main #renderapp #configurator .configure {
    flex-direction: row
  }
}

main #renderapp #loading {
  display: none;
  z-index: -1
}

main #renderapp .show#loading {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3
}

main #renderapp .show#loading .alpha {
  display: block;
  height: 19.875rem;
  left: 2px;
  position: absolute;
  right: 2px;
  top: 98px
}

main #renderapp .show#loading .alpha .omega {
  background-color: #414141;
  border: 1px solid #dedede;
  border-radius: .5rem;
  color: #fff;
  font-size: 1.5rem;
  left: 50%;
  line-height: 2rem;
  min-height: 4.125rem;
  min-width: 13.125rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

main #renderapp .show#loading .alpha .omega .animation {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 3rem;
  position: relative
}

main #renderapp .show#loading .alpha .omega .animation:after {
  -webkit-animation: spinner .7s linear infinite;
  animation: spinner .7s linear infinite;
  background: #545454;
  border-radius: 50%;
  border-right: .25rem solid transparent;
  border-top: .25rem solid #a7d835;
  bottom: 0;
  color: #fff;
  content: " ";
  height: 2rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2rem
}

@media only screen and (min-width:576px) {
  main #renderapp .show#loading .alpha {
    height: 25.875rem
  }
}

@media only screen and (min-width:768px) {
  main #renderapp .show#loading .alpha {
    height: 31.875rem
  }
}

@media only screen and (min-width:992px) {
  main #renderapp .show#loading {
    position: fixed
  }

  main #renderapp .show#loading .alpha {
    bottom: 0;
    height: auto;
    left: 481px;
    position: absolute;
    right: 0;
    top: 5.5rem
  }

  main #renderapp .show#loading .alpha .omega {
    border-radius: .5rem;
    font-size: 2rem;
    left: 50%;
    line-height: 2.5rem;
    min-height: 4.625rem;
    padding: 1rem;
    position: absolute;
    top: calc(50% - 48px);
    transform: translate(-50%,-50%)
  }

  main #renderapp .show#loading .alpha .omega .animation {
    padding-left: 3.5rem
  }

  main #renderapp .show#loading .alpha .omega .animation:after {
    height: 2.5rem;
    width: 2.5rem
  }
}

main #renderapp {
  display: flex;
  flex-direction: column;
  position: relative
}

main .dealership#renderapp #configurator .configure #menu .send-to-a-retailer,
main .dealership#renderapp #configurator .configure #view .controls,
main .plus#renderapp #configurator .configure #menu .send-to-a-retailer,
main .plus#renderapp #configurator .configure #view .controls,
main .vr#renderapp #configurator .configure #menu .send-to-a-retailer,
main .vr#renderapp #configurator .configure #view .controls {
  display: none
}

main .dealership#renderapp #configurator .configure #view #viewport,
main .plus#renderapp #configurator .configure #view #viewport,
main .vr#renderapp #configurator .configure #view #viewport {
  background-position: 50%;
  background-repeat: no-repeat
}

main .dealership#renderapp #configurator .configure #view #viewport #gameContainer,
main .dealership#renderapp #configurator .configure #view #viewport #img1,
main .dealership#renderapp #configurator .configure #view #viewport #img2,
main .dealership#renderapp #configurator .configure #view #viewport #trackpad .controls,
main .plus#renderapp #configurator .configure #view #viewport #gameContainer,
main .plus#renderapp #configurator .configure #view #viewport #img1,
main .plus#renderapp #configurator .configure #view #viewport #img2,
main .plus#renderapp #configurator .configure #view #viewport #trackpad .controls,
main .plus#renderapp #configurator .configure #view #viewport #webglcameras,
main .prerender#renderapp #configurator .configure #view #viewport #gameContainer,
main .prerender#renderapp #configurator .configure #view #viewport #webglcameras,
main .review#renderapp #configurator .configure #view #viewport #gameContainer,
main .review#renderapp #configurator .configure #view #viewport #img1,
main .review#renderapp #configurator .configure #view #viewport #img2,
main .review#renderapp #configurator .configure #view #viewport #trackpad,
main .review#renderapp #configurator .configure #view #viewport #trackpad .controls,
main .review#renderapp #configurator .configure #view #viewport #webglcameras,
main .review#renderapp #configurator .configure #view .controls,
main .vr#renderapp #configurator .configure #view #viewport #gameContainer,
main .vr#renderapp #configurator .configure #view #viewport #img1,
main .vr#renderapp #configurator .configure #view #viewport #img2,
main .vr#renderapp #configurator .configure #view #viewport #trackpad .controls,
main .vr#renderapp #configurator .configure #view #viewport #webglcameras,
main .web#renderapp #configurator .configure #view #viewport #gameContainer,
main .web#renderapp #configurator .configure #view #viewport #webglcameras,
main .webgl#renderapp #configurator .configure #view #viewport #trackpad,
main .webgl#renderapp #configurator .configure #view #viewport #trackpad .controls {
  display: none
}

main .dealership#renderapp #configurator .configure #view #viewport {
  background-image: url(../img/viewport/viewport_dealership.png)
}

main .vr#renderapp #configurator .configure #view #viewport {
  background-image: url(../img/viewport/viewport_vr.png)
}

main .plus#renderapp #configurator .configure #view #viewport {
  background-image: url(../img/viewport/viewport_plus.png)
}

main .web#renderapp header,
main .webgl#renderapp header {
  background-color: #fff
}

main .web#renderapp header img,
main .webgl#renderapp header img {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 7rem
}

@media only screen and (min-width:992px) {
  main .en#renderapp #configurator .configure #menu,
  main .en#renderapp #configurator .configure #options,
  main .en#renderapp #configurator .configure #view {
    height: calc(100vh - 5.5rem)
  }

  main .fr#renderapp #configurator .configure #view {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .fr#renderapp #configurator .configure #view {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .fr#renderapp #configurator .configure #menu {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .fr#renderapp #configurator .configure #menu {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .fr#renderapp #configurator .configure #options {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .fr#renderapp #configurator .configure #options {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .fr#renderapp footer {
    flex: 0 0 7.5rem
  }
}

@media only screen and (min-width:1200px) {
  main .fr#renderapp footer {
    flex: 0 0 6.375rem
  }
}

main .fr#renderapp footer .price-summary dl .item.total-price {
  font-size: 1.25rem;
  line-height: 1.625rem
}

main .fr#renderapp footer .price-summary p.vat-notice.fr {
  display: block
}

@media only screen and (min-width:992px) {
  main .at#renderapp #configurator .configure #view,
  main .be#renderapp #configurator .configure #view,
  main .cz#renderapp #configurator .configure #view,
  main .de#renderapp #configurator .configure #view,
  main .it#renderapp #configurator .configure #view,
  main .nl#renderapp #configurator .configure #view,
  main .pt#renderapp #configurator .configure #view,
  main .se#renderapp #configurator .configure #view {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .at#renderapp #configurator .configure #view,
  main .be#renderapp #configurator .configure #view,
  main .cz#renderapp #configurator .configure #view,
  main .de#renderapp #configurator .configure #view,
  main .it#renderapp #configurator .configure #view,
  main .nl#renderapp #configurator .configure #view,
  main .pt#renderapp #configurator .configure #view,
  main .se#renderapp #configurator .configure #view {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .at#renderapp #configurator .configure #menu,
  main .be#renderapp #configurator .configure #menu,
  main .cz#renderapp #configurator .configure #menu,
  main .de#renderapp #configurator .configure #menu,
  main .it#renderapp #configurator .configure #menu,
  main .nl#renderapp #configurator .configure #menu,
  main .pt#renderapp #configurator .configure #menu,
  main .se#renderapp #configurator .configure #menu {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .at#renderapp #configurator .configure #menu,
  main .be#renderapp #configurator .configure #menu,
  main .cz#renderapp #configurator .configure #menu,
  main .de#renderapp #configurator .configure #menu,
  main .it#renderapp #configurator .configure #menu,
  main .nl#renderapp #configurator .configure #menu,
  main .pt#renderapp #configurator .configure #menu,
  main .se#renderapp #configurator .configure #menu {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .at#renderapp #configurator .configure #options,
  main .be#renderapp #configurator .configure #options,
  main .cz#renderapp #configurator .configure #options,
  main .de#renderapp #configurator .configure #options,
  main .it#renderapp #configurator .configure #options,
  main .nl#renderapp #configurator .configure #options,
  main .pt#renderapp #configurator .configure #options,
  main .se#renderapp #configurator .configure #options {
    height: calc(100vh - 7.5rem)
  }
}

@media only screen and (min-width:1200px) {
  main .at#renderapp #configurator .configure #options,
  main .be#renderapp #configurator .configure #options,
  main .cz#renderapp #configurator .configure #options,
  main .de#renderapp #configurator .configure #options,
  main .it#renderapp #configurator .configure #options,
  main .nl#renderapp #configurator .configure #options,
  main .pt#renderapp #configurator .configure #options,
  main .se#renderapp #configurator .configure #options {
    height: calc(100vh - 6.375rem)
  }
}

@media only screen and (min-width:992px) {
  main .at#renderapp footer,
  main .be#renderapp footer,
  main .cz#renderapp footer,
  main .de#renderapp footer,
  main .it#renderapp footer,
  main .nl#renderapp footer,
  main .pt#renderapp footer,
  main .se#renderapp footer {
    flex: 0 0 7.5rem
  }
}

@media only screen and (min-width:1200px) {
  main .at#renderapp footer,
  main .be#renderapp footer,
  main .cz#renderapp footer,
  main .de#renderapp footer,
  main .it#renderapp footer,
  main .nl#renderapp footer,
  main .pt#renderapp footer,
  main .se#renderapp footer {
    flex: 0 0 6.375rem
  }
}

main .at#renderapp footer .price-summary dl .item.total-price,
main .be#renderapp footer .price-summary dl .item.total-price,
main .cz#renderapp footer .price-summary dl .item.total-price,
main .de#renderapp footer .price-summary dl .item.total-price,
main .it#renderapp footer .price-summary dl .item.total-price,
main .nl#renderapp footer .price-summary dl .item.total-price,
main .pt#renderapp footer .price-summary dl .item.total-price,
main .se#renderapp footer .price-summary dl .item.total-price {
  font-size: 1.25rem;
  line-height: 1.625rem
}

main .at#renderapp footer .price-summary p.vat-notice.at,
main .at#renderapp footer .price-summary p.vat-notice.be,
main .at#renderapp footer .price-summary p.vat-notice.cz,
main .at#renderapp footer .price-summary p.vat-notice.de,
main .at#renderapp footer .price-summary p.vat-notice.it,
main .at#renderapp footer .price-summary p.vat-notice.nl,
main .at#renderapp footer .price-summary p.vat-notice.pt,
main .at#renderapp footer .price-summary p.vat-notice.se,
main .be#renderapp footer .price-summary p.vat-notice.at,
main .be#renderapp footer .price-summary p.vat-notice.be,
main .be#renderapp footer .price-summary p.vat-notice.cz,
main .be#renderapp footer .price-summary p.vat-notice.de,
main .be#renderapp footer .price-summary p.vat-notice.it,
main .be#renderapp footer .price-summary p.vat-notice.nl,
main .be#renderapp footer .price-summary p.vat-notice.pt,
main .be#renderapp footer .price-summary p.vat-notice.se,
main .cz#renderapp footer .price-summary p.vat-notice.at,
main .cz#renderapp footer .price-summary p.vat-notice.be,
main .cz#renderapp footer .price-summary p.vat-notice.cz,
main .cz#renderapp footer .price-summary p.vat-notice.de,
main .cz#renderapp footer .price-summary p.vat-notice.it,
main .cz#renderapp footer .price-summary p.vat-notice.nl,
main .cz#renderapp footer .price-summary p.vat-notice.pt,
main .cz#renderapp footer .price-summary p.vat-notice.se,
main .de#renderapp footer .price-summary p.vat-notice.at,
main .de#renderapp footer .price-summary p.vat-notice.be,
main .de#renderapp footer .price-summary p.vat-notice.cz,
main .de#renderapp footer .price-summary p.vat-notice.de,
main .de#renderapp footer .price-summary p.vat-notice.it,
main .de#renderapp footer .price-summary p.vat-notice.nl,
main .de#renderapp footer .price-summary p.vat-notice.pt,
main .de#renderapp footer .price-summary p.vat-notice.se,
main .it#renderapp footer .price-summary p.vat-notice.at,
main .it#renderapp footer .price-summary p.vat-notice.be,
main .it#renderapp footer .price-summary p.vat-notice.cz,
main .it#renderapp footer .price-summary p.vat-notice.de,
main .it#renderapp footer .price-summary p.vat-notice.it,
main .it#renderapp footer .price-summary p.vat-notice.nl,
main .it#renderapp footer .price-summary p.vat-notice.pt,
main .it#renderapp footer .price-summary p.vat-notice.se,
main .nl#renderapp footer .price-summary p.vat-notice.at,
main .nl#renderapp footer .price-summary p.vat-notice.be,
main .nl#renderapp footer .price-summary p.vat-notice.cz,
main .nl#renderapp footer .price-summary p.vat-notice.de,
main .nl#renderapp footer .price-summary p.vat-notice.it,
main .nl#renderapp footer .price-summary p.vat-notice.nl,
main .nl#renderapp footer .price-summary p.vat-notice.pt,
main .nl#renderapp footer .price-summary p.vat-notice.se,
main .pt#renderapp footer .price-summary p.vat-notice.at,
main .pt#renderapp footer .price-summary p.vat-notice.be,
main .pt#renderapp footer .price-summary p.vat-notice.cz,
main .pt#renderapp footer .price-summary p.vat-notice.de,
main .pt#renderapp footer .price-summary p.vat-notice.it,
main .pt#renderapp footer .price-summary p.vat-notice.nl,
main .pt#renderapp footer .price-summary p.vat-notice.pt,
main .pt#renderapp footer .price-summary p.vat-notice.se,
main .se#renderapp footer .price-summary p.vat-notice.at,
main .se#renderapp footer .price-summary p.vat-notice.be,
main .se#renderapp footer .price-summary p.vat-notice.cz,
main .se#renderapp footer .price-summary p.vat-notice.de,
main .se#renderapp footer .price-summary p.vat-notice.it,
main .se#renderapp footer .price-summary p.vat-notice.nl,
main .se#renderapp footer .price-summary p.vat-notice.pt,
main .se#renderapp footer .price-summary p.vat-notice.se {
  display: block
}

@media only screen and (min-width:992px) {
  main .en#renderapp #loading.show .alpha {
    top: 5.5rem
  }

  main .at#renderapp #loading.show .alpha,
  main .be#renderapp #loading.show .alpha,
  main .cz#renderapp #loading.show .alpha,
  main .de#renderapp #loading.show .alpha,
  main .fr#renderapp #loading.show .alpha,
  main .it#renderapp #loading.show .alpha,
  main .nl#renderapp #loading.show .alpha,
  main .pt#renderapp #loading.show .alpha,
  main .se#renderapp #loading.show .alpha {
    top: 7.5rem
  }
}

@media only screen and (min-width:1200px) {
  main .at#renderapp #loading.show .alpha,
  main .be#renderapp #loading.show .alpha,
  main .cz#renderapp #loading.show .alpha,
  main .de#renderapp #loading.show .alpha,
  main .fr#renderapp #loading.show .alpha,
  main .it#renderapp #loading.show .alpha,
  main .nl#renderapp #loading.show .alpha,
  main .pt#renderapp #loading.show .alpha,
  main .se#renderapp #loading.show .alpha {
    top: 6.375rem
  }
}

main #renderapp #exit-summary,
main #renderapp #to-top {
  color: #606060;
  display: block;
  font-family: Open Sans Regular,sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap
}

main #renderapp #exit-summary:active,
main #renderapp #to-top:active {
  transition: background-color .2s ease,color .2s ease,border-color .2s ease
}

main #renderapp #exit-summary {
  background-color: #414141;
  border: 1px solid #414141;
  border-radius: 2rem;
  color: #fff;
  height: 2rem;
  position: absolute;
  right: 2rem;
  top: 1rem;
  width: 2rem
}

main #renderapp #exit-summary span {
  display: none
}

main #renderapp #exit-summary:active {
  background-color: #fff;
  border-color: #fff;
  color: #414141
}

main #renderapp #exit-summary:after {
  speak: none;
  content: "✕";
  font-family: fontello;
  font-size: .875rem;
  font-weight: 700;
  height: 1rem;
  left: 50%;
  line-height: .875rem;
  margin-top: 1px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

@media only screen and (max-width:575.98px) {
  main #renderapp #exit-summary {
    right: 1rem;
    top: .5rem
  }
}

main #renderapp #to-top {
  background-color: #a7d835;
  border: 1px solid #a7d835;
  border-radius: 2rem;
  bottom: 1rem;
  color: #fff;
  height: 2rem;
  position: absolute;
  right: 2rem;
  width: 2rem
}

main #renderapp #to-top span {
  display: none
}

main #renderapp #to-top:active {
  background-color: #fff;
  border-color: #fff;
  color: #a7d835
}

main #renderapp #to-top:after {
  speak: none;
  content: "";
  font-family: fontello;
  font-size: .875rem;
  font-weight: 700;
  height: 1rem;
  left: 50%;
  line-height: .875rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

@media only screen and (min-width:992px) {
  main #renderapp #to-top {
    display: none
  }
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

*,
:after,
:before {
  margin: 0
}

* {
  box-sizing: border-box
}

:after,
:before {
  box-sizing: inherit
}

body,
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #efefef;
  border: none;
  color: #606060;
  font-family: Open Sans Regular,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 22px;
  margin: 0;
  padding: 0;
  width: 100%
}

body.options-preview main #renderapp .show#loading .alpha,
body.options-summary main #renderapp .show#loading .alpha {
  left: 0
}

@media (max-width:575.98px)and (orientation:portrait) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 29.25rem
  }
}

@media (max-width:575.98px)and (orientation:landscape) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 29.25rem
  }
}

@media (min-width:576px)and (max-width:767.98px)and (orientation:portrait) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 31.5625rem;
    min-height: 29.25rem
  }
}

@media (min-width:576px)and (max-width:767.98px)and (orientation:landscape) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 31.5625rem;
    min-height: 29.25rem
  }
}

@media (min-width:768px)and (max-width:991.98px)and (orientation:portrait) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 41.5rem;
    min-height: 31.5625rem
  }
}

@media (min-width:768px)and (max-width:991.98px)and (orientation:landscape) {
  body.options-preview main,
  body.options-preview main #renderapp {
    display: block;
    height: auto
  }

  body.options-preview main #renderapp #configurator {
    display: block;
    height: 41.5rem;
    min-height: 31.5625rem
  }
}

main {
  border: none;
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%
}

main #renderapp .configuration,
main h1 {
  display: none
}

@media print {
  body > * {
    display: none
  }

  body {
    position: relative
  }

  body main {
    background-color: #fff;
    display: block
  }

  body main #renderapp {
    background-color: transparent
  }

  body main #renderapp #to-top {
    display: none
  }

  body main #renderapp #configurator {
    background-color: transparent;
    display: block;
    height: auto;
    order: unset;
    position: unset;
    width: 100%;
    z-index: unset
  }

  body main #renderapp #configurator #summary-options,
  body main #renderapp #configurator #summary-preview,
  body main #renderapp #configurator .configure,
  body main #renderapp footer,
  body.print-configuration main #renderapp > * {
    display: none
  }

  body.print-configuration main #renderapp .configuration {
    align-items: center;
    border: none;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: 0;
    outline: 0;
    overflow: hidden;
    padding: 0;
    width: 100vw
  }

  body.print-configuration main #renderapp .configuration img {
    border: none;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    outline: 0;
    padding: 0
  }

  body.print-options-summary main #renderapp #configurator #summary-options {
    display: block;
    height: auto;
    order: unset;
    position: unset;
    width: 100%;
    z-index: unset
  }

  body.print-options-summary main #renderapp #configurator #summary-options .actions,
  body.print-options-summary main #renderapp #configurator #summary-options h3,
  body.print-options-summary main #renderapp #configurator #summary-options p {
    display: none
  }

  body.print-options-summary main #renderapp #configurator #summary-options .banner {
    border: none;
    margin: 0;
    outline: 0;
    padding: 0
  }

  body.print-options-summary main #renderapp #configurator #summary-options .banner h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 5.5rem 0 1.5rem
  }

  body.print-options-summary main #renderapp #configurator #summary-options .groups {
    border: none;
    margin: 0;
    outline: 0;
    overflow-y: auto;
    padding: 0
  }

  body.print-options-summary main #renderapp #configurator #summary-options .groups .group:first-of-type {
    border-top: none
  }

  body.print-options-summary main #renderapp #configurator #summary-options .groups .group {
    border-bottom: 1px solid #606060
  }

  body.print-options-summary main #renderapp #configurator #summary-options .groups .group .selected,
  body.print-options-summary main #renderapp #configurator #summary-options .groups .group h4 {
    color: #606060;
    font-size: .75rem;
    line-height: 1.125rem
  }

  body.print-options-summary main #renderapp #configurator #summary-options .groups .group .selected .price,
  body.print-options-summary main #renderapp #configurator #summary-options .groups .group h4 .price {
    color: #606060
  }

  body.print-options-summary main #renderapp footer {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    flex: unset;
    height: auto;
    margin: 0;
    order: unset;
    outline: 0;
    padding: 0;
    position: unset;
    width: 100%;
    z-index: unset
  }

  body.print-options-summary main #renderapp footer #to-top,
  body.print-options-summary main #renderapp footer .price-summary:after,
  body.print-options-summary main #renderapp footer .send-to-a-retailer,
  body.print-options-summary main #renderapp footer .view-summary,
  body.print-options-summary main #renderapp footer h2 {
    display: none
  }

  body.print-options-summary main #renderapp footer dl {
    clear: both;
    color: #606060;
    display: block;
    float: right;
    font-family: Open Sans Regular,sans-serif;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 1.5rem 0 0;
    padding: 0;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto
  }

  body.print-options-summary main #renderapp footer dl .item {
    clear: none;
    display: block;
    float: left;
    width: auto
  }

  body.print-options-summary main #renderapp footer dl .item dd,
  body.print-options-summary main #renderapp footer dl .item dt {
    display: inline
  }

  body.print-options-summary main #renderapp footer dl .item.base-price,
  body.print-options-summary main #renderapp footer dl .item.options-price {
    max-height: 1.375rem
  }

  body.print-options-summary main #renderapp footer dl .item.base-price {
    margin-right: 1.125rem
  }

  body.print-options-summary main #renderapp footer dl .item.total-price {
    clear: both;
    color: #000;
    float: right;
    font-family: Montserrat SemiBold,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    margin-top: .25rem;
    width: auto
  }

  body.print-options-summary main #renderapp footer dl .item.total-price dt:after {
    content: ":"
  }
}

@media print and (orientation:portrait) {
  body.print-configuration main #renderapp .configuration img {
    transform: rotate(90deg);
    width: 100vh
  }
}

@media print and (orientation:landscape) {
  body.print-configuration main #renderapp .configuration img {
    transform: rotate(0);
    width: 100vw
  }
}
/*# sourceMappingURL=home-1.4.2.css.map */