@media screen and (max-device-width: 480px){
	body{
		-webkit-text-size-adjust: none;
	}
}

body {
	background-color: #fffcfc;
	background-color: #FDFDFD;
<!--background-image: url("http://www.transparenttextures.com/patterns/transparent-square-tiles.png"); -->
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 10pt;
	color: #444;
	margin: 0px;
}

@media (max-width: 768px) {
	body,.form-control {
		font-size: 12pt;
	}
}

/**
Iphone bugfix:
click-event doesn't fire without cursor: pointer;
**/
.productbtn, .externproductbtn, .bootbox-close-button, .close, .btn, .glyphicon-remove, .btn-plus, .glyphicon-minus {
	cursor: pointer;
}

p{
	font-weight: 400;
	line-height: 1.6em;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Titillium Web', sans-serif;
}
h1 {
	color: #FF0202;
	font-weight: 600;
	font-size: 26px;
	margin:20px 0 30px 0

}
h2 {
	color: #00AFF0;
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h5 {
	font-size: 1.2em;
	color: #555;
	text-transform: uppercase;
	padding: 10px 0px 3px 0px;
}
h6{
	font-size: 1.5em;
	border-bottom: 1px solid #555;
	color: #333;
}

a:hover {
	text-decoration: none;
}

.sub {
	font-size: 0.85em;
	color: #777;
	line-height: 14px;
}

.error{
	color: red;
}

.highlight{
	color: blue;
	font-style: italic;
}

.note{
	font-style: italic;
	font-size: 85%;
}

#balk-top1 {
	position: absolute;
	top:0px;
	left: 0;
	width: 100%;
	height: 90px;
	background: #FDFDFD;
	z-index: 1;
}

#balk-top2 {
	position: absolute;
	top: 130px;
	left: 0;
	width: 100%;
	height: 36px;
	background: #00AFF0;
	z-index: 1;
}

/** ASSORTIMENT/TAAL **/
#google_translate_element {
	font-size: 10pt!important;
	height:26px;
	
}

@media (max-width: 768px) {
	#google_translate_element {
		float: right;
	}
}

#select_assort, #select_assort_mobile {
	padding: 0px!important;
	border: 1px solid #00AFF0;
	display: inline-block;
	margin: 10px;
	float: right;
	border-radius: 4px;
	overflow: hidden;
}

#select_assort_mobile {
	float: left;
	margin: 8px 4px 0 15px!important;
}

#select_assort *, #select_assort_mobile * {
	display: inline-block;
}

#select_assort div, #select_assort_mobile div {
	padding: 2px 4px;
	background: #FFF;
}

#select_assort div a, #select_assort_mobile div a {
	color: #333;
}

#select_assort .actief, #select_assort_mobile .actief {
	background: #00AFF0;
}

#select_assort .actief a, #select_assort_mobile .actief a {
	color: #FFF!important;
}
.alert-warning{
	border-color:#3abefe
}
span.assort {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 30px;
}

.assort_flag {
	max-height: 16px;
	margin: 0px!important;
	margin-left: 3px!important;
	margin-bottom: 5px!important;
}


/** WINKELWAGEN **/
.cart * {

}

.cart a {
	color: #17B1E6;
}

.cart span.glyphicon {
	font-size: 24px;
}

#cart_mobile {
	float: left;
	margin-left: 24px;
	line-height: 34px!important;
}

#cart_mobile span.glyphicon {
	margin-top: 6px;
}

#cart_desktop {
	float: right;
}

/** ACCOUNT DROPDOWN **/
.user-row > div {
	padding-left: 4px;
	padding-right: 4px;
	float: right;
	margin-left: 8px;
	margin-top: 8px;
	cursor: pointer;
}

.user-row span {
	font-size: 14px!important;
	line-height: 20px;
}

.user-row span.glyphicon {
	font-size: 20px;
}

.account-toggle {
	position: relative;
	color: #999;
}

.account-toggle span.glyphicon {
	color: #17B1E6;
	font-size: 20px;
	line-height: 20px;
}

