@charset "UTF-8";
* {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #000;
}
* h3, * h3 * {
  color: #2D6400;
}

a {
  color: #2D6400;
  -webkit-text-decoration: underline dotted #B2CC00;
          text-decoration: underline dotted #B2CC00;
}
a:hover {
  color: #2D6400;
  text-decoration: none;
}

.text-muted {
  color: #dddddd;
}

html {
  min-height: 100vh;
}

body {
  font-size: 16px;
  min-height: 100vh;
  position: relative;
}

.container-move-up {
  margin-top: calc(-100vh + 150px);
  background-color: white;
  padding: 25px 45px 45px;
  position: relative;
  min-height: 285px;
}

.well {
  border-radius: 0;
}

.btn-shadow {
  box-shadow: 5px 5px 7px #444;
}

h1 {
  color: #B0CF00;
  text-transform: uppercase;
  font-weight: 300;
}
h1.categorie-heading {
  text-align: center;
  margin-bottom: 20px;
}

h2 {
  text-transform: uppercase;
  font-weight: 300;
}

img.categorie-heading-img {
  margin-bottom: 20px;
  width: 50px;
}

.categorie-subnavheading {
  color: #f39100;
  font-size: 28px;
  text-transform: none;
}

.categorie-subheading {
  margin-top: 40px;
  margin-bottom: 85px;
}

.categorie-description {
  margin-bottom: 20px;
}
.categorie-description div.categorie-description-inhoud div {
  margin-bottom: 30px;
  margin-top: 60px;
}
.categorie-description div.categorie-description-inhoud h1 {
  font-weight: 400;
  margin-bottom: 40px;
}
.categorie-description div.categorie-description-inhoud h1 small {
  color: #B0CF00;
  font-size: 32px;
  font-weight: 300;
  text-transform: none;
}
.categorie-description li {
  font-weight: bold;
  margin: 4px 0;
}
.categorie-description li .badge {
  background-color: #e74e0f;
  border-radius: 20px;
  font-size: 22px;
  font-weight: 200;
  margin-right: 4px;
}

.no-padding {
  padding: 0;
}

#carousel-getuigenissen {
  background-color: #B0CF00;
  color: white;
}
#carousel-getuigenissen .carousel-control {
  font-size: 80px;
  text-decoration: none;
  display: table;
  min-height: 500px;
}
#carousel-getuigenissen .carousel-control div {
  height: 100%;
  color: white;
  font-weight: 100;
  display: table-cell;
  vertical-align: middle;
}
#carousel-getuigenissen .item {
  min-height: 500px;
}
#carousel-getuigenissen .item .carousel-caption {
  text-shadow: none;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
#carousel-getuigenissen .item .carousel-caption .inhoud {
  color: white;
  display: block;
  font-size: 40px;
  font-weight: 100;
  line-height: 1;
  margin-bottom: 32px;
}
#carousel-getuigenissen .item .carousel-caption .naam {
  color: white;
  display: block;
  font-weight: 100;
}

a.categorie-gallery-link {
  position: relative;
  text-decoration: none;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
a.categorie-gallery-link .overlay {
  padding-bottom: 66%;
}
a.categorie-gallery-link:hover .overlay {
  background-color: rgba(176, 208, 0, 0.25);
}
a.categorie-gallery-link p {
  color: white;
  text-align: center;
  top: 50%;
  position: absolute;
  text-transform: uppercase;
  font-size: xx-large;
  transform: translateY(-50%);
  width: 100%;
}

.panel, .panel-heading, .panel-body, .inputstyle {
  border-radius: 0px;
  box-shadow: none;
}
.panel .checkbox label, .panel-heading .checkbox label, .panel-body .checkbox label, .inputstyle .checkbox label {
  line-height: 1;
}
.panel input, .panel select, .panel textarea, .panel-heading input, .panel-heading select, .panel-heading textarea, .panel-body input, .panel-body select, .panel-body textarea, .inputstyle input, .inputstyle select, .inputstyle textarea {
  border-radius: 0px;
  box-shadow: none;
}
.panel .form-group label, .panel-heading .form-group label, .panel-body .form-group label, .inputstyle .form-group label {
  line-height: 34px;
}
.panel .form-group input.error, .panel .form-group select.error, .panel .form-group textarea.error, .panel-heading .form-group input.error, .panel-heading .form-group select.error, .panel-heading .form-group textarea.error, .panel-body .form-group input.error, .panel-body .form-group select.error, .panel-body .form-group textarea.error, .inputstyle .form-group input.error, .inputstyle .form-group select.error, .inputstyle .form-group textarea.error {
  border: 1px solid #ff0033;
}

.inputstyle .form-horizontal .control-label {
  padding-top: 0px;
}

#topbar {
  float: right;
}
#topbar.ptb {
  padding-top: 5px;
  padding-bottom: 5px;
}
#topbar li a, #topbar li a:hover {
  background-color: #B0CF00;
  color: white;
  padding-top: 14px;
  padding-bottom: 14px;
}
#topbar li.no-bg a {
  background-color: transparent;
  color: #397002;
  text-decoration: none;
  text-shadow: none;
}
#topbar li.no-bg a .fa {
  color: #397002;
}
#topbar li.no-bg a:hover {
  background-color: #B0CF00;
  color: white;
}
#topbar li.no-bg a:hover .fa {
  color: white;
}
#topbar #header-image {
  z-index: 1;
}
#topbar #header-image a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
#topbar #header-image a img {
  max-height: 50px;
}
#topbar ul {
  padding-left: 0px;
  list-style-type: none;
}
#topbar ul li {
  display: inline-block;
  color: #B0CF00;
  padding-left: 10px;
  padding-right: 10px;
}
#topbar ul li a {
  color: #B0CF00;
}
#topbar .contact-info {
  text-align: right;
}
#topbar .contact-info li {
  margin-left: 10px;
  margin-right: 10px;
  color: #B0CF00;
  font-weight: bold;
}
#topbar .contact-info li a {
  font-weight: bold;
}
#topbar .contact-info li a i {
  color: #B0CF00;
  margin-right: 10px;
}
#topbar .contact-info li i {
  color: #B0CF00;
  margin-right: 10px;
}
#topbar #winkelwagentje-btn {
  padding-left: 10px;
  padding-right: 10px;
}
#topbar #winkelwagentje-btn i {
  color: #B0CF00;
  margin-right: 10px;
}
#topbar #winkelwagentje-btn i.glyphicon-menu-right {
  font-size: 10px;
  margin-left: 5px;
}

#secondbar {
  float: right;
  margin-top: 16px;
}
#secondbar li a {
  color: #397002;
  padding-left: 30px;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
}
#secondbar li a:hover, #secondbar li a:focus {
  color: black;
}
#secondbar li a:last-of-type {
  padding-right: 0;
}

