/* Body */

body {
	background: linear-gradient(180deg, rgba(255,48,48,1) 0%, rgba(255,255,255,1) 50%, rgba(25,81,245,1) 100%);
	background: #f0f5ff;
    background-repeat: repeat;
    background-attachment: fixed;
	background-position: center;
}

#content {
	border: 1px solid #eaeaea;
    border-top: none;
	box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 2%);
}

.bg_footer { 
	border-top: 1px solid #eaeaea;
	box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 2%);

}

@media (max-width:479px) {
    .hidden-xxs {
        display: none;
    }
}

@media (max-width: 479px) {
    .col-xxs-12 {
        width: 100% !important;
    }
}

@media (max-width: 428px) {
	.hidden-xxxs {
		display: none;
	}
}

.container {
	height: auto;
}

@media screen and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
}

/* Nadruk met arcering */

.arcering {
	background: #ffffaaab;
    padding: 0px 5px;
    border-radius: 1px;
}

.nadruk {
	text-transform: uppercase;
    font-weight: 700;
}

/* Card colors */
.card#orange {
    border-color: #ff9b67;
}

#orange .card-header {
    border-color: #ff9b67;
    background: bisque;
    color: #ff5700;
}

#orange .card-body {
    background: #fffaf4;
}

.card#blue {
    border-color: #709bc5;
}

#blue .card-header {
    border-color: #709bc5;
    background: #e5eef7;
    color: #214262;
}

#blue .card-body {
    background: #f8f9fa;
}

/* Fonts */

.font-size-xl {
	font-size: x-large;
}

.orange {
    color: #ff5700;
}

.gray {
	color: #454545;
}

.red {
	color: red;
}

.green {
	color: #00b600;
}

.smaller {
	font-size: 60%;
}
	
.font-size-xxl {
	font-size: xx-large;
}

@media screen and (max-width: 568px) {
	.xs-small {
		font-size: small;
	}
}

/* Footer */


.bg_footer {
	background: #fff;
}

.footer {
    color: #dadada;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    color: #333333;
	font-size: 0.95rem;
}

.footer a {
    color: #2e5da2;
	text-decoration: none;
}

.footer a:hover {
    color: #1b3b67;
	text-decoration: underline;
}

.logo-footer {
   max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo-footer {
		padding: 10px 1px;
	}
}

@media (min-width: 0px) and (max-width: 712px) {
	.logo-footer {
		padding: 10px 0px;
	}
}

@media (max-width: 767px) {
	#footer-nav a {
		display: block;
	}
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	color: #254293;
	font-weight: 700;
}

h1 {
	font-weight: 800;
	font-size: 3.5em;
}

.top h1 {
    color: #fff;
    text-shadow: -2px 2px 4px #16283a
}

h2 {
    font-size: 2.25em;
	/* color: #ff5700; */
}

h3 {
	font-size: 1.5em;
	font-weight: 500;
}

h3#subtitle {
    margin-top: -10px;
    font-weight: 300;
}

h4 {
	font-size: 1.8em;
}

h5 {
	font-size: 1.6em;
}

h6 {
	font-size: 1.4em;
}


#aboutus h4 {
    color: #ffffff;
    font-weight: 700;
}


.header-link {
	color: #fff;
}

.header-link:hover {
    text-decoration: none;
	color: #ffffff;
}

/* Headers small screens */

@media (max-width: 767px) and (min-width: 270px) {
h1 {
    margin-top: 20px;
	}
}

@media screen and (max-width: 269px) {
	h1 {
		font-size: 1.3rem;
		margin-top: 20px;
		font-weight: 500;
	}
}

