body {
  overflow: hidden;
}
.webshop {
  position: relative;
}
.fullwidth {
  width: 100%;
}
.inline-block {
  display: inline-block;
}
.webshop-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 101;
  display: none;
}
.webshop-overlay.enable {
  display: block;
}
header {
  border-top: 25px solid #d0357c;
}
.uppercase {
  text-transform: uppercase;
}
.modal-image-title {
  color: #df3883;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 20px;
}
.webshop-exit-button-container {
  border-image: url(/images/webshop/exit-border.png) 8;
  border-width: 4px;
  border-style: solid;
  float: right;
  width: 200px;
}
.webshop-header {
  height: 120px;
  padding: 40px;
}
.webshop-exit-button {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #36b931;
  font-size: 18px;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.webshop-exit-button:active,
.webshop-exit-button:focus,
.webshop-exit-button:hover,
.webshop-exit-button:visited {
  color: #fff;
}
.webshop-exit-button img {
  width: 25px;
}
.webshop-exit-button span {
  margin-left: 5px;
}
.webshop-title {
  color: #d0357c;
  font-size: 18px;
  border: 2px dashed #d0357c;
  padding: 8.8px 10px;
  font-family: Avenir-Medium, sans-serif;
  margin: 0;
  white-space: nowrap;
}
.webshop-fix-flex-position {
  margin: 0 auto;
}
.nav-width {
  width: 100%;
}
.webshop-logo-scrolled {
  margin-right: 20px;
  display: none;
  height: 100%;
}
.webshop-logo-scrolled img {
  width: 100%;
}
.main-nav {
  background-color: #fff;
  margin-bottom: 20px;
  transition: ease-in-out all 0.25s;
}
.main-nav.minimize {
  margin: 0;
  padding: 15px 0;
}
nav {
  border: 7px solid;
  border-image: url(/images/webshop/line-border.png) 20;
  /* padding: 10px 0; */
  font-family: Avenir-Roman, sans-serif;
}
nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
}
nav ul li {
  list-style-type: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 0;
}
nav ul li a,
nav ul li a:active,
nav ul li a:focus,
nav ul li a:visited {
  color: #777;
  cursor: pointer;
  padding-left: 30px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 10px;
}
nav ul li a:hover {
  color: #000;
}
nav ul li.active a {
  color: #03a1e4;
  background-image: url(/images/webshop/icon/camera-o.png);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position-y: 7px;
}
nav ul li#winkelwagen-menu-item {
  position: relative;
  /* margin-right: 40px; */
}
.fixed-menu ul li#winkelwagen-menu-item img.shopping-cart-icon {
  width: 25px;
  position: absolute;
  left: -5px;
  top: -3px;
}
nav ul li#winkelwagen-menu-item img.shopping-cart-icon {
  width: 40px;
  margin-right: 8px;
  left: 0;
  top: 0;
}
.bullet-container {
  display: flex;
  align-items: center;
}
.bullet {
  background-color: #e4007b;
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50px;
  position: relative;
  font-size: 20px;
  margin-right: 10px;
}
.bullet:after {
  border: 1px dashed #ff66d9;
  content: "";
  position: absolute;
  z-index: 1;
  width: 80%;
  height: 80%;
  top: 10%;
  background-color: transparent;
  border-radius: 50%;
}
h4.media-heading {
  font-weight: 700;
  color: #423a37;
  font-family: SUNN, sans-serif;
  font-size: 30px;
}
.webshop-banner {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}
.login-form {
  color: #fff;
  border: 20px solid;
  border-image: url(/images/webshop/login-border.png) 30;
  box-shadow: 0 0 20px 1px #000;
  max-width: 360px;
  position: relative;
}
.login-form-content {
  background-image: url(/images/webshop/login-background.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 0 10px 1px #1f80a7;
}
.login-form-title {
  margin: 0;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 2.3em;
  color: #fff;
  text-align: center;
}
.login-form-subtitle {
  font-family: AvenirNext-Regular, sans-serif;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.login-form-subtitle .login-effect:after {
  content: "";
  background-image: url(/images/webshop/login-effect-text.png);
  width: 25px;
  height: 25px;
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: -10px;
  left: -15px;
}
.login-form-subtitle span.login-effect {
  position: relative;
  font-size: 20px;
}
.btn-login {
  background-image: url(/images/webshop/button-login-background.png);
  background-color: transparent;
  background-size: 100% 100%;
  font-size: 29px;
  font-family: AmaticSC-Bold, sans-serif;
  text-transform: uppercase;
  padding: 16px 32px;
  letter-spacing: 1px;
  border: transparent;
}
.input-background {
  background-image: url(/images/webshop/login-input-background.png);
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.form-control::placeholder {
  font-family: Avenir-Roman, sans-serif;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  font-family: Avenir-Roman, sans-serif;
}
.form-control::-ms-input-placeholder {
  font-family: Avenir-Roman, sans-serif;
}
.webshop-banner-content {
  border: 5px solid transparent;
  border-image: url(/images/webshop/banner-border.png) 10 round;
  background-image: url(/images/webshop/banner-background-2.png);
  background-color: transparent;
  background-size: 50%;
  background-repeat: repeat;
}
.banner-title {
  font-family: AmaticSC-Bold, sans-serif;
  color: #fff;
  text-align: center;
  font-size: 2.7em;
}
.banner-image {
  width: 100%;
}
.students-background {
  height: 219px;
  box-shadow: 0 0 1px 0 #484646;
  max-width: 50%;
  object-fit: contain;
  margin: auto;
  margin-bottom: 15px;
}
.banner-button:active,
.banner-button:focus,
.banner-button:hover,
.banner-button:visited {
  color: #fff;
}
.banner-button {
  background-image: url(/images/webshop/button-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
  margin: 20px 0;
  display: inline-block;
  font-size: 29px;
  color: #fff;
  text-align: center;
  padding: 23px 36px;
  font-family: AmaticSC-Bold, sans-serif;
  cursor: pointer;
}
.banner-bear {
  height: 92%;
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 100;
}
.webshop-banner-left {
  float: right;
  width: 34%;
  padding-left: 25px;
  padding-right: 10px;
}
.webshop-banner-right {
  float: right;
  width: 66%;
  padding-left: 15px;
  padding-right: 25px;
}
.webshop-banner-full {
  width: 100%;
  padding-left: 15px;
  padding-right: 25px;
}
.flex-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.photo-container .webshop-images {
  padding: 30px 20px;
  width: 100%;
  float: left;
  border-image: url(/images/webshop/line-border.png) 30;
  border-top: 7px solid;
  position: relative;
}
.photo-container .webshop-images:first-child {
  border-top: none;
}
.webshop-image-close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url(/images/webshop/icon/close.png);
  right: 0;
  top: 24%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.webshop-images .image-item {
  float: left;
  height: 200px;
  width: auto;
  box-shadow: 0 0 10px 0 #888;
  margin: 15px;
  cursor: pointer;
  position: relative;
}
.webshop-images .image-item.image-item-group {
  height: 107px;
}
.webshop-images .image-item img {
  height: 100%;
  width: auto;
}
.webshop-ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.webshop .flex-footer-top {
  justify-content: space-around;
}
.webshop .footer-top .wrapper-right a {
  display: inline-block;
}
.webshop-nabestellen-btn {
  padding: 10px 20px;
  background-color: #009fe3;
  text-transform: uppercase;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 26px;
  cursor: pointer;
  box-shadow: 0 0 10px 0 #585858;
  letter-spacing: 1px;
  display: inline-block;
}
.footer-bottom .language-button {
  border: 0;
}
.webshop-images .image-item.show-zoom-icon:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
}
.no-mouse-over .webshop-images .image-item:hover::after {
  display: none;
}
.mobile-menu {
  width: 50px;
  display: inline-block;
  cursor: pointer;
}
.mobile-menu img {
  width: 100%;
}
.fixed-menu {
  position: fixed;
  height: 100%;
  z-index: 102;
  top: 0;
  background: #fff;
  border: none;
  width: 80%;
  left: -80%;
  transition: ease-in-out 0.5s all;
}
.fixed-menu ul {
  display: block;
  padding: 10px;
}
.fixed-menu ul li.active a {
  background-image: none;
  background-size: 0;
}
.fixed-menu ul li {
  display: block;
  padding: 0;
  margin: 10px 0;
}
.fixed-menu.enable {
  left: 0;
}
.broer-zus-title {
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 25px;
  position: absolute;
  color: white;
}
.broer-zus-title#top {
  top: 7px;
  left: 15px;
}
.broer-zus-title#middle {
  top: 33px;
  left: 29px;
}
.broer-zus-title#bottom {
  top: 62px;
  left: 35px;
}

.producten-banner-top-title {
  position: absolute;
  width: 100%;
  top: 30px;
  text-align: center;
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 32px;
  left: 0;
}
.producten-banner-button a {
  position: absolute;
  bottom: 35px;
  right: 10px;
  padding: 23px 56px;
}
.producten-title {
  margin: 0;
  padding: 10px;
  text-align: center;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  background-image: url(/images/webshop/producten/product-title-background.png);
  color: #fff;
  padding: 5px 0;
}
.producten-title#ideal {
  font-size: 40px;
}
.producten-title#preview {
  font-size: 28px;
  margin-bottom: 20px;
}
.producten-nav button {
  background-image: url(/images/webshop/producten/category_large.png);
  padding: 12px 30px;
  background-size: contain;
  border: none;
  background-repeat: no-repeat;
  color: #fff;
  background-position: center;
  width: 220px;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  background-color: transparent;
}
.producten-nav button.filtr-active {
  background-image: url(/images/webshop/producten/category_active.png);
}
.webshop-banner-container {
  background-image: url(/images/webshop/banner-background.png);
}
.producten-nav {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 50px 0;
}
.thumbnail-container {
  background-color: #ececec;
}
.thumbnail-container .webshop-images {
  padding: 0;
  text-align: center;
}
.thumbnail-container .webshop-images .image-item {
  float: none !important;
}
.products {
  float: left;
  width: 100%;
}
.products .first-product .first-product-container {
  border: 2px dashed #35b931;
  box-shadow: 0 0 10px 0 #bbb;
  height: 100%;
}
.products .product {
  padding-bottom: 30px;
}
.products .product.hidden-for_square {
  display: none;
}