.navbar-default .navbar-nav > .active a, .navbar-default .navbar-nav > .active:focus, .navbar-default .navbar-nav > .active:hover {
  background-color: transparent;
}

.navbar-header {
  padding: 22px 12px;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 1;
}
.navbar-header img {
  height: 63px;
}

.mobile-nav-link {
  display: none;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #header .container {
    padding-right: 0;
  }
}
#header {
  z-index: 100;
  background: white;
  margin-bottom: 20px;
  padding-top: 50px;
}
#header .navbar {
  background: transparent;
  position: absolute;
  z-index: 100;
  width: 100%;
  border: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
}
#header #globale-zoek .algemene-zoek, #header #globale-zoek button[type=submit] {
  border-radius: 0px;
}
#header #globale-zoek button[type=submit] {
  background: #B0CF00;
  border: 1px solid #B0CF00;
}
#header #globale-zoek button[type=submit] i {
  color: white;
}
#header #home-slider .carousel-inner .item {
  height: 100vh;
}
#header #home-slider .carousel-inner .item .fill {
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
  }
}
#info-slider {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
#info-slider .carousel-inner {
  background: #2D6400;
  color: white;
  font-size: 18px;
  padding: 12px 15px;
}
#info-slider .carousel-inner * {
  color: white !important;
}

@media (max-width: 767px) {
  #info-slider .carousel-inner {
    font-size: 15px !important;
  }

  #header {
    padding-top: 45px;
  }
}
.min-height-0 {
  min-height: 0 !important;
}

#doedetest-container {
  position: relative;
  background-color: white;
}

#content {
  position: relative;
}
#content .product-grid {
  margin-top: 15px;
  margin-bottom: 15px;
}
#content .product-grid:hover a, #content .product-grid:focus a {
  text-decoration: none;
  background: #f5f8fb;
}
#content .product-grid a {
  position: relative;
  padding: 15px;
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #dddddd;
}
#content .product-grid a .foto {
  width: 100%;
  height: 220px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#content .product-grid a .titel, #content .product-grid a .prijsveld {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
#content .product-grid a .titel {
  height: 65px;
  text-transform: uppercase;
  font-size: 14px;
}
#content .product-grid a .prijsveld {
  height: 30px;
  font-weight: bold;
}
#content .product-grid a:hover, #content .product-grid a:focus {
  text-decoration: none;
  background: #f5f8fb;
}
#content .product-grid button.btn-bestel {
  padding: 0px;
  display: inline-block;
  border: 0px;
  height: auto;
  width: auto;
  padding: 5px 12px;
  position: absolute;
  right: 30px;
  bottom: 15px;
}
#content .product-grid button.btn-bestel i {
  margin-right: 2px;
}
#content .col-filter #filter {
  margin-top: 15px;
}
#content .col-filter #filter .panel, #content .col-filter #filter .panel-heading, #content .col-filter #filter .panel-body {
  border-radius: 0px;
  box-shadow: none;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body {
  font-size: 14px;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body ul {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body ul .checkbox label {
  line-height: 1;
  font-size: 14px;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body ul .checkbox input {
  outline: none !important;
  box-shadow: none;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body ul .checkbox input:focus, #content .col-filter #filter .panel.attribuutgroep .panel-body ul .checkbox input:active {
  outline: none !important;
  box-shadow: none;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body div .toon-meer, #content .col-filter #filter .panel.attribuutgroep .panel-body div .toon-minder {
  cursor: pointer;
  color: #B0CF00;
}
#content .col-filter #filter .panel.attribuutgroep .panel-body div .toon-meer i, #content .col-filter #filter .panel.attribuutgroep .panel-body div .toon-minder i {
  font-size: 10px;
  color: #B0CF00;
}
#content .selected-filter-values {
  margin-top: 20px;
}
#content .selected-filter-values ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#content .selected-filter-values ul li {
  display: inline-block;
  margin-right: 1px;
  margin-left: 1px;
}
#content .selected-filter-values ul li a {
  cursor: pointer;
  display: inline-block;
  color: white;
  background: #B0CF00;
  padding: 5px 15px 5px 10px;
}
#content .selected-filter-values ul li a i {
  color: white;
  margin-left: 5px;
  font-size: 13px;
}
#content .selected-filter-values ul li a:hover {
  text-decoration: none;
}
#content #reviewform {
  margin-top: 25px;
}
#content .inactivestar {
  color: #dddddd;
  line-height: 34px;
  cursor: pointer;
}
#content .activestar {
  color: #ffce00 !important;
}
#content #review-omschrijving-textarea {
  border-radius: 0px;
  height: 100px;
}
#content .review {
  margin-top: 20px;
  margin-bottom: 5px;
}

.btn-custom {
  color: white;
  background: #B0CF00;
  border: none;
  border-radius: 0px;
}
.btn-custom i {
  color: white;
  margin-right: 10px;
}
.btn-custom:hover, .btn-custom:focus {
  background: #B0CF00;
  border: none;
  color: white;
}

.btn-wv {
  color: #B0CF00;
  border: 1px solid #B0CF00;
  background: white;
  border-radius: 0px;
}
.btn-wv i {
  color: #B0CF00;
  margin-right: 10px;
}
.btn-wv:hover, .btn-wv:focus {
  background: #B0CF00;
  color: white;
}
.btn-wv:hover i, .btn-wv:focus i {
  color: white;
}

.kortings-panel label {
  line-height: 34px;
}

.adresform-form .row {
  margin-top: 1px;
  margin-bottom: 1px;
}
.adresform-form .row label {
  margin-bottom: 0px;
  line-height: 34px;
}

.vkpvw-blok {
  line-height: 1;
}

#checkout .panel, #checkout .panel-heading, #checkout .panel-body {
  border: 0px;
}
#checkout .btn-afronden {
  background: #e74e0f;
  font-size: 24px;
  text-decoration: none;
}
#checkout .btn-afronden:hover {
  background: #ffce00;
}
#checkout table.winkelwagen tr.divider hr {
  border-color: #CCCCCC;
  border-width: thin;
  margin: 10px 0;
}

.affix #winkelwagentje-btn {
  line-height: 34px;
}

.modal-dialog, .modal-header, .modal-body, .modal-content {
  border-radius: 0px !important;
}

.modal-foto .foto {
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.modal-body iframe {
  border: 0px;
  width: 100%;
  height: 330px;
}

#modal-head {
  padding: 15px;
  background: #F5F5F5;
}

.ifr-modal-content {
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 200px;
}

#modal-foot {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: absolute;
  bottom: 0px;
}

