/* FONTS ================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body{ font-family: 'Noto Sans', sans-serif; font-size: 16px; color: #4A4A4A; line-height: 32px; }
h1{ font-size: 26px; font-weight: 700; color: #115F35; margin: 0px 0 25px 0; }
h2{ font-size: 24px; font-weight: 700; color: #25CB72; margin: 20px 0 20px 0; }
h3{ font-size: 22px; font-weight: 700; color: #25CB72; margin: 20px 0 15px 0; }
h4{ font-size: 18px; font-weight: 700; color: #25CB72; margin: 10px 0 5px 0; }
h4{ margin: 20px 0 10px 0; }
h4 a{ font-size: 18px; font-weight: 700; color: #25CB72; }
h4 a:hover{ font-size: 18px; font-weight: 700; color: #115F35; }
a{ color: #115F35; }
img {max-width: 100%; height: auto;}
a:hover{ color: #25CB72; }
.btn{ padding: 8px 25px; border: 2px solid transparent; border-radius: 5px; font-size: 16px; font-weight: 700; }
.btn.btn-primary{ background: #115F35; border-color: #115F35; color: #ffffff; }
.btn.btn-primary:hover{ background: #ffffff; border-color: #115F35; color: #115F35 !important; }

.btn.btn-default{ background: #ffffff; border-color: #4A4A4A; color: #4A4A4A; }
.btn.btn-default:hover{ background: #4A4A4A; border-color: #4A4A4A; color: #ffffff; }

.btn.btn-success{ background: #ffc544; border-color: #ffc544; color: #000000; border: 2px solid transparent; }
.btn.btn-success:hover{ background: #ffffff; border-color: #ffc544; color: #000000; }

.btn.btn-warning{ background: #ffc544; border-color: #ffc544; color: #000000; border: 2px solid transparent; }
.btn.btn-warning:hover{ background: #ffffff; border-color: #ffc544; color: #000000; }

.btn-orange{ color: #115F35; margin-top: -4px; }

.xzoom{ box-shadow: none !important; }
/* ====== HEADER ====== */
.header{ background: #ffffff; padding: 20px 0; color: #4A4A4A; }
.header .logo{ max-width: 250px; }
.header .logo img{ width: 100%; }
.header .col-md-9{ position: relative; }
.header .usps .col-md-4{ text-align: right; }
.header .usps i{ margin-right: 15px; }
.header .inlog{ position: absolute; right: 15px; bottom: -10px; text-align: right; font-weight: 700; }
.header .inlog i{ margin-right: 15px; }
.header .inlog a{ color: #4A4A4A; padding: 20px 35px; }

.header .inlog .lrws-loadsmallcart{ background: #25CB72; border-top-left-radius: 30px; padding: 20px 35px; }
.header .inlog .lrws-loadsmallcart a{ padding: 0; color: #ffffff; }
.header .inlog .lrws-loadsmallcart .number{ background: #ffffff; border-radius: 20px; width: 32px; color: #25CB72; text-align: center; padding: 2px 9px; margin-left: 15px; }

/* ====== NAVIGATIE ====== */
.nav.navbar-nav{ width: 80%; }

.navbar{ background: #115F35 !important; }
.navbar ul.nav-normal{ padding-left: 0; margin-bottom: 0; }
.navbar ul.nav-normal li{ list-style: none; }
.navbar ul.nav-normal li a{ font-size: 16px; font-weight: bold; color: #ffffff; }

/* ====== BREADCRUMBS ====== */
.breadcrumbDiv{ margin-top: -50px; }
.breadcrumb{ line-height: 20px; }
.breadcrumb li.active{ color: #25CB72; }

/* ====== CONTENT ====== */
/* Homepagina - greenblock */
.greenbox{ background: #25CB72; color: #ffffff; border-radius: 10px; margin: 0; margin-bottom: 50px; }
.greenbox .green{ padding: 25px 25px 25px 25px; position: relative; }
.greenbox .green h2{ color: #ffffff; margin: 0 0 15px 0; }
.greenbox .green .btn.btn-primary{ position: absolute; bottom: -20px; right: 25px; }
.greenbox .image{ padding: 0; }
.greenbox .image p{ margin: 0; }

/* Productoverzicht*/
.lrws-productview .col-xl-4.col-lg-4.col-sm-6.col-xs-12{ margin-bottom: 30px; }
.product{ width: 100%; padding-bottom: 20px; overflow: hidden; }
.product .imagebox{ background: #F7F7F7; }
.product .imagebox img{ width: auto; height: 100%; max-height: 400px; }
.product .product-bot{ padding: 0; }
.product .titlebar h3.producttitle{ font-size: 18px; font-weight: 400; text-align: left; padding: 0; line-height: 28px; }

.currentprice.smallview{ padding: 0; }
.currentprice.smallview .col-8{ padding: 0; }
.currentprice.smallview .col-4{ padding: 0; }
.currentprice.smallview span{ padding-left: 5%; }
.currentprice.smallview .stock-msg{ color: #25CB72; }
.currentprice.smallview .priceblock{ margin: 0; text-align: right; }
.price-blue{ font-size: 18px; font-weight: 700; color: #115F35; }

.greenblock{ background: #25CB72; color: #ffffff; padding: 25px; border-radius: 10px;   }
.greenblock h2,
.greenblock h3,
.greenblock h4{ font-weight: 700; color: #ffffff; }
.greenblock h2{ margin-top: 0; }

/* Productdetail */
.productdetail .productimage .image{ background: #F7f7F7 }
.productdetail .productimage img.big_image{ max-width: 300px; width: 100%; }

a#cartbtn,.btn-swal-success{ background: #25CB72; font-size: 18px; font-weight: 700; color: #ffffff; text-align: center; padding: 8px 2px; border: 2px solid #25CB72; border-radius: 5px; }
a#cartbtn:hover{ border: 2px solid #25CB72; background: #fff; color: #25CB72; cursor: pointer; }

.incl_price{ color: #4A4A4A; font-weight: 700; }
.incl_price .price{ font-size: 30px; }
.incl_price .unit{ font-size: 16px; }
.excl_price{ color: #CBCBCB; font-weight: 700; }

.stock-msg{ color: #25CB72; }
.stock-msg.error{ color: #dc3545!important;  }

.margin-bot-small{ margin-bottom: 10px; }

.priceblock > .col-md-12{ margin-bottom: 10px; }
.priceblock select{ border-radius: 8px; }
.priceblock input{ border-radius: 8px; }
.priceblock label{ font-weight: 700; text-transform: uppercase; margin-bottom: 0; }

.usp{ padding: 0; }
.std-usp{ font-size: 14px; }
.std-usp ul{ padding-left: 0; text-align: center; }
.std-usp ul li{ display: inline; margin-right: 25px; }
.std-usp ul li:last-child{ margin-right: 0; }
.std-usp ul li:before{ content: "\f00c"; font-family: 'Font Awesome 5 Pro'; color: #25CB72; margin-right: 10px; }

.tab-content{ font-family: 'Noto Sans', sans-serif; padding: 0; border: none; }
.tab-content .table tr:nth-child(even){ background: #f5f5f5; }
.table-hover tbody tr:hover{ background-color: transparent; }
.tab-content .table tr td{ padding: 5px 15px; border: none; }

.block.form .btn.btn-default{ background: #115F35; border-color: #115F35; color: #ffffff; float: right; }
.block.form .btn.btn-default:hover{ background: #ffffff; border-color: #115F35; color: #115F35; }
.block.form .form-group:last-child .col-sm-9{ flex: 0 0 100%; max-width: 100%; }

/* Inloggen */
.pswd-forget{ margin-left: 10px; }

/* ====== OVERIGE ====== */
/* Shopping cart */
#sm_shoppingcart span.sc_amount{ background: #25CB72; font-weight: 700; }
#sm_shoppingcart span.sc_amount span{ background: #ffffff; border-radius: 20px; width: 32px; color: #25CB72; text-align: center; padding: 2px 9px; margin-left: 15px; }
span.sc_amount{ padding: 13px 22px; }
span.sc_price{ font-weight: 700; font-size: 20px; color: #115F35; }
.small_cart span{ margin-right: 0; margin-top: 0; }
.lrws-deletecart{ color: #cccccc; }
button.amount-min,
button.amount-plus{ padding: 3px 8px; }

label.payoption span.name{ margin-top: 0px; }
label.payoption span.extraprice{ color: #40a225; margin: 0 0 0 10px; }


/* Veel gestelde vragen */
.mainproducts{  }
.card{ cursor: pointer; margin-top: 10px; }

/* ====== FOOTER ====== */
.subfoot{ background: #EEEEEE; font-size: 16px; padding: 50px 0; }
.subfoot h2{ font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.subfoot .phonenumber{ font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.subfoot ul{ padding-left: 0; }
.subfoot ul li{ list-style: none; }
.subfoot i{ margin-right: 10px; }
.subfoot a{ color: #4A4A4A; text-decoration: none; }
.subfoot a:hover{ color: #4A4A4A; text-decoration: underline; }

.foot{ background: #115F35; font-weight: 400; color: #ffffff; }

/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 1220px){
	.greenbox .image{ padding: 0; overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
	/* .greenbox .image img{ height: 100%; max-height: 435px; width: auto; } */
}


/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1220px){
	body{ font-size: 14px; }
	h4{ width: 90%; line-height: 24px; }
	.btn{ font-size: 14px; padding: 8px 15px; }

	.nav.navbar-nav{ width: 90%; }
	ul.nav-normal li a{ padding: 14px 0px; }
	.product .imagebox img{ height: auto; max-height: 100%; width: 100%; }
	.currentprice.smallview{ margin: 0 0 10px 0; bottom: 10px; }
	.currentprice.smallview span{ padding-left: 3%; }
	.currentprice.smallview .stock-msg{ font-size: 13px; }
	.price-blue{ font-size: 16px; }
	.greenbox .green{ padding: 25px; position: relative; line-height: 26px; }
	.greenbox .image{ padding: 0; overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
	/* .greenbox .image img{ height: 100%; max-height: 435px; width: auto; } */
	.greenblock h2{ }
	.greenblock h3{ font-size: 18px; margin-bottom: 0; }
	.greenblock h4{ font-weight: 400; margin: 10px 0; }


	.productdetail .productimage img.big_image{ max-width: 100%; width: 100%; }
	.std-usp ul li { font-size: 12px; margin-right: 20px; }
	iframe{ width: 100%; }

	input.amount.bamount{ width: 33px; }
	.table td,
	.table th{ padding: 5px 1px; }

}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.btn{ margin-top: 10px; }
	.header .usps{ font-size: 12px; }
	.header .usps i { margin-right: 5px; }
	.navbar-light .navbar-toggler{ color: #ffffff; border-color: transparent; }
	.navbar ul.nav-normal{  }
	ul.nav-normal li a{ padding: 14px 15px; line-height: 40px; }
	.product .imagebox img{ height: auto; max-height: 100%; width: 100%; }
	.greenblock{ margin-bottom: 20px; }
	.greenblock h3{ margin-bottom: 0; }
	.greenbox .green .btn.btn-primary{ z-index: 999; }
	.greenbox .image img { border-bottom-left-radius: 10px; border-top-right-radius: 0; }
	.cc-revoke, .cc-window{ font-size: 14px; left: unset; right: 3em; }
	.std-usp ul li { display: block; }
	iframe{ width: 100%; }
	.rightSidebar{ margin-top: 20px; }
	.loadCartView{ margin: 0; }
	.table.table-striped .row{ margin: 0; }
	.list-group-item { padding: .4rem 1.25rem; }
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header .logo{ max-width: 150px; }
	.header .usps{ display: none; }
	.header .inlog{ position: relative; right: 0; bottom: -17px; }
	.header .inlog i{ margin-right: 5px; }
	.header .inlog a{ padding: 10px 15px; }
	.header .inlog .lrws-loadsmallcart{ padding: 10px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
	.header .inlog .lrws-loadsmallcart .number{ padding: 2px 7px; margin-left: 5px; font-size: 12px; }
	.navbar-light .navbar-toggler{ color: #ffffff; border-color: transparent; }

	#sm_shoppingcart{ bottom: 30px !important; }
	#sm_shoppingcart > div{ max-width: 100%; width: auto; margin: 0 15px; }
	.cc-revoke, .cc-window{ font-size: 14px; left: unset; right: 3em; }

	iframe{ width: 100%; }
}

/* Mobiel (Portrait)
================================================== */
@media only screen and (max-width: 479px) {
	.container-fluid{ padding: 0; }
	.col-xs-12{ text-align: left; }
	.btn.btn-default{ width: 100%; max-width: 100%; margin-bottom: 10px; }
	.btn.btn-success{ width: 100%; max-width: 100%; margin-bottom: 10px; }
	.float-left{ float: none !important; }
	.float-right{ float: none !important; }
	.header{ padding: 10px 0; }
	.header .logo{ max-width: 150px; }
	.header .usps{ display: none; }
	.header .inlog{ position: relative; right: 0; bottom: -40px; }
	.header .inlog i{ margin-right: 5px; }
	.header .inlog a{ padding: 10px 15px; }
	.header .inlog .lrws-loadsmallcart{ padding: 10px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
	.header .inlog .lrws-loadsmallcart .number{ padding: 2px 7px; margin-left: 5px; font-size: 12px; }
	.navbar-light .navbar-toggler{ color: #ffffff; border-color: transparent; }
	.header .form-group{ margin: 0 -15px; }
	.product{ padding-bottom: 0; margin-bottom: 0; height: auto; }
	.producttitle{ height: auto; min-height: auto; }
	.currentprice.smallview{ font-size: 14px; height: auto; position: relative; margin: 0 0 10px 0; }
	.greenblock{ margin-bottom: 20px; }
	.greenblock h3{ margin-bottom: 0; }
	.greenbox .green .btn.btn-primary{ z-index: 999; }
	.greenbox .image img { border-bottom-left-radius: 10px; border-top-right-radius: 0; }

	#sm_shoppingcart{ bottom: 30px !important; }
	#sm_shoppingcart > div{ max-width: 100%; width: auto; margin: 0 15px; }
	.cc-revoke, .cc-window{ font-size: 14px; left: unset; right: 3em; }

	iframe{ width: 100%; }
	.table td,
	.table th{ padding: .75rem 0; }
	.loadCartView{ margin: 0; }
	.table.table-striped{ max-width: 100% !important; width: 100% !important; }
	.table.table-striped th{ width: 100% !important; }
	.table.table-striped tr{ width: 100% !important; }
	.table.table-striped td{ width: 100% !important; float: left; padding: 0 10px; border: 0; }
	.table.table-striped td:first-child{ margin-top: 10px; }
	.table.table-striped td:last-child{ margin-bottom: 15px; }
	.table.table-striped td .btn{ max-width: 100% !important; width: 100% !important; margin-top: 15px; }
	.table.table-striped .row{ margin: 0; }
	.list-group-item { padding: .4rem 1.25rem; }
	.std-usp ul li{ display: block; }
}