/* 
	BACKSTAGE | DEKEUZECOACH (NICOLE MEIJER)
	2018 - Cybox Backstage CMS
	www.cybox.nl        
*/

@import url('https://fonts.googleapis.com/css?family=Belgrano');
@import url('https://fonts.googleapis.com/css?family=Titillium Web:400,400italic,700,700italic');
@import url('https://fonts.googleapis.com/css?family=Courgette');

/* reset */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }
/* clearfix  */   .cf:before, .cf:after {     content: " "; /* 1 */     display: table; /* 2 */ }  .cf:after {     clear: both; }  /**  * For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats.  */ .cf {     *zoom: 1; }


html,
body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
    font-family:'Titillium Web', sans-serif;
    font-size: 1.1em;
    line-height: 1.7;
	color:#444;
    overflow-x: hidden;
    overflow-y: scroll;
}


/* links */
a {
    text-decoration: none;   
    color:#e11221;
}
a:hover {
    color: #666;
}


/* wrapper */
#wrapper {
	position: relative;
    /*padding-top:150px;*/
	padding-top:125px;
	min-height: 100%;
	box-sizing: border-box;
    transition:padding-top ease 0.15s;
}


/* header */
#header {
	position:fixed;
    top:0;
    width:100%;
	/*height:150px;*/
    height:125px;
    /*box-shadow:0 5px 25px rgba(0,0,0,0.25);*/
    transition:height ease 0.15s;
    z-index:3;
    background-color:#8c7bb5; /* #434f88 */
}
#header #header-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	height:100%;
	position: relative;	
}
#header #logo {
	width:300px; height:100%; 
	position: absolute;	left:-35px; /*top: 50%;*/ top:10%;
	/*-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
#header #logo a {
	display: block; width: 100%; height: 100%;
	background-image: url('../images/logo-dekeuzecoach-w.png');
	background-size:100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#header #menu {
	position: absolute; right: 0; /*top:58%;*/ top:70%;
	-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#header #menu ul.small {
	position:absolute; right:0; top:-30px;
}
#header #menu ul.small li a { font-family:"Titillium Web"; font-size:16px; }

#header #menu ul li {
	float:  left;
}
#header #menu ul li a {
	display: block; 
	color:#fff;
	margin-left: 1em;
    font-family:"Belgrano";
    font-size:24px;
	font-weight: 400;
}

#header #menu ul.big li a:before { position: relative; top: -2px; margin-right: 8px; content: ">"; font-size: 26px; color: #e11221; font-weight: 700; line-height: 1; }
#header #menu ul.big li:first-of-type a:before { content: none; }

#header #menu ul li a:hover,
#header #menu ul li.active a {
	color:rgba(255,255,255,0.5);
}
#wrapper #header #menu-mobile {
	display: none;
}
/* language menu */
#langmenu {
    float: right;
    padding: .4em 0 .4em;  
}
#langmenu a {
    display: inline-block;
    float:left;
    opacity: .6;
    font-size: .9em;
    color: #666;
}
#langmenu a:hover, #langmenu a.active {
    opacity: 1;
	color: #ff8a00;
}
#langmenu a:not(:last-child) {
    margin-right: 8px;
}
#langmenu a img {
    display: block;   
}
/* language select */
#langswitch {
    padding: 5px 5px 5px 32px;
    color: #333;
    font-family: inherit;
    font-weight: 400;
    font-size: .9em;
    line-height: 1.4;
    background-color: #fff;
    background-image: url("/images/icons/language.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px dashed #000;
    margin-top: 4px;
}


/* submenu */
#content #submenu-trigger {
	display: none;
	padding:  10px 20px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#content #submenu.default {
	background: #fff;
	width: 25%; float: left;
}
#content #submenu.default ul li { border-bottom:3px solid #ddd; }
#content #submenu.default ul li:last-of-type { border:none; }

#content #submenu.default.coaching ul li:first-of-type { display:none; }
#content #submenu.default.coaching ul li ul li:first-of-type { display:block; }