#cookie-law {
  z-index: 100;
  width: 100%;
  margin: 10px auto 0;
  position: fixed;
  bottom: 0;
  background-color: black;
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.8);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  padding-bottom: 10px;
}
#cookie-law .close-cookie-banner {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
}
#cookie-law .close-cookie-banner i {
  color: white;
}
#cookie-law a {
  display: inline-block;
  float: left;
}
#cookie-law a.btn {
  margin-top: 7px;
  margin-right: 10px;
}
#cookie-law a i {
  margin-right: 0px;
}

#cookie-law p {
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: white;
  margin: 0;
}

.stripe {
  text-decoration: line-through;
  margin-right: 5px;
}

.betaalmethodes-ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.betaalmethodes-ul li {
  display: inline-block;
  margin: 5px;
}
.betaalmethodes-ul li a {
  cursor: pointer;
  padding: 5px 10px;
  display: block;
  border: 1px solid #dddddd;
}
.betaalmethodes-ul li a.active {
  background: #ffce00 !important;
  border: 1px solid #ffce00;
}
.betaalmethodes-ul li a:hover {
  border: 1px solid #ffce00;
}

.list-betaalmethodes label, .list-betaalmethodes span {
  font-weight: 400;
  margin-left: 5px;
}
.list-betaalmethodes img {
  height: 28px;
}

.rescue-spray-container {
  height: 270px;
  display: block;
  position: relative;
}
.rescue-spray-container .rescue-center-vertical {
  height: 100%;
  position: relative;
}
.rescue-spray-container .rescue-center-vertical span {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.bootbox-modal {
  width: 600px;
  height: auto;
  top: 20%;
  bottom: unset;
  left: 50%;
  right: unset;
  transform: translate(-50%, -50%);
  background: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bootbox-modal .modal-body {
  color: black;
}
.bootbox-modal .modal-footer {
  border: 0px;
}
.bootbox-modal .modal-footer a {
  color: black;
  text-decoration: none;
}
.bootbox-modal .modal-footer a.btn-primary {
  background: #d9534f;
  color: white;
  border-color: #d43f3a;
  text-decoration: none;
}
.bootbox-modal .modal-footer a.btn-primary i {
  margin-right: 5px;
  color: white;
}
.bootbox-modal .modal-footer a.btn-primary:hover, .bootbox-modal .modal-footer a.btn-primary:focus {
  background: #d43f3a;
}
.bootbox-modal .modal-footer a:hover, .bootbox-modal .modal-footer a:focus {
  text-decoration: none;
}

.btn-upgrade {
  padding: 10px 25px;
  font-size: 22px;
  text-decoration: none;
}
.btn-upgrade.orange {
  background: #e74e0f;
  margin-right: 15px;
  border: 1px solid #e74e0f;
}
.btn-upgrade.orange:hover, .btn-upgrade.orange:focus {
  background: #2D6400;
  border: 1px solid #2D6400;
}
.btn-upgrade.green {
  color: #B0CF00;
  background: white;
  border: 1px solid #B0CF00;
}
.btn-upgrade.green:hover, .btn-upgrade.green:focus {
  background: #B0CF00;
  color: white;
}

#footer {
  min-height: 200px;
  background-color: white;
  bottom: 0px;
  width: 100%;
  padding: 50px 0px;
}
#footer a {
  color: #B0CF00;
  text-decoration: none;
}
#footer ul {
  margin: 50px 0px;
}

#product-detail h1 {
  font-size: 30px;
  margin: 40px 0;
  font-weight: 400;
  text-transform: none;
}
#product-detail h2 {
  font-size: 30px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 30px;
}
#product-detail .media {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
#product-detail .media h4 {
  color: #B0CF00;
}
#product-detail .media .media-left {
  padding-right: 7.5px;
}
#product-detail .media .badge {
  background-color: #B0CF00;
  font-size: 16px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
  padding: 0;
}
#product-detail .media .badge.icon-blozom {
  background-color: transparent;
  background-image: url("/assets/img/blozom-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
}
#product-detail .well {
  background: none;
}
#product-detail .well p {
  color: #B0CF00;
  font-weight: 300;
}
#product-detail .panel {
  border-color: #e3e3e3;
}
#product-detail .panel .panel-heading {
  background-color: #B0CF00;
  color: white;
  text-align: center;
  text-transform: uppercase;
}
#product-detail .panel-mandje {
  margin-bottom: 0;
}
#product-detail .panel-mandje .panel-heading {
  background-color: white;
  color: #B0CF00;
  text-align: center;
}
#product-detail .panel-mandje .panel-heading.bestelnu {
  font-size: 12px;
}
#product-detail .panel-mandje .panel-body, #product-detail .panel-mandje .panel-body i, #product-detail .panel-mandje .panel-body span {
  background-color: #B0CF00;
  color: white;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
#product-detail .panel-mandje .panel-body {
  padding: 0;
}
#product-detail .panel-mandje .panel-body i {
  margin-top: 8px;
  font-size: 30px;
}
#product-detail .panel-mandje .panel-body span {
  margin-top: 0;
  font-size: 38px;
}
#product-detail .panel-mandje .panel-body button {
  background: transparent;
  border: none;
  width: 100%;
  padding: 10px;
}
#product-detail .panel-mandje .panel-body button .bestelnu {
  font-size: 24px;
}
#product-detail .well .panel-mandje .panel-heading {
  font-size: 10px;
}
#product-detail .well .panel-mandje .panel-body i {
  margin-top: 4px;
  font-size: 20px;
}
#product-detail .well .panel-mandje .panel-body span {
  margin-top: 0;
  font-size: 22px;
}
#product-detail .form-mandje.highlight button, #product-detail .form-mandje.highlight button span {
  background-color: #e74e0f !important;
}
#product-detail .product-about {
  margin-bottom: 40px;
}
#product-detail .product-about p {
  font-weight: 300;
}
#product-detail .detail-prijs {
  font-size: 35px;
}
#product-detail .btn-afronden {
  background-color: #B0CF00;
  border: 0;
  border-radius: 0;
  color: white;
  font-size: 32px;
  text-transform: uppercase;
  white-space: normal;
  line-height: 1;
  padding: 16px 12px;
}
#product-detail .btn-afronden:hover {
  border: 0;
}
#product-detail div.well-stijn-iris {
  background-position: right bottom;
  background-repeat: no-repeat;
}
#product-detail div.well-stijn-iris p {
  width: 50%;
  margin-top: 30px;
  margin-bottom: 30px;
}
#product-detail .product img {
  height: 180px;
  max-width: inherit;
}
#product-detail .product .product-naam {
  color: black;
  display: block;
  font-size: 28px;
  font-weight: bold;
}
#product-detail .product .product-extrainfo {
  color: black;
  display: block;
  font-size: 18px;
  font-weight: bold;
}
#product-detail .product .product-prijs {
  color: #B0CF00;
  display: block;
  font-size: 36px;
  text-align: right;
}
#product-detail .product .product-prijs-oud {
  color: #e74e0f;
  display: block;
  font-size: 22px;
  text-align: right;
  text-decoration: line-through;
  margin-top: 12px;
}
#product-detail .product .product-prijs-oud span {
  color: #B0CF00;
}
#product-detail .product .product-voordeel {
  color: #f39100;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}
