/*****************************************************************************************

** BOX MODEL                                                                            **

*****************************************************************************************/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");

@import url("https://fonts.googleapis.com/css?family=Sarpanch");

@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:400,700");

*, *: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.7; }



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; }



div.clear {

  width: 100%;

  float: left;

  clear: both;

  display: block; }



/*****************************************************************************************

** FONTS                                                                         **

*****************************************************************************************/

/*****************************************************************************************

** VARS AND MIXINS                                                                  **

*****************************************************************************************/

/* responsive breakpoints */

/* colors */

/*****************************************************************************************

** GENERAL                                                                            **

*****************************************************************************************/

.align-right {

  z-index: 10;

  position: absolute;

  right: 400px;

  padding-top: 90px; }



body {

  background-color: #f9fafc;

  color: black; }



h1, h2, h3, h4, h5, h6 {

  font-family: "Raleway", Helvetica, sans-serif; }



h1 {

  font-size: 36px;

  padding: 0px 0px 30px 0px;

  color: black; }



p {

  padding-bottom: 20px; }



.responsive,

.responsiveimg {

  width: 100%;

  height: auto !important;

  display: block; }

  .responsive.max400,

  .responsiveimg.max400 {

    max-width: 400px;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px; }

  .responsive.max300,

  .responsiveimg.max300 {

    max-width: 300px;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px; }

  .responsive.max250,

  .responsiveimg.max250 {

    max-width: 250px;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px; }

  .responsive.max200,

  .responsiveimg.max200 {

    max-width: 200px;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px; }

  .responsive.right,

  .responsiveimg.right {

    float: right !important;

    margin-left: 10px;

    margin-right: 0px;

    margin-bottom: 10px; }



.intrinsic-container {

  position: relative;

  height: 0;

  overflow: hidden; }

  .intrinsic-container iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



.carousel-slide {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover; }



/* 16x9 Aspect Ratio */

.ratio-16x9 {

  padding-bottom: 56.25%; }



/* 4x3 Aspect Ratio */

.ratio-4x3 {

  padding-bottom: 75%; }



.btn-regular {

  background-color: #46589c;

  color: white;

  border-radius: 0px;

  text-transform: uppercase; }

  .btn-regular:hover {

    text-decoration: none;

    background-color: #232e58; }



.clickable {

  cursor: pointer; }



body,

html {

  width: 100%;

  height: 100%; }



::selection {

  color: #fff;

  background: #292b30;

  text-shadow: none; }



img::selection {

  color: #fff;

  background: transparent; }



/*

	.logo {

	  max-width: 205px;

	  width:100%;

	  max-height: 80px;

	}



	ul{

	  margin-right: 155px;

	}



	li{

		padding-left: 30px;

		a

		{

			color: #fff;

			font-weight: 550;

			&:hover{

				color: #4c4c4c;

			}

		}

	}



	.dropdown-menu, .show

	{

		li

		{

			border-bottom: 1px solid #fcfcfc;

		}

	}

	

*/

.pstart {

  font-family: Helvetica;

  opacity: 0.6; }

  .pstart:hover {

    font-family: Helvetica;

    opacity: 1.0;

    transition: 0.5s; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Raleway", Helvetica, sans-serif; }



h2 {

  font-weight: bold;

  font-size: 21px;

  padding-bottom: 20px; }



.desktop-topbar {

  padding-top: 20px; }

  @media (min-width: 435px) {

    .desktop-topbar {

      padding-top: 30px; } }

  @media (min-width: 991px) {

    .desktop-topbar {

      padding-top: 10px; } }



#mobilemenu-toggle {

  border: 1px solid #CCCCCC;

  float: right;

  display: block;

  height: 41px;

  width: 41px;

  line-height: 41px;

  text-align: center;

  margin-left: 0px;

  border-radius: 3px; }

  @media (min-width: 991px) {

    #mobilemenu-toggle {

      display: none; } }



