.overlaypopup {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 38, 47, 0.9);
  z-index: 999;
  display: none; }
  .overlaypopup .close {
    background-image: url("../img/main/close_white.png");
    width: 31px;
    height: 31px;
    position: absolute;
    top: -41px;
    right: 0px;
    cursor: pointer; }
  .overlaypopup .box {
    width: 975px;
    background-color: #FFF;
    position: absolute;
    top: 170px;
    left: calc(50% - 487px);
    color: #010101;
    padding: 35px 80px 65px 56px; }
    .overlaypopup .box p.title {
      font-size: 34px;
      line-height: 34px;
      font-weight: 700;
      margin-bottom: 30px; }
    .overlaypopup .box p.subtitle {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 30px;
      float: left; }
      .overlaypopup .box p.subtitle span {
        color: #ad683f;
        display: inline-block;
        width: 26px;
        font-weight: 500;
        float: left; }
      .overlaypopup .box p.subtitle i {
        display: inline-block;
        font-style: normal;
        width: calc(100% - 26px);
        float: left; }
    .overlaypopup .box .row_levering {
      padding-left: 26px;
      margin-bottom: 55px; }
      .overlaypopup .box .row_levering select {
        height: 40px;
        line-height: 36px;
        border: solid 2px #c6ced1;
        width: 260px;
        float: left;
        margin-right: 43px;
        background-image: url("../img/main/arr_down.png");
        background-position: right 15px center;
        background-repeat: no-repeat; }
      .overlaypopup .box .row_levering p {
        float: left;
        line-height: 24px;
        margin-top: -5px; }
    .overlaypopup .box .checkasplaat {
      padding-left: 26px;
      height: 66px;
      position: relative;
      min-height: 133px; }
      .overlaypopup .box .checkasplaat .afbeelding {
        position: absolute;
        top: 0px;
        left: 56px;
        background-color: #FFF;
        width: 133px;
        height: 133px;
        z-index: 10;
        border: solid 1px #c6ced1; }
      .overlaypopup .box .checkasplaat .bestelasplaat {
        margin-left: 225px;
        cursor: pointer;
        padding-left: 40px; }
        .overlaypopup .box .checkasplaat .bestelasplaat i {
          background-image: url("../img/shop/radio.png");
          background-position: 0px top;
          height: 24px;
          width: 24px;
          float: left;
          margin-left: -40px;
          display: inline-block; }
        .overlaypopup .box .checkasplaat .bestelasplaat.active i {
          background-position: -25px 0px; }
        .overlaypopup .box .checkasplaat .bestelasplaat .prijs {
          color: #ad683f;
          font-weight: 700; }
    .overlaypopup .box .aanleveren {
      display: none;
      background-color: #dde3e5;
      padding-top: 28px;
      padding-bottom: 30px;
      padding-right: 30px;
      margin-top: -67px;
      margin-left: 26px;
      width: calc(100% - 26px);
      position: relative; }
      .overlaypopup .box .aanleveren .aanleveren_top {
        margin-left: 225px;
        height: 85px; }
      .overlaypopup .box .aanleveren .detail_asplaat {
        position: absolute;
        top: -130px;
        left: calc(50% - 220px);
        width: 420px;
        -webkit-box-shadow: 0 0 49px 13px rgba(0, 0, 0, 0.46);
        box-shadow: 0 0 49px 13px rgba(0, 0, 0, 0.46);
        display: none;
        z-index: 99;
        background-color: #FFF; }
        .overlaypopup .box .aanleveren .detail_asplaat .close_detail {
          background-image: url("../img/main/close_brown.png");
          width: 31px;
          height: 31px;
          position: absolute;
          top: 11px;
          right: 11px;
          cursor: pointer; }
      .overlaypopup .box .aanleveren .keuzes {
        margin-bottom: 23px;
        padding-left: 26px; }
        .overlaypopup .box .aanleveren .keuzes .col {
          float: left; }
          .overlaypopup .box .aanleveren .keuzes .col.c1 {
            width: 199px; }
          .overlaypopup .box .aanleveren .keuzes .col.c2 {
            width: 264px; }
          .overlaypopup .box .aanleveren .keuzes .col.c3 {
            width: 264px;
            float: right; }
          .overlaypopup .box .aanleveren .keuzes .col .radio {
            height: 24px;
            line-height: 25px;
            margin-bottom: 20px;
            cursor: pointer;
            float: left; }
            .overlaypopup .box .aanleveren .keuzes .col .radio i {
              height: 24px;
              width: 24px;
              float: left;
              margin-right: 13px;
              display: inline-block;
              background-image: url("../img/shop/radio.png");
              background-position: -53px top; }
          .overlaypopup .box .aanleveren .keuzes .col .afbeelding {
            width: 100%;
            background-color: #FFF;
            height: 120px;
            float: left;
            position: relative;
            border: solid 1px #c6ced1;
            position: relative; }
            .overlaypopup .box .aanleveren .keuzes .col .afbeelding .vergroot {
              background-image: url("../img/main/ic_vergroot.svg");
              background-size: 19px;
              height: 19px;
              width: 19px;
              position: absolute;
              right: 7px;
              top: 7px;
              cursor: pointer; }
          .overlaypopup .box .aanleveren .keuzes .col.active .afbeelding:before {
            content: ' ';
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            border: solid 2px #ad683f;
            position: absolute; }
          .overlaypopup .box .aanleveren .keuzes .col.active .radio i {
            background-position: -81px top; }
      .overlaypopup .box .aanleveren .infoleveren {
        display: none;
        float: left;
        margin-left: 225px;
        width: calc(100% - 225px);
        border: solid 1px #ad683f;
        position: relative;
        padding: 14px 11px 14px  18px; }
        .overlaypopup .box .aanleveren .infoleveren .triangle {
          background-image: url("../img/shop/triangle.jpg");
          width: 36px;
          height: 18px;
          top: -18px;
          position: absolute; }
        .overlaypopup .box .aanleveren .infoleveren.msg_tekst {
          display: block; }
          .overlaypopup .box .aanleveren .infoleveren.msg_tekst .triangle {
            left: 112px; }
          .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt {
            margin-bottom: 20px; }
            .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt p {
              float: left;
              line-height: 48px; }
            .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt p.hulp {
              float: right;
              line-height: 18px;
              font-size: 14px;
              text-align: right;
              color: #ad683f; }
              .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt p.hulp span {
                font-weight: 700;
                font-size: 16px; }
            .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt input {
              float: right;
              width: 379px;
              height: 48px;
              border: solid 2px #c6ced1;
              color: #1d1d1c; }
          .overlaypopup .box .aanleveren .infoleveren.msg_tekst .disc {
            font-size: 16px;
            line-height: 18px; }
        .overlaypopup .box .aanleveren .infoleveren.msg_logo .triangle {
          left: 402px; }
        .overlaypopup .box .aanleveren .infoleveren a.knop {
          margin-top: 20px; }
    .overlaypopup .box .accs {
      margin-top: 40px;
      width: calc(100% - 26px);
      margin-left: 26px;
      margin-bottom: 50px;
      position: relative; }
      .overlaypopup .box .accs .slider_accs {
        height: 302px; }
        .overlaypopup .box .accs .slider_accs .slide {
          height: 302px;
          width: 100%;
          position: relative;
          cursor: pointer; }
          .overlaypopup .box .accs .slider_accs .slide .overlay {
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background-color: rgba(173, 104, 63, 0.9);
            display: none;
            cursor: pointer; }
            .overlaypopup .box .accs .slider_accs .slide .overlay .holder {
              position: absolute;
              top: 50%;
              -ms-transform: translate(0%, -50%);
              -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
              color: #FFF;
              text-align: center;
              width: 100%; }
              .overlaypopup .box .accs .slider_accs .slide .overlay .holder p {
                margin-bottom: 24px; }
                .overlaypopup .box .accs .slider_accs .slide .overlay .holder p i {
                  background-image: url("../img/main/vinkje_wit.png");
                  display: inline-block;
                  height: 13px;
                  width: 13px;
                  margin-right: 10px; }
              .overlaypopup .box .accs .slider_accs .slide .overlay .holder .icon {
                display: inline-block;
                background-image: url("../img/shop/ic_vuilbak.svg");
                background-size: 32px;
                width: 32px;
                height: 38px; }
          .overlaypopup .box .accs .slider_accs .slide.active .overlay {
            display: block; }
          .overlaypopup .box .accs .slider_accs .slide .afbeelding {
            position: relative;
            margin-bottom: 2px; }
            .overlaypopup .box .accs .slider_accs .slide .afbeelding img {
              display: block; }
            .overlaypopup .box .accs .slider_accs .slide .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); }
          .overlaypopup .box .accs .slider_accs .slide .prijs {
            border: solid 2px #c6ced1;
            float: left;
            width: 100%;
            padding: 2px;
            text-align: center; }
            .overlaypopup .box .accs .slider_accs .slide .prijs p {
              float: left;
              height: 46px;
              line-height: 46px;
              width: 120px;
              font-size: 24px; }
              .overlaypopup .box .accs .slider_accs .slide .prijs p span {
                font-size: 18px; }
            .overlaypopup .box .accs .slider_accs .slide .prijs a.knop {
              float: right;
              padding-bottom: 0px;
              padding-top: 0px;
              height: 46px;
              line-height: 46px;
              width: calc(100% - 120px);
              font-size: 18px;
              font-weight: 700; }
        .overlaypopup .box .accs .slider_accs .swiper-slide.active .overlay {
          display: block; }
      .overlaypopup .box .accs .arr {
        position: absolute;
        right: 0px;
        z-index: 18;
        bottom: 0px;
        top: 0px;
        width: 65px;
        border: solid 2px #bec7ca;
        background-color: rgba(221, 227, 229, 0.9);
        cursor: pointer; }
        .overlaypopup .box .accs .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; }
      .overlaypopup .box .accs p.subtitle {
        margin-left: 0px; }
    .overlaypopup .box .rowprijs a.knop.terug {
      float: left;
      margin-top: 29px; }
    .overlaypopup .box .rowprijs .prijs {
      height: 70px;
      border-left-width: 2px;
      border-color: #c6ced1;
      border-style: solid;
      width: 530px;
      float: right; }
      .overlaypopup .box .rowprijs .prijs .txtprijs {
        float: left;
        width: 246px;
        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;
        border-style: solid; }
        .overlaypopup .box .rowprijs .prijs .txtprijs span {
          font-size: 18px; }
        .overlaypopup .box .rowprijs .prijs .txtprijs i {
          font-style: normal; }
      .overlaypopup .box .rowprijs .prijs a.knop {
        width: calc(100% - 246px);
        height: 70px;
        padding: 0px;
        line-height: 70px;
        text-align: center;
        font-size: 28px;
        font-weight: 700; }
        .overlaypopup .box .rowprijs .prijs a.knop:after {
          background-size: 310px 92px; }

@media screen and (max-width: 1023px) {
  .overlaypopup .box {
    width: calc(100% - 60px);
    left: 30px;
    padding: 40px 40px 40px 35px; }
    .overlaypopup .box p.title {
      font-size: 20px;
      line-height: 20px; }
    .overlaypopup .box p.subtitle {
      font-size: 20px; }
      .overlaypopup .box p.subtitle span {
        width: 20px; }
    .overlaypopup .box .row_levering p {
      float: right; }
    .overlaypopup .box .row_levering select {
      margin-right: 0px; }
    .overlaypopup .box .aanleveren {
      margin-left: 0px;
      width: 100%; }
      .overlaypopup .box .aanleveren .keuzes .col.c1 {
        width: 100%;
        margin-bottom: 15px; }
      .overlaypopup .box .aanleveren .infoleveren {
        width: calc(100% - 26px);
        margin-left: 26px; }
    .overlaypopup .box .checkasplaat .bestelasplaat {
      margin-left: 170px; }
    .overlaypopup .box .checkasplaat .afbeelding {
      left: 20px; }
    .overlaypopup .box .accs {
      margin-left: 0px;
      width: 100%; }
      .overlaypopup .box .accs .slider_accs {
        height: auto; }
        .overlaypopup .box .accs .slider_accs .slide {
          height: auto; }
          .overlaypopup .box .accs .slider_accs .slide .afbeelding p {
            bottom: 10px;
            left: 10px;
            font-size: 20px; }
          .overlaypopup .box .accs .slider_accs .slide .prijs {
            height: 54px; }
            .overlaypopup .box .accs .slider_accs .slide .prijs p {
              width: 90px; }
            .overlaypopup .box .accs .slider_accs .slide .prijs a.knop {
              width: calc(100% - 90px); }
          .overlaypopup .box .accs .slider_accs .slide .overlay {
            bottom: -56px; }
    .overlaypopup .box .rowprijs a.knop.terug {
      margin-top: 17px; }
    .overlaypopup .box .rowprijs .prijs {
      height: 58px;
      width: 414px; }
      .overlaypopup .box .rowprijs .prijs .txtprijs {
        line-height: 54px;
        height: 58px; }
      .overlaypopup .box .rowprijs .prijs a.knop {
        height: 58px;
        font-size: 22px;
        line-height: 58px; } }
@media screen and (max-width: 767px) {
  .overlaypopup .box {
    width: calc(100% - 20px);
    left: 10px;
    padding: 20px; }
    .overlaypopup .box .row_levering {
      padding-left: 0px;
      margin-bottom: 30px; }
      .overlaypopup .box .row_levering p {
        margin-top: 5px;
        float: left; }
        .overlaypopup .box .row_levering p br {
          display: none; }
    .overlaypopup .box .checkasplaat {
      padding-left: 0px;
      min-height: 115px;
      height: auto; }
      .overlaypopup .box .checkasplaat .afbeelding {
        left: 0px;
        width: 90px;
        height: 90px;
        position: unset;
        float: left; }
      .overlaypopup .box .checkasplaat .bestelasplaat {
        margin-left: 0px;
        margin-top: 10px;
        float: left;
        font-size: 15px;
        margin-bottom: 10px; }
    .overlaypopup .box .aanleveren {
      padding: 20px;
      margin-top: 0px; }
      .overlaypopup .box .aanleveren .aanleveren_top {
        margin-left: 0px;
        height: auto;
        margin-bottom: 10px; }
      .overlaypopup .box .aanleveren .keuzes {
        padding-left: 0px; }
        .overlaypopup .box .aanleveren .keuzes .col.c2 {
          width: 47%;
          float: left; }
        .overlaypopup .box .aanleveren .keuzes .col.c3 {
          width: 47%;
          float: right; }
        .overlaypopup .box .aanleveren .keuzes .col .afbeelding {
          height: auto; }
      .overlaypopup .box .aanleveren .detail_asplaat {
        left: calc(50% - 150px);
        width: 300px; }
      .overlaypopup .box .aanleveren .infoleveren {
        width: 100%;
        margin-left: 0px;
        padding: 10px; }
        .overlaypopup .box .aanleveren .infoleveren.msg_tekst .txt input {
          width: 100%; }
        .overlaypopup .box .aanleveren .infoleveren.msg_tekst .triangle {
          left: 50px; }
        .overlaypopup .box .aanleveren .infoleveren.msg_logo .triangle {
          left: 182px; }
        .overlaypopup .box .aanleveren .infoleveren a.knop {
          text-align: center;
          padding-left: 10px;
          padding-right: 10px;
          width: 100%; }
          .overlaypopup .box .aanleveren .infoleveren a.knop i.fiche {
            display: none; }
    .overlaypopup .box .accs .slider_accs .slide .prijs p {
      width: 100px; }
    .overlaypopup .box .accs .slider_accs .slide .prijs a.knop {
      width: calc(100% - 100px);
      padding-left: 0px;
      padding-right: 0px; }
    .overlaypopup .box .rowprijs a.knop.terug {
      width: 100%;
      float: right;
      margin-bottom: 17px; }
    .overlaypopup .box .rowprijs .prijs {
      width: 100%;
      float: left; }
      .overlaypopup .box .rowprijs .prijs .txtprijs {
        width: 130px; }
      .overlaypopup .box .rowprijs .prijs a.knop {
        width: calc(100% - 130px); } }