#product-detail .product-omschrijving {
  font-weight: 300;
}
#product-detail .productfeature img {
  height: 180px;
  max-width: inherit;
}
#product-detail .productfeature .product-naam {
  color: black;
  display: block;
  font-size: 22px;
  font-weight: bold;
}
#product-detail .productfeature .product-extrainfo {
  color: black;
  display: block;
  font-weight: bold;
}
#product-detail .productfeature .product-prijs {
  color: #B0CF00;
  display: block;
  font-size: 28px;
  font-weight: bold;
  margin-top: 24px;
  text-align: right;
}
#product-detail .productfeature .product-prijs-oud {
  color: #e74e0f;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-top: 24px;
  text-decoration: line-through;
}
#product-detail .productfeature .product-prijs-oud span {
  color: #B0CF00;
}
#product-detail .productfeature .product-voordeel {
  color: #f39100;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
#product-detail span.titel-sku {
  font-size: 10px;
  color: #bbbbbb;
  font-style: italic;
}
#product-detail .attribuut-rij {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
#product-detail .attribuut-rij .col-xs-6 {
  text-transform: uppercase;
}
#product-detail .attribuut-rij .col-xs-6.text-right {
  color: #777777;
}
#product-detail .thumb-afbeeldingen {
  margin-left: 5px;
  margin-right: -5px;
}
#product-detail .thumb-afbeeldingen .col-sm-3 {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
#product-detail .thumb-afbeeldingen .col-sm-3 a {
  cursor: pointer;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background: #dddddd;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid white;
}
#product-detail .thumb-afbeeldingen .col-sm-3 a:hover, #product-detail .thumb-afbeeldingen .col-sm-3 a:focus {
  border: 1px solid #dddddd;
}
#product-detail .facebook-share {
  margin-top: 15px;
  margin-bottom: 15px;
}
#product-detail .detail-omschrijving {
  padding-top: 0px;
  padding-bottom: 25px;
  font-size: 14px;
}
#product-detail .detail-omschrijving h4 {
  font-size: 16px;
  font-weight: bold;
}
#product-detail .detail-specificaties {
  padding-bottom: 25px;
}
#product-detail .detail-specificatie-titel {
  margin-bottom: 10px;
  margin-top: 10px;
}
#product-detail #werkbalk {
  margin-top: 25px;
}
#product-detail #werkbalk ul {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
  background: #f5f5f5;
}
#product-detail #werkbalk ul li {
  display: inline-block;
}
#product-detail #werkbalk ul li a {
  line-height: 34px;
  color: #777777;
  padding-left: 15px;
  padding-right: 15px;
}
#product-detail #werkbalk ul li a i {
  color: #777777;
  font-size: 12px;
  margin-right: 2px;
}
#product-detail #bestelform {
  margin-top: 10px;
}
#product-detail #bestelform select {
  border-radius: 0px;
}
#product-detail #bestelform a.btn-custom {
  width: 100%;
  margin-top: 5px;
}
#product-detail #bestelform .bestel-part {
  padding: 15px;
  background: #F5F5F5;
}
#product-detail #bestelform .voorwaarden {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#product-detail #bestelform .voorwaarden li {
  padding-top: 2px;
  padding-bottom: 2px;
}
#product-detail #bestelform .voorwaarden li i {
  margin-right: 10px;
  color: #B0CF00;
  vertical-align: top;
  margin-top: 5px;
}
#product-detail #bestelform .voorwaarden li span {
  width: calc(100% - 26px);
  display: inline-block;
}
#product-detail #bestelform .voorwaarden li strong {
  color: #B0CF00;
}
#product-detail .remedies .media-body h4 {
  color: #2D6400;
}
#product-detail .remedies .media-body p {
  color: #000;
  font-weight: 300;
}
#product-detail #product-tekst h4 {
  font-size: 26px;
  margin: 18px 0;
}
#product-detail #product-tekst p, #product-detail #product-tekst strong, #product-detail #product-tekst ul li {
  color: #000;
}
#product-detail #product-tekst h3 strong {
  color: #2D6400;
}
#product-detail #product-tekst #heading-bestel-volledige-kuur {
  color: #B0CF00;
  font-size: 28px;
  text-transform: uppercase;
}

.modal-backdrop {
  background-color: white;
}

.product-extrainfo-2 {
  padding-top: 10px;
  color: #2D6400;
  display: block;
  font-size: 16px;
}

.mandje-modal .modal-header {
  background-color: #B0CF00;
  color: white;
  text-transform: uppercase;
  text-align: center;
}
.mandje-modal img.img-mandje {
  width: auto;
  height: 200px;
  margin: auto;
}
.mandje-modal .well-mandje, .mandje-modal .well-mandje i, .mandje-modal .well-mandje span {
  background-color: #B0CF00;
  color: white;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
}
.mandje-modal .well-mandje span {
  font-size: 24px;
}
.mandje-modal .product-naam {
  color: black;
  display: block;
  font-size: 28px;
  font-weight: bold;
}
.mandje-modal .product-extrainfo {
  color: black;
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.mandje-modal .product-prijs {
  color: #B0CF00;
  display: block;
  font-size: 28px;
  text-align: right;
}
.mandje-modal .product-prijs-oud {
  color: #B0CF00;
  display: block;
  font-size: 24px;
  text-align: left;
  text-decoration: line-through;
}
.mandje-modal .product-voordeel {
  color: #f39100;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.mandje-modal .btn {
  border: 0;
  border-radius: 0;
  background-color: #B0CF00;
  padding: 20px;
  text-transform: uppercase;
  color: white;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 300;
}
.mandje-modal .btn strong {
  color: white;
}
.mandje-modal .btn:hover, .mandje-modal .btn:focus {
  background-color: #ffce00;
  color: white;
}
.mandje-modal .btn:disabled {
  background-color: #dddddd;
}
.mandje-modal .btn.btn-rescuemix {
  color: #2D6400;
  display: inline-block;
}
.mandje-modal .btn.btn-rescuemix p {
  margin: 0;
  width: 85%;
  white-space: normal;
  text-align: right;
  float: left;
  display: inline-block;
}
.mandje-modal .btn.btn-rescuemix p strong {
  color: #2D6400;
}
.mandje-modal .btn.btn-rescuemix span {
  display: inline-block;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  color: white;
  transform: scale(2, 2);
  font-size: 50px;
  line-height: 54px;
  font-weight: 300;
  padding-right: 5px;
  float: right;
}
.mandje-modal .btn.btn-to-cart {
  background: #e74e0f;
  text-decoration: none;
}
.mandje-modal .btn.btn-to-cart:hover {
  background: #ffce00;
}
.mandje-modal .alternatieven img {
  width: 95px;
}

.horizontal-line {
  height: 1px;
  background: #dddddd;
  width: 100%;
}

h3.full-grey {
  margin: 0px;
  line-height: 24px;
  font-size: 18px;
  background: #f5f5f5;
  padding: 5px 15px;
}

.full-header-grey {
  background: #f5f5f5;
  padding: 5px 15px;
}
.full-header-grey h3.toebehoren {
  margin: 0px;
  line-height: 24px;
  font-size: 18px;
}

.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}