#mobilemenu-wrap {

  display: none; }



.languagepicker {

  border: 1px solid #b7b7b7;

  border-radius: 3px;

  padding: 5px 10px;

  margin-top: 0px !important;

  margin-left: 10px;

  float: right;

  position: relative;

  color: #46589c;

  height: 41px;

  z-index: 199;

  margin-right: 6px; }

  @media only screen and (min-width: 435px) {

    .languagepicker {

      margin-top: 36px; } }

  @media only screen and (min-width: 991px) {

    .languagepicker {

      margin-right: 6px;

      margin-top: 24px; } }

  .languagepicker .languageselected {

    height: 20px;

    width: auto;

    margin-top: 0px; }

    .languagepicker .languageselected span.flag-icon {

      margin-right: 0px;

      float: left;

      display: block;

      margin-top: 6px; }

      @media only screen and (min-width: 991px) {

        .languagepicker .languageselected span.flag-icon {

          margin-right: 6px; } }

    .languagepicker .languageselected span.language {

      float: left;

      display: none;

      height: 20px;

      line-height: 20px;

      margin-top: 4px;

      padding-right: 3px; }

      @media only screen and (min-width: 991px) {

        .languagepicker .languageselected span.language {

          display: block; } }

    .languagepicker .languageselected i {

      display: none; }

      @media only screen and (min-width: 991px) {

        .languagepicker .languageselected i {

          display: inline-block; } }

  .languagepicker:hover .languages {

    display: block; }

  .languagepicker .languages {

    position: absolute;

    background-color: white;

    top: 40px;

    left: -1px;

    z-index: 190;

    min-width: 45px;

    border-radius: 3px;

    border: 1px solid #b7b7b7;

    display: none; }

    @media only screen and (min-width: 991px) {

      .languagepicker .languages {

        min-width: 140px; } }

    .languagepicker .languages a {

      display: block;

      width: 100%;

      clear: both;

      padding: 5px 6px 5px 10px;

      float: left;

      color: black; }

      .languagepicker .languages a span.flag-icon {

        line-height: 20px;

        float: left;

        display: block;

        height: 20px;

        margin-right: 0px; }

        @media only screen and (min-width: 991px) {

          .languagepicker .languages a span.flag-icon {

            margin-right: 6px; } }

      .languagepicker .languages a span.language {

        line-height: 20px;

        float: left;

        display: none;

        height: 20px; }

        @media only screen and (min-width: 991px) {

          .languagepicker .languages a span.language {

            display: block; } }

      .languagepicker .languages a:hover {

        text-decoration: none;

        color: #46589c; }



/* MAIN MENU */

.top-navigation {

  min-height: 95px;

  background-color: #333;

  position: fixed;

  /* Set the navbar to fixed position */

  top: 0;

  /* Position the navbar at the top of the page */

  width: 100%;

  /* Full width */

  z-index: 400; }

  .top-navigation ul.mobile-menu {

    padding-bottom: 20px;

    padding-left: 20px; }

    .top-navigation ul.mobile-menu li {

      padding: 4px 0px;

      font-weight: bold; }

      .top-navigation ul.mobile-menu li ul li {

        padding-left: 20px;

        font-size: 14px;

        font-weight: bold; }

  .top-navigation #mainmenu-wrap {

    display: none; }

    @media (min-width: 991px) {

      .top-navigation #mainmenu-wrap {

        display: block; }

        .top-navigation #mainmenu-wrap ul.main-menu {

          float: right;

          margin-top: 15px;

          margin-bottom: 25px; }

          .top-navigation #mainmenu-wrap ul.main-menu li {

            float: left;

            position: relative;

            font-weight: 600;

            padding-left: 20px; }

            .top-navigation #mainmenu-wrap ul.main-menu li a {

              font-weight: 600;

              padding: 5px 10px; }

            .top-navigation #mainmenu-wrap ul.main-menu li .submenu {

              position: absolute;

              left: -9999px;

              top: 27px;

              min-width: 260px;

              padding: 10px;

              background-color: white; }

              .top-navigation #mainmenu-wrap ul.main-menu li .submenu li {

                float: left;

                position: relative;

                font-weight: 400;

                font-size: 15px;

                padding: 5px 0px !important;

                clear: both;

                width: 100%;

                text-transform: capitalize;

                border-bottom: 1px solid #cccccc; }

                .top-navigation #mainmenu-wrap ul.main-menu li .submenu li a {

                  width: 100%;

                  font-weight: 400;

                  padding: 5px 0px;

                  text-transform: capitalize; }

            .top-navigation #mainmenu-wrap ul.main-menu li.has-submenu:hover ul {

              position: absolute;

              left: 21px;

              top: 27px; } }