.product-off-title h3 {
  margin: 20px 10px 5px;
  text-align: center;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  color: #000;
  letter-spacing: 0.5px;
}
.product-off-title h3 span {
  color: #35b931;
}
.product-off-title p {
  color: #252525;
  font-family: AvenirNext-Medium, sans-serif;
  text-align: center;
}
.product-off-action,
.product-off-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-off-content > div {
  width: 64px;
  border: 2px solid #d9d9d9;
  min-width: 64px;
  min-height: 64px;
  margin: 0 5px;
}
.product-off-content .last-product-off {
  border: none;
  width: 80px;
}
.product-off-content .last-product-off span {
  color: #fff;
  background-color: #35b931;
  display: block;
  text-transform: uppercase;
  font-family: Avenir-Roman, sans-serif;
  text-align: center;
}
.product-off-content .last-product-off div {
  border: 2px solid #d9d9d9;
  height: 61px;
  margin-top: 2px;
}
.product-off-content div img {
  width: 100%;
}
.product-off-action {
  margin: 10px;
}
.product-off-action .last-action {
  margin-left: 10px;
  text-align: right;
}
.product-off-action img {
  width: 50px;
  margin: 0 5px;
}
.product-off-action .product-off-name {
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-family: AvenirNext-Regular, sans-serif;
  font-weight: 700;
}
.product-off-action .product-off-name p {
  margin: 0;
}
.product-off-action .product-off-name .text-strike {
  text-decoration: line-through;
}
.product-off-action .product-off-name .text-active {
  color: #35b931;
}
.products .product .item-wrapper {
  padding-bottom: 110%;
  box-shadow: 0 0 10px 0 #bbb;
  position: relative;
  height: 100%;
}
.products .product .item-wrapper .item-container {
  padding: 15px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.products .product .item-container:hover {
  border: 3px solid #009fe3;
  box-shadow: 0 0 10px 0 #009fe3;
}
.products .product .item-container .product-description {
  margin-top: 10px;
}
.products .product .item-container img {
  width: 100%;
  object-fit: contain;
  max-height: 200px;
}
.products .product .item-container .product-description .product-name {
  color: #039fe3;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  margin: 0;
  white-space: inherit;
}
.products .product .item-container .product-description .product-price {
  font-size: 16px;
  font-family: AvenirNext-Regular, sans-serif;
  color: #252525;
  font-weight: 700;
  margin: 0;
}
.product-banner .separate-banner-line {
  background-image: url(/images/webshop/producten/separate-portrait-line.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  width: 5px;
  height: 100%;
  left: 49.5%;
}
.product-overlay {
  position: relative;
}
.right-photo-box {
  padding: 0;
  background-image: url(/images/webshop/photos-selector-background.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.mh800 {
  min-height: 800px;
}
.product-details-heading {
  margin: 50px 0;
  position: relative;
}
.product-details-heading .fotokoch-lightbox-button span {
  padding: 5px 30px;
}
.product-details-heading .fotokoch-lightbox-button {
  position: absolute;
  top: 10px;
  margin-top: 0;
  left: 10px;
}
.product-details-heading .subtitle {
  font-family: AvenirNext-Regular, sans-serif;
  color: #252525;
  font-size: 16px;
  margin-top: 0;
}
.product-details-heading .subtitle span {
  font-weight: 700;
}
.product-details-box {
  padding: 0 0 20px 0;
}
.product-details-options .options-container {
  padding: 15px 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
.product-details-options .options-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.product-details-options .options-container::-webkit-scrollbar {
  display: none;
}
.product-details-options .options-container .options {
  display: inline-flex;
  justify-content: flex-start;
}
.product-details-options.ie-browser .options-container .options {
  display: block;
  white-space: nowrap;
}
.product-details-options .product-details-options-container h3 {
  font-family: AvenirNext-Regular, sans-serif;
  color: #777;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  width: 100%;
}
.product-details-options .options-container .options.owl-carousel {
  margin-top: -15px;
}
.product-details-options .options-container .options .owl-item {
  padding: 13px 0px 6px;
}
.product-details-options .options-container .options .product-option {
  width: 110px;
  margin: 0 15px;
  cursor: pointer;
  position: relative;
  border: 3px solid transparent;
  display: inline-block;
  display: -ms-inline-grid;
  box-shadow: 0 0 10px 0 #bbb;
}
.product-details-options .options-container .options .product-option-background {
    border: none;
}
.product-details-options .options-container .options div.product-option > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-details-options
  .options-container
  .options
  div.product-option
  > img.group-photo-portrait {
  object-position: 50% 0%;
}
/* .select-groupphoto-background .product-option > img.group-background-image {
    object-fit: contain;
    object-position: center;
} */
.product-details-options
  .options-container
  .options.select-frame
  div.product-option
  > img {
  object-fit: cover;
}
.product-details-options .options-container .options div.product-option.active,
.product-details-options
  .options-container
  .options
  div.product-option.active-clone {
  border: 3px solid #009fe3;
}
.product-details-options
  .options-container
  .options
  div.product-option.active:before,
.product-details-options
  .options-container
  .options
  div.product-option.active-clone:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  border: 15px solid;
  border-image: url(/images/webshop/producten/selected-item-border.png) round 30;
}
.product-details-options-container {
  position: relative;
  float: left;
  width: 100%;
}
.product-details-options-container .fotokoch-lightbox-image-carousel-before {
  top: 46%;
  /* left: -40px; */
  position: absolute;
  z-index: 1;
}
.product-details-options-container .fotokoch-lightbox-image-carousel-after {
  top: 46%;
  /* right: -50px; */
  position: absolute;
  z-index: 1;
}
@media (min-width: 1050px) {
  .product-details-options-container .fotokoch-lightbox-image-carousel-after {
    right: -50px;
  }
}
@media (min-width: 1050px) {
  .product-details-options-container .fotokoch-lightbox-image-carousel-before {
    right: -40px;
  }
}
.webshop-images
  .product-details-options-container
  .fotokoch-lightbox-image-carousel-before,
.webshop-images
  .product-details-options-container
  .fotokoch-lightbox-image-carousel-after {
  top: 37%;
}

.product-details-options-container
  .fotokoch-lightbox-image-carousel-before.disabled,
.product-details-options-container
  .fotokoch-lightbox-image-carousel-after.disabled {
  display: none;
}

.group-photo-background-section {
  position: relative;
  float: left;
  width: 100%;
}
.group-photo-background-section .btn-group-photo-background {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  opacity: 0;
}
.pack-product-gratis {
  position: relative;
}
.pack-product-gratis .btn-group-photo-background-pack {
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0px !important;
  bottom: -29px;
  z-index: 1001;
}

.product-details-options-container .mg-b-20 {
  margin-bottom: 20px;
}
.product-details-options-container .btn-grid-expanded {
  width: 125px;
  height: 150px;
  background-color: #dce2e6;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 15px;
  border: 2px solid #fff;
  cursor: pointer;
}
.product-details-options-container .btn-grid-expanded:after {
  content: "Alles weergeven";
  color: #fff;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  height: 100%;
  text-align: center;
  line-height: 30px;
  font-family: AmaticSC-Bold, sans-serif;
}
.product-details-options-container .d-block {
  display: block;
}
.product-view {
  background-color: #3a3a3a;
  padding: 0 15px 15px;
  border-top: 15px solid rgba(0, 159, 227, 0.7);
}
.product-view .product-view-container {
  background-image: url(/images/webshop/producten/product-view-bg.png);
  background-position: center;
  min-height: 600px;
}
.product-view .product-view-container .product-view-title {
  background-color: rgba(0, 159, 227, 0.7);
  margin-left: -15px;
  margin-right: -15px;
}
.product-view .product-view-container .product-view-title h3 {
  margin: 0;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 32px;
}
.product-view-container h4 {
  color: #fff;
  text-align: center;
  font-family: Arial, sans-serif;
}
.product-view-container .product-view-image {
  padding: 30px 0 50px;
  position: relative;
}
.product-view-container .product-view-image .product-view-image-container {
  width: 75%;
  position: relative;
}
.product-view-container .product-view-image .product-view-image-container img {
  width: 100%;
}
.product-view-container .product-view-image .product-view-image-loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}
.product-view-container
  .product-view-image
  .product-view-image-loader
  .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 19;
  background-color: rgba(255, 255, 255, 0.5);
}
.product-view-container
  .product-view-image
  .product-view-image-loader
  .lds-ellipsis {
  z-index: 20;
}
.product-view-section {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.product-view-section .image-container {
  position: relative;
}
.product-view-section .image-container:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
  z-index: 1;
  cursor: pointer;
}

.product-view-section .image-canvas:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 125px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
  z-index: 1;
  cursor: pointer;
}

.product-view-section .image-group-photo:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
  z-index: 1;
  cursor: pointer;
}
.product-view-section .image-group-photo img {
  background: white;
}