.account-panel {
	border-width: 1px;
	border-color: #DDD;
	border-style: solid;
	background: #FFF;
	position: absolute;
	display: none;
	top: 30px;
	right: 0px;
	min-width: 270px;
	max-width: 392px;
	z-index: 999;
	padding-bottom: 6px;
}

.acc-panel-wrapper-desktop {
	position: absolute;
	top: 0;
	right: 0;
}

.account-panel div.text-center sub {
	bottom: 0.5em;
}

.acc-panel-wrapper-desktop > div {
	margin-top:3px;
}


.acc-panel-wrapper-desktop span:not(.sub) {
	color: #FFF;
}






div.vraag {
	color: #00AFF0;
	font-weight: 600;
	cursor: pointer;
	margin-top: 8px;
}

div.antwoord {
	font-weight: 600;
	color: #FF0202;
}



#main-body {
	background-color: #FDFDFD;
	position: relative;
}

#container {
	max-width: 1600px;
	overflow: hidden;
	position: relative;
	z-index: 5;
	background: #FFF;
	margin-top: 10px;
	margin-bottom: 40px;
}

.btn-smsb{
	background: #05A5FB!important;
	color: white;
	border-radius: 4px!important;
	padding: 5px!important;
	height: auto;
	margin:10px 0 0 0
}
.btn-smsb:hover{
	background: #00AFF0!important;
	color: white;
}

.providertile{
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0 auto 30px auto;
	box-shadow: 0 10px 20px rgb(0,0,0,.1);
	padding: 20px;
	border-radius: 20px;
}
.providertile .productname{
	padding:20px 0 0 0;
}
.providertile img{
	display: block;
	margin: 2px auto;
	max-width: 100%;
	max-height: 115px;
	border-radius: 12px;
}

.producttile {
	overflow: hidden;
	min-height: 296px;
	box-shadow: 0 10px 20px rgb(0,0,0,.1);
	padding: 20px;
	border-radius: 20px;
}

.promotile {
	background: #F2F4F4;
	border: 1px solid #00AFF0;
	border-radius: 4px;
	margin-top: 18px;
	height: 100%;
}

.row{

}



.productbtn, .productname, .productimg, .productaantal {
	position: relative;
	z-index: 100;
}

.productimg {
	min-height: 115px;
}

.producttile span.product_add, .producttile span.product_add *  {
	position: absolute;
	color: #FFF!important;
	top: 0px;
	left: 0px;
	z-index: 70;
}

.productname {
	color: #297799;
	min-height: 42px;
}

#opwaardeerinstructies {
	background: #F2F7F9;
	border-radius: 20px;
	padding: 15px;
	margin:0 0 30px 0
}



#issuer_spaarpunt {
	margin-top: 12px;
	border-radius: 4px;
	padding: 8px;
	font-size: 0.9em;
}



#issuer_spaarpunt span {
	font-weight: 600;
}

div.issuer > * {
	display: block;
	vertical-align: middle;
	line-height: 50px;
}

div.issuer {
	line-height: 30px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	border-radius: 4px;
}
div.issuer label{
	margin:0
}
sup {
	vertical-align: top;
	/* position: relative; */
	/* top: 0em; */
	display: inline-block;
	line-height: 50px;
	top: 0;
	float: right;
}





#aanbslider {
	padding: 0;
}

.carousel-inner .item, .carousel-inner .item-active {
	max-height: 340px;
}

.carousel-inner .item img, .carousel-inner .item-active img {
	margin: 0 auto;

}

.carousel-caption {
	right: 22%;
	left: 22%;
	padding: 0;
}

#aanbslider .carousel-caption {
	border-radius: 4px;
}

.carousel-caption h2, .carousel-caption p {
	background: rgba(5,165,251,0.6);
	padding: 5px;
	margin: 0;
}

.carousel-caption h2 {
	font-weight: 700;
	color: #FFF;
	border-radius: 6px;
}

.carousel-caption p {
	font-weight: 700;
	color: #999;
	text-shadow: none;
}

@media(max-width: 970px) {
	#aanbslider .carousel-caption h2 {
		font-size: 1.4em;
	}

	#aanbslider .carousel-caption p {
		font-size: 1em;
	}
}



#header {
	padding: 5px;
	min-height: 80px;
}