/* SLIDESHOW */

.slideshowcontainer {

  width: 100%;

  height: 600px;

  margin-top: 100px; }

  .slideshowcontainer .masthead {

    width: 100%;

    height: 100%; }

    .slideshowcontainer .masthead .carousel-slide {

      width: 100%;

      height: 100%;

      position: relative; }

      .slideshowcontainer .masthead .carousel-slide .carousel-slide-template {

        padding-top: 150px;

        display: none; }

        @media (min-width: 991px) {

          .slideshowcontainer .masthead .carousel-slide .carousel-slide-template {

            display: block;

            padding-top: 130px; } }

        @media (min-width: 1200px) {

          .slideshowcontainer .masthead .carousel-slide .carousel-slide-template {

            display: block;

            padding-top: 210px; } }

        .slideshowcontainer .masthead .carousel-slide .carousel-slide-template h4 {

          padding-top: 25px;

          font-weight: bold;

          font-size: 50px;

          text-align: center;

          padding-bottom: 8px;

          color: white; }

        .slideshowcontainer .masthead .carousel-slide .carousel-slide-template p {

          line-height: 1.5;

          font-weight: 500;

          font-size: 16px;

          color: white;

          opacity: 0.9;

          text-align: center;

          font-family: Raleway;

          padding-bottom: 30px; }

        .slideshowcontainer .masthead .carousel-slide .carousel-slide-template a {

          font-family: Open Sans;

          font-size: 16px;

          text-transform: none;

          border-radius: 25px;

          border: 2px solid;

          opacity: 0.7; }

          .slideshowcontainer .masthead .carousel-slide .carousel-slide-template a:hover {

            text-transform: none;

            opacity: 1.0;

            background-color: transparent;

            border-color: white; }



/* NAVBAR */

#mainNav, .navbar {

  background-color: white;

  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

  #mainNav.black, .navbar.black {

    background-color: #212529; }

    #mainNav.black a, .navbar.black a {

      color: white; }

      #mainNav.black a:hover, .navbar.black a:hover {

        text-decoration: none; }

  #mainNav.white, .navbar.white {

    background-color: white; }

    #mainNav.white a, .navbar.white a {

      color: #212529; }

      #mainNav.white a:hover, .navbar.white a:hover {

        text-decoration: none; }

  #mainNav.red, .navbar.red {

    background-color: white; }

    #mainNav.red a, .navbar.red a {

      color: #212529; }

      #mainNav.red a:hover, .navbar.red a:hover {

        text-decoration: none; }

  #mainNav.blue, .navbar.blue {

    background-color: #2da3c4; }

    #mainNav.blue a, .navbar.blue a {

      color: #fff; }

      #mainNav.blue a:hover, .navbar.blue a:hover {

        text-decoration: none; }

  #mainNav.green, .navbar.green {

    background-color: #28c17f; }

    #mainNav.green a, .navbar.green a {

      color: #fff; }

      #mainNav.green a:hover, .navbar.green a:hover {

        text-decoration: none; }

  #mainNav.purple, .navbar.purple {

    background-color: #b15eed; }

    #mainNav.purple a, .navbar.purple a {

      color: #fff; }

      #mainNav.purple a:hover, .navbar.purple a:hover {

        text-decoration: none; }

  #mainNav ul li .current, .navbar ul li .current {

    opacity: 1.0; }

  #mainNav ul li a, .navbar ul li a {

    color: #212529;

    opacity: 0.7; }

    #mainNav ul li a:hover, .navbar ul li a:hover {

      color: #212529;

      opacity: 1.0;

      text-decoration: none; }