#content #submenu.default ul li.section {
	padding: 10px 15px; font-size: 1em; background: #ccc; color: #666; font-weight: 300;
}
#content #submenu.default ul li a {
	display: block;
	padding:10px 20px 10px 0;
    font-family:"Belgrano";
    font-size:18px;
	color:#434f88;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	position: relative;
	padding-right: 2em;
}
#content #submenu.default ul li a:hover { color:rgba(67,79,136,0.6); }
#content #submenu.default ul.subsub li a {
	padding-left: 3em
}
#content #submenu-trigger:after,
#content #submenu.default ul li a:after {
	position: absolute;
	right: .5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-image: url('../images/icons/arrow-right.svg');
	background-size: 10px 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 30px;
	transition: transform 300ms;
}
#content #submenu-trigger:after {
	background-color: rgba(220,220,220,0.5);
	background-image: url('../images/icons/arrow-down.svg');
}
#content #submenu-trigger.active:after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
#content #submenu-trigger,
#content #submenu.default ul li a:hover,  
#content #submenu.default ul li.subactive, 
#content #submenu.default ul li.active > a {
    color:#e11221;
}
#content #submenu.default ul li a img {
    max-width:100%;
    opacity: 0.8;
    transition: opacity 150ms ease-in-out;
}
#content #submenu.default ul li a:hover img, 
#content #submenu.default ul li.active a img {    
    opacity: 1;
}
/** sub-submenu**/
#submenu ul.subsub {
    box-sizing:border-box;   
}
#submenu ul.subsub.hidden {
    display:none;
}

#content #submenu.default ul li ul li { border:none; }
#content #submenu.default ul li ul.subsub { margin-bottom:15px; }
#content #submenu.default ul li ul li a { padding:2px 0 2px 20px!important; font-size:14px; }


#content.blog #submenu { float:left; width:30%; }
#content.blog #submenu ul { }
#content.blog #submenu ul li { }
#content.blog #submenu ul li a { display:block; margin-bottom:10px; padding:15px 20px 20px 20px; color:#666; border-left:5px solid rgba(0,0,0,0.1); border-radius:3px; white-space:normal; text-overflow:initial; overflow:visible; background-color:#efefef; }
#content.blog #submenu ul li:hover a,
#content.blog #submenu ul li.active a { border-left:5px solid #434f88; }
#content.blog #submenu ul li a:after { content:none; }
#content.blog #submenu ul li a .date { font-size:14px; }
#content.blog #submenu ul li a .title { font-family:"Belgrano"; font-size:16px; line-height:21px; }

#content.blog #submenu ul li a.archief { display:block; margin-top:25px; margin-bottom:0; padding:0; color:#434f88; border-left:none; background-color:transparent!important; }

#content.blog #submenu-trigger,
#content.blog #submenu ul li a:hover,  
#content.blog #submenu ul li.subactive, 
#content.blog #submenu ul li.active > a { background-color:#efefef; }


/* header image */
#header-image { position:relative; width:100%; height:400px; background-color:#c9bfc0; background-image:url(../images/headerfoto.jpg); background-position:center; background-size:100% auto; background-repeat:no-repeat; }
#header-image .background-curve { position:absolute; top:-1px; width:100%; z-index:2; }
#header-image .background-curve img { display:block; width:100%; }
/*#header-image:after { position:absolute; top:-15px; left:-0.5%; width:101%; height:100px; content:""; pointer-events:none; z-index:1; background-image:url(../images/curve-p.png); background-position:left top -1px; background-size:100% auto; background-repeat:no-repeat; }*/
/*#header-image:after { position:absolute; bottom:0; left:-0.5%; width:101%; height:165px; content:""; pointer-events:none; z-index:1; background-image:url(../images/curve-w.png); background-position:left bottom -1px; background-size:100% auto; background-repeat:no-repeat; }*/
/*#header-image.homepage:after { background-image:url(../images/curve-w-home.png); }*/
#header-image.homepage,
#header-image.contact { height:600px; background-image:none; }
#header-image .image { position:relative; float:left; width:auto; height:100%; z-index:1; }
#header-image .image span { position:absolute; bottom:60px; left:60px; color:#fff; }
#header-image .image span br { display:none; }
#header-image .image img { display:block; height:100%; }
#header-image.homepage:before { position:absolute; top:0; left:0; width:100%; height:100%; content:""; opacity:0.5; background-image:url(../images/bg-homepage-grain.jpg); background-position:top left; background-size:auto 100%; background-repeat:repeat; }
#header-image .arrow { position:absolute; bottom:-30px; left:50%; width:60px; height:60px; border-radius:50%; cursor:pointer; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:2; background-image:url(../images/icons/arrow-down.png); background-color:#fff; background-position:center; background-size:30px; background-repeat:no-repeat; }
#header-image-container { position:relative; margin:0 auto; width:90%; max-width:1200px; height:100%; z-index:1; }

