
 body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
	background-color:#f5f5f5;
	font-family: 'Lato', sans-serif;

  }

  main {
    flex: 1 0 auto;
  }
  
h1 {
	font-size:30px;
	/*font-family: 'Shadows Into Light', cursive !important; */
	font-family: 'Lato', sans-serif;
}

h2 {
	font-size:25px;
	/*font-family: 'Shadows Into Light', cursive !important; */
	font-family: 'Lato', sans-serif;
}


h3 {
	font-size:18px;
	/*font-family: 'Shadows Into Light', cursive !important; */
	font-family: 'Lato', sans-serif;
}


h4 {
	font-size:17px;
	/*font-family: 'Shadows Into Light', cursive !important; */
	font-family: 'Lato', sans-serif;
}

A {
	color:#000;	
}

strong {
	font-weight:700;
}

.pluspunten-header li {
	float:left;
	margin-left:50px;
	position: relative;

}

 .pluspunten-header LI i {
	 position: absolute;
	 left:0px;

 }
.pluspunten-header LI span {
	padding-top:3px;
	margin-left:40px;
	float:left;
	position: relative;
}

.tabs .indicator {
	background-color:#a1d900;
}

.navbar-main  {
	z-index:999;
}

.navbar-main nav {
	box-shadow:none;
	
		
}
 .dropdown-content {
	 position:absolute !important;
	 background-color: white;
	 left:0px !important;
 }


.dropdown-content {
	top:64px !important;
}
.btn, .btn-large {
	background-color:#A1D900 ;	
}

.optielijst .active {
	background-color:#EB6900 !important;
}
.btn:hover, .btn-large:hover {
	background-color:#a1d900 ;	
}

.content_page {
	background-color: #FFF;
	padding:5px;
}

#shoppingCardDialog {
	position:absolute;
	display:none;
	width:400px;
	background-color:#FFF;
	z-index:1000;
	right:0px;
	padding:10px;
  opacity: 0.1;
  box-shadow:0px 0px 5px #AAA;
}

.carousel {
	height:inherit!important;
	min-height: 20px;
	margin:10px 0px;
}
.carousel-item {
	background-size:contain;
	background-repeat:no-repeat;
	height: auto;
}

.outlet_banner {
	width:100%;
	
}

.outlet_banner_img {
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:100%;
}


.product_card {
	color:#000;	
}

.product_card .tag {
	position:absolute;
	
}

.card .card-image img {
	width:auto;	
}
.slideshow {
	
}

@media only screen and (max-width: 600px){
	.slideshow {
		height:180px;
	}
	.carousel {
		height:180px;	
	}
		.slideshow .carousel-item {
			min-height:180px !important;
			height:180px !important;	
		}

}
@media only screen and (max-width: 992px){
	.header-container {
		font-size:12px !important;
	}


}



nav {
	background-color: #2e2e2e !important;
	/*background-color:#242424 !important;*/
}
 .iboxz-grey {
	 background-color: #2e2e2e !important;
	 color:#FFF;
 }


 .iboxz-green {
	background-color:#a1d900 !important;
	color:#FFF;
}

 .iboxz-red {
	 background-color:#FF2501 !important;
	 color:#FFF;
	 text-align: center;
 }



 .iboxz-grey {
	background-color:#444444 !important;	
	color:#FFF;
}

.iboxz-green-text {
	color:#a1d900 !important;	
}

.iboxz-secundary-color { 
	background-color:#EB6900;
}
.header_info {
	background-color:#3c3c3c;
	color:#FFF;
	padding:5px 0;
}

 .header_info .container span {
	 text-align: left !important;

 }

 .__fbcw__bar-widget__content {
	float:left;
 }
.header_info .container div.hulpnodig  {
	text-align:right;	
}
 
.header-container .pluspunt {	
	font-size: 16px;
	white-space: nowrap;
	color:#898989;
}

 .header_winkelmandbtn {
	 padding-top:40px !important;
 }

.header_winkelmandbtn A{
	color:#898989 !important;
}