@media screen and (max-width: 767px) and (min-width: 658px) {
	h1 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 657px) and (min-width: 270px) {
	h1 {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 567px) and (min-width: 270px) {
	h2 {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 269px) {
	h2 {
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 567px) and (min-width: 270px) {
	h3 {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 269px) {
	h3 {
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 475px) and (min-width: 270px) {
	h4 {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 269px) {
	h4 {
		font-size: 1rem;
	}
}

@media screen and (max-width: 475px) and (min-width: 270px) {
	h5 {
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 269px) {
	h5 {
		font-size: 1rem;
	}
}

/* Top 2 */ 

.top {
	background-color: #132761;
    color: #ffffff;
    background: linear-gradient(to bottom, #274496 0%, #132761 100%);
}

.top .title {
    text-align: center;
    line-height: 30px;
    font-size: 11px;
}

.top .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 767px) {
	.top .title {
		background-color: transparent;
		margin-top: -12px;
	}
	.lesspadding {
		padding-left: 0px;
		padding-right: 0px;
	}	
	.margin-bottom-20 {
		padding-top: 0px;
	}
} 

.top-row {
	border-bottom: 1px solid #0f2051;
    border-bottom: 1px solid #ffcc00;
}

.top-row .title {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
}

.header-vlag {
    width: 1.6em;
}

.vlag-links {
    padding-right: 0.5rem;
}

.vlag-rechts {
    padding-left: 0.5rem;
}
	
/* Subtop */

.subtop {
	background: #eccd01;
    border-bottom: 1px solid #c69d01;
	color: #454545;
}

.step-indicator {
	color: inherit;
}

.subcontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 35px;
	max-width: 1170px;
}

i.fa.fa-shopping-cart {
    font-size: large;
	margin-top: 7px;
}

.currentpage {
    font-weight: 800;
}

.notcurrentpage {
	opacity: 0.3;
	color: #fff;
	border: 2px solid #6d2c00;
    background: #6d2c00;
}

.notcurrentpage a {
    text-decoration: none;
    color: white;
}

.notcurrentpage a:hover, a:active, a:focus {
    text-decoration: none;
    color: white;
}

/* Paddings and margins */

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

.p0 {
	padding: 0px;
}

.mt-20 {
	margin-top: 20px;
}

.mr-20 {
	margin-right: 20px;
}


/* Border-radius around content on large screens*/
.carousel-inner {	
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.slider-wrapper {
    padding: 0 0 25px 0;
	border-radius: 15px;
    box-shadow: 3px 3px 3px 1px #00000073;
}

@media (max-width: 767px) {
	.carousel-inner {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.slider-wrapper {
		border-radius: 0px;
	}
	.footer {
		border-radius: 0px;
	}
	
}
	
/* Slider-inner */

.slider-inner {
	padding: 30px 0 0 0;
}

@media (max-width: 767px) {
		.slider-inner {
			padding: 0 0 0 0;
		}
}

/* Images */

.img-centered {
	margin-left: auto;
	margin-right: auto;
}


@media (min-width: 468px) and (max-width: 991px) {
	.img-smaller {
		max-width: 60%;
		}
}

.img-overzicht {
    max-width: 100%;
    border: 1px solid #333333;
    box-shadow: 2px 2px 5px 1px #cccccc;
    background: #f07000;
    background: -moz-radial-gradient(center, ellipse cover, #c66363 0%, #af1c08 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ec8319 0%,#f07000 100%);
    background: radial-gradient(ellipse at center, #e67c00 0%,#f16f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c66363', endColorstr='#af1c08',GradientType=1 );
    border-radius: 5px;
    border: 1px solid #cf6405;
}

/* Shopping cart */

.shoppingcart:hover .shoppingcartcontent {
    display: block;
    position: absolute;
    background: #ffffff;
    z-index: 1;
    right: 0px;
    margin-top: -2px;
    color: #1b3b67;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #333333;
	-webkit-box-shadow: 5px 10px 20px 0px rgb(37, 37, 37);
    box-shadow: 5px 10px 20px 0px rgb(37, 37, 37);
	line-height: 1.75em;
}

.winkelwagenitemprijs {
    padding-left: 15px;
}

.shoppingcart {
	color: #ffffff;
	text-align: right;
	float: right;
}
.shoppingcartcontent{
	display: none;
}
.shoppingcart:hover .shoppingcartcontent{
display : block;
}

.korting {
	color: #00ab00;
}

.korting .extraomschrijving {
  color: #00ab00;
}

/* Header Image */

.header-image {
	margin-bottom: 0px;
	max-width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.header-image .img-fluid {
	width: 100%!important;
}

.header-image#home {
    border-bottom: 1px solid #9c9c9c;
    box-shadow: 2px -4px 4px 4px #9c9c9c;
}

/* AMK Logo */

.small-logo {
    padding-top: 20px;
}

/* Fonts */

body {
	color: #4a4a4a;
	font-size: 1rem;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

p, a, li {
	line-height: 1.5;
}

a {
    color: #ff6901;
	text-decoration: none;
}

#readmorelink {
    color: #ff6901;
	font-size: small;
}

#readmorecollapse {
	display: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #e44300;
}

.subtext {
	color: #ffffff;
}

.center {
	text-align: center;
}

/* Formulier */

.form-header {
	border-bottom: 1px solid #333333;
}

.form-control:focus {
    border-color: #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(255, 132, 0, 0.40);
}

.custom-select:focus {
  border-color: #ccc;
}

.input-group {
    padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 2px;
}

select.form-control {
    padding: 0px 8px 1px;
}

.custom-select {
	display: inline-block;
	width: 100%;
}


@media screen and (max-width: 767px) {
	.form-1 .input-group {
		padding-top: 4px;
	}
}

.form-control::placeholder {
    color: #999999;
    opacity: 1;
    font-size: small;
    font-style: italic;
}

.inputerror .form-control {
    background: #ffe5e5;
}
/* Content */

.content {
	padding: 5px;
}

div#stap {
    text-align: center;
    max-width: 99%;
    margin-left: auto;
    margin-right: auto;
}

i.fa.fa-check.xl {
    font-size: xx-large;
}

.product-image {
	max-width: 100%;
	max-height: 275px;
	background: #2e5da2;
	background: linear-gradient(to top right, #1b3b67, #2e5da2);
	border-radius: 5px;
	margin-bottom: 20px;
	-webkit-box-shadow: 3px 3px 10px 2px #959595;
	box-shadow: 3px 3px 10px 2px #959595;
	border: 1px solid #1b3b67;
}

div#center {
    text-align: center;
}

#yesbox {
    background: white;
    border: 2px solid #c31519;
    box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 30%);
	padding: 10px;
	max-width: 65%;
    border-radius: .5rem;}

@media (max-width: 575px) {
	#yesbox {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

.yes {
	display: flex;
}

.yes-aligned {
	display: flex;
}

.yes-large {
	font-size: xx-large;
	font-weight:800;
}

@media (max-width: 576px) {
	.yes-large {
		font-size: x-large;
		font-weight:800;
	}
}

#noa {
	margin-top: 25px;
}

/* About the coin & About us on  homepage */

@media (max-width: 767px) {
	#aboutus #table .card-body {
		font-size: 0.75rem;
	}
}

@media (max-width: 767px)  {
	#lv .card-body {
		padding: 1rem;
	}
}

.bg-vlag::after {
    content: '';
    background: url(/images/2019/2_Bevrijding/misc/maple_leaf_45deg.png);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-size: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
}

.col-12 #table {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 767px) and (max-width:990px) {
	.row#aboutus {
		z-index: 0;
	}
}

@media (min-width: 991px) {
	.row#aboutus {
		z-index: 0;
	}
}

#aboutus .card-header, #share .card-header {
    background-color: #2c6194;
}