.products a[data-fun_product_category="puzzle"] img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pack-item-details.group-photo-detail {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product-view-section .pack-product-gratis .image-container:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
  z-index: 1;
  cursor: pointer;
}
.product-view-section .product-image-holder:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(/images/webshop/icon/zoom.png);
  background-size: 125px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffffb0;
  z-index: 1;
  cursor: pointer;
}
.product-view-form {
  color: #000;
  font-family: AvenirNext-Regular, sans-serif;
}
.product-view-form .product-note {
  font-family: AvenirNext-Regular, sans-serif;
  color: #252525;
  font-size: 16px;
  margin-top: 0;
}
.product-view-total-container {
  margin-top: 50px;
}
.product-view-form .dropdown-toggle {
  width: 100%;
  background-color: transparent;
  border: transparent;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000;
  border: 10px solid;
  border-image: url(/images/webshop/producten/border-selector.png) round 35;
  position: relative;
}
.product-view-form .option-image {
  width: 28px;
}
.product-view-form .button-cart-tooltip {
  position: relative;
  left: 17px;
}
.product-view-form .button-cart-tooltip .button-cart-tooltip-text {
  position: absolute;
  top: 60px;
  left: 20px;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.3em;
  font-weight: 700;
}
.max-width {
  width: 100%;
}
.product-view-form .dropdown-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/webshop/producten/dropdown-bg.png);
  background-repeat: no-repeat;
  background-size: 25px 20px;
  background-position: right;
  background-position-x: 98%;
}
.product-view-form .img-box-shadow {
  box-shadow: 0 0 10px #ccc;
}
.product-view-form .mgr0 {
  margin-right: 0;
}
.product-view-form .form-title {
  font-family: AvenirNext-Regular, sans-serif;
  color: #777;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}
.product-view-form .tooltip-info {
  background-color: #009fe3;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Avenir-Medium, sans-serif;
  font-weight: 700;
  cursor: pointer;
  text-transform: lowercase;
}
.product-view-form .open > .dropdown-menu {
  display: block;
  min-width: 170px;
  background: #fff;
  box-shadow: none;
  text-align: center;
  border: 20px solid;
  border-image: url(/images/webshop/producten/border-selector.png) round 45;
}
.product-view-form .dropdown-menu li {
  cursor: pointer;
  padding: 5px 0;
}
.product-view-form .lettertype {
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
}
.grootte-container {
  text-align: center;
  border: 12px solid;
  border-image: url(/images/webshop/producten/border-selector.png) round 20;
}
.grootte-container select {
  border: 0;
  background-color: #fff;
  font-size: 20px;
  width: 100%;
  background: url(/images/webshop/icon/blue-arrow.png) no-repeat right #fff;
  -webkit-appearance: none;
  background-position: right;
  background-position-y: 2px;
  background-size: contain;
  padding-right: 37px;
}
.grootte-container select::-ms-expand {
  display: none;
}
.grootte-container.selectbox {
  width: 100%;
}
.format-select-panel {
  display: none;
  position: fixed;
  z-index: 3000;
  margin: 0;
  padding: 2px 0;
  list-style: none;
  overflow-y: auto;
  background-color: #fff;
  color: #000;
  border: 1px solid #c9c9c9;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.25);
  font-size: 15px;
  font-family: inherit;
}
.format-select-panel.open {
  display: block;
}
.format-select-panel li {
  padding: 3px 6px;
  text-align: left;
  cursor: default;
}
.format-select-panel li:hover,
.format-select-panel li.selected {
  background-color: #0078d7;
  color: #fff;
  background-color: Highlight;
  color: HighlightText;
}
.product-details-box .digital-preview {
  width: 55px;
  display: inline-block;
  margin-right: 10px;
  box-shadow: 0 0 5px 0 #8c8c8c;
  position: relative;
}
.product-details-box .digital-preview .sub-digital-photo {
  width: 55px;
  box-shadow: 0 0 5px 0 #8c8c8c;
  position: absolute;
  top: 35%;
  left: -30%;
}
.product-details-box .digital-selection {
  width: calc(100% - 65px);
  display: inline-block;
}
.product-view-form .form-control {
  border: 10px solid transparent;
  border-image: url(/images/webshop/producten/border-selector.png);
  border-image-slice: 47;
  border-image-width: 10;
  border-image-repeat: stretch;
  border-radius: 9999px;
  outline: 0;
  box-shadow: none;
  padding: 10px 16px;
  background-clip: padding-box;
}

.product-view-form .grootte-value {
  font-size: 20px;
  margin: 0 10px;
  height: 25px;
  min-width: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.product-view-form .lettertype:before {
  background-image: url(/images/webshop/producten/dropdown-bg-black.png);
}
.product-view-form .lettertype option {
  font-size: 14px;
}
.product-view-form .flexible {
  justify-content: space-between;
}
.product-view-form .form-group {
  margin-bottom: 28px;
}
.w33 {
  width: 30%;
}
.text-left {
  text-align: left !important;
}
.product-view-total-container .flexible {
  justify-content: flex-start;
}
.product-view-total {
  font-family: AvenirNext-Regular, sans-serif;
  font-size: 20px;
  margin: 0 20px;
  white-space: nowrap;
}
.product-view-total-container .button-cart,
.product-view-total-container .button-cart-bestellen {
  cursor: pointer;
  position: relative;
  display: inline-block;
  opacity: 1;
}

.product-view-total-container .button-cart.loading,
.product-view-total-container .button-cart-bestellen.loading {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.product-view-total-container .button-cart.loading::after {
  content: "";
  border: 5px solid #92e290;
  border-top: 5px solid #35b931;
  border-radius: 50%;
  animation: spin 2s linear infinite;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: not-allowed;
}
.product-details {
  display: none;
}
.product-specification {
  background-image: url(/images/webshop/producten/product-specification-bg.png);
  background-size: cover;
  float: left;
  width: 100%;
  box-shadow: 0 0 10px #ccc;
  padding: 10px 50px 50px;
  min-height: 500px;
  position: relative;
  margin: 50px 0;
}
.product-specification .nav-tabs {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-bottom: 5px solid !important;
  border-image: url(/images/webshop/producten/product-tab-line.png) 15 !important;
}
.product-specification .nav-tabs li {
  text-transform: uppercase;
  font-size: 16px;
}
.product-specification .nav-tabs li a span {
  text-transform: lowercase;
}
.product-specification .nav-tabs li a {
  font-family: Avenir-Medium, sans-serif;
  color: #000;
  font-size: 16px;
}
.product-specification .nav-tabs li.active a {
  color: #009fe3;
}
.product-specification h4 {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
.product-specification h4 span {
  background-image: url(/images/webshop/producten/product-specification-title-bg.png);
  display: inline-flex;
  padding: 15px 10px 10px;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: Avenir-Roman, sans-serif;
}
.product-specification .tab-pane#formaat img {
  height: 400px;
  padding: 0 20px 40px 20px;
}
.product-specification .nav-tabs,
.product-specification .nav-tabs > li.active > a,
.product-specification .nav-tabs > li.active > a:focus,
.product-specification .nav-tabs > li.active > a:hover,
.product-specification .nav-tabs > li > a,
.product-specification .nav-tabs > li > a:focus,
.product-specification .nav-tabs > li > a:hover,
.product-specification .tab-content {
  border: none;
  background: 0 0;
}
.product-specification .tab-content .tab-pane {
  font-size: 16px;
}
.producten-pencil {
  position: absolute;
  bottom: 0;
  text-align: center;
}
.producten-pencil img {
  width: 75%;
}
.producten-nav-mobile {
  text-align: center;
}
.producten-nav-mobile .dropdown-menu li {
  padding-left: 15px;
}
.producten-nav-mobile > a {
  border-bottom: none !important;
  color: #fff;
  background-image: url(/images/webshop/producten/category_active.png);
  padding: 10px 30px;
  background-size: contain;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  width: 220px;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 24px;
  background-color: transparent;
  position: relative;
  display: inline-block;
  text-align: center;
}
.producten-nav-mobile > a:before {
  content: "";
  background-image: url(/images/webshop/producten/dropdown-bg.png);
  background-size: 20px 15px;
  background-repeat: no-repeat;
  width: 20px;
  height: 100%;
  top: 0;
  right: -5px;
  position: absolute;
  background-position: center;
}
.producten-nav-mobile-container {
  justify-content: flex-start;
  padding: 50px 15px;
}
.producten-nav-mobile-container p {
  color: #009fe3;
  font-family: Avenir-Medium, sans-serif;
  margin: 0;
}
.product-letter {
  margin: 80px 0 0;
}
.product-letter p {
  text-align: center;
  font-size: 22px;
  font-family: Avenir-Medium, sans-serif;
  color: #000;
}
.webshop .tooltip {
  z-index: 10;
}
.webshop .product-view-total-container .tooltip.tooltip-order {
  position: absolute;
  right: -30px;
}
.webshop .product-view-total-container .tooltip .tooltip-arrow {
  margin-left: -17px;
  border-width: 0 22px 33px;
  border-bottom-color: #92e290;
}
.webshop .product-view-total-container .tooltip .tooltip-arrow::before {
  content: "";
  border-color: transparent;
  border-width: 0 15px 25px;
  border-bottom-color: #37b931;
  position: absolute;
  top: 8px;
  left: -15px;
  border-style: solid;
  border-radius: 0;
}
.webshop
  .product-view-total-container
  .tooltip
  .tooltip-inner
  .tooltip-content {
  background-color: #36b931;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 15px;
  font-family: Avenir-Medium, sans-serif;
  border-radius: 4px;
}
.webshop .product-view-total-container .tooltip .tooltip-inner {
  background-color: #92e290;
  position: relative;
  top: 25px;
  width: 325px;
  max-width: initial;
  padding: 5px;
  color: #fff;
}
.webshop .product-view-total-container .tooltip .tooltip-inner .tooltip-arrow {
  left: 81% !important;
  border-bottom-color: #92e290;
  top: -28px;
}
.webshop
  .product-view-total-container
  .tooltip
  .tooltip-inner
  .tooltip-content
  p {
  font-size: 16px;
  margin-bottom: 20px;
}
.webshop
  .product-view-total-container
  .tooltip
  .tooltip-inner
  .tooltip-content
  ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}
.tooltip-webshop-custom-only {
  background-color: #1db63d !important;
  border: 5px solid #8be093;
  padding: 10px !important;
  color: #fff;
  border-radius: 5px;
  top: auto !important;
  width: auto !important;
  min-width: 250px !important;
  max-width: 100% !important;
  left: auto !important;
  float: left !important;
}
.tooltip-webshop-custom-only img {
  width: 100%;
  max-width: 250px;
}
.left-zero-important {
  left: 0 !important;
}
.background-container h4,
.select-product h4 {
  margin: 0;
  padding: 0 15px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
.form-disabled {
  display: none;
}
.select-product .pack-product .pack-product-title {
  font-family: AmaticSC-Bold, sans-serif;
  white-space: normal;
}
.select-sub-product-options .pack-product .pack-product-title {
  font-family: AmaticSC-Bold, sans-serif;
  white-space: normal;
}
.product-details-options .options-container .select-product .product-option {
  width: 350px;
  padding: 10px;
}
.product-details-options
  .options-container
  .select-sub-product-options
  .product-option {
  width: 350px;
  padding: 10px;
}
.product-details-options .options-container .select-product .kalender-product {
  height: 401px;
}
.select-groupphoto-background .bg-option-groupphoto-background {
  width: 250px !important;
  padding: 10px;
}
.product-details-options
  .options-container
  .select-product
  .product-option
  img.premium-image {
  display: none;
}

.product-details-options
  .options-container
  .select-discount-product
  .product-option.layout-product-item {
  width: 200px;
  padding: 10px;
}

.product-details-options
  .options-container
  .select-product
  .product-option.premium
  img.premium-image {
  position: absolute;
  width: 30% !important;
  right: 0;
  top: 0;
  height: 30% !important;
  display: block;
  object-fit: contain;
}

.select-groupphoto-background
  .bg-option-groupphoto-background
  img.premium-image {
  display: none;
}
.select-groupphoto-background
  .bg-option-groupphoto-background.premium
  img.premium-image {
  position: absolute;
  width: 30% !important;
  right: 0;
  top: 0;
  height: 40% !important;
  display: block;
}
.select-product .pack-product .pack-product-title h5 {
  color: #222;
  margin: 10px 0;
  font-size: 25px;
}
.select-product .pack-product .pack-product-title h5 .underline {
  text-decoration: line-through;
}
.select-product .pack-product .pack-product-title h6 {
  color: #39ba34;
  margin-top: 0;
}
.select-product .pack-product .pack-product-title .product-description {
  font-size: 20px;
  color: #777777;
  margin-top: 0;
  margin-bottom: 10px;
}
.select-sub-product-options .pack-product .pack-product-title h5 {
  color: #222;
  margin: 10px 0;
  font-size: 25px;
}
.select-sub-product-options .pack-product .pack-product-title h5 .underline {
  text-decoration: line-through;
}
.select-sub-product-options .pack-product .pack-product-title h6 {
  color: #39ba34;
  margin-top: 0;
}

.select-product .pack-product .pack-product-item {
  width: 100%;
  max-height: 245px;
  height: 245px;
  white-space: normal;
}
.product .item-container .bidons-custom {
  margin: 0 auto;
}
.product .item-container .single_sheets-custom {
  width: 55% !important;
  margin: 0 auto;
  transform: rotate(7deg);
  box-shadow: 0 0 2px 2px #bbb;
  height: 100%;
}
@media (max-width: 1200px) {
  .product .item-container .single_sheets-custom {
    width: 46% !important;
  }
}
@media (max-width: 400px) {
  .product .item-container .single_sheets-custom {
    width: 44% !important;
  }
}
.product .item-container .onderzetters-custom {
  width: 140% !important;
  margin-left: -30px;
  margin-top: -30px;
}
.product .item-container .bekers_mokken-custom {
  width: 140% !important;
  margin-left: -46px;
  margin-top: -19px;
}
.product .item-container .image-item-container {
  position: relative;
  width: 100%;
  display: flex;
  overflow: hidden;
  padding: 5% 0;
}
.pack-product-item > div {
  width: 24%;
  display: inline-block;
  margin-bottom: 10px;
  box-shadow: 0 0 10px 0 #bbb;
}
.pack-product-item > div > img {
  width: 100%;
}
.digital_text_section {
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  font-family: AvenirNext-Regular, sans-serif;
  color: #777;
}
.pack-product-item .pack-product-gratis {
  border: none;
  width: 30%;
  display: flex;
  flex-direction: column;
}
.product-image-holder {
  position: relative;
}
.product-details-options .options-container .options > div.loading:after,
.product-image-holder.loading:after,
.group-backround-image-holder.loading:after,
.product-view-section .pack-item-details > div.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/general/imageloader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.button-order-container,
.product-view-section {
  position: relative;
}
.bg-option-sub-groupphoto {
  width: 240px !important;
}
.product-view-section.loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 105%;
  height: 100%;
  background: url(/images/general/imageloader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.75);
}
.pack-product-item .pack-product-gratis img {
  height: 71px;
}
.pack-product-item .pack-product-gratis h6 {
  color: #fff;
  background-color: #35b931;
  display: block;
  text-transform: uppercase;
  font-family: Avenir-Roman, sans-serif;
  text-align: center;
  margin: 0;
}
.pack-product-item .pack-product-gratis > div {
  border: 1px solid #ccc;
  margin-top: 5px;
}
.pack-item-details {
  float: left;
  width: 100%;
  position: relative;
}
.pack-item-details > div {
  width: 30%;
  display: inline-table;
  margin: 0 5px 15px;
  float: left;
  position: relative;
}
.pack-item-details > div.pack-product-gratis {
  width: 41.8%;
}
.pack-item-details > div.pack-product-gratis h6 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Avenir-Medium, sans-serif;
  margin: 0 0 10px;
  background-color: #36b931;
  padding: 7px 0;
}
.pack-item-details > div.pack-product-gratis img,
.pack-item-details > div > img {
  border: 0;
  box-shadow: 0 0 15px #2b2b2b;
}
.pack-item-details > div > p {
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  margin: 10px 0;
}
.group-item-photo > div {
  margin: 10px;
  width: 100%;
  flex: 1;
}
.group-item-photo > div:nth-child(2) {
  width: 130%;
}
.product-view-form .color-label {
  margin-left: 40px;
  color: #000;
}
.flexible.flex-end {
  justify-content: flex-end;
}
.product-details .pack-item-details img {
  cursor: pointer;
}
.pack-item-details .numberofsheets,
.pack-product-item .numberofsheets {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
  background-color: #009fe3;
  display: inline-flex;
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  font-family: Avenir-Medium, sans-serif;
}
.no-product-available {
  text-align: center !important;
  color: #cf2e7c !important;
  font-size: 20px !important;
  display: block !important;
}
.pack-item-details .numberofsheets {
  bottom: auto;
  top: 125px;
  width: 30px;
  height: 30px;
  right: 5px;
}

.pack-item-details img.premium-image {
  display: none;
}

.pack-item-details.premium img.premium-image {
  position: absolute;
  width: 30% !important;
  right: 0;
  top: 0;
  height: 30% !important;
  display: block;
  object-fit: contain;
}

.effect-container input[type="radio"] {
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  margin: 0;
  bottom: 0;
}
.checkmark {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 5px solid;
  border-image: url(/images/webshop/icon/webshop-checkbox.png) 10;
  border-radius: 50%;
}
.effect-container {
  display: flex;
  justify-content: center;
}
.effect-container label {
  font-weight: 400;
  font-family: Avenir-Medium, sans-serif;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.editor-effect-content,
.effect-content {
  width: 20px;
  height: 20px;
  position: relative;
}
.effect-wrapper,
.select-effect {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 100px;
  margin: 30px 15px 0;
}
.effect-wrapper {
  height: 72px;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.editor-effect-content input[type="radio"]:checked ~ .checkmark:after,
.effect-content input[type="radio"]:checked ~ .checkmark:after {
  display: block;
}
.editor-effect-content .checkmark:after,
.effect-content .checkmark:after {
  top: -13px;
  left: -6px;
  width: 23px;
  height: 23px;
  background-image: url(/images/webshop/icon/webshop-checkedbox.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.webshop .hidden-title h3 {
  display: none;
}
.webshop .order-form input.form-control,
.webshop .order-form select.form-control {
  border-radius: 5px !important;
}
.webshop .order-form .flex-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.webshop .order-form .flex-form img {
  width: 70px;
  margin: 0 10px;
}
.webshop .order-form .flex-form p {
  margin: 0;
  margin-bottom: 5px;
  font-family: Avenir-Medium, sans-serif;
  color: #545253;
}
.webshop .order-panels .panel {
  border: 1px solid #f5f5f5;
  box-shadow: none;
}
.webshop .order-panels .panel-heading {
  cursor: pointer;
}
.webshop .order-panels .panel h4 span:first-child {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #bababa;
  color: #fff;
  border-radius: 50px;
  position: relative;
  font-size: 20px;
  margin-right: 10px;
}
.webshop .order-panels .panel.active h4 span:first-child {
  background-color: #e4007b;
}
.webshop .order-panels span.header-counter {
  font-weight: 700;
}
.webshop .order-panels h4 {
  font-weight: 700;
  color: #423a37;
  font-family: SUNN, sans-serif;
  font-size: 30px;
  letter-spacing: 1px;
  margin: 0;
  display: flex;
  align-items: center;
}
.webshop .order-panels .panel.active h4 span:first-child:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 80%;
  height: 80%;
  top: 10%;
  background-color: transparent;
  border: 1px dashed #fff;
  border-radius: 50%;
}
.webshop .order-panels .panel.active h4 span:first-child:after {
  border: 1px dashed #ff66d9;
}
.webshop .order-panels form label {
  font-family: Avenir-Medium, sans-serif;
}
.webshop .details-form-submit {
  width: 100%;
  max-width: 200px;
  font-family: Avenir-Medium, sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #35b931;
  border: 1px solid #c3c3c3;
  padding: 10px;
  border-radius: 5px;
}
.webshop .details-form-submit:active {
  -webkit-box-shadow: inset 0 0 5px 0 #85cc00;
  -moz-box-shadow: inset 0 0 5px 0 #85cc00;
  box-shadow: inset 0 0 5px 0 #85cc00;
}
.webshop .payment_method {
  float: left;
  width: 100%;
  margin-left: -10px;
}
.webshop .betalen-button {
  float: left;
  clear: both;
  margin-top: 20px;
  width: 100%;
}
.webshop #accordion .panel-heading {
  background-color: #f5f5f5;
}
.webshop .order-panels .payment_method > div {
  width: 180px;
  float: left;
  text-align: center;
  border: 2px solid #bababa;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  min-height: 200px;
}
.webshop .order-panels .payment_method > div.selected {
  border: 4px solid #74b301;
  box-shadow: 0 0 10px #dadada;
}
.webshop .order-panels .payment_method > div > div {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #2aaee7;
  margin: 0 auto;
  margin-top: 50px;
}
.webshop .order-panels .payment_method > div > div > img {
  width: 60%;
}
.webshop .order-panels .payment_method > div .option_name {
  background-color: #00ace6;
  color: #fff;
  margin: 0;
  padding: 5px;
}
.sp-container {
  z-index: 999999999;
}
.canvas-zoom-container .optional-container {
  width: 75%;
  margin: 30px auto 0;
}
.canvas-zoom-container .colorselector-container {
  width: 60px;
}
.canvas-container {
  max-width: none;
}
#items-menu {
  list-style: none;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 17px;
  color: #333;
}
#div-menu {
  display: none;
  border: 1px solid #b2b2b2;
  width: 120px;
  background: #f9f9f9;
  box-shadow: 3px 3px 2px #e9e9e9;
  border-radius: 4px;
}
#items-menu :hover {
  color: #fff;
  background: #00afe6;
  border-radius: 2px;
}
.full-width {
  width: 100%;
}
.shipping_address {
  margin-left: -20px !important;
}
.right-photo-box .right-photo-box-title {
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  background-color: rgba(0, 159, 227, 0.6);
  padding: 20px;
}
.right-photo-box .webshop-images {
  padding: 0;
  border-image: none !important;
}
.right-photo-box .webshop-images .col-xs-12 {
  padding: 0;
  margin: 0;
}
.right-photo-box .webshop-images .image-item {
  box-shadow: none;
  height: auto;
  width: auto;
  margin: 0;
  text-align: center;
  float: none;
  padding: 10px;
}
.digital-quote-container {
  display: none;
  margin-bottom: 10px;
}
.digital-quote {
  background-color: #1db63d;
  border: 5px solid #8be093;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
}
.overlay-webshop-login {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #039fe3;
}
.overlay-webshop-login .open-form-login {
  cursor: pointer;
}
.overlay-webshop-login .add-icon {
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #32d24e;
  box-shadow: 0 0 10px #023e58;
  margin-right: 10px;
  border-radius: 50%;
  z-index: 0;
}
.overlay-webshop-login .add-icon::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: 5px;
  left: 5px;
  background-color: #14b839;
  border-radius: 50%;
  z-index: 1;
}
.overlay-webshop-login .add-icon::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 2;
  content: "+";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 80px;
  padding-bottom: 10px;
  z-index: 2;
}
.overlay-webshop-login h4 {
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 29px;
  margin: 0;
}
#btn-download-image {
  background-color: #28a2cb;
  color: white;
  font-weight: bold;
  font-size: 44px;
  width: 60px;
  height: 60px;
  text-align: center;
  position: fixed;
  padding: 10px;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  border-radius: 50%;
}
#btn-download-image:hover {
  background-color: #3ac1ef;
}
.image-to-download {
  width: 100%;
  border: 1px solid;
}
form#login-form {
  position: relative;
}
#footer-widgets a {
  cursor: pointer;
}
#image-modal .fixed-width {
  width: 80%;
}
.image-modal[id^="promotion-"] .modal-dialog.modal-sm.modal-md {
  width: 300px;
  max-width: calc(100% - 20px);
  margin: 10px auto;
}
@media (min-width: 768px) {
  .image-modal[id^="promotion-"] .modal-dialog.modal-sm.modal-md {
    width: 600px;
    margin: 30px auto;
  }
}
.backgrounds-selection {
  width: 20%;
  position: absolute;
  right: 0;
  top: 50px;
  padding: 0 5px;
  height: 680px;
}
.backgrounds-selection .backgrounds-selection-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.backgrounds-selection .background-selection-up {
  position: absolute;
  right: 37%;
  top: -25px;
  width: 50px;
  height: 50px;
  background-image: url(/images/general/icon_up.png);
  z-index: 2;
  background-size: 100%;
  cursor: pointer;
}
.backgrounds-selection .background-selection-down {
  position: absolute;
  right: 37%;
  bottom: -25px;
  width: 50px;
  height: 50px;
  background-image: url(/images/general/icon_down.png);
  z-index: 2;
  background-size: 100%;
  cursor: pointer;
}
.backgrounds-selection .background-item {
  width: 100%;
  height: 105px;
  background-size: auto calc(100% - 5px);
  cursor: pointer;
  background-repeat: repeat-x;
  padding-bottom: 5px;
  position: relative;
}
.backgrounds-selection.backgrounds-selection-vertical .background-item {
  background-repeat: no-repeat;
  background-position: center;
  height: 170px;
  width: 75%;
}
.background-selection-vertical {
  right: 46% !important;
}
.backgrounds-selection .background-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 5px);
  background-color: #fff;
}
.backgrounds-selection .background-item.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(100% - 5px);
  border: 3px solid #2eaee8;
}