.header-container .pluspunt .fa-stack {
	color:#AAA !important;
}
.header-logo {
	height: 100%;  
}
.paymentmethods {
	background-image:url('/images/betaalmethodes_bkgnd.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	min-height:120px;	
}

.betaalmethode_logo {
	padding-top:10px;
	text-align:center;	
}

	.betaalmethode_logo IMG {
		padding-top:10px;
		max-height:100px;	
	}

footer {
	font-size:12px;
	font-weight: 300;
}

footer.page-footer {
	 margin-top:0px;	
	background-color:#444444;
	
}

footer HR {
	border:1px solid #A1D900;
	border-collapse: collapse;
}

footer .footer_informatie {
	line-height:200%;	
}

footer .footer_assortiment A {
	color:#FFF;	
	line-height:200%;
}


.icon-background-white {
	color:#FFF;	
}
.icon-background-grey {
	color:#ADADAD;
}

.circle-icon {
	background: #ffc0c0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	padding: 30px;
}


.menu_categorieen {
	background-color:#FFF;
	float:left;	
	position:relative;
	padding:5px;
	font-size:18px;
}
.menu_categorieen_header {
	padding:10px;
}


.menu_categorieen_item {
	padding:8px 0 8px 10px;
	position:relative;	
	width:100%;
	color:#000;
	float:left;
	background-color:#FFF;
	border-left:1px solid #FFF;
}

.menu_categorieen_item:hover {
	background-color:#F5F5F5;	
	border-left:1px solid #A1D900;
	
}

.menu_categorieen_item i {
 	position:absolute;
	right:10px;
	top:10px;
}
.menu_di {
	float:left;	
	position:relative;
	background-color:#FFF;	
	margin-bottom:30px;
	padding:5px;
	font-size:18px;
}

.menu_di_header {
	padding:10px;
}

.menu_di_item {
	padding:8px 0 8px 40px;
	position:relative;	
	width:100%;
	color:#000;
	float:left;
	background-color:#FFF;
	border-left:1px solid #FFF;
}

.menu_di_item i {
 	position:absolute;
	left:10px;
	top:10px;
}

.home_assortiment .card {
	box-shadow:none;
}

.product_card .productprijs {
	color:#F00;	
	font-weight:bold;
	font-size:20px;
}

.product_card .productoudeprijs {
	color:#AAA;	
	text-decoration:line-through;
}

.product_card .card-action {
	text-align:right;	
}
.home_assortiment .card-action {
	text-align: right;	
}

.alert {	
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	text-align:center !important;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
	text-align:center;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}




.product_images .thumb {
	width:150px;	
	
}

.product_info h1 {
	font-size:24px;	
}
.product_info h3 {
	font-size:18px;	
}

.optielijst label {
	color:#000;	
}

.shoppingcard_page {
	background-color:#FFF;	
	padding:10px;
}

.customerdata_page {
	background-color:#FFF;	
	padding:10px;
}

.bestelling_voortgang {
	width:100%;	
	background-color:#ECECEC;
}
.bestelling_voortgang .col {
	margin:0px;	
	padding:0px;
}
.bestelling_voortgang .voortgang_stap {
	text-align:center;
	width:100% !important;
	padding:10px 0;
	float:left;
	color:#000;
}

.bestelling_voortgang .active {
	background-color:#A1D900;	
	color:#FFF;
}

.betaalmethode_btn {
	height:auto;
}

.card-image {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;	
}

.card-content {
	min-height:115px !important;
	font-size: 16px;
}


.menu_filter {
	background-color:#FFF;
	float:left;	
	width:100%;
	position:relative;
	padding:5px;
}


.menu_filter_header {
	padding:10px;
}

.menu_filter h3 {
	padding:5px;
	font-size:16px;	
}

.dropdown-content li>a, .dropdown-content li>span {
	color:#000;	
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
	background-color:orange;	
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
	background-color:orange;	
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
	border: 2px solid orange;	
}


input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 0 #000
}


 .input-field input:focus + label,  .input-field input[type=email]:focus + label,  .materialize-textarea + label, label {
     color: #000;
}

label {
	color:#000 !important;
		
}

@media only screen and (min-width: 993px){
	.container {
		width: 90%;
	}
}
@media only screen and (min-width: 601px){		
	.container {
		width: 90%;
	}
}


#productomschrijving {
	font-size: 18px !important;
}

#productomschrijving P{
	line-height:normal;
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}

.card-content {
	overflow:hidden;
}

.geleverd_locatie{
	font-size: 18px;
	font-weight: bold;
}

.geleverd_content {
	font-size: 16px;
}

.slide_tekst {
	display:none;
	color:#FFF;
}





.navbar-main .input-field {
	height: 64px;
	float: left;
	color:#FFF;
	position: relative;
	border:none;
	background-color:#B7D758;
}
.navbar-main #search, .navbar-main #search:focus {
	height: 100% !important;
	color:#FFF;
	width:100px !important;
	
}
.navbar-main label.active, .navbar-main label:focus  {
	color:#FFF !important;	
	
}
#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF !important;
}
#search:-moz-placeholder { /* Firefox 19+ */
  color: #FFF !important;
}
#search:-ms-input-placeholder { /* IE 10+ */
  color: #FFF !important;
}
#search:-moz-placeholder { /* Firefox 18- */
  color: #FFF !important;
}