@media (min-width: 1181px) {

  .navbar-item {

    position: relative;

    right: 20px;

    padding: 10px; } }

@media (max-width: 1180px) {

  .navbar-item {

    position: relative;

    right: 20px; } }

@media (max-width: 991px) {

  .navbar-item {

    overflow: visible;

    position: relative;

    right: -210px;

    width: 30px;

    padding: 10px; } }

@media (max-width: 930px) {

  .navbar-item {

    position: relative;

    right: -190px;

    width: 30px;

    padding: 10px; } }

@media (max-width: 835px) {

  .navbar-item {

    position: relative;

    right: -170px;

    width: 30px;

    padding: 10px; } }

@media (max-width: 775px) {

  .navbar-item {

    position: relative;

    right: -115px;

    width: 30px;

    padding: 10px; } }

@media (max-width: 660px) {

  .navbar-item {

    position: relative;

    right: -100px;

    width: 30px;

    padding: 10px; } }

@media (max-width: 580px) {

  .navbar-item {

    position: relative;

    right: -75px;

    width: 30px;

    padding: 5px; } }

@media (max-width: 480px) {

  .navbar-item {

    position: relative;

    right: -40px;

    width: 30px;

    padding: 5px; } }

@media (max-width: 430px) {

  .navbar-item {

    position: relative;

    right: -20px;

    width: 30px;

    padding: 5px; } }

@media (max-width: 290px) {

  .navbar-item {

    position: relative;

    right: -10px;

    width: 30px;

    padding: 5px; } }

.vertical-center {

  margin: 0;

  position: relative;

  top: 50%;

  -ms-transform: translateY(-50%);

  transform: translateY(-50%); }



@media (min-width: 500px) {

  .navbar-brand img {

    top: 30px; } }

@media (max-width: 500px) {

  .navbar-brand img {

    top: 25px;

    max-height: 80px !important; } }

@media (min-width: 992px) {

  #mainNav {

    background-color: white; }

    #mainNav .navbar-brand {

      color: black; }

    #mainNav .navbar-shrink {

      background-color: white;

      color: black; } }

/* WRAPPER2 */