#reviewform .form-group label {
  text-align: left;
}

#col-klachten {
  padding-left: 30px;
  padding-right: 30px;
}
#col-klachten .row:nth-child(even) .klacht {
  background-color: #F9FCF5;
}
#col-klachten .row:nth-child(even) .klacht a:hover {
  background-color: #B0CF00;
  color: white;
  text-decoration: none;
}
#col-klachten .row:nth-child(even) .klacht a:hover p, #col-klachten .row:nth-child(even) .klacht a:hover strong {
  color: white;
}
#col-klachten .row:nth-child(even) .klacht.active {
  background-color: #2D6400;
}
#col-klachten .row:nth-child(even) .klacht.active a {
  color: white;
}
#col-klachten .row:nth-child(even) .klacht.active a p, #col-klachten .row:nth-child(even) .klacht.active a strong {
  color: white;
}
#col-klachten .row:nth-child(even) .klacht.active a:hover, #col-klachten .row:nth-child(even) .klacht.active a:focus, #col-klachten .row:nth-child(even) .klacht.active a:active {
  background-color: #2D6400;
  color: white;
}
#col-klachten .row:nth-child(odd) .klacht {
  background-color: #E5F4D8;
}
#col-klachten .row:nth-child(odd) .klacht a:hover {
  background-color: #B0CF00;
  color: white;
  text-decoration: none;
}
#col-klachten .row:nth-child(odd) .klacht a:hover p, #col-klachten .row:nth-child(odd) .klacht a:hover strong {
  color: white;
}
#col-klachten .row:nth-child(odd) .klacht.active {
  background-color: #2D6400;
}
#col-klachten .row:nth-child(odd) .klacht.active a {
  color: white;
}
#col-klachten .row:nth-child(odd) .klacht.active a p, #col-klachten .row:nth-child(odd) .klacht.active a strong {
  color: white;
}
#col-klachten .row:nth-child(odd) .klacht.active a:hover, #col-klachten .row:nth-child(odd) .klacht.active a:focus, #col-klachten .row:nth-child(odd) .klacht.active a:active {
  background-color: #2D6400;
  color: white;
}

div.klacht {
  background-color: #E5F4D8;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  height: 85px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  text-transform: uppercase;
}
div.klacht a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 20px 5px;
  text-decoration: none;
}
div.klacht a p {
  color: #2D6400;
  margin: 0;
}
div.klacht a p strong {
  color: #2D6400;
}

#nav-tabs-categorieen {
  margin-bottom: 1px;
}
#nav-tabs-categorieen li a {
  background-color: #dddddd;
  border-radius: 0;
  border-top: 0;
  border-right: 1px solid white;
  border-bottom: 0;
  border-left: 0;
  color: #2D6400;
  font-size: 20px;
  margin-right: 0;
  text-decoration: none;
}
#nav-tabs-categorieen li.active a {
  background-color: #B0CF00;
  color: white;
}

.btn-continue {
  border: 0;
  border-radius: 0;
  background-color: #e74e0f;
  padding: 20px;
  text-transform: uppercase;
  color: white;
  margin: 20px 0;
  font-size: 24px;
}
.btn-continue:hover, .btn-continue:focus {
  background-color: #ffce00;
  color: white;
}
.btn-continue:disabled {
  background-color: #dddddd;
}

#troeven ul {
  -moz-column-count: 3;
       column-count: 3;
  margin-bottom: 20px;
  padding-left: 0;
}
#troeven li {
  display: inline-block;
  margin-bottom: 20px;
}
#troeven li img {
  margin-right: 12px;
}

#highlights h2 {
  color: #e74e0f;
  text-transform: uppercase;
}
#highlights ul {
  list-style-type: none;
  margin-top: 12px;
  padding-left: 0;
}
#highlights ul li {
  margin-bottom: 12px;
}
#highlights ul li img {
  margin-right: 12px;
}

#winkelwagentje .btn-afronden {
  background: #e74e0f;
}
#winkelwagentje .btn-afronden:hover {
  background: #ffce00;
}
#winkelwagentje a.btn {
  font-size: 24px;
  text-decoration: none;
}
#winkelwagentje a.btn.btn-delete {
  font-size: 16px;
}
#winkelwagentje a.btn.btn-delete i {
  color: red !important;
}
#winkelwagentje h1 {
  font-size: 30px;
  margin: 40px 0;
  color: #2D6400;
  font-weight: 400;
  text-transform: none;
}
#winkelwagentje .panel, #winkelwagentje .panel-heading, #winkelwagentje .panel-body {
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#winkelwagentje .panel .panel-body select {
  border-radius: 0px;
}
#winkelwagentje .panel .panel-body .rescuemix-rij {
  border: 1px solid #dddddd;
  margin: 20px 0;
}
#winkelwagentje .panel .panel-body .orderlijn-rij {
  padding-top: 10px;
  padding-bottom: 10px;
}
#winkelwagentje .panel .panel-body .orderlijn-rij .orderlijn-image div {
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#winkelwagentje .panel .panel-body .orderlijn-rij .orderlijn-prijs {
  line-height: 34px;
}
#winkelwagentje textarea.commentaar {
  border-radius: 0px;
  box-shadow: none;
  height: 70px;
  margin-bottom: 15px;
  width: 100%;
}
#winkelwagentje input[type=text].commentaar {
  text-transform: uppercase;
  padding-left: 10px;
  margin-left: 10px;
}

a.btn.btn-delete {
  font-size: 16px !important;
}
a.btn.btn-delete i {
  color: red !important;
}

.getuigenissen blockquote {
  border: none;
}
.getuigenissen blockquote p {
  text-align: center;
}
.getuigenissen blockquote footer {
  color: #B0CF00;
  text-align: center;
}
.getuigenissen blockquote .small:before, .getuigenissen blockquote footer:before, .getuigenissen blockquote small:before {
  content: none;
}