.navbar-main .input-field input[type=search]:focus+label i,.navbar-main .input-field input[type=search]:focus ~ .mdi-navigation-close,.navbar-main  .input-field input[type=search]:focus ~ .material-icons{color: #FFF!important;  border:none !important; }

.navbar-main input:not([type]):focus:not([readonly]), .navbar-main input[type=text]:focus:not([readonly]), .navbar-main input[type=password]:focus:not([readonly]), .navbar-main input[type=email]:focus:not([readonly]),.navbar-main  input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), .navbar-main input[type=date]:focus:not([readonly]), .navbar-main input[type=datetime]:focus:not([readonly]), .navbar-main input[type=datetime-local]:focus:not([readonly]),.navbar-main  input[type=tel]:focus:not([readonly]),.navbar-main  input[type=number]:focus:not([readonly]), .navbar-main input[type=search]:focus:not([readonly]),.navbar-main textarea.materialize-textarea:focus:not([readonly]) {
	border:none !important;
	box-shadow: none;

}

 nav ul a {
	 text-transform:uppercase;
	 font-size:13px;
	 padding: 0px  5px;
 }

 nav ul i.right {
	 margin-left:2px;
 }
#slider-wrapper {
		width: 60%;
		margin: 0 auto;
	}
	.slider { 
	  	height: auto;
		max-width: 1302.5px;
		max-height: 422.5px;
		margin-top: 20px;
	  	overflow: hidden;
		box-shadow: 0.5px 0.5px 10px #A8A8A8;
		transition: transform 0.2s;
	}
	.slider:hover { 
		transform: scale(0.99);
	}
	.slider ul {
	  	margin: 0;
	  	padding: 0;
	  	list-style: none;
	  	position: absolute;
	  	width: 400%;
	  	height: 100%;
		top: 0;
	}
	.slider li {
  		padding: 0;
  		margin: 0;
		width: 25%;
		max-height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		bottom: 0;
		border: none;
	}
	.slider a {
		text-decoration: none;
	}
	.slide {
		margin: 0;
		padding: 0;;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat, repeat;
	}
	#slide3 {
		background-size: cover;
		background-position: center top;
	}
	.slide-tekst-1, .slide-tekst-2 {
		display: none;
		margin: 0 10px;
		line-height: 125px;
		color: white;
		font-size: 70px;
		text-shadow: 1px 1px 5px black;
		letter-spacing: 2px;
		font-weight: bold;
	}
	.slide-tekst-2 {
		float: right;
		margin-top: 62px;
	}


	@media screen and (max-width: 800px), (max-device-width: 800px) {
		#slider-wrapper {
			width: 95%;
		}
	}


.productbreedte_item {
	background-color:#AAA;;
}

.maandaanbieding-image {
	float:left;
	min-height: 323px;
	width: 100%;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: right top;
}

.maandaanbieding-klok {
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	top:300px;
	left:160px;
	background-color:#FFF;
	border-radius:10px;
	padding:10px;
	padding-left:60px;
}
.maandaanbieding-container {
	position: relative;
	cursor:pointer;
}
.maandaanbieding-header {
	background-color: #a1d900 ;
	color:#FFF;
	text-align: center;
	font-size: 40px;
	font-weight:bold;
	padding:10px 10px;
	margin:0px;

}


 @media screen and (max-width: 800px), (max-device-width: 800px) {

	 .maandaanbieding-image {
		 float: left;
		 min-height: 200px;
	 }
	 .maandaanbieding-klok {

		 top:200px;
		 left:20px;

		 padding:10px;
		 padding-left:60px;
	 }
 }

 p A {
	 color:#a1d900;
 }

 .col-slideshow {
	 min-height: 400px;
	 overflow: hidden;
	 padding: 0px;
 }

 .swiper-slide {
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
	 min-height: 100%;
 }

 .swiper-container {
	 width: 100%;
	 /*min-width: 400px;*/
	 height: 400px;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative;
 }

 .swiper-button-next, .swiper-button-prev {
	 position: absolute;
	 top: 50%;
	 z-index: 10;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-shadow: 0px 1px 1px #444444;
	 color:#a1d900!important;
 }

 .swiper-button-next {
	 margin-right: 20px;
 }

 .swiper-button-prev {
	 margin-left: 20px;
 }
 .col-slideshow{

	 padding:0px !important;
 }
 @media screen and (max-width: 800px), (max-device-width: 800px) {

	 .col-slideshow{
		 padding:0px;
	 }
	 .swiper-container {
		 height: 150px;
		 width: 350px;
	 }

	 .swiper-button-next, .swiper-button-prev {
		 text-shadow: 0px 1px 1px #444444;
	 }

	 .swiper-button-prev::after {
		 font-size: 20px !important;
	 }

	 .swiper-button-next::after{
		 font-size: 20px!important;
	 }


	 .swiper-button-prev {
		 margin-left: -8px;
	 }

	 .swiper-button-next {
		 margin-right: 0px;
	 }
}