#aboutus .img-responsive {
    max-width: 100%;
    background: #f07000;
    background: -moz-radial-gradient(center, ellipse cover, #c66363 0%, #af1c08 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ec8319 0%,#f07000 100%);
    background: radial-gradient(ellipse at center, #e67c00 0%,#f16f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c66363', endColorstr='#af1c08',GradientType=1 );
    border-radius: 5px;
    border: 1px solid #cf6405;
}

.card-footer h5 {
    font-weight: 600;
}
	
#algemene-voorwaarden p {
    padding: 25px 0px 25px 0px;
}

.img-responsive {
    max-width: 100%;
}

/* Specificaties tabel */

#table .card {
    border: none;
}

.bg-specs {
    background-color: oldlace;
    color: #635948;
    border: 1px solid #e0bd81;
    border-radius: .25rem;
}

#specs td:first-child { 
	font-weight: 600;
}

#specs td:first-child { 
}

#specs td {
	padding: 5px 10px;
    border-bottom: 1px solid #d8cdba;
}

/* Tables */

.form-outline {
    background: white;
	border: 1px solid #274496;
	border-radius: .5rem;
	box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 26%);
    margin-top: -10px;
    margin-bottom: 20px;
	padding: 5px;
}

td.form-1 {
    padding: 5px 10px;
}