.main-wrap {

  padding-bottom: 50px;

  padding-top: 50px;

  background-color: #f2f2f2 !important; }

  .main-wrap.slideshow-not-shown {

    padding-top: 180px; }

  .main-wrap .container .row h1 {

    font-size: 34px;

    padding-bottom: 10px;

    line-height: 25px;

    opacity: 0.95; }

  .main-wrap .container .row p {

    color: #212529;

    font-size: 16px;

    font-family: Helvetica;

    /*opacity: 0.75;*/

    padding-top: 6px;

    line-height: 25px; }

    .main-wrap .container .row p:hover {

      /*font-family: Helvetica;

      opacity: 1.0;

      transition: 0.5s; */ }



.sectionend {

  border-color: #d6d6d6;

  margin-top: 0px; }



.shop-categorie-litview {

  padding-top: 50px;

  padding-bottom: 50px; }

  .shop-categorie-litview .shoptekst h2 {

    font-family: Raleway;

    font-size: 30px;

    text-align: center;

    padding-bottom: 15px;

    color: #232323; }

  .shop-categorie-litview .shoptekst p {

    font-family: Raleway;

    font-size: 16px;

    text-align: center;

    padding-bottom: 38px;

    opacity: 0.9; }



/* BOX */

.box {

  border-radius: 4px;

  border: solid 1px rgba(144, 144, 144, 0.25);

  margin-bottom: 35px;

  margin-top: 25px;

  padding: 24px;

  text-align: center; }

  .box a {

    font-size: 25px;

    font-weight: bold;

    color: #4c4c4c;

    opacity: 0.8; }

    .box a:hover {

      text-decoration: none;

      opacity: 1.0;

      transition: 0.9s; }

  .box h3 {

    padding-top: 40px;

    padding-bottom: 30px; }

  .box p {

    font-family: Raleway;

    font-size: 16px;

    line-height: 25px;

    opacity: 0.8;

    padding-bottom: 25px; }



/* FOOTER */

.footer {

  background-color: #383B43;

  font-family: Raleway; }

  .footer.black {

    background-color: #212529; }

    .footer.black a {

      color: #fff; }

      .footer.black a:hover {

        text-decoration: none; }

  .footer.red {

    background-color: #B61F24; }

    .footer.red a {

      color: #B61F24; }

      .footer.red a:hover {

        text-decoration: none; }

  .footer.blue {

    background-color: #2da3c4; }

    .footer.blue a {

      color: #c1321f; }

      .footer.blue a:hover {

        text-decoration: none; }

  .footer.green {

    background-color: #28c17f; }

    .footer.green a {

      color: #c1321f; }

      .footer.green a:hover {

        text-decoration: none; }

  .footer.purple {

    background-color: #b15eed; }

    .footer.purple a {

      color: #c1321f; }

      .footer.purple a:hover {

        text-decoration: none; }

  .footer .footerblok {

    margin-bottom: 30px; }

    .footer .footerblok h4 {

      color: white;

      text-tranform: uppercase;

      padding-bottom: 10px;

      font-size: 25px;

      font-weight: 600; }

    .footer .footerblok .contact-row {

      color: white;

      width: 100%;

      clear: both;

      float: left;

      padding: 0 0 20px 0; }

      .footer .footerblok .contact-row .contact-row-icon {

        float: left;

        padding: 5px 15px 0 0;

        line-height: 24px; }

      .footer .footerblok .contact-row .contact-row-data {

        padding-top: 5px;

        float: left;

        color: #cdced0;

        font-weight: normal;

        line-height: 1.5; }

        .footer .footerblok .contact-row .contact-row-data a {

          color: #cdced0 !important; }

    .footer .footerblok ul {

      list-style-type: none;

      padding-right: 0px;

      padding-left: 0px;

      padding-top: 8px;

      color: #cdced0; }

      .footer .footerblok ul li {

        padding-left: 0px;

        padding-top: 6px;

        font-size: 15.2px;

        width: 250px; }

        .footer .footerblok ul li a {

          margin-right: 40px;

          color: #cdced0;

          font-weight: normal;

          line-height: 1.5; }



.shopmenufooter li a,

.footer-menu li a {

  text-transform: uppercase; }

.shopmenufooter li ul,

.footer-menu li ul {

  display: none; }



/*****************************************************************************************

    ** SHOP                                                                       **

    *****************************************************************************************/

#shop-categorie-listview-items {

  margin-top: 5px;

  margin-bottom: 50px; }

  #shop-categorie-listview-items .title {

    padding-top: 0px;

    padding-bottom: 40px;

    font-family: Raleway;

    font-size: 30px;

    color: #232323; }



.shop-categorie-listview-item {

  margin-bottom: 20px; }

  .shop-categorie-listview-item .inner {

    border: solid 1px rgba(144, 144, 144, 0.25);

    padding: 20px;

    background-color: white; }

    .shop-categorie-listview-item .inner h2 {

      font-family: Open Sans;

      font-size: 28px;

      font-weight: bold;

      color: #4c4c4c;

      opacity: 0.8;

      padding-top: 30px;

      text-transform: none;

      padding-top: 20px; }

      .shop-categorie-listview-item .inner h2 a {

        color: black; }

        .shop-categorie-listview-item .inner h2 a:hover {

          opacity: 0.8;

          transition: 0.8s;

          text-decoration: none; }

    .shop-categorie-listview-item .inner p {

      font-family: Raleway;

      font-size: 16px;

      padding-top: 20px;

      color: #232323;

      padding-bottom: 10px; }

    .shop-categorie-listview-item .inner .categorie-list-view-categorie-info .catfegorie-list-view-details .btn-regular {

      padding: 0;

      color: black;

      font-family: Raleway; }



.shop-product-listview-description {

  padding-bottom: 40px; }



#shop-product-listview-items {

  margin-top: 40px;

  margin-bottom: 50px; }

  #shop-product-listview-items .title {

    padding-top: 0px;

    padding-bottom: 40px;

    font-family: Raleway;

    font-size: 40px;

    color: #232323; }

  #shop-product-listview-items .shop-product-listview-item {

    text-align: left;

    margin-bottom: 30px; }

    #shop-product-listview-items .shop-product-listview-item .inner {

      border: solid 1px rgba(144, 144, 144, 0.25);

      padding: 20px;

      background-color: white;

      height: 450px;

      overflow: auto; }

      #shop-product-listview-items .shop-product-listview-item .inner .shop-product-listview-item-description h2 {

        padding-top: 30px; }

        #shop-product-listview-items .shop-product-listview-item .inner .shop-product-listview-item-description h2 a {

          font-family: Open Sans;

          font-size: 28px;

          font-weight: bold;

          color: #4c4c4c;

          padding-top: 30px;

          text-transform: none;

          padding-top: 20px; }

      #shop-product-listview-items .shop-product-listview-item .inner .shop-product-listview-item-description .inleiding {

        padding-top: 15px;

        font-size: 15px; }

      #shop-product-listview-items .shop-product-listview-item .inner .shop-product-listview-item-description .shop-product-listview-item-price {

        font-family: Raleway;

        font-size: 30px;

        position: absolute;

        bottom: 20px;

        color: black; }

      #shop-product-listview-items .shop-product-listview-item .inner .shop-product-listview-item-description .shop-product-listview-item-note {

        font-size: 11px !important;

        float: left;

        clear: both;

        position: absolute;

        bottom: 20px; }



#shop-product {

  padding-top: 0px;

  padding-bottom: 30px; }

  #shop-product .shop-product-summary .shop-product-images {

    opacity: 0.9; }

  #shop-product .shop-product-summary .shop-product-description .description-title {

    font-family: Open Sans;

    font-size: 21px;

    font-weight: bold;

    color: #4c4c4c;

    padding-top: 20px;

    opacity: 0.9;

    width: 100%;

    clear: both;

    float: left;

    padding-bottom: 10px; }

  #shop-product .shop-product-summary .shop-product-description p {

    font-family: Raleway;

    font-size: 13px;

    padding-top: 10px;

    padding-bottom: 40px;

    color: black;

    opacity: 0.8; }

  #shop-product .shop-product-summary .shop-product-description ul {

    list-style-type: disc;

    padding-left: 20px; }

    #shop-product .shop-product-summary .shop-product-description ul li {

      padding-left: 0px; }

  #shop-product .shop-product-options .shop-product-buybox-addbtn {

    padding-left: 0px;

    padding-top: 15px; }

    #shop-product .shop-product-options .shop-product-buybox-addbtn a {

      font-family: Open Sans;

      font-size: 15px;

      padding-left: 50px;

      padding-right: 50px;

      text-transform: none;

      border: 2px solid black;

      color: white;

      border-color: black;

      background-color: black;

      opacity: 0.7; }

      #shop-product .shop-product-options .shop-product-buybox-addbtn a:hover {

        transition: 0.8s;

        opacity: 0.6; }

  #shop-product .shop-product-options .shop-product-buybox-prijs {

    font-family: Open Sans;

    font-size: 20px;

    font-weight: bold;

    opacity: 0.8;

    padding-bottom: 10px; }

  #shop-product .shop-product-options .shop-product-buybox-prijsnote {

    font-family: Open Sans;

    font-size: 12px;

    font-weight: 400;

    width: 100%;

    clear: both;

    padding-bottom: 10px;

    color: #666666; }