.c19-button {
position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 130px;
    right: -5px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    font-family: "Belgrano";
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em;
    background: #e11221;
    color: #fff;
    transform: rotate(-10deg);
    transition: all ease 0.15s;
    z-index: 1;
}
.c19-button a {
    position: absolute; top: 0; left: 0;
    width: 100px;
    height: 100px;
}
.c19-button span {
    line-height: 1;
}

.c19-button.scroll {
    top: 70px;
    right: -12px;
    transform: rotate(-10deg) scale(0.8);
}

#header-image-container .center { position:absolute; top:50%; right:0; width:50%; text-align:right; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
    #header-image-container .center .quote { color:#444; line-height:normal; }
    #header-image-container .center .quote span { display:block; margin-bottom:30px; font-family:'Courgette', cursive; font-size:34px; line-height:48px; font-style:normal; }
    #header-image-container .center .quote span strong { font-size:80px; line-height:0; font-weight:400; }
    #header-image-container .center .quote span strong:last-of-type { position:relative; top:40px; }
    #header-image-container .center .quote .name { font-size:18px; }
    #header-image-container .center .ctas { margin-top:51px; }
    #header-image-container .center .ctas a { display:inline-block; color:#434f88; }
    #header-image-container .center .ctas a.btn { display:inline-block; margin-left:15px; padding:9px 25px 12px 25px; color:#fff; border-radius:3px; background-color:#e11221; }
    #header-image-container .center .ctas a.btn:hover { opacity:1; background-color:#434f88; }
    #header-image-container .center .ctas a:after { margin-left:10px; content:"›"; }
    #header-image-container .center .ctas a:hover { opacity:0.6; }
    #header-image-container .center .ctas span { DISPLAY:NONE; margin:0 15px; content:"/"; color:#666; text-decoration:none; }

#header-image.contact { DISPLAY:NONE; background-color:transparent!important; }
#header-image.contact:before { content:none; }
#header-image.contact #map_canvas { position:relative; width:100%; height:100%; clear:both; }
#header-image.contact #map_canvas:after { position:absolute; bottom:0; left:0; width:100%; height:35%; content:""; opacity:0.1; pointer-events:none;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }


/* content */
#content { position:relative; width:100%; z-index:1; }
#content-container { margin:0 auto; /*margin-top:-85px;*/ /*padding:0 0 3em 0;*/ padding:3em 0; width:90%; max-width:1200px; }
#content.homepage #content-container { margin-top:0; padding:4em 0 3em 0; }
#content.homepage #content-container .page_content { position:relative; min-height:590px; }
#content.homepage #content-container .page_content p { width:60%; }

#content.homepage #content-container .video { position:absolute; top:95px; right:30px; padding:20px 15px; border-radius:10px; box-sizing:border-box; background-color:#000; }
#content.homepage #content-container .video:before { position:absolute; bottom:1px; left:50%; width:50px; height:4px; content:""; border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1; background-color:#999; }
#content.homepage #content-container .video:after { position:absolute; bottom:-8px; left:-30px; width:calc(100% + 60px); height:8px; content:""; border-bottom:5px solid rgba(0,0,0,0.15); border-bottom-left-radius:40%; border-bottom-right-radius:40%; background-color:#ccc; }
#content.homepage #content-container .video iframe { display:block; width:500px; height:282px; }
#content.homepage #content-container .video span.text { position:absolute; bottom:-100px; right:0; width:100%; font-family:"Belgrano"; text-align:center; -webkit-transform:rotate(-2deg); transform:rotate(-2deg); }
#content.homepage #content-container .video span.text:after { position:absolute; bottom:0; right:70px; width:50px; height:50px; content:""; background-image:url(../images/arrow-video-home.png); background-position:center; background-size:contain; background-repeat:no-repeat; }

#content.homepage #content-container .keuzekrachtmethode { position:absolute; float:right; top:75px; right:0; width:35%; }
#content.homepage #content-container .keuzekrachtmethode img { width:100%; }


#content .page_content {
	width: 100%; 
	float: left;
}
#content .page_content.hassubmenu {
	width:70%;
	padding-left: 5%;
	/*padding-right:5%;*/
}
#content .page_content.hasmedia {
    margin-left:30%;
	width: 40%; 
	padding-right: 5%;
}
#content.partners .page_content { /*padding-right:0; width:75%;*/ }
#content.partners .page_content.hasmedia { margin-left:0; width:100%; }