@media screen and (max-width: 390px) {
	.form-outline {
		margin-top: 0px;
	}
}

	
@media screen and (min-width: 1281px) {
	.form-outline {
		margin-top: -50px;
	}
}

@media screen and (max-width: 990px) {
	.form-outline {
		margin-top: -25px;
	}
}

@media screen and (max-width: 768px) {
	.form-outline {
		margin-top: 0px;
	}
}

.offer {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #ed0000;
    margin-bottom: 10px;
    padding: 10px;
    color: #000000;
	text-align: center;
	background: #fff5f5;
}

.offer h3 {
	color: #000000;
	font-weight: 700;
}

.offer p {
	line-height: 1.2;
}

@media (max-width: 767px) {
	.offer {
		max-width: 80%;
		padding: 7px;
		margin-bottom: 5px;
	}
	
	.offer p {
		line-height: 1.2;
	}
}

@media (max-width: 477px) {
	.offer {
		max-width: 90%;
	}
}

.specifications {
    border: 2px solid #2e5da2;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
	background: #fffaf4;
}

.certificate {
    border: 1px solid #244c81;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
	max-width: 500px;
}

.certificate-header {
    background: #ccc;
    color: white;
	min-height: 3.5rem;
}

.certificate-content {
	font-style: italic;
	min-height: 3.5rem;
}

.certificate-name {
	background: #eee;
	font-size: large;
	font-family: serif;
	font-style: italic;
	min-height: 3.5rem;
}

/* Buttons */

.btn-right {
    float: right;
	margin-top: 10px;
}

.btn-left {
	float: left;
	margin-top: 10px;
}