.group-photo-thumbnail-selection {
  width: 20%;
  position: absolute;
  right: 0;
  top: 50px;
  padding: 0 5px;
  height: 680px;
}
.group-photo-thumbnail-selection .group-photo-thumbnail-selection-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.group-photo-thumbnail-selection .group-photo-selection-up {
  position: absolute;
  right: 37%;
  top: -25px;
  width: 50px;
  height: 50px;
  background-image: url(/images/general/icon_up.png);
  z-index: 2;
  background-size: 100%;
  cursor: pointer;
}
.group-photo-thumbnail-selection .group-photo-selection-down {
  position: absolute;
  right: 37%;
  bottom: -25px;
  width: 50px;
  height: 50px;
  background-image: url(/images/general/icon_down.png);
  z-index: 2;
  background-size: 100%;
  cursor: pointer;
}
.group-photo-thumbnail-selection .group-photo-item {
  width: 100%;
  height: 105px;
  background-size: auto calc(100% - 5px);
  cursor: pointer;
  background-repeat: repeat-x;
  padding-bottom: 5px;
  position: relative;
}
.group-photo-thumbnail-selection .group-photo-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 5px);
  background-color: #fff;
}
.group-photo-thumbnail-selection .group-photo-item.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(100% - 5px);
  border: 3px solid #2eaee8;
}

