/**
* 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; }
input[type="radio"] { cursor: pointer; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
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 #ccc; margin:5px 0; padding:0; }
select { padding:2px; vertical-align:middle; }
:focus { outline:none; }
input[type='button'] { width:auto; overflow:visible; border:0; }
nav ul { margin:0; list-style:none; }
ul { /* list-style-image:url('../images/list_icon_blue.png');*/ list-style: none; margin:0 0 0 20px; }
ol { list-style-type:decimal; margin:0 0 0 20px; }
li { margin:0 0 0px; }
.divgumbuttons img { vertical-align:top; }
.clearfix { display:block; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; }
.whitespace { margin:0 0 20px; }
.whitespace-small { margin:0 0 10px; }
.strong { font-weight: bold; }
.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;
}
input[type=number] {-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.border-top { border-top:1px solid #ddd; }
::-webkit-input-placeholder { /* WebKit browsers */
font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
font-style:italic;
}
a.button-nt2 { display: inline-block; padding: 5px 28px 5px 14px; background: #ff0056 url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; color: #fff !important; }
a.button-nt2docent { display: inline-block; padding: 5px 28px 5px 14px; background: #ff4e00 url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; color: #fff !important; }
a.button-nt2school { display: inline-block; padding: 5px 28px 5px 14px; background: #2a74cf url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; color: #fff !important; }
a.button-nt2:hover { background: #bf0041 url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; text-decoration: none !important; }
a.button-nt2docent:hover { background: #d24000 url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; text-decoration: none !important; }
a.button-nt2school:hover { background: #185db1 url(/images/icons/pijltje-rechts-wit.svg) 94% center / 9px 14px no-repeat; text-decoration: none !important; }
/**
* SLICK.CSS
*/
/* Slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/**
* SLICK THEME.CSS
*/
/* Slider */
.slick-loading .slick-list {
background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/fonts/slick.eot');
src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'),
url('/fonts/slick.woff') format('woff'),
url('/fonts/slick.ttf') format('truetype'),
url('/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 45px;
height: 45px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 10;
}
.slick-prev { left:15px; background:url('../images/icons/slider-pijltje-links.svg') no-repeat scroll left center; }
.slick-next { right:15px; background:url('../images/icons/slider-pijltje-rechts.svg') no-repeat scroll right center; }
/* Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: .75;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
/**
* SHOPFLOW.CSS
*/
.button.shopmore { display:inline-block; padding:6px 10px 6x 40px; background:#fff url('/images/icons/slider-pijltje-links-grijs.svg') 10px center / 9px 14px no-repeat; border:1px solid #9b9c9b; color:#9b9c9b; }
.button.tocart { margin:0; padding:7px 10px 7px 40px; background:#ff0056 url('/images/icons/icon-naar-kassa.svg') 6px center no-repeat; border:0; }
.button.tocart:hover { background-color:#bf0041; }
.button.prev { display:inline-block; padding:5px 10px 5px 25px; background:#9b9c9b url('/images/icons/pijltje-links-wit.svg') 7px center / 9px 14px no-repeat; }
.button.next { height:30px; margin:0; padding:5px 25px 5px 10px; background:#ff0056 url('/images/icons/pijltje-rechts-wit.svg') 94% center / 9px 14px no-repeat; border:0; font-size:14px; }
.button.next.black { background:#000 url('/images/icons/pijltje-rechts-wit.svg') 94% center / 9px 14px no-repeat; }
.twitter-link { display:block; color:#0c9ea1; font-size:24px; vertical-align: middle;}
.twitter-link i { vertical-align: middle; }
.twitter-link span { text-decoration:underline; font-size:14px; }
.button.back-to-cart { padding:5px 10px 5px 25px; background:#000 url('/images/icons/pijltje-links-wit.svg') 7px center / 9px 14px no-repeat; }
.inloggegevens-wijzig-button { margin:0px 0 60px 194px; }
a { text-decoration:none; color:#444; }
a.decorated { color:#ff0056; }
a.ww-item-title { color:#000; }
/* ------------------------------------------- nt2 header ------------------------------------------- */
.nt2-header { position:relative; }
.logo.nt2 { display:block; margin:0 0 30px; }
.nt2-menu { position:relative; display:flex; margin:0 0 25px; background:#0c9ea1; font:normal 16px/24px 'Source Sans Pro', arial, sans-serif; }
.nt2-menu a { padding:4px 22px; font-size:14px; color:#fff; }
.nt2-menu a.active { background:#0c9ea1; }
.nt2-menu-top { position:absolute; top:-34px; left:325px; }
a.nt2-menu-top-item { padding:7px 15px; font-weight:bold; font-size:24px; }
.nt2-menu-top-item.nt2 { margin:0 5px 0 0; background:#0c9ea1; }
.nt2-menu-top-item.school { background:#8e8e8e; }
.nt2-sub-menu { display:flex; position:absolute; top:0; right:17px; }
.nt2-sub-menu-item { padding:0 10px; font-size:16px; font-weight:bold; }
.nt2-search-container { position:absolute; top:41px; right:0; padding:0 10px; border:1px solid #dfdfdf; background:#fff; }
.nt2-search-input { width:215px; padding:5px; border:0; font-size:14px; }
.nt2-shopping-cart-wrapper { width:25px; height:25px; }
.nt2-shopping-cart-wrapper img { width:100%; }
.page { width:980px; margin:0 auto; padding:0 20px; }
.usps .page { padding: 230px 40px 23px; }
.shopping-cart-wrapper { position:absolute; top:43px; right:30px; width:25px; height:25px; display:none; }
.shopping-cart-wrapper img { width:100%; }
.shopping-cart-count { position:absolute; right:-19px; top:-5px; padding:2px 8px; background:#3cbb00; color:#fff; font-weight:bold; __border-radius:13px; }
.header { display:flex; align-items:center; justify-content:space-between; margin:0; padding:15px 0 35px; }
.header-part { line-height:0; }
.no-flexbox .header-part { display:inline-block; width:30%; }
.header-part.logo { text-align:center; }
.header-part.thuiswinkel { text-align:right; }
.header-part.thuiswinkel img { width:115px; height: 41px; }
/* shopflow errors */
.errormelding { text-align: right; padding-bottom: 15px; }
.shop-form-element.error input.shop-form-element-textfield { border-color:#ff1c60; }
.shop-form-element-textfield.disabled { background:#ddd; color:#777; }
/* shopflow progress */
.shop-progress-container {
display:flex; -webkit-flex-direction:row; flex-direction:row;
-webkit-flex-wrap: nowrap; /* Safari */
flex-wrap: nowrap; -webkit-flex-grow: 1; /* Safari */
flex-grow: 1;
margin:0 0 29px; background:#fff; border:1px solid #e4e4e4; color:#b3b3b3; overflow:hidden;
}
.shop-progress-item { position:relative; width:30%; /*flex:1 1 20%;*/ background:#fff; }
.no-flexbox .shop-progress-item { display:inline-block; width:16%; }
.shop-progress-item-text { padding:15px 1% 15px 20%; font: 600 11px/17px 'Open Sans', arial, sans-serif; z-index:5; }
.shop-progress-item-text.first { padding:15px 0 15px 40%; font-size:15px; }
.shop-progress-item-divider {
position:absolute; top:0; right:-14px; height:47px; width:26px;
background:url('/images/shared/shop-progress-divider-white.svg') 0 0/26px 47px no-repeat;
z-index:15;
}
.shop-progress-item.clickable { cursor: pointer; color: #8d8d8d; }
.shop-progress-item.connection { width:8%; color:#4ab41c; background:#daf6df; }
.shop-progress-item.connection .shop-progress-item-divider { background:url('/images/shared/shop-progress-divider-softgreen.svg') 0 0 / 26px 47px no-repeat; }
.shop-progress-item.active .shop-progress-item-text { background:#00b520; color:#fff; }
.shop-progress-item.active .shop-progress-item-divider { background:url('/images/shared/shop-progress-divider-brightgreen.svg') 0 0 / 26px 47px no-repeat; }
.shop-progress-mobile-container { display:none; }
.shop-content-header-container { display:flex; justify-content:space-between; }
.shop-pagetitle { margin:0 0 25px; padding:0 0 0 25px; text-align:center; color:#000; text-transform:uppercase; font-size:18px; background:url('../images/icons/icon-winkelwagen-zwart.svg') 0 9px no-repeat; }
.shop-pagetitle.left { margin:0; line-height:33px; }
/* shopflow form */
.shop-form-wide-container { padding:25px; background:#f1f1f1; border:1px solid #e4e4e4; }
.shop-form-wide-container.whitebg { background:#fcfcfc; border-width:0 1px; }
#delivery_address_container { display:none; }
/* form with delivery address block closed */
.shop-form-wide-container.top.delivclosed { padding:25px 25px 1px; border-bottom:none; }
.shop-form-wide-container.bottom.delivclosed { padding:0 25px 25px; border-top:none; }
.shop-form-row { display:flex; align-items:flex-end; width:100%; margin:0 0 18px; }
.shop-form-row.zakelijk { display:none; }
.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.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 18.5%; }
.shop-form-element.wide { flex:0 0 31%; }
.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; ___font-weight:600; 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; __border-radius:3px; font-weight:600; }
.shop-form-element-select { width:101%; height:34px; border:1px solid #e4e4e4; font-size:15px; line-height:22px; }
.shop-form-element-textfield { width:96%; padding:5px 2%; border:1px solid #e4e4e4; font-size:15px; line-height:22px; }
.shop-form-element-telephone-alert { color: #868282; font-size: 0.8em;}
.custom-select { flex:0 1 44%; }
#int-warning { color:#f26522; font-size:14px; line-height:16px; display:none; }
.shop-form-wide-buttons-container { display:flex; display:-webkit-flex; justify-content:space-between; }
.shop-form-wide-buttons.left { flex:1 0 auto; }
.shop-form-wide-buttons.left.top { margin:0 10px 0 0; }
.shop-form-wide-buttons.right { flex:1 0 auto; text-align:right; }
.shop-form-title-supplement { font-family:arial, sans-serif; font-size:16px; }
.account-benefits-container { padding:10px 20px; background:#fff; color:#373737; }
.account-benefits-title { font-weight:600; }
.account-benefit { font-size:14px; line-height:22px; }
.account-benefit .fa { color:#0c9ea1; }
/* shopflow overview */
.shop-cart-divider { padding:5px 20px; font-weight:700; text-transform:uppercase; color:#fff; background:#9b9c9b; cursor:pointer; }
.shop-cart-divider.half { width:50%; margin:0 0 10px; }
.shop-cart-divider.mobile { display:none; }
.shop-overview-container { display:flex; justify-content:space-between; }
.shop-overview-side { flex:0 0 32.3%; }
.shop-overview-main { flex:0 0 65.3%; }
.shop-overview-side-contentblock { padding:13px 10px 13px 0; border-bottom:1px solid #9b9c9b; }
.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 .button.change { margin:10px 0 0; }
.payment .shop-overview-side-contentblock-text { display:flex; padding:5px 0 0; }
.shop-overview-row { display:flex; justify-content:space-between; background:#fff; border-color:#9b9c9b; border-style:solid; border-width:0 0 1px; }
.shop-paymentmethod-details-bank { clear: both; margin: 10px 0 0 0; }
.shop-overview-row-titles { font-weight:bold; font-size:14px; }
.shop-overview-row-item { padding:7px 1.4%; }
.shop-overview-row-item:first-letter { text-transform:capitalize; }
.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-row-item.shop-overview-price .shop-overview-price-before { display: block; }
.shop-overview-total { flex:0 0 12%; text-align:right; color:#ff0056; }
.shop-overview-row-titles .shop-overview-total { color:#000; }
.shop-overview-state { font-size:14px; font-size:12px; line-height:16px; }
.shop-overview-state.available { color:#3cbb00; }
.shop-overview-state.not-available { color:#d84512; }
.shop-overview-cart-shipping-container { flex:1 0 50%; }
.shop-overview-cart-shipping { padding:10px 4%; }
.shop-overview-cart-shipping h4 { margin:0 0 3px; font-size:14px; }
.cart-shipping { __max-width:150px; padding:10px 10px 10px 60px; font-size:14px; line-height:16px; }
.cart-shipping.postnl { background:url('/images/shared/logo-postnl.svg') 16px 15px / 23px 24px no-repeat; }
.cart-shipping.fedex { background:url('/images/shared/logo-fedex.svg') 11px 26px / 42px 20px no-repeat; }
.cart-shipping.email { background:url('/images/shared/icon-email.svg') 15px 11px / 29px 29px no-repeat; }
.shop-overview-cart-details-container { flex:1 0 50%; }
.shop-overview-cart-details { margin:0 0 0 60px; padding:10px 2%; }
.shop-overview-detail { display:flex; margin:0 0 5px; }
.shop-overview-detail-total { display:flex; padding:8px 0 0; font-weight:bold; border-top:1px solid #9b9c9b; }
.shop-overview-detail-label { flex:1 0 auto; }
.shop-overview-detail-price { flex:1 0 auto; text-align:right; }
.shop-overview-detail-payment { padding:10px 2%; border-top:1px solid #e4e4e4; cursor:pointer; display:none; }
.shop-overview-detail-payment-title { position:relative; font-weight:bold; }
.open .shop-overview-detail-payment-title { margin:0 0 10px; }
.shop-overview-detail-payment-title .fa-chevron-down { position:absolute; right:0; top:0; }
.shop-overview-detail-payment-title .fa-chevron-up { position:absolute; right:0; top:0; 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-content { display:none; }
.shop-overview-detail-payment-content-icon { flex:0 0 16%; margin:0 2% 0 0; }
.payment .shop-overview-detail-payment-content-icon { flex:0 0 20%; }
.shop-overview-detail-payment-content-icon img { width: 80%; }
.no-flexbox .shop-overview-detail-payment-content-icon img { width:auto; }
.shop-overview-detail-payment-title-inner { /*font-weight:bold;*/ }
.shop-betalingsverplichting-melding { text-align:right; padding-top: 15px; }
.shop-terms { padding:10px 0 0; font-size:12px; line-height:16px; text-align:right; }
.shop-cart-empty { padding: 7px 1.4%; font-weight: bold; }
.shop-overview-shop-details { display:flex; justify-content:space-between; }
.shop-overview-shop-details-contact { display:flex; flex:0 0 50%; }
.shop-overview-shop-details-payment { display:flex; flex:0 0 50%; padding:1% 0; align-items:center; }
.shop-overview-shop-details-contact-left { flex:0 0 60%; padding:0 20px 0 32px; font-size:14px; line-height:18px; background:url('../images/icons/icon-klantenservice.svg') 0 4px no-repeat; }
.shop-overview-shop-details-contact-right { flex:0 0 30%; padding:0 0 0 20px; }
.details-contact-phone { padding:0 0 0 17px; font-size:13px; font-weight:bold; background:url('../images/icons/icon-contact-new.svg') 0 3px no-repeat; }
.details-contact-email { padding:0 0 0 20px; font-size:13px; font-weight:bold; background:url('../images/icons/icon-contact.svg') 0 6px no-repeat; }
.details-contact-email a { color:#000; }
.shop-details-payment-item { width:14%; text-align:center; }
.no-flexbox .shop-details-payment-item { display:inline-block; width:8%; }
.shop-details-payment-item img { width:52%; }
.shop-details-payment-item.thuiswinkel { width:28%; border-left:1px solid #e4e4e4; }
.shop-details-payment-item.american-express img { width:60%; }
.shop-details-payment-item.ideal img { width:35%; }
.shop-overview-conditions-box { margin:0 0 15px; padding:10px 1.4%; }
.shop-overview-extended-conditions-box { margin:0 0 15px; padding:10px 1.4%; }
.shop-overview-newsletter-subscribe-block { padding: 10px 1.4%; }
#getNewsletterSubscribeOptionAnchor { padding: 15px 0; }
/* cart */
.shop-cart-row { display:flex; background:#fff; border-color:#9b9c9b; border-style:solid; border-width:0 0 1px; }
.shop-cart-row.discount { background:#e7ffff; }
.shop-cart-row-titles { font-weight:bold; font-size:14px; }
.shop-cart-row-titles .shop-cart-row-item { padding:7px 1.4%; }
.no-flexbox .shop-cart-row-item { display:inline-block; }
.shop-cart-row-item { padding:12px 1.4%; /*text-transform:capitalize;*/ }
.shop-cart-cover { flex:0 0 10%; text-align:center; }
.shop-cart-cover img { max-height:120px; max-width:100%; }
.shop-cart-cover .ereader img { width:65%; }
/*.shop-cart-row-item.shop-cart-description { padding:7px 2.8% 7px 0; }*/
.shop-cart-description { position:relative; flex:0 0 54%; padding:12px 1.4%; }
.shop-cart-row-titles .shop-cart-description { text-align:right; }
.shop-cart-row-titlewrapper { width:80%; }
.shop-cart-discount-description { position:relative; flex:0 0 54%; padding:12px 2.8% 12px 0; }
.shop-cart-quantity { position:absolute; top:10px; right:5px; }
.shop-cart-price { flex:0 0 14%; }
.shop-cart-price-before { color:#aaa; text-decoration:line-through; }
.shop-cart-total { flex:0 0 10%; text-align:right; }
.shop-cart-cart-shipping-container { flex:0 0 52%; }
.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 32%; }
.shop-cart-cart-details { padding:10px 6% 10px 4%; }
.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; }
.discount { color:#3cbb00; }
.shop-cart-product-details { font-size:14px; color:#000; }
.shop-cart-state { margin:0 0 15px; }
.shop-cart-state .available { color: #ff0056; /* color:#3cbb00; */ }
.shop-cart-state .not-available { color: #ff0056; /* 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:hover { color:#000; }
.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-item-handler.remove { padding:0 0 0 17px; background:url('../images/icons/icon-verwijder-small-zwart.svg') 5px 3px no-repeat; }
.shop-cart-item-handlers-container.set { padding: 10px 0; }
.shop-cart-set-items { margin: 5px 0 }
.shop-cart-setitem { display: flex; margin: 0 0 5px; padding: 10px 0 5px; border-top: 1px solid #9b9c9b; }
.shop-cart-setitem-image-wrapper { margin: 0 15px 0 0; }
.shop-overview-row .shop-cart-setitem-image { width: 30px; }
.shop-cart-setitem-title { font-weight: bold; }
.shop-cart-setitem-info-wrapper a { color: #000; }
.shop-cart-total-row { font-weight:bold; display:none; }
.discount-label { color:#878686; font-size:14px; cursor:pointer; padding: 0 14px;}
.discount-label-input { display:none; }
.discount-field { padding:3px 10px; border:1px solid #e4e4e4; font:400 15px 'Hind', Arial, Helvetica,sans-serif;}
/*.discount-button { padding:3px 10px; border:0; background:#e7e7e7; color:#6e6e6e; cursor:pointer; }*/
.shop-cart-urgent-message { color:#878686; }
/* TL@FB :: upsell producten onder winkelmand 20210810 */
.shop-cart-upsell-producten-container { display: flex; margin: 0 0 20px; }
.shop-cart-upsell-producten-teaser { padding: 0 0 10px 0; text-align: center; color: #000; text-transform: uppercase; font-size: 18px; font-weight:bold; }
.shop-form-element-password-notification,
.shop-form-row.error-notification-row { font-size:14px; color:#ff1c60; }
/* ORANJE VERSIE
.shop-overview-payment-return-message { width: 90%; padding: 15px 5%; background: #E46A11; color: #FFF; font-size: 110%; text-align: center; margin-bottom: 20px; border-radius: 5px; }
*/
.shop-overview-payment-return-message {
width: 90%;
padding: 25px 5%;
background: #F7F7F7;
color: #DD2C45;
font-size: 110%;
border: 1px solid #E4E4E4;
text-align: center;
margin-bottom: 20px;
__border-radius: 5px;
}
.shop-paymentmethod-details.icons.incasso { display:flex; flex-flow: column nowrap; }
.shop-paymentmethod-a-agree { padding: 0 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 0 3px 25px; }
.shop-paymentmethod-a-bic-info { height: 14px; border: 1px solid #9b9c9b; border-radius: 50%; }
.shop-paymentmethod-a-iban input[type="text"],
.shop-paymentmethod-a-bic input[type="text"] { width: 200px; padding: 2px 5px; 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: 25px; 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 label:hover #uitleg-bic { display:block; }
.shop-paymentmethod-a-bic .fa { font-size:12px; }
/* Tooltip */
span.tooltip { cursor: pointer; }
span.tooltip:hover { text-decoration: underline; color: #0055c8; }
/* login */
.shop-login-container { display:flex; justify-content:space-between; }
.shop-login-newcustomer { flex:0 0 48.5%; border:1px solid #e4e4e4; background:#f1f1f1; }
.shop-login-existingcustomer { flex:0 0 48.5%; border:1px solid #e4e4e4; background:#f1f1f1; }
.shop-login-contentwrapper { min-height:300px; padding:15px 3.5%; }
.shop-form-element-login { margin:0 0 18px; }
.shop-form-element-login-linkcontainer { display:inline-block; }
.no-flexbox .shop-login-container { height:335px; }
.no-flexbox .shop-login-newcustomer { float:left; width:49%; }
.no-flexbox .shop-login-existingcustomer { float:right; width:49%; }
#emailfield { position:relative; }
#emailfield .email-address-check { position:absolute; top:6px; right:6px; color:#49d00d; font-size:22px; display:none; }
/* login alt */
.shop-login-alt-container { }
.shop-login-alt-viewport { position:relative; width:550px; height:170px; margin:0 auto; border:1px solid #e4e4e4; background:#f1f1f1; overflow:hidden; }
.shop-login-content-slider { display:flex; position:absolute; top:0; left:0; width:290%; }
.shop-login-alt-contentwrapper { position:relative; width:27.5%; padding:30px 3.5%; }
.shop-form-element-username { text-align:center; }
.shop-login-content { text-align:center; }
.shop-login-content.error { color:#0c9ea1; display:none; }
.shop-login-alt-back { position:absolute; top:32px; left:11%; cursor:pointer; }
.shop-login-alt-back:hover { color:#0c9ea1; }
.login-alt-button { width:100%; }
/* thank you */
.thankyoupage-container { }
.thankyoupage-overview { }
.thankyoupage-extra-element { border:1px solid #e4e4e4; background:#f1f1f1; }
.thankyoupage-contentwrapper.boxed { background:url('../images/parcel.png') 100% 25px no-repeat; }
.thankyoupage-orderdetails-overview { display:flex; flex-flow:wrap; }
.orderdetails-overview-label { flex:0 0 25%; font-weight:bold; }
.orderdetails-overview-value { flex:0 0 75%; }
.thankyoupage-cart-overview { }
.thankyoupage-cart-overview-row { display:flex; margin:0 0 10px; padding:12px 0 0; border-top:1px solid #cbcbcb; }
.thankyoupage-cart-overview-image { flex:0 0 13%; }
.thankyoupage-cart-overview-image img { width:100%; }
.thankyoupage-cart-overview-details { flex:0 0 60%; padding:0 0 0 10px; }
.thankyoupage-cart-overview-share { flex:0 0 24%; text-align:right; }
.thankyoupage-cart-overview-share a { font-size:16px; color:#7b7c7c; }
.thankyoupage-cart-product-details {font-size: 14px; color:#aaa; }
.shop-paymentmethod-wrapper { padding:15px 1.5%; }
.shop-paymentmethod-row { display:flex; padding:8px 0; /*font-size:16px;*/ color:#000; }
.shop-paymentmethod-item { padding:10px 0; flex:1 0 20%;}
.shop-paymentmethod-details { padding:10px 0; flex:1 0 80%; }
.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; }
.shop-paymentmethod-details-dropdown-icon img { width:100%; }
.shop-paymentmethod-details-dropdown-label { padding:4px 10px; }
.shop-paymentmethod-details.icons { display:flex; }
.shop-paymentmethod-details-icon { height:29px; }
.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-cart-footer-wrapper { display:flex; flex-direction:column; }
.shop-details-container { justify-content:space-between; order:1; margin: 0 0 15px; }
.shop-form-wide-buttons-container { order:2; }
.shop-form-element-newsletter { margin-bottom: 10px; }
.shop_psp_spinner { width: 100px; height: 100px; background:url('/images/shared/spinner.gif') center center no-repeat; }
.factuur_nietbeschikbaar { margin: 10px 0px; padding:15px; border: 1px solid #E4E4E4; bacskground: #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; }
/**
* FOOTER
*/
.footer { width:920px; margin:0 auto; background:#cdcdcd; color:#fff; }
.footer-content { padding:20px; }
.checkout-footer { text-align:center; }
.vervolg .shop-form-element.voorletters { flex: 0 1 8%; }
.vervolg .shop-form-element.naam { flex: 0 1 21%; }
.vervolg .shop-form-element.achternaam { flex: 0 1 24.5%; }
.vervolg .shop-form-element.small { flex: 0 1 18%; }
.vervolg .shop-form-element.medium { flex: 0 1 24%; }
.vervolg .shop-form-element.wide { flex: 0 0 48.5%; }
.vervolg .shop-form-element:last-child { margin:0; }
/**
* GRATIS EBOOKS
*/
.gratis-ebook-container { margin-top: 40px; }
.gratis-ebook-form { margin-top: 20px; }
#ebookcode { padding: 6px; float: left; margin-right: 6px;}
#ebook-aanvraag-succes,
#ebook-aanvraag-melding { padding: 6px 0; }
.error { padding: 6px 0; color: red; }
/**
* informeer mij popup
*/
.shop-popup-mail-mij-verstuurd-bericht {display:none; background:#eee;}
.shop-popup-mail-mij-formulier { background:#eee;}
@media only screen and (max-width:1166px) {
.page { width:auto; }
}
@media only screen and (max-width:1300px) {
.shop-login-alt-viewport { width:90%; }
.shop-form-element-textfield.alt { width:98%; }
.shop-overview-shop-details { display:block; }
.shop-overview-shop-details-contact { margin:0 0 30px; }
.shop-cart-divider.half { display:none; }
.shop-cart-divider.mobile { display:block; margin:0 0 10px; }
.qtip-shadow.width {width: 20%;}
}
@media only screen and (max-width:767px) {
#wrapper { width:296px; margin:0 auto; }
.shop-progress-mobile-container { display:block; height:50px; text-align:center; }
.shop-progress-container { display:none; }
.shop-overview-container { flex-flow:column nowrap; }
.shop-overview-main { order:1; }
.shop-overview-side { order:2; }
.header-content { justify-content:space-evenly !important; __width:280px !important; padding:0; }
.header-buttonwrapper { justify-content:flex-end; width:43.7%; }
.shop-form-wide-buttons-container,
.shop-content-header-container { flex-flow:column nowrap; }
.shop-pagetitle.left { display:none; }
.button.tocart { order:1; margin:0 0 10px; }
.button.shopmore { order:2; margin:0; }
.shop-cart-row.shop-cart-row-titles { display:none; }
.shop-cart-row { flex-flow:row wrap; }
.shop-cart-cover { flex:0 0 20%; }
.shop-cart-description { flex:0 0 67%; }
.shop-cart-row-titlewrapper { width:auto; }
.shop-cart-quantity { position:relative; top:0; right:0; }
.shop-cart-row .shop-cart-item-handler.wishlist { display:none; }
.shop-cart-row .shop-cart-item-handler.wishlist-added { display:none; }
.shop-cart-row .shop-cart-item-handler.remove { position:absolute; top:13px; right:-18px; height:17px; width:17px; padding:0; }
.shop-cart-row .shop-cart-item-handler.remove .label { display:none; }
.shop-cart-row-item.shop-cart-price { display:none; }
.shop-cart-total { flex:0 0 99%; font-weight:700; }
.shop-cart-divider { text-align:center; }
.shop-cart-divider.delivery { display:none; }
.shop-cart-cart-details-container { order:1; flex:0 0 100%; }
.shop-cart-cart-shipping-container { order:2; flex:0 0 100%; }
.shop-cart-cart-details,
.shop-cart-cart-shipping { order:2; padding:10px 0; }
.shop-cart-detail-label { _display:none; }
.shop-overview-row-titles { display:none; }
.shop-overview-row { flex-flow:wrap; }
.shop-overview-row-item.shop-overview-description { flex:0 0 100%; }
.shop-overview-row-item { padding:10px 0; }
.shop-overview-row-item.shop-overview-quantity { flex:0 0 30%; padding:0; text-align:left; }
.shop-cart-state { margin:0 0 5px; }
.shop-overview-row-item.shop-overview-quantity:before { content:'Aantal: '; }
.shop-overview-row-item.shop-overview-cover { display:none; }
.shop-overview-row-item.shop-overview-price { display:none; }
.shop-overview-row-item.shop-overview-total { flex:0 0 70%; margin:0 0 10px; padding:0; }
.shop-overview-cart-details { margin:0; padding:10px 0; }
.button.next { width:100%; margin:0 0 10px; text-align:center; }
.button.shopmore { text-align:center; }
.shop-overview-shop-details { /*flex-flow:column nowrap;*/ display: block; }
.shop-cart-divider.half { display:none; }
.shop-form-wide-buttons.left { order:2; }
.shop-form-wide-buttons.left .button.shopmore { display:block; }
.shop-betalingsverplichting-melding { text-align:center; margin:0 0 20px; }
.shop-progress-mobile-container { height:40px; }
.header { display:flex; align-items:flex-end; margin:0 0 10px; padding:15px 0 15px; }
.shopping-cart-wrapper { top:25px; }
.shop-overview-shop-details-contact { /*flex-flow:column wrap; align-items:stretch;*/ display: block; }
.shop-overview-shop-details-contact-left { display: block; margin:0 0 15px; padding:0; text-align:center; background:transparent; }
.shop-overview-shop-details-contact-right { display: block; margin:0 0 15px; text-align:center; }
.details-contact-phone { padding:0; background-position:66px 4px; }
.details-contact-email { padding:0; background-position:50px 6px; }
.thankyoupage-contentwrapper.boxed { background:none; }
.orderdetails-overview-label { flex:0 0 50%; }
.orderdetails-overview-value { flex:0 0 50%; font-weight:bold; }
}
/**
* NT2.CSS
*/
html { height:100%; -ms-overflow-y:scroll; overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body { height:100%; font:400 14px/18px 'Source Sans Pro', arial, sans-serif; color:#000; background:#fff; }
h1,
.h1 { font:700 20px/24px 'Source Sans Pro', arial, sans-serif; }
h2 { font:400 20px/24px 'Source Sans Pro', arial, sans-serif; }
h3 { }
a { text-decoration:none; color:#ff0056; }
.article a:hover { text-decoration:underline; }
.rose { color:#ff0056; }
/******************************************* development ***********************************************/
a.inline { color:#fff; }
/******************************************* development ***********************************************/
.top-wrapper { position:fixed; top:0; left:0; right:0; width:100%; background:#fff; z-index:110; }
.xs-editmode .top-wrapper { top:35px; }
.top-wrapper-account-content { display:flex; justify-content:space-between; width:722px; margin:0 auto; padding:20px 0; border-bottom:1px solid #9b9c9b; }
/**
* APPLICATIEMENU
*/
.application-menu-wrapper { position:relative; background:#fff; border-bottom:1px solid #9d9d9c; z-index:15; }
.application-menu-content-wrapper { display:flex; justify-content:space-between; width:1200px; margin:0 auto; border-left:1px solid #9d9d9c; }
.application-menu-dropdown { display:flex; width:750px; }
.application-menu-content { position:relative; display:flex; height:32px; font-weight:800; text-transform:uppercase; font-size:17px; }
.application-menu-item { margin:0 0 -1px; padding:7px 15px; color:#9d9d9c; border-right:1px solid #9d9d9c; border-bottom:1px solid #9d9d9c; background:#fff; }
.application-menu-item.first { border-bottom:1px solid #fff; color:#ff0056; }
.application-menu-item img { height:12px; width:14px; margin:0 0 0 7px; }
.application-menu-toggle { height:12px; margin:0 0 -1px 0; padding:11px 0 9px 14px; border-bottom:1px solid #fff; cursor:pointer; display:none; }
.academie .application-menu-item.academie { padding:7px 40px 7px 15px; color:#ff4e00; background:url('../images/icons/pijltje-down-roze.svg') 90% center no-repeat; }
.academie .application-menu-item.academie img { display:none; }
.dossiers .application-menu-item.dossier { padding:7px 40px 7px 15px; color:#ffc800; background:url('../images/icons/pijltje-down-geel.svg') 90% center no-repeat; }
.dossiers .application-menu-item.dossier img { display:none; }
.dossiers .application-menu-toggle { padding:11px 0 8px 14px; }
.academie .application-menu-toggle { padding:11px 0 8px 14px; }
.application-menu-rightside-wrapper { display:flex; }
.application-menu-lang { position:relative; margin:10px 0 0; padding:0 10px; border-right:1px solid #9d9d9c; border-left:1px solid #9d9d9c; cursor:pointer; }
.application-menu-lang img { margin:0 5px 0 0; }
.application-menu-lang .arrow { margin:0 0 0 5px; }
.menu-lang-selected { font-weight:700; }
.menu-lang-options-wrapper { position:absolute; top:22px; right:-1px; width:100px; padding:5px 12px; background:#fff; border:1px solid #9d9d9c; display:none; }
.menu-lang-option { padding:5px 0; }
.menu-lang-option a { color:#000; }
.application-menu-contact { position:relative; margin:10px 0 0; padding:0 10px; border-right:1px solid #9d9d9c; cursor:pointer; }
.application-contact-handler img { height:12px; margin:0 5px 0 0; }
.application-contact-handler img.contact { height:7px; margin:0 5px 0 3px; }
.application-contact-content-wrapper { position:absolute; top:22px; right:-1px; width:175px; padding:5px 12px; background:#fff; border:1px solid #9d9d9c; display:none; }
.application-menu-contentline { padding:5px 0; }
.application-menu-contentline a { color:#000; }
.application-menu-contentline img { margin:0 5px 0 0; }
.application-menu-mobile { display:none; }
.application-mobile-title { padding:30px 0 15px; background:#fff; font-weight:700; color:#000; border-bottom:1px solid #9d9d9c; text-align:center; }
.application-mobile-item { display:flex; justify-content:space-between; padding:7px 15px; color:#9d9d9c; background:#fff; font-weight:700; text-transform:uppercase; border-bottom:1px solid #9d9d9c; }
/**
* HEADER
*/
header { position:relative; height: 117px; background:#fff; z-index:5; }
.header-content { position:relative; display:flex; justify-content:space-between; align-items:flex-end; width:1200px; margin:0 auto; padding: 49px 0 10px; }
.header-username { position:absolute; top:22px; right:0 ; }
.header-logo img { display: block; height: 53px; }
.header-search-wrapper { border:1px solid #000; }
.header-search-wrapper form { display:flex; }
.header-search-input { width:450px; padding:3px 5px; border:0; font-size:14px; }
.header-search-submit { height:28px; width:26px; background:#000 url('../images/icons/button-zoeken.svg') 0 center no-repeat; border:0; border-radius:0; -webkit-appearance:none; cursor:pointer; }
.header-buttonwrapper { display:flex; color:#fff; }
.header-button-search-toggle {
position:relative; height:28px; margin:0 5px 0 0; padding:0 27px 0 2px;
background:#000 url('../images/icons/button-zoeken.svg') 0 0 / 27px 29px no-repeat;
cursor:pointer; display:none;
}
.header-button-account {
position:relative; height:28px; margin:0 5px 0 0; padding:0 27px 0 2px;
font-weight:700; font-size:15px; background:#ff0056 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat;
cursor:pointer;
}
.academie .header-button-account { background:#ff4e00 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat; }
.academie .header-button-account-icon { background:url('../images/icons/button-user-mobiel-academie.svg') 0 0 no-repeat; }
.academie .header-button-account:hover { background:#d24000 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat; }
.academie .header-button-account:hover .header-button-account-icon { background:url('../images/icons/button-user-mobiel-hover-academie.svg') 0 0 no-repeat; }
.academie a.header-account-menu-item { color:red; text-decoration:none !important; }
.header-buttonwrapper a:hover { text-decoration:none; }
.header-button-account.login { display:flex; }
.header-button-account.login .header-button-account-text a { color:#fff; font-weight:bold; }
.header-button-account-content { display:flex; }
.header-button-account:hover .header-account-menu-wrapper { display:block; }
.header-account-menu-wrapper .header-account-menu-item { padding:3px 0; }
.header-account-menu-wrapper .header-account-menu-item:hover { text-decoration:underline; }
.header-button-account-icon { height:26px; width:26px; margin:1px 0 0; background:url('../images/icons/button-user-mobiel.svg') 0 0 no-repeat; }
.header-button-account-text { padding:6px 0; color:#fff; }
.header-button-account:hover { background:#bf0041 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat; }
.header-button-account:hover .header-button-account-icon { background:url('../images/icons/button-user-mobiel_over.svg') 0 0 no-repeat; }
.header-button-cart { position:relative; height:20px; padding:2px 27px 6px 7px; background:#ff0056 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat; cursor:pointer; }
.header-button-cart-content { display:flex; }
.header-button-cart-count { height:17px; padding:4px 11px; background:url('../images/icons/button-winkelwagen-mobiel.svg') 0 0 no-repeat; color:#ff0056; font-size:12px; }
.header-button-cart-amount { padding:4px 0; font-weight:700; font-size:15px; color:#fff; }
.header-button-cart:hover { background:#bf0041 url('../images/icons/pijltje-down-wit.svg') 93% 12px / 15px 8px no-repeat; }
.header-button-cart:hover .header-button-cart-count { background:url('../images/icons/button-winkelwagen-mobiel_over.svg') 0 0 no-repeat; color:#bf0041; }
.header-account-menu-wrapper { position:absolute; top:28px; right:0; min-width:117px; padding:10px; background:#fff; border:1px solid #9d9d9c; display:none; }
.header-account-menu-item { display:block; font-weight:400; }
.header-account-menu-item:hover { text-decoration:underline; }
.header-cart-wrapper { position:absolute; top:28px; right:0; width:290px; background:#fff; border:1px solid #9d9d9c; color:#000; display:none; }
.header-button-cart:hover .header-cart-wrapper,
.header-cart-wrapper:hover { display:block; }
.header-cart-row { margin:0 10px; padding:10px 0; border-bottom:1px solid #9d9d9c; }
.header-cart-row.last { border:0; }
.header-cart-content .header-cart-row { height:105px; }
.header-cart-title { text-transform:uppercase; text-align:center; font-weight:700; }
.header-cart-row-info { display:flex; }
.header-cart-thumb { flex:0 0 25%; }
.header-cart-thumb img { width: auto; max-height: 150px; max-width: 70%; }
.header-cart-details { flex:0 0 60%; }
.header-cart-detail-title { font-weight:700; }
.header-cart-detail-date { font-size:12px; }
.header-cart-price { text-align:right; color:#ff0056; }
.header-cart-price-prev { margin:0 5px 0 0; color:#000; text-decoration:line-through; }
.header-cart-details-wrapper { margin:0 10px; display:flex; justify-content:flex-end; }
.header-cart-details-labels-wrapper { flex:0 0 40%; padding:10px 0; }
.header-cart-details-values-wrapper { padding:10px 0; }
.header-cart-details-label.discount { color:#58b624; }
.header-cart-details-value.discount { color:#58b624; text-align:right; }
.header-cart-total-wrapper { display:flex; justify-content:flex-end; margin:0 10px 20px; font-weight:700; border-top:1px solid #9d9d9c; border-bottom:1px solid #9d9d9c; }
.header-cart-more-button { margin:0 10px; padding:6px 0; background:#000; color:#fff; font-weight:700; text-align:center; cursor:pointer; }
.header-cart-shop-button { margin:0 10px 20px; padding:6px 0; background:#ff0056; color:#fff; font-weight:700; text-align:center; cursor:pointer; }
.header-cart-shipping { padding:10px; text-align:center; font-weight:700; text-transform:uppercase; background:#ececec; }
/**
* NOTIFICATIE
*/
.top-notificationbanner-wrapper { position: relative; }
.top-notificationbanner-content { padding: 10px 40px 10px 20px; font-size: 16px; text-align: center; background-color: #ffffff; color: #ff1c60; border-bottom: 1px solid #ababab; }
.top-notificationbanner-close {
position: absolute; right: 15px; top: calc(50% - 10px);
height: 20px; width: 20px;
font-size: 30px;
color:rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.top-notificationbanner-close:hover {
color:rgba(0, 0, 0, 1);
}
body.extramargin-notificationbanner .portal-wrapper { margin: 256px 0 0; }
body.usps.extramargin-notificationbanner .page { padding: 269px 40px 23px; }
body.usps.extramargin-notificationbanner .page.index { padding: 0px 40px 23px; }
/**
* MAIN MENU
*/
.backdrop { position:fixed; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:#000; opacity:.4; z-index:1; display:none; }
.menu-wrapper { position:relative; background:#000; z-index:2; }
.menu { width:900px; margin:0 auto; background:#000; }
.main-menu { display:flex; /*justify-content:space-between;*/ }
.main-menu-item a { display:block; padding:5px 33px; text-transform:uppercase; color:#fff; font-size:17px; font-weight:600; cursor:default; }
.main-menu-item a.active { background:#ff0056; }
.main-menu-item:hover a { background:#ff0056; }
.submenu-wrapper { position:absolute; top:28px; left:0; width:100%; background:#fff; z-index:20; }
.submenu { display:flex; justify-content:center; width:900px; height:235px; margin:0 auto; padding:20px 0; background:#fff; display:none; }
.submenu-item:first-child { border:0; }
.submenu a { padding:0; text-transform:none; font-size:15px; font-weight:400; }
.submenu-item { width:225px; padding:0 32px; border-left:1px solid #9d9d9c; }
.submenu-item a.level2 { color:#000; font-weight:700; }
.subsubmenu-item a { line-height:24px; color:#ff0056; }
.subsubmenu-item a:hover,
.subsubmenu-item.active a { text-decoration:underline; }
.top-usp-wrapper { border-bottom: 1px solid #ababab; }
.top-usp-content { display: flex; justify-content: center; }
.top-usp-item { padding: 10px 10px 10px 40px; background: url('../images/check.svg') 16px 8px / 24px auto no-repeat; font-size: 16px; }
@media only screen and (max-width: 768px) {
.top-usp-wrapper { __padding: 0 0 10px; }
.top-usp-content { flex-flow: column nowrap; __width: 296px; margin: 0 auto; padding: 5px 0; }
.top-usp-item { padding: 0 20px 0 40px; background: url('../images/check.svg') 23px 2px / 16px auto no-repeat; font-size: 14px; }
}
.page { width:1200px; margin:0 auto; padding: 190px 40px 23px; }
.page.index { padding:0 40px 23px; }
.page.account { width:722px; padding:120px 23px 23px; }
.page.page-shopflow { width:900px; padding:15px 23px 23px; }
.page-content-wrapper { display:flex; justify-content:space-between; }
.page-content-main { width:785px; }
.page-content-side { width:375px; }
.button { margin:0 10px 0 0; padding:5px 14px 5px 30px; background:#000; border: 0px; color:#fff; font-weight:600; cursor:pointer; }
.button-divider { display: inline; }
.button.webinar { display:inline-block; margin:0 0 40px; }
.button.boek { background:#000 url('../images/icons/icon-boek.svg') 6px center no-repeat; }
.button.boek.bexgex { display: inline-block; }
.productpage-backbutton.back,
.productpage-backbutton.products { display:inline-block; background:#000 url('../images/icons/pijltje-links-wit.svg') 11px center / 9px 14px no-repeat; }
/*.productpage-backbutton.products { display:inline-block; background:#000 url('../images/icons/icon-productoverzicht.svg') 10px center no-repeat; }*/
.nopointer { cursor:default; }
.modal-box { background:#fff; width:480px; padding:30px; }
.modal-box-button-wrapper { display:flex; }
.textinput.modal { width:70%; padding:5px 10px; }
.button.modal.verstuur { background:#ff0056 url('../images/icons/icon-contact-wit.svg') 6px center / 19px 11px no-repeat; border:none; }
.button.modal.annuleer { background:#000 url('../images/icons/icon-wis.svg') 11px center no-repeat; }
.button.modal.inloggen { background:#ff0056 url('../images/icons/icon-account.svg') 10px center no-repeat; }
.button.modal.account-aanmaken { background:#000 url('../images/icons/icon-account-aanmaken.svg') 6px center no-repeat; }
.shop-popup-mail-mij-formulier { background:#fff; }
.form-button-wrapper { display:flex; }
/*
.form-button-wrapper.account { padding:0 0 0 180px; }
.form-button-wrapper.account.shop { padding:0 0 0 225px; }
*/
.button-preloader { height:27px; width:28px; margin:0 0 0 10px; background:url('../images/ajax-loader.svg') 0 6px / 16px auto no-repeat; }
#melding-form-edit-adres { margin:0 0 15px; padding:0 0 0 180px; }
.newsletter-subscribe-form-wrapper .button-preloader { height:27px; width:28px; margin: 20px auto 0; background:url('../images/ajax-loader.svg') 0 0 / 24px auto no-repeat; }
/**
* PORTAL
*/
.divgumbuttons.noflex { position:absolute; top:0; left:-21px; }
.portal-wrapper { margin: 217px 0 0; }
.homepage-slider { margin:0 0 40px; background:#ececec; min-height: 300px; }
.homepage-slide-content { display:flex; width:1200px; margin:0 auto; padding:30px 0; }
.slick-initialized .slick-slide.homepage-slide.donkergrijs { background:#575756; }
.homepage-slide.donkergrijs .homepage-slider-prefix,
.homepage-slide.donkergrijs .homepage-slider-title,
.homepage-slide.donkergrijs .homepage-slider-text { color:#fff; }
.homepage-slider-image-wrapper { height:340px; width:370px; margin:0 20px 0 0; text-align:center; }
.homepage-slider-image { display: block; max-width: 290px; max-height: 340px; width: auto; height: auto; }
.homepage-slider-content-wrapper { position:relative; width:680px; padding:30px 0 0; }
.homepage-slider-prefix { font-size:36px; line-height:38px; text-transform:uppercase; font-weight:300; }
.homepage-slider-title { margin:0 0 20px; font-size:36px; line-height:38px; text-transform:uppercase; font-weight:700; }
.homepage-slider-text { font-size:20px; line-height:26px; }
.homepage-slider-text ul { list-style: disc; }
.homepage-slider-buttoncontainer { display:flex; justify-content:flex-end; position:absolute; right:-70px; bottom:20px; }
.homepage-slider-button { margin:0 0 0 10px; padding:5px 14px; background:#ff0056; color:#fff; font-weight:700; line-height: 28px; }
.homepage-slider-button.red:hover { background:#bf0041; }
.homepage-slider-button.black { background:#000; }
#homepageslider .slick-dots { bottom:15px; margin:0; __text-align:right; }
#homepageslider .slick-dots li { margin:0; }
#homepageslider .slick-dots li button::before { font-family:source sans pro; font-size:44px; }
.bannerblocks-wrapper { }
.bannerblocks-content { display:flex; justify-content:space-between; }
.bannerblock { position:relative; width:31.5%; }
.bannerblock img { width:100%; }
.bannerblock-hover { transition:visibility 0s, opacity 0.15s linear; position:absolute; top:0; left:0; width:100%; height:100%; background:#eee; visibility:hidden; opacity:0; }
.bannerblock:hover .bannerblock-hover { visibility:visible; opacity:1; }
.bannerblock-hover-button { position:absolute; top:40%; width:100%; text-align:center; font-weight:700; font-size:22px; line-height:28px; }
.banner { margin:0 0 40px; }
body.academie .homepage-slider,
body.academie .slick-slider { margin-bottom: 0; }
body.academie .pe--homepage-actueel { padding: 2rem 0; }
body.academie .page a:not(.button) { text-decoration:none; color:#ff4e00; }
body.academie .page a.homepage-actueel-intro { font-weight: 700; color: #000; }
body.academie .page a.button.red,
body.academie .page .button.next,
body.academie .page a.homepage-slider-button { background-color:#ff4e00 !important; color: #FFF; }
.homepage-actueel-block-wrapper { display:flex; justify-content:space-between; }
.homepage-actueel-block { width:31.5%; }
.homepage-actueel-block-intro { max-width: 600px; margin: 0 auto 30px; font-size: 18px; font-weight: 700; line-height: 22px; text-align: center; }
.homepage-actueel-image-wrapper { display: flex; justify-content: center; align-items: center; margin:0 0 20px; }
.homepage-actueel-image-wrapper img,
.homepage-actueel-image-wrapper.imgwidth100 img { width: 100%; }
.homepage-actueel-image-wrapper.imgwidth80 img { width: 80%; }
.homepage-actueel-image-wrapper.imgwidth75 img { width: 75%; }
.homepage-actueel-image-wrapper.imgwidth50 img { width: 50%; }
.homepage-actueel-title { font-size:24px; font-weight:700; line-height:30px; text-transform:uppercase; color:#000; }
.homepage-actueel-title a { color:#000 !important; }
.homepage-actueel-title.accent { color: #ff0056; }
.academie .homepage-actueel-title.accent { color: #ff4e00; }
.homepage-actueel-subtitle { font-size:24px; font-weight:400; line-height:30px; }
.homepage-actueel-subtitle a { color:#000; }
.homepage-actueel-author { margin:0 0 10px; font-size:12px; font-weight:700; }
.homepage-actueel-icon { display:flex; margin:0 0 10px; font-weight:700; }
.homepage-actueel-icon img { width:18px; margin:0 8px 0 0; }
.homepage-actueel-intro { font-weight:700; color:#000; }
.homepage-actueel-intro a { color:#000; }
.homepage-actueel-intro li a { color:#ff0056; }
.homepage-actueel-title-wrapper { text-align: center; padding: 0 0 20px 0; }
.homepage-actueel-buttons { text-align: center; padding: 20px 0 0 0; }
.homepage-actueel-buttons .button { display: inline-block; }
.infoblock { padding:20px 0 0; background:#ececec; }
.infoblock.wit { background:#ffffff; }
.infoblock-title { margin:0 0 15px; font-size:18px; font-weight:700; line-height:22px; text-transform:uppercase; text-align:center; }
.infoblock-text { padding:0 200px; font-size:16px; line-height:22px; }
.infoblock-image-wrapper { display:flex; justify-content:center; overflow:hidden; }
.infoblock-image { flex:0 0 auto; }
.pe--line { margin: 0 0 20px; padding: 20px 0 0; border-bottom: 1px solid #9d9d9c; }
@media only screen and (max-width:768px) {
.pe--line { display: none; } /* in de mobiele stand krijgen de blokken al border-bottoms */
}
/**
* PRODUCT
*/
.productpage-wrapper { display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; border-bottom:1px solid #b1b1b1; padding:0 0 20px; }
.productpage-panel { flex:0 0 560px; }
.productpage-slider-wrapper { }
.productpage-slider { height:460px; width:460px; margin:0 auto; }
.slick-initialized figure.slick-slide { display:flex; align-items:center; justify-content:center; text-align:center; height:460px; }
.slick-initialized .slide-thumb { display:flex; align-items:center; justify-content:center; }
.slick-slide img { display:inline; max-width:calc(100% - 3px); }
.slick-slide img.border { border:1px solid #9d9d9c; }
.slide .videowrapper { position:relative; height:0; margin:100px 0 0; padding:25px 0 50.5%; }
.slide .videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.productpage-slider .slick-next { right:-51px; }
.productpage-slider .slick-prev { left:-51px; }
.productpage-slider-carousel-wrapper { display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; width:560px; }
.productpage-slider-carousel-arrow { height:83px; width:24px; cursor:pointer; }
.productpage-slider-carousel-arrow.prev { background:url('../images/icons/slider-pijltje-links.svg') left center no-repeat; }
.productpage-slider-carousel-arrow.next { background:url('../images/icons/slider-pijltje-rechts.svg') right center no-repeat; }
.productpage-slider-carousel { width:510px; }
.slide-thumb { height:83px; margin:0 5px 0; border:1px solid #9d9d9c; text-align:center; cursor:pointer; }
.slide-thumb img { display:inline; max-width: 100%; }
.productpage-slider-links { display:flex; display:-ms-flexbox; display:-webkit-flex; padding:10px 0; justify-content:space-between; border-top:1px solid #b1b1b1; }
.productpage-slider-link { color:#ff0056; cursor:pointer; }
.productpage-slider-link.active:hover { text-decoration:underline; }
.productpage-slider-link.inactive { color:#aaa; cursor:default; }
.productpage-title { }
.productpage-subtitle { margin:0 0 2px; }
.productpage-isbn { font-size:15px; }
/* .productpage-delivery-wrapper { color:#ff0056; } */
.productpage-formaticons-wrapper { margin:0 0 3px; }
.productpage-formaticon { margin:0 5px 0 0; }
.productpage-price-button-wrapper { display:flex; display:-ms-flexbox; display:-webkit-flex; flex-flow:column nowrap; }
.productpage-priceinfo-wrapper { display:flex; display:-ms-flexbox; display:-webkit-flex; margin:0 0 35px; }
.productpage-price { margin:0 15px 0 0; font-size:20px; line-height:22px; color:#ff0056; }
.productpage-prevprice { margin:0 15px 0 0; font-size:16px; line-height:22px; text-decoration:line-through; }
.productpage-pricetag { padding:3px 10px 3px 20px; text-transform:uppercase; font-weight:700; font-size:14px; color:#fff; background:url('../images/pricetag-bg.svg') center left no-repeat; }
.productpage-pricetag-mobile {
width:60%; margin:0 auto 20px; padding:3px 0 16px;
text-align:center; text-transform:uppercase; font-weight:700; font-size:16px; color:#fff;
background:url('../images/pricetag-mobile-bg.svg') center bottom no-repeat;
display:none;
}
.productpage-spacer { height: 35px; }
.productpage-buttonwrapper { display:flex; display:-ms-flexbox; display:-webkit-flex; margin:0 0 10px; }
.button.addtocart { background:#08bc1b url('../images/icons/icon-winkelwagen.svg') 6px center no-repeat; }
.button.addtocart:hover { background:#079216 url('../images/icons/icon-winkelwagen.svg') 6px center no-repeat; }
.button.wishlist { background:#000 url('../images/icons/icon-verlanglijst.svg') 8px center no-repeat; }
.button.wishlist-added { padding:5px 14px 5px 26px; background:url('../images/icons/button-verlanglijst-small-red.svg') 8px center no-repeat; color:#ff0056; }
.button.mailmij { background:#000 url('../images/icons/button-info-small.svg') 6px center no-repeat; }
.productpage-extrainfo-wrapper { border-style:solid; border-color:#9d9d9c; border-width:1px 1px 0; }
.productpage-extrainfo-section-title {
display:block; padding:5px 12px;
background:#ededed url('../images/icons/pijltje-down.svg') 98% 11px no-repeat; border-bottom:1px solid #9d9d9c; color:#000;
cursor:pointer;
}
.productpage-extrainfo-section-title.active { background:#fff url('../images/icons/pijltje-up.svg') 98% 11px no-repeat; font-weight:700; border-color:#fff; }
.productpage-extrainfo-section-content { padding:10px 24px 24px; border-bottom:1px solid #9d9d9c; display:none; }
.productoverview-related-wrapper { padding:30px 0; }
.productoverview-filter-option { padding:2px 0; }
.productoverview-related-title { margin:0 0 20px; text-align:center; text-transform:uppercase; font-weight:700; }
/*.shop-cart-item-handler.wishlist-added { background:#999 url('../images/icons/icon-verlanglijst.svg') 8px center no-repeat; }*/
.shop-overview-side-contentblock { position:relative; }
.nieuw-afhaalpunt-pointer { position:absolute; bottom:9px; right:0; }
.nieuw-afhaalpunt-pointer img { width:184px; }
/* QTIP product met restricties / toestemming melding */
.productpage-panel .tooltip2 { color:#ff0056; }
.custom-tooltip-styles .qtip-content { font-size: 15px; line-height: 18px; padding: 10px 15px;}
/* SETS */
.product-sets-container { padding: 35px 0 0; border-bottom: 1px solid #e4e2e2; }
.product-sets-container-title { margin: 0 0 5px; font-weight: 600; }
.product-set-item { display: flex; padding: 10px 0; border-top: 1px solid #e4e2e2; }
.setitem-product-title-wrapper { min-height:55px; text-align:left; }
.product-list-image-container { width: 70px; }
.product-list-image-container img { max-width: 80%; }
.product-list-info-container .product-info-bestelitem-details { line-height: 18px; }
.product-sticky-action-bar {
position: fixed; top: -100px; left: 0; width: 100%;
padding: 5px 0; background: #fff;
z-index: 80; box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
transition: all .7s ease 0s;
}
.product-sticky-action-bar-content { display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 0 auto; padding: 5px 0; }
.product-sticky-info-wrapper { display: flex; justify-content: space-between; align-items: center; flex: 1 0 auto; padding: 0 0 0 10px; }
.product-sticky-info { flex: 0 0 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 0; }
.product-sticky-action-bar-totopbutton { height: 28px; width: 28px; background: #ededed url('../images/icons/pijltje-up.svg') center center no-repeat; cursor: pointer; }
.product-sticky-action-bar .button.mailmij { width: 83px; }
.action .product-sticky-action-bar { top: 179px; }
.action.usps .product-sticky-action-bar { top: 217px; }
.action.extramargin-notificationbanner .product-sticky-action-bar { top: 256px; }
#headerSearchContainer { position: relative; }
.search-suggest-popup-container { position: absolute; top: 29px; width: calc(100% - 2px); background: #fff; border: 1px solid #ddd; box-shadow: 0 1px 3px 1px rgb(0 0 0 / 20%); }
.product-suggest-product { display: flex; min-height: 50px; padding: 8px 5px; border-bottom: 1px solid #ddd; font-size: 12px; line-height: 16px; cursor: pointer; }
.product-suggest-product:hover { box-shadow: inset 0 0 0 1px #888; }
.product-suggest-product:last-child { border: none; }
.product-suggest-product.zoektip { background: #f7f7f7 url('../images/icons/slider-pijltje-rechts.svg') 97% center / 7px auto no-repeat; }
.product-suggest-product h2.product-overview-product-title { color: #000; font-weight: 700; font-size: 14px; line-height: 16px; }
.product-suggest-product .product-overview-product-subtitle { font-weight: 400; }
.product-suggest-product .product-overview-product-image { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 60px; }
.product-suggest-label { color: #9d9d9c; font-size: 12px; }
.product-suggest-intro { flex: 0 1 auto; padding: 0 50px 0 0; }
@media only screen and (max-width: 1290px) {
.action.usps .product-sticky-action-bar { top: 217px; }
.action.extramargin-notificationbanner .product-sticky-action-bar { top: 256px; }
}
@media only screen and (max-width:1240px) {
.product-sticky-action-bar-content { width: calc(100% - 20px); }
.product-sticky-action-bar .productpage-price { flex: 0 0 auto; margin: 0 10px 0 0; }
}
@media only screen and (max-width:767px) {
.action .product-sticky-action-bar { top: 300px; }
.action.usps .product-sticky-action-bar { top: 192px; }
.action.extramargin-notificationbanner .product-sticky-action-bar { top: 166px; }
.action.extramargin-notificationbanner.usps .product-sticky-action-bar { top: 231px; }
.product-sticky-action-bar .button { height: 18px; width: 5px; padding: 5px 14px; }
.product-sticky-action-bar .button-text { display: none; }
.product-sticky-action-bar .button.mailmij { width: auto; }
#headerSearchContainer { position: unset; }
.product-suggest-product .product-overview-product-image img { max-height: 30px; }
.search-suggest-popup-container { display: none; }
.product-suggest-product-intro { display: none; }
}
/**
* DOCENT PRODUCTEN SECTION 2020
*/
.nt2-docent-section { padding: 30px 0px; border-top: 1px solid #9d9d9c; }
.nt2-docent-section-text { margin-bottom: 25px; }
.orange-button { display: inline-block; margin: 1px 10px 1px 0px; padding: 5px 15px 5px 15px; background: #ff4e00; border: 0px; color: #fff; font-weight: 600; cursor: pointer;}
.orange-button:hover { background: #e24501; }
.nt2-docent-section p { margin-bottom: 0.5rem; }
.tip-vd-auteur { background-color: #ededed; padding: 2rem 4rem 3rem; border-bottom: 1px solid #9d9d9c; }
.tip-vd-auteur h2 { margin-bottom: 5px; font-weight: 800; text-align: center; text-transform: uppercase; }
.tip-vd-auteur-text { display: flex; align-items: center; font-size: 15px; }
.tip-vd-auteur-foto { width: 150px; height: 150px; border-radius: 50%; margin: 0 0 0 50px; }
.productpage-wrapper.noreviews { display: flex; flex-flow: column; }
.productpage-wrapper.noreviews .product-review { border: 0; }
.productpage-wrapper.noreviews .productpage-panel { flex: 0; width: 340px; margin: 0 auto; text-align: center; }
.productpage-wrapper.noreviews .reviews-bottom-wrapper { margin: 0; padding: 0; border: 0; }
.productpage-wrapper.noreviews .review-actions-wrapper { border: 0; }
.nt2-product-docent-intro { padding: 2rem 4rem 3rem; border-bottom: 1px solid #9d9d9c; background: #ededed url('../images/nt2docent-laptop.jpg') right bottom no-repeat; background-size: contain; font-size: 15px; }
.nt2-product-docent-intro .nt2docent-logo { height: 40px; margin: 0 0 10px; }
.review-actions-wrapper { display: flex; align-items: center; }
.review-actions-subwrapper { flex: 1 0 auto; display: flex; align-items: center; justify-content: space-between; }
.button-grey { padding: 5px 14px; background: #ededed; color: #000; }
.button-nt2 { padding: 5px 14px; background: #ff0056; }
@media only screen and (max-width: 768px) {
.tip-vd-auteur { padding: 30px; }
.tip-vd-auteur-text { flex-direction: column; }
.tip-vd-auteur-foto { margin: 20px auto 0; display: block; }
.nt2-product-docent-intro { padding: 30px 30px 130px; }
.productpage-wrapper.noreviews .productpage-panel { width: auto; }
}
@media only screen and (max-width: 1240px) {
.review-actions-wrapper,
.review-actions-subwrapper { flex-direction: column; align-items: flex-start; }
.review-actions-wrapper a,
.review-actions-subwrapper a { margin: 0 0 10px; }
}
/**
* REVIEWS 2020
*/
.reviewoverview,
.reviewformulier { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 30px; }
.reviewformulier { padding: 0 10px; box-sizing: border-box; }
.reviewoverview-block,
.reviewformulier-block { width: 100%; max-width: 680px; }
.reviewformulier-form-voorwaarden { width:100%; box-sizing: border-box; height:150px; padding:10px 15px; background:#fff; border:1px solid #ccc; overflow-y:scroll; }
.reviewformulier-form-row { display:flex; margin:0 0 10px; }
.reviewformulier-form-label { width:30%; margin:0 20px 0 0; }
.reviewformulier-form-input { width:60%; display: flex; }
.reviewformulier-form-input label { display:flex; align-items: flex-start; }
.reviewformulier-form-input textarea { width: 100%; box-sizing: border-box;}
.reviewformulier-form-inputfield { width:100%; box-sizing: border-box; padding:5px 10px; border:1px solid #ccc; }
.reviewformulier label { cursor: pointer; }
.reviewformulier-product { display: flex; flex-flow: row nowrap; padding: 15px; background-color: #efefef; box-sizing: border-box; }
.reviewformulier-preview-image-wrapper { margin-right: 20px; }
.reviewformulier-preview-image-wrapper .reviewformulier-preview-image { max-height: 120px; }
.reviewformulier-preview-info-title { font: 700 20px/24px 'Source Sans Pro', arial, sans-serif; }
.reviewformulier-preview-info-author-imprint { color: #838992; }
.reviewformulier-sterren { display: flex; flex-flow: row nowrap; }
.reviewformulier-ster-radio { float: left; }
.reviewformulier-ster-label { display: none; }
.reviewformulier-ster-description { display: none; }
.product-review { border-top: 1px solid #efefef; padding-top: 10px;padding-bottom: 10px; }
.product-review-stars { color: #fc5038; }
.product-review-user { color:#838992 }
.product-review-text { margin-top:10px;margin-bottom:20px; }
.product-info-rating-wrapper { display: flex; margin-bottom: 20px; }
.product-info-rating-stars { margin-right: 10px; }
.stars-overview { margin-bottom: 15px; }
.stars-overview-norating { display: flex; align-items: center; margin: 0 0 15px; }
.stars-overview-norating .label { margin: 0 25px 0 0; font-size: 14px; color: #999; }
.stars-row { display: flex; flex-flow: row nowrap; }
.stars-row .review-stars { min-width: 90px; font-size: 0.8rem; letter-spacing: -2px; line-height: 10px; }
.stars-row .review-stars img { transform: scale(0.8); }
.stars-row .review-bar { background-color: #f3f3f3; height: 12px; display: flex; flex-flow: row nowrap; justify-content: flex-start; width: 100%; }
.stars-row .review-bar .review-percentage { background-color: #ff0056; height: 12px; }
.stars-row .review-number { min-width: 30px; font-size: 0.9rem; text-align: right; line-height: 10px; color: #666 }
.star-review-bottom { min-width: 150px; }
.star-review-bottom div.star-rating-readonly a { cursor: pointer !important; }
.noreviews .star-review-bottom { text-align: left; }
.review-admin-delete-button { float:right; height: 2em; background: transparent; color: #000; cursor:pointer; }
#reviewslist { position: relative; top: -340px;visibility: hidden; }
.reviews-bottom-wrapper { margin: 0 0 20px; padding: 0 0 20px; }
.req-field-label-info { font-size: 12px; line-height: 14px; }
#reviewFeedback { display: none; }
.wait-indicator {
height: 25px;
margin: 3px 5px 0px;
display: none;
}
.reviewformulier-button { padding: 5px 14px; }
/* TL@FB 2021-03-17 */
.input-label-error, #form-reviewformulierMessage { color:rgb(243, 55, 55); }
/**
* SHOP NOTIFICATION
*/
.shop-notification-backdrop { position:fixed; top:0; height:100%; width:100%; background:#000; opacity:0.5; z-index:205; }
.shop-notification { position:fixed; left:0; right:0; top:40%; width:640px; margin:-85px auto 0; background:#fff; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.40); z-index:210; display:none; }
.shop-notification-title { position:relative; padding:10px 30px 10px 20px; color:#000066; text-transform:uppercase; font-size:15px; font-weight:600; background:#e7e7e7; }
.shop-notification-title .fa { position:absolute; top:0; right:0; padding:12px; font-size:18px; color:#252525; cursor:pointer; }
.shop-notification-content { padding:20px; font:400 16px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif; color:#252525; }
.shop-notification-buttons-container { display:flex; justify-content:space-between; padding:0 20px 20px; }
.shop-notification-buttons-container a { text-decoration:none; }
.shop-notification-button { padding:5px 15px; text-align:center; cursor:pointer; }
.shop-notification-button.back { background:#e7e7e7; color:#252525; }
.shop-notification-button.back:hover { background:#ccc; text-decoration:none; }
.shop-notification-button.shop { background:#ff0364; color:#fff; }
.shop-notification-button.shop:hover { background:#dd0054; text-decoration:none; }
.shop-notification-bestelitems-wrapper { border-bottom:1px solid #dadada; }
.shop-notification-item { display:flex; }
.shop-notification-item-methode { font-size:16px; line-height:14px; }
h2.shop-notification-item-title { margin:0 0 15px; font-size:18px; }
h2.shop-notification-item-title a { color:#000066; text-decoration: none; }
h3.shop-notification-description-title { margin:0 0 0px; }
.shop-notification-item-image-container { position:relative; display:flex; justify-content:center; align-items:center; width:23%; height:140px; text-align:center; background:#f3f3f3; overflow:hidden; }
.shop-notification-bestelitem { display:flex; justify-content:space-between; padding:5px 0; border-top:1px solid #dadada; }
.shop-notification-bestelitem-digitaal { display:flex; justify-content:space-between; padding:5px 0; }
.shop-notification-bestelitem-digitaal.voor_mijzelf { padding:5px 0 15px 0; }
.digitaal-aantal { border-bottom:1px solid #dadada; margin-bottom: 15px;}
.licentie-emailadres { padding: 5px 7px; width: 69%; font-size: 16px; }
.shop-notification-item-image-label {
position:absolute; top:15px; left:-72px; width:200px; padding:2px; transform:rotate(315deg);
text-align:center; text-transform:uppercase;
background:#ff0162; color:#fff; font-size:14px;
}
.shop-notification-item-image-container img { width:65%; box-shadow:4px 4px 4px 0 rgba(0, 0, 0, 0.3); }
.shop-notification-item-content-container { width:72%; padding:0 0 0 5%; }
.shop-notification-bestelitem-title { width:140px; font-size:14px; }
.shop-notification-bestelitem-count { font-size:14px; }
.shop-notification-bestelitem-count select { margin:0 0 0 10px; }
.shop-notification-bestelitem-price { align-self:center; font-weight:600; font-size:20px; text-align:right; }
.shop-notification-bestelitem-button-container { align-self:center; width:160px; }
.shop-notification-bestelitem-button { padding:5px 15px; background:#ff0162; color:#fff; font-size:17px; line-height:23px; text-align:center; cursor:pointer; }
.shop-notification-bestelitem-button:hover { background:#dd0054; }
.shop-notification-bestelitem-button .fa { font-size:14px; }
.shop-notification-description-wrapper { padding:20px; border-top:1px solid #dadada; }
.shop-notification-mailinputbox { width:80%; padding:5px; font-size:16px; border:1px solid #dadada; margin-bottom: 10px;}
.shop-notification-buttonwrapper { display:flex; justify-content:flex-end; }
.shop-notification-mailme-button { display:inline-block; padding:5px 15px; background:#FF5301; color:#fff; font-size:17px; line-height:23px; text-align:center; cursor:pointer; }
.shop-notification-mailme-button:hover { background:#DC4700; text-decoration:none; }
/* TL :: */
.shop-notification-bestelitem-message {color:#ff5301;}
/**
* SHOP NOTIFICATION UPSALE/UPSELL SCREEN
* --------------------------------------
*/
.shop-notification-upsell { background-color: #FFF; padding: 0px; }
.shop-notification-upsell-title { display: flex; justify-content: space-between; align-items: center;
padding:25px 0px 15px 0px; color:#252525; text-transform:uppercase;
font-size:18px; font-weight:700; border-bottom: 1px solid #9d9d9c; margin: 0 30px; }
.shop-notification-upsell-title .fa-times { cursor: pointer }
.shop-notification-upsell-content { padding: 10px 30px; }
.shop-notification-upsell-content * { margin: 0 0 0 0; box-sizing: border-box;}
.shop-notification-upsell-cart { padding-top: 10px; }
.shop-notification-upsell-content .header-cart-price { font-size: 20px; color: #ff0056; }
.header-cart-shop-button { margin-bottom: 10px; }
.shop-notification-upsell-button.back { padding: 6px 22px 6px 8px; text-align: center; color: #000; border: 1px solid #9b9c9b;
background: #fff url(../images/icons/slider-pijltje-rechts.svg) CALC(100% - 10px) center/ 8px 14px no-repeat;
width: 100%; display: block; }
.shop-notification-upsell-button.back:hover { border: 1px solid #000; }
.shop-notification-upsell-related-products { padding: 10px 30px 20px; }
.upsell-overview-product-title { color: #000; font-weight: 700; display: inline-block; margin-bottom: 4px; }
.upsell-overview-product { display: flex; padding: 20px 0; }
.upsell-overview-product-image { width: auto; max-height: 150px; max-width: 70%;}
.upsell-overview-button.addtocart { padding: 6px 0 3px; background: #08bc1b; color: #fff; max-width: 30px;
font-weight: 700; text-align: center; cursor: pointer; margin-top: 15px; }
.upsell-overview-button.addtocart:hover { background: #079216;}
.upsell-overview-product-price-pricewrapper { margin-top: 5px; }
.upsell-overview-product-price-buttonwrapper.ordered { padding: 6px 22px 6px 8px; border: 1px solid #08bc1b; font-weight: 700; text-align: center; margin-top: 15px; }
.shop-notification-upsell-item .header-cart-row-info { display: block; overflow: auto; min-height: 110px; }
.shop-notification-upsell-item .header-cart-price { text-align: left; margin-top: 5px; }
.shop-notification-upsell-item .header-cart-thumb { float: left }
.shop-notification-upsell-content .header-cart-shop-button { background: #08bc1b; padding: 10px 0; }
.shop-notification-upsell-content .header-cart-shop-button:hover { background: #079216; }
@media only screen and (min-width: 768px){
.shop-notification-upsell-content,
.shop-notification-upsell-related-products { display: flex; }
.shop-notification-upsell-item,
.shop-notification-upsell-cart,
.upsell-overview-product {flex-grow: 1; }
.shop-notification-upsell-cart { padding-left: 40px; max-width: 240px; }
.shop-notification-upsell .header-cart-row { border-bottom: none; }
}
.shop-overview-upsell-wrapper { }
.shop-overview-upsell-content { display: flex; }
.header-cart-upsell-wrapper { margin: 10px; }
.header-cart-upsell-product { display: flex; margin: 10px 0 0; padding: 10px 0; border-top: 1px solid #9d9d9c; }
@media only screen and (max-width: 768px){
.shop-overview-upsell-content { flex-flow: column; }
.shop-cart-upsell-producten-container { flex-flow: column; }
}
/* .header-cart-wrapper { display: block; } */
/**
* FILTERS
*/
.productoverview-filters-toggle { padding:5px 5px 5px 30px; background:#000 url('../images/icons/icon-filters.svg') 5px center no-repeat; color:#fff; cursor:pointer; font-weight:700; display:none; }
.productoverview-selected-filters-wrapper { display:flex; width:713px; margin:0 auto 10px; }
.productoverview-selected-filter { margin:0 1px 0 0; padding:2px 7px 2px 20px; background:#9d9d9c url('../images/icons/icon-wis-filter.svg') 5px center no-repeat; color:#fff; cursor:pointer; }
.productoverview-selected-clear { padding:2px 7px 2px 20px; background:#000 url('../images/icons/icon-wis-alle-filters.svg') 5px center no-repeat; color:#fff; cursor:pointer; }
.productoverview-filters-wrapper { position:relative; display:flex; justify-content:center; width:713px; margin:0 auto 30px; z-index:12; }
.productoverview-filter { position:relative; flex:1 0 auto; background:#ededed; border-style:solid; border-color:#9d9d9c; border-width:1px 0; }
.productoverview-filter.first { border-width:1px 0 1px 1px; }
.productoverview-filter-title { padding:6px 29px 6px 8px; background:url('../images/icons/pijltje-down.svg') 94% center no-repeat; border-right:1px solid #9d9d9c; cursor:pointer; }
.productoverview-filter-title.open { font-weight:bold; background:#fff url('../images/icons/pijltje-up.svg') 94% center no-repeat; }
.productoverview-filter-optionswrapper {
position:absolute; top:30px; left:-1px; width: 160px; padding:3px 8px;
background:#fff; border-color:#fff #9d9d9c #9d9d9c; border-style:solid; border-width:1px;
display:none;
}
.productoverview-filter-option label { display:flex; justify-content:space-between; }
.productoverview-filter-close { margin:5px 1px; padding:2px; background:#9d9d9c url('../images/icons/icon-wis-filter.svg') 8px 5px / 13px 13px no-repeat; color:#fff; text-align:center; cursor:pointer; }
.productoverview-filter-close.submit { background:#000 url('../images/icons/icon-bevestigen.svg') 8px 5px / 13px 11px no-repeat; }
/**
* PRODUCTOVERVIEW
*/
.productoverview-intro-wrapper { width:500px; margin:0 auto 30px; text-align:center; }
.productoverview-title { margin:0 0 10px; text-transform:uppercase; }
.productoverview-count { text-transform:none; font-weight:400; }
.productoverview { display:flex; flex-wrap:wrap; }
.productoverview-product { position:relative; flex:0 0 180px; margin:15px 43px; padding: 40px 15px; border:1px solid #fff; }
.productoverview-product.zoektip { padding: 15px; border:1px solid #000; }
.productoverview-product.wishlist { margin:10px 14px; }
.productoverview-product:hover { border:1px solid #9d9d9c; }
.zoektip .zoektip-prefix { margin: 0; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 24px; color: #ff0056; }
.zoektip .zoektip-title { text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 24px; }
.productoverview-pricetag {
position:absolute; top:0; left:0; right:0; width:180px; margin:0 auto 20px; padding:3px 0 16px;
text-align:center; text-transform:uppercase; font-weight:700; color:#fff; font-size:12px;
background:url('../images/pricetag-mobile-bg.svg') center bottom no-repeat;
}
.productpage-panel .productoverview-pricetag { position: relative; __width: 124px; margin: 0 0 20px; }
.productoverview-product-image-wrapper { display:flex; justify-content:center; align-items:center; width:180px; height:180px; margin:0 0 15px; }
.productoverview-product-image { max-height:100%; }
.accountpage-block-wrapper .productoverview-product-image { max-height:100%; max-width:100%; }
.productoverview-product-icons-wrapper { text-align:center; }
.productoverview-formaticon { margin:0 5px 0 0; }
.productoverview-product-title-wrapper { min-height:55px; text-align:center; }
.productoverview-product-title { display:block; font-size:14px; font-weight:700; color:#000; }
.productoverview-product-title-productcount,
.productoverview-product-count { font-size:12px; }
.productoverview-product-price-wrapper { display:flex; justify-content:center; }
.productoverview-product-price-pricewrapper { display:flex; }
.productoverview-product-delivery-wrapper { width: 100%; padding: 10px 0 0; text-align: center; color: #333; font-size: 13px; }
.productoverview-price { font-size:20px; color:#ff0056; }
.productoverview-price-label { margin:0 5px 0 0; color:#ff0056; }
.productoverview-prevprice { margin:0 0 0 10px; font-size:12px; line-height:20px; text-decoration:line-through; }
.productoverview-product-notification { font-size:12px; }
.productoverview-product-price-buttonwrapper { display:flex; margin:0 0 0 10px; }
.productoverview-button.addtocart { height:16px; width:16px; background:url('../images/icons/button-winkelwagen-small.svg') 0 0 no-repeat; cursor:pointer; }
.productoverview-button.addtocart:hover { background:url('../images/icons/button-winkelwagen-small_over.svg') 0 0 no-repeat; }
/* ABtest */
.productoverview-product-price-label,
.productoverview-button.addtocart span { display: none; }
.productoverview-product-title-icons-wrapper { display: flex; flex-flow: column; }
.productoverview-product-icons-wrapper { order: 2; }
.productoverview-product-title-wrapper { order: 3; }
.productoverview-button.productgroup-button { display: none; }
.productoverview-button.info { height:16px; width:16px; background:url('../images/icons/button-info-small.svg') 0 0 no-repeat; cursor:pointer; }
.productoverview-button.wishlist { height:16px; width:16px; margin:0 0 0 5px; background:url('../images/icons/button-verlanglijst-small.svg') 0 0 no-repeat; cursor:pointer; }
.productoverview-button.wishlist-added { height:16px; width:16px; margin:0 0 0 5px; background:url('../images/icons/button-verlanglijst-small-red.svg') 0 0 no-repeat; cursor:pointer; }
.productoverview-button.remove { height:16px; width:16px; margin:0 0 0 5px; background:#000 url('../images/icons/icon-verwijder-small.svg') 3px 3px no-repeat; cursor:pointer; }
.productoverview-button.cursus { padding:3px 10px 3px 25px; color:#fff; background:#2a74cf url('../images/icons/icon-start-cursus.svg') 5px 5px no-repeat; cursor:pointer; }
.productoverview-button.info.larger { height:24px; width:24px; margin:0 0 0 5px; background:#000 url('../images/icons/button-info-small.svg') 4px 4px no-repeat; }
.productoverview-product-intro { display: none; }
.productoverview-product.nt2school { margin:10px 14px; padding:15px; border:1px solid #cdcdcd; }
/**
* PRODUCT COMPARE
*/
.product-compare-popup * { box-sizing: border-box; }
.product-compare-popup { -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.product-compare-popup-header.button img { position: absolute; right: 12px; top: 17px; width: 14px; z-index: 3; transform: rotate(90deg); }
.product-compare-popup-header { display: block; width: 100%; padding: 12px 15px; background-color: #ff0056; font-weight: bold; }
.product-compare-popup-collapse { overflow: hidden; max-height:0px; border: 1px solid #CCC ; transition: max-height 0.5s ease-in; }
.product-compare-popup { position: fixed; width: 300px; bottom: 0px; right: 10px; z-index: 10000; background-color: #FFF; }
.product-compare-popup-collapse .button { display: block; width: 280px; padding: 10px 10px; text-align: center; margin: 10px; }
.bg-red { background-color: #ff0056 ; }
.txt-red { color: #ff0056; }
/* Producten */
.product-compare-popup-product { position: relative; padding: 10px 20px; border-bottom: 1px solid #CCC; display: flex; }
.product-compare-popup-product .product-compare-popup-product-text .productoverview-price { font-size: 16px; color: #ff0056; }
.product-compare-popup-product .product-compare-popup-product-image { width: 40px; margin-right: 10px; }
.product-compare-popup-product .product-compare-popup-product-image img { width: 100%; }
.product-compare-popup-product-close { position: absolute; right: 10px; top: 10px; z-index: 5; cursor: pointer; font-size: 24px; opacity: 0.6; }
.product-compare-popup-product-close:hover { font-weight: bold; opacity: 1; }
/* Openklap */
.product-compare-popup.open .product-compare-popup-collapse { max-height:900px; }
.product-compare-popup.open .product-compare-popup-header.button img { right: 10px; top: 16px; width: 14px; transform: rotate(180deg); }
/* Product selectbox */
.product-compare-select { text-align: center; padding-top: 12px; }
.product-compare-select input[type="checkbox"] { cursor: pointer; }
.button.disabled { border: 1px solid #CCC !important; background-color: #CCC !important; cursor: default; }
/**
* ACCOUNT
*/
.accountpage-navigation-wrapper { display:flex; justify-content:space-between; }
.accountpage-title-wrapper { text-align: center; }
.accountpage-title-wrapper .accountpage-title { display: inline-block; margin-bottom: 1em; }
.accountpage-title { padding:5px 0 0 22px; background:url('../images/icons/icon-mijn account-zwart.svg') 0 8px no-repeat; font-weight:bold; font-size:19px; text-transform:uppercase; }
.button.back { background:#000 url('../images/icons/pijltje-links-wit.svg') 11px center / 9px 14px no-repeat; }
.button.logout { margin:0; background:#000 url('../images/icons/button-uitloggen-small.svg') 2px 1px / 28px 28px no-repeat; }
.accountpage-block-wrapper { margin:0 0 1px; }
.accountpage-title-bar { padding:5px 20px; background:#9b9c9b url('../images/icons/pijltje-down-wit.svg') 98% center no-repeat; text-transform:uppercase; font-weight:700; color:#fff; cursor:pointer; }
.accountpage-title-bar.no-arrow { background:#9b9c9b; cursor:default; }
.accountpage-title-bar.open { background:#9b9c9b url('../images/icons/pijltje-up-wit.svg') 98% center no-repeat; }
.accountpage-title-bar span { font-weight:400; }
.accountpage-block-content { padding:10px 0; }
.accountpage-anchor { display:block; position:relative; top:-98px; visibility:hidden; }
.account-info-row { display:flex; padding:2px 0; }
.account-info-label { width:150px; }
.account-info-value { }
.account-info-label-wide { width: 250px; }
.account-info-value-wide { }
#newsletter_academie_account { display: none; }
.account-address-row { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #9b9c9b; }
.account-address-row.afhaalpunten { padding:10px 0 20px; }
.account-address-row.noborder { padding:10px 0 0; border:0; }
.account-address-row.titles { font-weight:700; }
.account-address-info { flex:0 0 50%; }
.account-address-afleveradres { flex:0 0 20%; display:flex; align-items:center; padding:0 0 0 4%; }
.account-address-factuuradres { flex:0 0 21%; display:flex; align-items:center; padding:0 0 0 3%; }
.account-address-row label { cursor: pointer; flex-grow: 1; }
.account-address-row label.selected { font-weight:700; }
.account-address-factuuradres input,
.account-address-afleveradres input { margin:0 10px 0 0; }
.account-bestelling-row { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #9b9c9b; }
.account-bestelling-row.title { font-weight:700; }
.account-bestelling-date { flex:0 0 15%; }
.account-bestelling-id { flex:0 0 15%; }
.account-bestelling-count { flex:0 0 15%; }
.account-bestelling-price { flex:0 0 10%; }
.account-bestelling-state { flex:0 0 15%; }
.account-bestelling-details { flex:0 0 18%; text-align:right; }
.accountpage-no-items-message { padding: 5px 0px; }
.accountpage-wishlist-content { display:flex; justify-content:space-between; padding:10px 0; }
.accountpage-block-buttonwrapper { padding:10px 0 30px; }
.accountpage-block-buttonwrapper.address { border-bottom:1px solid #9b9c9b; }
.button.change { display:inline-block; background:#000 url('../images/icons/icon-wijzig.svg') 9px center no-repeat; }
.button.details { align-self:center; margin:0; background:#000 url('../images/icons/button-info-small.svg') 9px center no-repeat; }
.button.all { display:inline-block; background:#000 url('../images/icons/pijltje-down-wit.svg') 9px 6px no-repeat; }
.button.add { display:inline-block; background:#000 url('../images/icons/icon-toevoegen.svg') 9px center no-repeat; }
.button.delete { display:inline-block; background:#000 url('../images/icons/icon-verwijder-groot.svg') 9px center no-repeat; }
.accountpage-block-wishlist-wrapper { display:flex; flex-flow:row wrap; }
.product-wishlist-hover-buttons { padding:15px 27px 0; display:none; }
.button.wishlist-addtocart { margin:0 0 5px; background:#ff0056 url('../images/icons/icon-winkelwagen.svg') 6px center no-repeat; }
.button.wishlist-remove { margin:0; background:#000 url('../images/icons/icon-verwijder-groot.svg') 9px center no-repeat; }
.product-wishlist-details { }
.accountpage-orderdetails-row { display:flex; padding:10px 0; border-bottom:1px solid #9b9c9b; }
.accountpage-orderdetails-row.block { display:block; }
.accountpage-orderdetails-row.noborder { border:0; }
.accountpage-orderdetails-row.title { font-weight:700; }
.accountpage-orderdetails-product { flex:0 0 15%; }
.orderdetails-product-thumb { width:50%; }
.accountpage-orderdetails-title { flex:0 0 35%; }
.accountpage-orderdetails-count { flex:0 0 25%; }
.orderdetails-count-label { display:none; }
.accountpage-orderdetails-details { flex:0 0 25%; }
.accountpage-orderdetails-price { flex:0 0 25%; text-align:right; }
.orderdetails-price-prev { margin:0 5px 0 0; text-decoration:line-through; }
.orderdetails-price { color:#ff0056; }
.accountpage-orderdetails-address { flex:0 0 50%; }
.orderdetails-product-title { font-weight:700; }
.accountpage-label { font-weight:700; }
.accountpage-orderdetails-spec-label.discount { color:#58b624; }
.accountpage-orderdetails-spec-value.discount { color:#58b624; }
.accountpage-orderdetails-spec-label.bold { font-weight:700; }
.accountpage-orderdetails-spec-value.bold { font-weight:700; }
.productoverview-product.wishlist { min-height:290px; }
.productoverview-product.wishlist:hover .product-wishlist-details { display:none; }
.productoverview-product.wishlist:hover .product-wishlist-hover-buttons { display:block; }
.account-bestelling-date-label { display:none; }
.productoverview-product-wishlist-buttonwrapper { display:flex; }
.button.removeall { background:#000 url('../images/icons/icon-verwijder-groot.svg') 9px center no-repeat; }
.accountpage-form-row { display:flex; padding:10px 0; }
.accountpage-form-label { width:35%; font-weight:700; }
.accountpage-form-input { width:65%; }
.accountpage-form-input.toggle-yes-or-no { display:none;}
input[type="button"][id="niewsbrief-voorkeur-opslaan"] { display:none;}
.accountpage-form-input-content { display:flex; justify-content:space-between; }
.accountpage-form-input-content .change { margin:0; }
.accountpage-form-input input[type="text"] { width:calc(100% - 22px); padding:5px 10px; }
.accountpage-form-input input[type="text"].disabled { background:#ddd; border:1px solid #ddd; }
.accountpage-form-input select { width:100%; }
.accountpage-form-error { padding:10px 0 0; color:#ff0056; font-style:italic; }
.academie .accountpage-form-error { color: #ff4e00; }
.accountpage-loading-spinner { display:inline-block; }
.accountpage-form-input.error select,
.accountpage-form-input.error input[type="text"] { border:1px solid #ff0056; }
.accountpage-form-error { display:none; }
.accountpage-form-input.error .accountpage-form-error { display:block; }
.accountpage-form-label-info { padding:0 6px; background:#ff0056; color:#fff; border-radius:10px; font-size:11px; }
.accountpage-fixed-labelwidth { display: inline-block; width: 100px; }
.accountpage-form-row.zakelijk.selected { display:flex; }
.accountpage-form-row.zakelijk { display:none; }
/* TL@FB :: 20200115 :: NEWSLETTER PREFS */
.accountpage-newsletter-interest-checkbox {
padding: 0 0 10px;
}
.button.confirm { display:inline-block; margin:0; background:#000 url('../images/icons/icon-bevestigen.svg') 9px center no-repeat; border:0; }
input.button.confirm { padding:6px 14px 6px 30px; }
#int-warning { padding:0 0 0 181px; color:#f26522; font-size:14px; line-height:16px; display:none; }
.form-nieuwsbrief-wijzigen-result-message { display:none;color:#ff0056; }
.saved-notification { color: #009e11; font-style: italic; }
.saved-notification .fa { font-size: 24px; vertical-align: bottom; }
.account-address-row { max-height:250px; }
.account-address-afhaalpunten-overzicht { flex: 0 0 46%; }
.afhaalpunten-postcode-form { display:flex; }
.afhaalpunten-postcode-input { height:17px; margin:0 5px 0 0; padding:4px 7px; }
.afhaalpunten-postcode-button { padding:4px 14px; }
.account-address-afhaalpunt { display:flex; margin:0 20px 20px 0; }
.account-address-afhaalpunt-input { width:30px; }
.account-address-afhaalpunt-info { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.afhaalpunt-openingstijden-container { }
.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; }
.account .account-address-afhaalpunt-info { width:240px; }
/* jquery scrollbar */
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content {
border: none !important; box-sizing: content-box !important;
height: auto; left: 0; margin: 0;
max-height: none; max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow { cursor: default; }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea {
border: none !important; box-sizing: border-box;
height: 100% !important; margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }
.account-address-afhaalpunten-overzicht > .scroll-element,
.account-address-afhaalpunten-overzicht > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.account-address-afhaalpunten-overzicht > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_outer { overflow: hidden; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_outer,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.account-address-afhaalpunten-overzicht > .scroll-element:hover .scroll-bar { background-color: #919191; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* update scrollbar offset if both scrolls are visible */
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/**
* ARTICLE
*/
.article-wrapper { position: relative; }
.article-image-wrapper { min-height: 100px; }
.article-top-spacer { height:100px; }
.article-image { width:100%; }
.article-content-wrapper { position:relative; max-width:722px; width:75%; margin:-80px auto 0; padding:20px 25px; background:#fff; }
.article-date { margin:0 0 10px; padding:0 0 0 22px; font-weight:bold; }
.article-date.event { background:url('../images/icons/icon-kalender.svg') 0 center / 16px 16px no-repeat; }
.article-date.news { background:url('../images/icons/icon-nieuws.svg') 0 center / 16px 16px no-repeat; }
.article-date.opinion { background:url('../images/icons/icon-opinie.svg') 0 center / 16px 16px no-repeat; }
.article-title { font-size:28px; line-height:30px; font-weight:700; text-transform:uppercase; }
.article-subtitle { margin:0 0 10px; font-size:28px; line-height:30px; }
.article-author { font-weight:700; }
.article-intro { font-size:20px; line-height:26px; font-weight:700; }
.article-quote { padding:0 80px; font-size:28px; line-height:30px; color:#ff0056; font-weight:700; font-style:italic; text-align:center; }
.article-wrapper .article { font-size:20px; line-height:26px; }
.article-wrapper .videowrapper { position:relative; height:0; margin:25px 0 25px 0; padding:25px 0 50.5%; }
.article-wrapper .videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.article-tags-wrapper { display:flex; flex-flow:wrap; justify-content:center; padding:20px 0; border-top:1px solid #9d9d9c; text-align:center; }
.article-tag { margin:3px; padding:1px 6px; background:#eee; border:1px solid #9d9d9c; color:#000; }
.article-frame-wrapper { padding:28px 0 0; }
.article-frame { position:relative; padding:0 20px 20px; background:#eee; }
.article-frame-title { position:relative; top:-28px; width:50%; margin:0 auto; padding:5px 10px; background:#ff0056; color:#fff; font-weight:700; text-transform:uppercase; text-align:center; }
.article-frame-title-arrow { position:absolute; left:48%; bottom:-11px; height:11px; width:22px; background:url('../images/article-frame-title-bg.png') 0 0 no-repeat; }
.article-frame-text { font-weight:700; }
.article-frame-link-wrapper { text-align:right; }
.article-frame-link {
display:inline-block; margin:10px 0 0; padding:5px 30px 5px 14px;
background:#000 url('../images/icons/pijltje-rechts-wit.svg') 90% center / 9px 14px no-repeat;
color:#fff; font-weight:700;
}
.article-image-large-container .article-image-large { max-width: 100%; }
.article-wrapper-list { display:flex; justify-content:space-between; padding:20px 0; border-top:1px solid #9d9d9c; }
.article-image-wrapper-list { width:375px; margin:0; }
.article-date-list { margin:0 0 10px; padding:0 0 0 22px; font-weight:bold; }
.article-date-list.event { background:url('../images/icons/icon-kalender.svg') 0 center / 16px 16px no-repeat; }
.article-date-list.news { background:url('../images/icons/icon-nieuws.svg') 0 center / 16px 16px no-repeat; }
.article-date-list.opinion { background:url('../images/icons/icon-opinie.svg') 0 center / 16px 16px no-repeat; }
.article-title-list { font-size:16px; line-height:18px; font-weight:700; text-transform:uppercase; color:#000; }
.article-subtitle-list { margin:0 0 10px; font-size:16px; line-height:18px; }
.article-author-list { font-weight:700; }
.article-intro-list { font-size:14px; line-height:16px; font-weight:700; color:#000; }
.article-content-wrapper-list { width:375px; }
.banner img { width:100%; }
.list-overview-title { text-align:center; text-transform:uppercase; }
.article-small { }
.article-small-title { text-transform:uppercase; }
.article-small-subtitle { margin:0 0 10px; font:400 16px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif; }
.automated-audio-player { padding:0 0 0 17px; background:url('../images/play.gif') 3px center no-repeat; cursor:pointer; }
.automated-audio-player.playing { background:url('../images/stop.gif') 3px center no-repeat; }
.article-print-button { position: absolute; top: 0; right: 0; }
.article-print-button img { width: 20px; cursor: pointer; }
/**
* BEX GEX BEOORDELINGSEXEMPLAREN
*/
.productoverview-product.bexgex-tegel { display: flex; flex-direction: column; }
.productoverview-product.bexgex-tegel .button.addtocart { display: inline-block; margin-right: 0; }
.productoverview-product.bexgex-tegel .productpage-prevprice { margin-right: 0; }
.productoverview-product.bexgex-tegel .productoverview-product-info-wrapper { flex-grow: 1; }
.productoverview-product.bexgex-tegel .productoverview-product-title-wrapper { min-height: 20px; padding-bottom: 10px; }
.productoverview-product.bexgex-tegel .productoverview-product-price-wrapper { margin-bottom: 15px; }
.productoverview-product.bexgex-tegel .productoverview-product-price-buttonwrapper { justify-content: center; margin: 0 0 0 0; }
.bexgex-form-section .account-address-row { border-bottom: 0px solid #9b9c9b; }
.bexgex-form-section .mb-2 { display: inline-block; margin-bottom: 10px; }
.bexgex-form-header { padding-top: 25px; }
.bexgex-form-intro { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; }
.custompage-wrapper { width: 750px; margin: 0 auto 30px; /*font-size: 16px; line-height: 20px;*/ }
.custompage-intro-wrapper { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #cecece; text-align:center; }
.custompage-title { margin: 0 0 10px; text-transform: uppercase; font-size: 28px; line-height: 32px; }
.custompage-subtitle { text-transform: none; font-weight: 400; }
/* prijzen */
.bexbex-productpage-price-wrapper { display: flex; }
.bexbex-productpage-price-wrapper div:first-child { width:140px; }
.bexbex-productpage-price-wrapper div:last-child { text-align: right; min-width: 80px; }
.bexgex-form-section { display: flex; justify-content: space-between; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #cecece; }
.bexgex-form-section.no-flex { display: block; }
.bexgex-form-product-image { flex: 0 0 25%; padding: 0 20px; text-align: center; }
.bexgex-form-product-image img { max-width: 100%; max-height: 200px; }
.bexgex-form-product-info { flex: 0 0 70%; padding: 0 0 0 20px; }
.bexgex-form-label { margin: 0 0 5px; }
.bexgex-form-section .textfield { width: calc(100% - 30px); padding: 7px 15px; border: 1px solid #cecece; }
.bexgex-form-section select { width: 100%; padding: 7px 0; border: 1px solid #cecece; }
.bexgex-form-section textarea { width: calc(100% - 30px); margin: 0 0 5px; padding: 15px; border: 1px solid #cecece; font: 400 16px/20px 'Source Sans Pro', arial, sans-serif; }
.docentexemplaar-form-voorwaarden { height: 150px; padding: 10px 15px; background: #fff; border: 1px solid #ccc; overflow-y: scroll; }
.productlink { display: none; } /* AB test */
@media only screen and (max-width:1290px) {
.custompage-wrapper { width: auto; }
.bexgex-form-section { flex-flow: column nowrap; }
.bexgex-form-product-image { margin: 0 0 20px; }
.bexgex-form-product-info { padding: 0; }
}
/**
* FOOTER
*/
footer { padding:20px 0; border-top:1px solid #9d9d9c; }
.footer-content-wrapper { display:flex; justify-content:space-between; width:900px; margin:0 auto; }
.footer-column { min-width:100px; padding:0 25px; border-right:1px solid #9d9d9c; }
.footer-column.first { padding:0 25px 0 0; }
.footer-column.last { align-self:flex-end; padding:0 0 0 25px; border:0; }
.footer-column-icon-wrapper { display:flex; align-items:flex-end; height:25px; margin:0 0 5px; }
.footer-column-title { text-transform:uppercase; font-size:12px; font-weight:700; }
.footer-column-content a { display:block; word-wrap:break-word; }
.footer-column-content a:hover { text-decoration:underline; }
.footer-column-content img { height:10px; width:12px; margin:4px 0 0; }
.meerboomnt2 a { display:flex; justify-content:space-between; width:145px; }
.meerboomnt2 a p { word-wrap:break-word; }
.footer-social { display: flex; justify-content: center; align-items: center; padding: 30px 0; }
.footer-social-segment { margin: 0 5px; font-weight: 600; text-transform: uppercase; }
.footer-bottom { padding:20px; text-align:center; background:#eee; }
.footer-bottom a,
.footer-bottom span { margin:0 10px; color:#000; }
/**
* 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:#ababab; border-radius:5px; }
.xsInPageAddContent a:hover { background:#129ec5; }
.form-table-row { display:flex; margin:0 0 10px; }
.form-table .col1 { width:25%; padding:5px; font-weight:700; }
.form-table .col2 { width:75%; }
.form-table .col2 .info { font-size:12px; color:#aaa; font-style:italic; }
.textfield { width:330px; margin:0 5px 0 0; padding:5px 10px; }
.textfield.postcode-cijfers { width:40px; margin:0 4px 0 0; }
.textfield.postcode-letters { width:25px; text-transform:uppercase; }
.textfield.datum-dag { width:25px; margin:0 4px 0 0; }
.textfield.datum-maand { width:25px; margin:0 4px 0 0; }
.textfield.datum-jaar { width:40px; margin:0 4px 0 0; }
.textarea { height:80px; width:340px; resize:vertical; }
.form-table select { width:348px; padding:5px; }
input[type='button'].form-button { margin:5px 0 0 5px; padding:5px 15px; border:0; 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; }
label { cursor: pointer; }
.review-intro { padding-top: 10px; }
.button.form { padding:5px 30px 5px 14px; background:#000 url('../images/icons/pijltje-rechts-wit.svg') calc(100% - 8px) center / 9px 14px no-repeat; }
/**
* PAGING
*/
.navbar { margin:0 0 5px; }
.navbar a { padding:0 5px; border-right:1px solid #ff0056; }
.navbar-dots { padding:0 5px; color:#ff0056; border-right:1px solid #ff0056; }
.navbar a:last-child { border:0; }
.page-number.activepage { font-weight:700; }
/* TL :: kopi van businezz */
.pagedListTopnav {
flex: 1 0 auto;
text-align:center;
}
.navbarActivePageNumber {
/*font-family: "SofiaProBold";*/
line-height: 20px;
margin: 0 20px 0 0;
}
.navbarPreviousArrow, .navbarDots, .navbarPageNumber {
line-height: 21px;
margin: 0 20px 0 0;
}
.pagedListBottomnav {
flex: 1 0 auto;
}
/**
* DOSSIERS
*/
.dossiers { background:#ececec; }
.dossiers .page { padding: 215px 40px 23px; }
.dossiers .application-menu-item.active { color:#ffc800; border-bottom:1px solid #fff; }
.dossiers .header-content { padding: 49px 0 10px; }
.dossiers .menu { display:flex; width:1200px; }
.dossiers-search-wrapper { width:40%; margin:0 auto 30px; display:none; }
.dossiers-search-wrapper form { display:flex; justify-content:space-between; background:#fff; border:1px solid #000; }
.dossiers .header-search-input { width:92%; }
.full-menu-wrapper { position:relative; display:block; padding:5px 20px; font-size:17px; font-weight:800; color:#000; background:#ffc800; text-transform:uppercase; cursor:pointer; }
.full-menu-wrapper img { margin:0 15px 0 0; }
.dossiers .main-menu-item a { cursor:pointer; }
.dossiers .main-menu-item a:hover { background:#ffc800; color:#000; }
.full-menu-wrapper:hover .full-menu-submenu { display:block; }
.full-menu-submenu { position:absolute; top:28px; left:0; padding:16px 18px; background:#ffc800; box-shadow:3px 3px 2px rgba(0, 0, 0, 0.1); display:none; }
.full-menu-submenuitem { display:block; color:#000; line-height:22px; }
.xs-editmode.preview .dossiers-tiles-wrapper-container { margin: 0 0 20px; padding: 5px; background: #fff; }
.dossiers-tiles-wrapper { position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; margin: 0 0 20px; }
.dossiers-tiles-wrapper-title { margin: 0 0 10px; text-align: center; font-size: 28px; line-height: 30px; font-weight: bold; text-transform: uppercase; }
.dossiers-tile { position: relative; width:270px; margin:0 0 40px; /*margin:0 40px 40px 0;*/ }
/*.dossiers-tile:nth-child(4n) { margin:0 0 40px; }*/
.dossiers-tile-image { display:block; width:100%; }
.pseudo-tile { width:270px; }
.dossier-introblock { display:flex; justify-content:space-between; margin:0 0 40px; padding:20px; background:#fff; }
.dossier-introblock-image-wrapper { width:35%; }
.dossier-introblock-image { width:100%; }
.dossier-introblock-content-wrapper { width:62%; }
.dossier-introblock-title { font-size:28px; line-height:30px; font-weight:bold; __text-transform:uppercase; }
.dossier-introblock-title.side { margin:0 0 20px; }
.title-inline-icon { height:19px; width:19px; }
.dossier-introblock-title a { color:#000; }
.dossier-introblock-subtitle { margin:0 0 20px; font-size:26px; line-height:28px; }
.dossier-introblock-intro { margin:0 0 20px; font-size:18px; line-height:22px; font-weight:bold; }
.dossier-introblock-button-wrapper { display:flex; justify-content:flex-end; }
.dossier-introblock-button { padding:5px 22px 5px 8px; font-weight:bold; color:#000; background:#ffc800 url('../images/icons/slider-pijltje-rechts.svg') 93% center/ 8px 14px no-repeat; }
/* Elroy */
.dossier-introblock-intro {
font-weight: normal;
font-size: 16px;
line-height: 24px;
}
.dossier-introblock-button {
font-size: 16px;
}
.dossier-introblock-side { margin:0 0 40px; padding:20px; background:#fff; }
.dossier-slider-wrapper { padding:35px 0; border-bottom:1px solid #9d9d9c; border-top:1px solid #9d9d9c; }
.dossier-slider-title { margin:0 0 30px; font-weight:700; text-align:center; text-transform:uppercase; font-size:18px; line-height:22px; }
.dossier-slide { padding:0 5px; }
.dossier-slide a { color:#000; }
.dossier-slide-image-wrapper { height:150px; margin:0 0 10px; text-align:center; }
.dossier-slide-title-wrapper { font-weight:600; text-align:center; }
.dossiers .slick-dots { position:relative; bottom:0; margin:0; padding:20px 0 0; }
.dossiers .slick-dots li { margin:0 2px; }
.dossiers .slick-dots li button::before { font-size:30px; }
.dossiers .article-frame-title { background:#ffc800; color:#000; }
.dossiers .article-frame-title-arrow { background:url('../images/article-frame-title-bg-yellow.png') 0 0 no-repeat; }
.dossiers .article-quote { color:#ffc800; }
.dossiers footer { border:0; }
.dossiers .footer-wrapper { background:#fff; }
.dossiers .footer-column-content a { color:#000; }
.adresblok { padding:0 30px; background:#eee; }
.adresblok-titletab { position:relative; top:-28px; width:150px; margin:0 auto; padding:5px 10px; background:#ff0056; color:#fff; font-weight:700; text-transform:uppercase; text-align:center; }
.adresblok-titletab-arrow { position:absolute; left:45%; bottom:-11px; height:11px; width:22px; background:url('../images/article-frame-title-bg.png') 0 0 no-repeat; }
.adresblok-content { display:flex; justify-content:space-between; width:722px; margin:0 auto 30px; padding:0 0 25px; }
.adresblok-column { }
.adresblok-title { margin:0 0 2px; font-weight:700; }
.adresblok-text a { color:#000; }
/**
* academie
*/
.academie { background:#FFF; }
.academie .page .page-element ul li::before { content: "\2022"; display: inline-block; width: 1em; margin-left: -1em; color: #ff4e00; font-weight: bold; }
.academie .application-menu-item.active { color: #ff4e00; border-bottom:1px solid #fff; }
.academie .header-content { padding: 49px 0 10px; }
.academie .menu { display:flex; width:1200px; }
.academie .page { padding: 0px 40px 23px; }
.academie .page.vervolg { padding: 210px 40px 23px; }
.academie-search-wrapper { width:40%; margin:0 auto 30px; display:none; }
.academie-search-wrapper form { display:flex; justify-content:space-between; background:#fff; border:1px solid #000; }
.academie .header-search-input { width:92%; }
.academie .application-menu-lang { display: none; }
.academie .portal-wrapper { margin: 178px 0 0; }
.academie .main-menu-item-custom a { background:#000000; display:block; padding:5px 15px; text-transform:uppercase; color:#fff; font-size:17px; font-weight:600; cursor:pointer; }
.academie .main-menu-item-custom a:hover { background:#ff4e00; color:#000; }
.academie .main-menu-item-custom.active a { background:#ff4e00; color:#FFF; }
.academie-tiles-wrapper { position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; }
.academie-tile { width:270px; /*margin:0 40px 40px 0;*/ }
/*.academie-tile:nth-child(4n) { margin:0 0 40px; }*/
.academie-tile-image { display:block; width:100%; }
/* Academie link kleur */
.academie .article-content-wrapper a,
.academie .footer-column-content a,
.academie .productpage-slider-links a,
.academie .trainings-form-intro a,
.academie .productpage-price,
.academie .productoverview-price,
.academie .article-quote,
.academie .productpage-extrainfo-section-content a,
.academie a.bannerblock,
.academie .training-inschrijving-intro a,
.academie .trainings-form-input a { color: #ff4e00; }
.academie a.article-frame-link { color: #FFF; }
/* Academie buttons */
.academie .homepage-slider-button.red { background: #ff4e00; }
.academie .homepage-slider-button.red:hover { background: #d24000; }
.academie .article-frame-title { background: #ff4e00; }
.academie .article-frame-title-arrow { background: url(../images/article-frame-title-bg-orange.png) 0 0 no-repeat; }
.academie .button.addtocart { background-color:#ff4e00; }
.academie .button.addtocart:hover { background-color:#d24000; }
/* Slider */
.academie .homepage-slider-training { font-size: 20px; line-height: 36px; }
.academie .homepage-slider-training .fa { margin-right: 15px; }
.academie .homepage-slider-button .fa { margin-right: 5px; }
/* Banner */
.academie-banner { display: flex; width: 100%; margin: 0 0 25px; border: 1px solid #9d9d9c; }
.academie-banner.orange { background: #ff4e00; color: #fff; border: 0; }
.academie-banner-image { display: block; width: 220px; }
.academie-banner-content-wrapper { padding: 10px 15px; }
.academie-banner-title { font: 700 20px/24px 'Source Sans Pro', arial, sans-serif; }
@media only screen and (max-width: 768px) {
.academie-banner { flex-flow: column nowrap; }
.academie-banner-image { width: 100%; }
}
/* Trainingen */
.trainingsdatum-wrapper-title { margin-bottom: 15px; font-weight: bold; }
.trainingsdatum-wrapper { display: flex; flex-flow: column nowrap; margin-bottom: 30px; }
.trainingsdatum { display: flex; flex-flow: row nowrap; justify-content:space-between; width: 100%; min-height: 33px; }
.trainingsdatum .trdatum { display: flex; align-self: center; width: CALC(100% - 290px); margin-top: 20px; }
.trainingsdatum .trdatum.webinar { margin:0; }
.trainingsdatum .trtijd { display: flex; align-self: center; width: 120px; text-align: right; }
.trainingsdatum .traction { width: 135px; text-align: right; align-self: center;}
.trainingsdatum .traction .button { display: inline-block; margin: 0px; padding: 5px 14px 5px 14px; background: #ff4e00; min-width: 103px; text-align: left; }
.trainingsdatum .traction .button.black { background: #000; }
.trainingsdatum .traction .button .fa { margin-right: 4px; }
.trainingsdatum .trdatum a { display: inline-block; padding: 0px 5px; color: #ff4e00; }
.academie .agenda-overzicht-intro a { color: #ff4e00; }
.trainingsdatum .trtijd input[type="submit"] { width: 15px;
height: 15px;
border: 0px;
background: black;
font: bold 12px/12px arial;
color: #FFF;
text-align: center;
padding: 2px;
margin-left: 15px;
cursor: pointer;
}
.training-toevoeg-form { background: #ededed; border: 1px solid #CCC; padding: 5px; margin-bottom: 20px;}
.training-toevoeg-form .form-label { padding:0 5px; font-weight:bold; }
.training-toevoeg-form .form-content { display:flex; padding:5px; }
.training-toevoeg-form input { height: 20px; font: normal 12px/18px arial,sans-serif; padding:0 5px; }
.training-toevoeg-form input[type="submit"] { font: bold 12px/29px arial,sans-serif; height:23px; padding:0 10px; line-height:18px; }
.trainings-form-intro { margin: 10px 0 20px; }
.trainings-form-wrapper { }
.trainings-form-wrapper h3 { }
.trainings-form-row { display: flex; flex-flow: row nowrap; padding: 10px 0; }
.trainings-form-label { flex: 0 0 30%; font-weight: 700; }
.trainings-form-input { flex: 1; }
.trainings-form-input input[type="text"] { width: calc(100% - 22px); padding: 5px 10px; }
.trainings-form-input .button { background: #ff4e00; padding: 5px 14px 5px 14px; }
.trainings-form-error { display: none; }
.training-inschrijving-error { display: none; }
.trainings-form-input.error { color:#000; padding-top:2px; }
.trainings-form-input.error input[type="text"] { border:1px solid #ff4e00; }
.trainings-form-input.error .trainings-form-error { display:block; color:#ff4e00; }
#trainings-form-algemene-error { color:#ff4e00; display: inline-block; margin-left: 15px; }
/* trainingsoverzicht */
.trainingsaanbod-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 20px; }
.trainingsaanbod-item { position: relative; flex: 0 0 28%; height: 280px; margin-bottom: 35px; display: flex; flex-flow: column nowrap; justify-content: space-between; }
.trainingsaanbod-spacer { flex: 0 0 28%; height: 1px; }
.trainingsaanbod-spacer-content { display: inline-block; width: 175px; padding: 0px 14px 0px 30px; }
.trainingsaanbod-item-title { margin: 0px 8px 15px; text-align: center; font: 700 16px/18px 'Source Sans Pro', Arial, Helvetica, sans-serif; }
.trainingsaanbod-item-button { display: inline-block; width: 95px; font: 600 15px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
line-height: 16px; padding: 5px 14px 5px 30px; margin: 0px 0px 5px;
background: #000 url(../images/icons/button-info-small.svg) 6px center no-repeat;
color: #FFF; text-align: left;
}
.trainingsaanbod-item-button-video { display: inline-block; width: 95px; font: 600 15px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
line-height: 16px; padding: 5px 14px 5px 30px; margin: 0px 0px 5px;
background: #FFF url(../images/icons/icon-start-cursus-zwart.svg) 6px center no-repeat;
color: #000; text-align: left;
}
.trainingsaanbod-item-image { width: 100%; height: 130px; }
h3.trainings-agenda-month { display: inline-block; width: 100%; color: #000; font-size: 23px; padding: 10px 0px 10px 0px; margin: 17px 0 0 0; border-top: 0px solid #000; text-transform: capitalize; }
.trainings-agenda-item { display:flex; flex-flow: row nowrap; border-bottom: 1px solid #DDD; padding: 7px 0px; }
.trainings-agenda-data { flex: 1; line-height: 22px; }
.trainings-agenda-button { display:flex; align-items: flex-start; }
.trainings-agenda-button .button { padding: 5px 14px; background: #ff4e00; }
.trainings-agenda-button .button.waitlist { width:82px; background:#000; }
.trainingsaanbod-item-buttons { margin: 0px 40px 20px; }
.button#training-wachtlijst-popup-link { width: 158px; margin: 10px 0px; padding: 5px 14px 5px 15px; }
.agenda-overzicht-wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; }
.agenda-overzicht-intro { margin-bottom: 15px; }
.trainings-agenda-blok-item { width: CALC(33% - 45px) ; display: flex; flex-flow: row nowrap; border: 1px solid #CCC; padding: 15px; margin: 5px 15px 10px 0; min-height: 68px; cursor: pointer; }
.trainings-agenda-blok-item-date { width: 55px; }
.trainings-agenda-blok-item-date .trainings-datum-dag { background: #ff4e00; font: 700 20px/18px 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 10px 0; }
.trainings-agenda-blok-item-date .trainings-datum-maand { background: #CCC; font: 700 13px/18px 'Source Sans Pro', Arial, Helvetica, sans-serif; text-align: center; padding: 5px 0; text-transform: UPPERCASE; }
.trainings-agenda-blok-item-info { width: CALC(100% - 68px); padding-left: 10px; }
.button.academie-agenda { width:85px; background: #000; padding: 4px 12px; margin: 23px 0 0 0; display: inline-block; float: right; }
.academie-icon-training { display:inline-block; padding-left:30px; background:url('/images/icons/academie_training.png') 0px 0px / 24px 24px no-repeat; text-transform:UPPERCASE; font-weight:700; margin-bottom:10px; }
.academie-icon-training.webinar { background:url('/images/icons/academie_training_webinar.png') 0px 0px / 24px 24px no-repeat; }
.academie-icon-agenda { display:inline-block; padding-left:30px; background:url('/images/icons/academie_agenda.png') 0px 0px / 24px 24px no-repeat; text-transform:UPPERCASE; margin-bottom:0; }
.academie-icon-boek { display:inline-block; padding-left:30px; background:url('/images/icons/academie_boek.png') 0px 0px / 24px 24px no-repeat; text-transform:UPPERCASE; margin-bottom:10px; }
.trainings-agenda-wrapper-mobile { display: none; }
.trainingsaanbod-alle-data-button,
.trainingsaanbod-toon-alles-button { display: inline-block; font: 600 15px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
line-height: 16px; margin: 15px 0px 25px; padding: 5px 30px 5px 14px; background: #000 url(../images/icons/pijltje-rechts-wit.svg) CALC(100% - 12px) center / 9px 14px no-repeat;
color: #FFF; text-align: left; cursor: pointer;
}
.webinar-product { display:flex; justify-content:space-between; }
.webinar-product .productoverview-price { color:#ff4e00; }
.webinar-product .productoverview-button.addtocart { background:url('../images/icons/button-winkelwagen-small-academie.svg') 0 0 no-repeat; }
.webinar-page-wrapper { }
.webinar-image-wrapper { }
.webinar-image-placeholder { height: 400px; background: #ebebeb; }
.webinar-content-wrapper { position: relative; max-width: 722px; width: 75%; margin: -280px auto 0; padding: 20px 25px; background: #fff; }
.webinar-trainers { display: flex; padding: 20px; background: #ebebeb; }
.webinar-trainers-image { margin: 0 20px 0 0; }
.trainingsaanbod-item.webinar { background: #fff; }
.trainingsaanbod-item-image.webinar { width: 100%; height: 175px; }
.trainingsaanbod-item-buttons.webinar { }
.webinar-startbutton-wrapper { display: flex; padding: 10px; background: #ebebeb; font-size: 16px; line-height: 20px; }
.trainingsdatum.webinar-startbutton-wrapper { width: auto; margin: 0 0 2px; }
.trainingsdatum .trdatum.webinar { display: block; }
.webinar-date { font-weight: bold; }
.webinar-startbutton {
flex: 0 0 auto; display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0; padding: 10px 60px 10px 40px;
font-size: 20px; line-height: 22px; font-weight: bold;
background: #ff4e00 url('../images/icons/play.svg') 92% center / 22px auto no-repeat; color: #fff !important; cursor: pointer;
}
.webinar-startbutton.locked { background: #ff4e00 url('../images/icons/lock-white.svg') 92% center / 15px auto no-repeat; }
.startbutton-title { font-weight: bold; }
.webinar-reservationbutton {
display: flex; justify-content: center; align-items: center; padding: 10px 60px 10px 40px;
font-size: 20px; line-height: 22px; font-weight: bold;
background: #ff4e00 url('../images/icons/pijltje-rechts-wit.svg') 92% center / 11px auto no-repeat; color: #fff !important; cursor: pointer;
}
.webinarplayer {
position: fixed; top:0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;
display: flex; justify-content: center; align-items: center;
background-color: rgba(0, 0, 0, 0.5); margin: auto;
z-index: 9999; display: none;
}
.webinarplayer iframe { border: 20px solid #fff; box-shadow: 0 1px 4px 3px rgba(0, 0, 0, 0.3); }
.tabbar-wrapper { margin: 0 0 30px; border-bottom: 1px solid #9d9d9c; }
.tabbar { display: flex; justify-content: center; margin: 0 0 -1px; }
.tabbar-item { list-style: none; border-style: solid; border-color: #9d9d9c; border-width: 1px 0 1px 1px; background: #ececec; }
.tabbar-item.active { border-color: #9d9d9c #9d9d9c #fff; background: #fff; }
.tabbar-item:last-child { border-width: 1px; }
.tabbar-item a { display: block; padding: 5px 15px; color: #000 !important; }
.tabbar-item.active a { font-weight: bold; }
@media only screen and (max-width:767px) {
.tabbar { flex-flow: column; }
.tabbar-item { border-width: 1px; border-color: #9d9d9c; }
.tabbar-item.active { border-color: #9d9d9c; }
.tabbar-item:first-child { border-width: 1px 1px 0; }
.tabbar-item:last-child { border-width: 0 1px 1px; }
.tabbar-item:only-child { border-width: 1px; }
}
.webinaroverview { display: flex; justify-content: space-between; align-items: stretch; align-content: stretch; flex-wrap: wrap; padding: 40px 0; }
.webinar-overview-item { position: relative; display: flex; flex-flow: column; flex: 0 0 18%; margin: 0 0 20px; }
.webinar-overview-item-label { position: absolute; top: 0; right: 10px; width: 25px; height: 25px; z-index: 5; }
.webinar-overview-item-label.live { background: #fff url('../images/icons/academie_training.png') center center / 13px auto no-repeat; }
.webinar-overview-item-label.terugkijken { background: #fff url('../images/icons/camera.png') center center / 16px auto no-repeat; }
.webinar-overview-item-placeholder { flex: 0 0 18%; height: 1px; margin: 0 0 20px; }
.webinar-overview-image-wrapper { }
.webinar-overview-image { display: block; max-width: 100%; }
.webinar-overview-item-content {
display: flex; flex-flow: column; flex: 1 0 auto; justify-content: space-between; min-height: 150px;
padding: 15px; border-style: solid; border-width: 0 1px 1px; border-color: #cecece;
}
.webinar-overview-item-title { font-weight: bold; }
.webinar-overview-time { margin: 0 0 10px; color: #939393; }
.webinar-overview-button {
display: block; padding: 3px 10px; background: #ff4e00 url('/images/icons/pijltje-rechts-wit.svg') 15px center / 8px auto no-repeat;
color: #fff !important; text-align: center; font-weight: bold;
}
#tabbaritem65.tabbar-item a { padding: 5px 15px 5px 25px; background: url('../images/icons/academie_training.png') 8px center / 12px auto no-repeat; }
#tabbaritem66.tabbar-item a { padding: 5px 15px 5px 25px; background: url('../images/icons/camera.png') 8px center / 12px auto no-repeat; }
@media only screen and (max-width:1290px) {
.webinar-content-wrapper { margin: auto; max-width: calc(100% - 50px); width: calc(100% - 50px); }
.webinarplayer iframe { border: none; }
.webinar-overview-item,
.webinar-overview-item-placeholder { flex: 0 0 32%; }
}
@media only screen and (max-width:767px) {
.webinar-content-wrapper { max-width: calc(100% - 30px); width: calc(100% - 30px); padding: 15px; }
.webinar-startbutton-wrapper { flex-flow: column nowrap; }
.webinar-startbutton { margin: 0 0 10px; }
.webinar-trainers { flex-flow: column nowrap; align-items: flex-start; }
.webinar-trainers-image { margin: 0 0 10px; }
.webinar-overview-item,
.webinar-overview-item-placeholder { flex: 0 0 47%; }
.webinarplayer iframe { max-height: 250px; box-shadow: none; }
}
/*.academie-introblock { display:flex; justify-content:space-between; margin:0 0 40px; padding:20px; background:#fff; }
.academie-introblock-image-wrapper { width:35%; }
.academie-introblock-image { width:100%; }
.academie-introblock-content-wrapper { width:62%; }
.academie-introblock-title { font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase; }
.academie-introblock-title.side { margin:0 0 20px; }
.academie-introblock-title a { color:#000; }
.academie-introblock-subtitle { margin:0 0 20px; font-size:26px; line-height:28px; }
.academie-introblock-intro { margin:0 0 20px; font-size:18px; line-height:22px; font-weight:bold; }
.academie-introblock-button-wrapper { display:flex; justify-content:flex-end; }
.academie-introblock-button { padding:5px 22px 5px 8px; font-weight:bold; color:#000; background:#ffc800 url('../images/icons/slider-pijltje-rechts.svg') 93% center/ 8px 14px no-repeat; }
.academie-introblock-side { margin:0 0 40px; padding:20px; background:#fff; }*/
/*.academie-slider-wrapper { padding:35px 0 0; border-bottom:1px solid #9d9d9c; border-top:1px solid #9d9d9c; }
.academie-slider-title { margin:0 0 30px; font-weight:700; text-align:center; text-transform:uppercase; font-size:18px; line-height:22px; }
.academie-slide { padding:0 5px; }
.academie-slide a { color:#000; }
.academie-slide-image-wrapper { height:150px; margin:0 0 10px; text-align:center; }
.academie-slide-title-wrapper { font-weight:600; text-align:center; }*/
/*.academie .slick-dots { position:relative; bottom:0; margin:0; padding:20px 0 0; }
.academie .slick-dots li { margin:0 2px; }
.academie .slick-dots li button::before { font-size:30px; }
.academie .article-frame-title { background:#ffc800; color:#000; }
.academie .article-frame-title-arrow { background:url('../images/article-frame-title-bg-yellow.png') 0 0 no-repeat; }
.academie .article-quote { color:#ffc800; }
.academie footer { border:0; }
.academie .footer-wrapper { background:#fff; }
.academie .footer-column-content a { color:#000; }*/
/**
* MODAL
*/
.modalwrapper.custom { background:#fff; }
.modalwrapper.custom #cboxContent { padding:30px 80px; }
.academie #cboxContent { box-shadow: 0 5px 8px 2px rgba(0,0,0,.3); }
/**
* NEWSLETTER POPUP
*/
.newsletter-popup-wrapper {
position: fixed; bottom: -290px; right: 30px; width: 365px; background: #fff;
box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3); z-index: 90;
}
.newsletter-popup-top { padding: 0 0 10px; background: url('../images/article-frame-title-bg.png') bottom center no-repeat; }
.newsletter-popup-top-content { padding: 5px 0; background: #ff1c60; color: #fff; text-align: center; font-weight: 900; text-transform: uppercase; }
.newsletter-popup-close { position: absolute; top: 43px; right: 20px; font-size: 30px; cursor: pointer; }
.newsletter-popup-content { padding: 5px 30px 25px; }
.newsletter-popup-title { font-size: 26px; line-height: 32px; font-weight: 900; letter-spacing: -0.01em; margin :0 0 0.37em 0; text-transform: uppercase; }
.newsletter-popup-intro { margin: 0 20px 15px 0; }
.newsletter-popup-input { width: 85%; margin: 0 0 15px; padding: 5px 10px; }
.newsletter-popup-button {
width: 105px; margin: 0 5px 0 0; padding: 6px 16px; background: #000 url('../images/icon_user_bg_blk.png') 5px center no-repeat;
color: #fff; font: 700 16px/20px 'Source Sans Pro', arial, sans-serif;
}
.product-info-bestelitem-button-label { margin: 0 0 0 15px; }
/* TL@FB: 20180612 OVERGENOMEN VAN BUASHOPS */
.footer-newsletter-form-message { display:none; width:320px; padding: 12px 0 0; color:#ff1c60; }
.footer-newsletter-form-error { display:none; width:320px; padding: 12px 0 0; color:#ff1c60; }
.academie .footer-newsletter-form-message,
.academie .newsletter-geen-lokaal-account-stap1,
.academie .footer-newsletter-form-error { color: #ff4e00; }
.academie .newsletter-klik-hier-link { color: #ff4e00; text-decoration: underline; font-weight: 700; }
.academie .newsletter-klik-hier-link:hover,
.academie .newsletter-geen-lokaal-account-stap1:hover { color: #000; }
.academie .newsletter-popup-content .newsletter-klik-hier-link,
.academie .newsletter-popup-content .newsletter-geen-lokaal-account-stap1 { color: #000; }
.academie .newsletter-popup-content .newsletter-klik-hier-link:hover,
.academie .newsletter-popup-content .newsletter-geen-lokaal-account-stap1:hover { color: #ff4e00; }
/**
* NEWSLETTER POPUP
*/
.newsletter-popup-wrapper-academie {
position: fixed; bottom: -290px; right: 30px; width: 365px; background: #fff;
box-shadow: 0 5px 9px 2px rgba(0, 0, 0, 0.3); z-index: 90;
}
.newsletter-popup-close-academie { position: absolute; top: 43px; right: 20px; font-size: 30px; cursor: pointer; }
.newsletter-popup-top-academie { padding: 0 0 10px; background: url('../images/article-frame-title-bg-orange.png') bottom center no-repeat; }
.newsletter-popup-top-content-academie { padding: 5px 0; background: #ff4e00; color: #fff; text-align: center; font-weight: 900; text-transform: uppercase; }
/**
* LEGACY FIXES (IE9)
*/
.no-flexbox .header-logo,
.no-flexbox .header-search-wrapper,
.no-flexbox .header-buttonwrapper,
.no-flexbox .header-button-account,
.no-flexbox .header-button-cart,
.no-flexbox .application-menu-item { display:inline-block; }
.no-flexbox .main-menu-item { display:inline-block; }
.no-flexbox .main-menu-item a { padding:5px 32px; }
.no-flexbox .application-menu-content { }
.no-flexbox .productpage-priceinfo-wrapper { display:table; }
.no-flexbox .productpage-panel { display:table-cell; width:560px; vertical-align:top; }
.no-flexbox .productpage-slider-carousel { display:inline-block; width:480px; }
.no-flexbox .productpage-slider-carousel-arrow { display:inline-block; }
.no-flexbox .productpage-price,
.no-flexbox .productpage-prevprice,
.no-flexbox .productpage-pricetag { display:inline-block; }
.no-flexbox .productpage-buttonwrapper .button { display:inline-block; }
.no-flexbox .productpage-slider-links { display:table; width:100%; }
.no-flexbox .productpage-slider-link { display:table-cell; text-align:center; }
.no-flexbox .footer-column { display:inline-block; padding:0 24px; }
/**
* 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:#000; }
#cboxError { padding:50px; border:1px solid #ccc; }
#cboxTitle { position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
#cboxSlideshow { position:absolute; bottom:0px; right:42px; color:#444; }
#cboxPrevious { position:absolute; top:45%; left:-80px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/icons/pijltje-links-wit.svg') center center / 15px 40px no-repeat; border:0; }
#cboxNext { position:absolute; top:45%; right:-65px; height:0; padding:70px 25px 0; overflow:hidden; background:url('../images/icons/pijltje-rechts-wit.svg') center center / 15px 40px no-repeat; border:0; }
#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:0; }
#cboxClose:hover { background-position:0 -63px; }
.modalwrapper #cboxClose { position:absolute; top:15px; right:15px; width:20px; padding:20px 0 0; background:#000 url('../images/icons/icon-wis.svg') center center no-repeat; }
/* NT2 School content */
.nt2school-startbutton-wrapper { margin:0 0 30px; padding: 20px 0 40px; text-align:center; border-bottom: 1px solid #c8c1c1; }
.nt2school-startbutton { display: inline-block; margin: 0 10px 0 0; padding: 10px 20px; font-size: 28px; line-height: 30px; font-weight: 900; background: #0078d2; color: #fff; }
.nt2school-startbutton img { height: 20px; }
.nt2school-register-button { display: inline-block; margin: 0 0 0 10px; padding: 10px 20px; font-size: 28px; line-height: 30px; font-weight: 900; background: #696969; color: #fff; }
.nt2school-home-mainimage-wrapper { margin: 0 0 50px; text-align: center; }
.nt2school-home-main { margin:0 0 30px; padding: 0 0 40px; font-size: 16px; line-height: 20px; font-weight: 600; border-bottom: 1px solid #c8c1c1; }
.nt2school-home-main-buttonwrapper { margin: 0 0 20px; text-align: center; }
.nt2school-download-button { padding: 5px 15px; background: #0078d2; color: #fff; }
.nt2school-home-main-intro { width: 325px; margin: 0 auto; }
.nt2school-home-main-intro ul { list-style: none; }
.nt2school-home-main-intro ul li::before { display: inline-block; width: 1em; margin-left: -19px; content: "\2022"; color: #0078d2; }
.nt2school-home-contact-wrapper { display: flex; margin:0 0 30px; justify-content: center; align-items: baseline; font-size: 16px; line-height: 20px; }
.nt2school-home-contact-item { margin: 0 10px; }
.nt2school-home-contact-item img { margin: 0 5px 0 0; }
.nt2school-home-contact-item a { color: #0078d2; }
.nt2school-home-contact-item img.nt2school-home-icon-klantenservice { height: 25px; margin: 0 60px 0 0; }
@media only screen and (max-width:600px) {
.nt2school-startbutton,
.nt2school-register-button { width: calc(100% - 40px); margin: 0 0 10px; font-size: 18px; line-height: 22px; }
.nt2school-home-mainimage { width: 100%; }
.nt2school-download-button { display: block; width: calc(100% - 30px); font-size: 13px; }
.nt2school-home-main-intro { width: 100%; }
.nt2school-home-contact-wrapper { display: block; text-align: center; }
.nt2school-home-contact-item { display: block; margin: 0 0 10px; }
.nt2school-home-contact-item img.nt2school-home-icon-klantenservice { margin: 0; height: 50px; }
}
#wrapper-school { padding: 20px; }
.videowrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.videowrapper iframe,
.videowrapper object,
.videowrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.openklap-sectie-backbutton { display: none; }
.openklap-wrapper { border-width: 0px 0px 1px 0px; border-style: solid; border-color: #9d9d9c; }
.openklap-header { margin-bottom: 6px; }
.openklap-vraag { padding: 5px 36px 5px 12px; background: #fff url('../images/icons/pijltje-up.svg') 98% 11px no-repeat; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #9d9d9c; cursor: pointer;}
.openklap-vraag.closed { background: #ededed url('../images/icons/pijltje-down.svg') 98% 11px no-repeat; }
.openklap-antwoord { display: none; padding: 10px 24px 24px; background: #FFF; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #9d9d9c;}
.openklap-antwoord img { max-width:100%; max-height:100%; height:auto; }
.border-bottom { border-bottom: 1px solid #9d9d9c; }
#wrapper-school #main { width: 100%; float: left; }
#wrapper-school #right { display:none; }
.nt2school-buttons { margin-top: 20px; }
.nt2school-button { font: bold 14px/32px 'Source Sans Pro', arial, sans-serif; }
.nt2school-button-info { padding:5px 15px 5px 30px; color:#fff; background: #000 url('../images/icons/button-info-small.svg') 7px 5px no-repeat; cursor:pointer; }
.nt2school-button-weblink { padding:5px 15px 5px 30px; color:#fff; background: #9d9d9c url('../images/icons/icon-start-cursus.svg') 7px 7px no-repeat; cursor:pointer; }
.nt2school-button-download { padding:5px 15px 5px 40px; color:#fff; background: #9d9d9c url('../images/icons/icon-laptop_zw.svg') 6px 7px no-repeat; cursor:pointer; }
.nt2school-button-demo { padding:5px 15px 5px 40px; color:#fff; background: #9d9d9c url('../images/icons/icon-laptop_zw.svg') 6px 7px no-repeat; cursor:pointer; }
.nt2school-button-bestel { padding:5px 15px 5px 30px; color:#fff; background: #9d9d9c url('../images/icons/icon-winkelwagen.svg') 7px 7px no-repeat; cursor:pointer; }
.nt2sactive { background-color: #0078d2; }
.nt2school-button-demo.nt2sactive { background-color: #000; }
.vrijblok-image { float: left; width: 22%; margin-right: 3%;}
.vrijblok-image img { max-width: 90%; }
.vrijblok-text { float: left; width: 75%; }
.vrijblok-text h2 { font: 700 20px/24px 'Source Sans Pro', arial, sans-serif; }
.openklap-product { border-width: 0px 0px 0px 0px; border-style: solid; border-color: #9d9d9c; }
#wrapper-school .article-content-wrapper {
position: relative;
max-width: 100%;
width: 100%;
margin: 0px auto 0;
padding: 0px 5px;
background: #fff;
}
#wrapper-school a.bannerblock { color: #0078d2; }
.nt2shop .openklap-sectie-backbutton { display: inline-block; }
.nt2shop .openklap-header { font: 700 20px/24px 'Source Sans Pro', arial, sans-serif; margin: 0 0 40px; text-transform: uppercase; text-align: center;}
.nt2shop .openklap-wrapper { margin:0 auto; width:60%; }
.terms_intro { margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #9d9d9c; }
.nt2-audioplayer-wrapper { display:flex; align-items:center; bottom:0; left:0; width:800px; padding:35px 30px 33px; background:#777; }
#mp3player { width:35%; }
.nt2-audioplayer-title { padding:0 20px; font-size:18px; color:#fff; }
.nt2-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; }
/**
* NIEUWSBRIEF AAN-/AF-MELDEN FORMULIEREN
*/
.newsletter-subscribe-form { margin:0; padding:0;}
.newsletter-subscribe-form-positioner {
width:100%;
text-align:center;
position: relative;
margin-top: 40px;
}
.newsletter-titletab {
position: absolute;
top: -28px;
width: 250px;
left: calc( 50% - 135px );
margin: 0 auto;
padding: 5px 10px;
background: #ff0056;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.newsletter-titletab-academie {
position: absolute;
top: -28px;
width: 250px;
left: calc( 50% - 135px );
margin: 0 auto;
padding: 5px 10px;
background: #ff4e00;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.adresblok-titletab-arrow-academie { position:absolute; left:45%; bottom:-11px; height:11px; width:22px; background:url('../images/article-frame-title-bg-orange.png') 0 0 no-repeat; }
.newsletter-subscribe-form-wrapper { background-color:#e1e1e1; padding: 25px 0 30px; }
.newsletter-subscribe-form-wrapper h1,
.newsletter-subscribe-form-wrapper h2,
.newsletter-subscribe-form-wrapper h3 { text-transform:uppercase; margin-bottom: 20px; padding: 0px 10px;}
.newsletter-subscribe-input-email { width: 240px; padding: 5px; }
.subscription-button-user { background: #000 url('../images/icon_user_bg_blk.png') 3px 1px no-repeat; border: 0px; color: #FFF; padding: 3px 13px 3px 30px; font: bold 15px/22px 'Source Sans Pro', arial, sans-serif; cursor: pointer;}
.button.unsubscribe { display: inline-block; padding: 3px 10px 3px 10px; border: 0px; font: bold 15px/22px 'Source Sans Pro', arial, sans-serif; cursor: pointer; }
.newsletter-account-rol { text-transform: capitalize; }
.newsletter-account-data { display:none; }
.newsletter-account-settings-message { display:none; color:#ff0056; font-weight:bold;}
#newsletter-unsubscribe-result-message,
.newsletter-subscribe-result-message { padding: 10px 10px 0; }
.newsletter-subscribed-status-msg { font-size: 11px; color:#ff0056; margin-left: 7px;}
.newsletter-social { display: flex; justify-content: center; align-items: center; padding: 30px 0 0; }
.newsletter-social-segment { margin: 0 5px; font-weight: 600; text-transform: uppercase; }
.newsletter-geen-lokaal-account-stap1 { color:#000; text-decoration: underline;}
.newsletter-geen-lokaal-account-stap1:hover { color:rgb(243, 55, 55);text-decoration:hover;cursor:pointer; }
.footer-newsletter-form-message a { text-decoration: underline; }
/**
* MEDIA QUERIES
*/
@media only screen and (max-width:1290px) {
.application-menu-content-wrapper { width:722px; }
.application-menu-content { width:200px; }
.application-menu-dropdown { display:none; position:absolute; top:33px; left:-1px; width:240px; background:#fff; border-left:1px solid #9d9d9c; }
.application-menu-dropdown.open { display:block; }
.application-menu-toggle,
.application-menu-item { display:block; }
.header-content { width:722px; }
.header-search-wrapper { width:300px; }
.header-search-input { width:264px; }
.menu-lang-selected-text img { display:none; }
.menu { width:722px; }
.academie .menu { width:722px; }
.main-menu-item a { padding:5px 10px; }
.main-menu-item-custom a { padding:5px 10px; }
.productoverview-selected-filters-wrapper { flex-flow:row wrap; width:auto; }
.productoverview-selected-filter { margin:0 1px 1px 0; }
.productoverview-selected-clear { margin:0 0 1px; }
.productoverview-filters-toggle { display:block; }
.productoverview-filters-toggle.open { margin:0 0 30px; }
.productoverview-filters-wrapper { display:none; }
.productoverview-filters-wrapper.open { display:block; }
.productoverview-filter-optionswrapper { width:calc(100% - 17px); }
.productoverview-intro-wrapper { width:auto; }
.productoverview-filters-wrapper { flex-flow:column nowrap; width:auto; border-bottom:1px solid #9d9d9c; }
.productoverview-filter-optionswrapper { position:relative; top:0; left:0; border:0; }
.productoverview-filter.first,
.productoverview-filter { border-width:1px 1px 0; }
.productoverview-filter-title.open { background-position:98.3% center; font-weight:700; }
.productoverview-filter-title { background-position:98.3% center; border:0; }
.productoverview-count { display:block; }
.homepage-slide-content { width:722px; }
.homepage-slider-image-wrapper { width:300px; margin:0 0 15px; }
.homepage-slider-content-wrapper { width:425px; }
.homepage-slider-buttoncontainer { right: 0; bottom: 0; position: relative; margin: 20px 0 0; }
.homepage-slider-text { font-size: 16px; line-height: 18px; }
.infoblock-text { padding:0 100px; }
.page { width: 722px; padding: 190px 23px 23px; }
.productpage-panel { flex:0 0 341px; }
.page.page-shopflow { width:722px; }
.page-content-wrapper { flex-flow:column nowrap; }
.page-content-main { width:100%; }
.page-content-side { width:100%; }
.trainingsaanbod .page-content-main { order: 2; }
.trainingsaanbod .page-content-side { order: 1; padding-top: 0px !important; }
.article-image-wrapper-list { width:320px; }
.productpage-slider { width:341px; height:341px; }
.slick-slide img { max-height:341px; max-width:90%; }
.slide .videowrapper { margin:50px 0 0; }
.productpage-slider .slick-next { right:0; }
.productpage-slider .slick-prev { left:0; }
.productpage-slider-carousel-wrapper { width:341px }
.productpage-slider-carousel { width:293px; }
.productpage-slider-links { flex-flow: row wrap; padding: 10px 0 20px; border-bottom: 1px solid #ccc; }
.productpage-slider-link { width: 50%; text-align: left; }
.productoverview-product { margin:0 14px; }
.slick-initialized figure.slick-slide { height:345px; }
.related .productoverview-product:nth-child(3) { display:none; }
/* .form-button-wrapper.account.shop { padding:0 0 0 180px; } */
.bannerblock-hover-button { font-size:18px; line-height:22px; }
.list-overview { margin:0 0 20px; border-bottom:1px solid #9d9d9c; }
.page-content-side { margin:0 0 20px; }
.form-table .col1 { width:25%; }
.form-table .col2 { width:75%; }
.footer-content-wrapper { width:722px; }
.footer-column.first { padding:0; }
.footer-column { padding:0 10px; }
.meerboomnt2 a { width:135px; }
.footer-column.last { padding:0 0 0 15px; }
.dossiers-search-wrapper { width:60%; }
.dossiers-tile { width:220px; margin:0 0 30px; }
.dossiers-tile:nth-child(4n+1) { margin:0 0 40px; }
.dossiers .menu { display:flex; width:722px; }
.dossiers .main-menu { display:none; }
.nt2shop .openklap-wrapper { margin:0 auto; width:75%; }
.nieuw-afhaalpunt-pointer { bottom:13px; }
.nieuw-afhaalpunt-pointer img { width:135px; }
/* TRAININGEN */
.academie .page-content-side { padding-top: 40px; }
.trainingsdatum-wrapper { /*display: flex; flex-flow: column nowrap; margin-bottom: 30px;*/ }
.trainingsdatum-wrapper-title { margin: 20px 0 0; }
.trainingsdatum { display: block; flex-wrap: wrap; flex-direction: column;
display: block; -webkit-flex-wrap: wrap; -webkit-flex-direction: column;
margin: 0 0 10px 0;
}
.trainingsdatum .trdatum { align-self: flex-start; flex: 0 0 50%; -webkit-flex: 0 0 50%; width: CALC(100% - 135px ); margin: 20px 0 0 0;}
.trainingsdatum .trtijd { align-self: flex-start; flex: 0 0 50%; -webkit-flex: 0 0 50%; width: CALC(100% - 135px ); margin: 0 0 5px 0;}
.trainingsdatum .traction { align-self: flex-start; -webkit-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: 1; order: 1; width: 130px; }
.trainings-agenda-wrapper { display: none; }
.trainings-agenda-wrapper-mobile { display: block; }
.openklap-antwoord p img { height:auto; width:100%; }
}
@media only screen and (max-width:767px) {
.portal-wrapper { margin: 181px 0 0 !important; }
.extramargin-notificationbanner .portal-wrapper { margin: 221px 0 0 !important; }
.nt2school-button { font: bold 14px/32px 'Source Sans Pro', arial, sans-serif; margin-right: 5px; }
.nt2school-button span { display: none; }
.nt2school-button-info { padding:5px 15px 5px 15px; color:#fff; background: #000 url('../images/icons/button-info-small.svg') 7px 6px no-repeat; cursor:pointer; }
.nt2school-button-weblink { padding:5px 15px 5px 15px; color:#fff; background: #9d9d9c url('../images/icons/icon-start-cursus.svg') 9px 7px / 13px 13px no-repeat; cursor:pointer; }
.nt2school-button-download { padding:5px 15px 5px 15px; color:#fff; background: #9d9d9c url('../images/icons/icon-laptop_zw.svg') 6px 7px / 18px 14px no-repeat; cursor:pointer; }
.nt2school-button-demo { padding:5px 15px 5px 15px; color:#fff; background: #9d9d9c url('../images/icons/icon-laptop_zw.svg') 6px 7px / 18px 14px no-repeat; cursor:pointer; }
.nt2school-button-bestel { padding:5px 15px 5px 15px; color:#fff; background: #9d9d9c url('../images/icons/icon-winkelwagen.svg') 7px 7px no-repeat; cursor:pointer; }
.nt2sactive { background-color: #0078d2; }
.nt2school-button-demo.nt2sactive { background-color: #000; }
.header-username { display:none; }
.page.page-shopflow { width:296px; padding:0; }
.account-address-afhaalpunt-info { width: 230px; }
.shopflow .header { flex-flow:column nowrap; align-items:center; width:296px; margin:0 auto 30px; }
.shopflow .header-part.logo { order:1; height:75px; }
.shopflow .header-part.backbutton { order:2; width:100%; line-height:20px; }
.shopflow .header-part.backbutton .button.back-to-cart { display:block; text-align:center; }
.shopflow .header-part.thuiswinkel { display:none; }
.top-wrapper { __position:relative; }
.header-account-menu-item { padding:0; }
.application-menu-content-wrapper { width:auto; }
.application-menu-content { margin:0 0 0 12px; border-left:1px solid #9d9d9c; }
.application-menu-toggle { padding:11px 14px 9px 14px; border-right:1px solid #9d9d9c; }
.application-menu-content .application-menu-item.first { display:none; }
.application-menu-rightside-wrapper { margin: 0 12px 0 0; }
.application-menu-mobile { display:block; }
header { width:92%; height: auto; margin:0 auto; }
.dossiers header { margin:0 auto 40px; }
.academie header { margin:0 auto 20px; }
.header-content { width:auto; padding: 15px 0; }
.nt2shop .header-content { margin:0 auto 10px; border-bottom:1px solid #9d9d9c; }
.header-content.search-showing { padding:30px 0 60px; }
.header-buttonwrapper { width:48%; }
.header-search-wrapper { position:absolute; top:105px; left:0; width:280px; right:0; margin:0 auto; display:none; }
.header-search-wrapper.open { display:block; }
.header-button-account { padding:0 2px; background:#ff0056; }
.header-button-account-text { display:none; }
.header-button-cart { height:auto; padding:0 2px; background:#ff0056; }
.header-button-cart-amount { display:none; }
.header-button-search-toggle { display:block; }
.header-username { right:12px; top:99px; }
.menu-lang-selected .arrow,
.menu-lang-selected-text { display:none; }
.menu-wrapper { position:absolute; top:32px; width:calc(100% - 24px); margin:0 12px; z-index:15; display:none; }
.menu { width:auto; }
.main-menu { flex-flow:column nowrap; }
.main-menu-item { background:#000 url('../images/icons/pijltje-down-wit.svg') 98% center no-repeat; border-bottom:1px solid #fff; }
.main-menu-item.open { background:#ff0056 url('../images/icons/pijltje-up-wit.svg') 98% center no-repeat; }
.submenu-wrapper { position:relative; top:0; }
.submenu { height:auto; width:auto; display:none; }
.submenu-item { padding:0 32px 20px; border:0; }
.homepage-slide-content { width:280px; flex-flow:column nowrap; padding:30px 35px; }
.homepage-slider-image-wrapper { width:285px; height:auto; }
.homepage-slider-content-wrapper { width:285px; text-align:center; }
#homepageslider .slick-dots { text-align:center; }
.homepage-slider-actueel-image-wrapper { display: none !important; }
.homepage-slider-buttoncontainer { flex-flow:column nowrap; position:relative; top:0; right:0; padding:10px 0 0; }
.homepage-slider-button { margin:0; margin:0 0 10px; }
.infoblock-text { padding:0 30px; }
.bannerblocks-content { display:block; }
.bannerblock { display:block; width:100%; height:100%; margin:0 0 20px; }
.homepage-actueel-block-wrapper { display:block; }
.homepage-actueel-block { width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #9d9d9c; }
.homepage-actueel-title { font-size:16px; line-height:18px; }
.homepage-actueel-subtitle { font-size:16px; line-height:18px; }
.homepage-actueel-author { font-size:11px; }
.slick-initialized figure.slick-slide { height:225px; }
.infoblock-image { width:204%; }
.page { width:296px; padding:0 0 53px; }
.page.account { width:296px; padding:20px 0 23px; }
.page.index { padding:0 0 23px; }
.usps .page { __padding: 15px 40px 23px !important; }
.button.back { display:block; padding:15px 16px; }
.button.back.wide { padding: 5px 16px; text-align: center; }
.button.logout { display:block; padding:15px 16px; }
.navigation-button-span { display:none; }
.top-wrapper-account-content { width:296px; }
.account-logo-nt2 { width:90%; }
.account-logo-nt2school { width:90%; }
.account-address-row.titles { display:none; }
.account-address-row { display: block; }
.account-address-row { max-height:unset; }
.account-address-info { margin:0 0 5px; }
.account-address-aflever,
.account-address-factuur { display:flex; margin:0 0 5px; }
.account-address-factuur label,
.account-address-aflever label { order:2; margin:0 0 0 5px; }
.account-address-factuur input,
.account-address-aflever input { order:1; }
.accountpage-block-buttonwrapper { display: flex; margin: 1px 0; }
.account-bestelling-row.title { display:none; }
.account-bestelling-row { display:block; __flex-flow:column nowrap; }
.account-info-row { display:flex; }
.account-bestelling-date-label { display:block; width:150px; font-weight:700; }
.button.details { margin:10px 0 0; }
.accountpage-block-content.wishlist { flex-flow:wrap; }
.productoverview-product.wishlist { display:flex; justify-content:space-between; flex-flow:column nowrap; margin:0 3px; padding:25px 7px; }
.product-wishlist-details { order:2; }
.product-wishlist-hover-buttons { order:3; display:block; padding:0; }
.accountpage-form-row { display:block; }
.accountpage-form-row.zakelijk.selected { display:block; }
.accountpage-form-label { width:100%; margin:0 0 5px; }
.accountpage-form-input { width:100%; }
.accountpage-orderdetails-row.title { display:none; }
.accountpage-orderdetails-row { flex-flow:wrap; }
.accountpage-orderdetails-product { flex:0 0 30%; }
.orderdetails-product-thumb { width:70%; }
.accountpage-orderdetails-title { flex:0 0 60%; }
.accountpage-orderdetails-count { flex:0 0 20%; padding:0 0 0 30%; }
.orderdetails-count-label { display:inline; }
.accountpage-orderdetails-price { flex:0 0 50%; }
.account-address-afleveradres { padding:0; }
.account-address-factuuradres { padding:0; }
.productoverview-product-wishlist-buttonwrapper { display:block; }
.productoverview-product-wishlist-buttonwrapper .button.addtocart { margin:0 0 10px; }
.productoverview-product-wishlist-buttonwrapper .button.removeall { margin:0; }
#int-warning { padding:0; }
.productoverview-product.nt2school { margin:10px 3px; }
.productoverview-button.cursus { font-size: 8px; }
.mobile-altered .accountpage-orderdetails-product,
.mobile-altered .accountpage-orderdetails-title { display:none; }
.mobile-altered .accountpage-orderdetails-details,
.mobile-altered .accountpage-orderdetails-price { flex:0 0 50%; }
.accountpage-orderdetails-row.address { flex-flow:column nowrap; border:0; }
.accountpage-orderdetails-address { padding:10px 0; border-bottom:1px solid #9b9c9b; }
.button.add { display:block; margin:0; text-align:center; background-position:12% center; }
.button.confirm { display:block; text-align:center; background-position:12% center; }
.abo-info-buttonwrapper .button.add { background-position: 6% center; }
.productpage-backbutton-wrapper { display:none; }
.productpage-wrapper { display:block; }
.productpage-slider { margin:0 auto 60px; height:230px; width:100%; }
.slick-slide img { max-height:230px; }
.slide .videowrapper { margin:30px 0 0; }
ul.slick-dots { margin:0; }
.slick-dots li { margin:0 1px; }
.slick-dots li button::before { font-family:'Source Sans Pro'; font-size:34px; }
.productpage-slider-carousel-wrapper { display:none; }
.productpage-slider-links { margin:0 0 20px; text-align:center; line-height:20px; border-top:0; }
#cboxPrevious { position:absolute; top:35%; left:0px; height:0; padding:90px 40px 0; overflow:hidden; background:url('../images/icons/slider-pijltje-links.svg') center left / 15px 40px no-repeat; border:0; }
#cboxNext { position:absolute; top:35%; right:0px; height:0; padding:90px 40px 0; overflow:hidden; background:url('../images/icons/slider-pijltje-rechts.svg') center right / 15px 40px no-repeat; border:0; }
.productpage-title-wrapper { text-align:center; }
.productpage-title-wrapper h1,
.productpage-title-wrapper h2 { font-size:18px; line-height:22px; }
.productpage-formaticons-wrapper { text-align:center; }
.productpage-authors-wrapper { text-align:center; }
.productpage-priceinfo-wrapper { width: 100%; justify-content: space-between; margin: 0; }
.productpage-pricetag { display:none; }
.productpage-pricetag-mobile { display:block; }
.productpage-price-button-wrapper { justify-content:space-between; }
.productpage-prevprice { margin:0; }
.productpage-price-button-wrapper { flex-flow: column; }
.productpage-priceinfo-wrapper { margin: 0 0 5px; }
.productpage-buttonwrapper { flex-flow: row wrap; align-items: flex-start; }
.productpage-buttonwrapper .button.boek.bexgex { margin-top: 5px; }
.button.addtocart { margin:0 9px 0 0 ; }
.button.wishlist { margin:0; padding:14px 12px; background-position:center center; }
.button.wishlist .button-text { display:none; }
.productpage-app-buttons-wrapper { width:195px; }
.productpage-app-button img { width:49%; }
.productoverview-product { flex:0 0 108px; margin:0; padding:25px 15px; }
.productoverview-product-image { max-width:100%; }
.productoverview-pricetag { top: -12px; width: 108px; }
.productpage-panel .productoverview-pricetag { width: 100%; }
.productoverview-product-image-wrapper { width:108px; height:108px; }
.productoverview-product-price-wrapper { flex-flow:column nowrap; }
.productoverview-product-price-pricewrapper { display:flex; justify-content:center; flex-flow: column; margin:0 0 10px; text-align: center; }
.productoverview-price-label,
.productpage-price { margin: 0; }
.productoverview-product-price-buttonwrapper { justify-content:center; margin:0; }
.productoverview-product-icons-wrapper { height:37px; }
.related .productoverview-product:nth-child(3) { display:block; }
.productoverview-filter-title.open { background-position:96% center; }
.productoverview-filter-title { background-position:96% center; }
.article-title { font-size:24px; line-height:26px; }
.article-subtitle { font-size:24px; line-height:26px; }
.article-intro { font-size:20px; line-height:22px; }
.article-quote { padding:0; font-size:24px; line-height:26px; }
.article-frame-title { width:216px; text-align:center; }
.article-wrapper-list { flex-flow:column nowrap; width:auto; }
.article-image-wrapper-list,
.article-content-wrapper-list { width:auto; padding:0 0 15px; }
.button.wishlist-added { height:19px; margin:0; background:url('../images/icons/button-verlanglijst-small-red.svg') 8px center / 23px 23px no-repeat; }
.button.wishlist-added .button-text { display:none; }
.form-table-row { flex-flow:column nowrap; }
.form-table .col1 { width:auto; }
.form-table .col2 { width:auto; }
.textfield { width:215px; }
.textarea { width:231px; }
.form-table select { width:238px; }
.form-table-row.buttons .col1 { display:none; }
.adresblok-content { display:block; width:296px; }
.adresblok-column { margin:0 0 15px; text-align:center; }
.nieuw-afhaalpunt-pointer { bottom:9px; }
.nieuw-afhaalpunt-pointer img { width:184px; }
footer { padding:0 0 20px; }
.footer-content-wrapper { flex-flow:column nowrap; width:296px; }
.footer-column,
.footer-column.first { margin:0 0 20px; padding:0 10px 20px; text-align:center; border:0; border-bottom:1px solid #9d9d9c; }
.footer-column-icon-wrapper { display:none; }
.footer-column-content { }
.footer-column-content a { margin:0 0 2px; padding:0 5px; }
.footer-column-content p,
.footer-column-content a { border:none; }
.footer-column.overboom { order:2; }
.footer-column.klantenservice { order:1; }
.footer-column.meestbekeken { order:3; }
.footer-column.meerboomnt2 { order:4; padding:0 60px 20px; }
.meerboomnt2 a { width:auto; }
.meerboomnt2 a p { margin:0 8px 0 0; }
.footer-bottom a { display:block; }
.modal-box { width:auto; }
/* NT2 School content */
#wrapper-school #main { width: 100%; float: left; margin-right: 0%; }
#wrapper-school #right { width: 100%; float: left; }
.dossiers .page { width:320px; }
.dossiers .application-menu-toggle { padding:11px 14px 8px; }
.dossiers .application-menu-item,
.dossiers .application-menu-dropdown.open,
.dossiers .application-menu-mobile { display:none; }
.dossiers-search-wrapper { width:100%; }
.dossiers-tile { width:100%; margin:0 0 30px; }
.dossier-introblock { display:block; }
.dossier-introblock-image-wrapper { width:auto; margin:0 0 20px; }
.dossier-introblock-content-wrapper { width:auto; }
/*
.dossiers .footer-column-content p:nth-child(2n),
.dossiers .footer-column-content a:nth-child(2n) { border-left:1px solid #000; }
*/
.dossiers .menu-wrapper { background:#ffc800; }
.full-menu-handler-wrapper { display:none; }
.dossiers .menu { background:transparent; width: 100%; }
.dossiers .full-menu-submenu { position:relative; display:block; top:0; box-shadow:none; }
.dossiers-search-wrapper { margin: 30px auto; }
.nt2shop .openklap-wrapper { margin:0 auto; width:100%; }
.article-content-wrapper { width:calc(100% - 10px); margin:0 auto; padding:15px 0; }
.dossier-content-wrapper { padding:15px 0 0; }
.dossiers .article-content-wrapper { width:calc(100% - 30px); margin:-4px auto 0; padding:15px; }
.article-image-wrapper { min-height: 0px; }
.nt2shop .button.openklap-sectie-backbutton.back { display: none; }
.thankyoupage-contentwrapper .button.next { display:block; height:auto; width:auto; margin:0; }
.dossier-content-wrapper .button.back { padding:5px 14px 5px 30px; }
.newsletter-subscribe-input-email { margin-bottom: 5px; }
/* ACADEMIE */
.header-logo img { width:90%; }
.academie .page { width:320px; }
.academie .portal-wrapper { margin: 40px 0 0; }
.academie .page.vervolg { padding: 30px 20px 23px; }
.academie .application-menu-toggle { padding:11px 14px 8px; }
.academie .header-content { padding:20px 0 10px; border-bottom: 1px solid #9d9d9c; }
.academie .application-menu-item { display: none; }
.academie .application-menu-dropdown.open,
.academie .application-menu-mobile { display:block; }
.academie .main-menu-item-custom a { border-bottom: 1px solid #FFF; }
.academie-search-wrapper { width:100%; }
.academie-tile { width:100%; margin:0 0 30px; }
.academie-introblock { display:block; }
.academie-introblock-image-wrapper { width:auto; margin:0 0 20px; }
.academie-introblock-content-wrapper { width:auto; }
.academie .main-menu { width: 100%; }
/*
.dossiers .footer-column-content p:nth-child(2n),
.dossiers .footer-column-content a:nth-child(2n) { border-left:1px solid #000; }
*/
.academie .menu-wrapper { background:#ffc800; }
.academie .menu { background:transparent; width: 100%; }
.academie .full-menu-submenu { position:relative; display:block; top:0; box-shadow:none; }
.academie-search-wrapper { margin: 30px auto; }
.academie-content-wrapper { padding:15px 0 0; }
.academie .article-content-wrapper { width:calc(100% - 30px); margin:-4px auto 0; padding:15px; }
.trainingsaanbod-wrapper { width: 320px; display: block; flex-flow: row wrap; }
.trainings-form-row { flex-flow: column nowrap; padding: 5px 0; }
.trainings-agenda-item { flex-flow: column nowrap; }
.trainingsaanbod-item-buttons { margin: 0px 10px 7px; }
.trainingsaanbod-item { margin-bottom: 15px; width:157px; float: left; ; }
.trainingsaanbod-item:nth-of-type(odd) { margin-right: 5px; }
.trainings-agenda-blok-item { width: CALC(100% - 45px) }
.trainings-agenda-wrapper { margin-bottom: 20px; }
.trainings-form-input .button { margin-top: 5px; }
.trainings-form-input input[type="text"] { border:1px solid #000; margin-top: 4px;}
.newsletter-popup-wrapper { width: 310px; right: 5px; }
}
@media only screen and (max-width:400px) {
.academie .page { padding:0px 0 23px; }
.vrijblok-image { float: left; width: 100%; margin-right: 3%;}
.vrijblok-image img { width: 50%; margin-left: 25%; margin-bottom: 10px; }
.vrijblok-text { float: left; width: 100%; }
/*
input {
-webkit-appearance:none;
-moz-appearance:none;
}
*/
.dossier-slider-wrapper .slick-dots { bottom: -38px; }
.dossier-slider-wrapper .slick-slider { margin-bottom: 50px; }
.account-address-afhaalpunten-overzicht { margin-top: 20px; }
}
/**
* Inline popup
*/
.inline-popup-backdrop { position:fixed; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:url('../images/transparent.png') 0 0 repeat; z-index:305; display: nosne; }
.inline-popup {
position: fixed; top: 30vh; left:0; right:0; width:440px; margin:auto; height:auto; padding:40px;
background:#fff; z-index:310; text-align: center;
-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
display: nsone;
}
.inline-popup h2 { font-size:24px; font-weight:700; line-height:30px; text-transform:uppercase; }
.inline-popup-text { margin: 5px 0px 20px; }
.inline-popup .button.next { padding: 5px 30px 5px 15px; }
body.academie .inline-popup .button.next { background-color: #ff4e00; }
/**
* BOOKSHELF
*/
.bookshelf-backdrop { position:fixed; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:url('../images/blue-transparent.png') 0 0 repeat; z-index:305; }
.bookshelf-login-container {
position:absolute; left:0; right:0; width:440px; margin:auto; height:380px; padding:40px;
background:#fff; z-index:310;
}
.bookshelf-login-close { position:absolute; top:20px; right:20px; height:20px; width:20px; background:url('../images/bookshelf-login-close.png') 0 0 no-repeat; cursor:pointer; }
.bookshelf-login-close:hover { background-position:0 -80px; }
.bookshelf-login-logo { margin:0 0 40px; text-align:center; }
.bookshelf-login-content { font-size:16px; line-height:22px; }
.bookshelf-login-input { width:94%; margin:0 0 10px; padding:8px 2.5% 8px 3%; border:1px solid #999; }
.bookshelf-login-button { height:20px; padding:8px 3%; border:0; background:#00b1e2; color:#fff; text-align:center; cursor:pointer; }
.bookshelf-login-button.waiting { height:20px; background:#00b1e2 url('../images/bookshelf-preloader.gif') 38% center no-repeat; }
.bookshelf-login-check { padding:190px 0 0; text-align:center; font-weight:bold; background:url('../images/bookshelf-check.png') center 15px no-repeat; }
#notification-buttons.bookshelf { width:280px; margin:0 auto; padding:30px 0 0; }
#notification-buttons.bookshelf .afrekenen { background:#00b1e2 !important; border-radius:0; }
#notification-buttons.bookshelf .verder-winkelen { color:#00b1e2; border-radius:0; }
/**
* taaltest
*/
.taaltest-backdrop { position:fixed; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:url('../images/transparent.png') 0 0 repeat; z-index:305; }
.taaltest-login-container {
position:absolute; left:0; right:0; width:440px; margin:auto; height:auto; padding:40px;
background:#fff; z-index:310;
}
.taaltest-login-close { position:absolute; top:15px; right:15px; height:20px; width:20px; background:#000 url('../images/icons/icon-wis.svg') center center no-repeat; cursor:pointer; }
.taaltest-login-logo { margin:0 0 40px; text-align:center; }
.taaltest-login-content { font-size:16px; line-height:22px; }
.taaltest-login-input { width:94%; margin:0 0 10px; padding:8px 2.5% 8px 3%; border:1px solid #999; font-size: 15px;}
.taaltest-login-button { height:20px; padding:8px 3%; border:0; background:#ff0056; color:#fff; text-align:center; cursor:pointer; }
.taaltest-login-button:hover { background:#bf0041; }
.taaltest-login-button.waiting { height:20px; background:#ff0056 url('../images/bookshelf-preloader.gif') 38% center no-repeat; }
.taaltest-login-check { padding:190px 0 0; text-align:center; font-weight:bold; background:url('../images/bookshelf-check.png') center 15px no-repeat; }
#notification-buttons.taaltest { width:280px; margin:0 auto; padding:30px 0 0; }
#notification-buttons.taaltest .afrekenen { background:#00b1e2 !important; border-radius:0; }
#notification-buttons.taaltest .verder-winkelen { color:#00b1e2; border-radius:0; }
.button-back-taaltestcentrum { margin-top: 20px; }
.button.button-bestel-taaltestcentrum { margin-top: 20px; padding: 6px 20px; background: #ff0056; }
.button.button-bestel-taaltestcentrum:hover { background: #bf0041 }
/* SITEMAP */
ul.sitemap { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 30px 0 0 0; font-size: 15px; line-height: 20px; }
ul.sitemap li { list-style: none; }
ul.sitemap > li { width: 23%; padding: 15px 0px 0px 0px; flex-shrink: 0; margin-bottom: 20px; border-top: 2px solid #000; }
ul.sitemap > li.noborder { border: 0px; }
ul.sitemap ul { display: block; width:100%; margin: 0 0 10px 10px; }
ul.sitemap > li > a { color: #000; display: block; margin-bottom: 10px;}
ul.sitemap ul ul li { list-style-type: disc; margin-left: 9px; }
ul.sitemap ul ul li a { font-weight: normal; }
ul.sitemap a:hover { text-decoration: underline; color: #ff0056; }
@media only screen and (max-width:1290px) {
ul.sitemap > li { width: 30%; }
}
@media only screen and (max-width:768px) {
ul.sitemap > li { width: 100%; }
}
/* MyMethods */
.hidden { display:none; }
.my-methods-button-wrapper { display:flex; justify-content:center; align-items:center; }
.academie .article-content-wrapper a.my-methods-button { display:inline-block; width: 200px; padding:10px 50px; line-height:26px; font-size:18px; font-weight:700; background:#ff4e00; color:#fff !important; cursor:pointer; }
.academie .article-content-wrapper a.my-methods-button.white { background: #fff; color: #000 !important; border: 1px solid #ff4e00; }
.my-methods-modal-wrapper { }
.my-methods-modal-close { position: absolute; top: 4px; right: 4px; background: 0; border: 0; font-size: 27px; cursor: pointer; }
.my-methods-modal-title { margin: 0 0 15px; font-size: 22px; line-height: 26px; text-align: center; }
.my-methods-text { margin: 0 0 25px; font-size: 16px; line-height: 20px; }
.my-methods-text a { color: #ff4e00; }
.my-methods-modal-input-wrapper { display: flex; justify-content: center; font-size: 16px; }
.my-methods-modal-input { margin: 0 5px 0 0; padding: 10px; background: #ececec; border: 0; }
.my-methods-in-colorbox-button { display:inline-block; padding:10px 20px; line-height:auto; font-size:18px; font-weight:700; background:#ff4e00; color:#fff; border: 0; cursor:pointer; }
.my-methods-login-wrapper { width: 100%; border: 1px solid #9c9c9b; }
.my-methods-login-content { padding: 30px; }
.my-methods-login-title { font-size: 28px; line-height: 30px; font-weight: 700; text-align: center; }
.my-methods-login-subtitle { margin: 0 0 20px; font-size: 28px; line-height: 30px; font-weight: 400; text-align: center; }
.my-methods-login-usps { width: 70%; margin: 0 auto 30px; text-align: left; font-size: 17px; line-height: 24px; }
.my-methods-login-usp { padding: 0 0 0 25px; background: url('../images/icons/check-green.svg') 0 7px / 18px auto no-repeat; }
.my-methods-button-wrapper { text-align: center; }
.my-methods-login-footer { padding: 30px; background: #ececec; border-top: 1px solid #9c9c9b; font-size: 18px; font-weight: 700; text-align: center; }
.abo-wrapper { display: flex; }
.abo-image-wrapper { width: 30%; margin: 0 10px 0 0; }
.abo-image { width: 100%; }
.abo-title-wrapper { margin: 0 0 10px; }
a.abo-title { font-weight: 700; color: #000; }
.abo-title-active { margin: 0 0 0 10px; padding: 0 0 0 14px; color: #0fb50f; font-weight: 700; background: url('../images/mymethods-check.png') 0 4px / 10px auto no-repeat; }
.error-text { padding: 5px; text-align: center; color: #ff4e00; }
.button.info { display:inline-block; background:#000 url('../images/icons/button-info-small.svg') 9px center no-repeat; }
.button.start { display:inline-block; background:#000 url('../images/icons/play-white.png') 9px center no-repeat; }
.button.trash { display:inline-block; background:#000 url('../images/icons/icon-verwijder-groot.svg') 9px center no-repeat; }
@media only screen and (max-width: 767px) {
.abo-info-buttonwrapper .button { display: block; margin: 0 0 10px; }
.abo-title-active { margin: 0; }
.academie .article-content-wrapper a.my-methods-button { width: auto; }
.my-methods-login-usps { width: 100%; }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
@media print {
.application-menu-wrapper,
.menu-wrapper,
.top-usp-wrapper,
.header-username,
.header-search-wrapper,
.header-buttonwrapper,
.newsletter-subscribe-form-positioner,
.footer-wrapper,
.footer-social,
.footer-bottom,
.newsletter-popup-wrapper,
.product-compare-popup,
.xspreview-topmenu { display: none; }
.page { padding: 200px 0 0 !important; }
img { max-width: 500px; }
@page {
margin: 1cm;
}
}
/**
* QTIP
*/
/* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Sun Dec 15 2013 21:25:31 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:450px;min-width:100px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} .qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1} .qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} .qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}
/**
* FONTAWESOME
*/
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}