/*#header img{
	margin: 0px 0px 0px 10px;
}*/

#header .stap{
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.2em;
	display: block;
	margin-top: 15px;
}
#header .stap .badge{
	background: #FF0202;
	font-size: 1.8em;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 24px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #FFF;
	text-align: center;
}

@media(max-width: 970px) {
	#header .stap{
		font-size: 1.0em;
		margin-top: 10px;
	}
	#header .stap .badge{
		font-size: 1.4em;
	}
}

@media (max-width: 768px) {
	#header span:not(span.assort) {
		font-size: 2.6em;
	}
}

#header span.red, #header span.blue {
	margin-left: 5px;
	text-shadow: -2px -2px 2px #FFF;
}

#header span.red {
	color: #FF4100;
}

#header p.sub {
	color: #FF4100;
	margin-left: 15px;
	font-size: 1.6em;
}

/*#header img {
	margin-top: 10px;
}*/

#nav-top {
	position: relative;
	border-radius:4px
}

#nav-top, #nav-top ul li a, #nav-left ul li a {
	font-family: 'Titillium Web', sans-serif;
	color: #FFF;
	font-size: 1.15em;
	font-weight: 400;
	background: #00AFF0;
	line-height: 37px;
}

.navbar-nav>li>a {
	padding-top: 3px;
	padding-bottom: 3px;
}

@media(max-width: 970px) {
	.navbar-nav>li>a {
		font-size: 1.0em!important;
		padding: 10px!important;
	}
}

.navbar{
	border: 0px;
}

.nav:not(.nav-tabs) a{
	border-bottom: 3px solid #00AFF0!important;
}
.nav:not(.nav-tabs) .active a{
	border-bottom: 3px solid #0a7eaa!important;
	background: #097fab!important;
	font-weight: 600!important;
}

.navbar-collapse{
	max-height:100%;
}

.navbar-default {
	margin: 0px;
}


#webtekst {
	margin-bottom: 18px;
}


/**Promoties home-pagina **/
#promotion_cont {

}


.segment_header {

}

.segment_header h2 {
	margin: 4px!important;
	margin-left: 12px;
	padding: 0px!important;
	font-size: 22px;
}

#promotion_cont h2, #spaarpunt_promo_cont h2 {

}

#spaarpunt_promo_cont h2 {
	font-size: 18px;
}


.promotion {
	min-height: 175px;
}

.promotion h3, .promotion h4 {
	color: #297799;
	font-size: 14px;
	margin-top: 4px;
}

.promotion .providertile {
	width: auto!important;
}

.promotion .providertile img {
	max-width: 120px!important;
	max-height: 100px!important;
}

.promotion .img-wrapper {
	height: 100px!important;
	padding: 0px;
}


#spaarpunt_promo_cont .promotion {
	border: 1px solid #DDD;
	border-radius: 8px;
	overflow: hidden;
}

#spaarpunt_promo_cont .promotion .providertile {
	width: 100%!important;
	padding: 0px!important;
	margin: 0px!important;
}

#spaarpunt_promo_cont .tile_footer {
	width: 100%;
	background: #00AFF0;
	color: #FFF!important;
}

#spaarpunt_promo_cont .tile_footer p {
	font-size: 0.8em;
	font-weight: 600;
	margin: 0px;
}

#spaarpunt_promo_cont .providertile h3 {
	min-height: 42px;
}

#spaarpunt_promo_cont span {
	color: #FFF;
	font-size: 1.4em!important;
}

#spaarpunt_promo_cont .col-xs-6 {
	padding-top: 12px;
	padding-bottom: 12px;
}



.column-right-h5 {
	margin-left: 5px;
}

#div-tell-a-friend, #div-reactie, #ww-mini {
	position: relative;
	background: #fbfbfb;
	padding: 20px;
	border-width: 1px;
	border-color: #dce7eb;
	border-style: solid;
	border-radius: 5px;
	margin: 10px 0;
}

.div-trust-pilot {
	position: relative;
	background: #fbfbfb;
	padding: 20px;
	border-width: 1px;
	border-color: #dce7eb;
	border-style: solid;
	border-radius: 5px;
	margin: 10px 0;
}