#content.coaching-methodes .page_content em { color:#e11221; font-style:normal; }

#content.contact .page_content .content { float:left; width:50%; }
#content.contact #contact { float:left; width:50%; }

#content .page_content.hassubmenu.hasmedia {
    margin-left:0;
	width: 40%; 
	padding-right: 5%;
}
#content .page_content p {
	margin-bottom:20px;
}

#content .page_content ul,
#content .page_content ol {
	margin:0 0 20px 0;
}
#content .page_content ul li {
	list-style-type: disc; 
	margin-left: 20px;
}
#content .page_content ol li {
	list-style-type: decimal; 
	margin-left: 20px;
}
#content .page_content table {
	border: 1px solid #ccc;	
	width: 100%; 
}
#content .page_content table tr td {
	border: 1px solid #ccc; 
	padding: 10px;
}


/* headlines */
#content .page_content h1 {
    font-family:"Belgrano";
	font-size: 2.2em; 
	line-height: 1.2; 
	font-weight:400;
	padding-bottom: 1em;
	color:#e11221;
}
#content.homepage .page_content h1 { text-align:center; }

#content.coaching-methodes .page_content h1 { max-width:80%; }

#content.blog .page_content.news_item { margin-left:25%; padding-right:5%; width:40%; }
#content.blog .page_content.news_item h1 { margin-bottom:20px; padding:0; }
#content.blog .page_content.news_item .date { margin-bottom:20px; text-transform:lowercase; }
/*#content .page_content h2 {
    font-family:"Belgrano";
	font-size: 1.3em;
	line-height: 1.2;  
	font-weight: bold;
	padding-bottom: 0.2em; 
	max-width: 60%;	
}*/
#content .page_content h2 {
    display:inline-block;
    margin-bottom:5px;
    width:100%;
    font-family:"Belgrano";
    color:#e11221;
    font-weight:400;
    font-style:normal;
}

/* downloads links */
#content .page_content .links {
	margin-top: 20px;
}
#content .page_content .links a,  #content .product .links a {
	display: block; 
	padding-left: 0px;
	color: #000;
}
#content .page_content .links a.link svg, #content .page_content .links a.file svg  {
	fill: #000db9;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}


/* ### media on page ### */
#content .media {
    position:relative;
	float: left;
    margin-bottom:20px;
	width: 25%;
}
#content.nicole .media { margin-top:96px; }
#content.blog .media { float:none; margin-bottom:30px; width:100%; }

#content .media a {
	position: relative; 
	display: block; 
	overflow: hidden; 
	/*margin: 20px 0;*/
}
#content .page_content.news_item .media a { box-shadow:0 0 15px rgba(0,0,0,0.1); }

#content .media a:nth-of-type(n+2) { display:none; }
#content.partners .media a { display:block; }

#content.nicole .media a { pointer-events:none; }

#content .media a img {
	width:100%; display: block;
}
#content.partners .media { position:relative; left:-2%; width:104%; }
#content.partners .media a { position:relative; float:left; margin:2%; padding-bottom:calc(100% / 5 - 4% - 2px); width:calc(100% / 4 - 4%); height:0; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; }
#content.partners .media a img { position:absolute; top:50%; left:50%; width:auto; max-width:75%; max-height:45%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
#content.partners .media a:hover img { opacity:0.6; }

#content .media a.foto:hover:before,
#content .fotoalbum a.foto:hover:before, 
#content .page_content .agenda .item a.foto:hover:before, 
#content .media a.video:before,
#content .media a.video:hover:before  {
	content: "";
	width:48px; 
	height:48px; 
	border-radius:50%;
	background-color: #fff; 
	position: absolute; 
	top:50%; 
	left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
	background-image: url('../images/icons/zoom.svg'); 
	background-size:18px; 
	background-position:50% 50%; 
	background-repeat: no-repeat;
}
#content .media .meer { position:absolute; right:28px; top:23px; color:#fff; text-shadow:2px 2px 0 rgba(0,0,0,0.25); pointer-events:none; z-index:1; }

#content .fotoalbum a.foto:after, 
#content .page_content .agenda .item a.foto:after {
	position: absolute; 
	right:28px; 
	top:23px; 
    content:"Meer foto's ›";
    color:#fff;
    text-shadow:2px 2px 0 rgba(0,0,0,0.25);
}
#content.nicole .media a.foto:after,
#content.nicole .fotoalbum a.foto:after, 
#content.nicole .page_content .agenda .item a.foto:after { content:none; }