.modal-1000-pixel {
  width: 1000px;
}
.canvas-container .upper-canvas {
  border: none;
}
.canvas-container.mok:before {
  content: "";
  position: absolute;
  width: 130px;
  height: 100%;
  left: -130px;
  top: 0;
  background-image: url(/images/fun/mok_left.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-container.mok:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 100%;
  right: -130px;
  top: 0;
  background-image: url(/images/fun/mok_right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-container.mok_hart:before {
  content: "";
  position: absolute;
  width: 130px;
  height: 100%;
  left: -130px;
  top: 0;
  background-image: url(/images/fun/mok_hart_left.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-container.mok_hart:after {
  content: "";
  position: absolute;
  width: 130px;
  height: 100%;
  right: -130px;
  top: 0;
  background-image: url(/images/fun/mok_hart_right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-container.espressomok:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 100%;
  left: -120px;
  top: 0;
  background-image: url(/images/fun/espressomok_left.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-container.espressomok:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 100%;
  right: -120px;
  top: 0;
  background-image: url(/images/fun/espressomok_right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.canvas-menu-panel {
  background-color: #fff;
  border-radius: 3px;
  width: 76px;
}
.canvas-menu-panel > a {
  padding: 5px;
  margin: 2px;
  display: inline-block;
  font-size: 20px;
  width: 34px;
  height: 34px;
  text-align: center;
}
.product-details-box .input-group-addon {
  border: none;
  background-color: transparent;
  color: #000;
}
.dp-none {
  display: none !important;
}
.dp-block {
  display: block !important;
}
.table-order-webshop {
  font-family: Avenir-Roman, sans-serif;
}
.table-order-webshop a {
  font-family: AmaticSC-Regular, sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.digitaal_order .order-page .content,
.digitaal_order .order-panel {
  overflow-x: auto;
}
.digitaal_order .order-page .content table,
.digitaal_order .order-panel table {
  min-width: 800px;
}
.digital_action {
  margin-right: 10px;
  min-width: 190px;
}
.white-color {
  color: #fff;
}
.mgb-20 {
  margin-bottom: 20px;
}
.mgt-60-percent {
  margin-top: 60%;
}

.webshop-content .collage {
  /* box-shadow: 0 0px 4px 0px #cedce4; */
  float: left;
  width: 100%;
  clear: both;
  height: 80vh;
  /* border-radius: 8px; */
}
.webshop-content .left-col {
  float: left;
  width: 200px;
  text-align: center;
  background-image: url(/images/webshop/banner-background.png);
  padding: 20px 0;
  height: 100%;
  overflow: auto;
}
.webshop-content .right-col {
  float: left;
  width: calc(100% - 200px);
  text-align: center;
  height: calc(100% - 70px);
}
.webshop-content .left-col .photo-selector-popup {
  height: auto;
  float: inherit;
}
.webshop-content .left-col .image-container {
  width: 150px;
  margin: 0 auto 20px;
  cursor: pointer;
}
.webshop-content .left-col .image-container:last-child {
  margin: 0 auto 0;
}
.webshop-content .left-col .image-container img {
  width: 100%;
}

.webshop-content .workspace {
  height: 100%;
  background-color: #cacaca;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.webshop-content .workspace .canvases {
  line-height: 0;
  font-size: 0;
  padding: 20px;
  background-color: #ebebeb;
}
.webshop-content .workspace .canvases .canvas-wrapper {
  display: inline-block;
}
.webshop-content .workspace .canvases .canvas-item {
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #ebebeb;
  position: relative;
}
.webshop-content .workspace .canvases .canvas-item.active {
  border: 2px solid #2c6fa2;
}
.webshop-content .workspace .canvases .canvas-item.dragging:after {
  content: "+";
  position: absolute;
  z-index: 99999;
  background-color: #ffffff78;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px dashed #cacaca;
  font-size: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cacaca;
}
.webshop-content .workspace .canvases .canvas-item.loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(255 255 255 / 50%);
}
.webshop-content .workspace .canvases .canvas-item canvas {
  position: absolute;
}
.collage-effect-panel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  /* position: absolute; */
  width: 100%;
  height: 70px;
  /* bottom: 0; */
  /* left: 0; */
  transition: all 200ms ease-in-out;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}

.collage-effect-panel .default {
  transition: all 200ms ease-in-out;
  cursor: pointer;
  font-family: Avenir-Medium, sans-serif;
  font-size: 14px;
  height: 100%;
  width: 70px;
  color: #000;
  overflow: hidden;
  border-right: 1px solid #ebebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10px 0 10px 70px;
}
.collage-effect-panel .default .img-tab {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 70px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 70px;
  position: absolute;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  top: 0;
  left: 0;
  font-size: 30px;
}
.collage-effect-panel .default .img-tab.right {
  right: 0;
  left: auto;
  display: none;
}
.collage-effect-panel .default.expand .img-tab.right {
  right: 0;
  left: auto;
  position: absolute;
  display: flex;
}
.collage-effect-panel .default.effect .img-tab {
  color: #cc57ff;
}
.collage-effect-panel .default.text .img-tab {
  color: #5e9ff6;
}
.collage-effect-panel .default.cart .img-tab {
  color: #4caf50;
}
.collage-effect-panel .default.cart .img-tab.right {
  color: #57a4ff;
}
.collage-effect-panel .default.product .img-tab {
  color: #499cdc;
}
.collage-effect-panel .default.product .price-display {
  padding: 0;
  margin: 0;
  font-size: 26px;
  white-space: nowrap;
}
.collage-effect-panel .default .img-tab .background-image {
  width: 60%;
  height: auto;
}

.collage-effect-panel .default:last-child {
  border-right: none;
}
.collage-effect-panel .default.expand {
  height: 100%;
  width: 100%;
  justify-content: flex-start;
}
.collage-effect-panel .default.cart.expand {
  padding: 10px 70px;
}
.collage-effect-panel .item-panel-content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  margin-left: 10px;
}
.collage-effect-panel .expand .item-panel-content {
  margin-right: 10px;
}
.collage-effect-panel .item-panel-content::-webkit-scrollbar {
  height: 6px;
}
.collage-effect-panel .effect-item {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.collage-effect-panel .effect-item a {
  display: block;
  height: 100%;
  padding: 3px;
  border: 1px solid #cacaca;
  border-radius: 5px;
  margin-right: 5px;
}
.collage-effect-panel .effect-item a.active {
  background: #35b932;
  border: none;
}
.collage-effect-panel .effect-item a img {
  height: 100%;
  border-radius: 5px;
}
.collage-effect-panel .item-panel-content .text-item {
  margin-right: 10px;
  min-width: 200px;
  width: 200px;
}
.collage-effect-panel .item-panel-content .special-packaging {
  margin-right: 10px;
  min-width: 245px;
}
.collage-effect-panel .item-panel-content .quantity {
  margin-right: 10px;
  min-width: 132px;
}
.collage-effect-panel .item-panel-content .text-item.btn {
  min-width: 100px;
  width: 100px;
}
.collage-effect-panel .item-panel-content .sp-replacer {
  min-width: 55px;
  height: 36px;
  margin-right: 10px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  border: solid 1px #cccccc;
  background: #fff;
}
.collage-effect-panel .item-panel-content.flex-evenlyn {
  justify-content: space-evenly;
}
.collage-effect-panel .item-panel-content.flex-center {
  justify-content: center;
}
.form-control.error {
  border-color: #dc3545;
}
.collage-effect-panel .item-panel-content .packaging {
  float: inherit;
  width: auto;
  margin: 0;
}
.retrive-data {
  position: absolute;
  right: 10px;
  bottom: 80px;
  font-size: 20px;
  padding: 10px;
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.retrive-data a {
  color: #cacaca;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.tippy-box {
  width: 180px;
  background-color: #fff;
  border-radius: 4px;
  padding: 5px;
  pointer-events: auto;
}
.tippy-box a {
  display: block;
  color: #2d2d2d;
  cursor: pointer;
}
.tippy-box .tippy-arrow {
  display: none;
}
.draft-table th {
  text-align: center;
}
.draft-table a {
  padding: 5px;
  color: #251512;
  cursor: pointer;
}

.action-step-4-plus,
.action-step-4-minus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  color: #fff;
}
.action-step-4-plus i,
.action-step-4-minus i {
  margin: 0;
}
.action-step-4-plus {
  background-color: #2c6fa2;
}
.action-step-4-minus {
  background-color: #d65916;
}
.input-akkoord {
  width: 60px;
  text-align: center;
}
.addMenuPhoto {
  cursor: pointer;
  background: white;
  border-radius: 5px;
  color: #000;
  display: flex;
  align-items: center;
  z-index: 109;
  -webkit-box-shadow: -1px -1px 11px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px -1px 11px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px -1px 11px 0px rgba(0, 0, 0, 0.75);
}
.image-panel-icons a {
  font-size: 25px;
  padding: 10px;
  color: #000;
  display: block;
}
.flex {
  display: flex;
}
.moveMenuButton {
  position: absolute;
  left: -10px;
  top: -10px;
  background-color: #000;
  color: #fff;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.moveMenuButton:hover,
.moveMenuButton:focus,
.moveMenuButton:active,
.moveMenuButton:visited {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .button-order-mb.have-tooltip {
    margin-bottom: 185px;
  }
}
@media only screen and (max-width: 767px) {
  .image-panel-icons a {
    padding: 12.5px;
  }
  .image-panel-icons {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .collage-effect-panel .item-panel-content.flex-evenlyn {
    justify-content: flex-start;
  }
  .collage-effect-panel .item-panel-content.flex-center {
    justify-content: flex-start;
  }
  .collage-effect-panel .item-panel-content::-webkit-scrollbar {
    height: 0;
  }
  .collage-effect-panel::-webkit-scrollbar {
    height: 0;
  }
  .collage-effect-panel {
    overflow: auto;
    justify-content: flex-start;
  }
  .collage-effect-panel .default.expand {
    min-width: 100%;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1200px) {
  .webshop-header {
    padding: 40px 10px;
  }
  .product-banner .banner-button {
    bottom: 5px;
    right: 10px;
    padding: 20px 50px;
  }
  .webshop-banner-left {
    width: 40%;
  }
  .webshop-banner-right {
    width: 60%;
  }
  .banner-button {
    font-size: 24px;
    padding: 20px 30px;
  }
}
@media (max-width: 1024px) {
  nav ul li#winkelwagen-menu-item img.shopping-cart-icon {
    width: 34px;
    top: 1px;
    left: -5px;
  }
  nav ul li a,
  nav ul li a:active,
  nav ul li a:focus,
  nav ul li a:visited {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .mobile-menu {
    display: inline-block !important;
  }
  .webshop-title {
    display: none;
  }
  .webshop-exit-button {
    display: none;
  }
  .product-letter {
    margin: 50px 0;
  }
  .product-view-form {
    margin-top: 20px;
  }
  .product-details-heading .fotokoch-lightbox-button span {
    background-image: none;
    background-color: #3bbb37;
    padding: 0 !important;
    color: #fff;
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
  }
  .webshop-banner {
    padding-top: 0;
  }
  .row-mobile {
    margin-right: -15px;
    margin-left: -15px;
  }
  .webshop-layout-flex {
    display: flex;
    flex-direction: row-reverse;
  }
  .webshop-banner-right {
    width: 100%;
    padding: 0;
  }
  .webshop-banner-left {
    width: 100%;
    margin: 0;
    padding: 30px 45px;
    background-image: url(/images/webshop/banner-background-2.png);
    background-color: transparent;
    background-size: 50%;
    background-repeat: repeat;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .webshop-banner-right .webshop-banner-content {
    background-image: none;
    border: none;
  }
  #footer-widgets {
    margin-top: 40px;
  }
  nav ul {
    justify-content: center;
  }
  nav ul li.active a {
    color: #d0357c;
    background-image: url(/images/webshop/icon/camera.png);
  }
  .webshop-menu-button-container {
    border: none;
    border-image: none;
    text-align: left;
  }
  .webshop-exit-button-container {
    border: none;
    border-image: none;
    text-align: right;
  }
  .product-banner .producten-banner-button a {
    bottom: 54px;
    right: 70px;
    font-size: 28px;
  }
  .product-banner .webshop-banner {
    padding: 0;
    background-image: none;
  }
  .product-banner .webshop-banner .mobile-background {
    background-image: url(/images/webshop/banner-background.png);
  }
}
@media (max-width: 991px) {
  .producten-banner-content .slick-dots {
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .webshop .students-background {
    max-width: 100%;
    height: max-content;
  }
}
@media (max-width: 767px) {
  #login_account h5 {
    text-align: left;
  }
  .margin-left-30 {
    margin-left: 0;
  }
  .webshop-layout-flex {
    display: unset;
  }
  .photo-container .webshop-images {
    display: flex;
    overflow: scroll;
    padding: 20px 0;
  }
  .photo-container .webshop-image-close-button {
    display: none;
  }
  .webshop .product-view-total-container .tooltip.tooltip-order {
    right: 30px;
    top: 60px;
  }
  .visible-xs {
    display: inline-block !important;
  }
  .btn-green.button-jumbo {
    padding: 0;
    width: 100%;
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .product-view .product-view-container {
    min-height: 400px;
  }
  .product-view-container .product-view-image .product-view-image-container {
    width: 80%;
  }
  .product-view-section > .col-md-6 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .product-view-section > .col-md-6:first-child {
    margin-left: -30px;
    margin-right: -30px;
  }
  .grootte-container {
    flex-shrink: 0;
  }
  .mobile-menu {
    width: 45px;
  }
  .product-mobile-padding:nth-child(2n) {
    padding-right: 8px;
  }
  .products .product .item-container .product-description .product-name {
    font-size: 24px;
  }
  .products .product {
    padding-bottom: 15px;
  }
  .product-specification .nav-tabs {
    display: inline-block;
  }
  .product-view-container h4 {
    padding: 0 15px;
  }
  .product-details-options {
    padding: 0 15px;
  }
  .product-view-form .mgr0 {
    margin-left: 0;
  }
  .product-view-total-container .flexible {
    display: flex;
  }
  .product-view-form .w33 {
    width: 100%;
    margin-bottom: 30px;
  }
  .product-view-form .w33:last-child {
    margin-bottom: 0;
  }
  .product-banner .producten-banner-button a {
    bottom: 5px;
    right: 30px;
    font-size: 24px;
    padding: 20px 50px;
  }
  .producten-banner-top-title {
    top: 0;
    font-size: 28px;
    text-shadow: 2px 2px #bbb;
  }
  .banner-button {
    padding: 10px 20px;
    font-size: 16px;
  }
  .webshop-banner-left {
    padding: 20px 15px;
  }
  #footer-widgets {
    margin-top: 20px;
  }
  .fotokoch-lightbox-button span {
    font-size: 24px !important;
    padding: 5px 25px !important;
  }
  .fotokoch-lightbox-image-single {
    max-width: 70%;
  }
  .fotokoch-lightbox-image-single-larger {
    max-width: 70% !important;
  }
  .product-off-content > div {
    width: 49px;
    min-width: 49px;
    min-height: 66px;
  }
  .product-off-content .last-product-off {
    width: 53px;
  }
  .product-off-content .last-product-off span {
    font-size: 12px;
  }
  .product-off-content .last-product-off div {
    height: 40px;
  }
  .grootte-container.selectbox {
    width: 100%;
  }
  .grootte-container select {
    width: 100%;
  }
  .right-photo-box .webshop-images .image-item {
    margin: 0 10px 15px;
  }
  .file-declaration {
    display: none;
  }
  .file-declaration-mobile {
    display: block !important;
  }
}
.slide img {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.slick-dots li {
  margin: 0 3px;
}
.slick-dots button {
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #d2d2d2;
  text-indent: -9999px;
}
.slick-dots li.slick-active button {
  background-color: #009fe3;
}
.dropdown.open > a:active,
.dropdown.open > a:focus,
.product-view-form .dropdown.open > a {
  border-bottom: 10px solid transparent;
}
.select-combi-frame {
  display: block;
}
@-webkit-keyframes highlight-error {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #ff00009c;
    box-shadow: 0 0 10px red;
    border-radius: 5px;
  }
  100% {
    background-color: #fff;
  }
}
.highlight-error {
  -webkit-animation-name: highlight-error;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #39ba34;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 10px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 20px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 50px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 70px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.footer-top {
  background: #d0357c;
}
.toast {
  opacity: 1 !important;
}
#toast-container > .toast-success {
  background-color: #35b931;
}
.block_action {
  font-family: Avenir-Roman, sans-serif;
  width: 100px;
  height: 100px;
  box-shadow: 0 0 15px -5px #030303;
  margin: 10px auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.block_action:hover {
  border: 1px solid #02a1e4;
  padding: 9px;
}
.block_action.add-to-cart {
  background-color: #02a1e4;
  transition: ease-in-out 0.2s;
}
.block_action.add-to-cart a {
  color: #fff;
  font-size: 36px;
}
.block_action.add-to-cart .value {
  color: #fff;
}
.block_action.add-to-cart:hover {
  background-color: #fff;
}
.block_action.add-to-cart:hover a {
  color: #02a1e4;
}
.block_action.add-to-cart:hover .value {
  color: #02a1e4;
}
.block_action .value {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}
#printing_workspace {
  position: relative;
  top: 10px;
  font-family: Avenir-Roman, sans-serif;
}
#printing_workspace .printing_popup,
#printing_workspace .printing_upload_popup {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 0 15px -5px #030303;
  padding: 20px;
}
#printing_workspace .printing_upload_popup {
  display: none;
}
#printing_workspace .printing_header {
  padding: 0 0 10px;
  border-bottom: 1px solid #cdc7c7;
  position: relative;
}
#printing_workspace .printing_header .printing_popup_close,
#printing_workspace .printing_header .printing_upload_popup_close {
  position: absolute;
  right: 0;
  top: -8px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  background-color: #009fe3;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
#printing_workspace .printing_header h3 {
  padding: 0;
  margin: 0;
}
#printing_workspace .printing_body {
  padding: 20px 0;
  float: left;
  width: 100%;
}
#printing_workspace .printing_body .printing_popup_block {
  width: 110px;
  padding: 10px;
  box-shadow: 0 0 15px -5px #030303;
  margin: 0 10px 10px;
  cursor: pointer;
  float: left;
  transition: ease-in-out 0.2s;
  border: 1px solid transparent;
}
#printing_workspace .printing_body .printing_popup_block:hover {
  border: 1px solid #02a1e4;
}
#printing_workspace .printing_body .printing_popup_block p {
  margin: 0;
  text-align: center;
  color: #030303;
}
#printing_workspace .motif-upload-form-wrapper form #dropzone {
  display: block;
  width: 100%;
  height: 65px;
  margin-bottom: 10px;
}
#printing_workspace .dsb {
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  list-style: none;
  font: inherit;
  font-size: 100%;
  vertical-align: middle;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  background-color: #fff;
  color: #030303;
  border-color: #cdc7c7;
  box-shadow: 0 0 10px -5px #030303;
  position: relative;
}
#printing_workspace #motif-upload {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
#printing_workspace.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/general/imageloader.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  z-index: 100;
}
.printing_body .images_preview {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.printing_body .images_preview .image_item {
  width: 110px;
  float: left;
  margin: 0 10px 10px;
  padding: 10px;
  box-shadow: 0 0 15px -5px #030303;
}
.printing_body .images_preview .image_item img {
  width: 100%;
}
.printing_panel .printing_body h3,
.printing_panel .printing_body p {
  color: #303030;
}
.printing_body .fun_name {
  margin-top: 0;
  text-transform: uppercase;
}
.printing_body .fun_price {
  margin: 30px 0;
  font-size: 32px;
  font-weight: 700;
  color: #666 !important;
}
.printing_body .fun_color,
.printing_body .fun_size {
  margin: 20px 0;
}
.printing_body .fun_color .color_title,
.printing_body .fun_size .size_title {
  font-size: 16px;
  font-weight: 700;
}
.printing_body .fun_color .item,
.printing_body .fun_size .item {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  border: 1px solid;
  padding: 5px;
}
.printing_body .fun_size .item {
  width: auto;
  min-width: 40px;
}
.printing_body .fun_size span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
}
.canvas-menu-panel-control {
  width: 350px;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 5px;
  min-height: 275px;
  box-shadow: 0 0 15px -5px #030303;
  border-radius: 3px;
}
.canvas-menu-panel-control h5 {
  margin: 10px 0;
}
.canvas-menu-panel-control .panel-control-left {
  display: inline-block;
  width: 50%;
  padding-right: 10px;
}
.canvas-menu-panel-control .panel-control-right {
  display: inline-block;
  width: 50%;
  padding-left: 10px;
  vertical-align: top;
}
.canvas-menu-panel-control .colorselector-container {
  margin-top: 10px;
}
.canvas-menu-panel-control .mg-10-0 {
  margin: 10px 0;
}
.canvas-menu-panel-control a {
  color: #000;
  border: 1px solid;
  padding: 5px 7px;
}

