/* FONTS ================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,800,900,900i&display=swap');

body{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #575757; line-height: 1.8em; background: #f8f8f8 !important; }
h1{ font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 700; color: #1B357E; margin: 0px 0 25px 0; }
h2{ font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; color: #575757; margin: 20px 0 20px 0; }
h3{ font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; color: #575757; margin: 20px 0 15px 0; }
h4{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; color: #575757; margin: 10px 0 5px 0; }
h4{ margin: 20px 0 10px 0; }
h4 a{ font-size: 18px; font-weight: 700; color: #23A159; }
h4 a:hover{ font-size: 18px; font-weight: 700; color: #E2001A; }

.btn{ padding: 8px 25px; border-radius: 0; border: 1px solid transparent !important; font-size: 16px; font-weight: 700; margin-left: 14px; }
.btn.btn-primary{ background: #E2001A; border-color: #E2001A; color: #ffffff; }
.btn.btn-primary:hover{ background: #ffffff; border-color: #E2001A; color: #E2001A !important; }

.btn.btn-default{ background: #575757; color: #FFFFFF !important; }
.btn.btn-default:hover{ background: #444444; color: #FFFFFF !important; }
.btn.btn-default:before{ background: #444444; }
.btn.btn-default i{ margin-right: 10px; }

.btn.btn-success{ background: #23A159; color: #ffffff !important; border: 2px solid transparent; }
.btn.btn-success:hover{ background: #1d7744; color: #ffffff; }
.btn.btn-success:before{ background: #1d7744; }
.btn.btn-success i{ margin-left: 10px; }

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

.btn.btn-danger{ background: #E2001A; color: #FFFFFF !important; }
.btn.btn-danger:hover{ background: #B40015; color: #FFFFFF !important; }
.btn.btn-danger:before{ background: #B40015; }
.btn.btn-danger i{ margin-right: 10px; }

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

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

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

/* ====== NAVIGATIE ====== */
/*.navbar{  }
.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; text-transform: uppercase; }*/

