/*****************************************************************************************
    ** BOX MODEL                                                                            **
    *****************************************************************************************/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

	/*****************************************************************************************
    ** RESET                                                                                **
    *****************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

#msg {
  border: 1px solid black;
  background-color: #FEC1C1;
  padding: 10px; }

#msg h2 {
  text-decoration: underline; }

.size-debugger {
  padding: 20px 0px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 30px; }

div.clear {
  width: 100%;
  float: left;
  clear: both;
  display: block; }

	/*****************************************************************************************
    ** FONTS 		                                                                        **
    *****************************************************************************************/
@font-face {
  font-family: 'RBNo3.1';
  src: url("../fonts/RBNo31-Light.eot");
  src: url("../fonts/RBNo31-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RBNo31-Light.woff2") format("woff2"), url("../fonts/RBNo31-Light.woff") format("woff"), url("../fonts/RBNo31-Light.ttf") format("truetype"), url("../fonts/RBNo31-Light.svg#RBNo3.1-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
	/*****************************************************************************************
    ** VARS 		                                                                        **
    *****************************************************************************************/
/* colors */
/* responsive breakpoints */
	/*****************************************************************************************
    ** GENERAL 		                                                                        **
    *****************************************************************************************/
body {
  background-color: #ffffff;
  font-family: 'open sans', arial, sans-serif;
  color: #000000;
  font-size: 15px; }

.align-left {
  float: left; }

.align-right {
  float: right; }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.responsiveimg {
  width: 100%;
  height: auto !important;
  display: block;
  float: left; }

.max300 {
  width: 100%;
  max-width: 400px; }

h1 {
  font-size: 21px;
  padding: 10px 0px 30px 0px;
  font-weight: 300;
  font-style: normal; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 32px; } }

h2 {
  font-size: 20px;
  padding: 10px 0px 30px 0px;
  font-weight: 300;
  font-style: normal; }

h3 {
  font-size: 18px;
  padding: 10px 0px 10px 0px;
  font-weight: 300;
  font-style: normal; }

p {
  line-height: 24px; }

.btn-sitedefault {
  background-color: #3498db;
  color: #ffffff; }
  .btn-sitedefault:hover {
    background-color: #1d6fa5;
    color: #ffffff; }

header {
  background-color: #3498db;
  padding: 10px 0px;
  color: #ffffff; }
  header ul#vlaggen {
    float: right; }
    header ul#vlaggen li {
      float: left;
      padding: 0px 0px 0px 10px; }
      header ul#vlaggen li img {
        border: 1px solid #ffffff; }
      header ul#vlaggen li a {
        color: #b6daf2;
        text-decoration: none; }
        header ul#vlaggen li a.active {
          color: #ffffff; }

nav {
  /*padding:10px 0px;*/ }
  nav .logo {
    float: left;
    max-width: 200px;
    max-height: 70px; }
    @media screen and (min-width: 480px) {
      nav .logo {
        max-width: 250px;
        max-height: 100px; } }
    @media screen and (min-width: 768px) {
      nav .logo {
        max-width: 300px;
        max-height: 100px;
        margin-top: 10px; } }
    @media screen and (min-width: 1200px) {
      nav .logo {
        max-width: 360px;
        max-height: 80px; } }
  nav #mobiletoggle {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #3498db;
    float: right;
    margin-top: 15px;
    display: block;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    border-radius: 3px; }
    @media screen and (min-width: 480px) {
      nav #mobiletoggle {
        margin-top: 20px;
        margin-right: 5px;
        font-size: 21px;
        width: 35px;
        height: 35px;
        line-height: 35px; } }
    @media screen and (min-width: 768px) {
      nav #mobiletoggle {
        display: none; } }
  nav ul.mainmenu {
    display: none;
    float: left;
    padding: 15px 0px;
    background-color: transparent;
    width: 100%; }
    nav ul.mainmenu li {
      font-size: 16px;
      font-weight: bold;
      color: #000000;
      float: left;
      clear: both;
      width: 100%;
      padding: 0px;
      border-bottom: 1px solid #CCCCCC;
      font-weight: 300;
      font-style: normal; }
      @media screen and (min-width: 480px) {
        nav ul.mainmenu li {
          font-size: 18px; } }
      nav ul.mainmenu li a,
      nav ul.mainmenu li a:link,
      nav ul.mainmenu li a:active,
      nav ul.mainmenu li a:visited {
        color: #000000;
        text-decoration: none;
        padding: 12px 8px;
        width: 100%;
        float: left;
        text-transform: uppercase;
        font-weight: 300;
        font-style: normal; }
      nav ul.mainmenu li a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #3498db;
        color: #ffffff; }
      nav ul.mainmenu li a.current {
        color: #000000;
        text-decoration: none;
        background-color: #ffffff;
        color: #3498db;
        border-radius: 3px; }
      nav ul.mainmenu li ul {
        float: left;
        border-top: 1px solid #CCCCCC;
        width: 100%;
        float: left;
        clear: both; }
        nav ul.mainmenu li ul li {
          width: 100%;
          float: left;
          clear: both; }
          nav ul.mainmenu li ul li a {
            padding-left: 15px !important;
            padding-right: 15px !important;
            font-size: 14px;
            width: 100%; }
    nav ul.mainmenu li:last-child {
      border-bottom: none; }
    @media screen and (min-width: 768px) {
      nav ul.mainmenu {
        display: block;
        float: right;
        padding: 0px;
        background-color: transparent;
        width: auto;
        height: 100px; }
        nav ul.mainmenu li:hover ul {
          display: block; }
        nav ul.mainmenu li:hover a {
          color: #000000;
          text-decoration: none;
          background-color: #3498db;
          color: #ffffff !important;
          border-radius: 0px; }
        nav ul.mainmenu li:hover a,
        nav ul.mainmenu li:hover a.current {
          color: #000000;
          text-decoration: none;
          background-color: #3498db;
          color: #ffffff;
          border-radius: 0px; }
        nav ul.mainmenu li {
          font-size: 20px;
          font-weight: bold;
          color: #000000;
          clear: none;
          width: auto;
          padding: 0px;
          border-bottom: none;
          position: relative;
          height: 100px;
          line-height: 100px; }
          nav ul.mainmenu li a,
          nav ul.mainmenu li a:link,
          nav ul.mainmenu li a:active,
          nav ul.mainmenu li a:visited {
            color: #000000;
            text-decoration: none;
            padding: 0px 15px; }
          nav ul.mainmenu li a:hover {
            color: #000000;
            text-decoration: none;
            background-color: #3498db;
            color: #ffffff;
            border-radius: 0px; }
          nav ul.mainmenu li a.current {
            color: #ffffff;
            text-decoration: none;
            background-color: #3498db;
            border-radius: 0px; }
          nav ul.mainmenu li ul {
            border-radius: 0px;
            background-color: #3498db;
            position: absolute;
            top: 95px;
            right: 0;
            z-index: 599;
            padding: 10px;
            display: none;
            width: 170px;
            border: none; }
            nav ul.mainmenu li ul li {
              width: 150px;
              font-size: 15px;
              font-weight: 700;
              margin: 0px;
              padding: 0px; }
              nav ul.mainmenu li ul li a,
              nav ul.mainmenu li ul li a:link,
              nav ul.mainmenu li ul li a:active,
              nav ul.mainmenu li ul li a:visited {
                color: #ffffff;
                text-decoration: none;
                padding: 5px 3px; }
              nav ul.mainmenu li ul li a:hover {
                color: #000000;
                text-decoration: none;
                background-color: #1d6fa5;
                color: #ffffff; }
              nav ul.mainmenu li ul li a.current:hover,
              nav ul.mainmenu li ul li a.current {
                color: #000000;
                text-decoration: none;
                background-color: #1d6fa5 !important;
                color: #ffffff;
                border-radius: 3px;
                font-style: italic; } }

div.full-width-carousel {
  width: 100%; }
  div.full-width-carousel .regular {
    width: 100%;
    height: 650px;
    overflow: hidden; }
  div.full-width-carousel .small {
    width: 100%;
    height: 300px;
    overflow: hidden; }
  div.full-width-carousel div.carousel .carousel-slide {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; }
    div.full-width-carousel div.carousel .carousel-slide .carousel-slide-template {
      width: 400px;
      padding: 30px;
      background-color: rgba(0, 0, 0, 0.7);
      color: #ffffff;
      bottom: 40px;
      left: 40px;
      position: absolute; }
      div.full-width-carousel div.carousel .carousel-slide .carousel-slide-template h4 {
        font-weight: bolder;
        font-size: 24px; }
      div.full-width-carousel div.carousel .carousel-slide .carousel-slide-template p {
        line-height: 24px;
        padding: 10px 0px; }
      div.full-width-carousel div.carousel .carousel-slide .carousel-slide-template p.carousel-slide-template-link {
        text-align: center; }
        div.full-width-carousel div.carousel .carousel-slide .carousel-slide-template p.carousel-slide-template-link a {
          padding: 7px 10px;
          background-color: #3498db;
          border-radious: 6px;
          color: #ffffff; }

.uspbar {
  background-color: #b6daf2;
  padding: 20px 0px; }
  .uspbar .inner {
    padding: 10px 0px; }
  .uspbar .usp-icon {
    background-color: #3498db;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    margin-right: 20px; }
  .uspbar .usp-txt {
    display: table-cell;
    position: relative;
    height: 50px;
    color: #3498db;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 18px; }
    @media screen and (min-width: 480px) {
      .uspbar .usp-txt {
        font-size: 18px;
        line-height: 25px; } }
    .uspbar .usp-txt a {
      color: #3498db;
      text-decoration: none; }

.homeblokken {
  padding-top: 30px;
  padding-bottom: 30px; }

.homeblok {
  margin-bottom: 20px; }
  .homeblok a {
    text-decoration: none;
    display: block; }
  .homeblok .inner {
    background-color: #3498db;
    text-align: center;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .homeblok .inner .background-image {
      width: 100%;
      height: 100%;
      float: left;
      position: absolute;
      z-index: 79;
      opacity: 0.5; }
    .homeblok .inner .contents {
      padding: 20px;
      width: 100%;
      height: 100%;
      float: left;
      position: absolute;
      z-index: 99; }
      .homeblok .inner .contents h2 {
        color: #ffffff;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 22px;
        text-shadow: 2px 2px 2px black; }
        @media screen and (min-width: 480px) {
          .homeblok .inner .contents h2 {
            font-size: 40px; } }
        @media screen and (min-width: 768px) {
          .homeblok .inner .contents h2 {
            font-size: 30px; } }
        @media screen and (min-width: 1200px) {
          .homeblok .inner .contents h2 {
            font-size: 40px; } }
        .homeblok .inner .contents h2 a {
          color: #e84b3d;
          text-decoration: none;
          display: inline; }
      .homeblok .inner .contents p {
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
        text-shadow: 1px 1px 2px black; }
        @media screen and (min-width: 768px) {
          .homeblok .inner .contents p {
            font-size: 25px; } }
      .homeblok .inner .contents div.leesmeer-auto {
        position: absolute;
        bottom: 30px;
        left: 0px;
        width: 100%;
        text-align: center; }
        .homeblok .inner .contents div.leesmeer-auto a {
          margin: 0px auto;
          display: inline; }
    .homeblok .inner:hover {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .homeblok .inner:hover .background-image {
        opacity: 1;
        width: 106%;
        height: 106%;
        margin-left: -3%;
        margin-top: -3%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .homeblok .inner:hover .contents h2 {
        color: #3498db;
        text-shadow: 2px 2px 2px white;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.clickable {
  cursor: pointer; }

.container.content {
  margin-top: 40px;
  margin-bottom: 40px; }
  .container.content p {
    line-height: 28px;
    padding-bottom: 20px; }

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden; }

/* googlemaps Aspect Ratio */
@media screen and (max-width: 768px) {
  .ratio-1920x500 {
    padding-bottom: 300px; } }
@media screen and (min-width: 768px) {
  .ratio-1920x500 {
    padding-bottom: 30%; } }

/* 16x9 Aspect Ratio */
.ratio-16x9 {
  padding-bottom: 56.25%; }

/* 4x3 Aspect Ratio */
.ratio-4x3 {
  padding-bottom: 75%; }

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

footer {
  background-color: #3498db;
  padding: 40px 0px 20px 0px;
  color: #ffffff; }
  footer .footerblok .inner {
    display: block;
    float: left;
    clear: both;
    width: 100%; }
  footer .footerblok h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    padding: 10px 0px 20px 0px;
    margin-bottom: 15px;
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      footer .footerblok h3 {
        margin-top: 5px; } }
  footer .footerblok p {
    color: #ffffff; }
  footer .footerblok a {
    color: #ffffff;
    text-decoration: none; }
  footer .footerblok ul {
    width: 100%;
    display: block;
    float: left;
    clear: both; }
    footer .footerblok ul li {
      padding: 2px 0px;
      width: 100%;
      display: block;
      float: left;
      clear: both; }
      footer .footerblok ul li a {
        padding: 3px 0px;
        color: #ffffff;
        text-decoration: none;
        width: 100%;
        display: block;
        float: left;
        clear: both; }
      footer .footerblok ul li a:hover {
        background-color: #3498db;
        width: 100%; }

.slick-slide {
  padding: 10px; }

.merkencarousel {
  min-height: 160px;
  background-color: #1d6fa5;
  opacity: 0.5; }
  .merkencarousel .slick-arrow {
    display: none !important; }
  .merkencarousel .slick-list {
    margin: 50px 10px; }
  .merkencarousel .carousel-slide {
    color: #ffffff;
    position: relative;
    min-height: 60px;
    width: 270px;
    float: left;
    background-repeat: no-repeat;
    background-position: center; }

.contact-row {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 0 20px 0; }
  .contact-row .contact-row-icon {
    float: left;
    padding: 5px 15px 0 0;
    line-height: 24px; }
  .contact-row .contact-row-data {
    float: left;
    line-height: 24px; }

.openingstijden {
  max-width: 320px; }
  .openingstijden .openingstijden-dag {
    float: left;
    position: relative;
    clear: both;
    width: 100%;
    padding-bottom: 8px; }
    .openingstijden .openingstijden-dag .openingstijden-note {
      clear: both;
      font-size: 9px;
      padding-bottom: 5px; }
    .openingstijden .openingstijden-dag .openingstijden-tijd {
      position: absolute;
      right: 0;
      top: 3px; }

.captcha-group {
  position: relative;
  clear: both; }
  .captcha-group .captcha-input {
    padding-left: 130px;
    position: relative;
    z-index: 10; }
  .captcha-group img.captcha-image {
    vertical-align: middle;
    position: absolute;
    z-index: 20;
    top: 5px;
    left: 3px; }

.outline {
  border-color: #FF0000; }

.shopmenubar {
  width: 100%;
  background-color: #3498db; }
  .shopmenubar ul.shopmenu {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .shopmenubar ul.shopmenu {
        width: 100%; }
        .shopmenubar ul.shopmenu li {
          float: left;
          padding: 0px;
          clear: both;
          width: 100%;
          border-bottom: 1px solid #ffffff; }
          .shopmenubar ul.shopmenu li a {
            color: #ffffff;
            padding: 0px 10px;
            text-decoration: none;
            height: 40px;
            line-height: 40px;
            float: left;
            width: 100%; }
            .shopmenubar ul.shopmenu li a:hover, .shopmenubar ul.shopmenu li a.current {
              color: #ffffff;
              background-color: #e84b3d;
              text-shadow: 0px 0px 3px #ffffff; }
        .shopmenubar ul.shopmenu li:last-child {
          border-bottom: none; } }
    @media screen and (min-width: 768px) {
      .shopmenubar ul.shopmenu li {
        float: left;
        padding: 0px 3px;
        font-size: 14px; }
        .shopmenubar ul.shopmenu li a {
          color: #ffffff;
          padding: 0px 8px;
          text-decoration: none;
          height: 40px;
          line-height: 40px;
          float: left; }
          .shopmenubar ul.shopmenu li a:hover, .shopmenubar ul.shopmenu li a.current {
            color: #ffffff;
            background-color: #e84b3d;
            text-shadow: 0px 0px 3px #ffffff; } }

.filterbar {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
  padding: 20px 0 20px;
  text-align: left; }

.img-mrgn {
  margin: 3%;
  margin-top: 0%; }

.current-btn {
  background-color: #26475b;
  color: white !important; }

.nice-display-resize {
  width: 100%; }

.nice-resize {
  transition: all ease 0.4s; }

.shop-categorie-listview-item .shop-categorie-listview-item-wrap {
  overlow: hidden;
  padding: 20px;
  text-align: center;
  position: relative;
  border: thin solid #21526d;
  margin-bottom: 50px;
  float: left;
  clear: both;
  width: 100%; }
  .shop-categorie-listview-item .shop-categorie-listview-item-wrap:hover {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.25); }
  .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-image {
    float: left;
    clear: both;
    width: 100%; }
  .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 {
    color: #3498db;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 15px;
    float: left;
    clear: both;
    width: 100%; }
    @media screen and (min-width: 480px) {
      .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 {
        font-size: 18px; } }
    @media screen and (min-width: 768px) {
      .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 {
        font-size: 21px; } }
    .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 a, .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 a:hover, .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 a:active, .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 a:visited, .shop-categorie-listview-item .shop-categorie-listview-item-wrap .categorie-list-view-categorie-info h2 a:link {
      display: block;
      clear: both;
      text-decoration: none;
      color: #3498db; }

.shop-product-listview-item .inner {
  padding: 20px;
  background-color: #ebebec; }

.shop-product-listview-description hr {
  margin-top: 25px;
  margin-bottom: 40px; }

.product-listview-aanbieding {
  text-decoration: line-through;
  color: red; }

.shop-product-listview-item .inner {
  padding: 20px;
  background-color: #ebebec;
  margin-bottom: 20px; }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .title_spacing {
    padding-left: 10px;
    padding-right: 10px; }
    .shop-product-listview-item .inner .row .shop-product-listview-item-description .title_spacing a {
      margin-left: 10px !important;
      margin-right: 10px !important; }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 {
    padding: 0px 0px 10px 0px;
    line-height: 26px;
    font-size: 20px;
    font-weight: 900;
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px; }
    @media screen and (min-width: 768px) {
      .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 {
        line-height: 35px; } }
    .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 a, .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 a:hover, .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 a:active, .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 a:visited, .shop-product-listview-item .inner .row .shop-product-listview-item-description h2 a:link {
      color: #3498db;
      text-decoration: none; }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .block_inleiding {
    padding-left: 30px; }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .inleiding {
    line-height: 21px;
    padding-right: 0px; }
    @media screen and (min-width: 768px) {
      .shop-product-listview-item .inner .row .shop-product-listview-item-description .inleiding {
        padding-right: 30px; } }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .shop-product-listview-item-price .product-listview-aanbieding {
    text-decoration: strike; }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .shop-product-listview-item-price .product-listview-prijs {
    color: #000000;
    line-height: 21px;
    font-size: 16px;
    font-weight: 900;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px; }
    @media screen and (min-width: 768px) {
      .shop-product-listview-item .inner .row .shop-product-listview-item-description .shop-product-listview-item-price .product-listview-prijs {
        line-height: 35px;
        font-size: 30px; } }
  .shop-product-listview-item .inner .row .shop-product-listview-item-description .shop-product-listview-item-price .product-listview-extra {
    font-size: 10px;
    color: #999999;
    padding: 0;
    margin: 5px 0px 20px 0px; }

.homematrix {
  background-color: #3498db;
  padding-top: 50px;
  padding-bottom: 30px; }
  .homematrix .like-h1 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff; }

.shop-product-listview-item-home {
  margin-bottom: 20px; }
  .shop-product-listview-item-home .inner {
    background-color: #ffffff;
    padding-bottom: 20px; }
    .shop-product-listview-item-home .inner .shop-product-listview-item-home-description h2 {
      text-align: center;
      margin-left: 15px;
      margin-right: 15px; }
      .shop-product-listview-item-home .inner .shop-product-listview-item-home-description h2 a {
        color: #3498db;
        text-decoration: none; }
    .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-price {
      text-align: center; }
      .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-price .product-listview-aanbieding {
        text-align: center; }
      .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-price .product-listview-prijs {
        text-align: center;
        color: #000000;
        line-height: 21px;
        font-size: 16px;
        font-weight: 900;
        margin: 5px 0px 5px 0px;
        padding: 0px 0px 0px 0px; }
        @media screen and (min-width: 768px) {
          .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-price .product-listview-prijs {
            line-height: 35px;
            font-size: 30px; } }
      .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-price .product-listview-extra {
        text-align: center;
        font-size: 10px;
        color: #999999;
        padding: 0;
        margin: 5px 0px 20px 0px; }
    .shop-product-listview-item-home .inner .shop-product-listview-item-home-description .shop-product-listview-item-home-btns {
      text-align: center; }

.shop-product .shop-product-summary h1 {
  color: #3498db;
  padding: 0px 0px 10px 0px;
  line-height: 26px;
  font-size: 20px;
  font-weight: 900; }
  @media screen and (min-width: 768px) {
    .shop-product .shop-product-summary h1 {
      line-height: 50px;
      font-size: 40px; } }
.shop-product .shop-product-summary .shop-product-buybox {
  padding: 20px;
  background-color: #ebebec; }
  .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-prijs {
    color: #000000;
    line-height: 21px;
    font-size: 16px;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-prijs {
        line-height: 35px;
        font-size: 30px; } }
  .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-extra p {
    font-size: 10px;
    color: #999999;
    padding: 0;
    margin: 5px 0px 20px 0px; }
  .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-prijsopgaaf {
    padding-top: 30px; }
    .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-prijsopgaaf a {
      width: 100%; }
  .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-buytext p {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #3498db;
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 768px) {
      .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-buytext p {
        line-height: 35px;
        font-size: 21px; } }
    .shop-product .shop-product-summary .shop-product-buybox .shop-product-buybox-buytext p a {
      color: #1d6fa5;
      text-decoration: none; }
.shop-product .shop-product-images {
  margin-bottom: 30px;
  float: left; }
  .shop-product .shop-product-images .shop-product-mainimage {
    margin-bottom: 10px; }
    .shop-product .shop-product-images .shop-product-mainimage img {
      border: 1px solid #000000; }
  .shop-product .shop-product-images .shop-product-extraimages {
    margin-bottom: 10px; }
    .shop-product .shop-product-images .shop-product-extraimages img {
      border: 1px solid #000000; }
.shop-product .shop-product-description .shop-product-descriptio-title {
  display: block;
  width: 100%;
  clear: both;
  color: #000000;
  padding: 0px 0px 25px 0px;
  line-height: 26px;
  font-size: 20px;
  font-weight: 900; }
  @media screen and (min-width: 768px) {
    .shop-product .shop-product-description .shop-product-descriptio-title {
      line-height: 30px;
      font-size: 21px; } }
.shop-product .shop-product-description ul {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 25px; }
  .shop-product .shop-product-description ul li {
    padding: 4px 0px 6px 0px;
    line-height: 21px; }

.btn-green {
  background-color: #54b146;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  margin: 8px 0px; }
  @media screen and (min-width: 768px) {
    .btn-green {
      width: auto;
      margin: 8px 8px 8px 0px; } }

.btn-green:hover {
  color: #ffffff;
  background-color: #438c38; }

.btn-orange {
  background-color: #3498db;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 700;
  width: 80%;
  margin: 8px 0px; }
  @media screen and (min-width: 768px) {
    .btn-orange {
      width: auto;
      margin: 8px 8px 8px 0px; } }

.btn-orange:hover {
  color: #ffffff;
  background-color: #1d6fa5; }

.randomproduct .title-randomblok {
  margin: 350px 0px 20px; }
.randomproduct .text-randomblok {
  padding: 10px 0px 0px !important;
  float: right;
  font-size: 24px;
  margin-top: -9px; }

.bottom {
  background-color: #153546;
  padding: 10px 0px;
  width: 100%;
  clear: both;
  color: #ffffff; }
  .bottom a {
    color: #ffffff;
    text-decoration: none; }

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