.img-loader {
  width: 100px !important;
}

.slidecontainer {
  display: flex;
}
.zoomslider {
  margin: 0 1rem;
}
.product-view-cost {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 700;
}
.border-line {
  border-top: 10px solid;
  border-image: url(/images/webshop/producten/product-tab-line.png) round 20;
  padding-top: 5px;
}
.text-pink {
  color: #eb469c;
}
.webshop .cart-items .panel-group {
  float: right;
}
.webshop .cart-items h2.section-title {
  display: none;
}
.webshop .cart-items .sales_item .panel-default {
  margin: 0;
}
.webshop .banner-image {
  width: 50%;
}
.flexbetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexcenter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.webshop
  .product-details-options
  .options-container
  .options.select-photo
  .product-option,
.webshop
  .product-details-options
  .options-container
  .options.sub-select-photo
  .product-option {
  width: 135px;
}
div.image-item-container.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/general/imageloader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.7);
}
.photo-container-loading {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.photo-container-loading.login-centered {
  justify-content: center;
}
.photo-container-loading .fotos-loader {
  width: 100px;
  height: 100px;
  position: relative;
}
.photo-container-loading .fotos-loader:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/general/imageloader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.7);
}
.photo-container-loading .fotos-loader.login:after {
  background-color: transparent !important;
}
.webshop-images .image-item.active-user {
  border: 5px solid #03a1e4 !important;
}
.webshop-images .image-item.no-show-zoom-icon {
  border: 5px solid transparent;
  box-shadow: none;
}
.webshop-images .d-flex-photo-box {
  display: inline-flex;
  justify-content: flex-start;
}
.webshop .btn-afrekenen {
  width: 100%;
  max-width: 200px;
  font-family: Avenir-Medium, sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #35b931;
  border: 1px solid #c3c3c3;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.webshop .feedback-panel textarea {
  resize: none;
  border-radius: 4px;
}
.webshop .feedback-panel h5 {
  font-weight: 700;
  color: #423a37;
  font-family: SUNN, sans-serif;
  font-size: 40px;
  letter-spacing: 1px;
  margin: 0;
}
.webshop .feedback-panel .feedback-user-selection {
  display: inline-block;
  width: 100px;
  padding: 10px;
}
.webshop .feedback-panel .feedback-user-selection img.active {
  border-color: #35b931;
}
.webshop .feedback-panel .feedback-user-selection img {
  width: 100%;
  border: 2px solid #f5f5f5;
  cursor: pointer;
}
.webshop .feedback-panel i {
  margin-right: 0;
}
.webshop .feedback-panel .feedback-ratings {
  margin: 15px 0;
}
.webshop .feedback-panel .feedback-ratings h5 {
  font-size: 30px;
}
.webshop .feedback-panel .feedback-ratings .rating {
  display: flex;
  align-items: center;
}
.webshop .feedback-panel .feedback-ratings .rating .rating-values {
  font-size: 30px;
  margin-left: 50px;
}