#form-login-button, #btn-mail-friend, #div-reactie button, #verzend-reactie, #btn-form-registratie, #btn-form-ww-wijzigen, #btn-form-cadeau-verzenden, #btn-naar-winkelwagen, #btn-annuleer-cadeau, #btn-validate-cadeau, #btn-naar-tellafriend {
	font-size: 1.1em;
	font-weight: 400;
	line-height: 26px;
	background: #00AFF0!important;
	color: #FFF;
}

#account {
	position: relative;
}

#account div.uitloggen, #account div.gegevens {
	position: absolute;
	right: 6px;
	cursor: pointer;
	color: #05A5FB;
	line-height: 12px;
}

#account div.uitloggen {
	top: 6px;
}

#account div.gegevens {
	bottom: 0px;
}

#account > div span {
	color: #00AFF0!important;
}




#form-tell-a-friend {
	margin-top: 15px;
}


/** REACTIES HOME **/
span.reactie-auteur {
	font-weight: 600;
	color: #5B86A5;
}

span.reactie-label {
	font-size: 0.9em;
	color: #999;
	font-weight: 600;
}

/** REACTIES/BEOORDELINGEN **/
.beoordeling {
	margin-bottom: 12px;
	padding-top: 6px;
	background: rgba(0,125,200,0.05);
}

.beoordeling h3 {
	font-size: 13px;
}

.beoordeling .col-sm-7 .reactie-cijfer {
	font-size: 1.5em;
}


/** REACTIE FORM **/
ul.stars {
	list-style: none;
	cursor: pointer;
}

ul.stars li {
	display: inline-block;
}

ul.stars li span.glyphicon {
	font-size: 2em;
	color: #CCC;
}

ul.stars li span.glyphicon-star {
	color: #FFE642;
	text-shadow: 1px 1px 1px #333;
}

div.criterium {
	text-align: right;
}

/** UITGESCHAKELDE RATING-LIST **/
.stars.disabled {
	font-size: 0.6em;
}

.stars.disabled.total {
	font-size: 0.80em;
}

@media (max-width: 768px) {
	div.criterium {
		text-align: left;
	}
}



div.fb-like {
	margin-top: 12px;
	overflow: hidden!important;
	width: auto!important;
}


#contact fieldset{
	border: 0px;
}

#contact fieldset label{
	float: left;
	border: 0px solid red;
	width: 350px;
	display: block;
}

#contact fieldset label.error{
	float: none;
	clear: right;
}

#contact input, #contact textarea {
	max-width: 480px;
}



#content{

}
#brandrow{
	background:#FBFBFB;
	padding: 20px;
	border: 1px solid #dce7eb;
	border-radius: 4px;
	margin: 0 0 20px 0;
}

#footer{
	background: #00AFF0;
	margin-top: 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	padding: 20px 15px;
	border-radius:4px
}

#footer h2 {
	font-size: 1.5em;
	margin-top: 8px;
	color: #FFF;
}

#footer a {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 1.1em;
	color: #FFF;
}

#footer .bgwhite img{
	max-width: 40%;
}

#footer2 {
	background: #FFF;
	margin-bottom: 20px;
}

#footer2 h2 {
	margin-top: 0;
}

.footer2-img {
	display: inline-block;
	float: left;
	max-height: 40px;
	margin: 6px;
	width:auto;
}

div.footer-content {
	padding-left: 6px;
}

div.footer-content img {
	display: block;
	margin: 12px auto;
	cursor: pointer;
	border-radius: 2px;
}

div.footer-content span.sms {
	line-height: 1.1;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 10px;
}

div.footer-content span.smsred {
	font-size: 22px;
	color: #FE0000;
}

div.footer-content span.smswhite {
	font-size: 16px;
	color: #FFF;
}

#disclaimer {
	color:#999;
	padding: 10px 0px;
	font-size: 0.8em;
	text-align: center;
}

.btn-primary{
	background: #00AFF0!important;
	border: 1px solid #eee;
	border-radius: 4px;

}

.btn-primary:hover {
	border: 1px solid #FFF;
	box-shadow: 0 0 1px 2px #eee;
}