.container-58 p, .container-58 p strong, .container-43 p, .container-43 p strong, #zoekmix p, #zoekmix p strong, .container-44 p, .container-44 p strong {
  color: #000;
}
.container-58 h1, .container-43 h1, #zoekmix h1, .container-44 h1 {
  margin-bottom: 40px;
}
.container-58 ul, .container-43 ul, #zoekmix ul, .container-44 ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 40px;
}
.container-58 ul img, .container-43 ul img, #zoekmix ul img, .container-44 ul img {
  margin-right: 12px;
}
.container-58 ul li, .container-43 ul li, #zoekmix ul li, .container-44 ul li {
  font-weight: 300;
  margin-bottom: 12px;
}

.container-43 .img-responsive {
  margin-bottom: 40px;
}

.ui-autocomplete {
  background: white;
  border: 1px solid #B0CF00;
}
.ui-autocomplete .ui-menu-item {
  padding: 0px;
}
.ui-autocomplete .ui-menu-item a {
  padding: 5px;
  display: block;
  width: 100%;
  height: 60px;
}
.ui-autocomplete .ui-menu-item a span {
  display: inline-block;
  width: calc(100% - 60px);
}
.ui-autocomplete .ui-menu-item a div.img-zoek {
  margin-right: 5px;
  vertical-align: top;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover !important;
  display: inline-block;
  float: left;
}
.ui-autocomplete .ui-menu-item a:hover {
  background: #B0CF00;
  color: white;
  text-decoration: none;
}
.ui-autocomplete .ui-menu-item a:hover span {
  color: white;
}
.ui-autocomplete .ui-menu-item.ui-state-focus a {
  background: #B0CF00;
  color: white;
  text-decoration: none;
}
.ui-autocomplete .ui-menu-item.ui-state-focus a span {
  color: white;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: 0px !important;
}

#cms-home-slider {
  margin-bottom: 15px;
}

#cms-home-slider .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  text-shadow: none;
}

#cms-home-slider .list-group {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}

#cms-home-slider .list-group-item {
  border-radius: 0px;
  cursor: pointer;
  background: url("../img/transparant-white-90.png");
  border: 0px;
}
#cms-home-slider .list-group-item a {
  position: absolute;
  top: calc(50% - 10px);
  right: 15px;
}
#cms-home-slider .list-group-item a i {
  font-size: 20px;
  color: #B0CF00;
}

#cms-home-slider .list-group .active {
  background: url("../img/transparant-blauw-90.png");
  border: 0px;
}
#cms-home-slider .list-group .active a i {
  color: white;
}

@media (min-width: 992px) {
  /*#myCarousel {padding-right:33.3333%;}*/
  #cms-home-slider .carousel-controls {
    display: none;
  }
}
@media (max-width: 991px) {
  .carousel-caption p,
#cms-home-slider .list-group {
    display: none;
  }
}
#slider .carousel-caption {
  color: white;
  top: 250px;
  text-align: left;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
}
#slider .carousel-caption p.lead {
  color: white;
  font-size: 32px;
}
#slider .carousel-caption h3 {
  color: white;
  font-size: 50px;
}
#slider .carousel-caption .btn {
  background-color: #e74e0f;
  color: white;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  font-weight: 200;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
}
#slider .carousel-caption .btn strong {
  color: white;
}
#slider .carousel-caption hr {
  border-top: 1px solid #B0CF00;
}
#slider .carousel-control {
  z-index: 1;
}
#slider .carousel-control.left, #slider .carousel-control.right {
  background-image: none;
}
#slider .carousel-control.left:hover {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
}
#slider .carousel-control.right:hover {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
}

.product-carousel .thumbnail {
  margin-bottom: 0;
}
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right {
  background-image: none !important;
}
.product-carousel .carousel-control {
  color: #fff;
  top: 40%;
  color: #428BCA;
  bottom: auto;
  padding-top: 4px;
  width: 30px;
  height: 30px;
  text-shadow: none;
  opacity: 1;
}
.product-carousel .carousel-control i {
  color: #B0CF00;
}
.product-carousel .carousel-control:hover {
  color: #d9534f;
}
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right {
  background-image: none !important;
}
.product-carousel .carousel-control.right {
  left: auto;
  right: -50px;
}
.product-carousel .carousel-control.left {
  right: auto;
  left: -50px;
}
.product-carousel .carousel-indicators {
  bottom: -30px;
}
.product-carousel .carousel-indicators li {
  border-radius: 0;
  width: 10px;
  height: 10px;
  background: #ccc;
  border: 1px solid #ccc;
}
.product-carousel .carousel-indicators .active {
  width: 12px;
  height: 12px;
  background: #3276b1;
  border-color: #3276b1;
}

#carousel-getuigenissen .carousel-control div {
  height: 500px;
}

.checkbox {
  padding-left: 20px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}

.checkbox input[type=checkbox],
.checkbox input[type=radio] {
  opacity: 0;
  z-index: 1;
}

.checkbox input[type=checkbox]:focus + label::before,
.checkbox input[type=radio]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.checkbox input[type=checkbox]:checked + label::after,
.checkbox input[type=radio]:checked + label::after {
  font-family: "Glyphicons Halflings";
  content: "";
  line-height: 13px;
}

.checkbox input[type=checkbox]:disabled + label,
.checkbox input[type=radio]:disabled + label {
  opacity: 0.65;
}

.checkbox input[type=checkbox]:disabled + label::before,
.checkbox input[type=radio]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=radio]:checked + label::before {
  background-color: #B0CF00;
  border-color: #B0CF00;
}

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type=checkbox]:checked + label::before,
.checkbox-danger input[type=radio]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type=checkbox]:checked + label::before,
.checkbox-info input[type=radio]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-info input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type=checkbox]:checked + label::before,
.checkbox-warning input[type=radio]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type=checkbox]:checked + label::before,
.checkbox-success input[type=radio]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type=checkbox]:checked + label::after,
.checkbox-success input[type=radio]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.15s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type=radio] {
  opacity: 0;
  z-index: 1;
}

.radio input[type=radio]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio input[type=radio]:checked + label::after {
  transform: scale(1, 1);
}

.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}

.radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type=radio] + label::after {
  background-color: #B0CF00;
}

.radio-primary input[type=radio]:checked + label::before {
  border-color: #B0CF00;
}

.radio-primary input[type=radio]:checked + label::after {
  background-color: #B0CF00;
}