.btn-primary {
	color:#fff;background-color:#FF550B;border-color:#FF550B}
.btn-primary:hover {
	color:#fff;background-color:#e44500;border-color:#d74100}
.btn-primary:focus,.btn-primary.focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}
.btn-primary.disabled,.btn-primary:disabled {
	color:#fff;background-color:#FF550B;border-color:#FF550B}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
	color:#fff;background-color:#d74100;border-color:#ca3d00}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}

.btn-primary-light {
	color:#fff;background-color:#ff8753;border-color:#ff8753}
.btn-primary-light:hover {
	color:#fff;background-color:#e44500;border-color:#d74100}
.btn-primary-light:focus,.btn-primary-light.focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}
.btn-primary-light.disabled,.btn-primary-light:disabled {
	color:#fff;background-color:#ff8753;border-color:#ff8753}
.btn-primary-light:not(:disabled):not(.disabled):active,.btn-primary-light:not(:disabled):not(.disabled).active,.show>.btn-primary-light.dropdown-toggle {
	color:#fff;background-color:#d74100;border-color:#ca3d00}
.btn-primary-light:not(:disabled):not(.disabled):active:focus,.btn-primary-light:not(:disabled):not(.disabled).active:focus,.show>.btn-primary-light.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(255,111,48,0.5)}

.btn-green {
	color:#fff;background-color:#00b002;border-color:#00b002}
.btn-green:hover {
	color:#fff;background-color:#009502;border-color:#009502}
.btn-green:focus,.btn-green.focus {
	box-shadow:0 0 0 0.2rem rgb(11 163 0 / 50%)}
.btn-green.disabled,.btn-green:disabled {
	color:#fff;background-color:#00b002;border-color:#00b002}
.btn-green:not(:disabled):not(.disabled):active,.btn-green:not(:disabled):not(.disabled).active,.show>.btn-green.dropdown-toggle {
	color:#fff;background-color:#009502;border-color:#009502}
.btn-green:not(:disabled):not(.disabled):active:focus,.btn-green:not(:disabled):not(.disabled).active:focus,.show>.btn-green.dropdown-toggle:focus {
	box-shadow:0 0 0 0.2rem rgb(11 163 0 / 50%)}

.btn-gradient {
	background: -moz-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(241,111,0,1) 26%, rgba(241,111,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,239,227,1)), color-stop(1%, rgba(255,147,59,1)), color-stop(26%, rgba(241,111,0,1)), color-stop(100%, rgba(241,111,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(241,111,0,1) 26%, rgba(241,111,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(241,111,0,1) 26%, rgba(241,111,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(241,111,0,1) 26%, rgba(241,111,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(241,111,0,1) 26%, rgba(241,111,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefe3', endColorstr='#f16f00', GradientType=0 );
}
.btn-gradient:hover, .btn-gradient:active, .btn-gradient:focus { 
	background: -moz-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(240,84,0,1) 26%, rgba(240,76,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,239,227,1)), color-stop(1%, rgba(255,147,59,1)), color-stop(26%, rgba(240,84,0,1)), color-stop(100%, rgba(240,76,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(240,84,0,1) 26%, rgba(240,76,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(240,84,0,1) 26%, rgba(240,76,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(240,84,0,1) 26%, rgba(240,76,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,239,227,1) 0%, rgba(255,147,59,1) 1%, rgba(240,84,0,1) 26%, rgba(240,76,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefe3', endColorstr='#f04c00', GradientType=0 );
}

.btn-overzicht {
    margin-top: 10px;
}

.btn-xl {
	font-size: x-large;
	font-weight: 600;
}

.btn-gray {
	background: #dadada;
	color: #ffffff;
}

.btn-gray:hover {
	background: #aeaeae;
	color: #ffffff;
}

.btn-pills {
    border-radius: 12px;
    padding: 5px 10px;
}

@media screen and (min-width: 767px) {
	.btn-md-block {
		max-width: 100%!important;
		width: 100%!important;
	}
}

/* Invisible button after "Read more" */

button[aria-expanded="true"],
[role="button"][aria-expanded="true"] {
	display: none;
}

/* Specificaties tabel */

.table-specs {
    margin-left: auto;
    margin-right: auto;
	color: #000000;
}

.specificaties th {
    background: #2d5da2;
    padding: 5px;
    text-align: center;
}

td.specificaties {
    border: 1px dashed #dae7f8;
	padding: 5px;
}

td.specificaties:first-child {
	font-weight: 600;
}

.specificaties tr:hover {
    background-color: rgb(219, 41, 41)!important;
    color: white;
}

/* Overzichtspagina */

h2#overzicht {
    margin-top: 25px;
}

h3#overzicht {
    padding-bottom: 10px;
    padding-top: 10px;
}

@media screen and (max-width: 767px) {
.h2#overzicht {
	border-bottom: 1px solid #2d5da2;
	}
.h3#overzicht {
	border-bottom: 1px solid #2d5da2;
	}
}

.overzichtwinkelwagen {
	width: 100%;
}

 .overzichtwinkelwagen #bestellingselectie .totaalprijs {
  border-bottom: none;
 } 

 @media screen and (min-width: 768px ) and (max-width: 990px) {
	 .overzichtwinkelwagen #bestellingselectie .totaalprijs {
		width: 99%;
	}
 }
 
 @media (min-width: 378px) and (max-width: 430px) {
	 .overzichtwinkelwagen #bestellingselectie .totaalprijs	{
		width: 97%;
	}
 }
 
@media (max-width: 378px) {
	 .overzichtwinkelwagen #bestellingselectie .totaalprijs	{
		width: 99%;
	}
 }

#bestellingselectie .nietgekozen, #bestellingselectie .gekozen, #bestellingselectie .korting,  .totaalprijs {
	border-top: 1px solid #eaeaea;
	padding: 2px 0;
}

.cart-header {
    background: #e9ecef;
    padding: 2px 5px;
    font-weight: 600;
}
.winkelwagenafbeelding {
    width: 9%;
	display: inline-block;
	vertical-align: top;
}

.winkelwagenafbeelding img {
    max-width: 60px;
	width: 100%;
	vertical-align: top;
	padding-right: 2px;
    padding-bottom: 2px;
}
 
.winkelwagenitemomschrijving {
	display: inline-block;
	width: 71%;
}

.overzichtwinkelwagen #bestellingselectie .winkelwagenitemprijs {
	margin-right: 0px;
    display: inline-block;
    width: 16%;
    text-align: right;
    padding-left: 2px;
	vertical-align: top;
	padding-right: 2px;
}

.overzichtwinkelwagen #bestellingselectie .edititem {
	width: 5%;
}
 
@media screen and (min-width: 769px) {

	.winkelwagenafbeelding {
		width: 7%;
	}
	
	.winkelwagenitemomschrijving {
		width: 71%;
	}
	.overzichtwinkelwagen #bestellingselectie .winkelwagenitemprijs {
		width: 14%;
		padding-left: 0px;
		padding-right: 3px;
	}	 
}

@media screen and (min-width: 993px) {
	.winkelwagenafbeelding {
		width: 7%;
	}
	
	.winkelwagenitemomschrijving {
		width: 77%;
	}
	.overzichtwinkelwagen #bestellingselectie .winkelwagenitemprijs {
		width: 13%;
		padding-left: 0px;
		padding-right: 3px;
	}
	
}

.additem {
	display: block;
    font-size: 28px;
}

.gekozen, .nietgekozen, .korting {
    display: block;
    position: relative;
}

.extraomschrijving {
	font-size: small;
	color: #4a4a4a;
}

.korting .extraomschrijving {
	font-size: medium;
}

.eo_label {
	font-weight: 600;
}

.totaalprijs .winkelwagenitemomschrijving {
    text-align: right;
    padding-right: 20px;
}

i.fa.fa-plus-square {
    font-size: medium;
    float: right;	
}
i.fa.fa-pencil-square-o {
    color: #333333;
    font-size: medium;
    float: right;
}

#bestellingselectie .modal {
	background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    background-color: #0000005e;
}

.modal-cart {
	max-width: 650px;
}

.modal-title {
	font-size: 1.3em;
}

.close {
	opacity: 1;
	font-size: x-large;
}
.inputerror .form-control {
	border-color: red;
}

.nietgekozen {
    color: #ff8836;
}

.nietgekozen small {
    color: #454545;
}

.error {
	color: red;
}

.totaalbreak {
    border: none!important;
}

.btn-img {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.btn-img:hover,.btn-img:active, .btn-img:focus {
    border: none;
	outline: none;
}

#banklabel::after {
    content: url(../images/betalen-met-ideal-logo-sm.png);
    margin-left: 10px;
    margin-top: 3px;
}

/* Bestelling succes */

#bedankt {
    padding: 0px;
}

.a2astyle {
    width: auto;
    max-width: 300px;
}

#addtoany .card-header {
    background: #233e8c;
    background: linear-gradient(45deg, #142964 0%, #3c61c9 100%);
}

#bedanktaanbieding .card-body {
	background: #f4fff3;
}

.bg-gradient h3 {
	padding-bottom: 5px;
    border-bottom: 2px solid #f16f00;
}

.bg-gradient {
    background: #0f7706;
    background: linear-gradient(45deg, #0f7706 0%, #14bc05 100%);
}

#addtoany .card-body {
	background: #f7f8fb;
}


/* Betaling mislukt */

.img-overzicht#betaling {
	margin-top: 25px;
}