#balk-bottom {
	position: absolute;
	bottom: -41px;
	background: #005388;
	z-index: 1;
	width: 100%;
	height: 80px;
}

#cadeau-canvas {
	position: relative;
	width: 100%;
}

#cadeau-overlay, .ajaxLoadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: rgba(255,255,255,0.9);
}

/** Alert boxes **/

div.alert-success, div.alert-warning, div.alert-danger, div.alert-info {
	color: #565656;
	background: #F2F7F9!important;
}

div.alert-success {
	border: 1px solid #3C764C!important;
}

div.alert-success h1, div.alert-success h2, div.alert-success h3, div.alert-success h4 {
	color: #3C764C;
}

div.alert-danger {
	border: 1px solid #FF0202;
}

div.alert-danger h1, div.alert-danger h2, div.alert-danger h3, div.alert-danger h4 {
	color: #FF0202;
}

div.alert-info {
	border: 1px solid #00AFF0;
}

div.alert-info h1, div.alert-info h2, div.alert-info h3, div.alert-info h4 {
	color: #21468B;
}


#orderhistorie td, #orderhistorie th, #spaarpunten th, #spaarpunten td {
	font-size: 0.88em;
}


/** Paginering **/
ul.paginering li {
	display: inline-block;
	margin: 4px 6px;
	color: #428bca;
}

ul.paginering li.active {
	text-decoration: underline;
	font-weight: 600;
	font-size: 1.1em;
}


/** Transfer To **/

.landenbox:not(.land_actief) {
	display: none;
}

.select_letter li {
	color: #00AFF0;
	font-size: 1.2em;
	cursor: pointer;
	float: left;
	text-align: center;
	width: 30px;
	height: 30px;
}

div.provider * {
	display: inline-block;
}

.select_letter li.actief {
	font-weight: 600;
	font-size: 1.3em;
	text-decoration: underline;
}

.land {
	min-height: 200px;
}

@media(max-width: 768px) {
	.land {
		min-height: 150px;
	}
}




/** Animatie **/

#envelope {
	position: relative;
	width: 500px;
	margin: 0 auto;
	display: block;
}

#envelope_top {
	z-index: 30;
	width: 500px;
	position: absolute;
	top: 0;
	left: 4000px;
}

#envelope_bottom {
	z-index: 50;
	width: 500px;
	position: absolute;
	top: 140px;
	left: 4000px;
}

#envelope_content {
	z-index: 40;
	width: 500px;
	height: 210px;
	position: absolute;
	overflow: hidden;
	left: 4000px;
	top: 140px;
}

#cadeau_wrapper {
	border: 1px solid #DDD;
	background: #FFF;
	position: relative;
	min-height: 300px;
	width: 100%;
	padding: 42px 4px 4px 4px;
}

#cadeau_vouchers {
	width: 100%;
}

#table_cadeau_vouchers {

	width: 100%;
}
.mail-error{
	color: red;
	margin-top: 10px;
	margin-bottom: 20px;

}
.checkout-overlay{
	position: absolute;
	background: #ffffffa8;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.checkout-overlay .loading i{
	color: #00aff0;
}
.checkout-overlay .loading{
	width:120px;
	height:60px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-60px;
	margin-top:-30px;
}
.m-b{
	margin-bottom:10px;
}
#order-error-message{
	border: 2px solid red;
	border-radius: 4px;
	color: red;
	padding: 15px;
}
.form-control.error{
	border-color:red
}
.flex{
	display: flex;
	flex-wrap: wrap;

}
.merchant-item{
	display: inline-block;
	vertical-align: middle;
	max-width: 40px;
	margin: 0 10px 5px 10px;
}

.flash-message{
	position:relative;
	border-radius:3px;
	padding:20px 20px 20px 50px;
	border:1px solid #f3b640;
	border-left-width:5px;
	background-color:#fffbf0;
}
.flash-message-warning:before{
	position:absolute;
	left:20px;
	content: '\f071';
	font-family:'FontAwesome'
}
.flash-message .title{
	font-size: 15px;
	font-weight:bold;
}
.flash-message .message{
	padding-top:5px;
}