.radio-danger input[type=radio] + label::after {
  background-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::before {
  border-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type=radio] + label::after {
  background-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::before {
  border-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type=radio] + label::after {
  background-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::before {
  border-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type=radio] + label::after {
  background-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::before {
  border-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::after {
  background-color: #5cb85c;
}

input[type=checkbox].styled:checked + label:after,
input[type=radio].styled:checked + label:after {
  font-family: "Glyphicons Halflings";
  content: "";
  line-height: 13px;
}

input[type=checkbox] .styled:checked + label::before,
input[type=radio] .styled:checked + label::before {
  color: #fff;
}

input[type=checkbox] .styled:checked + label::after,
input[type=radio] .styled:checked + label::after {
  color: #fff;
}

.radio label {
  line-height: 1;
}

#mijn-account ul#mijn-account-navigatie {
  margin-top: 65px;
  list-style-type: none;
  padding-left: 0px;
}
#mijn-account ul#mijn-account-navigatie li a {
  color: #2D6400;
  text-transform: lowercase;
}

.orderlijn-rij {
  padding-top: 10px;
  padding-bottom: 10px;
}
.orderlijn-rij .orderlijn-image div {
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#order-header div {
  font-weight: bold;
  background: #F5F5F5;
}

.groen {
  color: #00b900;
}

.rood {
  color: red;
}

#topbar.mobiel {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #B0CF00;
}
#topbar.mobiel #header-image.mobiel a {
  display: inline-block !important;
  padding-top: 2px;
  padding-bottom: 0px;
}
#topbar.mobiel #mobile-buttons {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: right;
}
#topbar.mobiel #mobile-buttons li {
  display: inline-block;
  float: left;
  margin-left: 1px;
  margin-right: 1px;
}
#topbar.mobiel #mobile-buttons li a {
  border: 1px solid #B0CF00;
  display: block;
  padding: 5px;
  width: 44px;
  background: white;
}
#topbar.mobiel #mobile-buttons li a i {
  color: #B0CF00;
  display: block;
  text-align: center;
  margin: auto;
}
#topbar.mobiel #mobile-buttons li a:hover, #topbar.mobiel #mobile-buttons li a:focus {
  text-decoration: none;
}

#mobile-menu {
  padding-top: 51px;
}
#mobile-menu ul {
  list-style-type: none;
  width: 100%;
  margin-left: 0px;
  padding: 0px;
}
#mobile-menu ul li {
  background: #B0CF00;
  border-bottom: 1px solid white;
}
#mobile-menu ul li a {
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  display: block;
  line-height: 50px;
  font-size: 20px;
}
#mobile-menu ul li a i {
  float: right;
  color: white;
  margin-top: 15px;
}
#mobile-menu ul li a:hover, #mobile-menu ul li a:focus {
  text-decoration: none;
}

#filter-menu {
  position: fixed;
  z-index: 1000;
  width: 80%;
  max-height: 80%;
  overflow: scroll;
  margin-top: 35px;
}
#filter-menu #filter-menu-btn {
  background: #ffce00;
  left: 0px;
  top: 10px;
  display: block;
  padding: 5px;
  width: 40px;
}
#filter-menu #filter-menu-btn i {
  color: white;
}
#filter-menu #toggle {
  width: 100%;
  background: white;
}
#filter-menu #toggle .panel .panel-body {
  overflow-y: scroll;
}
#filter-menu #toggle .panel .panel-body .checkbox {
  padding-left: 10px;
}
#filter-menu #toggle .panel .panel-body .mobile-filter {
  background: #B0CF00;
  color: white;
  text-align: center;
  width: 100%;
  border-radius: 0px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-group .panel + .panel {
  margin-top: -1px;
}

.panel-group .panel .panel-heading .panel-title a {
  display: block;
}

#cart-modal-content {
  font-size: 15px;
}

