/**
 *	RESET & SPECS
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0px; font-size:100%;	vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
address		{ font-style:normal; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

:root {
    --swiper-navigation-size: 27px;
}

*, ::before, ::after	{ box-sizing: content-box; }

.row *			{ box-sizing: border-box; } 

.xsInsertAnim	{ position: relative; z-index: 10; }

a				{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins				{ background-color:#ff9; color:#000; text-decoration:none; }
mark			{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del				{ text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table			{ border-collapse:collapse; border-spacing:0; }
hr				{ display:block; height:1px; border:0; border-top:1px solid #c4c4c4; margin:5px 0; padding:0; }
select			{ /*padding:2px;*/ vertical-align:middle; }

.divgumbuttons img			{ vertical-align:top; }
.xsGumMenuItem,
.xsGumMenuItemHover			{ text-align:left; }

.clearfix   { display:block; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; }

:focus									{ outline:none; }
input[type='button']					{ width:auto; overflow:visible; }
textarea								{ font:normal 14px/20px 'Roboto', Arial, Helvetica, Sans-Serif; }

nav ul		{ margin:0; list-style:none; }
ul 				{ margin:0 0 0 20px; }
ol 				{ list-style-type:decimal; margin:0 0 0 20px; }
	li				{ margin:0 0 0px; }

.hyphenate 	{	/* as close as it gets to fix 'm all */
  overflow-wrap:break-word; word-wrap:break-word;
	-webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto;
  hyphens:auto;
}

.container		{ padding: 0; }