.webshop .btn-afrekenen.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.webshop-images .scroll-photo-box {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.webshop-images .scroll-photo-box::-webkit-scrollbar {
  display: none;
}
.webshop .specification-content {
  text-align: center;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .product .item-container .single_sheets-custom {
      height: 100%;
    }
  }
}

.product-view img.editor-button {
  position: absolute;
  top: -25px;
  right: 15px;
  width: 100px;
  cursor: pointer;
  z-index: 1;
}

@media (max-width: 425px) {
  .webshop-header {
    padding-left: 0px;
    padding-right: 0px;
  }

  .product-view img.editor-button {
    right: 11px;
  }
}
.packaging {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.packaging > label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.label__text {
  margin-left: 10px;
}

.label__checkbox {
  display: none;
}

.label__check {
  display: inline-block;
  border-radius: 50%;
  border: 5px solid rgba(0, 0, 0, 0.1);
  background: white;
  vertical-align: middle;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 0.3s ease;
}

.label__check:hover {
  border: 5px solid rgba(0, 0, 0, 0.2);
}

.label__check i.icon {
  opacity: 0.2;
  font-size: 15px;
  margin: 0;
  color: transparent;
  transition: opacity 0.3s 0.1s ease;
  -webkit-text-stroke: 3px rgba(0, 0, 0, 0.5);
}

.label__checkbox:checked + .label__text .label__check {
  animation: check 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
}
.label__checkbox:checked + .label__text .label__check .icon {
  opacity: 1;
  transform: scale(0);
  color: white;
  -webkit-text-stroke: 0;
  animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

nav ul li#logout-menu-item {
  position: relative;
  margin-right: 40px;
}
.producten-photobox .photo-item {
  position: relative;
  float: left;
}
.producten-photobox .photo-item .icon-zoom {
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: 0px;
  left: 37%;
  z-index: 100;
  cursor: pointer;
}
.photo-action-user-box {
  position: relative;
}

.photo-action-user-box .icon-photo-zoom {
  position: absolute;
  bottom: -6px;
  left: 38%;
  width: 40px !important;
  z-index: 2;
  cursor: pointer;
}
@media (max-width: 375px) {
  .product-view-total-container .grootte-container.selectbox_price_tier {
    width: 150px !important;
  }
  .product-view-total-container .grootte-container.selectbox_layout_price_tier {
    width: 176px !important;
  }
  /* .product-view-form .product-view-tooltip-mobile {
        margin-bottom: 220px;
    } */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.select-mug-template .bg-option-mug {
  min-width: 150px;
  width: auto !important;
  height: 120px !important;
}
.select-mug-template div.product-option > img {
  width: auto !important;
}
@media (max-width: 375px) {
  .select-mug-template .bg-option-mug {
    height: 70px !important;
  }
}

.webshop-images .add-more-user img {
  height: 100%;
  width: auto;
}
.webshop-images .add-more-user {
  float: left;
  height: 200px;
  width: auto;
  box-shadow: 0 0 10px 0 #333;
  margin: 15px;
  cursor: pointer;
  position: relative;
}
.producten-photobox .button-add-user {
  position: relative;
  float: left;
}
.popover {
  border-radius: 5px;
  padding: 10px;
  background-color: #fff;
}
.popover .popover-title {
  padding: 0;
  background-color: transparent;
  border-bottom: none;
  border-radius: 0;
  color: #d0357b;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
}
.popover .popover-content {
  font-family: AvenirNext-Medium, sans-serif;
}

.webshop .product-filter {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.webshop .product-filter .item {
  max-width: 150px;
  margin-left: 15px;
  display: inline-block;
  width: 100%;
}
.webshop .product-filter .item select {
  border-radius: 4px;
}
.flex-start {
  justify-content: flex-start;
}
.webshop .owl-stage-outer {
  width: 100%;
}
.webshop .owl-stage-outer .owl-stage {
  min-width: 100%;
  display: inline-flex;
}
.file-declaration-mobile {
  display: none;
}
.see-product-preview {
  color: white;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}
.see-product-preview:hover {
  color: white;
}
.product-order-action {
  flex-wrap: wrap;
  justify-content: center;
}
.selectbox_price_tier,
.selectbox_layout_price_tier {
  width: 250px !important;
}
.product-selection .product-layout-selection {
  width: 190px !important;
  height: 380px !important;
}

.cart-overview {
  overflow: auto;
}
.cart-overview-panel {
  position: relative;
}
.fotokoch-lightbox-image-before {
  width: 20px;
  height: 20px;
  background-image: url(/images/webshop/icon/arrow-left-simple.png);
  position: absolute;
  top: 50%;
  left: -20px;
  background-repeat: round;
}
.fotokoch-lightbox-image-after {
  width: 20px;
  height: 20px;
  background-image: url(/images/webshop/icon/arrow-right-simple.png);
  position: absolute;
  top: 50%;
  right: -20px;
  background-repeat: round;
}
.button-order-mb {
  justify-content: flex-end !important;
}
.select-product .pack-product .pack-product-title .title {
  margin: 10px 0 0px 0 !important;
}
.select-product .pack-product .pack-product-title .sub-title {
  font-size: 20px;
}

.select-sub-product-options .pack-product .pack-product-title .title {
  margin: 10px 0 0px 0 !important;
}
.select-sub-product-options .pack-product .pack-product-title .sub-title {
  font-size: 20px;
}
.pricetier-tooltip-info {
  background-color: #00c76c;
  border: 3px solid #90ee90;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Avenir-Medium, sans-serif;
  font-weight: 700;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 16px;
  margin-left: 10px;
  position: absolute;
  top: -13px;
  right: -13px;
  z-index: 10;
}
.panel.panel-default .action-quantity {
  display: inline-flex;
  position: relative;
}
.panel.panel-default .action-remove-item {
  display: table-cell;
}

.col-xs-9.input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clipart-wrapper {
  min-height: 604px;
}
.clipart-wrapper .clipart-container .item {
  width: 125px;
  display: inline-block;
  border: 2px solid #ccc;
  margin: 5px;
  padding: 5px;
  cursor: pointer;
}
.clipart-wrapper .clipart-container .item.active {
  border-color: #ea2c94;
}
.clipart-wrapper .clipart-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.clipart-wrapper .clipart-pagination ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-top: 40px;
}
.clipart-wrapper .clipart-pagination ul li {
  display: inline-block;
  cursor: pointer;
  width: 20px;
}
.clipart-wrapper .clipart-pagination ul li a.active {
  color: #222;
}
.clipart-wrapper .clipart-pagination ul li.active:hover {
  text-decoration: none;
}
.clipart-wrapper .clipart-container .item img {
  width: 100%;
}

.groupphoto-background-wrapper {
  min-height: 604px;
}
.groupphoto-background-wrapper .groupphoto-background-container {
  display: flex;
  flex-wrap: wrap;
}
.groupphoto-background-wrapper .groupphoto-background-container .item {
  display: inline-block;
  border: 2px solid #ccc;
  margin: 5px;
  padding: 5px;
  cursor: pointer;
}
.groupphoto-background-wrapper .groupphoto-background-container .item.active {
  border-color: #ea2c94;
}

.groupphoto-background-wrapper .groupphoto-background-container .item img {
  width: 100%;
}

.product-view-form .list-overlay-selection {
}
.product-view-form .list-overlay-selection .overlay-item {
  width: 80px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0 0 5px 0 #8c8c8c;
  cursor: pointer;
}

.product-view-form .list-overlay-selection .overlay-item.active {
  box-shadow: 0 0 5px 0 #279fe3;
  border: 2px solid #279fe3;
}
.product-options-selection {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.banner-box .banner-item {
  padding-bottom: 10px;
}

@media (max-width: 1024px) {
  .button-order-container .button-jumbo {
    padding: 0 20px !important;
  }
  .selectbox_price_tier,
  .selectbox_layout_price_tier {
    width: 144px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .button-order-container .button-jumbo {
    padding: 0 20px !important;
  }
}

@media (max-width: 992px) {
  .selectbox_price_tier {
    width: 180px !important;
  }
  .button-order-container .button-jumbo {
    padding: 0 50px !important;
  }
  .selectbox_layout_price_tier {
    width: 240px !important;
  }
  .product-details-options-container .fotokoch-lightbox-image-carousel-before {
    left: -6px;
  }

  .product-details-options-container .fotokoch-lightbox-image-carousel-after {
    right: -18px;
  }
}
@media (max-width: 767px) {
  .webshop .product-filter {
    display: none;
  }
  .selectbox_price_tier {
    width: 160px !important;
  }
  .button-order-container .button-jumbo {
    padding: 0 50px !important;
  }
  .selectbox_layout_price_tier {
    width: 240px !important;
  }
}
@media (max-width: 480px) {
  nav ul li#winkelwagen-menu-item img.shopping-cart-icon {
    display: inline-block;
  }
  .product-order-action .flexible {
    justify-content: space-between;
  }
  .button-order-mb {
    justify-content: center !important;
    display: flex;
    margin-top: 30px;
  }
  .button-order-mb.have-tooltip {
    margin-bottom: 185px;
  }
  .selectbox_price_tier {
    width: 150px !important;
  }
  .button-order-container .button-jumbo {
    padding: 0 90px !important;
  }
  .selectbox_layout_price_tier {
    width: 215px !important;
  }
  .fotokoch-lightbox-image-single,
  .fotokoch-lightbox-image-carousel {
    max-width: 80% !important;
    width: 275px !important;
  }
  .fotokoch-lightbox-image-carousel-before,
  .fotokoch-lightbox-image-carousel-after {
    display: none;
  }
  .product-details-options-container .fotokoch-lightbox-image-carousel-before {
    width: 30px !important;
    height: 30px !important;
    left: -12px;
  }

  .product-details-options-container .fotokoch-lightbox-image-carousel-after {
    width: 30px !important;
    height: 30px !important;
    right: -23px;
  }
  .webshop .order-panels .payment_method > div {
    margin: 1%;
    width: 48%;
  }
  #paymentmethod-panel .panel-body {
    padding: 5px;
  }
  .webshop .payment_method {
    margin-left: 0;
  }
  #sale_items .icon-ar.icon-ar-lg {
    width: 60px;
    height: 60px;
  }
  #sale_items .icon-ar.icon-ar-lg i {
    margin-top: 4px;
  }
  .webshop-images
    .product-details-options-container
    .fotokoch-lightbox-image-carousel-before,
  .webshop-images
    .product-details-options-container
    .fotokoch-lightbox-image-carousel-after {
    width: 45px !important;
    height: 45px !important;
  }
  .webshop-images
    .product-details-options-container
    .fotokoch-lightbox-image-carousel-after {
    right: -12px;
  }
  .modal-dialog {
    margin: 30px;
  }
  .webshop .feedback-panel .feedback-ratings h5 {
    font-size: 25px;
    word-break: break-all;
  }
  .webshop .feedback-panel .feedback-ratings .rating {
    justify-content: space-between;
  }
  .webshop .feedback-panel .feedback-ratings .rating .rating-values {
    margin-left: 10px;
    white-space: nowrap;
  }
  #generalContactModal .contact-form a {
    font-size: 15px;
    padding: 10px 15px;
    min-width: 120px;
  }
  #image-modal .editor-on-mobile {
    margin: 20px 0 0 0;
  }

  .backgrounds-selection-mobile {
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    padding: 5px;
    height: auto;
    margin-top: 30px;
    background-color: #e2e2e2c2;
  }
  .backgrounds-selection-mobile .backgrounds-selection-overview {
    overflow-x: auto;
  }
  .backgrounds-selection-mobile .backgrounds-selection-content {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .backgrounds-selection-mobile
    .backgrounds-selection-content-mobile
    .background-item {
    height: 105px;
    margin-right: 10px;
    width: 78px;
    padding-bottom: 0;
  }
  .backgrounds-selection-mobile .fotokoch-lightbox-image-carousel-before {
    position: absolute !important;
    z-index: 6;
    width: 42px;
    height: 42px;
    top: 40%;
    left: -24px;
  }

  .backgrounds-selection-mobile .fotokoch-lightbox-image-carousel-after {
    position: absolute !important;
    z-index: 6;
    width: 42px;
    height: 42px;
    top: 40%;
    right: -24px;
  }
  .backgrounds-selection-mobile .backgrounds-selection-content-mobile {
    width: auto !important;
    display: inline-flex;
  }
  .specification-content img {
    width: 100%;
  }
  .producten-title#ideal {
    font-size: 24px;
  }
  .message-discount {
    font-size: 24px;
  }
  .webshop-content .collage {
    float: none;
    height: 60vh;
  }
  .webshop-content .collage .left-col {
    width: 100%;
    height: auto;
    overflow: auto;
  }

  .webshop-content .collage .right-col {
    width: 100%;
    height: auto;
  }
  .webshop-content .collage .left-col .photo-selector-popup-wrapper {
    display: flex;
  }
  .webshop-content .left-col .image-container {
    margin: auto 5px;
  }
  .webshop-content .workspace {
    height: auto;
    padding: 47px 20px 20px 20px;
  }

  .webshop-content .workspace .image-panel-icons a {
    padding: 10px;
  }
  .webshop-content .workspace .moveMenuButton {
    display: none;
  }
}
@media (max-width: 375px) {
  .fotokoch-lightbox-image-single,
  .fotokoch-lightbox-image-carousel {
    max-width: 80% !important;
    width: 250px !important;
  }
}