.shop-product-mainimage img {

  border: 1px solid #666666;

  box-shadow: 0 8px 16px 0 rgba(75, 104, 123, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  margin-bottom: 15px; }



.shop-product-extraimages {

  margin-top: 10px; }

  .shop-product-extraimages img {

    border: 1px solid #666666;

    box-shadow: 0 8px 16px 0 rgba(75, 104, 123, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2); }



#productoptions {

  padding-left: 70px; }

  #productoptions .betaalcontainer {

    box-shadow: 0 8px 16px 0 rgba(75, 104, 123, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);

    padding: 30px;

    min-height: 220px;

    width: 340px;

    background-color: white; }

    #productoptions .betaalcontainer h1 {

      font-family: Open Sans;

      font-size: 28px;

      font-weight: bold;

      color: #4c4c4c;

      padding-top: 20px; }



.shop-product-options {

  width: 256px; }



/*





#shop-product-listview-items{

  margin-top:40px;

    margin-bottom: 50px;

    

    .box{

        text-align: left;

        margin-right: 80px;



        p{

          font-family: Raleway;

          font-size:30px;

          padding:0px 0px 30px 0px;

          color:black;  

        }



        .inleiding{

          padding-top: 15px; 

          font-size: 15px;

        }

        

    }

    .title{

      padding-top: 50px;

      padding-bottom: 40px;

      font-family: Raleway;

      font-size: 40px;

      color: #232323;

    }







  h2{

    padding-top: 30px;

    a{

      font-family: Open Sans;

      font-size: 28px;

      font-weight: bold;

      color: #4c4c4c;

      padding-top: 30px;

      text-transform: none;

      padding-top: 20px;

    }

  }



  p{

    font-family: Raleway;

    font-size:30px;

    padding:0px 0px 30px 0px;

    color:black;    

        

  }



  img{

    height: 250px;

    width: 250px;

  }

}

*/