/* Card */

.text-tertiary {
    color: #2d5da2!important;
}

.border-tertiary {
    border-color: #2d5da2!important;
}


/* Tooltips */

#tooltip
{
    text-align: center;
    color: #fff;
    background: #4a4a4a;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #4a4a4a;
        content: '';
        position: absolute;
        left: 65%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #4a4a4a;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

/* Notifications */
	.noty_theme__relax.noty_type__success {
		background-color: #ffffff;
		border: 2px solid #c31519;
		color: #4a4a4a;
		border-radius: .25rem;
	}
	.notification .fa {
		font-size: 3rem;
		color: #078307;
	}
	.noty_close_button {
		width: 20px!important;
		font-size: x-large!important;
		height: 27px!important;
		padding-top: 0px!important;
		border-radius: 5px!important;
		border: 1px solid #fff;
		background: #fff;
	}
	
/* Featured & Populair Banner */ 
	.populair {
		background: white;
		border: 2px solid #4a4a4a;
		border-radius: 0.33rem;
		padding: 3px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: small;
		display: inline-block;
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		color: #4a4a4a;
		font-family: 'Roboto Slab', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	@media screen and (max-width: 767px) {
		.populair {
			font-size: 9px;
		}
	}

	.populair-mobile {
		background: white;
		border: 2px solid #4a4a4a;
		border-radius: 0.33rem;
		padding: 3px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: x-small;
		display: inline-block;
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		color: #4a4a4a;
		font-family: 'Roboto Slab', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
		width: fit-content;
	}

/* Teller op homepagina */

div.tellerResterend {
    background: #ffffaa;
    padding: 15px 10px 10px 10px;
    border: 1px solid #f3f399;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    height: 200px;
	position: inherit;
    z-index: 1;
}

#overzicht div.tellerResterend {
	margin-bottom: -10px;
}

@media screen and (max-width: 575px) {
	#overzicht div.tellerResterend {
		margin-bottom: -40px;
		margin-top: 40px;
	}
}

