/* Vars */
* {
  padding: 0;
  margin: 0;
  /*-webkit-appearance: none;*/ }

.price-block {
  width: 100%;
  padding: 30px;
  background-color: #f1f1f1;
  border: 1px solid #bbbbbb;
  margin-top: 20px;
  text-align: center;
  float: left;
  font-family: Yanone Kaffeesatz;
  font-size: 24px; }
  .price-block.offer-type a {
    display: inline-block;
    width: 15%;
    margin-left: 4%;
    margin-right: 4%;
    text-align: center;
    transition: 0.3s ease;
    font-size: 26px;
    text-decoration: none; }
    .price-block.offer-type a img {
      width: 100%;
      transition: 0.3s ease; }
    .price-block.offer-type a:hover, .price-block.offer-type a.price-selected {
      color: #29aae1; }
      .price-block.offer-type a:hover img *, .price-block.offer-type a.price-selected img * {
        fill: #29aae1 !important; }
    .price-block.offer-type a svg {
      margin-bottom: 16px; }
  .price-block.papiersoort {
    text-align: center; }
    .price-block.papiersoort a {
      color: #000000;
      text-decoration: none; }
    .price-block.papiersoort .papier_col {
      width: 225px;
      margin-right: 20px;
      margin-left: 20px;
      display: inline-block;
      margin-top: 40px; }
      .price-block.papiersoort .papier_col .papier_image {
        border: 2px solid #f1f1f1;
        transition: 0.3s ease;
        width: 200px;
        height: 200px; }
        .price-block.papiersoort .papier_col .papier_image img {
          width: 200px;
          height: 200px;
          float: left; }
        .price-block.papiersoort .papier_col .papier_image input {
          display: none; }
      .price-block.papiersoort .papier_col .papier_tekst {
        width: 200px;
        margin-top: 25px;
        padding: 0 2px; }
        .price-block.papiersoort .papier_col .papier_tekst h2 {
          font-family: Yanone Kaffeesatz;
          font-size: 30px;
          text-transform: uppercase;
          text-align: left;
          color: #000000;
          line-height: 30px; }
        .price-block.papiersoort .papier_col .papier_tekst h3 {
          font-family: Yanone Kaffeesatz;
          font-size: 30px;
          color: #000000;
          text-align: left;
          line-height: 30px;
          text-transform: initial;
          font-weight: 400; }
        .price-block.papiersoort .papier_col .papier_tekst p {
          font-size: 14px;
          font-family: Yanone Kaffeesatz;
          line-height: 18px;
          margin-top: 25px;
          text-align: justify;
          color: #000000;
          margin-bottom: 50px; }
      .price-block.papiersoort .papier_col:hover, .price-block.papiersoort .papier_col.price-selected {
        cursor: pointer; }
        .price-block.papiersoort .papier_col:hover .papier_image, .price-block.papiersoort .papier_col.price-selected .papier_image {
          border: 2px solid #29aae1; }
        .price-block.papiersoort .papier_col:hover h2, .price-block.papiersoort .papier_col:hover h3, .price-block.papiersoort .papier_col.price-selected h2, .price-block.papiersoort .papier_col.price-selected h3 {
          color: #29aae1; }
  .price-block.formaat h3 {
    margin-bottom: 40px; }
  .price-block.formaat .inner_tab ol {
    width: calc(100% - 136px);
    padding: 0 68px;
    float: left; }
  .price-block.formaat .inner_tab ol li {
    list-style: none;
    display: table;
    vertical-align: middle;
    width: 25%;
    text-align: center;
    height: 200px;
    float: left; }
  .price-block.formaat .inner_tab ol li .row, .price-block.formaat .inner_tab ol li .rowsize {
    display: table-row;
    text-align: center; }
  .price-block.formaat .inner_tab ol li .row a {
    display: table-cell;
    width: 100%;
    height: 190px;
    text-align: center;
    vertical-align: middle; }
  .price-block.formaat .inner_tab ol li .rowsize a {
    display: table-cell;
    width: 100%;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: Yanone Kaffeesatz;
    font-size: 30px;
    color: #000000;
    transition: 0.3s ease;
    text-decoration: none; }
  .price-block.formaat .inner_tab ol li svg {
    width: 80px;
    transition: 0.3s ease; }
  .price-block.formaat .inner_tab svg.svgwhite .st0 {
    fill: #ffffff; }
  .price-block.formaat .inner_tab svg .st0, .price-block.formaat .inner_tab svg .st1 {
    transition: 0.3s ease;
    stroke: #b2b2b2;
    stroke-width: 2px; }
  .price-block.formaat .inner_tab .row input[type="radio"] {
    display: none; }
  .price-block.formaat .inner_tab li:hover svg .st0, .price-block.formaat .inner_tab li:hover svg .st1, .price-block.formaat .inner_tab li.active svg .st0, .price-block.formaat .inner_tab li.active svg .st1 {
    stroke: #29aae1; }
  .price-block.formaat .inner_tab ol li:hover a, .price-block.formaat .inner_tab ol li.active a {
    color: #29aae1; }
  .price-block.formaat .inner_tab ol li svg.s813 {
    width: 57px;
    height: 91.5px; }
  .price-block.formaat .inner_tab ol li svg.s1015 {
    width: 70.5px;
    height: 105px; }
  .price-block.formaat .inner_tab ol li svg.s1217 {
    width: 84px;
    height: 118.5px; }
  .price-block.formaat .inner_tab ol li svg.s1021 {
    width: 70.5px;
    height: 147px; }
  .price-block.formaat .inner_tab ol li svg.s1313 {
    width: 91.5px;
    height: 91.5px; }
  .price-block.formaat .inner_tab ol li svg.s1515 {
    width: 105px;
    height: 105px; }
  .price-block.formaat .inner_tab ol li svg.s1015v {
    width: 73.5px;
    height: 114px; }
  .price-block.formaat .inner_tab ol li svg.s1313v {
    width: 94.5px;
    height: 100.5px; }
  .price-block.offer-type a:nth-child(even) svg:nth-child(odd) {
    margin-left: -20px; }
  .price-block.kleuren a, .price-block.snede a, .price-block.envelop a, .price-block.ontwerp a {
    display: inline-block;
    width: 202px;
    text-decoration: none;
    margin: 40px 20px; }
    .price-block.kleuren a img, .price-block.kleuren a svg, .price-block.snede a img, .price-block.snede a svg, .price-block.envelop a img, .price-block.envelop a svg, .price-block.ontwerp a img, .price-block.ontwerp a svg {
      width: 100%;
      margin-bottom: 20px;
      margin-top: 20px; }
      .price-block.kleuren a img:hover, .price-block.kleuren a svg:hover, .price-block.snede a img:hover, .price-block.snede a svg:hover, .price-block.envelop a img:hover, .price-block.envelop a svg:hover, .price-block.ontwerp a img:hover, .price-block.ontwerp a svg:hover {
        /*stroke: $primary !important;*/ }
    .price-block.kleuren a:hover, .price-block.kleuren a.price-selected, .price-block.snede a:hover, .price-block.snede a.price-selected, .price-block.envelop a:hover, .price-block.envelop a.price-selected, .price-block.ontwerp a:hover, .price-block.ontwerp a.price-selected {
      color: #29aae1; }
      .price-block.kleuren a:hover svg, .price-block.kleuren a.price-selected svg, .price-block.snede a:hover svg, .price-block.snede a.price-selected svg, .price-block.envelop a:hover svg, .price-block.envelop a.price-selected svg, .price-block.ontwerp a:hover svg, .price-block.ontwerp a.price-selected svg {
        fill: #29aae1;
        stroke: #29aae1; }
        .price-block.kleuren a:hover svg path, .price-block.kleuren a.price-selected svg path, .price-block.snede a:hover svg path, .price-block.snede a.price-selected svg path, .price-block.envelop a:hover svg path, .price-block.envelop a.price-selected svg path, .price-block.ontwerp a:hover svg path, .price-block.ontwerp a.price-selected svg path {
          stroke: none;
          fill: #29aae1; }
  .price-block.kleuren h3 span, .price-block.snede h3 span, .price-block.envelop h3 span, .price-block.ontwerp h3 span {
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    text-transform: initial; }

.prijzen h1 {
  font-family: Yanone Kaffeesatz;
  background: transparent;
  color: #000000;
  font-size: 38px;
  text-align: center;
  font-weight: bold;
  border-bottom: 5px #000000 solid;
  line-height: 70px;
  text-transform: uppercase; }
.prijzen h3 {
  text-align: center;
  text-transform: uppercase;
  font-family: Yanone Kaffeesatz;
  color: #000000;
  font-size: 38px; }
.prijzen .price_total {
  float: left;
  width: 33%;
  font-family: Yanone Kaffeesatz;
  margin-top: 50px;
  text-align: left;
  margin-left: calc(20% + 4px);
  margin-right: 106px; }
  .prijzen .price_total h3 {
    text-align: left;
    margin-bottom: 50px;
    margin-top: 20px; }
  .prijzen .price_total .total-container {
    width: 100%;
    padding: 20px 0 0 0;
    margin-top: 20px;
    border-top: 2px solid #000000; }
  .prijzen .price_total div {
    font-size: 30px;
    height: 40px;
    line-height: 40px; }
    .prijzen .price_total div div:first-child {
      width: 70%; }
.prijzen button#mail-offer {
  border: 1px solid #b1b1b1;
  font-family: Yanone Kaffeesatz;
  width: 212px;
  height: 70px;
  font-size: 28px;
  font-weight: bold;
  background-color: #f1f1f1;
  margin-top: 160px;
  margin-bottom: 20px;
  clear: both; }
.prijzen .shop-btn {
  width: 170px;
  padding: 15px;
  color: #ffffff;
  font-size: 28px;
  line-height: 28px;
  height: 85px;
  text-align: center;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  margin-left: 50px;
  margin-top: 15px;
  font-family: Yanone Kaffeesatz;
  border: 1px solid #29aae1;
  background-color: #29aae1;
  transition: 0.3s ease; }
  .prijzen .shop-btn:hover {
    background-color: #0097d7; }
.prijzen .tekstbutton, .prijzen .temp-quantity-lower, .prijzen .temp-quantity-add {
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #b2b2b2;
  transition: 0.3s ease;
  display: inline-block; }
  .prijzen .tekstbutton:hover, .prijzen .temp-quantity-lower:hover, .prijzen .temp-quantity-add:hover {
    background-color: #f6f6f6; }
  .prijzen .tekstbutton.active, .prijzen .active.temp-quantity-lower, .prijzen .active.temp-quantity-add {
    background-color: #666666;
    color: #ffffff; }
.prijzen .temp-quantity-selector {
  margin-top: 40px; }
.prijzen .temp-quantity {
  display: inline-block;
  width: 220px;
  text-align: center;
  font-family: Yanone Kaffeesatz;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  color: #000000; }
.prijzen #amount {
  display: none; }
.prijzen .aantal_usp {
  width: 630px;
  margin: 30px auto; }
  .prijzen .aantal_usp .usp_1, .prijzen .aantal_usp .usp_2, .prijzen .aantal_usp .usp_3 {
    width: 20%;
    float: left;
    display: block;
    margin-left: 20%; }
    .prijzen .aantal_usp .usp_1 img, .prijzen .aantal_usp .usp_2 img, .prijzen .aantal_usp .usp_3 img {
      width: 100%; }
    .prijzen .aantal_usp .usp_1 .usp_image, .prijzen .aantal_usp .usp_2 .usp_image, .prijzen .aantal_usp .usp_3 .usp_image {
      display: table-cell;
      vertical-align: bottom;
      height: 232px;
      width: 100%; }
    .prijzen .aantal_usp .usp_1 .usp_text, .prijzen .aantal_usp .usp_2 .usp_text, .prijzen .aantal_usp .usp_3 .usp_text {
      font-size: 26px;
      font-family: Yanone Kaffeesatz;
      font-weight: normal;
      line-height: 30px;
      text-align: center;
      display: block;
      padding: 5px 0;
      margin-top: 16px;
      transition: 0.3s ease; }
    .prijzen .aantal_usp .usp_1:hover, .prijzen .aantal_usp .usp_2:hover, .prijzen .aantal_usp .usp_3:hover {
      cursor: pointer; }
      .prijzen .aantal_usp .usp_1:hover .usp_text, .prijzen .aantal_usp .usp_2:hover .usp_text, .prijzen .aantal_usp .usp_3:hover .usp_text {
        color: #29aae1; }
  .prijzen .aantal_usp div.usp_1 {
    margin-left: 0; }

.hidden {
  display: none; }

#oplage-aantal-input {
  font: inherit;
  text-align: right;
  width: 124px;
  border: 1px solid #bbbbbb;
  border-radius: 10px;
  height: 48px;
  font-family: Yanone Kaffeesatz;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  text-indent: 0;
  margin-right: 19px;
  background: #fff; }

.papiersoorten-list {
  list-style: none; }
  .papiersoorten-list li {
    display: inline-block;
    float: left;
    width: 270px;
    text-transform: uppercase;
    margin: 0 0 20px 20px; }
    .papiersoorten-list li:nth-child(4n) {
      margin-right: 0; }
    .papiersoorten-list li:nth-child(4n + 1) {
      margin-left: 15px; }
    .papiersoorten-list li img {
      margin-bottom: 20px; }

.offerte-op-maat > h3 {
  margin-bottom: 40px; }
.offerte-op-maat h5 {
  font-size: inherit !important;
  text-align: left;
  margin-bottom: 20px; }
.offerte-op-maat input[type="text"],
.offerte-op-maat input[type="email"],
.offerte-op-maat input[type="number"],
.offerte-op-maat select,
.offerte-op-maat textarea {
  font-family: 'Open sans';
  font-size: 14px;
  resize: vertical; }
  .offerte-op-maat input[type="text"]::-webkit-input-placeholder,
  .offerte-op-maat input[type="email"]::-webkit-input-placeholder,
  .offerte-op-maat input[type="number"]::-webkit-input-placeholder,
  .offerte-op-maat select::-webkit-input-placeholder,
  .offerte-op-maat textarea::-webkit-input-placeholder {
    color: #000; }
  .offerte-op-maat input[type="text"]:-moz-placeholder,
  .offerte-op-maat input[type="email"]:-moz-placeholder,
  .offerte-op-maat input[type="number"]:-moz-placeholder,
  .offerte-op-maat select:-moz-placeholder,
  .offerte-op-maat textarea:-moz-placeholder {
    color: #000;
    opacity: 1; }
  .offerte-op-maat input[type="text"]::-moz-placeholder,
  .offerte-op-maat input[type="email"]::-moz-placeholder,
  .offerte-op-maat input[type="number"]::-moz-placeholder,
  .offerte-op-maat select::-moz-placeholder,
  .offerte-op-maat textarea::-moz-placeholder {
    color: #000;
    opacity: 1; }
  .offerte-op-maat input[type="text"]:-ms-input-placeholder,
  .offerte-op-maat input[type="email"]:-ms-input-placeholder,
  .offerte-op-maat input[type="number"]:-ms-input-placeholder,
  .offerte-op-maat select:-ms-input-placeholder,
  .offerte-op-maat textarea:-ms-input-placeholder {
    color: #000; }
.offerte-op-maat textarea {
  height: 125px; }
.offerte-op-maat label {
  font-size: 18px;
  font-weight: 400; }
  .offerte-op-maat label:before {
    line-height: 5px; }
.offerte-op-maat .form-group {
  margin-bottom: 15px;
  width: calc(100% - 15px);
  float: left;
  text-align: left;
  display: none; }
  .offerte-op-maat .form-group.visible-form {
    display: inline-block; }
    .offerte-op-maat .form-group.visible-form:nth-child(even) {
      margin-right: 30px; }
.offerte-op-maat .row {
  padding: 25px;
  width: 50%;
  float: left; }
  .offerte-op-maat .row .offerte_blokken {
    margin-top: 30px;
    vertical-align: top;
    width: 100%; }
    .offerte-op-maat .row .offerte_blokken .afwerkingen-lijst {
      margin-top: 5px;
      line-height: 10px; }
      .offerte-op-maat .row .offerte_blokken .afwerkingen-lijst > h5 {
        line-height: initial; }
      .offerte-op-maat .row .offerte_blokken .afwerkingen-lijst > p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px; }
        .offerte-op-maat .row .offerte_blokken .afwerkingen-lijst > p > a {
          text-decoration: none;
          color: #36A9E1; }
      .offerte-op-maat .row .offerte_blokken .afwerkingen-lijst .checkbox-label {
        display: block;
        text-align: left; }
    .offerte-op-maat .row .offerte_blokken .bestand > p {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 15px; }
    .offerte-op-maat .row .offerte_blokken .bestand input {
      width: 60%;
      display: inline-block; }
    .offerte-op-maat .row .offerte_blokken .bestand button {
      width: 40%;
      background: #b79066;
      color: #fff;
      font-size: 18px !important;
      line-height: 26px !important;
      font-weight: 400;
      border: none; }
.offerte-op-maat .sbtn_brown {
  cursor: pointer;
  float: left !important;
  margin: 0;
  height: 38px; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table; }
.clearfix:after {
  clear: both; }

/* BUTTONS */
.price-total-block, .price_container {
  @import url(http://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);
  /* Common button styles */
  /* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
  /* Sizes */
  /* Typography and Roundedness */
  /* Borders */
  /* Individual button styles */
  /* Moema */ }
@font-face {
  .price-total-block, .price_container {
    font-weight: normal;
    font-style: normal;
    font-family: 'codropsicons';
    src: url("../fonts/codropsicons/codropsicons.eot");
    src: url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../fonts/codropsicons/codropsicons.woff") format("woff"), url("../fonts/codropsicons/codropsicons.ttf") format("truetype"), url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg"); } }
  .price-total-block:after, .price-total-block:before, .price_container:after, .price_container:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .price-total-block .box, .price_container .box {
    padding: 4.5em 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center; }
  .price-total-block.button, .price_container.button {
    display: block;
    line-height: 36px;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale; }
  .price-total-block.button:focus, .price_container.button:focus {
    outline: none; }
  .price-total-block.button > span, .price_container.button > span {
    vertical-align: middle; }
  .price-total-block .bg-1 .button, .price_container .bg-1 .button {
    color: #37474f;
    border-color: #37474f; }
  .price-total-block .bg-2 .button, .price_container .bg-2 .button {
    color: #ECEFF1;
    border-color: #ECEFF1; }
  .price-total-block .bg-3 .button, .price_container .bg-3 .button {
    color: #fff;
    border-color: #fff; }
  .price-total-block .button--size-s, .price_container .button--size-s {
    font-size: 14px; }
  .price-total-block .button--size-m, .price_container .button--size-m {
    font-size: 16px; }
  .price-total-block .button--size-l, .price_container .button--size-l {
    font-size: 18px; }
  .price-total-block .button--text-upper, .price_container .button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase; }
  .price-total-block .button--text-thin, .price_container .button--text-thin {
    font-weight: 300; }
  .price-total-block .button--text-medium, .price_container .button--text-medium {
    font-weight: 500; }
  .price-total-block .button--text-thick, .price_container .button--text-thick {
    font-weight: 600; }
  .price-total-block .button--round-s, .price_container .button--round-s {
    border-radius: 5px; }
  .price-total-block .button--round-m, .price_container .button--round-m {
    border-radius: 15px; }
  .price-total-block .button--round-l, .price_container .button--round-l {
    border-radius: 40px; }
  .price-total-block .button--border-thin, .price_container .button--border-thin {
    border: 1px solid; }
  .price-total-block .button--border-medium, .price_container .button--border-medium {
    border: 2px solid; }
  .price-total-block .button--border-thick, .price_container .button--border-thick {
    border: 3px solid; }
  .price-total-block.button--moema, .price_container.button--moema {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    background-color: #000000;
    color: #ffffff; }
  .price-total-block.button--moema.button--inverted, .price_container.button--moema.button--inverted {
    background: #ECEFF1;
    color: #37474f; }
  .price-total-block.button--moema::before, .price_container.button--moema::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1); }
  .price-total-block.button--moema.moema-show, .price_container.button--moema.moema-show {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ffffff;
    background-color: #333333;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards; }
  .price-total-block.button--moema.button--inverted.moema-show, .price_container.button--moema.button--inverted.moema-show {
    color: #ECEFF1;
    background-color: #7986cb; }
  .price-total-block.button--moema.moema-show::before, .price_container.button--moema.moema-show::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards; }
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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