/* ====== BREADCRUMBS ====== */
.breadcrumbDiv{ margin: -15px 0 10px 0; font-weight: 700; text-transform: uppercase; }
.breadcrumbDiv a{ color: #A2A2A2 !important; }
.breadcrumbDiv i{ margin-right: 15px; }

/* ====== CONTENT ====== */
.container-fluid.content a{ color: #E2001A; }
.container-fluid.content a:hover{ color: #575757; }
.container-fluid.content h4 a{ color: #575757; }
.container-fluid.content h4 a:hover{ color: #E2001A; }

.page-title .title{ text-align: center; }
.page-title .title h2.blocktitle{ margin-top: 0; }

/* Homepagina - tekstblock */
.row .block.content.white{ background: #ffffff; padding: 35px 50px; margin-bottom: 50px; }

/* Productoverzicht*/
.lrws-productview .col-xl-3.col-lg-3.col-sm-6.col-xs-12{ margin-bottom: 30px; }
.product{ width: 100%; overflow: hidden; background: #1b357e; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.product .imagebox{ background: #ffffff; }
.product .banner{ top: 50%; }
.product .imagebox img{  }
.product .product-bot{ padding: 5px 15px 40px 15px; background-color: transparent; color: #ffffff; }
.product .priceblock{ padding-bottom: 10px; margin-bottom: 0; position: absolute; bottom: 0; width: 100%; }
.product .priceblock .price{ font-weight: 500; color: #FFFFFF; }
.product .titlebar h3.producttitle{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 900; font-style: italic; color: #ffffff; text-align: left; padding: 0; line-height: 28px; margin: 10px 0 0 0; }
.product .btn.btn-success{ border-radius: 0; }

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

.orangeblock{ background: #EC691D; color: #ffffff; padding: 25px; border-radius: 0; max-height: 250px;  }
.orangeblock h2,
.orangeblock h3,
.orangeblock h4{ font-weight: 700; color: #ffffff; }
.orangeblock h2{ margin-top: 0; }

/* Productdetail */
.productdetail .productimage .image .photo{ background: #ffffff; border: 1px solid #cccccc; position: relative; }
.productdetail .productimage .image .photo .banner{ position: absolute; bottom: 0; left: 0; background: #E2001A; padding: 3px 8px; font-size: 18px; color: #fff; }
.productdetail .productimage img.big_image{ width: 100%; }
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{ margin-left: 0 !important; width: 100%; }

.productdetail .productinfo h2{ font-weight: 600;color: #071745; margin: 30px 0 20px 0; text-transform: none; }
.productdetail .productinfo ul{  }
.productdetail .productinfo ul li{ list-style: none; }
.productdetail .productinfo ul li:before{ content: "\f105"; font-family: 'Font Awesome 5 Pro'; color: #EC691D; margin: 0 10px 0 0; }

.productdetail .productinfo .small_description{ margin-bottom: 20px; }

a#cartbtn{ background: #E2001A; font-size: 18px; font-weight: 700; color: #ffffff; text-align: center; padding: 12px 2px; border: none; border-radius: 0; }
a#cartbtn:before{ display: none; }
a#cartbtn:hover{ border: none; background: #B40015; color: #ffffff; }

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

.stock-msg{ color: #23A159; margin: 10px 0 15px 0; }
.stock-msg i{ font-size: 10px; margin-right: 10px; }
.stock-msg.error{ color: #dc3545!important;  }

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

.priceblock > .col-md-12{ margin-bottom: 10px; }
.priceblock select{ border-radius: 0; border-color: #1B357E; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #A2A2A2; text-transform: uppercase; }
.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: 30px; }
.std-usp ul li:last-child{ margin-right: 0; }
.std-usp ul li:before{ content: "\f00c"; font-family: 'Font Awesome 5 Pro'; color: #23A159; margin-right: 10px; }

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

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

.productdescription{ background: #ffffff; padding: 25px 40px; }

.related{ text-align: center; }
h3.blocktitle{ margin: 40px 0; padding: 10px 30px 10px 40px; background: #1B357E; display: inline-block; font-style: italic; color: #fff; font-size: 26px; position: relative; min-width: 330px; margin-left: 15px; }
h3.blocktitle:before{ content: ''; width: 19px; height: 100%; background: #071745; left: -10px; position: absolute; display: block; top: 0px; transform: skew(-15deg, 0deg); border: 1px solid transparent; }

.btn.btn-success.btn-block.lrws-addtocart{ margin-left: 0; }

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

/* ====== OVERIGE ====== */
/* Shopping cart */
#sm_shoppingcart span.sc_amount{ background: #23A159; font-weight: 700; }
#sm_shoppingcart span.sc_amount span{ background: #ffffff; border-radius: 20px; width: 32px; color: #23A159; 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: #575757; }
.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: #23A159; margin: 0 0 0 10px; }

.box-footer .btn.btn-default{  }
.contentBox .btn.btn-success{ width: calc(100% - 15px) !important; }

.form-control{ height: auto; }

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

/* MIJN ACCOUNT */
.nav .list-group .list-group-item{ margin-bottom: 0; }
.nav .list-group .list-group-item a{ color: #575757; }
.nav .list-group .list-group-item a.active{ color: #E2001A; }

.table.table-striped .btn.btn-danger{ margin-top: 0; }

/* ====== 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: #575757; text-decoration: none; }
.subfoot a:hover{ color: #575757; text-decoration: underline; }

.footer{ padding-bottom: 0; }
.footer .btn.btn-default{ background-color: #1B357E; border: 4px solid #1B357E !important; color: #ffffff; }
.footer .btn.btn-default:before{ content: ''; width: 15px; height: calc(100% + 5px); background: inherit; left: -9px; position: absolute; display: block; top: -1px; transform: skew(-15deg, 0deg); }

/* ================================================== */
@media only screen and (min-width: 1600px){
	.container{ max-width: 1560px; width: 100%; }
}

/* #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) {
	h1{ font-size: 34px; }
	.container-fluid{ padding-right: 0; padding-left: 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 15px; }
	.header .logo{ max-width: 150px; }
	.header .usps{ display: none; }
	.header .inlog{ position: relative; right: 0; bottom: -10px; }
	.header .inlog i{ margin-right: 5px; }
	.header .inlog a{ padding: 10px 15px; }
	.header .inlog .lrws-loadsmallcart{ padding: 10px 15px; border-radius: 30px; }
	.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; }
	.row .block.content.white{ padding: 0; }
	.productdescription{ padding: 25px 15px; }
	#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; }
	.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{ max-width: 25%; margin-top: 10px; }
	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; }
}