@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes check {
  0% {
    border-width: 5px;
  }
  10% {
    opacity: 0.1;
    background: rgba(0, 0, 0, 0.2);
    border-width: 15px;
  }
  12% {
    opacity: 0.4;
    background: rgba(0, 0, 0, 0.1);
    border-width: 0;
  }
  50% {
    background: #00d478;
    border: 0;
    opacity: 0.6;
  }
  100% {
    background: #00d478;
    border: 0;
    opacity: 1;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    line-height: normal !important;
  }
}
.select-group-mug {
  margin-bottom: 10px;
}

.select-group-mug span {
  background-image: url(/images/webshop/producten/grey-button.png);
  display: inline-flex;
  padding: 9px 36px 8px 18px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
  font-family: AvenirNext-Regular, sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
}

.select-group-mug .group-option-active {
  background-image: url(/images/webshop/producten/blue-button.png);
}

.group-background ~ .fotokoch-lightbox-image-carousel-after,
.group-background ~ .fotokoch-lightbox-image-carousel-before {
  top: 58%;
}
.action-background-frame-selection h3 {
  font-family: AvenirNext-Regular, sans-serif;
  color: #777;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  width: 100%;
}

.webshop-noti {
  color: #d0357c;
  font-size: 20px;
  font-family: Avenir-Medium, sans-serif;
  margin: 0;
}
.price-line-through {
  text-decoration: line-through;
  font-family: AvenirNext-Regular, sans-serif;
  color: #777;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}

.afrekenen-heading-tab {
  display: flex;
  align-items: center;
}
.afrekenen-heading-tab .note-end-tab {
  margin-left: auto;
}
.webshop-sub-header-digital {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.download-digital-photos-block {
  margin-top: 10px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.download-digital-photos-block .btn-download-digital-photos {
  background: #279fe3;
  width: 100%;
  color: #fff;
  font-family: AmaticSC-Bold, sans-serif;
  font-size: 20px;
}
.download-digital-photos-block .btn-order-digital-photos {
  background: #000;
  width: 100%;
  color: #fff;
}
.user-photos {
  float: left;
  width: auto;
}

#schoolfotoboek-page .schoolfotoboek-content {
  float: left;
  width: 100%;
  clear: both;
  height: 80vh;
}

#schoolfotoboek-page .schoolfotoboek-content .content-left {
  float: left;
  width: 200px;
  text-align: center;
  background-image: url(/images/webshop/banner-background.png);
  padding: 20px 0;
  height: 100%;
  overflow: auto;
}
#schoolfotoboek-page .schoolfotoboek-content .content-center {
  float: left;
  width: calc(100% - 400px);
  text-align: center;
  height: calc(100% - 180px);
}

#schoolfotoboek-page .schoolfotoboek-content .content-center .workspace {
  height: 100%;
  background-color: #cacaca;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#schoolfotoboek-page .schoolfotoboek-content .content-right {
  float: left;
  width: 200px;
  text-align: center;
  background-image: url(/images/webshop/banner-background.png);
  padding: 20px 0;
  height: 100%;
  overflow: auto;
}
#schoolfotoboek-page .schoolfotoboek-content .content-left .template-item {
  font-family: AmaticSC-Regular;
  color: #fff;
  font-size: 29px;
  padding: 5px 15px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  width: 100%;
  display: block;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-left
  .template-item.active {
  background-image: url(/images/webshop/button-background.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#schoolfotoboek-page .schoolfotoboek-content .content-right .image-container {
  width: 150px;
  margin: 0 auto 20px;
  cursor: pointer;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-right
  .photo-selector-popup {
  height: auto;
  float: inherit;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-right
  .image-container
  img {
  width: 100%;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .content-center-top {
  background-image: url(/images/webshop/banner-background.png);
  width: 100%;
  overflow-x: scroll;
  height: 110px;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .content-center-top
  .gallery-list {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .content-center-top
  .gallery-list
  .gallery-item {
  width: 100px;
  border: 2px solid transparent;
  margin-left: 5px;
  float: left;
  cursor: pointer;
}
#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .content-center-top
  .gallery-list
  .gallery-item.active {
  border: 2px solid #f80e81;
}
#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .content-center-top
  .gallery-list
  .gallery-item
  img {
  width: 100%;
}
#schoolfotoboek-page
  .schoolfotoboek-content
  .content-center
  .workspace
  .canvases {
  width: 100%;
  height: 100%;
}
.schoolfotoboek-effect-panel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  /* position: absolute; */
  width: 100%;
  height: 70px;
  /* bottom: 0; */
  /* left: 0; */
  transition: all 200ms ease-in-out;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}

.schoolfotoboek-effect-panel .default {
  transition: all 200ms ease-in-out;
  cursor: pointer;
  font-family: Avenir-Medium, sans-serif;
  font-size: 14px;
  height: 100%;
  width: 70px;
  color: #000;
  overflow: hidden;
  border-right: 1px solid #ebebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10px 0 10px 70px;
}
.schoolfotoboek-effect-panel .default .img-tab {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 70px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 70px;
  position: absolute;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  top: 0;
  left: 0;
  font-size: 30px;
}
.schoolfotoboek-effect-panel .default .img-tab.right {
  right: 0;
  left: auto;
  display: none;
}
.schoolfotoboek-effect-panel .default.expand .img-tab.right {
  right: 0;
  left: auto;
  position: absolute;
  display: flex;
}
.schoolfotoboek-effect-panel .default.effect .img-tab {
  color: #cc57ff;
}
.schoolfotoboek-effect-panel .default.text .img-tab {
  color: #5e9ff6;
}
.schoolfotoboek-effect-panel .default.cart .img-tab {
  color: #4caf50;
}
.schoolfotoboek-effect-panel .default.cart .img-tab.right {
  color: #57a4ff;
}
.schoolfotoboek-effect-panel .default.product .img-tab {
  color: #499cdc;
}
.schoolfotoboek-effect-panel .default.product .price-display {
  padding: 0;
  margin: 0;
  font-size: 26px;
  white-space: nowrap;
}
.schoolfotoboek-effect-panel .default .img-tab .background-image {
  width: 60%;
  height: auto;
}

.schoolfotoboek-effect-panel .default:last-child {
  border-right: none;
}
.schoolfotoboek-effect-panel .default.expand {
  height: 100%;
  width: 100%;
  justify-content: flex-start;
}
.schoolfotoboek-effect-panel .default.cart.expand {
  padding: 10px 70px;
}
.schoolfotoboek-effect-panel .item-panel-content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  /* margin-left: 10px; */
}
.schoolfotoboek-effect-panel .expand .item-panel-content {
  margin-right: 10px;
}
.schoolfotoboek-effect-panel .item-panel-content::-webkit-scrollbar {
  height: 6px;
}
.schoolfotoboek-effect-panel .effect-item {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.schoolfotoboek-effect-panel .effect-item a {
  display: block;
  height: 100%;
  padding: 3px;
  border: 1px solid #cacaca;
  border-radius: 5px;
  margin-right: 5px;
}
.schoolfotoboek-effect-panel .effect-item a.active {
  background: #35b932;
  border: none;
}
.schoolfotoboek-effect-panel .effect-item a img {
  height: 100%;
  border-radius: 5px;
}
.schoolfotoboek-effect-panel .item-panel-content .text-item {
  margin-right: 10px;
  min-width: 110px;
  width: 110px;
}
.schoolfotoboek-effect-panel .item-panel-content .special-packaging {
  margin-right: 10px;
  min-width: 245px;
}
.schoolfotoboek-effect-panel .item-panel-content .quantity {
  margin-right: 10px;
  min-width: 132px;
}
.schoolfotoboek-effect-panel .item-panel-content .text-item.btn {
  min-width: 100px;
  width: 100px;
}
.schoolfotoboek-effect-panel .item-panel-content .sp-replacer {
  min-width: 55px;
  height: 36px;
  margin-right: 10px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  border: solid 1px #cccccc;
  background: #fff;
}
.schoolfotoboek-effect-panel .item-panel-content.flex-evenlyn {
  justify-content: space-evenly;
}
.schoolfotoboek-effect-panel .item-panel-content.flex-center {
  justify-content: center;
}
.schoolfotoboek-effect-panel .item-panel-content .packaging {
  float: inherit;
  width: auto;
  margin: 0;
}
.image-square-popup {
  width: 60%;
  position: static;
  display: flex;
}
.show-text-on-be:lang(nl-NL) {
  display: none;
}
.show-text-on-be:lang(nl-BE) {
  display: block;
}
.content-2fa-block {
  padding: 20px;
  border-radius: 8px;
  background: #f1f0f0;
}
.d-none-important {
  display: none !important;
}
.container .menu {
  display: none;
}
.container .menu.visible {
  display: flex;
}
.menu.visible {
  display: block;
}

@media (max-width: 767px) {
  .product-view-form.boekenwurm-special {
    margin-bottom: 200px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-view-form.boekenwurm-special {
    margin-bottom: 400px !important;
    overflow: visible !important;
  }
}

@media (min-width: 992px) {
  .product-view-form.boekenwurm-special {
    margin-bottom: 150px !important;
  }
}

.tooltip-order.show {
  position: absolute !important;
  z-index: 5 !important;
}
@media (max-width: 1199px) {
  .selectbox_price_tier,
  .selectbox_layout_price_tier {
    width: 160px !important;
  }
}