.shop .item_index {
  height: 457px;
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 63px;
}
.shop .item_index .txt {
  bottom: 46px;
  left: calc(50% + 195px);
  width: 277px;
  position: absolute;
}
.shop .item_index .txt ul {
  margin-top: 45px;
}
.shop .item_index .txt ul li {
  background-image: url("../img/main/vinkje.png");
  background-position: left top 8px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 14px;
}
.shop .item_index .txt ul li:last-child {
  margin-bottom: 0px;
}
.shop .item_index .afbeelding {
  float: left;
  height: 457px;
  position: relative;
}
.shop .item_index .afbeelding a.knop {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.shop .item_index .afbeelding .name {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #FFF;
  font-size: 24px;
}
.shop .item_index .afbeelding .name p:first-child {
  font-size: 24px;
  margin-bottom: 7px;
}
.shop .item_index .afbeelding .name p:last-child {
  font-size: 48px;
  font-weight: 700;
}
.shop .item_index .afbeelding .name i {
  width: 11px;
  height: 15px;
  float: right;
  margin-top: 7px;
  margin-left: 9px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shop .item_index .afbeelding .name i svg {
  fill: #FFF;
  width: 11px;
  height: 15px;
  float: left;
}
.shop .r2 .afbeelding, .shop .r4 .afbeelding {
  float: right;
}
.shop .r2 .txt, .shop .r4 .txt {
  left: calc(50% - 488px);
}

.cats .cat {
  float: left;
  width: calc((100% - 90px) / 4);
  margin-right: 29.99px;
  margin-bottom: 30px;
}
.cats .cat:nth-child(4n) {
  margin-right: 0px;
}
.cats .cat .afbeelding {
  position: relative;
  margin-bottom: 2px;
}
.cats .cat .afbeelding img {
  display: block;
}
.cats .cat .afbeelding p {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.53);
}
.cats .cat .prijs {
  border: solid 2px #c6ced1;
  float: left;
  width: 100%;
  padding: 2px;
  text-align: center;
}
.cats .cat .prijs p {
  float: left;
  height: 46px;
  line-height: 46px;
  width: 140px;
  font-size: 24px;
}
.cats .cat .prijs p span {
  font-size: 18px;
}
.cats .cat .prijs a.knop {
  float: right;
  padding-bottom: 0px;
  padding-top: 0px;
  height: 46px;
  line-height: 46px;
  width: calc(100% - 140px);
  font-size: 18px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  font-weight: 700;
}

.shopdetail {
  margin-bottom: 76px;
}
.shopdetail img {
  display: block;
}
.shopdetail p.title {
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 20px;
}
.shopdetail .left {
  float: left;
  width: calc(50% - 15px);
}
.shopdetail .left .afbeelding {
  position: relative;
  margin-bottom: 40px;
}
.shopdetail .left .afbeelding .name {
  color: #FFF;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}
.shopdetail .left .models {
  display: none;
}
.shopdetail .kleurkiezer .sliderkleur {
  position: relative;
}
.shopdetail .kleurkiezer .sliderkleur .slide {
  height: 184px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.shopdetail .kleurkiezer .sliderkleur .slide img {
  display: inline-block;
  margin-top: 30px;
}
.shopdetail .kleurkiezer .sliderkleur .slide p {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.shopdetail .kleurkiezer .sliderkleur .slide:before {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 2px;
  background-color: #d9e0e2;
}
.shopdetail .kleurkiezer .sliderkleur .slide .overlay {
  opacity: 0;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -2px;
  right: 0px;
  border: solid 2px #ad683f;
  z-index: 11;
}
.shopdetail .kleurkiezer .sliderkleur .slide:hover .overlay, .shopdetail .kleurkiezer .sliderkleur .slide.active .overlay {
  position: absolute;
  opacity: 1;
}
.shopdetail .kleurkiezer .sliderkleur .swiper-slide.swiper-slide-active .slide .overlay {
  left: 0px;
}
.shopdetail .kleurkiezer .sliderkleur:after {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  border: solid 2px #d9e0e2;
}
.shopdetail .kleurkiezer .sliderkleur .arr {
  position: absolute;
  right: 0px;
  z-index: 18;
  bottom: 0px;
  top: 0px;
  width: 65px;
  border: solid 2px #c6ced1;
  background-color: rgba(221, 227, 229, 0.9);
  cursor: pointer;
}
.shopdetail .kleurkiezer .sliderkleur .arr svg {
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 13px;
  height: 18px;
  position: absolute;
}
.shopdetail .models {
  height: 66px;
  margin-bottom: 50px;
  position: relative;
  z-index: 110;
}
.shopdetail .models .current {
  border: solid 2px #ad683f;
  height: 66px;
  line-height: 60px;
  padding-left: 24px;
  width: 343px;
  background-color: #dde3e5;
  font-size: 24px;
  cursor: pointer;
}
.shopdetail .models .current .holder {
  height: 62px;
  width: 62px;
  float: right;
  background-color: #ad683f;
}
.shopdetail .models .current i {
  display: block;
  height: 62px;
  width: 62px;
  float: right;
  text-align: center;
  background-image: url("../img/shop/arr_models.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shopdetail .models .list {
  position: absolute;
  display: none;
  top: 69px;
  width: 343px;
  padding-left: 24px;
  padding-bottom: 20px;
  padding-top: 20px;
  border: solid 1px #ad683f;
  background-color: #dde3e5;
}
.shopdetail .models .list a {
  display: block;
  float: left;
  width: 100%;
  padding-left: 25px;
  color: #1d1d1c;
  background-position: left top 8px;
  background-repeat: no-repeat;
  font-size: 22px;
  margin-bottom: 12px;
}
.shopdetail .models .list a:hover, .shopdetail .models .list a.active {
  background-image: url("../img/main/vinkje.png");
  color: #ad683f;
}
.shopdetail .models .list a:last-child {
  margin-bottom: 0px;
}
.shopdetail .models.open .current i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shopdetail .models.open .list {
  display: block;
}
.shopdetail .right {
  float: right;
  width: calc(50% - 15px);
}
.shopdetail .right p.title {
  margin-top: -5px;
}
.shopdetail .right .illustraties, .shopdetail .right .eigenschappen, .shopdetail .right .prijs, .shopdetail .right .format, .shopdetail .right .zitzone, .shopdetail .right .txtprijs {
  border-color: #d9e0e2;
  border-style: solid;
}
.shopdetail .right .illustraties {
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  height: 302px;
}
.shopdetail .right .illustraties .format, .shopdetail .right .illustraties .zitzone {
  float: left;
  width: 50%;
  height: 302px;
  position: relative;
}
.shopdetail .right .illustraties .format p, .shopdetail .right .illustraties .format .info, .shopdetail .right .illustraties .format .gewicht, .shopdetail .right .illustraties .format .boxinfo, .shopdetail .right .illustraties .zitzone p, .shopdetail .right .illustraties .zitzone .info, .shopdetail .right .illustraties .zitzone .gewicht, .shopdetail .right .illustraties .zitzone .boxinfo {
  position: absolute;
  top: 0px;
}
.shopdetail .right .illustraties .format p, .shopdetail .right .illustraties .zitzone p {
  width: 100%;
  text-align: center;
  color: #ad683f;
  font-weight: 700;
  line-height: 20px;
  top: 15px;
}
.shopdetail .right .illustraties .format {
  border-right-width: 2px;
}
.shopdetail .right .illustraties .format .gewicht {
  position: absolute;
  background-image: url("../img/shop/weigthicon.png");
  width: 60px;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 30px;
  height: 50px;
  top: 63px;
  right: 14px;
}
.shopdetail .right .illustraties .zitzone .info {
  width: 20px;
  height: 20px;
  background-color: #d9e0e2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  line-height: 17px;
  top: 15px;
  right: 15px;
  z-index: 101;
  cursor: pointer;
}
.shopdetail .right .illustraties .zitzone .info span.open {
  display: inline-block;
}
.shopdetail .right .illustraties .zitzone .info span.close {
  display: none;
}
.shopdetail .right .illustraties .zitzone .info.open span.close {
  display: inline-block;
}
.shopdetail .right .illustraties .zitzone .info.open span.open {
  display: none;
}
.shopdetail .right .illustraties .zitzone .boxinfo {
  position: absolute;
  background-color: #14262f;
  text-align: center;
  width: 100%;
  top: 0px;
  color: #FFF;
  padding: 50px 24px 50px 24px;
  font-size: 16px;
  display: none;
  z-index: 100;
  line-height: 22px;
}
.shopdetail .right .eigenschappen {
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  padding: 30px 0px 30px 20px;
}
.shopdetail .right .eigenschappen ul li {
  background-image: url("../img/main/vinkje.png");
  background-position: left top 8px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 15px;
}
.shopdetail .right .eigenschappen ul li:last-child {
  margin-bottom: 0px;
}
.shopdetail .right .more_info {
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #d9e0e2;
  border-style: solid;
  padding: 30px 0px 30px 9px;
}
.shopdetail .right .more_info span {
  color: #919191;
  line-height: 1.444;
  font-size: 14px;
}
.shopdetail .right .more_info a.scrolltoOpt {
  color: #ad683f;
  text-decoration: underline;
}
.shopdetail .right .more_info img, .shopdetail .right .more_info p {
  display: inline-block;
  vertical-align: middle;
}
.shopdetail .right .more_info img {
  margin-right: 10px;
}
.shopdetail .right .prijs {
  height: 70px;
  border-left-width: 2px;
  border-color: #c6ced1;
  margin-bottom: 37px;
}
.shopdetail .right .prijs .txtprijs {
  float: left;
  width: 50%;
  line-height: 70px;
  height: 70px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  background-color: #dde3e5;
  text-align: center;
  font-size: 28px;
  border-color: #c6ced1;
}
.shopdetail .right .prijs .txtprijs span {
  font-size: 18px;
}
.shopdetail .right .prijs .txtprijs i {
  font-style: normal;
}
.shopdetail .right .prijs a.knop {
  width: 50%;
  height: 70px;
  padding: 0px;
  line-height: 70px;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}
.shopdetail .right .prijs a.knop:after {
  background-size: 100% 92px;
}
.shopdetail .right .voorwaarden p {
  background-image: url("../img/main/vinkje.png");
  background-position: left top 8px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 15px;
  margin-left: 22px;
}
.shopdetail .right .voorwaarden a.knop {
  padding-bottom: 6px;
  padding-top: 6px;
  line-height: 24px;
  width: 100%;
  color: #1d1d1c;
  display: block;
  padding-left: 22px;
  background-color: #ebeeef;
  position: relative;
}
.shopdetail .right .voorwaarden a.knop i {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: 24px;
  margin-right: 0px;
  float: right;
  height: 10px;
  width: 7px;
  margin-left: 0px;
}
.shopdetail .right .voorwaarden a.knop i svg {
  height: 10px;
  width: 7px;
  fill: #1d1d1c;
  float: left;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.shopdetail .ar_btn a {
  margin-bottom: 37px;
  border: solid 2px #ad683f;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #ad683f;
}
.shopdetail .ar_btn a svg {
  display: inline-block;
  vertical-align: middle;
  stroke: #ad683f;
  height: 45px;
  margin-right: 10px;
}
.shopdetail .ar_btn a span {
  display: inline-block;
  vertical-align: middle;
}
.shopdetail .ar_btn a span br {
  display: none;
}

.shopinfo {
  margin-bottom: 76px;
}
.shopinfo p.title {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 45px;
}
.shopinfo .r1 {
  background-color: #dde3e5;
  height: 640px;
}
.shopinfo .r1 .text {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 474px;
  left: calc(50% + 98px);
}
.shopinfo .r1 .afbeelding {
  height: 640px;
  width: calc(50% - 15px);
  left: 0px;
  top: 0px;
  position: relative;
}
.shopinfo .r1 .afbeelding .slide {
  width: 100%;
  height: 640px;
  background-size: cover;
  background-position: center;
}
.shopinfo .r1 .afbeelding .home_slider_pagination {
  right: 20px;
  height: 20px;
  bottom: 15px;
}
.shopinfo .r2 {
  min-height: 1461px;
}
.shopinfo .r2 .grid {
  float: right;
  width: calc(50% + 15px);
  min-width: 974px;
  position: absolute;
  left: calc(50% - 15px);
  min-height: 1461px;
  height: 1461px;
}
.shopinfo .r2 .grid .tbl_vert {
  display: none;
}
.shopinfo .r2 .grid .r4c1 {
  display: none;
}
.shopinfo .r2 .text {
  position: absolute;
  top: 80px;
  width: 460px;
  left: calc(50% - 570px);
}
.shopinfo .r2 .text p.msg {
  margin-bottom: 80px;
}
.shopinfo .r2 .afbeelding {
  float: left;
  position: relative;
  width: 50%;
  background-size: cover;
}
.shopinfo .r2 .afbeelding img {
  display: block;
  opacity: 0;
}
.shopinfo .r2 .ref {
  background-color: #14262f;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.shopinfo .r2 .ref p {
  top: 50%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  color: #FFF;
  position: absolute;
  left: 86px;
  width: 300px;
  font-style: italic;
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
}
.shopinfo .r2 .ref p .name {
  font-style: normal;
  color: #ad683f;
}
.shopinfo .r3 {
  width: 1185px;
  left: calc(50% - 570px);
  height: 520px;
  margin-top: 97px;
}
.shopinfo .r3 .list {
  float: left;
  width: 278px;
}
.shopinfo .r3 .list a {
  margin-bottom: 20px;
  color: #1d1d1c;
  font-size: 24px;
  display: inline-block;
}
.shopinfo .r3 .list a.active {
  color: #ad683f;
  text-decoration: underline;
}
.shopinfo .r3 .tabs {
  display: none;
  float: right;
  width: calc(100% - 278px);
}
.shopinfo .r3 .tabs .info {
  height: 424px;
  padding: 30px;
  border: solid 1px #dde3e5;
  border-right: solid 0px;
  font-size: 18px;
  line-height: 1.444;
  width: calc(100% - 422px);
  float: left;
}
.shopinfo .r3 .tabs .info p {
  margin-bottom: 20px;
}
.shopinfo .r3 .tabs .info a {
  color: #ad683f;
  text-decoration: underline;
}
.shopinfo .r3 .tabs .info a.knop {
  color: #FFF !important;
  text-decoration: none !important;
}
.shopinfo .r3 .tabs .foto {
  height: 424px;
  width: 422px;
  float: left;
}
.shopinfo .r3 .tabs.active {
  display: block;
}
.shopinfo .r3 .tabs a.download {
  background-image: url("../img/shop/pdf.svg");
  background-position: left 20px center;
  background-repeat: no-repeat;
  background-size: 21px;
  padding-left: 50px;
}

.shopfotoslider {
  position: relative;
  height: 870px;
  margin-bottom: 130px;
}
.shopfotoslider p.title {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  position: absolute;
  top: 60px;
  width: 460px;
  left: calc(50% - 570px);
}
.shopfotoslider .slider {
  position: absolute;
  left: calc(50% - 908px);
  top: 137px;
  height: 732px;
  width: 1380px;
}
.shopfotoslider .slider .slide .afbeelding {
  float: left;
  width: calc(100% - 280px);
  text-align: center;
}
.shopfotoslider .slider .slide .afbeelding img {
  margin: 0 auto;
  display: inline-block;
}
.shopfotoslider .slider .slide .msg {
  float: left;
  padding-left: 43px;
  width: 280px;
}
.shopfotoslider .arr {
  position: absolute;
  top: 352px;
  width: 66px;
  height: 50px;
  cursor: pointer;
  z-index: 99;
}
.shopfotoslider .arr svg {
  width: 18px;
  float: right;
}
.shopfotoslider .arr.prev {
  left: -68px;
}
.shopfotoslider .arr.prev svg {
  float: left;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shopfotoslider .arr.next {
  left: 1101px;
}
.shopfotoslider a.knop.brown.scrolltoorder {
  position: absolute;
  right: 0px;
  bottom: -145px;
  z-index: 99;
}
.shopfotoslider a.knop.brown.scrolltoorder i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.shopfotoslider .bg_fix {
  position: absolute;
  top: 0px;
  width: 864px;
  height: 723px;
  left: calc(50% - 292px);
  background-color: #dde3e5;
}

@media screen and (max-width: 1350px) {
  .shop .item_index {
    height: auto;
  }
  .shop .item_index .afbeelding {
    height: auto;
    width: calc(100% - 370px);
  }
  .shop .item_index .afbeelding img {
    display: block;
  }
  .cats .cat {
    width: calc((100% - 60px) / 3);
    margin-right: 29.99px;
    margin-bottom: 30px;
  }
  .cats .cat:nth-child(3n) {
    margin-right: 0px;
  }
  .cats .cat:nth-child(4n) {
    margin-right: 29.99px;
  }
  .shopdetail .right .voorwaarden a.knop i {
    right: 10px;
  }
  .shopdetail .right .illustraties {
    height: 250px;
  }
  .shopdetail .right .illustraties .format, .shopdetail .right .illustraties .zitzone {
    height: 250px;
  }
  .shopinfo p.title {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  .shopinfo .r1 .text {
    width: 400px;
  }
  .shopinfo .r2 {
    min-height: unset;
  }
  .shopinfo .r2 .grid {
    left: unset;
    min-width: 50%;
    width: calc(50% + 15px);
    position: relative;
    min-height: unset;
    height: unset;
    background-color: #14262f;
  }
  .shopinfo .r2 .grid .r2c1 {
    height: calc(50vw + 0px);
  }
  .shopinfo .r2 .grid .r4c1 {
    display: block;
  }
  .shopinfo .r2 .text {
    left: calc(50% - 462px);
    width: 400px;
    position: unset;
    float: left;
    margin-left: calc(50% - 462px);
    margin-top: 80px;
  }
  .shopinfo .r2 .text p.msg {
    margin-bottom: 0px;
  }
  .shopinfo .r2 .ref p {
    width: calc(100% - 80px);
    left: 40px;
  }
  .shopinfo .r3 {
    width: 944px;
    left: calc(50% - 477px);
    height: auto;
  }
  .shopinfo .r3 .list {
    width: 100%;
    margin-bottom: 15px;
  }
  .shopinfo .r3 .list br {
    display: none;
  }
  .shopinfo .r3 .list a {
    margin-right: 30px;
    width: auto;
    display: block;
    float: left;
  }
  .shopinfo .r3 .tabs {
    width: 100%;
  }
  .shopinfo .r3 .tabs .info {
    font-size: 16px;
    line-height: 24px;
  }
  .shopfotoslider {
    height: 566px;
  }
  .shopfotoslider p.title {
    left: calc(50% - 462px);
    font-size: 34px;
    line-height: 36px;
  }
  .shopfotoslider .slider {
    height: 430px;
    left: calc(50% - 462px);
    width: 925px;
  }
  .shopfotoslider .slider .slide .afbeelding {
    width: calc(100% - 280px);
  }
  .shopfotoslider .slider .slide .afbeelding img {
    max-height: 430px;
  }
  .shopfotoslider .slider .slide .msg {
    width: 237px;
  }
  .shopfotoslider .bg_fix {
    width: 477px;
    height: 421px;
    left: calc(50% - 15px);
  }
  .shopfotoslider .arr {
    top: calc(50% - 9px);
  }
  .shopfotoslider .arr.next {
    left: 645px;
  }
}
@media screen and (max-width: 1023px) {
  .shop .item_index {
    height: auto;
  }
  .shop .item_index .afbeelding {
    height: auto;
    width: calc(100% - 284px);
  }
  .shop .item_index .afbeelding img {
    display: block;
  }
  .shop .item_index .afbeelding .name p:last-child {
    font-size: 34px;
  }
  .shop .item_index .txt {
    position: unset;
    float: right;
    margin-right: 40px;
    width: 203px;
  }
  .cats .cat {
    width: calc((100% - 40px) / 3);
    margin-right: 19.99px;
    margin-bottom: 20px;
  }
  .cats .cat:nth-child(3n) {
    margin-right: 0px;
  }
  .cats .cat:nth-child(4n) {
    margin-right: 19.99px;
  }
  .cats .cat .prijs p {
    width: 108px;
  }
  .cats .cat .prijs a.knop {
    width: calc(100% - 108px);
  }
  .shopdetail {
    margin-bottom: 57px;
  }
  .shopdetail p.title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .shopdetail .left {
    width: calc(50% - 52px);
  }
  .shopdetail .left .afbeelding .name {
    font-size: 30px;
    line-height: 30px;
    bottom: 10px;
    right: 15px;
  }
  .shopdetail .models {
    height: 58px;
    margin-bottom: 40px;
  }
  .shopdetail .models .current {
    height: 58px;
    line-height: 50px;
    font-size: 22px;
  }
  .shopdetail .models .current i {
    height: 54px;
    width: 54px;
  }
  .shopdetail .models .current .holder {
    height: 54px;
    width: 54px;
  }
  .shopdetail .right {
    width: calc(50% - 10px);
  }
  .shopdetail .right .more_info img {
    margin-right: 20px;
  }
  .shopdetail .right .more_info p {
    max-width: calc(100% - 85px);
  }
  .shopdetail .right .illustraties {
    height: 194px;
  }
  .shopdetail .right .illustraties .format, .shopdetail .right .illustraties .zitzone {
    height: 194px;
  }
  .shopdetail .right .illustraties .format p, .shopdetail .right .illustraties .zitzone p {
    top: 8px;
    font-size: 14px;
    line-height: 16px;
  }
  .shopdetail .right .illustraties .format .gewicht {
    top: 38px;
    right: 8px;
    font-size: 12px;
    background-size: 19px 19px;
    padding-top: 22px;
    line-height: 16px;
    width: 50px;
  }
  .shopdetail .right .illustraties .zitzone .boxinfo {
    top: 4px;
    width: unset;
    right: 4px;
    left: calc(-100% + 4px);
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .shopdetail .right .illustraties .zitzone .info {
    right: 5px;
    top: 11px;
  }
  .shopdetail .right .eigenschappen {
    padding: 20px;
  }
  .shopdetail .right .prijs {
    height: 48px;
  }
  .shopdetail .right .prijs .txtprijs {
    height: 48px;
    line-height: 44px;
  }
  .shopdetail .right .prijs a.knop {
    height: 48px;
    font-size: 22px;
    line-height: 48px;
  }
  .shopdetail .right .voorwaarden a.knop {
    padding-right: 50px;
  }
  .shopdetail .right .voorwaarden a.knop i {
    right: 10px;
  }
  .shopdetail .kleurkiezer .sliderkleur .slide {
    height: 153px;
  }
  .shopdetail .kleurkiezer .sliderkleur .slide p {
    height: 30px;
    line-height: 24px;
  }
  .shopdetail .kleurkiezer .sliderkleur .slide img {
    margin-top: 24px;
    max-width: 100px;
  }
  .shopdetail .ar_btn a {
    padding-right: 15px;
    padding-left: 15px;
  }
  .shopdetail .ar_btn a svg {
    margin-right: 0;
    float: left;
    width: 50px;
  }
  .shopdetail .ar_btn a span {
    float: left;
    width: calc(100% - 50px);
    font-size: 20px;
  }
  .shopdetail .ar_btn a span br {
    display: inline-block;
  }
  .shopinfo {
    margin-bottom: 53px;
  }
  .shopinfo p.title {
    font-size: 34px;
    margin-bottom: 35px;
    line-height: 34px;
  }
  .shopinfo .r1 {
    height: 610px;
  }
  .shopinfo .r1 .afbeelding {
    height: 610px;
    width: calc(50% - 10px);
  }
  .shopinfo .r1 .afbeelding .slide {
    height: 610px;
  }
  .shopinfo .r1 .text {
    width: 305px;
    left: calc(50% + 30px);
  }
  .shopinfo .r2 .afbeelding {
    width: 100%;
  }
  .shopinfo .r2 .afbeelding.r2c2, .shopinfo .r2 .afbeelding.r3c2, .shopinfo .r2 .afbeelding.r4c1 {
    display: none;
  }
  .shopinfo .r2 .text {
    width: 305px;
    left: calc(50% - 354px);
    top: 60px;
    margin-left: calc(50% - 354px);
    margin-top: 60px;
  }
  .shopinfo .r2 .text p.msg {
    margin-bottom: 35px;
  }
  .shopinfo .r2 .grid {
    position: unset;
    height: unset;
    width: calc(50% + 10px);
    min-width: calc(50% + 10px);
    left: calc(50% - 10px);
  }
  .shopinfo .r2 .grid .tbl_horz {
    display: none;
  }
  .shopinfo .r2 .grid .tbl_vert {
    display: block;
  }
  .shopinfo .r2 .grid .r2c1 {
    height: unset;
  }
  .shopinfo .r2 .ref p {
    left: 50px;
    width: calc(100% - 100px);
    font-size: 22px;
    line-height: 32px;
  }
  .shopinfo .r3 {
    width: 728px;
    left: calc(50% - 364px);
    height: auto;
  }
  .shopinfo .r3 .tabs {
    border: solid 1px #dde3e5;
  }
  .shopinfo .r3 .tabs .info {
    width: calc(100% - 300px);
    border: 0px;
  }
  .shopinfo .r3 .tabs .foto {
    width: 300px;
    height: auto;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: 1px;
  }
  .shopinfo .r3 .tabs .foto img {
    height: auto;
  }
  .shopfotoslider {
    margin-bottom: 45px;
    height: 685px;
  }
  .shopfotoslider p.title {
    left: calc(50% - 354px);
    font-size: 34px;
    line-height: 34px;
    top: 20px;
  }
  .shopfotoslider .slider {
    height: 417px;
    left: calc(50% - 314px);
    width: 625px;
    top: 80px;
  }
  .shopfotoslider .slider .slide .afbeelding {
    width: 100%;
  }
  .shopfotoslider .slider .slide .afbeelding img {
    display: block;
  }
  .shopfotoslider .slider .slide .msg {
    float: right;
    width: 322px;
    margin-top: 26px;
    padding-left: 20px;
  }
  .shopfotoslider .bg_fix {
    width: calc(50% + 10px);
    height: 601px;
    left: calc(50% - 10px);
  }
  .shopfotoslider .bg_fix a.knop.brown.scrolltoorder {
    bottom: -84px;
    right: auto;
    left: 127px;
  }
  .shopfotoslider .arr {
    top: calc(50% - 9px);
    width: 40px;
  }
  .shopfotoslider .arr.prev {
    left: -40px;
  }
  .shopfotoslider .arr.next {
    left: 625px;
  }
}
@media screen and (max-width: 767px) {
  .header.small .titelpage a.knop.standaard.detail {
    display: block !important;
    position: absolute;
    bottom: -60px;
    margin-right: 0px;
  }
  .shop .container {
    width: 320px;
    max-width: 320px;
  }
  .shop .item_index {
    height: auto;
    margin-bottom: 54px;
  }
  .shop .item_index .afbeelding {
    height: auto;
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
  .shop .item_index .afbeelding img {
    display: block;
  }
  .shop .item_index .afbeelding .name {
    right: 10px;
  }
  .shop .item_index .afbeelding .name p:first-child {
    font-size: 18px;
    margin-bottom: 0px;
  }
  .shop .item_index .afbeelding .name p:last-child {
    font-size: 30px;
  }
  .shop .item_index .afbeelding .name i {
    margin-left: 6px;
  }
  .shop .item_index .txt {
    position: unset;
    float: right;
    margin-right: 0px;
    width: 100%;
  }
  .shop .item_index .txt ul {
    margin-top: 15px;
  }
  .cats {
    margin-top: 50px;
  }
  .cats .cat {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .cats .cat:nth-child(3n) {
    margin-right: 0px;
  }
  .cats .cat:nth-child(4n) {
    margin-right: 0px;
  }
  .cats .cat .prijs p {
    width: 185px;
  }
  .cats .cat .prijs a.knop {
    width: calc(100% - 185px);
  }
  .shopdetail {
    margin-top: 50px;
    margin-bottom: 45px;
  }
  .shopdetail .container {
    width: 320px;
    max-width: 320px;
  }
  .shopdetail p.title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 11px;
  }
  .shopdetail .left {
    width: 100%;
    margin-bottom: 29px;
  }
  .shopdetail .left .afbeelding {
    margin-bottom: 30px;
  }
  .shopdetail .left .models {
    display: block;
  }
  .shopdetail .kleurkiezer .sliderkleur .arr {
    width: 56px;
  }
  .shopdetail .right {
    width: 100%;
  }
  .shopdetail .right .illustraties.hide_mobile {
    display: none;
  }
  .shopdetail .right .models {
    display: none;
  }
  .shopdetail .right .eigenschappen ul li {
    margin-bottom: 5px;
  }
  .shopdetail .right .prijs {
    margin-bottom: 15px;
  }
  .shopdetail .right .prijs .txtprijs {
    font-size: 22px;
  }
  .shopdetail .right .prijs .txtprijs span {
    font-size: 16px;
  }
  .shopdetail .right .more_info img {
    margin-right: 20px;
  }
  .shopdetail .right .more_info p {
    max-width: calc(100% - 85px);
  }
  .shopdetail .right .voorwaarden a.knop {
    padding-left: 10px;
    padding-right: 30px;
  }
  .shopdetail .right .illustraties {
    height: auto;
    margin-top: 40px;
  }
  .shopdetail .right .illustraties .format, .shopdetail .right .illustraties .zitzone {
    height: auto;
    width: 100%;
    border-bottom-width: 2px;
  }
  .shopdetail .right .illustraties .format {
    border-right-width: 0px;
  }
  .shopdetail .right .illustraties .format .gewicht {
    right: 58px;
  }
  .shopdetail .right .illustraties .zitzone .info {
    right: 11px;
  }
  .shopdetail .right .illustraties .zitzone .boxinfo {
    left: calc(0% + 4px);
  }
  .shopdetail .right .illustraties img {
    max-width: 165px;
    margin: 0 auto;
  }
  .shopdetail .models .current {
    width: 100%;
  }
  .shopdetail .models .list {
    width: 100%;
  }
  .shopdetail .ar_btn a {
    padding-right: 15px;
    padding-left: 15px;
  }
  .shopdetail .ar_btn a svg {
    margin-right: 0;
    float: left;
    width: 50px;
  }
  .shopdetail .ar_btn a span {
    float: left;
    width: calc(100% - 50px);
    font-size: 20px;
  }
  .shopinfo {
    margin-bottom: 45px;
  }
  .shopinfo p.title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .shopinfo .r1 {
    height: auto;
  }
  .shopinfo .r1 .afbeelding {
    width: 100%;
    height: auto;
    float: left;
  }
  .shopinfo .r1 .afbeelding .slide {
    height: auto;
  }
  .shopinfo .r1 .afbeelding .slide img {
    display: block;
  }
  .shopinfo .r1 .text {
    position: unset;
    float: left;
    width: 280px;
    margin-left: calc(50% - 140px);
    top: 0%;
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .shopinfo .r2 {
    min-height: unset;
  }
  .shopinfo .r2 .text, .shopinfo .r2 .grid {
    width: 100%;
    float: left;
    position: unset;
    min-height: unset;
  }
  .shopinfo .r2 .text {
    width: 280px;
    margin-bottom: 50px;
    margin-left: calc(50% - 140px);
    margin-top: 40px;
  }
  .shopinfo .r2 .afbeelding.r1c1, .shopinfo .r2 .afbeelding.r3c1 {
    display: none;
  }
  .shopinfo .r2 .ref p {
    font-size: 18px;
    line-height: 26px;
  }
  .shopinfo .r3 {
    margin-top: 40px;
    width: 280px;
    left: calc(50% - 140px);
    height: auto;
  }
  .shopinfo .r3 .tabs {
    border: solid 1px #dde3e5;
    border-bottom: 0px;
  }
  .shopinfo .r3 .tabs .info {
    width: 100%;
    border: 0px;
    height: auto;
    padding: 10px;
  }
  .shopinfo .r3 .tabs .foto {
    width: 280px;
    float: left;
    height: auto;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: -1px;
  }
  .shopinfo .r3 .tabs .foto img {
    height: auto;
    display: block;
  }
  .shopfotoslider {
    margin-bottom: 40px;
    height: auto;
  }
  .shopfotoslider p.title {
    left: calc(50% - 140px);
    font-size: 24px;
    line-height: 24px;
    top: 0px;
    position: unset;
    float: left;
    height: 53px;
    width: 280px;
    margin-left: calc(50% - 140px);
  }
  .shopfotoslider .slider {
    /*height: 417px;*/
    left: 0px;
    width: 100%;
    top: 53px;
    position: unset;
    float: left;
    height: auto;
  }
  .shopfotoslider .slider .slide .afbeelding {
    width: 100%;
  }
  .shopfotoslider .slider .slide .afbeelding img {
    display: block;
  }
  .shopfotoslider .slider .slide .msg {
    float: left;
    width: 300px;
    margin-left: calc(50% - 150px);
    margin-top: 10px;
    padding: 25px;
    background-color: #dde3e5;
    min-height: 92px;
  }
  .shopfotoslider .bg_fix {
    width: 100%;
    height: 40px;
    margin-top: 40px;
    left: 0px;
    position: relative;
    float: left;
    background-color: unset;
  }
  .shopfotoslider .bg_fix a.knop.brown.scrolltoorder {
    top: 0px;
    bottom: auto;
    right: auto;
    left: calc(50% - 100px);
    width: 200px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .shopfotoslider .arr {
    top: 3px;
    width: 15px;
    height: 20px;
  }
  .shopfotoslider .arr svg {
    width: 15px;
  }
  .shopfotoslider .arr.prev {
    left: calc(50% + 140px - 57px);
  }
  .shopfotoslider .arr.next {
    left: calc(50% + 140px - 15px);
  }
}

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