.border-top		{ border-top:1px solid #ddd; }

.non-footer		{ min-height:100%; margin-bottom: -564px; }
.push			{ height: 564px; }

/**
 *	STYLES AND GLOBAL SETTINGS
 */
html	{ height:100%; -ms-overflow-y:scroll;	overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ height:100%; font:normal 16px/24px 'Roboto', Arial, Helvetica, Sans-Serif; letter-spacing:-0.0085em; color: #000;  background: #fff; }

body.account,
body.vervolg	{ background: #f8f7f7; }


h1		{ font-size: 44px; line-height: 46px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; margin: 0 0 15px; }
h2		{ font-size: 26px; line-height: 32px; font-weight: 600; margin: 0 0 15px; }
h3		{ font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 0 10px; }

@media only screen and (max-width: 400px)  	{
	h1		{ font-size: 32px; line-height: 36px; }
}

.pretitle				{ color:#79808a; }
.intro					{ font-weight:900; }
.whitespace				{ margin:0 0 25px; }
p								{ margin:0; }

.bottomruler		{ border-bottom:1px solid #c0c0c0; padding-bottom:10px; }

a							{ text-decoration: none; color:#000; }
a:hover						{ text-decoration: none; color:#000; }
a.decorated					{ text-decoration:underline; }
a.bookshelf					{ color:#00b1e2; }
a.locked-download:after 	{ padding:0 2px 0 0; content:" \f023"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

p a							{ color:#777; }

.xs-editmode-notice			{ padding:10px 10px 5px; background:#86bfe3; font-size:13px; line-height:16px; color:#fff; }
.xs-editmode-sideblock		{ margin:0 0 10px; padding:10px 0 5px; background:#86bfe3; }

.read-more							{ display: block; color: #00858f; }
	.read-more .fa-chevron-right		{ margin:0 0 0 5px; font-size: 12px; }

.actueel-list .read-more,
.side-block-bottom .read-more,
.actueel-list-item .read-more	{ font-weight:700; display:block; }
.side-block-bottom .fa-angle-right		{ font-weight:700; }

button:focus							{ outline: none; }
.button-wrapper							{ padding: 0; border: 0; background: 0; border: 0; cursor: pointer; }

.button-wrapper.bookshelf.waiting														{ background:#00b1e2 url('../images/bookshelf-preloader.gif') 33% center no-repeat; }
	.button-wrapper.bookshelf.waiting .button-label-left,
	.button-wrapper.bookshelf.waiting .fa-angle-right						{ display:none; }

#save-newsletter-prefs-button		{ float:left; }
#wachten-form-accountgegevens		{ margin:5px 0 0 10px; }

.button		{
	display:inline-flex; align-items:center; align-self:flex-start; padding:2px 15px;
	font:600 16px/34px 'Roboto', Arial, Helvetica, Sans-Serif; color:#fff;
	border:none; background:#777; cursor:pointer;
	-webkit-appearance: none;
}
.button:hover			{ background:#555; box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); border-color:#1fb1b3; z-index:20; }

.button.grey			{ background:#e7e7e7; color: #585858;}
.button.grey:hover		{ background:#555; color: #FFF; }

.button-wrapper.bookshelf .button,
.button-wrapper .button		{ background:transparent; box-shadow:none; }

.button-wrapper.disabled,
.inactive .button,
.inactive .button:hover 						{ width: auto; background-color: #ccc; text-decoration: none; cursor: not-allowed; box-shadow: none; }
.button-wrapper.disabled:hover,
.inactive .button-wrapper,
.inactive .button-wrapper:hover,
.inactive .button-wrapper:hover .button,
.inactive .button-wrapper:hover .button:hover 	{ background-color: #ccc; text-decoration: none; cursor: not-allowed; box-shadow: none; }


	.button-label-left			{ margin:0 10px 0 5px; }
	.button-label-right			{ margin:0 5px 0 10px; }
	.button .fa-angle-left		{ font-size:22px; }
	.button .fa-angle-right		{ font-size:22px; }

	@media only screen and (max-width: 780px)  	{

		.checkout .checkout-button-wrapper .btn-primary		{ display: none;}

	}

.textfield,
.textarea					{ width:290px; margin:0 10px 15px 0; padding:5px 10px; border:1px solid #ccc; background:#fff; font:normal 16px/22px 'Roboto', Arial, Helvetica, Sans-Serif; letter-spacing:-0.0085em; }

::placeholder				{ font-style: italic; }

.button-wrapper.disabled:hover .button 		{ background:#ccc; }
.shop-notification-mailme-button					{ display:inline-block; }


@media only screen and (max-width: 780px)  	{

	.textfield, .textarea		{ width: auto; }

}


.bg-pattern-lightgreen		{ background: url('../images/pattern_lightgreen.png') 0 0 repeat; }
.bg-pattern-white			{ background: url('../images/pattern_white.png') 0 0 repeat; }
.bg-pattern-green			{ background: url('../images/pattern_green.png') 0 0 repeat; }
.bg-pattern-darkblue		{ background: url('../images/pattern_darkblue.png') 0 0 repeat; color: #FFF; }
.bg-pattern-darkblue h2 	{ color: #FFF; } 

.carousel-container.bg-pattern-darkblue .slick-prev,
.carousel-container.bg-pattern-darkblue .slick-next		{ background: #5f7785; -webkit-transition: background 0.5s; transition: background 0.5s; }

.carousel-container.bg-pattern-darkblue .slick-prev:hover,
.carousel-container.bg-pattern-darkblue .slick-next:hover		{ background: #FFF;  }


/* APP BAR */
body.sticky .app-bar 	{ position:fixed; top: 0px; width:100%; background:#fff; z-index: 50; }
.app-bar				{ height: 40px; border-bottom: 1px solid #CCC; font: 400 22px/30px 'Roboto', Arial, Helvetica, Sans-serif; color: #000; box-sizing:border-box; }
.app-bar .content	{
	max-width: 980px; display: flex; flex-flow: row nowrap; justify-content: flex-start;
	border-left: 1px solid #CCC; margin: 0 auto; box-sizing:border-box; font: 400 22px/30px 'Roboto', Arial, Helvetica, Sans-serif; color: #000;
}
a.app-bar-tab   { height: 40px; border-bottom: 1px solid #CCC;  border-right: 1px solid #CCC; display: block; padding: 6px 15px; color: #000; font-size: 15px; line-height: 25px; box-sizing:border-box;}
a.app-bar-tab.active { border-bottom: 1px solid #FFF; box-sizing:border-box; }


/* TABLET */
@media only screen and (max-width: 780px)  	{
	.app-bar .content.open a.app-bar-tab		{ display:block; transition: ease all 2s; }
	.app-bar                					{ height: auto; border-bottom: 0px solid #CCC; }
	.app-bar .content							{ flex-flow: column nowrap; justify-content: flex-end; }
	a.app-bar-tab								{ display: none; text-align: right; border-right: 0px solid #CCC; order:1; cursor: pointer; }
	a.app-bar-tab.active						{ display: block;  border-bottom: 1px solid #CCC; order:0; } 
	a.app-bar-tab.active:after					{ content:"\f107"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; display: inline-block; margin-left: 5px; font-size: 20px; vertical-align:middle; } 
}

/**
 *	HEADER
 */
.header-top-bar					{ padding: 0 30px; background: #52b3a9; color: #fff; font-size: 14px; font-weight: 300; }
.header-top-bar *				{ box-sizing: content-box; }
	.header-top-bar-content			{ height: 41px; display: flex; align-items: center; justify-content: space-between; } 

	.header-top-menu-container		{ display: flex; }
		.headertop-menu-wrapper			{ position: relative; margin: 0 0 0 30px; text-transform: uppercase; }
			.headertop-menu-arrow			{ margin: 0 0 0 5px; font-size: 12px; }

			.headertop-menu-wrapper a		{ color: #fff; }
			.headertop-submenu-wrapper		{ position: absolute; width: 100%; right: -20px; padding: 10px 20px 15px; background: #52b3a9; z-index: 120; display: none; }
				.headertop-submenu-item			{ display: block; }

			.headertop-menu-wrapper:hover .headertop-submenu-wrapper		{ display: block; }

.headertop-menu-item.vangorcumedu  { color: #b2fff6; }

@media only screen and (max-width: 1130px) {

	.payoff                         { display: none; }
	.header-top-bar-content         { justify-content: flex-end; }

}

header									{ position: relative; height: 90px; background: #fff; z-index: 115; }

	.header-content-wrapper					{ position: relative; display: flex; justify-content: space-between; align-items: center; height: 92px; margin: 0 auto; padding: 0 30px; }
	.header-content-wrapper.checkout		{ __width: 1180px; height: auto; padding: 0; }

		.header-logo-wrapper					{ display: flex; justify-content: center; align-items: center; flex: 0 1 auto; height: 60px; }
			.header-logo							{ display: flex; margin: 0 10px 0 0; }
				.header-logo img						{ height: 44px; width: 100%; }
		.header-menu-wrapper					{ flex: 1 0 auto; }
		.header-search-wrapper					{ display: flex; flex: 0 1 auto; z-index: 50;}
			
			.header-buttons-wrapper					{ position: relative; display: flex; justify-content: space-between; align-items: center; flex: 0 1 auto; padding: 10px; }
				.header-search-wrapper .btn,
				.header-buttons-wrapper .btn			{ color: #000; color: #52b3a9; font-size: 22px; }

				.header-search-wrapper .btn-search-form		{ background: #152e3d; color: #fff; }

				.btn.mobile-menu-toggle					{ flex: 0 0 auto; margin: 0 20px 0 0; background: #f2f2f2; color: #000; display: none; }

			.header-search-form					{ display: flex; padding: 0 5px 0 30px; border-radius: 30px; border: 1px solid #52b3a9; }
				.header-form-search-input			{ border: none; width: 125px; background: transparent; font-size: 18px; line-height: 22px; color: #777; }
				.btn-search-form					{ padding: 7px 30px; border: none; background: #000; color: #fff; border-radius: 30px; font-size: 16px; cursor: pointer; }

			#headerSearchToggleButton:before			{ font-family: 'Font Awesome 5 Pro'; font-weight: 500; content: '\f002'; font-size: 20px; }
			
			#headerSearchToggleButton.active:before		{ content:' \f00d'; }

			.header-menu-wrapper								{ display: flex; justify-content: center; }

				.header-content-link-wrapper					{ position:relative; }
					a.header-content-link									{ display:flex; margin:0 0 0 14px; font-weight:700; text-decoration:none; cursor:pointer; }
					.icon-headset													{ height:19px; width:19px; margin:3px 3px 0 0; background:url('../images/icon-headset.svg') 0 0 / 18px auto no-repeat; }
					.header-content-link .fa							{ margin:3px 5px 0 0; font-size:17px; }
					.header-content-link .fa.fa-shopping-basket	{ margin:3px 5px 0 0; font-size:15px; }
					.header-basket-amount									{ margin:0 5px; font-size:16px; }

				.header-submenu-wrapper				{ position: absolute; top: 46px; left: -150px; width: 200px; padding: 20px 0 0; z-index: 99; display: none; }
					.header-submenu-pointer					{ position: absolute; top: 10px; right: 10px; height: 20px; width: 20px; background: url('../images/mobile-menu-pointer.png') 0 0 no-repeat; z-index:100; }
					.header-submenu-content					{ position:relative; padding:20px; text-align:left; font-size:15px; border:1px solid #c4c4c4; background:#fff; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.17); }
						.mobile-header-menu-close-button {
							position:absolute; top:0; left:-32px; height:32px; width:32px;
							background:#777 url('../images/close.svg') center center / 34px auto no-repeat; cursor:pointer; display:none;
						}
						.header-submenu								{ margin:0; list-style:none; }
							.header-submenu-item					{ margin:0 0 5px; }
								.header-submenu-item a 					{ display: block; }

				.header-shopping-basket									{ position: absolute; top: 46px; right: 0; width: 330px; padding: 20px 0 0; z-index: 10; display: none; }
				.account-header-button-wrapper:hover .header-submenu-wrapper	{ display:block; }
				.header-shopping-basket.header-submenu-wrapper			{ left: -226px; }
				.header-shopping-basket.open							{ display:block; }
					.header-shopping-basket-pointer							{ position: absolute; top: 10px; right: 11px; height: 20px; width: 20px; background: url('../images/mobile-menu-pointer.png') 0 0 no-repeat; }
					.header-shopping-basket-title							{ padding:0 0 10px; font-size:16px; font-weight:900; color:#000; border-bottom:1px solid #c4c4c4; }
					.header-shopping-basket-content	 {
						padding:20px; text-align:left; font-size:14px; line-height:18px; font-weight:normal; color:#4c4c4c;
						border:1px solid #c4c4c4; background:#fff; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.17);
					}
						.header-shopping-basket-product							{ position: relative; display:flex; justify-content:space-between; padding:10px 0 5px; border-top:1px solid #c4c4c4; }
							.header-shopping-basket-product-image-wrapper			{ width:50px; }
								.header-basket-product-image							{ width:100%; }
							.header-shopping-basket-product-info-wrapper			{ width:225px; }
								.header-shopping-basket-product-title					{ font-weight:700; color:#2a2a2a; }
								.header-shopping-basket-product-price					{ text-align:right; }
									.shop-overview-price-before								{ color:#bbb; text-decoration:line-through; }
						.header-shopping-basket-info									{ display:flex; justify-content:flex-end; padding:5px 0; border-top:1px solid #c4c4c4; }
						.header-shopping-basket-info.total								{ margin:0 0 15px; font-weight:700; }
							.header-shopping-basket-info-label								{ width:100px; text-align:left; }
							.header-shopping-basket-info-content							{ width:100px; text-align:right; }
						.header-shopping-basket-button				{ position:relative; display:block; margin:0 0 5px; padding:10px 0; background-color:#777; color:#fff; font-size:16px; font-weight:600; text-align:center; }
						.header-shopping-basket-button:hover		{ background:#555; box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); border-color:#1fb1b3; text-decoration:none; }
							.header-shopping-basket-button .fa-angle-right				{ position:absolute; right:15px; top:6px; font-size:26px; }
						.header-shopping-basket-message												{ font-size:12px; font-weight:700; text-align:center; color:#525252; }

	.header.checkout								{ height:70px; padding:25px 0 0; }
		.checkout-button-wrapper						{ width:33%; }
		/* .checkout-logo-wrapper							{ width:33%; display: flex; justify-content: center;  } */
        .checkout-logo-wrapper {
            background-color: #00a9b1;
            animation: bgColor 25s infinite linear; 
            -webkit-mask: url('/images/logo_vge.svg') no-repeat center / contain;
            mask: url('/images/logo_vge.svg') no-repeat center / contain;
            width: 175px;
            height: 56px;
          }
        
          @keyframes bgColor {
            10% {
                background-color: #00a9b1;
            }
            20% {
                background-color: #00a88e;
            }
            30% {
                background-color: #8cc63f;
            }
            40% {
                background-color: #fff200;
            }
            50% {
                background-color: #f7a71b;
            }
            60% {
                background-color: #f15f22;
            }
            70% {
                background-color: #ef434d;
            }
            80% {
                background-color: #ec008c;
            }
            90% {
                background-color: #7e489c;
            }
            100% {
              background-color: #233f8a;
            }
          }
			.header-logo.checkout								{ display:block; }
		.checkout-thuiswinkel-wrapper				{ width:33%; text-align:right; }
			.checkout-thuiswinkel-button				{ display: none; height:39px; width:115px; background:url('/images/thuiswinkel_waarborg.svg') 0 0 / 115px auto no-repeat; }

			.menu-item a.submenu-item								{ display:block; max-width: calc(100% - 20px); padding:5px 12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

	/* StickyCart popup :: TL@FB 20200218 */
	.header-abandoned-shopping-basket-notice	{     
		position: absolute; top: 55px; right: 0; color: #FFF; width: 160px; padding: 8px 20px 11px;
		text-align: center; border: 1px solid #52b3a9; background: #52b3a9; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.37);  font-size: 16px; line-height: 19px;
		z-index: 100; 
	}
	.header-abandoned-shopping-basket-notice::after	{
		position: absolute; top: -11px; right: 17px; content: ""; width: 0; height: 0;
		border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #52b3a9;
	}
	@media only screen and (max-width:767px) {
		.header-abandoned-shopping-basket-notice			{ right: 12px; }
		.header-abandoned-shopping-basket-notice::after		{ right: 5px; }
	}
			

/* STICKY HEADER  */
body .scrollspacer									{ height: 0; }
body.sticky header									{ position:fixed; top: 0px; width:100%; background:#fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3); z-index: 110; }
body.xs-editmode.sticky header						{ width: CALC(100% - 45px); }
body.xs-editmode.sticky .XSmenu-expanded header		{ width: CALC(100% - 230px); }
body.sticky .main-menu-wrapper						{ position:fixed; top: 133px; width:100%; z-index: 105; }
body.sticky .scrollspacer							{ height: 82px; }

.main-menu .headertop-menu-wrapper					{ display: none; }

@media only screen and (max-width: 1024px) {

	body.sticky .scrollspacer			{ height: 0; }
	body.sticky header					{ position: relative; }

	.header-top-bar						{ display: none; }

	header								{ height: auto; }
	.header-content-wrapper				{ flex-flow: row wrap; width: calc(100% - 20px); height: auto; padding: 10px; }
	.header-content-wrapper.checkout	{ flex-flow: row wrap; width: calc(100% - 20px); height: auto; padding: 10px; }
		.btn.mobile-menu-toggle				{ order: 1; display: flex; margin: 0 10px 0 10px; }
		.header-logo-wrapper				{ order: 2; flex: 1 1 auto; }
		.header-menu-wrapper				{ display: none;  position: absolute; top: 150px; left: 0; width: 100%; height: auto; overflow: scroll; background: #fff; box-shadow: 0 0 11px 6px rgba(0, 0, 0, 0.3); }
		.header-menu-wrapper.open			{ display: flex; }
		.header-buttons-wrapper				{ order: 3; }

		.header-search-wrapper				{ display: none; position: absolute; top: 82px; left: 0; width: calc(100% - 20px); margin: 0; padding: 5px 10px 10px; background: #fff; border-bottom: 1px solid #DDD; }
		.header-search-wrapper.open			{ display: flex; }
			.header-search-form					{ width: 100%; padding: 4px 4px 4px 15px; }
				#menuSearchForm						{ display: flex; width: calc(100% - 35px); margin: 0 auto; }
					.header-form-search-input			{ width: calc(100% - 33px); font-size: 16px; }
						.btn.btn-search-form				{ width: 20px; height: 18px; padding: 6px 3px 8px 8px; }
							.btn-search-form .fa-search			{ display: block; }
	


	.main-menu .headertop-menu-wrapper			{ display: block; margin: 0; border-bottom: 1px solid #ddd; }
		.main-menu .headertop-menu-wrapper a		{ display: block; padding: 10px 15px; font-size: 20px; color: #505050; font-family: 'Pragati Narrow', arial, sans-serif; font-weight: 700; text-transform: none; }
		.main-menu .headertop-submenu-wrapper		{ display: block; position: relative; right: 0; width: unset; padding: 0; background: none; }
			.main-menu a.headertop-submenu-item			{ padding: 10px 30px; font: normal 16px/24px 'Roboto', Arial, Helvetica, Sans-Serif; color: #000; }
				.main-menu .headertop-menu-arrow			{ display: none; }

			.main-menu a .fa-chevron-right			{ display: none; }


			
}

/**
 *	MENU
 */
.menu-backdrop							{ position:fixed; top:0; left:0; height:100%; width:100%; background:#000; opacity:.4; z-index:20; display:none; }
.main-menu-wrapper						{ position:relative; background:#777; z-index:110; }
.main-menu-wrapper.productgroup			{ margin:0; }
	.mobile-menu-pointer					{ position:absolute; top:-11px; left:13px; height:20px; width:20px; background:url('../images/mobile-menu-pointer.png') 0 0 no-repeat; display:none; }
	.main-menu-content						{ position:relative; width: 1098px; margin:0 auto; }
		.mobile-menu-close-button {
			position: fixed; top: 54px; right: 17px; height:32px; width:32px;
			background:#777 url('../images/close.svg') center center / 34px auto no-repeat; cursor:pointer; display:none;
		}
		.main-menu							{ display:flex; font-family: 'Pragati Narrow', arial, sans-serif; }
			.main-menu-toggle					{ padding:10px 20px; text-transform:uppercase; cursor:pointer; display:none; }
			.main-menu-toggle:hover				{ color:#fff; }
			ul.main-menu						{ margin:0; list-style:none; }
				.menu-item.libm						{ position:relative; margin: 0 5px 0 0; font-weight: 700; }
				.menu-item .btn-menu.active					{ border: 1px solid #02a2ae; }

					.menu-item.home a					{ padding:10px 20px 10px 0; }
					.menu-item .fa-home					{ font-size:20px; }
					.menu-item.home:hover,
					.menu-item.home a:hover				{ background:transparent; }
					.menu-item a 						{ display:block; font-size: 24px; line-height: 30px; font-weight: 700; color: #505050; text-decoration:none; }
					.menu-item .fa-chevron-down			{ font-size: 14px; margin-left: 4px; vertical-align: middle; margin-bottom: 2px; }


		.submenu-wrapper		{ position: absolute; top: 67px; left: 0; width: calc(100% - 60px); padding: 20px 30px 20px; background: #fff; box-shadow: 0 6px 10px -3px rgba(0, 0, 0, .5); display: none; }
			.submenu				{ width: 680px; margin: 0 auto; list-style: none; columns: 100px 2; }
				.submenu-item			{ margin: 0 0 2px; font-family: 'roboto'; font-weight: 400; }
					.submenu-item .fa-chevron-right		{ margin: 0 3px 0 0; font-size: 12px; color: #02a2ae; }
				.submenu-item.active	{ font-weight: 600; }
				.submenu-item:hover		{ text-decoration: underline; }

.btn-menu					{ border-radius: 25px; }
.btn-menu:hover				{ border-color: #02a2ae; }


	@media only screen and (max-width: 1185px) {

		.header-logo img		{ height: 45px; }
		.header-menu-wrapper	{ flex: 0 0 auto; }
			.menu-item a			{ padding: 5px 15px; font-size: 20px; }

	}

	@media only screen and (max-width: 1024px) {

		.main-menu								{ display: none; width: 100%; }
		.header-menu-wrapper.open .main-menu	{ display: block; }
			.btn.btn-menu						{ border-radius: 0; text-align: left; background: #fff; border-bottom: 1px solid #ddd; }
				.btn-menu:hover					{ border-color: #ddd; }

			.submenu-wrapper					{ display: block !important; position: relative; left: 0; top: 0; width: 100%; padding: 0; box-shadow: none; }
				.submenu							{ width: auto; margin: 0 auto; padding: 10px 0; list-style: none; columns: 1; }
					.menu-item a.submenu-item			{ padding: 10px 40px; border-bottom: 1px solid #ddd; }
						.submenu-item						{ display: block; padding: 10px 30px; }
					

		.menu-item.libm .btn						{ margin: 0; border-bottom: 0; border-top: 1px solid #ddd; }
	
	}

	@media only screen and (max-width: 550px) {

		.header-logo img				{ height: 32px; width: auto; }
		.submenu						{ padding: 0 0 10px; }
		.header-menu-extra-wrapper		{ border-top: 1px solid #ddd; }
	
		.main-menu .headertop-submenu-wrapper		{ padding: 0 0 10px; }
		
	}

	@media only screen and (max-width: 330px) {

		.header-logo img				{ height: 26px; width: auto; }

	}

/**
 *	ILLUSTRATION TOP
 */
 .illustration-top-wrapper		{ position:relative; height:225px; text-align:center; background-repeat:no-repeat; background-position:center bottom; overflow:hidden; margin-bottom: 40px; }
	 .illustration-top				{ position:absolute; left:0; right:0; margin: 0 auto; }

/**
 *	SLIDE
 */
 .slider-wrapper					{ position: relative; }
 .slick-slider						{ margin-bottom: 0; }

	.slider-front-wrapper				{ position: absolute; height: 33vw; max-height: 465px; width: 100%; background: url('../images/slider-mask.png') 0 0 no-repeat; background-size: cover; z-index: 20; }

	.slider													{ position: relative; }
		.slide.wit												{ color: #fff; }

			.slider-wrapper .slick-slide			{ height: 33vw !important; max-height: 465px !important; }
				.slider-wrapper .slick-slide img		{ __height: 100%; }

					.carousel .slick-track								{ margin: 0 auto; padding: 24px 0 0; }

					.slide-content										{ display:flex; justify-content:center; width:980px; height:280px; margin:0 auto; padding:40px 0; }
					.slide-content.bgimage								{ justify-content:flex-end; }
					.slide-content.bgimage.left							{ justify-content:flex-start; }

						.slide-wrapper-link,
						.slide-wrapper-link:hover						{ display:block; height:100%; text-decoration:none; }

						.slide-image-wrapper							{ display:flex; align-items:center; justify-content:center; width:200px; height:100%; margin:0 40px 0 0; }
						.right .slide-image-wrapper						{ order:2; margin:0 0 0 40px; }
						.landscape .slide-image-wrapper					{ width:370px; }
							.slide-image									{ width:auto; max-width:100%; align-self:center; }
						.slide-content-wrapper							{ display:flex; align-items:center; width:575px; }
						.right .slide-content-wrapper					{ order:1; }
						.landscape .slide-content-wrapper				{ width:405; }

							.slide-link									{  }
							.slide-link.clr-wit							{ color:#fff; }
							.slide-link.clr-zwart						{ color:#000; }
							.slide-link.clr-lightgrijs					{ color:#dcdcdc; }
							.slide-link.clr-donkergrijs					{ color:#4a4f56; }
							.slide-link.clr-accent						{ color:#0084bc; }
							.slide-link.clr-accent2						{ color:#5ebc02; }

							.button.clr-wit								{ background-color:#fff; color:#000; }
							.button.clr-zwart							{ background-color:#000; }
							.button.clr-lightgrijs						{ background-color:#efefef; }
							.button.clr-donkergrijs						{ background-color:#4a4f56; }
							.button.clr-accent							{ background-color:#0084bc; }
							.button.clr-accent2							{ background-color:#5ebc02; }

							.button.clr-wit:hover						{ background-color:#fff; }
							.button.clr-zwart:hover						{ background-color:#000; }
							.button.clr-lightgrijs:hover				{ background-color:#efefef; }
							.button.clr-donkergrijs:hover				{ background-color:#4a4f56; }
							.button.clr-accent:hover					{ background-color:#0084bc; }
							.button.clr-accent2:hover					{ background-color:#5ebc02; }


		.slide-edit-wrapper						{ display:flex; width:980px; margin:0 auto 10px; background:#fff; }
			.slide-edit-gumbuttons					{ padding:10px 15px 0; }
			.slide-edit-title						{ padding:5px; font-weight:600; }

		.slide-banner								{ __height: 550px; text-align: center; }

		.slick-dots									{ position:absolute; bottom:11px; right:62px; line-height:0; text-align:right; }
			.slick-dots li								{ height:11px; width:11px; margin:0 7px 0 0; }
				.slick-dots li button						{ display:block; height:10px; width:10px; background:#eee; border-radius:12px; }
				.slick-dots li.slick-active button			{ background:#333; }

			.slick-dots.dark li button					{ background:#999; }
			.slick-dots.dark li.slick-active button		{ background:#333; }

		.slider-pause-button					{ position:absolute; bottom:10px; right:50px; height:12px; width:12px; background:url('../images/slider-pause.svg') -4px -4px / 18px auto no-repeat; cursor:pointer; }
		.slider-pause-button.paused				{ background:url('../images/slider-play.svg') -4px -4px / 18px auto no-repeat; }

		.slick-prev, .slick-next				{ z-index: 30; }

	.slide-banner.bg-wit,
	.slide.bg-wit								{ background-color:#fff; }
	.slide-banner.bg-zwart,
	.slide.bg-zwart								{ background-color:#000; }
	.slide-banner.bg-lightgrijs,
	.slide.bg-lightgrijs						{ background-color:#efefef; }
	.slide-banner.bg-donkergrijs,
	.slide.bg-donkergrijs						{ background-color:#4a4f56; }
	.slide-banner.bg-accent,
	.slide.bg-accent							{ background-color:#0084bc; }
	.slide-banner.bg-accent,
	.slide.bg-accent							{ background-color:#5ebc02; }

	@media only screen and (max-width: 620px) {

		.slider-intro-wrapper					{ top: 115px; left: 0; right: 0; width: 80%; margin: 0 auto; background-size: contain; }
			.slider-intro-content					{ padding: 75px 45px; }
				.slider-intro-title						{ font-size: 30px; line-height: 34px; }
				.slider-intro-text						{ display: none; }
				
			.slick-prev			{ left: 0 !important; }
			.slick-next			{ right: 0 !important; }
	}

/**
 *	ILLUSTRATION TOP
 */
.illustration-top-wrapper						{ position:relative; height:225px; text-align:center; background-repeat:no-repeat; background-position:center bottom; overflow:hidden; }

.illustration-top-wrapper.bg-wit				{ background-color:#fff; }
.illustration-top-wrapper.bg-zwart				{ background-color:#000; }
.illustration-top-wrapper.bg-lightgrijs			{ background-color:#efefef; }
.illustration-top-wrapper.bg-donkergrijs		{ background-color:#4a4f56; }
.illustration-top-wrapper.bg-accent				{ background-color:#0084bc; }
.illustration-top-wrapper.bg-accent				{ background-color:#5ebc02; }

	.illustration-top							{ position:absolute; left:0; right:0; margin: 0 auto; }


/**
 *	PAGE
 */
.page							{ width: 1180px; margin: 0 auto; }
.page.home						{ padding: 25px 0 0; }
.page.account					{ padding: 30px 0 0; }
.full-page						{ height: calc(100vh  - 176px); }

.accountpage-container					{ margin: 0 0 30px; padding: 60px 100px; background: #fff; }

.page-content-wrapper				{ display: flex; justify-content: space-between; width: 1180px; margin: 0 auto 50px; }
.page-content-wrapper.vervolg		{ padding: 40px 0 0; }
	.page-content-side-wrapper			{ flex: 0 0 280px; margin: 0 20px 0 0; }
	.page-content-main-wrapper			{ flex: 1 1 880px; }

	@media only screen and (max-width: 1220px) {

		.page-content-wrapper					{ width: auto; }
			.accountpage-container				{ padding: 20px 30px; }

	}

	@media only screen and (max-width: 1024px) {

		.page-content-wrapper						{	flex-flow: column nowrap; }
			.page-content-side-wrapper			{ flex: 0; margin: 0 0 20px; padding: 20px 20px 0; }
			.page-content-main-wrapper			{ padding: 0 20px; }

	}

.article-large				{ padding: 60px; font-size: 16px; line-height: 22px; background: #fff; }

/**
 *	HOMEPAGE
 */
	.home-content-wrapper				{ display:flex; justify-content:space-between; }
		.home-content-main					{ width:650px; }
		.home-content-side					{ width:300px; }

	.lijn												{ margin:0 0 25px; border-bottom:1px solid #c0c0c0; }

	@media only screen and (max-width: 1220px) {
	
		.page		{ width: calc(920px - 40px); }

		.homepage-main		{ background: #f1f0ef; }
	
	}

	@media only screen and (max-width: 920px) {
	
		.page			{ width: calc(620px - 40px); }
		.page.checkout	{ width: calc(100% - 40px); }

	}

	@media only screen and (max-width: 620px) {

		.page							{ width: calc(100% - 40px); }
		
	}

.homepage-intros-container			{ margin: 0 auto; padding: 40px 0; background: #faf9f9; }
.homepage-intros-container *		{ box-sizing: content-box; /* edit-mode fix */ }

	.homepage-intros-content		{ position: relative; width: 1140px; margin: 0 auto; padding: 0 0 80px; }
		.homepage-intros-title				{ padding: 0 20px 10px; font-size: 30px; line-height: 32px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; color: #505050; }
		.homepage-intros-wrapper			{ position: relative; width: 400px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05); padding: 0; z-index: 30; }
			.homepage-intro-block				{ display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 10px; }
			.homepage-intro-block.block1		{ background: #fff url('../images/introblok-1-bg.gif') 0 -10px repeat-x; }
			.homepage-intro-block.block2		{ background: #fff url('../images/introblok-2-bg.gif') 0 -10px repeat-x; }
			.homepage-intro-block.block3		{ background: #fff url('../images/introblok-3-bg.gif') 0 -10px repeat-x; }
			.homepage-intro-block.block4		{ background: #fff url('../images/introblok-4-bg.gif') 0 -10px repeat-x; }
			.homepage-intro-block.block5		{ background: #fff url('../images/introblok-5-bg.gif') 0 -10px repeat-x; }
			.homepage-intro-block.block6		{ background: #fff url('../images/introblok-6-bg.gif') 0 -10px repeat-x; }
				.homepage-intro-image-wrapper		{ margin: 0 0 20px; }
					.homepage-intro-image				{ max-width: 94%; }
				.homepage-intro-title				{ position: relative; font-size: 30px; line-height: 32px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; color: #505050; }
					.homepage-intro-title .introblock-toggle-icon	{ position: absolute; top: 13px; right: 0; font-size: 16px; color: #52b3a9; cursor: pointer; display: none; }

				.homepage-intro-block.block1 .homepage-intro-title		{ color: #5eb5e5; }
				.homepage-intro-block.block2 .homepage-intro-title		{ color: #ef574b; }
				.homepage-intro-block.block3 .homepage-intro-title		{ color: #80529e; }
				.homepage-intro-content									{  }

				.homepage-intro-button-wrapper .btn-primary		{ display: inline-flex; align-items: center; font-weight: 600; font-size: 15px; }				
				.fa-arrow-right										{ margin: 0 0 0 10px; font-size: 12px; color: #000; }

		.homepage-intros-slider-container			{ position: absolute !important; top: 0; right: 0; height: 100%; }
					
			.homepage-intros-slider						{ position: absolute !important; top: 0; right: 0; width: 800px; margin: 0; z-index: 10; }

				.homepage-intro-slide					{ position: relative; }
					.homepage-intro-slide img				{ position: relative; z-index: 5; }
	
				.swiper-pagination						{ text-align: right; }
				.swiper-pagination-bullet-active		{ background: #ef574b; }


			.homepage-intros-slider-titles				{ position: absolute !important; bottom: 65px; right: -20px; width: 500px; z-index: 30; }
				.homepage-intro-slide-title				{ display: flex !important; justify-content: flex-end; }
				.homepage-intro-slide-link				{
					display: inline-flex; align-items: center; padding: 5px 20px;
					font-size: 24px; line-height: 28px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; background: #ef574b; color: #fff;
				}
				.homepage-intro-slide-link .fa-angle-right		{ margin: 0 0 0 10px; font-weight: 100; }

		.homepage-intros-container .swiper		{ padding: 0; }	

	@media only screen and (max-width: 1220px) {
	
			.homepage-intro-block				{ flex: 0 0 calc(33% - 70px); }
				.homepage-intro-button-wrapper		{ margin: 0 0 15px; }

			.homepage-intros-content			{ width: 900px; }
			.homepage-intros-slider 			{ width: 700px; }

	}

	@media only screen and (max-width: 1024px) {

		.homepage-intros-wrapper			{ flex-flow: column nowrap; }
			.homepage-intro-block				{ padding: 15px 15px 0; margin: 0 0 15px; text-align: left; }

				.homepage-intro-title				{ margin: 0 0 10px; font-size: 24px; }
				.homepage-intro-title .icon-closed	{ display: block; }
				.homepage-intro-content,
				.homepage-intro-button-wrapper		{ display: none; }

				.open .homepage-intro-title .icon-closed	{ display: none; }
				.open .homepage-intro-title .icon-open,
				.open .homepage-intro-content,
				.open .homepage-intro-button-wrapper				{ display: block; }


		.homepage-intros-content			{ width: calc(100% - 40px); }
		.homepage-intros-slider 			{ width: 570px; }

		.homepage-intros-slider img			{ width: 100%; }

		.homepage-intros-slider-titles		{ bottom: 80px; right: -10px; }

		.homepage-intro-block				{ margin: 0; }

	}

	@media only screen and (max-width: 767px) {

		.homepage-intros-container			{ padding: 40px 0 0; }
		.homepage-intros-content			{ padding: 0; }

		.homepage-intros-slider-titles		{ bottom: 0; right: 0; width: 100%; }

		.homepage-intro-block				{ flex: 0 0 calc(100% - 20px); }
			.homepage-intro-image				{ width: auto; }

		.homepage-intros-wrapper			{ width: auto; margin: 0 0 20px; }

		.homepage-intros-slider-container,
		.homepage-intros-slider-titles			{ position: relative !important; }
		
		.homepage-intros-slider					{ position: relative !important; width: 100%; smax-height: 400px; }
		.homepage-intros-slider img				{ width: 100%; }

		.homepage-intros-slider-titles			{ bottom: 65px; right: -10px; }
			
	}
	
	.team-wrapper						{  }
		.team-title-wrapper					{ margin: 0 0 20px; }
		.team-content						{ width: 1100px; margin: 0 auto; padding: 90px 0 65px; text-align: center; }
			.team-members-wrapper				{ display: flex; justify-content: space-between; margin: 0 0 35px; }

	@media only screen and (max-width: 1140px) {

		.team-content					{ width: calc(100% - 40px); padding: 40px 20px 55px; }
		.team-members-wrapper			{ flex-flow: row wrap; }
			.team-member					{ flex: 0 0 50%; margin: 0 0 20px; text-align: center; }

	}

	@media only screen and (max-width: 600px) {

		.team-member			{ flex: 0 0 100%; }

	}

/**
 *	INTROBLOCK
 */
 .section-introductie					{ padding: 50px 0; }
	.introblock										{ width: 1000px; margin: 0 auto 70px; }
		.introblock-content								{ display:flex; justify-content: space-between; }
		.introblock-content.column						{ flex-direction: column; }
			.introblock.intro								{ padding: 25px 40px; }
			.introblock-image-wrapper						{ position: relative; order: 1; width: 48%; }

				/* columns */
			.columns2 .introblock-title,
			.columns2 .introblock-button-wrapper			{ text-align: center }
			.introblock-column-wrapper			{ display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 25px;  }
			.introblock-column-wrapper .introblock-column			{ width: 48%;  }

			.image-right .introblock-image-wrapper			{ order: 2; }
				.introblock-image								{ width: 100%; }
			.introblock-info-wrapper						{ order: 2; width: 48%; }
			.introblock-info-wrapper.no-image				{ width: auto; }
			.intro .introblock-info-wrapper					{ width: auto; }
			.image-right .introblock-info-wrapper			{ order: 1; }
				.introblock-title							{ margin: 0 0 10px;}
					.introblock-prefix							{ margin: 0 10px 0 0; color: #79808a; }
				.introblock-intro							{ margin: 0 0 15px; }
				.introblock-link-wrapper					{ font-size: 16px; line-height: 18px; font-weight: 18px; font-weight: 900; }

			@media only screen and (max-width: 600px) {

				.introblock							{ margin: 0 auto; }

				.introblock-content					{ flex-flow: column nowrap; }
				.introblock-image-wrapper			{ width: 100%; margin: 0 0 20px; }
				.introblock-info-wrapper,
				.introblock-border-top,
				.introblock-border-bottom			{ width: 100%; }

				.image-right .introblock-info-wrapper	{ order: 2; }

				.introblock-column-wrapper		{ flex-flow: column nowrap; }
				.introblock-column-wrapper .introblock-column			{ width: 100%;  }
			}



		.page-side-wrapper .introblock-image-wrapper		{ width:88px; }
		.page-side-wrapper .introblock-info-wrapper			{ width:196px; }

/* Introblock op homepage */
.homepage-main .introblock								{ margin: 0 auto 0; }
.homepage-main .introblock-border-top					{ background: none; }
.homepage-main .introblock-border-bottom				{ background: none; }

.clr-lightgrijs											{ background: #f2f2f2; }
.clr-donkergrijs										{ background: #787878; color:#fff; }
.clr-accent												{ background: #52b3a9; }
.clr-accent2											{ background: #5eb5e5; }
.clr-accent2 .btn										{ background: #52b3a9; }
.clr-accent2 .carousel-title-wrapper					{ color:#fff; }
.transparent											{ background: none; }
.color-invert											{ color: #FFF !important; }
.color-invert .btn,
.clr-accent2 .btn										{ background: #FFF; border-color: #FFF; color: #79808a; }

/**
 *	SIDEBAR-MENU
 */
.sidebar-menu-current-page						{ padding:5px 10px; border:1px solid #c4c4c4; background:#fff url('../images/arrow-down-black.svg') 98% center / 23px auto no-repeat; cursor:pointer; display:none; }
.sidebar-menu-current-page.open					{ background:#fff url('../images/arrow-up-black.svg') 98% center / 23px auto no-repeat; }
.sidebar-menu-wrapper							{ margin: 0 0 20px; padding: 40px; background: #fff; }
	.sidebar-menu-menu-container					{ position:relative; }
		.sidebar-menu									{ margin:0; list-style:none; }
			.sidebar-menu-item-wrapper						{  }
				.sidebar-menu-item								{ display:block; padding:2px 0; }
				.sidebar-menu-item.active						{ font-weight:700; }
			.sidebar-menu-sub								{ margin:0; list-style:none; }
				.sidebar-menu-item-sub-wrapper					{ display:flex; align-items:center; padding:0 0 0 10px; }
					.sidebar-menu-item-sub							{ display:block; width:100%; margin:0 0 0 3px; padding:2px 0; }
					.sidebar-menu-item-sub.active					{ font-weight:700; }
				.sidebar-menu-subsub							{ margin:0; list-style:none; }
					.sidebar-menu-item-subsub-wrapper				{ display:flex; align-items:center; padding:0 0 0 20px; }
						.sidebar-menu-item-subsub						{ display:block; width:100%; margin:0 0 0 3px; padding:2px 0; }
						.sidebar-menu-item-subsub.active				{ font-weight:700; }

	@media only screen and (max-width: 1024px) {

		.sidebar-menu-current-page			{ display: block; }
		.sidebar-menu-wrapper				{ padding: 0; }
			.sidebar-menu						{ display: none; }
			.sidebar-menu.open					{ display: block; border-color: #ccc; border-style: solid; border-width: 0 1px; }
			.sidebar-menu-item-wrapper			{ padding: 5px 10px; border-bottom: 1px solid #ccc; }
	
	}


	@media only screen and (max-width: 767px) {
		
		.sidebar-menu																{ display: block; }
			.sidebar-menu-item-wrapper:last-of-type			{ border: none; }
		
	}


/**
 *	BREADCRUMB
 */
.breadcrumb-wrapper				{ background: #fbba4d; }
	 .breadcrumb-content			{ margin: 0 0 0 30px; padding: 12px 10px 12px; color: #fff; font-size: 15px; font-weight: 400; background: #ef574b; }
	 .breadcrumb-wrapper.productoverzicht .breadcrumb-content { padding-top: 12px; padding-bottom: 3px; }
		.breadcrumb-item				{ margin:0 5px 0 0;  }
		.breadcrumb-link				{ color: #fff; }
		.breadcrumb-separator			{ margin:0 5px 0 0; color: #fff; font-size: 12px; }

.breadcrumb-wrapper.blue		{ background: #51b082; }
	.blue .breadcrumb-content		{ background: #5eb5e5; }

.breadcrumb-wrapper.orange		{ background: #fbba4d; }
	.orange .breadcrumb-content		{ background: #ef574b; }

.breadcrumb-wrapper.green		{ background: #5eb5e5; }
	.green .breadcrumb-content		{ background: #51b082; }

.breadcrumb-wrapper.purple		{ background: #e35296; }
	.purple .breadcrumb-content		{ background: #80529e; }


.breadcrumb-wrapper.productoverzicht		{ background: transparent; }
	.productoverzicht .breadcrumb-content		{ background: transparent; }

.breadcrumb-wrapper.vervolg			{ background: #52b3a9 url('../images/vervolg-top-bg-green.gif') right 0 no-repeat; }
	.breadcrumb-wrapper.vervolg .breadcrumb-content		{ background: transparent; }


.vervolg-header-title			{ font-size: 44px; line-height: 46px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; color: #fff; }

@media only screen and (max-width: 767px) {
	.breadcrumb-content			{ margin: 0 0 0 15px; font-size: 13px; }
	.breadcrumb-content .fal.fa-chevron-right.breadcrumb-separator:last-of-type { display: none; }
	span.breadcrumb-item		{ display: none }
}

	
/**
 *	PAGE
 */

 
	.vervolg-page-wrapper		{ padding: 40px 0 0; }

		.page-main-side-duplicate-wrapper		{ display:none; }

		.article-wrapper						{ margin: 0 auto 40px; padding: 60px; background: #fff; }
			.article-subtitle						{ margin:0 0 20px; font-weight:600; font-size: 22px; }
			.article-intro							{ margin:0 0 20px; font-weight:600; }
			.article-wrapper img,
			.article-image-wrapper img	{ max-width: 100%; }

		.map-wrapper								{ margin: 0 auto 40px; }

		.homepage-main .article-wrapper				{ width: 595px; margin: 50px auto 50px; }

		.illustration-block-wrapper				{ width: 1000px; margin: 0 auto 50px; }
			.illustration							{ display:block; width:100%; }
			.illustration-caption-wrapper			{ font-size: 15px; color:#7a7a7a; }

		.widget-button							{ display: flex; justify-content: center; margin: 0 auto 50px; }

		.quoteblok-wrapper						{ padding: 80px 0; background: url('../images/pattern_white.png') 0 0 repeat; }
			.quoteblok-content						{ width: 595px; margin: 0 auto; }
				.quoteblok-quote						{ font-size: 27px; line-height: 35px; color: #6a6a6a; letter-spacing: -0.025em; margin-bottom: 17px; font-family: 'Maven pro', arial, sans-serif; }
				.quoteblok-quote:before					{ margin: 0 15px 0 0; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content:"\f10d"; color: #52b3a9; font-style: normal; }

				@media only screen and (max-width: 1220px) {
				
					.article-wrapper					{ width: calc(100% - 200px); }
				
				}

		@media only screen and (max-width: 1120px) {
			
			.homepage-main .article-wrapper,
			.quoteblok-content,
			.illustration-block-wrapper,
			.introblock							{ width: calc(100% - 40px); }


		}

		@media only screen and (max-width: 767px) {
		
			.article-large,
			.article-wrapper					{ width: auto; padding: 20px; }

		}


		.product-panel .videoplayer-container	{ margin:0; }
			.videowrapper							{ position:relative; height:0; padding:0 0 56.25%; }
				.videowrapper iframe					{ position:absolute; top:0; left:0; width:100%; height:100%; }


	.actueel-wrapper			{ width: 595px; margin: 40px auto 50px; padding: 60px; background: #fff; }

	.actueel-wrapper ul			{ list-style:disc inside none; }

	.actueel-prefix										{ color:#79808a; }

	.actueel-info-wrapper								{ display: flex; margin: 0 0 20px; }
		.actueel-datum										{ margin: 0 20px 0 0; color:#ef574b; }
			.actueel-datum .fa-calendar							{ margin: 0 5px 0 0; color: #3b3b3b; }
			.actueel-datum span									{ font: 700 21px/23px 'Pragati Narrow', arial, sans-serif; }

		.actueel-plaats										{ color:#ef574b; }
			.actueel-plaats .fa-map-marked-alt					{ margin: 0 5px 0 0; color: #3b3b3b; }
			.actueel-plaats span								{ font: 700 21px/23px 'Pragati Narrow', arial, sans-serif; }

	.actueel-overview									{ padding: 60px; font-size: 16px; line-height: 20px; background: #fff; }
	.actueel-list-item									{ display: flex; justify-content: space-between; margin: 0 0 40px; padding:0 0 40px; border-bottom: 1px solid #aaa; }
	.actueel-list-item:last-child						{ margin: 0; padding: 0; border-bottom: none; }
	.actueel-list-item:first-child,
	.xs-editmode.preview .actueel-list-item:nth-child(3)			{ padding:0 0 25px; border-top:none; }
	
		.actueel-intro								{ padding:0 0 25px; border-bottom:1px solid #c0c0c0; font-weight:700; }
			.actueel-image-wrapper.left					{ float:left; width:240px; margin:0 20px 0 0; }
			.actueel-image-wrapper.right				{ float:right; width:240px; margin:0 0 0 20px; }
				.actueel-image-small						{ width:100%; }
				.actueel-image-small.shadow					{ box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.17); }
			.actueel-image-wrapper-justified			{  }
				.actueel-image								{ width:100%; margin:0 0 20px; }
				.actueel-image.shadow						{ box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.17); }

		.agenda-item-date									{ margin:0 0 15px; font-size: 18px; line-height: 24px; font-weight: 900; letter-spacing: -0.01em; color: #79808a; }
		.newsarticle-date									{ font-weight:700; color:#79808a; }

		.actueel-list											{ display:flex; justify-content:space-between; }
			.actueel-list-image-wrapper				{ order:1; width:130px; }
			.actueel-list-image-wrapper.right		{ order:3; }
				.actueel-list-image						{ display: block; width:100%; }
				.actueel-list-image.shadow				{ box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.17); }
				.actueel-list-image-link				{ position: relative; display: block; }
					.actueel-list-play-icon					{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url('../images/actueel-play.svg') center center / 46px auto no-repeat; z-index: 25; }
				.actueel-list-content-wrapper			{ order:2; width: calc(100% - 160px); }
				.actueel-list-intro						{ margin:0 0 10px; font-size: 18px; line-height: 28px; }
					.actueel-list-intro-type				{ font-weight:700; }
					.actueel-list-intro-date				{ color:#79808a; }

			.page-side-wrapper .actueel-list-image-wrapper					{ width:88px; }
			.page-side-wrapper .actueel-list-content-wrapper				{ width:196px; }

	.calendar td							{ width:24px; padding:2px 2px; text-align:center; }
	.calendar td.today						{ background:#888; color:#fff; }
	.calendar td.calender-active			{ background:#bbb; color:#fff; }
		.calendar td.calender-active a			{ color:#fff; }

			.calendar-slider .slick-prev		{ display:none !important; }
			.calendar-slider .slick-next		{ left:225px; right:0; top:-5px; background:url('../images/arrow-right-white.svg') 3px center / 25px 25px no-repeat; }
			button::-moz-focus-inner			{ border: 0; }

	.calendar-container,
	.calendar_header_month-year				{ width:290px; }
		.calendar-title							{ width:250px; padding:2px 6px; text-transform:capitalize; background:#bbb; font-size:14px; }
		.calendar-table							{ width:254px; }

	.actueel-text-item						{ margin:0 0 15px; }
		.actueel-text-prefix					{ font-weight:600; }
	
	.author-actueel-list-title				{ padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #c0c0c0; }
	.actueel-text-item-short					{ font-weight:700; }



		.swiper			{ padding: 20px; }


		.carousel-container					{ padding: 30px 0 0; background: #f1f0ef url('../images/carousel-bg.gif') 0 0 no-repeat; }
			.carousel-title-wrapper				{ margin: 0 0 10px; text-align: center; }
			.carousel-content					{ width: 1220px; margin: 0 auto; }
				.carousel-wrapper					{ position: relative; width: 100%; padding: 0; }
					.carousel.slick-slider				{ margin: 0; } 
					.carousel-item 							{ display: block; __width: 220px !important; }
						.carousel-item-content-wrapper			{ padding: 10px; background: #fff; }
							.carousel-item-caption					{ height: 50px; padding: 10px 0 0; font-size: 14px; line-height: 16px; font-weight: 600; text-align: center; color: #505050; }

					.carousel-item:hover					{ transform: scale(1.05); box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.4); }
						
						.carousel-item-image-wrapper			{  }
							.carousel-item-image					{ max-width: 100%; }

				.carousel-container .slick-list				{ height: 485px; padding: 0 10px !important; }
				.carousel-container .slick-slide			{ margin: 0 10px; background: #fff; }

				.carousel-container .slick-prev				{ width: 55px; height: 55px; left: -60px; background: #fff; line-height: 55px; border-radius: 30px; }
				.carousel-container .slick-next				{ width: 55px; height: 55px; right: -60px; background: #fff; line-height: 55px; border-radius: 30px; }

					.carousel-container .slick-prev:before		{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; content:"\f053"; font-size: 17px; color: #152e3d; }
					.carousel-container .slick-next:before		{ font-family: 'Font Awesome 5 Pro'; font-weight: 900; content:"\f054"; font-size: 17px; color: #152e3d; }

					.carousel-price         { display: none; }
					
		.swiper-button-next,
		.swiper-rtl
		.swiper-button-prev		{ right: -15px; font-weight: 900; color: #000; }
		.swiper-button-prev,
		.swiper-rtl
		.swiper-button-next		{ left: -15px; font-weight: 900; color: #000; }


	@media only screen and (max-width: 1260px) {

		.carousel-content					{ width: 980px; margin: 0 auto; }

	}

	@media only screen and (max-width: 1024px) {

		.carousel-content					{ width: 740px; margin: 0 auto; }

	}

	@media only screen and (max-width: 920px) {

		.carousel-content					{ width: 500px; margin: 0 auto; }

	}

	@media only screen and (max-width: 767px) {
	
		.carousel-content					{ width: 260px; }
		
	}

	@media only screen and (max-width: 500px) {

		.actueel-overview					{ padding: 15px; }
		.actueel-list-item					{ flex-flow: column nowrap; }
			.actueel-list-image-wrapper			{ width: 100%; margin: 0 0 20px; }
			.actueel-list-content-wrapper		{ width: 100%; }

	}



.page-side-wrapper .illustration-wrapper,
.page-side-wrapper .actueel-list-item,
.page-side-wrapper .quoteblock-wrapper,
.page-side-wrapper .introblock						{ margin:0 0 30px; padding:0; }


/**
 *	PRODUCT
 */

	.product-page-top								{ color: #152e3d; background: #fff; }
		.product-page-top-content-wrapper				{ display: flex; width: 890px; margin: 0 auto; padding: 50px 0 80px; }
			.product-page-content-wrapper					{ flex: 1 0 auto; width: 590px; }
				.product-page-top-title-wrapper					{ min-height: 100px; }
					.product-page-title							{ font: 700 40px/42px 'Pragati Narrow', arial, sans-serif; margin: 0 0 10px; }
					H2.product-info-subtitle						{ font-weight: 400; letter-spacing: -0.03em; margin-bottom: 10px; }
					.product-page-author							{ margin: 0 0 10px; font-size: 16px; line-height: 24px; color: #6f7b84; }
						.product-page-author a							{ color: #152e3d; }
					.product-page-details							{ font-size: 16px; line-height: 18px; font-weight: 700; color: #474545; }
						.product-page-details-inforegel					{ font-size: 14px; line-height: 22px; font-weight: 400; color: #7e7d7d; }
						
						.no-return									{ margin: 0 0 5px; font-weight: normal; color: #fd6b55; font-size: 13px; line-height: 17px; }

					.product-page-price								{ margin: 0 15px 0 0; font-size: 30px; font-weight: 600; color: #fd6b55; } 
				.product-page-top-image-wrapper					{ width: 300px; margin: 0 30px 0 0; text-align: center; }
					.product-page-image								{ max-height: 420px;  max-width: 100%; box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3);  }
				.product-page-bestelitems-wrapper				{ margin: 0 0 20px; border-bottom: 1px solid #cacaca; }
					.product-page-shipping-info						{ font-size: 16px; line-height: 22px; color: #1aa603; }
					.product-page-price-wrapper						{ display: flex; align-items: center; }
						.product-page-price-wrapper .btn-secondary					{ font-weight: 600; }
							.product-page-price-wrapper .btn-secondary .btn-icon		{ margin: 0 10px 0 0; }

				.product-info-before-price		{ margin: 0 10px 0 0; font-weight: 500; font-size: 20px; text-decoration: line-through; color: #ef5ea1; }

	.bestelitem-regel		{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #cacaca; }


	.product-page-bottom							{ background: #f8f7f7; }
		.product-page-bottom-content					{ width: 760px; margin: 0 auto; }
			.product-page-text-wrapper						{ padding: 75px; }
				.product-page-text-content						{ position: relative; max-height: 160px; transition: max-height 3s ease-out; margin: 0 0 20px; overflow: hidden; }
					.product-page-text								{ position: relative; margin: 0 0 50px; padding: 0 0 30px; border-bottom: 1px solid #cacaca; }
					.product-page-text-mask							{
						position: absolute; width: 100%; bottom: 0; height: 50px;
						background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba( 248, 247, 247, 1) 100%);
						color: rgb(248, 247, 247);
					}
				.product-page-quote								{ font-style: italic; color: #6a6a6a; }
				.product-page-quote:before						{ margin: 0 5px 0 0; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content:"\f10d"; color: #52b3a9; font-style: normal; }

					.nofold .product-page-text-mask			{ display: none; }
					.nofold .product-page-text-content		{ max-height: 5000px; }
					.nofold .product-page-button-wrapper	{ display: none; }


		.product-page-button-wrapper				{ text-align: center; }

		.product-page-bottom.reviews		{ background: #f4e6fd; }
		.reviews .product-page-text-mask	{
			position: absolute; width: 100%; bottom: 0; height: 50px;
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(244 230 253) 100%);
			color: rgb(248, 247, 247);
		}

		.review-wrapper					{ position: relative; }
		.review-wrapper.hidden			{ display: none; }
		.review-author					{ font-weight: bold; }
		.review-date					{ font-weight: 400; font-size: 13px; color: #94889d; }
		.review-admin-delete-button		{ position: absolute; top: 0; right: -20px; cursor: pointer; }

		.product-review .product-page-top-content-wrapper	{ width: 650px; }
		.product-review .textfield							{ width: 100%; max-width: 400px; }
		.product-review .textarea							{ width: 100%; max-width: 400px; height: 200px; }
		.product-review-product								{ background: #f8f7f7; }
			.product-review-product .product-overview-product-info	{ width: calc(100% - 15px); }
		.product-review-voorwaarden							{
			width: 100%; max-width: 420px; height: 150px; padding: 10px 15px; box-sizing: border-box; background: #fff; 
			border: 1px solid #ccc; overflow-y: scroll; font-size: 14px; line-height: 18px; border-radius: 0.25rem;
		}

		/* TL@FB 20211101 */
		.input-label-error { color: #F00 !important; }


		@media only screen and (max-width: 768px) {

			.product-review .product-page-top-content-wrapper		{ width: calc(100% - 40px); }
			.product-review .textfield,
			.product-review .textarea								{ width: calc(100% - 20px); }
			.product-review-voorwaarden								{ width: 100%; }

		}



	.tooltip							{ position: relative; display: inline-block; font: inherit; opacity: 1; z-index: 80; }
	.not-immediately-available,
	.not-immediately-available .fa-info-circle	{ color: #fd6b55 !important; }

	.product-info-bestelitem-message	{ display: inline-block; }

	.qtip		{ font-size: 12.5px; line-height: 16px; background: #fd6b55; border-color: #fd6b55; color: #fff; }

	.product-sticky-action-bar				{ position: fixed; top: -125px; left: 0; width: 100%; background: #fff; z-index: 80; box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2); }
	.action .product-sticky-action-bar		{ transition: all .7s ease 0s; top: 90px; }
		.product-sticky-action-bar-content		{ display: flex; align-items: center; padding: 5px 0; }
			.product-sticky-action-bar-image		{ margin: 0 10px 0 0; }

			.product-info-bestelitem.sticky-action					{ display: flex; flex: 1 0 auto; margin: 0 10px 0 0; border: 0; }
			
			.product-sticky-action-bar .bestelitem-regel						{ margin: 0 10px 0 0; border: none; }

		.product-sticky-action-bar-totopbutton			{ order: 3; padding: 8px 12px; background: #efefef; cursor: pointer; border-radius: 50%; }
		.product-sticky-action-bar-totopbutton:hover	{ background: #eaeaea; }


	@media only screen and (max-width: 1024px) {

		.product-page-top-image-wrapper				{ width: 320px; margin: 0 auto; }
		.product-page-content-wrapper				{ width: 100%; }

		.product-page-top-content-wrapper			{ display: flex; flex-flow: column nowrap; width: auto; padding: 20px 20px 80px; }

			.product-page-top-title-wrapper				{ width: 100%; margin: 0 0 50px; text-align: center; }
			.product-page-top-buttons-wrapper			{ width: 100%; }
			.product-page-top-image-wrapper				{ margin: 0 auto 40px; text-align: center; }
				.product-page-image							{ width: 100%; height: unset; }
			.product-page-top-buttons-wrapper			{ text-align: center; }

			.product-page-price-wrapper					{ justify-content: center; }
			.product-page-text-wrapper					{ padding: 20px; }

		.product-page-bottom-content				{ width: auto; }

		.action .product-sticky-action-bar				{ top: 0; }
		.action  .product-sticky-action-bar-content		{ width: calc(100% - 20px); }
		
	}

	@media only screen and (max-width: 500px) {
		
		.product-page-top-image-wrapper				{ width: auto; }

		.product-page-top .bestelitem-regel			{ display: block; }
		.product-info-bestelitem-details			{ margin: 0 0 10px; }

		.product-overview-bestelitems-wrapper .product-page-price-wrapper					{  }

			.product-page-price-wrapper .btn							{ padding: 5px 10px; font-size: 14px; }
			.product-page-price-wrapper .product-info-before-price	{ font-size: 14px; }
			.product-page-price-wrapper			{ order: 1; margin: 0 10px 0 0; }
			.discountbutton						{ order: 2; }
			.product-page-details, 
			.product-page-shipping-info				{ width: 180px; font-size: 14px; line-height: 16px; }

			.product-sticky-action-bar .product-page-details,
			.product-sticky-action-bar .product-page-shipping-info				{ width: 80px; }

		.product-info-before-price					{ margin: 0 10px 0 0; }	
		.discountbutton								{ order: 1; }				

		.product-page-top .product-page-shipping-info	{ width: 100%; margin: 0 0 10px; text-align: center; }
		.product-page-top .product-page-details			{ width: 100%; }

		.product-sticky-action-bar .product-page-details-inforegel			{ display: none; }

	}

	/**
	*	STUDENTENKORTING
	*/

.student-discount-notice-button a                { background-color: #e83925;
        color: #FFF;
        font-size: 13px;
        padding: 0px 8px;
       font-weight: 600;
       display: inline-block;
       border-radius: 4px;
       margin-bottom: 5px; 
}
.student-discount-notice-button a:hover      { background-color: #dd321f; }
.modal-dialog .modal-body     { padding: 1rem; }


.tooltip-inner {
font-size: 13px !important;
}


	.student-discount-banner		{ padding: 8px 10px; background: #e83925; color: #fff; text-align: center; font-weight: 600; font-size: 13px; }

	.student-discount-notice-productpage-wrapper		{ display: inline-flex; margin: 0 0 7px; background: #e83925; color: #fff; font-weight: 700; }
	.student-discount-notice-productpage-wrapper.open	{ margin: 0; }

		.student-discount-productpage-label							{ padding: 3px 8px; font-size: 13px; }
		.student-discount-productpage-label-arrow					{ width: 0; height: 0; background: #ff9686; border-top: 15px solid transparent; border-left: 9px solid #e83925; border-bottom: 15px solid transparent; }
		.student-discount-productpage-toggle-wrapper				{ padding: 4px 8px 2px; font-weight: 400; background: #ff9686; cursor: pointer; font-size: 13px; }
		.student-discount-productpage-toggle-wrapper::after			{ padding: 0 0 0 10px; font-family:'Font Awesome 5 Pro'; content:"\f063"; font-size: 12px; }		
		.open .student-discount-productpage-toggle-wrapper::after	{ padding: 0 0 0 10px; font-family:'Font Awesome 5 Pro'; content:"\f062"; font-size: 12px; }

	.student-discount-notice-info-wrapper				{  margin: 0 0 7px; padding: 10px 12px; font-size: 15px; line-height: 19px; color: #fff; background: #ff9686; display: none; }

	.student-discount-notice-wrapper	{ display: inline-flex; margin: 0 0 7px; font-size: 12px; background: #e33e86; color: #fff; }
		.student-discount-discount			{ padding: 2px 5px 2px 10px; }
		.student-discount-label				{ padding: 2px 10px 2px 5px; }

	.student-discount-shoppingbasket-wrapper		{ display: flex; margin: 0 0 20px 0; background: #ff6953; color: #fff; }
		.student-discount-shoppingbasket-discount		{ padding: 15px 25px 0; font-size: 25px; line-height: 31px; font-weight: 600; background: #e83925; }
		.student-discount-shoppingbasket-discount .student-discount		{ font-size: 64px; line-height: 48px; }
		.student-discount-shoppingbasket-arrow			{ width: 0; height: 0; background: #ff6953; border-top: 52px solid transparent; border-left: 26px solid #e83925; border-bottom: 52px solid transparent; }
		.student-discount-shoppingbasket-content		{ padding: 12px 25px; font-size: 17px; }
			.student-discount-shoppingbasket-content label	{
				display: block; position: relative; padding: 7px 0 0 26px; cursor: pointer; font-weight: 600; font-size: 16px;
				-webkit-user-select:	none;
				-moz-user-select:		none;
				-ms-user-select:		none;
				user-select:			none;
			}

		.student-discount-shoppingbasket-content label input	{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
		.student-discount-shoppingbasket-content .checkmark		{ position: absolute; top: 10px; left: 0; height: 15px; width: 15px; background-color: #ff9f92; border: 1px solid #fff; }

		.student-discount-shoppingbasket-content .checkmark:after							{ content: ""; position: absolute; display: none; }
		.student-discount-shoppingbasket-content label input:checked ~ .checkmark:after		{ display: block; }
		.student-discount-shoppingbasket-content label:hover input ~ .checkmark				{ background-color: #e26756; }
		.student-discount-shoppingbasket-content label input:checked ~ .checkmark			{ background-color: #52b3a9; }
		.student-discount-shoppingbasket-content label .checkmark:after {
			left: 5px; top: 1px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0;
			-webkit-transform:	rotate(45deg);
			-ms-transform:		rotate(45deg);
			transform:			rotate(45deg);
		}
		
		@media only screen and (max-width: 1024px) {
		
			.student-discount-notice-productpage-wrapper	{ width: 300px; }
			.student-discount-productpage-toggle-wrapper	{ flex: 1 0 auto; }
			.student-discount-notice-info-wrapper			{ width: 276px; margin: 0 auto; }
		
		}

		@media only screen and (max-width: 990px) {

			.student-discount-shoppingbasket-arrow      { border-top: 75px solid transparent; border-bottom: 75px solid transparent; }
		
		}

		@media only screen and (max-width: 920px) {

			.student-discount-shoppingbasket-arrow      { border-top: 100px solid transparent; border-bottom: 100px solid transparent; }
		
		}

		@media only screen and (max-width: 768px) {

			.student-discount-shoppingbasket-wrapper		{ flex-flow: column; }
				.student-discount-shoppingbasket-discount		{ display: flex; justify-content: center; align-items: center; padding: 15px 25px; font-size: 40px; line-height: 44px; text-align: center; }
				.student-discount-shoppingbasket-discount .student-discount { margin: 0 10px 0 0; font-size: 40px; line-height: 44px; }
				.student-discount-shoppingbasket-arrow			{
					width: 0; height: 0; align-self: center;
					border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 20px solid #e83925; border-bottom: 0;
				}
				.student-discount-shoppingbasket-content p		{ margin: 0 0 10px; text-align: center; }

		}

		@media only screen and (max-width: 400px) {
		
			.student-discount-shoppingbasket-discount,
			.student-discount-shoppingbasket-discount .student-discount { font-size: 26px; line-height: 28px; }
	
		}

/**
 *	OVERVIEW
 */
.overview-content-wrapper				{ display: flex; justify-content: space-between; flex-flow: row wrap; }

.content-block-wrapper					{ position: relative; width: 280px; margin: 0 0 20px; transition: all 150ms ease-in-out; overflow: hidden; }
	 .content-block-content					{ padding: 20px; background: #fff; }
		 .content-block-image-wrapper			{ height: 340px; width: 240px; overflow: hidden; }
			 .content-block-image						{ width: 100%; }
		 .content-block-title-wrapper				{ padding: 10px 0 0; font-weight: 600; font-size: 16px; line-height: 20px; height: 64px; }
		 .content-block-title-wrapper.title-small	{ font-size: 15px; line-height: 17px; }

		.content-block-placeholder				{ width: 280px; height: 1px; }

		 .content-block-buttons-wrapper	{
			 position: absolute; bottom: -82px; display: flex; justify-content: center; width: 100%; height: 33px;
			 padding: 18px 0; background: #d2ede6;
			 transition: all 250ms ease-in-out;
		 }
			 .content-block-button-info					{ margin: 0 5px 0 0; padding: 5px 25px; background: #fff; color: #000; border-radius: 25px; font-size: 17px; cursor: pointer; }
			 .content-block-button-buy					{ padding: 5px 15px; background: #fd6b55; color: #fff; border-radius: 25px; font-size: 18px; cursor: pointer; }
				 .content-block-button-buy-price			{ margin: 0 0 0 5px; font-size: 15px; font-weight: 600; color: #fff; }
			 .content-block-button-buy:hover				{ background: #ea5a45; }

 .content-block-wrapper:hover												{ transform: scale(1.05); box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.4); }
 .content-block-wrapper:hover .content-block-buttons-wrapper					{ transform: translateY(-82px); }

 @media only screen and (max-width: 620px) {

	.overview-content-wrapper		{ justify-content: center; }
	
}

.btn						{ padding: 5px 25px; font-size: 17px; }

.btn-primary				{ display: inline-flex; align-items: center; background: #fff; border-color: #02a2ae; color: #505050; border-radius: 25px; }
	.btn-primary .btn-icon			{ margin: 0 0 0 10px; }
	.btn-primary .fa-arrow-left		{ margin: 0; font-size: 12px; color: #000; }
	.bestelitems-list .btn-primary .fa-cart-plus		{ color: #02a2ae; }
	.btn-primary .btn-icon.fa-cart-plus					{ margin: 0 10px 0 0; }

	.product-page-price-wrapper .btn-primary .btn-icon			{ margin: 0 10px 0 0; }
	.product-page-price-wrapper .btn-primary .far				{ margin: 0 5px 0 0; }

.btn.btn-primary.gexbex		{ padding: 5px 19px; }

.btn-secondary				{ background: #02a2ae; border-color: #02a2ae; color: #fff; border-radius: 25px; }
	.btn-secondary .fas,
	.btn-secondary .far							{ margin: 0 5px 0 0; color: #fff; }
	.btn-secondary .fas.fa-shopping-basket 		{ color: #fd6b55; }
	.btn-secondary .fa-arrow-right				{ color: #fff; }
.btn-sqr					{ display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; padding: 0; background: #fff; border-color: #fff; color: #95b3ab; border-radius: 30px; }
.btn-sqr.social				{ height: 49px; width: 49px; margin: 0 20px 0 0; font-size: 26px; background: transparent; border-color: #fff; color: #fff; }
.btn-sqr.social:last-child	{ margin: 0; }

.btn-sqr.search.active		{ margin: 0 10px 0 0; }

.btn.shoppingbasket			{ position: relative; }
	.shoppingbasket-count-bubble {
		display: flex; justify-content: center; align-items: center; position: absolute; top: -4px; right: -6px;
		height: 20px; width: 20px; border-radius: 20px; background: #fd6b55; color: #fff; font-size: 12px;
	}

.btn-secondary.btn-header-shopping-basket	{ position: relative; width: calc(100% - 50px); margin: 0 0 10px; color: #fff; font-size: 17px; }
	.btn-secondary.btn-header-shopping-basket .fa-arrow-right		{ position: absolute; top: 10px; right: 15px; font-size: 15px; }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary.border:hover,
.btn-primary:hover			{ background: #fff; border-color: #5eb5e5 !important; color: #505050; }
.btn-primary:hover .fa,
.btn-primary:hover .fal 	{ color: #5eb5e5; }

.btn-secondary:hover		{ background: #5eb5e5; border-color: #5eb5e5; }
.btn-secondary:hover .fa,
.btn-secondary:hover .fal 	{ color: #fff; }
.btn-sqr:hover,
.btn-sqr.social:hover		{ color: #fff; background: #fff; border-color: #fff; color: #ef574b; }

.btn.active, 
.btn:active:focus,
.btn:active,
.btn.focus,
.btn:focus		{ box-shadow: none !important; }

.btn.disabled,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled:hover				{ background: #c3c3c3; border-color: #c3c3c3; color: #fff; opacity: 1; cursor: not-allowed; }

.btn.discountbutton				{ background: #ef5ea1; border-color: #ef5ea1; }
.btn.discountbutton:hover		{ background: #f880b8; border-color: #f880b8; }

.content-block-buttons-wrapper .btn-primary				{ margin: 0 5px 0 0; line-height: 21px; }
.content-block-buttons-wrapper .btn-secondary			{ line-height: 21px; }

.social-divider				{ width: 1px; margin: 0 25px 0 5px; background: #fff; }

@media only screen and (max-width: 620px) {

	.btn-sqr.social			{ width: 40px; height: 40px; margin: 0 10px 0 0; }
	.social-divider			{ margin: 0 15px 0 5px; }

}

	
/**
 *	DOCENTEXEMPLAAR
 */

	.formulier-bar						{ width: 595px; margin: 0 auto 40px; padding: 60px; background: #fff; }

	.col2											{ max-width: 430px; }

	@media only screen and (max-width: 620px) {

		.formulier-bar	{ width: calc(100% - 80px); padding: 20px; }

	}

/**
 *	PRODUCT OVERVIEW
 */
.product-overview-top-wrapper				{ color: #fff; }

.product-overview-top-wrapper.blue			{ background: #5eb5e5 url('../images/vervolg-top-bg-blue.gif') right 0 no-repeat; }
.product-overview-top-wrapper.green			{ background: #52b3a9 url('../images/vervolg-top-bg-green.gif') right 0 no-repeat; }
.product-overview-top-wrapper.orange		{ background: #ef574b url('../images/vervolg-top-bg-orange.gif') right 0 no-repeat; }
.product-overview-top-wrapper.purple		{ background: #80529e url('../images/vervolg-top-bg-paars.gif') right 0 no-repeat; }

	.vervolg-header-top-content,
	.product-overview-top-content				{ width: 830px; margin: 0 auto; padding: 0 0 24px; text-align: center; }
	.searchmode .product-overview-top-content	{ padding: 0 0 10px; }

	.product-info-title						{ margin: 0; }
	.product-info-resultcount			{ font-size: 18px; font-family: 'Pragati Narrow', arial, sans-serif; }

.product-overview-wrapper					{ min-height: 500px; margin: 0 0 25px; padding: 45px 0; background: #f8f7f7; }

	.product-overview-wrapper-content			{ display:flex; justify-content:space-between; width: 1180px; margin: 0 auto; }

		.product-overview-overview-title-wrapper h1			{ margin: 0; }

		.filter-menu-toggle									{ display: none }
		.product-overview-filters-wrapper					{ __width: 280px; }
		.product-overview-filters-title.filter
		.product-overview-filters-title-wrapper								{ display:none; }
			.product-overview-filters-title-wrapper .product-list-title			{ margin:0; font-size:26px; }

			.product-overview-filters										{ padding:20px 20px 10px; background: #fff; }
				.product-overview-filters-title									{ margin:0; font-size:16px; line-height:26px; font-weight:700; border-top:1px solid #c0c0c0; }
				.product-overview-filters-title:first-child						{ margin:0; padding-top:0; border-top:0; }

				.product-overview-filter-section							{ margin:0 0 30px; }
				.product-overview-filter-section:last-child					{ margin:0 0 10px; }
					.product-overview-filter-section-title						{ font-size: 18px; }
					.product-overview-filter-section-rubriek					{ display:block; padding:5px 0 5px 15px; background:url('../images/arrow-right-black.svg') 0 9px / 15px auto no-repeat; }
					.product-overview-filter-section-reeks						{ display:block; padding:5px 0 5px 15px; background:url('../images/arrow-right-black.svg') 0 9px / 15px auto no-repeat; }
					.product-overview-filter-section-wrapper					{ margin:0; }
					.product-overview-filters-toggle							{ display:block; padding:5px 0 5px 15px; background: url('../images/arrow-down-black.svg') 98% 5px / 23px auto no-repeat; }
					.product-overview-filter									{  }
					.product-overview-filter.selected a							{ font-weight:600; }
						.product-overview-filter.empty								{ color:#aaa; }
						.product-overview-filter-check								{  }
						.product-overview-slider-wrapper							{ padding:20px 0 0; }
							.product-overview-filter-slider								{ width:250px; margin:0 auto 20px; }
							.product-overview-filter-slider-details						{ display:flex; }
								.product-overview-filter-slider-details span				{ margin:0 10px 0 0; line-height: 31px; }
								.filter-range-input											{ margin:0 7px 0 0; padding:4px 8px; border:0; }
								.filter-range-button										{ padding:0 10px; background:#777; color:#fff; font-size:24px; line-height: 32px; }
							.filter-range-button:hover									{ box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); }

		.product-overview-products-wrapper								{ margin: 0 0 20px; background: #fff; }

		.product-overview-overview-wrapper.noresult						{ flex: 0 0 calc(100% - 300px);  }
			.product-overview-noresult										{ padding: 20px 25px; background: #fff; text-align: center; }

			.product-overview-tab-wrapper									{  }
				.product-overview-overview-count								{ display: flex; margin:0 0 17px; font-weight:400; font-size:22px; line-height:22px; font-weight:normal; }

					.searchmode .product-overview-overview-count-products			{ order: 1; padding: 10px 15px; background: #eee; font-weight: 700; font-size: 18px; }
					.searchmode .product-overview-overview-count-website			{ order: 2; flex-grow: 1; margin: 0 0 0 1px; font-weight: 700; font-size: 18px; }
						.searchmode .product-overview-overview-count-website a			{ display: inline-block; padding: 10px 15px; background: #d3d3d3; }

					.search-tab-website												{ padding: 10px 15px; background: #eee; font-weight: 700; font-size: 18px; }
					.search-tab-products											{ margin: 0 0 0 1px; font-weight: 700; font-size: 18px; }
						.search-tab-products a											{ display: inline-block; padding: 10px 15px; background: #d3d3d3; }

				.search-tab-bottom-line												{ flex-grow: 1; height: 1px; background: #efefef; align-self: flex-end; }
				.searchmode .search-tab-bottom-line									{ flex-grow: 0; }

			.product-overview-intro						{ margin:0 0 40px; padding: 0 0 40px; font-size: 22px; line-height: 30px; font-weight: 400; border-bottom: 1px solid #aaa; }





		.product-overview-product		{
			display: grid;
			grid-template-columns: 25% 75%;
			grid-template-rows: auto auto;
			grid-column-gap: 0px;
			grid-row-gap: 0px;
			padding: 30px;
		}

		.product-overview-product-image			{ grid-area: 1 / 1 / 3 / 2; }
		.product-overview-product-info			{ grid-area: 1 / 2 / 2 / 3; }
		.product-overview-bestelitems-wrapper	{ grid-area: 2 / 2 / 3 / 3; }


			.product-overview-product-image											{ margin:0 30px 0 0; }
				.product-overview-product-image-wrapper									{ position:relative; }
					.product-overview-product-image-wrapper img								{ max-width: 100%; }
			.product-overview-product-info											{  }
				.product-overview-product-title											{ margin:0 0 3px; line-height:28px; }
					.product-overview-product-title a										{ color: #00858f; }
				
				.product-overview-product-subtitle										{ margin: 0 0 3px; font-size: 20px; line-height: 26px; font-weight:normal; color: #505050; }
				.product-overview-product-authors										{ margin:0 0 10px; color:#5e5e5e; }
					.product-overview-product-author										{ color:#5e5e5e; }
					.product-overview-product-imprint										{ color:#5e5e5e; font-weight:normal; }
				.product-overview-rating-wrapper										{ display:flex; margin:0 0 5px; }
				.product-overview-product-intro											{ margin:0 0 25px; }
				.product-overview-verkooppositie										{ margin:0 0 20px; font-weight:700; }
				.product-overview-verkooppositie.top100									{ padding:0 0 0 20px; color:#fc5038; background:url('../images/verkooppositie.svg') 0 1px / 13px auto no-repeat; }

					.bestelitems-list .product-info-bestelitem-info							{ flex:1 0 170px; }
					.bestelitems-list .product-info-bestelitem-details-extra				{ display:none; }

					.bestelitems-list .btn-secondary		{ font-weight: 700; }
						.bestelitems-list .btn-icon				{ margin: 0 10px 0 0; font-weight: 300; color: #fff; }

					.product-info-zoekterm					{ font-weight: 400; color: #abde47; }

			.product-overview-bestelitems-wrapper			{ __width: 590px; border-bottom: 1px solid #cacaca; }
			.product-overview-extras-wrapper				{ display:flex; font-size:14px; }
				.product-overview-pdf							{ margin:0 40px 0 0; padding: 0 0 0 20px; background:url('../images/icon-book.svg') 0 5px / 15px auto no-repeat; }

			.product-info-bestelitem-button-wrapper.apps	{ display: flex; }
				.product-app-button								{ display: flex; justify-content: center; align-items: center; height: 100%; margin: 0 0 0 1px; padding: 0 15px; background: #aaa; }

			.side-menu-item					{ font-size: 16px; }

			@media only screen and (max-width: 1214px) {

				.product-overview-wrapper-content			{ width: calc(100% - 40px); padding: 0 20px; }
					.product-overview-overview-wrapper			{  }
							.product-overview-product				{ justify-content: flex-start; padding: 20px; margin: 0 0 50px; }

			}

			@media only screen and (max-width: 920px) {

				.breadcrumb-wrapper.vervolg,
				.product-overview-top-wrapper				{ background-size: cover !important; background-position: 70% 0 !important; }

				.product-overview-top-wrapper h1			{ font-size: 32px; line-height: 36px; }
				
				h2.product-overview-product-title			{ font-size: 20px; line-height: 22px; }
				.product-overview-product-subtitle			{ font-size: 18px; line-height: 20px; }

				.vervolg-header-top-content,
				.product-overview-top-content				{ width: calc(100% - 40px); padding: 0 20px 20px; }
				.product-overview-wrapper-content			{ flex-flow: column nowrap; width: 580px; }
				.product-overview-filters-wrapper			{ width: 100%; margin: 0 0 20px; }
				.product-overview-overview-wrapper			{ width: 100%; }
				.product-overview-product-intro				{ display: none; }

				.filter-menu-toggle							{ position: relative; margin-bottom: 10px; display: block; }
					.filter-menu-toggle .fal					{ position: absolute; right: 20px; top: 10px; }
				.product-overview-filters,
				.product-overview-navigation-wrapper		{ display: none }
				.product-overview-filters.open				{ display: block; }
				.product-overview-navigation-wrapper.open	{ display: block; margin-bottom: 10px;  }

				ul.selected-members li						{ width: 100% }
				ul.selected-members li a.itemDelete			{ box-sizing: border-box; width: 100%; }
				ul.selected-members li span 				{ float: right; }
				.product-overview-filters-wrapper			{ margin-bottom: 0px; }

			}

			@media only screen and (max-width: 620px) {

				
				.product-overview-product	{
					grid-template-columns: 35% auto; 
				}

				.product-overview-product-image { grid-area: 1 / 1 / 2 / 2; }
				.product-overview-product-info { grid-area: 1 / 2 / 2 / 3; width: auto; }
				.product-overview-bestelitems-wrapper { grid-area: 2 / 1 / 3 / 3; width: auto; }


				.product-overview-wrapper-content			{ flex-flow: column nowrap; width: auto; }
				.product-overview-intro							{ margin: 0 0 30px; font-size: 16px; line-height: 22px; font-weight: 300; }

					.product-overview-product-image					{ margin: 0 15px 10px 0; }

				.product-overview-product-title a,
				.product-overview-product-subtitle				{ word-break: break-word; }

			}







/**
 *	SELECTED FILTERS
 */
div.filters-selected-container div.filters-header	{ margin:0 0 10px; font-weight:bold; }
.filters-header										{ margin: 10px 0 0; }
.filters-selected-container							{ margin-bottom: 15px; }
.filters-selected-container:last-of-type			{ margin:0 0 30px; }
ul.selected-members 								{ margin:0; padding:0; list-style:none; }
	ul.selected-members li							{ display: inline-block; min-width: 27px; min-height: 10px; }
		ul.selected-members li a span						{ margin: 0 15px 0 4px; color: #fd6b55; font-size: 22px; position: absolute; top: 6px; right: 0px; }
		ul.selected-members li a 								{ position: relative; display: inline-block; padding: 5px 36px 5px 20px; margin: 0 8px 8px 0; background: #fff; text-decoration: none; border-radius: 30px; font-size: 16px; }
		ul.selected-members li a:hover					{ position: relative; background: #52b3a9; color: #fff; }

/**
 *	AUTHOR
 */
	.author-wrapper							{ width: 595px; margin: 0 auto 70px; }
		.author-main-content					{ display: flex; margin: 0 0 40px; }
			.author-main-info-content				{ width: 100%; }
			.author-main-info-content.wide			{ width: auto; }
			.author-image-main-wrapper				{ float: right; margin: 0 0 40px 30px; }
			.author-intro							{ margin: 0 0 20px; font-weight: 600; }

		.author-product-list-listtitle			{ font-weight: 700; }
		.author-product-list					{  }
			.author-product-list-title				{ padding: 0 0 10px; margin: 0 0 10px; }
			.author-product-list-product			{ padding: 0; }

	.author-overview-wrapper					{ display: flex; justify-content: space-between; padding: 25px 0; border-top: 1px solid #c0c0c0; }
		.author-overview-author-info-wrapper		{  }
		.author-overview-image-wrapper				{ float: left; display: inline-block; margin: 0 20px 0 0; }

	.product-overview-wrapper-content-author	{ display: flex; justify-content: space-between; flex-flow: row wrap; width: 580px; margin: 0 auto; }

	@media only screen and (max-width: 620px) {

		.author-wrapper									{ width: calc(100% - 40px); padding: 0 20px; }
			.product-overview-wrapper-content-author		{ justify-content: center; width: calc(100% - 40px); padding: 0 20px; }

	}

	@media only screen and (max-width: 480px) {

		.author-overview-image-wrapper			{ float: none; }
			.author-overview-image-wrapper			{ width: 100%; margin: 0 0 20px; text-align: center; }

	}

/**
 *	TEAM
 */
.team																{ margin: 0 auto 40px; padding: 60px; background: #fff; }
		.team-wrapper											{ display: flex; justify-content: space-between; flex-wrap: wrap; }
				.teammember											{ margin: 0 0 60px; }
				.teammember-image								{ position: relative; display: block; }
					.teammember-image-zoom					{ position: absolute; right: 8px; bottom: 15px; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; background: #fff; border-radius: 50%; }
					.teammember-image-zoom.green		{ color: #53b1a7; }
					.teammember-image-zoom.pink		{ color: #eb579b; }
					.teammember-image-zoom.yellow	{ color: #ffa113; }
					.teammember-image-zoom.blue		{ color: #5eb3e4; }
				.teammember-name								{ font-weight: 600; }
				.teammember-location.green			{ color: #53b1a7; }
				.teammember-location.pink				{ color: #eb579b; }
				.teammember-location.yellow			{ color: #ffa113; }
				.teammember-location.blue				{ color: #5eb3e4; }

				.teammember.hidden-on-site img		{ filter: grayscale(100%); opacity: 0.5; }

	@media only screen and (max-width: 620px) {

		.team 											{ width: auto; padding: 20px; }
			.teammember-image img				{ width: 100%; }

	}


/**
 *	FAQ
 */
.faq-container					{ margin:0 0 15px; }
	h2.faq-question					{ margin:0; padding:0 0 0 25px; font-size:16px; line-height:20px; background:url('../images/icon-plus-black-border.svg') left center / 16px auto no-repeat; cursor:pointer; }
	h2.faq-question.open			{ background:url('../images/icon-minus-black-border.svg') left center / 16px auto no-repeat; }
	.faq-answer							{ width:90%; padding:10px 25px; display:none; }
	.faq-answer.open					{ display:block; }


/**
 *	NAVBAR
 */
.product-overview-navigation-wrapper				{ padding: 0 20px 20px; background: #fff; }
	.product-overview-navigation-wrapper .sort			{ position: relative; border: 1px solid #d2eae3; }

.navigation-wrapper					{ display:flex; justify-content:space-between; margin:0 0 15px; }
	.navigation-wrapper.bottom			{ padding:0; border:none; }
		.pagedListTopnav					{ flex:1 0 auto; }
		.navbar								{ justify-content: flex-start; margin:0 0 15px; padding:5px 0 0; }
			.navbarActivePageNumber				{ margin:0 20px 0 0; font-family:'SofiaProBold'; line-height:20px; }
			.navbarPreviousArrow,
			.navbarDots,
			.navbarPageNumber					{ margin:0 20px 0 0; line-height:21px; }
			.navbar a							{ color:#000; }

	.navbar-dots,
	.page-number					{ display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; margin:0 5px; border: 1px solid #02a2ae; background: #fff; border-radius: 20px; }
	.page-number.activepage			{ font-weight:700; background: #02a2ae; color: #fff; }

	.navbar-previous-arrow,
	.navbar-next-arrow				{ display: flex; justify-content: center; align-items: center; height: 30px; margin:0 5px; padding: 0 15px; border: 1px solid #02a2ae; background: #fff; border-radius: 20px; }

	.navbar-previous-arrow .fa-chevron-left		{ margin: 0 10px 0 0; }
	.navbar-next-arrow .fa-chevron-right		{ margin: 0 0 0 10px; }

.pagedListBottomnav								{ flex:1 0 auto; }
		.xsearchNavbarContainer .navbar				{ display:flex; }

			.active-sortoption				{ display: flex; justify-content: space-between; align-items: center; padding:5px 10px 5px 15px; cursor:pointer; font-size: 14px; }
				.active-sortoption-name			{ margin:0 5px 0 0; }
				.sortoptions-container	{ position: absolute; top: 36px; right: -1px; width: 100%; padding: 15px; background: #fff; border: 1px solid #d2eae3; font-size: 14px; z-index: 40; display: none; }
					.sortoptions-container .sortoption				{ cursor:pointer; }
					.sortoptions-container .sortoption:hover	{ text-decoration:underline; }

#resultcount-container						{ display:flex; }
	#resultcount											{ position:relative; }
		#selected-resultcount							{ width:40px; margin:0 5px; padding:0 5px; background:#fff; border:1px solid #c0c0c0; }
		#resultcount-options							{ position:absolute; top:23px; left:5px; width:40px; padding:5px; background:#fff; border:1px solid #c0c0c0; display:none; }
			.resultcount-option:hover					{ text-decoration:underline; cursor:pointer; }

	@media only screen and (max-width:620px) {

		.navbar-dots,
		.page-number				{ height: 35px; width: 35px; margin: 0 2px; }
		
		.navbar-previous-arrow,
		.navbar-next-arrow				{ height: 35px; width: 35px; padding: 0; margin: 0 2px; }
			.navbar-previous-arrow span,
			.navbar-next-arrow span			{ display: none; }

			.navbar-previous-arrow .fal,
			.navbar-next-arrow .fal			{ margin: 0; }

	}

/*
 *	SEARCH PAGE
 */
 	#xearchNavbarTop						{ margin: 0 0 30px; }
 	#xsearchResultContainer					{ min-height: calc(100vh - 384px); }
	.xsearchResult							{ border-top: 1px solid #c0c0c0; padding: 25px 0;  }
	.xsearchResultsMessage					{ display: inline-block; }
	.xsearchResult .xsearchResult-type 		{ display: none; }

	.xsearch-page-title						{ font-size:20px; line-height:24px; font-weight:600; }
	.xsearchSnippet							{ margin:0 0 10px; }
	.xsearchUrl a							{ color:#777; }
	.xsearchHighlightedKeyword				{ background: #ececec; border-bottom: 1px solid #bfbfbf; }

/*
 *	NIEUWSBRIEF AAN-/AFMELDEN
 */
	.newsletter-form-wrapper						{ width: calc(100% - 50px); padding: 23px 25px; }
	.newsletter-subscribe-rollen					{ display: inline-block; }
	.newsletter-form-wrapper label					{ display: inline-block; padding: 3px 15px 3px 0px; cursor: pointer; }
	.newsletter-form-wrapper input[type="radio"]:checked+label{ font-weight: bold; } 
	.newsletter-form-wrapper input[type="email"]	{ width: 275px; padding:5px; font:normal 16px/22px 'Roboto', Arial, Helvetica, Sans-Serif; margin-right: 12px; border:0;}
	.newsletter-form-wrapper input[type="email"]	{ width:calc(100% - 10px); margin:0 0 10px; }

	.newsletter-form-wrapper .accountpage-form-error,
	.newsletter-form-wrapper .newsletter-result-message										{ padding:10px 0 0; color:#f00; }
		.newsletter-form-wrapper .newsletter-result-message a									{ color:#f00; text-decoration: underline }

	.page-side-wrapper .newsletter-form-wrapper input[type="email"]				{ width:calc(100% - 10px); margin:0 0 10px; }
	
	.newsletter-form-wrapper .button				{ display:block;	margin:0 8px 0 0; padding:0 15px; }
	.newsletter-form-wrapper .button .fa			{ margin:0 0 0 12px; }

	.newsletter-subscribe-wrapper.clr-lightgrijs					{ background:#efefef; }
	.newsletter-subscribe-wrapper.clr-donkergrijs					{ background:#4a4f56; }
	.newsletter-subscribe-wrapper.clr-accent							{ background:#0084bc; }
	.newsletter-subscribe-wrapper.clr-accent2							{ background:#5ebc02; }

		.clr-donkergrijs .newsletter-form-wrapper,
		.clr-accent .newsletter-form-wrapper,
		.clr-donkergrijs .illustration-link-wrapper a,
		.clr-zwart .illustration-link-wrapper a								{ color:#fff; }

		.clr-donkergrijs .illustration-link-wrapper.topborder a,
		.clr-zwart .illustration-link-wrapper.topborder a					{ border-color: #fff; }

		.clr-donkergrijs .button.subscription-button-user,
		.clr-accent .button.subscription-button-user,
		.illustration-wrapper.clr-zwart .button,
		.illustration-wrapper.clr-zwart .button:hover,
		.quoteblock-wrapper.clr-zwart .button,
		.quoteblock-wrapper.clr-zwart .button:hover
		.illustration-wrapper.clr-donkergrijs .button,
		.illustration-wrapper.clr-donkergrijs .button:hover,
		.quoteblock-wrapper.clr-donkergrijs .button,
		.quoteblock-wrapper.clr-donkergrijs .button:hover					{ background:#fff; color:#000; }
		.newsletter-form-wrapper .button.subscription-button-user	 		{ display:inline-block; }

		.illustration-wrapper.clr-zwart .button .product-info-bestelitem-button-icon,
		.quoteblock-wrapper.clr-zwart .button .product-info-bestelitem-button-icon
		.illustration-wrapper.clr-donkergrijs .button .product-info-bestelitem-button-icon,
		.quoteblock-wrapper.clr-donkergrijs .button .product-info-bestelitem-button-icon		{ background: url('../images/icon-bezoek.svg') 2px 2px / 16px auto no-repeat; }

		.product-info-notification			{
			display: flex; align-items: center; justify-content: space-between; margin: 0 0 25px; padding: 7px 7px 7px 20px;
			background: #179992; color: #fff; border-radius: 5px;
		}
		.product-info-notification-text			{ margin: 0 15px 0 0; }
		.product-info-bestelitem-button-label	{ margin: 0 10px 0 0; }


		@media only screen and (max-width: 640px) {

			.product-info-notification 				{ display: block; padding: 10px; }
			.product-info-notification-text			{ margin: 0 0 5px; }

		}


	.newsletter-geen-lokaal-account-stap1            { color:rgb(255, 0, 0); font-weight:bold;}
	.newsletter-geen-lokaal-account-stap1:hover      { color:#CCC; text-decoration:hover; cursor:pointer; }
	
	/* TL@FB - aanmeldblok meerdere nieuwsbrieven met checkboxen */
	.newsletter-form-wrapper ul.webshop-listing	     {  margin:0 0 25px; list-style:none;  }

/*
 *	NOTIFICATION
 */
	.shop-notification-backdrop						{ position:fixed; top:0; left:0; height:100%; width:100%; background:#000; opacity:.4; z-index:165; }
	.shop-notification								{ position:fixed; top:100px; left:0; right:0; width:640px; margin:0 auto; background:#fff; box-shadow:0 2px 6px 2px rgba(0, 0, 0, .3); z-index:170; }
		.shop-notification-title						{ padding:10px 40px 10px 20px; background:#e7e7e7; }
		.shop-notification-title.mail					{ font-weight:600; }
			.shop-notification-title .fa-times				{ position:absolute; top:14px; right:20px; cursor:pointer; }
		.shop-notification-content					{  }
			.shop-notification-item						{ display:flex; justify-content:space-between; padding:20px; }
			.shop-notification-inner					{ padding:20px; }
				.shop-notification-inner a					{  }
				.shop-notification-item-image-container		{ width:130px; }
				.shop-notification-item-content-container	{ width:450px; }
					.shop-notification-mailinputbox				{ width:264px; margin:5px 0 10px; padding:7px 12px; }
					.shop-notification-mailinputbox.bookshelf	{ width:394px; }

/**
 *	AUDIOPLAYER
 */
.automated-audio-player          { padding:0 0 0 17px; background:url('../images/icon-player-bfi.svg') 1px center / 13px auto no-repeat; cursor:pointer; }

.bua-audioplayer-wrapper        { display:flex; align-items:center; bottom:0; left:0; width:800px; padding:35px 30px 33px; background:#777;}
#mp3player                      { width:35%; }
.bua-audioplayer-title          { padding:0 20px; font-size:18px; color:#fff; }
.bua-audioplayer-close          { position:absolute; top:calc(50% - 6px); right:35px; height:25px; width:25px; background:url('../images/close.png') -14px -14px / 50px auto no-repeat; cursor:pointer; }

/**
 *	LOCATIES
 */
.locatie-overzicht-wrapper							{ position: relative; display: flex; height: 100%; }
.vervolg-wide .locatie-overzicht-wrapper				{ height: 750px; margin: 0 0 25px; }
.vervolg .locatie-overzicht-address-cards				{ display: none; }
.vervolg .locatie-overzicht-google-map					{ width: 100%; height: 500px; margin: 0 0 25px; }

.locatie-count-wrapper {
		position: absolute; top: 61px; left: 0; width: calc(30% - 30px); display: flex; padding: 5px 15px;
		border-bottom: 1px solid #ddd; background: #f7f7f7;  font-size: 14px; color: #555; font-weight: 600; z-index: 23;
	}
	.locatie-count-value					{ margin: 0 5px 0 0; }
	.locatie-overzicht-address-cards		{ width: 30%; max-height: 100%; margin: 93px 0 0; overflow-y: scroll; }
	.locatie-filter-wrapper					{ position: absolute; top: 0; left: 0; height: 30px; width: calc(30% - 30px); padding: 15px; background: #f7f7f7; border-bottom: 1px solid #ddd; z-index: 23; }
		.locatie-filter-input					{ width: calc(100% - 22px); padding: 5px 10px; border: 1px solid #ccc; font-size: inherit; font-family: inherit; }
		.locatie-overzicht-google-map			{ width: 70%; }
			.locatie-filter-icon				{ position: absolute; top: 20px; right: 25px; }
.google-map-container					{ min-height: 100%; background: #f1f1f1; }
.cards-container						{ position: relative; background: #fff; z-index: 20; }
	.address-card							{ padding: 15px; border-bottom: 1px solid #ddd; cursor: pointer; }
	.address-card.selected						{ background: #eee; }
		.address-card-content					{ padding: 0 0 0 52px; background: url('../images/locaties-marker.png') 0 5px no-repeat; }
			.address-card h3						{ margin: 0; }

.set-card	{ padding:0 10px 20px 0; }
.controls 	{ height: 32px; width: calc(100% - 22px); padding: 5px 10px; border: 1px solid #ccc; font-size: inherit; font-family: inherit; }
#pac-input 	{ padding: 0 11px 0 13px; background-color: #fff; font-size: 15px; font-weight: 300; text-overflow: ellipsis;  }

.pac-container				{ font-family: Roboto; }
#type-selector				{ padding: 5px 11px 0px 11px; color: #fff; background-color: #4d90fe; }
#type-selector label		{ font-family: Roboto; font-size: 13px; font-weight: 300; }


/**
 *	SHOPFLOW
 */
.shop-login-container					{ display:flex; justify-content:space-between; margin:0 0 30px; font-size: 16px; line-height: 20px; }
	.shop-login-newcustomer					{ padding: 20px 25px; border:1px solid #fff; background:#fff; }
	.shop-login-existingcustomer			{ padding: 20px 25px; border:1px solid #fff; background:#fff; }

	.element-login						{ margin:0 15px 0 0; }
		.emailfield							{ position:relative; }
			.email-address-check				{ position:absolute; top:10px; right:9px; color:#75e168; display:none; }

	.shop-form-element-login-linkcontainer			{ display:inline-block; margin:0 0 0 10px; }
	
	.shop-form-element-login.formwrapper				{ margin:0 0 15px; }

	.shop-login-contentwrapper .shop-form-element-login,
	#resetPasswordRequestForm .shop-form-element-login			{ margin:0 0 15px; }		

	.shop-content-header-container						{ display:flex; justify-content:space-between; }
	.shop-content-header-container h1 					{ font-size: 30px; line-height: 36px; font-weight: 900; letter-spacing: -0.01em;  }
		.shop-pagetitle-buttonswrapper						{ display:flex; justify-content:space-between; }

		.shop-cart-row									{ display:flex; justify-content:space-between; background:#fff; border-color:#e4e4e4; border-style:solid; border-width:0 1px 1px; }
		.shop-cart-row.discount 						{ background:#e7ffff; }
			.shop-cart-row-titles							{ font-weight:bold; font-size:14px; background:#f1f1f1; border-width:1px; }
			.shop-cart-row-titles.shop-cart-description		{ text-align:left; }
				.shop-cart-row-titles .shop-cart-row-item		{ padding:15px 0; }
				.shop-cart-row-item.shop-cart-description		{ padding:15px 0; }
				.shop-cart-row-item.shop-cart-total				{ padding:15px 15px 15px 0; }
				.no-flexbox	.shop-cart-row-item					{ display:inline-block; }
				.shop-cart-row-item								{ padding:15px 0; }
				.shop-cart-row-item.titlerow					{ padding:5px; }
				.shop-cart-cover								{ flex:0 0 13%; text-align:center; }
				.shop-cart-cover.titlerow						{ flex:0 0 calc(11% - 10px); }
					.shop-cart-cover img							{ max-height:120px; max-width:76%; word-break: break-all; }

				.shop-cart-cover .ereader						{ position:relative; min-height:111px; padding:10px 0 0; background:url('../images/e_reader.png') center 0 no-repeat; }
					.shop-cart-cover .ereader img					{ width:55%; max-height:100px; }

				.shop-cart-description							{ position:relative; flex:0 0 auto; width:calc(62% - 30px); padding:12px 10px; }
				.shop-cart-description.titlerow					{ flex:0 0 calc(62% - 40px); }
					.shop-cart-row-titles .shop-cart-description	{ text-align:left; }

					.shop-cart-row-titlewrapper						{ width:80%; }

					.shop-cart-discount-description					{ position:relative; flex:0 0 54%; }
					.shop-cart-quantity								{ position:absolute; top:15px; right:15px; }
					.shop-cart-price								{ flex:0 0 16%; text-align:right; }
					.shop-cart-price.titlerow						{ flex:0 0 calc(16% - 10px); }
					.shop-cart-price-before							{ color:#aaa; text-decoration:line-through; }
					.shop-cart-total								{ flex:0 0 10%; padding:7px 10px 7px 0; text-align:right; }
					.shop-cart-total.titlerow						{ flex:0 0 calc(10% - 20px); padding:5px 15px 5px 5px; }

				.shop-cart-cart-shipping-container					{ flex:0 0 32%; padding:10px 17px; }
					.shop-cart-cart-shipping							{ padding:10px 4%; }
						.shop-cart-cart-shipping h4							{ margin:0 0 3px; color:#444; }
				.shop-cart-cart-details-container					{ flex:0 0 320px; padding:0 15px 0 0; }
					.shop-cart-cart-details								{ padding:10px 0; }

				.shop-cart-detail									{ display:flex; margin:0 0 5px; }
				.shop-cart-detail-total								{ display:flex; font-weight:bold; }
					.shop-cart-detail-label								{ flex:1 0 auto; }
					.shop-cart-detail-price								{ flex:1 0 auto; text-align:right; }
						.shop-cart-detail-free								{ font-weight:bold; }

					.discount		{ color:#3cbb00; }

				.shop-cart-product-details							{ font-size:14px; color:#000; }

				.shop-cart-state									{ margin:0 0 15px; font-size:14px; line-height:16px; }
					.shop-cart-state .available							{ color:#3cbb00; }
					.shop-cart-state .not-available						{ color:#d84512; }

				.shop-cart-item-handlers-container					{ display:flex; font-size:14px; color:#6e6e6e; }
					.shop-cart-item-handler								{ padding:0 10px 0 0; cursor:pointer; }
					.shop-cart-item-handler .fa-trash-alt				{ margin: 0 5px 0 0; }
					.shop-cart-item-handler:hover						{ text-decoration:underline; }
					.shop-cart-item-handler.wishlist					{ margin:0 5px 0 0; padding:0 0 0 17px; background:url('../images/icons/icon-verlanglijst-small-zwart.svg') 0 0 no-repeat; }
					.shop-cart-item-handler.wishlist-added				{ margin:0 5px 0 0; padding:0 0 0 17px; background:url('../images/icons/button-verlanglijst-small-red.svg') 0 0 no-repeat; color:red; cursor:default;}

				.shop-cart-total-row								{ font-weight:bold; display:none; }

				.shop-cart-kadoboek-sticker	{
					display: flex; justify-content: center; align-items: center; height: 65px; width: 65px;
					background: #e15300; color: #fff; font-size: 16px; line-height: 15px; font-weight: 900;
					border-radius: 40px; transform: rotate(-20deg);
				}
				.header-shopping-basket-product .shop-cart-kadoboek-sticker,
				.shop-overview-row-item .shop-cart-kadoboek-sticker				{ position: absolute; top: 15px; right: 0; }

				.discount-label									{ color:#6e6e6e; font-size:14px; cursor:pointer; }
				.discount-label-input							{ display:none;  }
				.discount-field									{ padding:3px 10px 0px; float: left; height: 28px; border:1px solid #d8d8d8; margin-right: 4px; font:400 14px/25px 'Roboto', Arial, Helvetica,sans-serif;}
					.discount-button							{ padding:4px 10px; border:0; background:#e7e7e7; color:#6e6e6e; cursor:pointer; font: 600 16px/25px 'Roboto', Arial, Helvetica, Sans-Serif; }

		.shop-form-element-password-notification,
		.shop-form-row.error-notification-row					{ font-size:14px; color:#f00; }

		.login-errormessage,
		.error-message											{ color:#f00; }
		.login-errormessage.reviewform							{ padding:15px 0 0; text-align:right; }

		.shop-cart-reference-wrapper			{ margin: 0 0 13px 0; }
		.shop-cart-reference-wrapper h4			{ margin: 0px 0 6px; font-size: 14px; display: block; max-width: 275px; border-bottom: 1px solid #e4e4e4; }
			.shop-cart-order-remarks				{ width:100%; margin:0 0 5px; border:1px solid #9b9c9b; }
			.shop-cart-order-reference				{ width:81%; border:1px solid #d8d8d8; }
				.shop-cart-order-reference				{ padding:5px 10px; font:normal 14px/18px 'Roboto', Arial, Helvetica, Sans-Serif; }


		.shop-cart-footer-wrapper						{ display:flex; flex-direction:column; }
			.shop-details-container							{ justify-content:space-between; order:1; margin: 0 0 15px; background:#f3f3f3; }
				.shop-cart-order-remarks						{ padding:5px 10px; resize:vertical; }
			.shop-form-wide-buttons-container				{ display:flex; justify-content:space-between; order:2; }
				.shop-form-wide-buttons .fa-arrow-right			{ margin: 0; font-size: 12px; color: #fff; }

			.shop-form-wide-buttons.top				{ margin:0 0 15px; }

			.shop-form-wide-button-wrapper			{ display:flex; align-items:center; }

		.discount-button						{ background-color:#6e6e6e; color:#fff; }
		.discount-button:hover					{ box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); }

		/* Modal popup studentenkorting formulier */
		.modal-header			{ padding: 20px 45px 20px 20px !important; }
		.modal-header .close	{ position: absolute; top: 17px; right: 17px; }
		.modal-footer.cart { display: flex; }
		.modal-footer .button-holder-left { flex-basis:50%; }
		.modal-footer .button-holder-right { flex-basis:50%;text-align: right; }
		.modal-body .student-info-form-error { padding:20px 0; color: #FF0000; }

		.modal-body .studentenkorting-form-rows	select,
		.modal-body .studentenkorting-form-rows	select:focus		{ font-size: 16px; }        

/**
 *	SHOPFLOW PROGRESSBAR
 */
 	.shop-progress-mobile-container						{ display: none; }
	.shop-progress-container		{
		display:flex; flex-flow: row nowrap; height: 45px;
		margin:0 0 29px; background:#fff; border:1px solid #e4e4e4; overflow:hidden;
	}
	.shop-progress-item										{ flex-grow: 1; position: relative; }
	.shop-progress-item.step1								{ flex-grow: 1; }
	.shop-progress-item.step2								{ flex-grow: 0.8; }
	.shop-progress-item.step3								{ flex-grow: 0.7; }
	.shop-progress-item.step4								{ flex-grow: 1.3; }
	.shop-progress-item.step5								{ flex-grow: 1.3; }
	.shop-progress-item.step6								{ flex-grow: 1.4; }

	.shop-progress-item-text								{ padding: 15px 5px 0px 30px; height: 32px; font: 600 14px/17px 'Roboto', Arial, Helvetica, Sans-Serif; color: #b3b3b3; z-index:5; }
	.shop-progress-item-text.first							{ padding: 0px 5px 0px 15px; display: flex; align-items: center; }
	.shop-progress-item-text.first .fa						{ margin-right: 5px; }
	.shop-progress-item.connection                          { display: flex; align-items: center;  }
	.shop-progress-item-text								{ font: 600 15px/17px 'Roboto', Arial, Helvetica, Sans-Serif; color:#4ab41c; }
	.shop-progress-item.active
	.shop-progress-item-text								{ font: 600 15px/17px 'Roboto', Arial, Helvetica, Sans-Serif; color: #fff; }
	.shop-progress-item.clickable
	.shop-progress-item-text								{ font: 600 15px/17px 'Roboto', Arial, Helvetica, Sans-Serif; color: #8d8d8d; }

	.shop-progress-item.clickable							{ cursor: pointer;  }
	.shop-progress-item.connection							{ width:130px;  }
	.shop-progress-item-divider								{ position:absolute; top:0; right:-14px; height:47px; width:26px; background:url('/images/shopflow/shop-progress-divider-white.svg') 0 0/26px 47px no-repeat; z-index:15; }
	.shop-progress-item.active								{ background: #ec569c; }
	.shop-progress-item.active .shop-progress-item-divider	{ background:url('/images/shopflow/shop-progress-divider-vangorcum.svg') 0 0 / 26px 47px no-repeat; }

	.payment-method-errormelding-wrapper			{ display:flex; justify-content:flex-end; margin:0 0 20px; padding:10px 0 0; }
	.payment-method-errormelding-wrapper.left		{ justify-content:flex-start; }
		#missing-bank-notification						{ color:#f00; }

	.shop-overview-payment-return-message-wrapper		{ display:flex; margin:0 0 30px; padding:25px; background:#f1f1f1; border:1px solid #aaa; }
		.shop-overview-payment-return-icon					{ margin:0 15px 0 0; padding:7px 0 0; font-size:36px; }
		.shop-overview-payment-return-message				{ font-size:18px; }

		@media only screen and (max-width: 1024px) {

			.shop-content-header-container h1		{ font-size: 22px; }
			.shop-progress-item.connection				{ width: auto; }
				.shop-progress-item-text.first span		{ display: none; }
		
		}

/**
 *	SHOP BETAALMETHODE
 */
		.shop-paymentmethod-wrapper			{ padding: 20px 25px; border:1px solid #e4e4e4; background:#efefef; font-size: 16px; line-height: 20px; }

			.shop-paymentmethod-row					{ display:flex; margin:0 0 5px; padding:3px; color:#000; border:1px solid #f1f1f1; cursor:pointer; }
			.shop-paymentmethod-row.selected		{ border-radius:2px; border:1px solid #e4e4e4; background: #FFF; }
			.shop-paymentmethod-row:hover			{ border-radius:2px; border:1px solid #FFF; background: #FFF; }

				.shop-paymentmethod-item				{ padding:10px 0; flex:1 0 22%; display: flex; flex-flow: column; justify-content: center; }
				.shop-paymentmethod-details				{ padding:10px 0; flex:1 0 78%;  }
				.shop-paymentmethod-item label 			{ cursor: pointer;}
				.shop-paymentmethod-details-ideal 		{ float: right; padding-left: 2%; width: 100%;}

		.shop-paymentmethod-details-dropdown-container			{ display:flex; }
			.shop-paymentmethod-details-dropdown-icon				{ display:inline-block; height:30px; width:35px; cursor:pointer; }
				.shop-paymentmethod-details-dropdown-icon img			{ width:100%; }
			.shop-paymentmethod-details-dropdown-label				{ padding:4px 10px; }
	.shop-paymentmethod-details-bank 									{ padding-top: 10px; }

	.shop-paymentmethod-details.icons.incasso					{ display:flex; flex-flow: column nowrap; }
		.shop-paymentmethod-a-agree									{ padding: 0px 40px 2px 25px; }
		.shop-paymentmethod-a-agree	label:hover						{ text-decoration: underline; cursor: pointer; }
		.incasso .shop-paymentmethod-a-agree label:hover			{ text-decoration:none; }
		.shop-paymentmethod-a-agree	input[type="checkbox"] 			{ margin-left: -19px; }
		.shop-paymentmethod-a-iban,
		.shop-paymentmethod-a-bic									{ position:relative; padding: 3px 0px 3px 25px; }
		.shop-paymentmethod-a-iban input[type="text"],
		.shop-paymentmethod-a-bic input[type="text"]				{ font-size: inherit; font-family: inherit; }
		.shop-paymentmethod-a-iban label,
		.shop-paymentmethod-a-bic label								{ display:inline-block; width:110px; }

		#uitleg-bic		{ position:absolute; bottom:35px; left:0; padding:15px 20px; background:#fff; border:1px solid #e4e4e4; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); z-index:150; display:none; }
		.shop-paymentmethod-a-bic:hover #uitleg-bic			{ display:block; }
		.shop-paymentmethod-a-bic .fa										{ font-size:12px; }

	.shop-paymentmethod-details.icons						{ display:flex; }
		.shop-paymentmethod-details-icon						{ height:29px; cursor: pointer; }
			.shop-paymentmethod-details-icon.ideal img				{ width:35px; margin:0 7px 0 0; padding:2px 0 0; }
			.shop-paymentmethod-details-icon.master img				{ width:45px; margin:0 7px 0 0; padding:2px 0 0; }
			.shop-paymentmethod-details-icon.visa img				{ width:45px; margin:0 7px 0 0; padding:8px 0 0; }
			.shop-paymentmethod-details-icon.amex img				{ width:35px; }
			.shop-paymentmethod-details-icon.paypal img				{ width:62px; padding:8px 0 0; }
			.shop-paymentmethod-details-icon.factuur img 	{ width:60px; margin: 0 0 0 -7px; }

			.factuur_nietbeschikbaar				{ margin: 10px 0px; padding:15px; border: 1px solid #E4E4E4; background: #F1F1F1;; overflow: auto; }
				.factuur_nietbeschikbaar img			{ margin:0 20px 0 0; float: left; width: 80px; }
				.factuur_nietbeschikbaar .titel			{ margin:0; color:#000; font-weight:bold; }

/**
 *	SHOP BEVESTIGEN
 */
	.shop-overview-container				{ display:flex; flex-flow: row nowrap; justify-content:space-between; font-size: 16px; line-height: 20px; }
		.shop-overview-side						{ flex:0 0 32.3%; }
		.shop-overview-main						{ flex:0 0 65.3%; }
	.shop-cart-divider								{ display: none; }
	.shop-overview-row								{ padding: 10px 15px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #e4e4e4; background: #FFF; display: flex; }
	.shop-overview-row.shop-details-container		{ background:#f3f3f3;  border-bottom: 1px solid #e4e4e4; }
	.shop-overview-side-contentblock				{ position: relative; padding: 10px 15px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #e4e4e4;  background: #f1f1f1; }
	.shop-overview-side-contentblock:last-child		{ border-bottom:1px solid #e4e4e4; }

	.shop-overview-side-contentblock h3								{ position:relative; font-size:16px; line-height:22px; }
		.shop-overview-side-contentblock h3 .fa-chevron-down			{ position:absolute; right:0; top:0; display:none; }
		.shop-overview-side-contentblock h3 .fa-chevron-up				{ position:absolute; right:0; top:0; display:none; }
	.shop-overview-side-contentblock h3								{ font-size: 16px;  }
	.shop-overview-side-contentblock .fa.fa-chevron-down,
	.shop-overview-side-contentblock .fa.fa-chevron-up				{ display: none; }

	.nieuw-afhaalpunt-pointer-bevestigen		{ position: absolute; bottom: 1px; right: 4px; }

	.shop-overview-row-titles				{ font-weight:bold; font-size:14px; padding: 0px 10px; background: #f1f1f1; }
		.shop-overview-row-item					{ position: relative; padding:7px 1.4%; }
		.shop-overview-cover					{ flex:0 0 15%; }
		.shop-overview-cover img				{ width: 100%; }
		.no-flexbox	.shop-overview-cover img	{ width:auto; }
		.shop-overview-cover .ereader img		{ width: 65%; }
		.shop-overview-description				{ flex:0 0 36%; }
		.shop-overview-quantity					{ flex:0 0 5%; text-align:center; }
		.shop-overview-price					{ flex:0 0 12%; }
			.shop-overview-price-before				{ display:block; color:#aaa; text-decoration:line-through; }
		.shop-overview-total							{ flex:0 0 12%; flex-grow: 1; text-align:right;  }
		.shop-overview-row-titles .shop-overview-total	{ color:#000; }

		.shop-overview-cart-details-container			{ flex:1 0 50%; order:1; }
		.shop-overview-detail							{ display: flex; flex-flow: row nowrap; justify-content: space-between;  }
		.shop-overview-detail.total						{ font-weight: 600; }
 		.shop-overview-detail-payment					{ display: none; }
		.shop-overview-detail-payment-content			{ display: flex; }
		.shop-overview-detail-payment-content-icon		{ flex: 0 0 20%; }
		.shop-overview-detail-payment-content-icon img	{ width: 80%; }

		a.change	{ color: #36a0da; margin-top: 2px; display: inline-block;    }

		.shop-overview-cart-shipping					{ flex: 1 0 50%; }
		.shop-overview-cart-shipping h4 				{ margin: 0 0 3px; font-size: 14px; display: block; max-width: 275px; border-bottom: 1px solid #e4e4e4; }
			.cart-shipping									{ max-width:240px; padding:10px 0; font-size:14px; line-height:16px; }
			.cart-shipping.postnl							{ background:url('/images/shopflow/logo-postnl.svg') 8px 6px / 23px auto no-repeat; }
			.cart-shipping.fedex							{ background:url('/images/shopflow/logo-fedex.svg') 3px 20px / 30px auto no-repeat; }
			.cart-shipping.email							{ background:url('/images/shopflow/icon-email.svg') 3px 14px / 26px auto no-repeat; }
			.cart-shipping.bookshelf						{ background:url('/images/shopflow/bookshelflogo.png') 8px 14px / 18px auto no-repeat; }

		.shop-overview-cart-shipping .shop-overview-detail-payment-content			{ display:block; }
		.shop-overview-cart-shipping .shop-overview-detail-payment-title .fa		{ display:none; }

		.shop-overview-conditions-box {
	    margin: 0 0 15px;
	    padding: 10px 15px;
	    background: #f1f1f1;
	    border: 1px solid #e4e4e4;
	    display: flex; flex-flow: row wrap;
		}

		.terms-vink											{ width: 26px; }
		.terms-vink input[type="checkbox"] 					{ margin-right: 4px; }
		.terms-text											{ width: calc(100% - 26px); cursor: pointer; font-size: 15px; line-height: 20px; }
		.av_ruler											{ border-top: 1px solid #e4e4e4; padding-top: 5px; margin-top: 5px; width: 100%; height: 1px; }

		.shop-betalingsverplichting-melding			{ padding: 10px 15px; background: #f1f1f1; border: 1px solid #e4e4e4; }
		.shop-privacy-melding						{ margin: 0 0 15px; padding: 10px 15px;	background: #f1f1f1; border: 1px solid #e4e4e4; }

/**
 *	SHOP PSP BETALEN
 */
		.shop-psp-wrapper			{ padding: 20px 25px; border:1px solid #e4e4e4; background:#efefef; text-align: center; }
		.shop-psp-spinner			{ height: 58px; width: 58px; background: url(/images/shopflow/hourglass.gif) 0 0 no-repeat; margin: 40px auto 25px;}
			
/**
 *	SHOP FOOTER
 */
.shop-footer-container 	{ display: flex; flex-flow: row nowrap; justify-content: space-between; }
.shop-footer-column		{
	flex-grow: 1; display: flex; flex-flow: row nowrap;
	flex: 0 0 calc(50% - 40px); padding: 12px 15px;
	border: 1px solid #e4e4e4;
	background: #f1f1f1;
}
.shop-footer-column.contact						{ flex-flow: column nowrap; font-size: 14px; line-height: 18px; }
.shop-footer-column.payment						{ align-items: center; }
.shop-footer-column-right						{ display: flex; flex-flow: row nowrap;  }
.shop-footer-container.checkout					{ margin:0 auto; }
.details-contact-phone,
.details-contact-email 							{ font-weight: 600; padding-top: 3px; }
.details-contact-phone							{ margin-right: 15px; }
.details-contact-email a						{ color: #36a0da; font-weight: 600; }

.shop-footer-payment-item 						{ width: 14%; text-align: center; }
.shop-footer-payment-item img					{ width:75%; }
.shop-footer-payment-item.ideal img 			{ width:50%; }

/**
 *	SHOP
 */
		.shop-form-row										{ display:flex; align-items:flex-end; width:100%; margin:0 0 18px; }
		.shop-form-row.zakelijk								{ display:none; }
		.shop-form-row.shop-order-select .shop-form-element			{ flex: none; }
		.shop-form-row.shop-order-select .shop-form-element	.shop-form-element-radio { margin-right: 5px; }
			.shop-form-element									{ flex:0 1 19%; margin:0 3% 0 0; }
			.shop-form-element.aanhef							{ flex:0 0 11%; margin:0 8px 0 0; }
			.shop-form-element.voorletters						{ flex:0 0 10%;  }
			.shop-form-element.naam								{ flex:0 0 18%;  }
			.shop-form-element.achternaam						{ flex:0 0 44%;  }
			.shop-form-element.voornaam							{ flex:0 0 217px; margin:0 3% 0 0; }
			.shop-form-element.small							{ flex:0 0 auto; margin:0; }
			.shop-form-element.medium							{ flex:0 0 20.5%; }
			.shop-form-element.wide								{ flex:0 0 44%; }
			.shop-form-element.full								{ flex:0 1 auto; align-self:center; }
			.shop-form-element-radio							{  }
				.shop-form-element-label							{ position:relative; margin:0 0 3px; padding:0 10px 0 0; color:#000; }
					.shop-form-element-label-flag						{ position:absolute; top:0; right:0; font-size:10px; font-weight:normal; color:#999; font-style:italic; }
					.shop-form-element-radio-label						{ display:inline-block; padding:5px 15px 5px 5px; cursor: pointer;}
					.shop-form-element-radio-label.active				{ background:#fff; font-weight:600; }
				.shop-form-element-select							{ width:100%; height:34px; border:1px solid #e4e4e4; font-size:15px; line-height:22px; box-sizing: border-box; }
				.shop-form-element-select.account					{ margin:0 10px 15px 0; }
				.shop-form-element-textfield						{ width:96%; padding:5px 2%; border:1px solid #e4e4e4; font-size:15px; line-height:22px; }
				.shop-form-element-textfield.disabled				{ background:#e4e4e4; color:#777; }
			.shop-form-element-telephone-alert				{ display:block; color:#868282; font-size:14px; line-height:16px; }

	.int-warning							{ color:#f00; font-size:14px; line-height:16px; }

	/*.shop-paymentmethod-wrapper h2 						{ font-size: 22px; margin: 8px 5px; font-weight: 400; }*/
	.shop-pagetitle.left									{ float: left; }
	.shop-form-wide-buttons.right 							{ flex: 1 0 auto; margin:0 0 0 10px; text-align: right; }

	.boxed													{  }
	.thankyoupage-container									{ display:flex; justify-content:space-between; }
		.thankyoupage-title										{ margin:0 0 35px; line-height:30px; font-size:28px; font-weight:600; text-align:center; }
			.thankyoupage-subtitle									{ font-size:22px; font-weight:600; }

		.thankyoupage-overview										{ width:calc(50% - 60px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
		.thankyoupage-extra											{ width:calc(50% - 60px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
			.thankyoupage-cart-overview-row								{ display:flex; justify-content:space-between; margin:0 0 5px; padding:10px 0 0; border-top:1px solid #c2c2c2; }
				.thankyoupage-cart-overview-image						{ width:75px; }
				.thankyoupage-cart-overview-details						{ width:265px; }
				.thankyoupage-cart-overview-share						{ width:66px; }
					.thankyoupage-cart-overview-share a						{ color:#888; }
					.thankyoupage-cart-overview-share a:hover				{ color:#333; }

		.orderdetails-overview-row								{ display:flex; }
			.orderdetails-overview-label							{ width:180px; }
			.orderdetails-overview-value							{ width:220px; font-weight:600; }

		.thankyoupage-cart-overview						{ padding:15px 0 0; }

/**
 *	ACCOUNT
 */
.accountpage-top-wrapper			{ margin: 0 0 30px; }
	.accountpage-top-title				{ margin: 0 0 10px; font-size: 44px; line-height: 46px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; }
	.accountpage-top-subtitle			{ font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 0 10px; }

.accountpage-block-intro								{ margin:0 0 30px; }
	.accountpage-block-intro-title							{ margin:0 0 15px; }
	.accountpage-block-intro-text							{ font-size:18px; line-height:24px; font-weight:600; }

.accountpage-block-attention							{ display:flex; justify-content:center; padding:30px; }
	.accountpage-block-attention-image-wrapper				{ width:120px; margin:0 40px 0 0; }
		.accountpage-block-attention-image						{ width:100%; }
	.accountpage-block-attention-info-wrapper				{ width:400px; }
		.accountpage-block-attention-title						{ font-size:24px; font-weight:600; line-height:28px; color:#fff; }
		.accountpage-block-attention-info						{ margin:0 0 15px; color:#fff; }
		.button.accountpage-attention							{ padding:2px 20px; background:#fff; color:#000; }
		.button.accountpage-attention:hover						{ background:#fff; color:#000; }

.accountpage-block-attention.clr-lightgrijs					{ background:#efefef; }
	.clr-lightgrijs .accountpage-block-attention-info,
	.clr-lightgrijs .accountpage-block-attention-title,
	.clr-accent2 .accountpage-block-attention-info,
	.clr-accent2 .accountpage-block-attention-title				{ color:#000; }
	
.accountpage-block-attention.clr-donkergrijs										{ background:#4a4f56; }
	.accountpage-block-attention.clr-donkergrijs .button.accountpage-attention			{ background:#fff; color:#000; }
	.accountpage-block-attention.clr-accent .button.accountpage-attention				{ background:#fff; color:#000; }

.accountpage-address-overview-wrapper					{ display:flex; }
	.accountpage-address-overview-column					{  }
	.accountpage-address-overview-column.first				{ width:300px; }
		.accountpage-address-overview-adress-wrapper			{ display:flex; }
			.accountpage-address-overview-adress				{ width:300px; }
			.accountpage-address-overview-adress hr				{ max-width: 75%; }
				.accountpage-subtitle								{ margin:0 0 3px; font-size:18px; }

	.shop-form-element-login.feedback-wrapper         { display:flex; align-items:center; }
	.wait-indicator                                   { height:25px; margin:0 10px; display:none; }

	.accountpage-title,
	.page.account h2                        { font-size:22px; margin:0 0 18px; }

	.accountpage-button-wrapper             { display:flex; align-items:baseline; }
	.button.grey.accountpage                { height:36px; margin:0 15px 0 0; }
	.accountpage-button-wrapper .button     { height:40px; }
	.accountpage-button-wrapper .btn				{ margin: 0 10px 0 0; }

	.accountpage-download-wrapper           { display:flex; }
	.accountpage-download-box               { padding:10px; }
	
	.accountpage-newsletter-preferences-field-changed-indicator { display:none; color:#ccc; }
	.page.checkout #bt-annuleren  { display:none; }

	.account-errormelding-wrapper     { display:flex; margin:0 0 20px; padding:10px 0 0; }

	@media only screen and (max-width:1024px) {

		.accountpage-address-overview-adress-wrapper,
		.accountpage-address-overview-wrapper								{ flex-flow: column; }
		.accountpage-address-overview-column.first,
		.accountpage-address-overview-adress.first					{ margin-bottom: 30px; }

	}

	@media only screen and (max-width:820px) {

		.thankyoupage-container										{ flex-flow: column nowrap; }
			.thankyoupage-overview									{ width: calc(100% - 52px); margin: 0 0 20px; }
			.thankyoupage-extra											{ width: calc(100% - 52px); }
				.thankyoupage-cart-overview-image			{ margin: 0 10px 0 0; }

	}

	@media only screen and (max-width:620px) {

		.accountpage-title, .page.account h2 						{ margin: 0 0 10px; }
		.textfield.accountpage-download-box 						{ width: 100%; box-sizing: border-box;  }

	}

.accountpage-block-wrapper											{ position:relative; padding:20px 25px; border:1px solid #e4e4e4; background:#f1f1f1; font-size: 16px; line-height: 20px; }
	.accountpage-anchor														{ position:absolute; top:-206px; left:0; }
	.accountpage-block-content										{ margin:0 0 15px; }
	.accountpage-block-content.history						{ border-bottom:1px solid #e4e4e4; }
	.accountpage-block-content.downloadhistory		{ border-bottom:1px solid #e4e4e4; margin-bottom: 35px; }
	.accountpage-block-link-wrapper								{ padding:10px 0 0; }
		.accountpage-block-link												{ color:#36a0da; }

	.account-history-row							{ display:flex; justify-content:space-between; border-top:1px solid #e4e4e4; }
		.account-history-date							{ padding:3px; width:calc(10% - 6px); }
		.account-history-title						{ padding:3px; width:calc(70% - 6px); }
		.account-history-link							{ padding:3px; width:calc(20% - 6px); text-align:right; }

	.account-download-row.title				{ font-size:14px; font-weight:600; }
	.account-download-row							{ display:flex; justify-content:space-between; border-top:1px solid #e4e4e4; }
		.account-download-title						{ padding:5px 0; width:calc(55% - 6px); }
		.account-download-date						{ padding:5px 0; width:calc(35% - 6px); white-space: nowrap;}
		.account-download-link						{ padding:5px 0; width:calc(10% - 6px); text-align:right; }

	.accountpage-block-wishlist											{ display:flex; justify-content:space-between; flex-wrap:wrap; }
		.accountpage-wishlist-item											{ position:relative; display:flex; align-items:center; justify-content:center; width:24%; height:230px; margin:0 0 11px; background:#fff; }
			.accountpage-wishlist-image											{ height:78%; max-height:170px; }
			.accountpage-wishlist-delete-button							{ position:absolute; bottom:4px; right:9px; color:#aaa; font-size:13px; cursor:pointer; }
			.accountpage-wishlist-delete-button:hover				{ color:#e75757; }
		.accountpage-wishlist-placeholder								{ width:24%; height:1px; color:#aaa; }

	.shop-form-row.account							{ margin:0; }
	.shop-form-row.account.wide					{ display:flex; }
		.textfield.custom										{ width:calc(100% - 20px); }

		.accountpage-form-input.error	.textfield,
		.shop-form-element.error .shop-form-element-textfield,
		.shop-form-element.error .textfield,
		.accountpage-form-element.error .textfield,
		.shop-form-element.error .shop-form-element-select,
		.accountpage-form-input.error .shop-form-element-select		{ border-color:#f00; }

	.accountpage-form-row						{ margin: 0 0 24px 0; }
	.accountpage-form-error						{ display:inline-block; color:#f00;}
	.accountpage-password-wrapper				{ display:inline-block; width:205px; background: #e7e7e7; padding: 5px 10px; margin-right: 10px; }
	.accountpage-password-change-wrapper		{ display:inline-block; }

	.account-addressblock-wrapper				{ border-bottom:1px solid #cecece; background: #FFF; }
		.account-address-row						{ display:flex; justify-content:flex-end; width:100%; }

		.account-address-row.titles					{ border:0; font-weight:700; }

			.account-address-title						{ padding:8px 16px; width:572px;  }
			.account-address-title-afleveradres			{ padding:8px 0; width:220px; border-color:#e4e4e4; border-style:solid; border-width:1px 0 0 1px; text-align:center; background: #FFF; }
			.account-address-title-factuuradres			{ padding:8px 0; width:220px; border-color:#e4e4e4; border-style:solid; border-width:1px 1px 0 1px; text-align:center; background: #FFF; }

			.account-address-info						{ flex: 1 0 auto; padding: 8px 16px; border-color:#e4e4e4; border-style:solid; border-width:1px 0 0 1px; }
			.account-address-info.title					{ border:0; }
			.account-address-info-type					{ font-weight:700; }

			.account-address							{ display:flex; align-items:center; justify-content:left; width:200px; padding:8px 4px 8px 16px; border-color:#e4e4e4; border-style:solid; cursor:pointer; }
			.account-address.selected					{ background:#fff; }

			.account-address.factuuradres				{ border-width:1px 1px 0 0; }
			.account-address.afleveradres				{ border-width:1px 1px 0; }

			.account-address-label						{ text-align:left; }
			.account-address-label.passive				{ color:#525252; }
			.account-address-label.active				{ display:none; }
				.account-address-label .fa,
				.account-address-label .far					{ font-size:24px; margin-right: 10px; }

			/* TL@FB 20180409 :: postNL afhaalpunt */
			.account-address-afhaalpunt					{ display:flex; width: calc(100% - 16px); min-height:40px; padding:8px; border-color:#e4e4e4; border-style:solid; cursor:pointer; }
				.account-address-afhaalpunt label			{ width: calc(100% - 90px); }
			.account-address-afhaalpunt.afleveradres 	{ border-width:1px 1px 0 ; }
				.afhaalpunten-postcode-form					{ display:flex; margin: 0 0 10px; }
				.afhaalpunten-postcode-input				{ height: 32px; width: 100px; margin:0 5px 0 0; padding:4px 7px; font-size: 17px; }
				.afhaalpunten-postcode-button				{ padding:4px 14px; }
				
				.account-address-afhaalpunt-radio			{ }
				.account-address-afhaalpunt-input			{ width:30px; }
				.account-address-afhaalpunt-info			{  }
				.account-address-afhaalpunt-detail			{ width: 50px; text-align: right; }
					
					.account-address-afhaalpunten-overzicht			{ width:100%; max-height: 350px; }	
						.afhaalpunt-openingstijden-title				{ color:#ff0056; cursor:pointer; }
						.afhaalpunt-openingstijden-title::before		{ content: "+ "; }
						.afhaalpunt-openingstijden-title.hide::before	{ content: "\2013\20"; }
						.afhaalpunt-openingstijden-content				{ display:none; }
						.afhaalpunt-openingstijden-dayname				{ display:inline-block;width:100px;font-size:0.85em;line-height:0.9em;color:#525252;border-bottom: #e4e4e4; }
						.afhaalpunt-openingstijden-hours				{ display:inline-block;width:100px;font-size:0.85em;line-height:0.9em;color:#525252;border-bottom: #e4e4e4; }

						.nieuw-afhaalpunt-pointer					{ padding: 23px 0; text-align: center; }

			.account-address-row.afhaalpunten					{ justify-content: flex-start; }
				.afhaalpunt-title									{ font-weight: 700; }
				.account-address-afhaalpunten.afleveradres			{ flex: 1 0 auto; padding: 10px; border-color: #e4e4e4; border-style: solid; border-width: 1px 1px 0 1px; }

		@media only screen and (max-width:1220px) {
			.account-address-info									{ width:352px; }
		}

		@media only screen and (max-width:620px) {
			.accountpage-block-buttonwrapper				{ width:100% }
			.account-address-row.titles						{ display:none; }
			.account-address-row							{ display:block; margin:0 0 30px; }
				.account-address-info							{ width:calc(100% - 34px); border-width: 0; padding: 12px 16px; }
				.account-address								{ width: calc(100% - 52px); margin: 0 auto; padding: 10px 10px 8px; }
				.account-address.factuuradres					{ border-width: 1px 1px 1px; }
				/* .account-address-label								{ font-size: 14px; } */
				.account-address-label .fa						{ font-size:18px; }
				.accountpage-button-wrapper						{ flex-flow: column; flex-grow: 1;  }
				.accountpage-button-wrapper	.shop-form-element-login.feedback-wrapper,
				.accountpage-button-wrapper	.btn 				{ width: 100%; box-sizing: border-box;  }
				.accountpage-button-wrapper .btn.btn-primary	{ order: 2; margin-top: 10px; }
	
		}
		
		.account-address-company-info					{ color: #777; margin-bottom: 16px; }

		.button.add .fa-plus							{ font-size: 13px; margin-right: 6px; }

		.account-bestelling-row							{ display: flex; flex-flow: row nowrap; border-top: 1px solid #e4e4e4;  }
		.account-bestelling-row.title					{ font-size: 14px; font-weight: 600;  }
		.account-bestelling-date,
		.account-bestelling-id,
		.account-bestelling-shop,
		.account-bestelling-count,
		.account-bestelling-price,
		.account-bestelling-details						{ flex-grow: 1; display: flex; padding:5px 0;}
		.account-bestelling-state 						{ flex-grow: 1; padding:5px 0;}
		.account-bestelling-row.title	.account-bestelling-details { flex-grow: 1; padding:5px 0;}
		.account-bestelling-date						{ width:10%; }
		.account-bestelling-shop						{ width:42%; }
		.account-bestelling-id							{ width:15%; }
		.account-bestelling-count						{ width:10%; }
		.account-bestelling-price						{ width:10%; }
		.account-bestelling-state						{ width:11%; }
		.account-bestelling-state a.tent				{ display:inline; margin:0 10px 0 0; white-space:nowrap; }
		.account-bestelling-details						{ width:14%; padding:5px 0; justify-content: flex-end; }

		
/**
 *  FORM
 */
.xsformbuilder_small_textbox		{ display:none; }
	.xsInPageAddContent					{ width:200px; margin:0 0 15px; }
		.xsInPageAddContent a				{ display:block; padding:5px; text-decoration:none; color:#fff; text-align:center; background:#bcc5c8; border-radius:5px; }
		.xsInPageAddContent a:hover			{ background:#009cb4; }

	.form_table .col1				{ width:25%; padding:5px; vertical-align:top; }
	.form_table .col2				{ width:75%; padding:5px; }

	.form_table .col2 .info			{ font-size:12px; color:#aaa; font-style:italic; }

	.form-table-row							{ display:flex; margin:0 0 10px; }
		.form-table-row .col1				{ width:160px; }

		.form-login-required-msg    { color:#f00; }
		.form4-requirement-error-msg    { color:#f00; padding: 0 1em 1em; }

	.col2 .textfield						{ width:340px; margin:0 5px 0 0; }
	.col2 .textfield.postcode-cijfers		{ width:40px; margin:0 4px 0 0; }
	.col2 .textfield.postcode-letters		{ width:25px; text-transform:uppercase; }
	.col2 .textfield.datum-dag					{ width:25px; margin:0 4px 0 0; }
	.col2 .textfield.datum-maand				{ width:25px; margin:0 4px 0 0; }
	.col2 .textfield.datum-jaar					{ width:40px; margin:0 4px 0 0; }
	.col2 .textarea											{ height:80px; width:340px; resize:vertical; }
	.col2 select												{ height: auto !important; padding:5px; border:1px solid #ccc; }

	input[type='button'].form-button		{ margin:5px 0 0 5px; padding:5px 15px; border:0; background:#00a3aa; color:#fff; cursor:pointer; }

	.req_field,
	.error_text				{ font-size:12px; color:#e81010; }

	.attachment_box				{ width:345px; }
	.attachment-title			{ width:315px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

	.form-agreement-line					{ display:flex; align-items:flex-start; }
		.form-agreement-line input			{ min-width:20px; margin:5px 10px 0 0; }


@media only screen and (max-width:620px) {
	.shop-form-row									{ flex-flow: column; align-items: normal; margin: 0; }  
	.shop-form-row.shop-order-select				{ flex-flow: row nowrap; margin-bottom: 15px;}
	.shop-form-row.shop-order-select .shop-form-element	{ flex-grow: 1; }
	.shop-form-element-radio-label 					{ padding: 10px 15px 10px 15px; }
	.shop-form-element-radio						{ margin-right: 10px; }
	.shop-form-element								{ margin-top: 15px; }
	.accountpage-block-content .shop-form-element	{ margin-top: 0px; }
	.login-errormessage								{ margin-top: 10px; }


	.form-table-row					{ flex-flow: column; align-items: normal; margin: 0 0 20px; }
	.col2 .textfield,
	.col2 select						{ width: calc(100% - 20px); margin:0 5px 0 0; }

}

/**
 *	FOOTER
 */
.footer										{ height: 564px; background: #80529e url('../images/patroon-footer.png') 0 141px no-repeat; color: #fff; }
.footer a									{ color: #fff; }
.footer a:hover								{ color: #fff; }

	.footer-newsletter-bar						{ padding: 0 0 30px; background: #ef574b; text-align: center; }
		.footer-newsletter-bar-label				{ padding: 25px; font-size: 22px; line-height: 26px; font-weight: 600; text-align: center; color: #fff; }
			.footer-newsletter-bar-form					{ display: flex; justify-content: space-between; width: 550px; margin: 0 auto; }
				.footer-newsletter-input					{ width: calc(100% - 160px); margin: 0 10px 0 0; padding: 5px 15px; border-radius: 30px; border: none; font-size: 18px; }
				.footer-newsletter-button					{ padding: 4px 30px; background: transparent; border-color: #fff; color: #fff; font-size: 18px; }
	.footer-newsletter-bar-message				{ width: 550px; margin: 0 auto; text-align: center; padding: 20px 0 0; color: #152e3d; font-size: 16px; }
					
	.footer-contact-bar							{ padding: 30px 0 20px; }
		.footer-contact-bar-content					{ display: flex; justify-content: center;  }

	.footer-content-wrapper						{ display: flex; justify-content: space-between; width: calc(100% - 40px); margin: 0 auto; padding: 40px 20px; font-size: 16px; }
		.footer-column								{ -ms-flex: 1; flex: 0 0 calc(25% - 40px); }
		.footer-column p							{ text-align: left; } /* Selligent nieuwsbrief override */
		.footer-copyright-text						{ margin: 0 0 10px; }

		.footer-menu-item							{ display: block; color: #fff; }
		.footer-menu-item:hover						{ color: #52b3a9; }

		@media only screen and (max-width:1185px) {

			.footer							{ height: unset; }
				.footer-content-wrapper			{ flex-flow: row wrap; width: 570px; }
					.footer-column					{ flex: 0 0 calc(50% - 20px); margin: 0 0 40px; }

			.footer-newsletter-button 	{ padding: 12px 14px; }
			.footer-newsletter-button .fa-arrow-right 	{ font-size: 18px; }		

		}

		@media only screen and (max-width:620px) {
			
			.footer-newsletter-bar-form						{ width: calc(100% - 80px); }
				.footer-newsletter-input					{ width: calc(100% - 45px); }
				.footer-newsletter-button						{ padding: 10px 11px;	}
					.footer-newsletter-button .fa-arrow-right		{ display: block; margin: 0; }
					.footer-newsletter-button-label					{ display: none; }
		
					.footer-contact-bar .btn-sqr.social:last-child	{ margin: 0; }

			.footer-content-wrapper							{ flex-flow: column nowrap; width: calc(100% - 40px); padding: 20px; }			
				.footer-column								{ margin: 0 0 20px; }
		
		}

.footer.checkout											{ width:980px; margin:0 auto; background:#fff; border:0; }
	.footer-content												{ display:flex; justify-content:left; padding:16px 0; }
	.footer-content.checkout									{ padding:20px 0 40px; }

		.footer-top-wrapper										{ padding:0 0 3px; background:#dbdbdb; }
			.footer-top-wrapper-content							{ display:flex; justify-content:space-between; width: 1098px; margin:0 auto; }
				.footer-left										{ width:61%; }
					.footer-address-logo								{ margin:6px 0 0; }
				.footer-right										{ padding:15px 0; color:#3d3d3d; }

		.footer-mid-wrapper										{ border-top:1px solid #fff; background:#dbdbdb; }
			.footer-mid-wrapper-content								{ display:flex; justify-content:space-between; width: 1098px; margin:0 auto; }

		.footer-row													{  }
		.footer-row.bgwhite											{  }
		.footer-row-contact											{ display:flex; justify-content:space-between; width: 1098px; margin:0 auto; padding:2px 0; color:#585858; }
			.footer-row-contact-part									{ display:flex; align-items:center; font-size:18px; font-weight:600; }
			.footer-row-contact a										{ margin:0 0 0 5px; color:#585858; }
		.footer-row address											{ display:flex; justify-content:center; }
		.footer-row-payment											{ display:flex; justify-content:flex-start; }
			.footer-payment-method-logo									{ display:flex; justify-content:center; align-items:center; margin:0 15px 0 0; }

				.footer-payment-method-logo.thuiswinkel img			{ width:80px; }
				.footer-payment-method-logo.ideal img				{ width:22px; }
				.footer-payment-method-logo.visa img				{ width:51px; }
				.footer-payment-method-logo.mastercard img			{ width:34px; }
				.footer-payment-method-logo.maestro img				{ width:34px; }
				.footer-payment-method-logo.bankcontact img			{ width:36px; }
				.footer-payment-method-logo.paypal img				{ width:36px; }
				.footer-payment-method-logo.factuur img				{ width:36px; }
				.footer-payment-method-logo.postnl img				{ width:24px; }
				.footer-payment-method-logo.fedex img				{ width:45px; }

				@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE svg fix */
					.footer-mid-wrapper .footer-content						{ padding:0; }
						.footer-payment-method-logo.thuiswinkel img			{ width:100%; height:44px; }
						.footer-payment-method-logo.ideal img				{ width:100%; height:40px; }
						.footer-payment-method-logo.visa img				{ width:100%; height:30px; }
						.footer-payment-method-logo.mastercard img			{ width:100%; height:40px; }
						.footer-payment-method-logo.maestro img				{ width:100%; height:40px; }
						.footer-payment-method-logo.bankcontact img			{ width:100%; height:40px; }
						.footer-payment-method-logo.paypal img				{ width:100%; height:40px; }
						.footer-payment-method-logo.factuur img				{ width:100%; height:40px; }
						.footer-payment-method-logo.postnl img				{ width:100%; height:55px; }
						.footer-payment-method-logo.fedex img				{ width:100%; height:44px; }
				}

			.footer-row-payment-section							{ display:flex; margin:0 30px 0 0; }
			.footer-address-part								{ padding:0 0 0 55px; font-size:16px; line-height:24px; }
			.footer-address-part.bordered						{ border-right:1px solid #c7c7c7; }

			.footer-payment-divider								{ margin:0 10px; border-right:1px solid #c7c7c7; }

			.footer-newsletter-wrapper							{ margin:0 0 10px; max-width: 368px; }
				.footer-newsletter-title							{ font-size:19px; font-weight:700; line-height:25px; }
				.footer-newsletter-subtitle							{ margin:0 0 10px; font-size:16px; line-height:26px; }
					.footer-newsletter-form-input						{ width:165px; padding:5px 10px; border:0; background:#f3f3f3; font-size:15px; }
					.footer-newsletter-form-button						{ padding:5px 14px; border:0; background:#fff; font-size:15px; font-weight:700; color:#3d3d3d; cursor:pointer; }
			
			.footer-newsletter-form-message                     { display:none;width:320px; }
			.footer-newsletter-form-error                       { display:none;width:320px;color:#f00; }
			
			.footer-social-buttons-wrapper						{ margin:0 0 20px; }
				.footer-social-button								{ margin:0 10px 0 0; font-size:24px; }

			.footer-logo-boom									{  }
				.footer-logo-boom img								{ width:70px; }

			.footer-social-wrapper								{ display:flex; justify-content:flex-end; }
				.footer-social-label								{ margin:0 15px 0 0; padding:3px 0; font-size:19px; font-weight:700; }
				.footer-social-icon									{ height:22px; width:29px; margin:0 7px 0 0; padding:3px 0; border-radius:20px; background:#f4f4f4; color:#484848; font-size:16px; text-align:center; }

	.disclaimer-bar					{ display:flex; justify-content:space-between; width: 1098px; margin:0 auto; padding:0 0 20px; font-size:13px; }

	.newsletter-popup-wrapper		{ 
		position: fixed; bottom: -300px; right: 30px; width: 365px; background: #fff;
		border-width: 8px 0 0; border-color: #aaa; border-style: solid;
		box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3); z-index: 90;
	}
		.newsletter-popup-close			{ position: absolute; top: 10px; right: 20px; font-size: 30px; cursor: pointer; }
		.newsletter-popup-content		{ padding: 25px 30px; }
			.newsletter-popup-title			{ font-size:26px; line-height:32px; font-weight:900; letter-spacing:-0.01em; margin:0 0 0.37em 0; }
			.newsletter-popup-intro			{ margin: 0 0 15px; }
			.newsletter-popup-input			{ width: 85%; margin: 0 0 15px; padding: 5px 10px; }
			.newsletter-popup-button		{ width: 105px; }

.vervolg-green .footer,
.vervolg-side .footer						{ background: #428f87 url('../images/patroon-footer-groen.png') 0 141px no-repeat; }
.vervolg-green .footer-newsletter-bar,
.vervolg-side .footer-newsletter-bar		{ background: #52b3a9; }


/**
 *	Target IE10 and IE11
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.vervolg-wide .cart-shipping.postnl			{ background:url('/images/shopflow/logo-postnl.svg') 2px 8px / 140px auto no-repeat; }
	.vervolg-wide .cart-shipping.fedex			{ background:url('/images/shopflow/logo-fedex.svg') 3px 20px / 50px auto no-repeat; }

	.shop-cart-row-item.titlerow				{ padding:5px 0 }
	.shop-cart-total.titlerow					{ padding:5px 15px 5px 0 }

	.footer-newsletter-form-input				{ padding:9px 10px; }

}

/**
 *   ColorBox Core Style:
 *  The following CSS is consistent between example themes and should not be altered.
 */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }

/**
 *   User Style:
 *   Change the following styles to modify the appearance of ColorBox. They are
 *   ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay { background:#fff; }

	#cboxError { padding:50px; border:1px solid #c4c4c4; }
	#cboxContent #cboxLoadedContent {
		-webkit-filter: drop-shadow(2px 4px 4px #666 );
    	filter: drop-shadow(2px 4px 4px #666);
	}
	#cboxTitle			{ position:absolute; bottom:0px; left:0; width: calc(100% - 40px); padding: 10px 20px; background: rgba(0, 0, 0, .3); color: #fff; }
	#cboxSlideshow		{ position:absolute; bottom:0px; right:42px; color:#444; }
	#cboxPrevious		{ position:absolute; top:45%; left:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') 25px 25px no-repeat; }
	#cboxNext			{ position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/colorbox_arrows.png') -37px 25px no-repeat; }
	#cboxClose			{ position:fixed; top:15px; right:15px; display:block; height:0; width:64px; padding:64px 0 0; overflow:hidden; background:url('../images/close.png') 0 0 no-repeat; border:none; }
	#cboxClose:hover	{ background-position:0 -63px; }


@media only screen and (max-width:820px) {

	body				{ font-size:15px; line-height:20px; }
	h1					{ font-size:24px; line-height:26px; }
	.page				{ max-width:500px; width:93%; }
	.full-page			{ height: unset; }

	.locatie-overzicht-address-cards		{ margin: 0; }
	.locatie-count-wrapper					{ width: calc(100% - 30px); }

/**
 *	SHOP MOBILE
 */

	.shop-login-container						{ display:block; }
		.shop-login-newcustomer						{ width:auto; margin:0 0 15px; }
		.shop-login-existingcustomer				{ width:auto; }
			.shop-form-element-login-linkcontainer		{ display:block; margin:10px 0 0 15px; }
			.shop-form-element-login:last-child			{ margin:0; }


		.shop-form-row							{ display:block; }
		.shop-form-row.zakelijk					{ flex-wrap:wrap; }
			.shop-form-element						{ margin:0 0 10px !important; }
			.shop-form-element.wide					{ flex:0 0 97%; }
		.shop-content-header-container			{ display: none; }
		.shop-paymentmethod-wrapper h2			{ font-size: 18px; font-weight: 600; text-align: center; margin: 0px 0px 15px; }

		.shop-form-wide-buttons-container			{ flex-flow: column nowrap; margin-bottom: 25px; }
		.shop-form-wide-buttons						{ width: 100%; }
		.shop-form-wide-buttons	.button				{ justify-content:center; width: calc(100% - 30px); }
		.shop-form-wide-buttons	.button.grey		{ justify-content:center; width:calc(100% - 30px); }

		.shop-form-wide-buttons.left				{ order:2; margin: 0 0 0 0; width: 100%; }
		.shop-form-wide-buttons.right				{ order:1; margin: 0 0 10px 0; width: 100%; }
		.shop-form-wide-buttons.bevestigen.right	{ margin: 0 0 0 0; }

		.shop-form-wide-buttons .btn-primary		{ justify-content: center; }

		.shop-cart-main								{ border-top:1px solid #e4e4e4; }
			.shop-cart-row-titles						{ display:none; }
			.shop-cart-row								{ flex-wrap:wrap; }
			.shop-cart-row.last	.shop-cart-cover		{ flex: 0 0 0%; }
			.shop-cart-row.last	.shop-cart-description	{ flex: 0 0 95%; }
			.shop-cart-row.last	.shop-cart-price		{ padding: 0 0 0; }
				.shop-cart-cover							{ flex:0 0 20%; margin:0 0 0 12px; }
				.shop-cart-description						{ flex:0 0 70%; }
					.shop-cart-quantity							{ position:relative; top:0; right:0; }
					.shop-cart-item-handler.remove				{ position:absolute; top:7px; right:14px; height:23px; width:0; }
						.shop-cart-item-handler.remove .label		{ display:none; }
				.shop-cart-price								{ display:none; }
				.shop-cart-total								{ position: relative; flex:0 0 calc(100% - 20px); padding:0 10px 10px; }

		.shop-cart-cart-shipping-container				{ flex:0 0 calc(100% - 20px); padding:10px; display: none; }
		.shop-cart-cart-details-container				{ flex:0 0 calc(100% - 20px); padding:0 10px; }

			.shop-cart-kadoboek-sticker						{ position: absolute; top: -50px; right: 0; }

		.shop-cart-reference-wrapper h4						{ border-bottom: 0px; }

		.shop-cart-order-remarks,
		.shop-cart-order-reference							{ width: calc(100% - 20px); }

/**
 *	SHOP BETAALMETHODE MOBILE
 */
.shop-paymentmethod-row,
.shop-paymentmethod-details-bank,
.shop-paymentmethod-details-dropdown-container 			{ flex-flow:column nowrap; align-items:center; }
.shop-paymentmethod-icon,
.shop-paymentmethod-item,
.shop-paymentmethod-details 							{ width: 87%; padding: 0 0 10px; text-align: center; flex: auto; }

.shop-paymentmethod-item	{ padding: 15px 0 5px; }

.shop-paymentmethod-details-dropdown-icon		{ display: inline-block; height: 70px; width: 70px; }
.shop-paymentmethod-details.icons				{ display: inline-block; height: 55px; width: 100px; }
.shop-paymentmethod-details-dropdown-icon img	{ width: 75%; }
.shop-paymentmethod-details-icon.master img		{ width:60px; margin:0 7px 0 0; padding:2px 0 0; }
.shop-paymentmethod-details-icon.visa img		{ width:60px; margin:0 7px 0 0; padding:8px 0 0; }
.shop-paymentmethod-details-icon.amex img		{ width:50px; }
.shop-paymentmethod-details-icon.paypal img		{ width:70px; padding:8px 0 0; }
.shop-paymentmethod-details-icon.master			{ height: 50px;  }

.shop-paymentmethod-a-agree													{ padding: 0px 0px 2px 0px; }
.shop-paymentmethod-a-agree	input[type="checkbox"] 	{ margin-left: 0px; }
.shop-paymentmethod-a-iban,
.shop-paymentmethod-a-bic														{ padding: 3px 0px 3px 0px; }

/**
 *	SHOP BEVESTIGEN MOBILE
 */ 
	.shop-overview-container							{ display:flex; flex-flow: column nowrap; justify-content:space-between; }
		.shop-overview-side									{ order: 2; flex:0 0 32.3%; border-bottom: 1px solid #e4e4e4;}
		.shop-overview-main									{ order: 1; flex:0 0 65.3%; }
		.shop-overview-row.shop-details-container			{ flex-flow: column nowrap; }
		.shop-cart-divider									{ display: block; font: 700 18px/22px 'Roboto', Arial, Helvetica, Sans-Serif; text-align: center; padding-bottom: 13px; }
		.shop-overview-cart-shipping h4 					{ max-width: 100%; margin: 0 0 0px; border-bottom: 0px; }
		.shop-overview-price 								{ display: none; }
		.shop-overview-quantity 							{ display: none; }
		.shop-overview-description 							{ flex: 0 0 56%; }
		.button-wrapper										{ width: 100%; margin:0 0 10px 0; }
			.button-wrapper .button								{ box-shadow: 0 0 0 0; }

		.boxed														{ background:none }
			.orderdetails-overview-row									{ display:block; margin:0 0 10px; }

			.shop-overview-side-contentblock .fa.fa-chevron-down	{ display: block; }
			.shop-overview-side-contentblock .fa.fa-chevron-up		{ display: none; }

			.shop-overview-side-contentblock.payment 				{ display:none; }
			.shop-overview-side-contentblock h3						{ cursor:pointer; margin-bottom: 0px; padding-bottom: 0px;}
			.shop-overview-side-contentblock h3.open				{ margin-bottom: 10px; }
				.shop-overview-side-contentblock h3 .fa-chevron-down			{ display:block; }
				.shop-overview-side-contentblock h3.open .fa-chevron-down		{ display:none; }
				.shop-overview-side-contentblock h3.open .fa-chevron-up			{ display:block; }

		.shop-overview-row.shop-details-container		{ padding: 0 0 0 0;} /* reset padding van prijs vlak */
		.shop-overview-detail.total,
		.shop-overview-detail-payment	{ padding: 10px 15px; }


		.shop-overview-detail-payment-content,
		.shop-overview-side-contentblock-text				{ display:none; }

		/* extra informatieblok betaalmethode */
		.shop-overview-cart-shipping							{ order:2; }		
		.shop-overview-cart-shipping,
		.shop-overview-detail									{ padding:0 15px; }
			.shop-overview-cart-shipping h4							{ position:relative; padding:10px 0; font-weight:600; font-size:16px; }

			.shop-overview-cart-shipping h4 .fa-chevron-down				{ position:absolute; right:0; top:12px; display:block; }
			.shop-overview-cart-shipping h4 .fa-chevron-up					{ display:none; }
			.shop-overview-cart-shipping.open h4 .fa-chevron-down			{ display:none; }
			.shop-overview-cart-shipping.open h4 .fa-chevron-up				{ position:absolute; right:0; top:12px; display:block; }

			.shop-overview-cart-shipping .shop-overview-detail-payment-content		{ display:none; }
			.shop-overview-cart-shipping .shop-overview-detail-payment-title .fa		{ display: none !important; }

		.shop-overview-cart-details-container			{ padding:10px 0 0; border-bottom:1px solid #e4e4e4; }
		.shop-overview-detail.total						{ display: flex; }

		.shop-overview-detail-payment					{ order:3; display:block; position: relative; border-top: 1px solid #e4e4e4; }
		.shop-overview-detail-payment-title				{ font-weight: 600; font-size: 16px; }

		.shop-overview-detail-payment-title	.fa-chevron-down		{ position:absolute; right:14px; top:12px; }
		.shop-overview-detail-payment-title	.fa-chevron-up			{ position:absolute; right:14px; top:12px; display:none; }
		.shop-overview-detail-payment.open .fa-chevron-down			{ display:none; }
		.shop-overview-detail-payment.open .fa-chevron-up			{ display:block; }
		.shop-overview-detail-payment.open .shop-overview-detail-payment-title { margin-bottom: 10px; }

		.shop-form-wide-buttons.bevestigen.right,
		.button-wrapper								{ margin: 0 0 10px; }

		.shop-form-wide-buttons,
		.shop-form-wide-buttons-container,
		.shop-form-wide-button-wrapper,
		.button-wrapper								{ width: 100%; }
		.button-wrapper .btn,
		.shop-form-wide-buttons .btn				{ width: calc(100% - 52px); } 

/**
 *	SHOPFLOW PROGRESS MOBILE
 */

	.header-content-wrapper.checkout				{  }
	.shop-progress-mobile-container					{ display:block; height:40px; padding:20px 0 0; text-align:center; }
	.shop-progress-container						{ display:none; }

	.shop-overview-side-contentblock:last-child		{ border-bottom: 0; }

/**
 *	SHOP FOOTER MOBILE
 */
.shop-footer-container 					{ flex-flow: column nowrap; margin: 0; }
.shop-footer-column						{ flex: auto; margin-bottom: 15px; }
.shop-footer-column.contact				{ flex-flow: column nowrap; text-align: center; }
.shop-footer-column-left,
.shop-footer-column-right				{ width: 100%;  }
.shop-footer-column-right				{ flex-flow: column wrap; justify-content: flex-end; }
.shop-footer-column.payment				{ flex-flow: row wrap; padding: 20px 20px 2px; }
.shop-footer-payment-item				{ width: 25%; text-align: center; margin-bottom: 20px; }

/**
 *	ACCOUNT MOBILE
 */
.accountpage-address-overview-adress-wrapper		{ display:block; }
	.accountpage-address-overview-adress				{ margin: 0 0 20px; }

.accountpage-block-attention						{ display:block; text-align:center; }
	.accountpage-block-attention-image-wrapper			{ width:auto; margin:0; }
		.accountpage-block-attention-image					{ width:70%; margin:0 0 20px; }
	.accountpage-block-attention-info-wrapper			{ width:auto; }
.accountpage-wishlist-item							{ width:100%; height:200px; }

	.account-history-row										{ flex-flow:row wrap; padding:5px 0; }
		.account-history-date										{ width:auto; padding:0 3px; }
		.account-history-title										{ width:auto; padding:0 3px; }
		.account-history-link										{ width:auto; padding:0 3px; text-align:left; }

	.account-bestelling-row										{ flex-flow:row wrap; }
		.account-bestelling-date									{ display:block; width:30%; padding:2px 0; }
		.account-bestelling-shop									{ display:block; width:70%; padding:2px 0; text-align:right; }
		.account-bestelling-id										{ display:block; width:40%; padding:2px 0; }
		.account-bestelling-price									{ display:block; width:40%; padding:2px 0; text-align:right; }
		.account-bestelling-state									{ display:block; width:40%; padding:2px 0; }
		.account-bestelling-details									{ display:block; width:40%; padding:2px 0; text-align:right; }

	.account-download-row.title									{ display:none; }
	.account-download-row											{ display:block; padding:5px 0; }
		.account-download-title										{ width:auto; padding:0 3px; font-weight:600; }
		.account-download-date										{ width:auto; padding:0 3px; }
		.account-download-link										{ width:auto; padding:0 3px; text-align:left; }

		.accountpage-download-wrapper .textfield						{ width:auto; margin:0; }
		.accountpage-download-wrapper .accountpage-block-link			{ display:block; }

		.accountpage-form-row								{ margin:0 0 15px; }
			.accountpage-form-input .textfield					{ width:auto; margin:0; }
			.accountpage-form-input .textfield.custom			{ width:calc(100% - 20px); }

	.account-address-row.titles					{ display:none; }
	.account-address-row						{ display:block; margin:0 0 30px; }
		.account-address-info						{ width:calc(100% - 34px); border-width: 0; }
		.account-address							{ width: calc(100% - 52px); margin: 0 auto; padding: 10px 10px 8px; }
		.account-address.factuuradre				{ border-width:0 1px 1px; }
		.account-address-label						{ font-size: 14px; }
		.account-address-label .fa					{ font-size:18px; }

		/* .accountpage-button-wrapper									{ display:block; } */
			.feedback-wrapper											{ margin:0; }
			.accountpage-button-wrapper .button							{ width:100%; }
			.accountpage-button-wrapper .button.add						{ width:calc(100% - 30px); justify-content:center; }
			.accountpage-button-wrapper .button.grey.accountpage		{ width:calc(100% - 30px); margin:0 0 10px; justify-content:center; }

	.accountpage-download-wrapper .textfield			{ width:calc(100% - 20px); margin:0 0 10px; }
		.payment-method-errormelding-wrapper				{ margin:0; padding:0; }
	
	.shop-notification									{ position:absolute; }
		.shop-notification-mailinputbox.bookshelf			{ width:calc(100% - 26px); }
		.account-address-afhaalpunten.afleveradres			{ border: none; }
}

@media only screen and (max-width: 992px) {

	.account-bestelling-row				{ flex-flow: row wrap; }
	.account-bestelling-row.title		{ display: none; }
	.account-bestelling-row				{ padding: 10px 0; }
	.account-bestelling-date			{ width: 100%; padding: 0; text-align: left; }
	.account-bestelling-shop			{ width: 100%; padding: 0; text-align: left; }
	.account-bestelling-id				{ width: 50%; padding: 0; text-align: left; }
	.account-bestelling-price			{ display: block; width: 50%; padding: 0; text-align: right; }
	.account-bestelling-state			{ width: 50%; padding: 0; text-align: left; }
	.account-bestelling-details			{ width: 50%; padding: 0; text-align: right; }

}








#cookiepolicy	{
	position: fixed; bottom: 0; width: calc(100% - 40px); margin: 0 auto; padding: 20px;
	font-family: inherit; font-size: 15px; background: #fff; background: rgba(255,255,255,.96); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3);
	z-index: 2147483647; line-height: 18px;
}

#cookiepolicy-txt	{ display: flex; flex-flow: row nowrap; justify-content: space-between; vertical-align: text-top; max-width: 1180px; margin: 0 auto; line-height: 18px; }

#cookiepolicy-settings		{  max-width: 1180px; margin: 0 auto; display: none; }

.cookiepolicy-notice					{ width: 50%; }
	.cookiepolicy-notice-title				{ font-weight: 600; font-size: 18px; }
	.cookiepolicy-notice-section-title		{ font-weight: 600; }

.cookiepolicy-configure-cookies			{ padding: 8px 20px 8px; cursor: pointer; border: 1px solid #98d55b; border-radius: 20px; background-color: #fff; color: #000; line-height: 18px; opacity: 1; }
.cookiepolicy-accept-cookies			{ padding: 8px 20px 8px; cursor: pointer; border: 1px solid #98d55b; border-radius: 20px; background-color: #98d55b; color: #fff; line-height: 18px; opacity: 1; }

#cookiepolicy a,#cookiepolicy a:link,#cookiepolicy a:visited,#cookiepolicy a:hover		{ color: #fff; text-decoration: underline; }
#cookiepolicy-wrapper		{ width: 100%; margin-right: auto; margin-left: auto; position: relative; }

.cookiepolicy-notice-section				{ line-height: 18px; border-bottom: 1px solid #ccc; }
.cookiepolicy-notice-section.first			{ border-top: 1px solid #ccc; }

#cookiepolicy .switch							{ position: relative; display: inline-block; width: 49px; height: 23px; }
#cookiepolicy .switch input						{ opacity: 0; width: 0; height: 0; }
#cookiepolicy .slider							{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; height: 23px; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
#cookiepolicy .slider:before					{ position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
#cookiepolicy input:checked + .slider			{ background-color: #98d55b; }
#cookiepolicy input:focus + .slider				{ box-shadow: 0 0 1px #98d55b; }
#cookiepolicy input:checked + .slider:before	{ transform: translateX(26px); }
#cookiepolicy .slider.round						{ border-radius: 34px; }
#cookiepolicy .slider.round:before				{ border-radius: 50%; }

@media only screen and (max-width:820px) {

	.cookiepolicy-notice		{ width: 100%; }

}

.student-discount-banner {
    display:none;
}