.tellerResterend h3 {
	color: #041574;
	font-family: 'Pacifico', cursive;
    font-size: xx-large;
	text-align: center;
	line-height: 1.6;
	font-weight: 500;
	color: #0a2e50;
}

@media screen and (max-width: 360px) {
	.tellerResterend h3 {
		font-size: x-large;
	}
}

@media screen and (max-width: 289px) {
	div.tellerResterend {
		width: 90%;
		height: auto;
		padding: 20px 10px 10px 10px;
	}
}

@media screen and (max-width: 677px) {
	div.tellerResterend {
		margin-top: -8px;
	}
	}

div.tellerResterendSm {
    background: #ffffaa;
    padding: 15px 10px 10px 10px;
    border: 1px solid #f3f399;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
	margin: 20px auto;
    max-width: 250px;
    height: 150px;
    position: inherit;
    z-index: 1;
}

.tellerResterendSm h3 {
    color: #041574;
    font-family: 'Pacifico', cursive;
    font-size: x-large;
    text-align: center;
    line-height: 1.6;
    color: #0a2e50;
}

.tellerResterendSm.md {
	margin: -20px auto;
}

/* Teller versie 2 */

	div.ticker {
		background: #ffffaa;
		padding: 15px 10px 10px 10px;
		border: 1px solid #f3f399;
		box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 20px;
		width: 200px;
	}

	h3.ticker {
		color: #041574;
		font-family: 'Pacifico', cursive;
		font-size: 1.4em;
		text-align: center;
		line-height: 1.6;
	}

	@media screen and (max-width: 767px) {
		div.ticker {
			margin-left: auto;
			margin-right: auto;
		}
	}

	@media screen and (max-width: 420px) {
		div.ticker {
			width: 150px;
			height: auto;
			padding: 20px 10px 10px 10px;
			margin-right: 15px;
			margin-left: 0px;
			margin-top: 10px;
		}
		
		h3.ticker {
			font-size: large;
		}
	}

/* Homepage - Text on the bottom of mobile screens */
	@media only screen and (max-width: 575px) {
		.btn-bottom-mobile {
			width: 100%;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 100000;
			padding: 8px;
			background: #f1f1f1;
			border-top: 1px solid #cccccc;
			text-align: center;
		}
		
		.btn-bottom-mobile .btn {
			float: none;
		}
		
		.footer {
			margin-bottom: 90px;
			padding-bottom: 20px;
		}
	}

	@media only screen and (max-width: 440px) {
		.footer {
			margin-bottom: 80px;
			padding-bottom: 60px;
		}
	}

	#extratxt {
		font-size: x-large;
		color: #f16f00;
		font-weight: bold;
		margin-right: 10px;
	}

	@media only screen and (max-width: 768px) {
		.btn-bottom-mobile .btn {
			margin-top: 0px;
		}
	}
		
	@media only screen and (max-width: 467px) {
		#extratxt {
			font-size: x-large;
		}
	}

	@media only screen and (max-width: 375px) {
		#extratxt {
			font-size: large;
		}
	}
	