#content .media a.video:before,
#content .media a.video:hover:before  {
	background-position:58% 50%; 
}
#content .media a.video:before,
#content .media a.video:hover:before {
	background-image: url('../images/icons/play.svg');
}
#content .media a.video:hover:before {
	opacity:0.6;
}
.caption {
	display: block;
	padding: 10px 15px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.9);
	color:#333;
	position: absolute;
	left: 0; bottom: 0;
	font-size: 0.8em;
	opacity: 1;
	transition: opacity 300ms;
}
.media a:hover .caption {
	opacity: 0;
}



/* ### fotoalbum ### */
#content .page_content .fotoalbum {
	margin: 0px 0; 
	width: 101%; 
	margin-left: -1%;
}
#content .page_content .fotoalbum a {
	float: left;
	display: block; 
	position: relative;
	overflow:hidden; 
	width: 31.333%;
	margin: 1%;
}
#content .page_content .fotoalbum a.foto {
	width: 23%;
}
#content .page_content .fotoalbum a img {
	display: block;
	width: 100%;
}
#content .page_content a.back {
	font-weight: bold;
}



/* ### nieuws ### */
.news-overview { position:relative; left:-2%; width:104%; }

.news-overview .item {
    float:left;
    margin:2%;
    width:calc(100% / 3 - 4%);
    box-shadow:0 0 15px rgba(0,0,0,0.1);
}

.news-overview .item .image {
	float:left;
	width:100%;
}
.news-overview .item .image img {
	display: block;
	width: 100%;
}
.news-overview .item .content { position:relative; float:left; padding:30px 30px 40px 30px; width:100%; min-height:210px; box-sizing:border-box; }

.news-overview .item h2 { width:100%; font-size:24px; color:#434f88; line-height:28px; }
.news-overview .item h2 a { color:#434f88; }

.news-overview .item .date { position:absolute; top:-21px; right:0; padding:5px 15px; font-size:14px; color:#666; text-transform:lowercase; background-color:#fff; }
.news_item .date { color:#666; }

.news-overview .item .snippet { margin-top:5px; font-size:16px; line-height:24px; }

.news-overview .item a.leesmeer {
	white-space: nowrap;
    DISPLAY:NONE;
	font-weight: bold;
}
.news-overview .item a.leesmeer:hover {
	/* hover */
}
.news-overview a.archive-link { display:block; float:left; margin-left:2%; margin-top:30px; width:100%; clear:both; }


/* ### agenda ### */
#content .page_content .agenda .item {
	background: #efefef;
	margin-bottom: 1em;
	padding: 1em; 
	border-radius: 3px;
    position: relative;
}
#content .page_content .agenda .item .spec {
	float: left; margin-right: 10px;
}	
#content .page_content .agenda .item .spec.date {
	font-weight: bold;
}
#content .page_content .agenda .item h2 {
	clear: left; 
	max-width: 100%; 
	padding-top: 0.3em; 
	padding-bottom: 0;
}
#content .page_content .agenda .item a.foto {
	float:  left; 
	width: 30%;
	position: relative;
	opacity: 0; 
	transition: opacity 400ms ease-in-out;
}
#content .page_content .agenda .item a.foto.on {
	opacity: 1;
}	
#content .page_content .agenda .item a.foto img {
	width: 100%;
}
#content .page_content .agenda .item .description {
	width: 60%;
	float: left; 
	margin-left: 10%;
}
/* if == toggle'able */
#content .page_content .agenda .item .content {
	display: none;
	padding: 2em; 
	background: #fff; 
	margin-top: 1em; 
	border-radius: 3px;
}
#content .page_content .agenda .item .toggle {
	/* display: none */
	width: 30px; 
	height: 30px; 
	float: right; 
	border-radius: 30px;
	background-color: #fff;
	background-image: url('../images/icons/arrow-down.svg'); 
	background-size: 12px 12px; 
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}	
#content .page_content .agenda .item .toggle:hover {
	cursor: pointer; 
	background-color: #ccc; 
}
#content .page_content .agenda .item .toggle.on {
	background-image: url('../images/icons/arrow-up.svg'); 
}
#content .page_content .agenda .item a.cta {
    display:block;
    color: white;
    background: #EE3A43;
    border-radius: 3px;
    padding: 0.7em 1em;
    position:absolute;
    top:1.5em;right:1.5em;
    cursor:pointer;
}
	

