body,html {min-width:320px;color:#fff;background:#000; font-family:Arial;}

@font-face {
  font-family: 'FontAwesome';
  font-display: swap;
  src: url('../css/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../css/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../css/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../css/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../css/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../css/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome Regular';
  font-display: swap;
  src: url('../css/fonts/fa-regular-400.eot');
  src: url('../css/fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../css/fonts/fa-regular-400.woff2') format('woff2'), url('../css/fonts/fa-regular-400.woff') format('woff'), url('../css/fonts/fa-regular-400.ttf') format('truetype'), url('../css/fonts/fa-regular-400.svg#fa-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-BoldAlternate';
  font-display: swap;
  src: url('../css/fonts/dincond-boldalternate.eot');
  src: url('../css/fonts/dincond-boldalternate.eot?#iefix') format('embedded-opentype'), url('../css/fonts/dincond-boldalternate.woff2') format('woff2'), url('../css/fonts/dincond-boldalternate.woff') format('woff'), url('../css/fonts/dincond-boldalternate.ttf') format('truetype'), url('../css/fonts/dincond-boldalternate.svg#dincond-boldalternate') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Futura Light';
  font-display: swap;
  src: url('../css/fonts/futura-light.eot');
  src: url('../css/fonts/futura-light.eot?#iefix') format('embedded-opentype'), url('../css/fonts/futura-light.woff2') format('woff2'), url('../css/fonts/futura-light.woff') format('woff'), url('../css/fonts/futura-light.ttf') format('truetype'), url('../css/fonts/futura-light.svg#futura-light') format('svg');
  font-weight: normal;
  font-style: normal;
}
h1,h2,h3,h4,h5 {font-family: 'DINCond-BoldAlternate',Arial;}
.column { margin-bottom:30px;}
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;}
.cd-main-content, .cd-main-header { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-main-content { min-height: 100vh; z-index: 2;}
.cd-main-header { height: 55px; background: #1d1d1d; z-index: 3;}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 992px */
	position: relative; top: 0; left: 0; width: 100%; }

.cd-nav-trigger { position: relative;display: block; width: 44px; height: 44px;overflow: hidden;white-space: nowrap; /* hide text */ color: transparent !important; z-index: 3;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {position: absolute; display: inline-block; height: 2px; width: 24px; background: #ccc;}
.cd-nav-trigger span { position: absolute;top: 50%; right: 10px; margin-top: 0px; -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; right: 0; -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s;}
.cd-nav-trigger span::before { top: -7px;}
.cd-nav-trigger span::after { top: 7px;}
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); width:26px;}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: #fff; width:26px;}
.cd-nav-trigger.nav-is-visible span::before {-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg);}
.cd-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);  transform: translateX(4px) translateY(2px) rotate(-45deg);}
.cd-primary-nav, .cd-primary-nav ul { position: fixed; top: 0; left: 0; padding:0; height: 100%; width: 260px; background: #000;
  overflow:hidden; -webkit-overflow-scrolling: touch; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);
  -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0);
  -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-primary-nav a, .cd-primary-nav ul a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color: #ffffff;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; border-bottom: 1px solid #333; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);
  -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s; text-decoration:none;}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {-webkit-transform: translateX(100%);-moz-transform: translateX(100%); 
	-ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
  
.toplinks { margin-top:22px; text-align:right;}
.toplinks ul { display:inline-block; list-style:none;padding-left:0;}
.toplinks li { display:inline-block; margin-left:30px;font-size: 16px; color: #c6c6c6; font-family: 'DINCond-BoldAlternate', Arial;}
.toplinks a { color: #c6c6c6; text-decoration:none; }
.toplinks a:hover {color:#fff;text-decoration:underline;}
.header-right { z-index: 3;}
.search-wrapper { margin-top:20px;position:relative;}
.search-wrapper .fields, .search-wrapper .action { display:inline-block;vertical-align:top; }
.search-wrapper .fields { width:75%;}
.search-wrapper input[type=text] { font-size: 14px; text-transform: none; height: 34px; color:#fff; line-height: 34px;
    border: 1px solid #333; background: #363636; border-radius:4px;padding-left:12px; width:100%;}
.search-wrapper input:focus{ outline: none;}
.search-wrapper button {font-family: 'DINCond-BoldAlternate',Arial; font-size: 18px; color:#fff;
    background: #b30404; border: 0 solid #333; height: 34px; width: auto; padding-left: 16px; padding-right: 16px;
    line-height: 34px;border-radius:4px;}
.advlink {position: absolute; right: -46px; color: #fff; top: 7px;display:none;}
.advlink a { color: #c6c6c6;font-size: 13px;text-decoration: none;}
.advlink a:hover { text-decoration:underline;}
.mobile-searchicon { z-index: 6; display:inline-block; color:#fff;position: absolute;right: 12px;top: 14px;font-size: 18px; }
.mobile-searchicon:hover,.mobile-searchicon:visited,.mobile-searchicon:active {color:#fff;}
.mobile-searchicon:before {font-family: 'FontAwesome Regular';display: inline-block;content: '\f002';}

.cd-header-buttons { position: absolute; display: inline-block; top: 3px; right: 3%;}
.cd-header-buttons li { display: inline-block;}
.cd-primary-nav .see-all a { color: #fff; font-family: 'DINCond-BoldAlternate',Arial; font-size:20px;}
.has-children > a, .go-back a {position: relative;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
 	 /* arrow icon in CSS - for element with nested unordered lists */
  	content: '';position: absolute;top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px;
  	background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.has-children > a { padding-right: 40px;}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%; transform-origin: 9px 50%;}

.cd-primary-nav .go-back a { padding-left: 40px;}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%; transform-origin: 1px 50%;}
  
.footer-container { background:#1d1d1d; padding-top:30px; padding-bottom:40px;}
.footer-bottom { background:#000; padding-top:25px; padding-bottom:25px; font-size: 12px;line-height:20px; color:#999; font-family:Arial;}
.footer-bottom a {color:#515151; text-decoration:none; }
.footer-bottom a:hover { color:#333; text-decoration:underline;}
.footer-content .h5 { position:relative;margin-bottom:20px; text-transform: none; font-weight: normal; font-size: 20px; color: #fff;font-family: 'DINCond-BoldAlternate',Arial;}
.footer-content ul { margin: 0; padding: 0; list-style: none none; }
.footer-content li { padding:5px 0; color:#fff;font-size:14px; line-height:24px;}
.footer-content li a {color:#c6c6c6;text-decoration:none;}
.footer-content li a:hover { text-decoration:underline;}
.footer-payicons { background:#fff; border-radius:4px; padding:20px;text-align:center;}
.footer-social a { margin-right:20px;border-radius:50px; width:43px; height:43px; display:inline-block;text-indent:-99px;overflow:hidden;}
.footer-social a.facebook::before {font-family: 'FontAwesome';display: inline-block;content: '\f09a'; text-indent:110px; font-size:30px; color:#fff;}
.footer-social a.instagram::before {font-family: 'FontAwesome';display: inline-block;content: '\f16d'; text-indent:107px; font-size:30px; color:#fff;}
.footer-social a.facebook:hover::before { color: #3b589e;}
.footer-social a.instagram:hover::before { color: #da236b;}

.cookie-consent {position:fixed;background:rgba(255,255,255,.9);overflow-x:auto;z-index:99999999;left:0;top:0;bottom:0;right:0;display:block;overflow-y:auto;}
.cookiedialog {left:0;right:0; margin: 0 auto; top: 100px;display: block;width: 80%; max-width: 400px;position: absolute; z-index: 99999998; -webkit-backface-visibility: hidden;}
.cookiebody {background: #000;border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; padding: 10px;overflow: hidden;
    text-align: left; -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.33); -webkit-box-shadow: 0 0 9px 0 rgb(0 0 0 / 33%); box-shadow: 0 0 9px 0 rgb(0 0 0 / 33%);}
.cookiebody .eghead { color: #fff;font-family: 'Futura Light', Arial; font-size: 24px; text-align: center; font-weight: 500; padding: 10px;}
.cookiebody .egdesc { font-size: 15px; padding: 10px; text-align: center;}
.cookiebody .egagree { text-align: center;}
.cookiebody .egagree .contents { background: #000; color: #fff; display: inline-block; position: relative; padding-left: 28px; margin-bottom: 12px;
    cursor: pointer; user-select: none; font-weight: 500; font-size: 18px;}
.cookiebody .egagree .contents input { position: relative; opacity: 0; cursor: pointer;}
.cookiebody .egagree .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #03b629;border-radius: 3px;}
.cookiebody .egagree .contents input:checked ~ .checkmark::after { display: block;}
.cookiebody .egagree .contents .checkmark::after { left: 4px; top: 0px; width: 10px; height: 16px; border: solid #03b629;
    border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.cookiebody .egagree .checkmark::after { content: ""; position: absolute; display: none;}
.cookiebody .egbutton { text-align: center; padding: 10px;}
.cookiebody .egbutton button { width: 100%; padding: 0; margin: 0; height: 50px; border-radius: 4px; background: #03b629; border:1px solid #03b629;
    text-transform: none; font-size: 20px; color: #fff; box-shadow: none;}
.cookiebody .egbutton button:hover { color: #03b629; background: #fff;}
.cookiebody .egbutton button[disabled] { opacity: .5; cursor: default; pointer-events: none;}
.cookiebody .egcookies { font-size: 12px; padding: 10px; text-align: center; color: #797979;}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer;
  background-color: rgba(29, 29, 29, 0.8); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;}
.cd-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;}
.no-js .cd-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2;}

label.error::before {border-radius: 3px 0 0 0; left: 15px;  top: -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); content:" ";  width: 10px;
    height: 13px;background-color: #0282d6; position:absolute;}
label.error { background-color: #0282d6; border-radius: 3px; color: #fff; font-size: 12px; font-weight: bold; padding: 13px 20px;
    position: absolute; white-space: nowrap; z-index: 3; left: 20px; top: 43px;}
.ui-menu { max-height: 250px; overflow-y:scroll; overflow-x:hidden;}
img, object, video, embed { height: auto; max-width: 100%; }
@media (min-width: 320px) and (max-width: 479px) {
	.cd-main-content .contentsection .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size:18px; padding:0.5em 0.7em; }
}
@media (min-width: 320px) and (max-width: 767px) {
	.footer-content p.h5::after { display: inline-block; font-weight: normal;font-size:32px;font-family: 'FontAwesome'; content: '\f105';
	    -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
	    -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; right: 0;position: absolute;}
	.footer-content p.h5.active:after { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);  
		transform: rotate(90deg); }
	.footer-content ul { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;
	    -o-transition: all 500ms ease; transition: all 500ms ease; padding-bottom:20px; }
	.footer-content p.h5.social { display:none;}
	.footer-content .footer-social { margin-top:20px;}
	.footer-content .footer-social a {margin-left:10px;margin-right:10px;}
	.footer-content .footer-social a.facebook:before { text-indent:100px;}
	.footer-content .footer-social a.instagram:before { text-indent:100px; }
	.footer-social { text-align:center;}
	.footer-content .footer-line { display:block; border-top:1px solid #333; margin-top:20px; margin-bottom:20px;}
	.showhide.active { height: inherit; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);
	    -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
	    visibility: inherit; margin-bottom: 10px; -webkit-transition: max-height .4s ease 0s; transition: max-height .4s ease 0s;}
	.showhide { display:none;-webkit-transition: max-height .4s ease 0s; transition: max-height .4s ease 0s;}
	.footer-container { padding-bottom:20px;}
	.cookie-consent .cookiedialog { top:0; width:100%; max-width:100%; background:#000;height:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.cd-main-header {border-bottom:1px solid #1d1d1d; }
	.cd-header-buttons { right:0;}
}
@media screen and (max-width: 991px) {
	/* medium 1000 x 667 */
	body.nav-on-left.overflow-hidden { overflow: hidden; }
	.header-logo { z-index:2;}
	.logo {background: url(../images/logo/logo.png) no-repeat center; display: block; height: 30px; margin:0 auto;
	    margin-top:15px; width: 140px; background-size: 100%;}
	.logo.nodomain {background: url(../images/logo/logo-nodomain.png) no-repeat center;background-size: 100%;}
	.logo.x {background: url(../images/logo/logo-x.png) no-repeat center;background-size: 100%;}
	.logo.bdsmplaats {background: url(../images/logo/logo-bdsmplaats.png) no-repeat center;background-size: 100%;}
	.header-right { display:none;background: rgb(0, 0, 0);padding-bottom: 12px;border: 1px solid rgb(51, 51, 51);}
	.header-right .advlink { display: block;position: relative;right: auto;text-decoration: underline;}
	.header-right .servicelinks { display:none;}
	.header-right .toplinks { display:none;}
	.header-right .lang.col-lg-1 { display:none;}	
	.lang {margin-top:13px; position: absolute; right: 30px; font-size: 18px; width: 60px; height: 22px;z-index: 104; top: 0px; background: 0 0; border: none; text-decoration: none; }
    .lang>a, .lang>span { width: 60px; height: 100%; pointer-events: none; }
    .lang a {color:#c6c6c6;font-family: 'DINCond-BoldAlternate',Arial;display:block; text-decoration:none;cursor:pointer;}
    .lang .main-lang::after { margin-left:4px;content: '\f078';font-family: 'FontAwesome Regular';}
    .lang ul::before {content: ''; display: inline-block; position: absolute;left: 0;bottom: 0; height: -webkit-calc(88%); height: calc(88%);
        z-index: -1; width: 100%; border-radius: 11px; border: 3px solid transparent;background-color: #fdfdfd; border-color: #bababa; }
	.lang ul { right: 2px; top: 100%; width: 90px; list-style: none; margin: 0; font-size: 0; position: absolute; padding: 6px; display: none;
        color: #96979f; text-transform: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center;
        -ms-flex-pack: center; justify-content: center; border: 1px solid #333; background: #000; -webkit-transition: opacity .3s; transition: opacity .3s; }
   	.lang.active ul, .lang:hover ul {display: block;}
   	.lang ul li {width: 100%;display: inline-block; font-size: 18px; margin: 3px 0; text-align:center;}
	.lang ul a {text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%; }
	.lang ul a:hover { text-decoration:underline; color:#fff;background: #111;}	
	.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	    -webkit-transform: translateX(260px);
	    -moz-transform: translateX(260px);
	    -ms-transform: translateX(260px);
	    -o-transform: translateX(260px);
	    transform: translateX(260px);
	}
  	.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	    -webkit-transform: translateX(-260px);
	    -moz-transform: translateX(-260px);
	    -ms-transform: translateX(-260px);
	    -o-transform: translateX(-260px);
	    transform: translateX(-260px);
	}
	.cd-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px);  -ms-transform: translateX(260px);
   		-o-transform: translateX(260px);  transform: translateX(260px); }
  	.nav-on-left .cd-overlay.is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px);
    	-ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); }
    .nav-on-left .cd-header-buttons { right: auto; left: 5%;}
 	.nav-on-left .cd-header-buttons li { float: right; }
 	.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul { right: auto; left: 0; }
  	.cd-primary-nav {
    	/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    	visibility: hidden; -webkit-transition: visibility 0s 0.3s;  -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s;}
  	.cd-primary-nav.nav-is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s;
    	transition: visibility 0s 0s;  overflow:hidden; }
}
@media screen and (min-width: 992px) {
	/* large 1200x800 stretch */
	.header-wrapper { height: 75px; }
	.logo {background: url(../images/logo/logo.png) no-repeat center; display: block; height: 30px; margin-top:22px; margin-right: 100px;width: 195px;}
	.logo.nodomain {background: url(../images/logo/logo-nodomain.png) no-repeat center;background-size: 100%;}
	.logo.x {background: url(../images/logo/logo-x.png) no-repeat center;background-size: 100%;}
	.logo.bdsmplaats {background: url(../images/logo/logo-bdsmplaats.png) no-repeat center;background-size: 100%;}	
	.cd-main-header { height: inherit; }
	.cd-main-header::after { clear: both; content: ""; display: table; }
	.header-nav { height:50px; background:#1d1d1d; background-image: linear-gradient(#1d1d1d, #1d1d1d);border-top: 1px solid #333;}
	.header-nav ul { display: block; list-style: none; padding: 0; margin: 0; line-height: 50px;}
	.header-nav ul li { display:inline-block; color:#fff; font-size:18px; font-family: 'DINCond-BoldAlternate',Arial;}
	.header-nav ul li a { padding-left:20px;padding-right:20px; display:block; color:#fff; text-decoration:none;}
	.header-nav ul li a:hover { background:#ff0000; text-decoration:none;}
	.header-nav ul li li { display:block;}
	.mobile-searchicon { display:none;}
	
	.lang.mobile { display:none;}
	.lang {margin-top:26px; position: relative; right: 0; font-size: 18px; width: 60px; height: 22px;z-index: 104; top: 0px; background: 0 0; border: none; text-decoration: none; }
    .lang>a, .lang>span { width: 60px; height: 100%; pointer-events: none; }
    .lang a {color:#c6c6c6;font-family: 'DINCond-BoldAlternate',Arial;display:block; text-decoration:none;cursor:pointer;}
    .lang .main-lang::after { margin-left:4px;content: '\f078';font-family: 'FontAwesome Regular';}
    .lang ul::before {content: ''; display: inline-block; position: absolute;left: 0;bottom: 0; height: -webkit-calc(88%); height: calc(88%);
        z-index: -1; width: 100%; border-radius: 11px; border: 3px solid transparent;background-color: #fdfdfd; border-color: #bababa; }
	.lang ul { right: 2px; top: 100%; width: 90px; list-style: none; margin: 0; font-size: 0; position: absolute; padding: 6px; display: none;
        color: #96979f; text-transform: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center;
        -ms-flex-pack: center; justify-content: center; border: 1px solid #333; background: #000; -webkit-transition: opacity .3s; transition: opacity .3s; }
   	.lang.active ul, .lang:hover ul {display: block;}
   	.lang ul li {width: 100%;display: inline-block; font-size: 18px; margin: 3px 0; text-align:center;}
	.lang ul a {text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%; }
	.lang ul a:hover { text-decoration:underline; color:#fff;background: #111;}
	
	.cd-primary-nav { position: static; padding: 0; height: auto; width: auto; float: left; overflow: visible; background: transparent;list-style:none; }
  	.cd-primary-nav::after { clear: both; content: ""; display: table; }
  	.cd-primary-nav.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
    	-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1;}  
    .cd-primary-nav ul { position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3; }
	.cd-primary-nav ul.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
		-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 	.cd-primary-nav ul.moves-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0);
   		-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  	.cd-primary-nav > li { float: left; }
  	.cd-primary-nav > li > a { /* main navigation buttons style */ position: relative; display: inline-block; padding: 0 10px; color: #2e3233;
    	overflow: visible; border-bottom: none; -webkit-transition: color 0.3s, box-shadow 0.3s; -moz-transition: color 0.3s, box-shadow 0.3s;
    	transition: color 0.3s, box-shadow 0.3s; }
    .cd-primary-nav > li > a:hover { color: #fff; }
    .cd-primary-nav > li > a.selected { box-shadow: inset 0 -2px 0 #ff0000; background:#ff0000; }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all { display: none; }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { /* dropdown menu style */
    	position: absolute; top: 50px; width: 972px; left:0; background: #000000; padding: 38px 34px 130px; box-shadow: inset 0 1px 0 #1d1d1d, 0 3px 6px rgba(0, 0, 0, 0.05);
    	-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);
    	transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
    	transition: opacity .3s 0s, visibility 0s 0s;}
  	.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after { clear: both; content: ""; display: table;}
  	.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    	opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;
    	transition: opacity .3s 0s, visibility 0s .3s; }
  	.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    	/* this is the BIG See all button at the bottom of the dropdown menu */
    	display: block; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; margin: 0; padding: 0;}
  	.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
   		position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 22px; font-weight: normal; text-align: center;
    	line-height: 80px; border-top: 1px solid #1d1d1d; border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    	-moz-transition: color 0.2s, background 0.2s, border 0.2s; transition: color 0.2s, background 0.2s, border 0.2s; }
  	.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
   		background: #ff000; border-color: #ff000; color: #ffffff; }
  	.cd-primary-nav .cd-secondary-nav > li {/* change the height according to your needs - you can even set height: auto */
    	height: 340px; width: 22%; float: left; margin-right: 2.66%; border-right: 1px solid #1d1d1d; overflow: hidden; 
    	overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  	.cd-primary-nav .cd-secondary-nav > li:nth-child(5n+1) { /* +2 because we have 2 list items with display:none */   margin-right: 0; border-right: none; }
  	.cd-primary-nav .cd-secondary-nav > li > a { /* secondary nav title */ color: #ffffff;font-family:'DINCond-BoldAlternate', Arial; font-size: 22px; margin-bottom: .6em; }
  	.cd-primary-nav .cd-secondary-nav a { height: 35px;  line-height: 30px; padding: 0 18% 0 0; color: #969696; border-bottom: none; font-size: 18px; }
  	.cd-primary-nav .cd-secondary-nav a:hover { background:none; text-decoration:underline;}
  	.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0);
    	-o-transform: translateZ(0); transform: translateZ(0); }
  	.cd-primary-nav .cd-secondary-nav ul ul { position: absolute;  top: 0; left: 0; height: 100%; width: 100%; }
  	.cd-primary-nav .cd-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%);
   		-ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  	.cd-primary-nav .cd-secondary-nav ul ul .go-back { display: block;}
 	.cd-primary-nav .cd-secondary-nav ul ul .go-back a {color: transparent; }
  	.cd-primary-nav .cd-secondary-nav ul ul .see-all { display: block; }
  	.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    	-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);
    	-ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
	.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #c9cbc4; }
  	.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #69aa6f;}
	.has-children > a::before, .has-children > a::after { right: 15%; }

 	.cd-primary-nav > .has-children > a { /* main navigation arrows on larger devices */  padding-right: 30px !important; }
	.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {idth: 9px; -webkit-transform-origin: 50% 50%;
    	-moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;
    	background: #c9cbc4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s;
		-moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; }
  	.cd-primary-nav > .has-children > a::before { right: 12px; }
  	.cd-primary-nav > .has-children > a::after { right: 7px; }
  	.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after { width: 14px; }
  	.cd-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg);
    	-ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg);}
 	.cd-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); 
  		-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  	.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { display: none; }

	.cd-primary-nav .go-back a { padding-left: 20px;}
	.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 1px; }
	
	.cd-header-buttons { display:none !important;}
	.no-js .cd-primary-nav { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0; }
	.no-js .nav-is-fixed .cd-primary-nav { position: fixed; }	
}
@media screen and (min-width: 1200px) {
	.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { width: 1140px;}
}
@media screen and (min-width: 1400px) {
	.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { width: 1320px;}
	.advlink {display:block;}
}
a.btntop-green { display: inline-block;border-radius: 4px;padding: 2px 10px;border: 2px solid #03b629; text-transform: none;background: #03b629; font-family: futura light, Arial; font-weight: 500;font-size: 18px; color: #fff; margin-left: 6px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btntop-green:hover,a.btna-green:hover,a.btna-green-medium:hover,a.btna-green-big:hover { background: #fff; color: #03b629;}
a.btna-green { display: inline-block;border-radius: 4px;padding: 4px 12px;border: 2px solid #03b629; text-transform: none;background: #03b629; font-family: futura light, Arial; font-weight: 500;font-size: 18px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-green-medium { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #03b629; text-transform: none;background: #03b629; font-family: futura light, Arial; font-weight: 500;font-size: 20px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-green-big { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #03b629; text-transform: none;background: #03b629; font-family: futura light, Arial; font-weight: 500;font-size: 24px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-yellow { display: inline-block;border-radius: 4px;padding: 4px 12px;border: 2px solid #ffba16; text-transform: none;background: #ffba16; font-family: futura light, Arial; font-weight: 500;font-size: 18px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-yellow-medium { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #ffba16; text-transform: none;background: #ffba16; font-family: futura light, Arial; font-weight: 500;font-size: 20px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-yellow-big { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #ffba16; text-transform: none;background: #ffba16; font-family: futura light, Arial; font-weight: 500;font-size: 24px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-yellow:hover,a.btna-yellow-medium:hover,a.btna-yellow-big:hover { background: #fff; color: #ffba16;}
a.btna-red{ display: inline-block;border-radius: 4px;padding: 4px 12px;border: 2px solid #b30404; text-transform: none;background: #b30404; font-family: futura light, Arial; font-weight: 500;font-size: 18px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-red-medium { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #b30404; text-transform: none;background: #b30404; font-family: futura light, Arial; font-weight: 500;font-size: 20px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-red-big { display: inline-block;border-radius: 4px;padding: 4px 27px;border: 2px solid #b30404; text-transform: none;background: #b30404; font-family: futura light, Arial; font-weight: 500;font-size: 24px; color: #fff; margin-left: 0px; margin-top:5px; margin-right: 6px; margin-bottom: 5px; text-decoration: none;}
a.btna-red:hover,a.btna-red-medium:hover,a.btna-red-big:hover { background: #fff; color: #b30404;}
.hint {color:#fc3636;font-size:11px;}
.loginform .login-field input.hint-border {border-color:#fc3636; }
.loginform .login-field input.hint-border:focus,.loginform .login-field input.hint-border:active,
.loginform .login-field input.hint-border:focus-visible{border-color:#fc3636; }
.suggestion { color: #ffa247;font-size: 11px;}
.border-top-b { border-top:1px solid #333;}