/* Vervolgpagina's - Text on the bottom of mobile screens */

@media only screen and (max-width: 575px) {
	.btn-bottom-mobile-2 {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100000;
		padding: 2px;
		background: #fff;
		border: 2px solid #c31519;
		text-align: center;
	}
	
	.btn-bottom-mobile-2 .btn {
		float: none;
		margin-top: 0px;
	}
	
	.footer {
		margin-bottom: 60px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 440px) {
	.footer {
		margin-bottom: 90px;
		padding-bottom: 40px;
	}
}

/* Alert box */

@media screen and (max-width: 991px) {
    .noty_layout {
        display: none;
	}
}

.noty_close_button {
    width: 25px!important;
    font-size: x-large!important;
    height: 25px!important;
    padding-top: 2px!important;
	border-radius: 10px!important;
    border: 1px solid #7cdd77;
}

.notification {
	display: flex;
	margin: 10px;
}

.notification span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
}

.notification .fa {
	font-size: 3rem;
}

/* Bestelbox */

i.fa.fa-check {
    color: green;
    font-size: large;
    margin-right: 3px;
    margin-top: 0px;
}

ul {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-block-end: 0em;
    margin-block-start: 0em;
    color: #065406;
    font-size: medium;
}

#zekerheden h3 {
    color: #065406;
}

div#zekerheden {
    background: #ebfeeb;
}

#levering h3 {
	color: #ff263b;
}
div#levering {
	background: #fff7f8
}

.z-title {
    font-weight: 600;
}

.z-sub {
    font-size: small;
    color: #28a745;
    font-weight: 500;
    margin-bottom: 3px;
}

@media screen and (max-width: 676px) {
	.z-title {
        font-weight: 500;
	}
}

@media screen and (max-width: 575px) {
	.z-title {
        display: inline;
	}
}

@media screen and (max-width: 575px) {
	div#zekerheden {
        margin-top: 20px;
	}
}

/* Wilhelmina overlay */

.alert#wilhelmina::before {
    content: '';
    background: url('/images/2019/2_Bevrijding/misc/wilhelmina_haar.png');
    width: 95%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-size: 90%;
    left: 0;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.alert-primary#wilhelmina {
    background: #f1f8ff;
}

.header-vlag {
	display: none;
}

@media screen and (min-width:577px) {
	.yes-aligned .fa.fa-check.xl {
		margin-top: 10px;
	}
}

/* Overlay (Uitverkocht, binnenkort beschikbaar) */
#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}

.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    max-width: 954px;
    width: 100%;
}

/* Badges */

.badge-orange {
    background: #e55307;
    color: white;
}
.badge-blue {
    background: #254293;
    color: white;
}
.badge-yellow {
    background: #eccd01;
    color: white;
}

/* Microsoft Internet Explorer */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.row {
		display: inline;
		}
	.ms .row {
		display: flex;
	}
}

@media screen and (min-width:1025px) and (-ms-high-contrast: active), (min-width:1025px) and (-ms-high-contrast: none) {
	.btn-block, .btn-bottom-mobile {
		max-width: 400px!important;
	}

	.form-1 .row {
		max-width: 400px!important;
	}

	.form-1 p {
		max-width: 400px!important;
	}
}

@media screen and (max-width: 1024px) and (-ms-high-contrast: active), (max-width: 1024px) and (-ms-high-contrast: none) {	
	.btn-block {
		max-width: 250px!important;
	}

	.form-1 .row {
		max-width: 275px!important;
	}

	.form-1 p {
		max-width: 250px!important;
	}
}


/* Reviews */
.circle {
	background: #f5f5f5;
	border: 1px solid #eee;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #aeaeae;
	display: inline-block;
	font-weight: bold;
	line-height: 40px;
	margin-right: 8px;
	text-align: center;
	width: 40px;
	float: left;
}