/* ### contact ### */
#content #contact {
	padding-bottom: 30px;
}
#content #contact form {
	width: 100%;
	position: relative;  
	padding-bottom: 20px;
}
#content #contact form .field {
	padding: 0px;
	padding-bottom: 20px;
	clear: both; 
    position: relative; 
    width: auto;
}
#content #contact form .field label {
	clear: both;
	display: block; 
	margin: 0; padding: 0;
}
#content #contact form .field.radio label, #content #contact form .field.checkbox label  {
    line-height: 1.7;
}
#content #contact form input, #content #contact form textarea, #content #contact form select {
	padding:15px; 
	font-family: inherit; 
	font-size: inherit; 
	color: #333;
	border:none;
	width: 100%; 
	float: left;
	margin-top: 3px; 
	border-radius: 2px;
    box-sizing: border-box;
    background-color:#efefef;
}
#content #contact form textarea {
	min-height: 150px; 
	max-height: 300px; 
	max-width: 100%; /* prevent freestyle scaling */
}
#content #contact form input[type=checkbox], #content #contact form input[type=radio] {
	width: auto; 
    padding: 0;
    margin: 0; 
    border: none;
    display: inline; 
    margin-right: 5px; 
    margin-top: 5px;
    height: 20px;
}
#content #contact form input.submit {
	clear: both;  padding:10px 25px 12px 25px;
    margin-bottom: 20px; 
    cursor: pointer; 
    width: auto;
	background-color:#434f88; 
	color: #fff;  
	margin-top: 10px; 
	border: 0;
	-webkit-appearance: none;
}
#content #contact form input.submit:hover {
	cursor: pointer; 
	background-color:#e11221;
}
#content #contact form br { 
	display: none; 
}
#content #contact form  label.error {
    background: #ed2024; 
	color: #fff; 
	font-size: 0.9em; 
	width: auto; 
	text-align: center; 
	padding: 10px 15px!important;
	position: absolute; 
    bottom: -5px; 
    right: -10px;
    font-weight: normal!important;
    line-height:1.2;
    border-radius: 3px; 
    font-size: 13px;
}
#content #contact form  label.error:before {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ed2024;
	position: absolute;
	left: 20px;
	top: -5px;
}
#content #contact div.field.bc {
    display: none;   
}


/* CTA's */
#cta { position:relative; float:left; margin-bottom:20px; width:25%; box-sizing:border-box; border-radius:3px; overflow:hidden; background-color:#efefef; }
#submenu #cta { margin-top:30px; width:100%; }
#cta a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; }
#cta .nicole { position:relative; width:100%; height:125px; background-color:#c9bfc0; }
#cta .nicole .content { position:absolute; top:0; right:0; padding-top:18px; width:55%; height:100%; font-size:16px; line-height:21px; box-sizing:border-box; z-index:2; }
#cta .nicole:after { position:absolute; top:0; left:0; width:100%; height:100%; content:""; opacity:0.5; background-image:url(../images/bg-homepage-grain.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#cta .nicole img { position:relative; height:100%; z-index:1; }
#cta .content .btn { display:inline-block; margin-top:10px; padding:7px 15px 6px 15px; font-size:12px; color:#fff; text-transform:uppercase; border-radius:3px; background-color:#e11221; }
/*#cta:hover .content .btn { background-color:#ca1526; }*/


/* polarsteps */
#polarsteps { position:relative; margin-top:-50px; width:100%; height:150px; }
#polarsteps .background-curve { position:absolute; bottom:0; left:0; width:100%; }
#polarsteps .background-curve img { display:block; width:100%; }
#polarsteps .background-line { position:absolute; top:65px; padding-bottom:7.9%; width:100%; height:0; content:""; z-index:0; }
#polarsteps .background-line img { display:block; width:100%; }
#polarsteps #polarsteps-container { position:relative; top:60px; margin:0 auto; width:90%; max-width:1200px; height:75px; box-sizing:border-box; border-radius:5px; z-index:1; background-color:#2f2637; }
#polarsteps #polarsteps-container span { position:absolute; display:block; margin-top:20px; margin-left:35px; color:#fff; font-weight:700; }