.navbar-brand {

  max-height: 80px; }



@media only screen and (max-width: 420px) {

  .navbar-brand {

    max-width: 155px; } }

@media only screen and (max-width: 345px) {

  .navbar-brand {

    max-width: 140px; } }

@media only screen and (max-width: 319px) {

  .navbar-brand {

    max-width: 120px; } }

@media only screen and (max-width: 305px) {

  .navbar-brand {

    max-width: 95px; } }

.description-title p {

  padding-top: 20px; }



.servicecenter {

  float: left;

  clear: both;

  width: 100%; }

  .servicecenter .inner {

    float: left;

    width: 100%;

    padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 1px solid #CCCCCC; }



.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 {

    padding-top: 5px;

    float: left;

    font-weight: normal;

    line-height: 1.5; }

    .contact-row .contact-row-data a {

      color: #cdced0 !important; }



.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; }



.maincontent ul {

  list-style-type: disc;

  padding-left: 25px;

  margin-left: 0px;

  margin-bottom: 20px; }

  .maincontent ul li {

    padding-left: 15px; }



.page-footer {

  padding-top: 40px; }



.features {

  padding-top: 60px;

  padding-bottom: 60px; }

  .features h3 {

    text-transform: uppercase;

    padding-bottom: 8px;

    border-bottom: 3px solid #CCCCCC;

    font-size: 21px; }

  .features p {

    padding: 20px;

    background-color: white;

    color: #212529; }

    .features p a {

      font-weight: bold;

      color: #212529 !important; }



.feature {

  margin-bottom: 40px; }



.usps li {

  color: white;

  text-transform: uppercase; }

  .usps li a {

    color: white;

    text-transform: uppercase;

    text-decoration: none; }



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