@media (max-width: 1200px) {
  #footer #footer-1 ul li {
    padding-left: 10px;
    padding-right: 10px;
  }

  #topbar ul li {
    padding-left: 2px;
    padding-right: 2px;
  }
  .product-carousel .carousel-control.right {
    left: auto;
    right: -40px;
  }
  .product-carousel .carousel-control.left {
    right: auto;
    left: -40px;
  }

  #col-klachten .row div.klacht.ultralight {
    background-color: #F9FCF5;
  }
  #col-klachten .row div.klacht.light {
    background-color: #E5F4D8;
  }

  #product-detail .panel-mandje .panel-body span {
    font-size: 30px;
  }
  #product-detail .well .panel-mandje .panel-body span {
    font-size: 16px;
  }
  #product-detail .productfeature .product-prijs-oud {
    margin-top: 0;
  }
  #product-detail .productfeature .product-prijs {
    margin-top: 0;
    text-align: left;
  }
  #product-detail .productfeature img {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%;
  }
  #product-detail .product img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .w-auto {
    width: auto !important;
  }
}
@media (max-width: 992px) {
  #footer #footer-1 ul li, #topbar .contact-info li, #topbar .contact-info li a, #topbar ul li, #topbar ul li a, #product-detail #bestelform .voorwaarden li, #footer ul li, #footer ul li a, #footer #footer-2 .r2 .col-sm-6, #footer #footer-2 .r2 .col-sm-6 a {
    font-size: 14px;
  }

  #topbar .contact-info li {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 480px) {
  #slider .carousel-caption {
    margin-top: -130px;
  }
  #slider .carousel-caption .container {
    padding: 0 28px;
  }

  #product-detail div.well-stijn-iris {
    padding-bottom: 150px;
  }
  #product-detail div.well-stijn-iris p {
    width: 100%;
  }
  #product-detail .panel-mandje .panel-body span {
    font-size: 20px;
  }
  #product-detail .well .panel-mandje .panel-body span {
    font-size: 11px;
  }
  #product-detail .well .panel-mandje .panel-heading {
    font-size: 8px;
  }

  #winkelwagentje .btn-wv {
    margin-bottom: 12px;
  }

  #product-detail .productfeature .product-prijs-oud {
    margin-top: 0;
  }
  #product-detail .productfeature .product-prijs {
    margin-top: 0;
    text-align: left;
  }
  #product-detail .productfeature img {
    width: auto;
    height: auto;
    margin: auto;
  }

  #col-klachten .row div.klacht {
    font-size: 10px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .bootbox-modal {
    width: 90% !important;
  }

  .no-padding-mobile {
    padding: 0 !important;
  }

  .mandje-modal img.img-mandje {
    height: 180px;
  }
  .mandje-modal .btn {
    font-size: 10px;
  }
  .mandje-modal .btn.btn-rescuemix {
    color: #2D6400;
    display: inline-block;
  }
  .mandje-modal .btn.btn-rescuemix p {
    margin: 0;
    width: 69%;
    white-space: normal;
    text-align: right;
    float: left;
    display: inline-block;
  }
  .mandje-modal .btn.btn-rescuemix p strong {
    color: #2D6400;
  }
  .mandje-modal .btn.btn-rescuemix span {
    font-size: 30px;
    line-height: 25px;
    font-weight: 300;
    padding-right: 5px;
    float: right;
  }
  .mandje-modal .alternatieven img {
    width: 100%;
    margin-top: 20px;
  }

  #persoonlijkemail-modal .modal-dialog {
    width: 94vw !important;
  }

  .container-move-up {
    padding: 15px;
  }

  .navbar-header img {
    height: 40px;
    padding: 0;
  }

  #mainbar {
    background-color: white;
  }
  #mainbar #topbar {
    display: none;
  }
  #mainbar #secondbar {
    float: none;
    width: 100%;
  }
  #mainbar #secondbar a {
    color: #B0CF00;
    padding-left: 15px;
    text-shadow: none;
  }

  .navbar-default .navbar-toggle {
    margin-right: 8px;
    border-color: #2D6400;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #2D6400;
  }

  .mobile-nav-link {
    display: inline-block;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  h1 {
    font-size: 24px;
  }

  #slider .carousel-caption .row div {
    padding-left: 30px;
    padding-right: 30px;
  }
  #slider .carousel-caption .btn {
    font-weight: 300;
  }

  #product-detail .btn-afronden {
    font-size: 20px;
  }

  body {
    padding-bottom: 0;
  }

  .mandje-modal .well-mandje i {
    font-size: 24px;
  }
  .mandje-modal .well-mandje span {
    font-size: 14px;
  }

  #carousel-getuigenissen .carousel-control {
    font-size: 40px;
    height: 300px;
  }
  #carousel-getuigenissen .item {
    height: 300px;
  }
  #carousel-getuigenissen .item .carousel-caption .inhoud {
    font-size: 20px;
    font-weight: 300;
  }
  #carousel-getuigenissen .item .carousel-caption .naam {
    font-weight: 300;
  }

  #nav-tabs-categorieen {
    font-size: 12px;
  }

  #janelca-affix-navbar .navbar-header button.navbar-toggle span {
    background-color: white;
  }
  #janelca-affix-navbar #janelca-nav {
    overflow: hidden;
  }
  #janelca-affix-navbar #janelca-nav ul.navbar-nav li {
    padding-left: 15px;
  }

  #footer {
    position: relative;
  }

  .modal-body iframe {
    height: 390px;
  }

  .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0px;
  }

  #reviewform input[type=submit] {
    margin-top: 10px;
  }

  #content .product-grid a .foto {
    background-size: contain;
  }

  #footer #footer-1 ul li {
    line-height: 30px;
    font-size: 16px;
  }

  .mmt25 {
    margin-top: 25px !important;
  }

  .r2 .col-sm-6 {
    text-align: center !important;
    line-height: 30px;
  }
}
#persoonlijkemail-modal .modal-dialog {
  width: 445px;
}
#persoonlijkemail-modal .modal-dialog .modal-header {
  border-bottom: none;
}
#persoonlijkemail-modal .modal-dialog .modal-header h3, #persoonlijkemail-modal .modal-dialog .modal-header h4 {
  color: #f39100;
}
#persoonlijkemail-modal .modal-dialog .modal-header h3 {
  font-size: 28px;
  margin-top: 0;
}
#persoonlijkemail-modal .modal-dialog .modal-header h4 {
  font-size: 16px;
}
#persoonlijkemail-modal .modal-dialog .modal-body .voetnoot {
  color: grey;
  font-weight: 400;
  font-size: 9px;
}
#persoonlijkemail-modal .modal-dialog .modal-body input {
  border-radius: 0;
  color: #2D6400;
}
#persoonlijkemail-modal .modal-dialog .modal-body ::-webkit-input-placeholder {
  /* Chrome */
  color: #B0CF00;
}
#persoonlijkemail-modal .modal-dialog .modal-body :-ms-input-placeholder {
  /* IE 10+ */
  color: #B0CF00;
}
#persoonlijkemail-modal .modal-dialog .modal-body ::-moz-placeholder {
  /* Firefox 19+ */
  color: #B0CF00;
  opacity: 1;
}
#persoonlijkemail-modal .modal-dialog .modal-body :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #B0CF00;
  opacity: 1;
}
#persoonlijkemail-modal .modal-dialog .modal-body label.error-mail {
  color: #f39100;
  font-weight: 400;
  font-size: 11px;
  display: none;
}
#persoonlijkemail-modal .modal-dialog .modal-footer {
  border-top: none;
}
#persoonlijkemail-modal .modal-dialog .modal-footer .btn-custom {
  background: #e74e0f;
  margin: 0;
  padding: 10px;
  font-weight: 400;
  font-size: 16px;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
}
#persoonlijkemail-modal .modal-dialog .modal-footer .btn-custom:hover {
  background: #ffce00;
}
#persoonlijkemail-modal .modal-dialog .modal-footer .btn-custom:disabled {
  background-color: #ddd;
}

.pointer {
  cursor: pointer;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.nr {
  margin-left: 0px;
  margin-right: 0px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt50 {
  padding-top: 50px;
}

.affix {
  top: 0;
  width: 100%;
  z-index: 100;
}

.affix-padding {
  padding-top: 120px;
}

.bold {
  font-weight: 700;
}

.affix-show {
  padding: 0px !important;
}
.affix-show i {
  color: #B0CF00;
}

.color-cta {
  color: #ffce00 !important;
}

.color-hoofd {
  color: #B0CF00 !important;
}

.slider-handle {
  background: #B0CF00 !important;
}

.slider.slider-horizontal {
  width: 100%;
}

label.error {
  display: none !important;
}

.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.uppercase {
  text-transform: uppercase;
}

.test {
  color: green;
}

.pb35 {
  padding-bottom: 35px !important;
}

.fixed-search {
  background-color: #B0CF00;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 8px 10px;
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 300px;
  z-index: 100;
}
.fixed-search i.fa-search {
  color: #000;
  top: 14px;
  position: absolute;
  left: 20px;
}
.fixed-search input {
  background-color: white;
  border-radius: 20px;
  color: black;
  padding-left: 28px;
  padding-right: 8px;
  width: 100%;
}

.categorieen-mobile a {
  background: #e74e0f;
  color: white;
  text-decoration: none;
}

#guestLoginForm .btn-custom {
  background: #e74e0f;
  color: white;
  font-size: 24px;
}
#guestLoginForm .btn-custom:hover {
  background: #ffce00;
}

small.small-print {
  font-size: 10px;
}

#vkpvw_message label.error {
  display: block !important;
  color: #a94442;
  padding-left: 15px;
  font-weight: 400;
}