.blob { position:absolute; top:28px; right:35px; width:250px; height:64px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.blob a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.blob .thumb { width:64px; height:64px; border-radius:50%; background-image:url(../images/blob-thumb.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
.blob .thumb:before { position:absolute; top:-17px; left:45px; width:44px; height:44px; padding:11px 0 0 0; content:"Volg Nicole"; font-size:10px; color:#fff; line-height:10px; text-align:center; text-transform:lowercase; box-sizing:border-box; background-image:url(../images/hexagon.svg); background-position:center; background-size:auto 100%; background-repeat:no-repeat; }
.blob .thumb:after { position:absolute; top:9px; left:75px; padding:20px 0 0 0; width:175px; height:64px; content:"op"; font-size:14px; color:#fff; font-weight:700; box-sizing:border-box; opacity:0.9; background-image:url(../images/logo-polarsteps-w.png); background-position:center right; background-size:150px auto; background-repeat:no-repeat; }


/* footer */
#footer {
	background-color:#ede9e9;
}
#footer #footer-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;	
	color: #000;
	padding:80px 0 40px 0;
	font-size: 0.9em;
}
#footer #footer-container .item { float:left; width: 18%; }
#footer #footer-container .item img { position:relative; top:-45px; max-width:80%; background-color:#ede9e9; }

#footer #footer-container .item ul li { font-size:16px; color:#2f2637; }
#footer #footer-container .item ul li:first-of-type { margin-bottom:10px; color:#2f2637; font-weight:700; line-height: 1.2; text-transform:uppercase; pointer-events:none; }
#footer #footer-container .item ul li a { color:#2f2637; }
#footer #footer-container .item ul li a:hover { color:#8c7bb5; }
#footer #footer-container .item ul li:first-of-type a { color:#2f2637; }

#footer #footer-container .item.logo { width: 24%; }

#footer #footer-container .item.nav { padding-left:2%; box-sizing:border-box; }

    #footer #footer-container .item.nav.first { width: 14%; }
    #footer #footer-container .item.nav.first ul li:nth-of-type(2) { }
    #footer #footer-container .item.nav.first ul li:nth-last-child(-n+3) { }

    #footer #footer-container .item.nav.second { width: 26%; }

    #footer #footer-container .item.nav.third ul li:nth-of-type(-n+4) { display: none; }
    #footer #footer-container .item.nav.third ul li:first-of-type { display: block; }

#footer #footer-container a {
	color:#2f2637;
}
#footer #footer-container a:hover {
	color: #333;
}

#footer-bottom { width:100%; font-size:16px; color:#2f2637; }
#footer-bottom-container { margin:0 auto; padding:20px 0 60px 0; width:90%; max-width:1200px; border-top:1px solid rgba(0,0,0,0.1); }
#footer-bottom-container a { margin-left:20px; color:#2f2637; }
#footer-bottom-container a:first-of-type { margin-left:40px; }
#footer-bottom-container a:hover { color:#8c7bb5; }

#social-media-buttons {
	float: right; 
	position: relative; 
	box-sizing: border-box;
	margin-top: 5px;
}
#social-media-buttons a {
	width: 40px; 
	height: 40px;
	border-radius: 35px;
	float: left; 
	background-color:rgba(255,255,255,0.25);
	margin-left:15px;
	position: relative;
}
#social-media-buttons a svg {
	display: block;
	fill:#2f2637;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -8px;
}

#social-media-buttons a:hover {
	background-color: #efefef;
}
.cybox-tag {
	position: relative; 
	margin-top: 10px;
	width: 130px;
	font-size: 9px;
	white-space: nowrap;
	font-family: "Open Sans";
	font-style: italic;
	display: block;
	font-size: 11px;
}
.cybox-tag a {
	display: block;
	color: #000;
}
.cybox-tag svg {
	width: 55px; 
	display: inline-block;
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	fill: #000db9;
} 
.cybox-tag a:hover {
	cursor: #666;
}


/* mailstage */
#ms-succes {
    display:none;
}
#mailstage {
    width: 254px;
    margin:1em auto;
    
}

/* IE */
#oldiemsg {
	position: fixed; left: 0; top: 0; background: #e83f40;
	padding: 1%; width: 98%; color: #fff;
	font-family: inherit, sans-serif;
	font-size: 14px; line-height: 24px;
}
#oldiemsg a {
	color: #fff; text-decoration: underline;
}
#oldiemsg .close-oldiemsg {
	position: absolute; right: 1em; top: 1em; cursor: pointer; font-size: 16px;
}





/* disable selection */

#menu, #header, #submenu
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}