@charset "utf-8";
/* CSS Document */

body, html{ height:100%}
@font-face {
    font-family: 'chunkfive_exregular';
    src: url('../fonts/chunkfive_ex-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive_ex-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'market_decoregular';
    src: url('../fonts/market_deco-webfont.woff2') format('woff2'),
         url('../fonts/market_deco-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'Lato', sans-serif; color:#4a4a4a; font-size:16px; padding:0; margin:0;overflow-x: hidden;}

.mob{ display:block;}
@media only screen and (min-width : 1300px) {
	.mob{ display:none;}
}

@media only screen and (min-width : 769px) and (max-width : 1024px) {
	body{ font-size:14px;}
	/*.mob{ display:block;}*/
}
@media only screen and (max-width : 820px) {
	body{ font-size:12px;}
	/*.mob{ display:block;}*/
	body.aigento-open {overflow: hidden;}
}

header{ width:100%; height:4.4em; background:#fff; position:fixed; z-index: 3; border-bottom:1px solid #d7e3ef;}
section{ padding-top: 3em; padding-bottom:1.2em; box-sizing:border-box; position:relative;}
section.section1{ height:100%; background: url(../images/section1.jpg) top center fixed; background-size:cover; overflow: hidden;}
section.section2{ background:#fff;}
section.section3{ background: url(../images/section2.jpg) top center fixed; background-size:cover; padding-bottom: 3em;}
section.section4{ background:#fff;}
section.section5{ background: url(../images/section3.jpg) top center fixed; background-size:cover; padding-bottom: 3em;}
section.section6{ background:#fff;}
section.sectionindividual{ padding-top: 6.4em;}
@media only screen and (max-width : 1024px) {
	section.sectionindividual{ padding-top: 4.4em;}
}
@media only screen and (max-width : 820px) {
	section{ padding-top: 1em;}
	section.section1{ height: initial; padding-top: 3em;}
}

a{color:#3077bf; text-decoration:none;}
a:hover{ text-decoration:underline;}
h2{ color:#3780ca; font-weight:normal; font-family: 'market_decoregular'; font-size: 1.25em;}
.wrapper{ width:96%; max-width:1200px; margin:0 auto;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.displaynone{ display:none;}
.anchor{ position:absolute; top:-4.4em;}
.btn{ background:#c329e5; border-radius:3px; font-size:1.3em; line-height:2.5em; color: #fff; text-decoration:none; display: inline-block; padding:0 6em 0.2em; border:0; cursor:pointer;}
.btn:hover{ background:#a813c9; text-decoration:none;}
.btn.back{ background:#888;    margin-bottom: 1em;}
.btn.small{ font-size: 1.2em; padding: 0.1em 2em 0.1em; line-height: 2.2em;}
@media only screen and (max-width : 820px) {
	.btn{ padding:0 4em 0.2em;}
	.wrapper{ width:92%;}
}

.name{font-weight:normal; font-family: 'market_decoregular'; font-size: 1.2em; text-align:center;}
h1{font-size: 1.3em; font-weight: normal;}
.clear{ clear:both}

nav{text-align: right;}
nav ul { list-style-type: none; margin:0;}
nav ul li { display:inline-block; line-height:4.4em; }
nav ul li a { color:#4a4a4a; text-decoration:none; margin-right:2em; font-size:1.125em;}

.login{
	position: absolute;
    left: 2em;
    top: 1.8em;
    z-index: 3;
    background: #f4f4f4;
    border: 1px solid #dde9f5;
    padding: 0.5em 1em;
	width: 17em;
	text-align:center;
}
.closelogin{ position:absolute; right:0.5em; top:0.3em; display:none; font-family: 'market_decoregular'; font-size: 1.2em; cursor:pointer;}
.login .name{ margin-bottom:0.5em;}
.login input{ width:100%;}
.login input[type='text'], .login input[type='password']{ background:#e5e5e5; border:1px solid #dcdcdc; font-size:1em; line-height: 2.6em; padding: 0 1em; box-sizing: border-box; margin-bottom: 0.3em;}
.login input[type='submit']{ background:#3780ca; border-radius:3px; color:#fff;font-size:1.1em; line-height: 2.6em; padding: 0 1em; box-sizing: border-box; border:0; margin-top:0.5em; cursor:pointer;}
.login p{ margin:0.5em 0;}
.login a:last-of-type{ line-height:3em;}
.errorbox{ color:red;}
.login img:last-of-type{margin-left: 0.3em;}
.loginlink, .loginlink2{text-align: left; float: left; display:none;}
.loginlink2{display:block;}
.loginlink li:nth-of-type(2) a, .loginlink2 li:nth-of-type(2) a{font-family: 'market_decoregular'; font-size: 1.4em;}
.loginlink li:nth-of-type(2) a img, .loginlink2 li:nth-of-type(2) a img{ height:1em; vertical-align: -0.05em; margin-right: 0.1em;}
.menuicon{ display:none;}

@media only screen and (max-width : 820px) {
	.menuitems{ display:none;}
	.menuicon{ display:block;}
	.login{width: 100%; max-width: 300px; left: 50%; box-sizing: border-box; margin-left: -150px; top: 3%;}
}
@media only screen and (max-width : 767px) {
	.login{height:95%;}
}
@media only screen and (max-width : 1300px) {
	.login{ display:none;}
	.loginlink{ display:block;}
	.closelogin{display:block;}
}

.login.alwaysShow{ display:block !important; width:100% !important; position:relative; left:auto !important; margin-left: auto !important;}
.login.alwaysShow .closelogin {display:none;}

.contact{
	position: absolute;
    left: 2em;
    bottom: 2em;
    z-index: 2;
    border: 1px solid #dde9f5;
    padding: 0.5em 1em;
	width: 17em;
	text-align:center;
	background:url(../images/contact.png) no-repeat left 1em top 0.5em #f4f4f4;
}
.contact .number{ font-size:1.7em;font-family: 'market_decoregular'; margin: 0 0 0.2em 0; padding-left: 1em;}
.contact .hours{ font-size: 0.8em; margin: 0; padding-left: 1em;}
@media only screen and (max-width : 1300px) {
	.contact{ display:none;}
}

.bobbi{ position:absolute; right:2em; bottom:0;}
@media only screen and (min-width : 1025px) and (max-width : 1560px) {
	.bobbi{ right:-9em; height: 90%;}
}
@media only screen and (min-width : 769px) and (max-width : 1024px) {
	.bobbi{ right:-14%; height: 85%;}
}
@media only screen and (max-width : 1200px) {
	.bobbi{ height: 80%;right: -12%;}
}
@media only screen and (max-width : 950px) {
	.bobbi{ display:none;}
}

.more{ position: absolute; right: calc(50% - 1.4em); bottom: 1em; width: 2.8em; }
@media only screen and (max-width : 820px) {
	.more{ display:none;}
}
@media only screen and (max-height : 770px) {
	.more{ display:none;}
	section.section1 {
		height: initial;
		padding-top: 3em;
	}
}

.section1 .content{ width:36em; margin:11% auto 0; color:#fff; text-align:center;}
.section1 .content .name{ color:#e478fc; font-size:3em; text-shadow: 2px 2px #000;}
.section1 .content ul{background: rgba(0, 0, 0, .3); padding: 1.4em 4em; text-align: left; font-size: 1.1em; line-height: 2.3em; list-style-type:none; margin: 1.5em 0;}
.section1 .content ul li img{ vertical-align: middle; margin-right: 0.5em; height: 1.35em;}
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
	.section1 .content{margin:7% auto 0;}
}
@media only screen and (min-width : 769px) and (max-width : 1024px) {
	.section1 .content{ width:55%; margin: 8% auto 0;}
	.section1 .content .name{ font-size:2.7em;}
	.section1 .content .name img{height:2em;}
}
@media only screen and (max-width : 820px) {
	.section1 .content{ width:90%; margin: 8% auto 0;}
	.section1 .content .name{ font-size:2.7em; line-height: 1em; margin-top: 1em;}
	.section1 .content .name img{max-width:80%; margin-top: 0.2em;}
	.section1 .content ul{ padding: 1.4em 1em;}
}

.columnleft aside{ float:right; width:33%; margin-left:5%; text-align:center;}
.columnright aside{ float:left; width:33%; margin-right:5%; text-align:center;}
aside img{ width:100%; margin-bottom:1em;}
aside video{ width:100%; margin-bottom:1em;}
aside p{ text-align:center;}

.columnleft article{ float:left; width:62%;}
.columnright article{ float:right; width:62%;}
article h2:first-of-type{ margin-top:0; padding-top:0;}
article.last{ text-align:center; margin-top:2em;}
article.last p{ width: 50%; margin: 2em auto;}
@media only screen and (max-width : 820px) {
	article.last p{ width: 80%;}
}

.section2 .name{ color:#4a4a4a;}

.section3{ color:#fff;}
.section3 h2{ color:#fff;}
.section3 ul{list-style-type: none; margin:3em 0; padding:0;}
.section3 ul li{ background: url(../images/check.png) no-repeat left top; background-size: 1.5em; padding-left: 3em; font-weight: bold; font-size: 1.1em; margin-bottom: 2em; height: 1.6em;}
.section3 article.last { margin-top:3em;}
.section3 a.name{ color:#fff;}

.section4 ul{list-style-type: none; margin:0; padding:0; padding: 0 0 0 5%; box-sizing: border-box;}
.section4 ul li{ background: url(../images/check.png) no-repeat left top; background-size: 1.5em; padding-left: 3em; font-weight: bold; font-size: 1.1em; margin-bottom: 2em; height: 1.6em;}
.section4 .columnleft article{ float:left; width:48%; padding-top: 3em;}
.section4 .columnleft aside{ float:right; width:48%; margin-left:4%; padding-right: 5%; box-sizing: border-box; padding-top: 3em;}

.section5{ color:#fff;}
.section5 h2{ color:#fff;}
.section5 ul{list-style-type: none; margin:3em 18%; padding:0;}
.section5 ul li{ background: url(../images/check.png) no-repeat left top; background-size: 1.5em; padding-left: 3em; font-weight: bold; font-size: 1.1em; margin-bottom: 2em; height: 1.6em;}
.section5 .options { margin:2em 2% 1em;}
.section5 .options > div{ width:23.5%; margin-right:2%; float:left; background: #b93ed4; border-radius: 0.5em; box-sizing: border-box; padding: 0.7em 1.3em 0; height: 10em;}
.section5 .options > div:last-of-type{ margin-right:0;}
.section5 .options .webcammen{ background:url(../images/icon_webcammen.png) no-repeat right top #b93ed4; background-size: 4.86em auto;}
.section5 .options .beeldbellen{ background:url(../images/icon_beeldbellen.png) no-repeat right top #b93ed4; background-size: 4.86em auto;}
.section5 .options .berichten{ background:url(../images/icon_berichten.png) no-repeat right top #b93ed4; background-size: 4.86em auto;}
.section5 .options .bellen{ background:url(../images/icon_bellen.png) no-repeat right top #b93ed4; background-size: 4.86em auto;}

.section5 .options > div h2{ font-size:1.7em; margin-bottom: 0;}
.section5 .options > div div.price{ font-size:3.6em; font-family: 'market_decoregular'; white-space:nowrap; margin-top: 0.4em;}
.section5 .options > div div.price span{ font-size:0.4em;}
.section5 .options > div .small{ font-size:0.9em;}
.section5 .rules{font-size:0.8em; margin:0 2%;}
.section5  a.total{ color:#fff; text-decoration:underline;}
.section5  a.total:hover{ text-decoration:none;}
@media only screen and (max-width : 1024px) {
	.section5 .options > div div.price{ font-size:2.9em; }
	.section5 .options > div h2{ font-size:1.5em;}
}
@media only screen and (max-width : 820px) {
	.section5 .options { font-size:0.7em;}
	.section5 .options > div{ width:49%;margin-bottom: 2%;}
	.section5 .options > div:nth-of-type(2n+2){ margin-right:0;}
	.section5 ul{margin:3em 0;}
}

.section6 .wrapper div{ width:32%; margin-right:2%; height:10em; text-align:center; margin-bottom:2%; float:left; overflow:hidden; padding: 0 1em; box-sizing: border-box;}
.section6 .wrapper div:nth-of-type(3n+3){ margin-right:0;}

@media only screen and (max-width : 820px) {
	.section6 .wrapper div{ width:100%; margin-right:0; height: auto; float:none; margin-bottom: 6%;}
}
@media only screen and (max-width : 820px) {
	.columnleft aside{ float:none !important; width:100% !important; margin-left:0% !important; padding-top: 0em !important; padding-right:0 !important;}
	.columnleft article{ float:none !important; width:100% !important; padding-top: 1em !important;}
	.columnright aside{ float:none !important; width:100% !important; margin-left:0% !important; padding-top: 0em !important;}
	.columnright article{ float:none !important; width:100% !important; padding-top: 1em !important;}
}
.sesvideo.columnright{margin-top: 4em;}
.sesvideo.columnright aside{ width:44%; margin-right: 4%;}
.sesvideo.columnright article{ width:52%;}
.ses { float:right; margin: -1em 0 0em 1em;}


/*register*/
.rhead,.rfield {background-color:#f4f4f4;padding: 0.4em 1em 0.1em; vertical-align: baseline; height: 2.8em; box-sizing: border-box;white-space: inherit;}
.rhead{width:65%;}
.register1{ height: 24em; overflow: auto; margin: 0; border: 1px solid #000000; padding: 0em 1.4em;}
.register2{background-color:#e0f8ff; padding-left:8px; padding-top:8px;}
.register3{background-color:#ffffff; padding:5px; border:1px solid lightgrey; margin-right:10px; margin-bottom:10px; float:left;}
.register4 div.kanaalholder, .register5 div{background-color:#f4f4f4; padding:0.5em 1em; margin-right:1em; margin-bottom:1em; float:left;}
.register5{text-align: center; padding-top:1em;}
.sectionindividual input[type='text'], .sectionindividual select{ background:#fff; border:1px solid #dcdcdc; font-size:1em; line-height: 2.6em; padding: 0 1em; box-sizing: border-box; margin-bottom: 0.3em;}
.sectionindividual select{ height: 3em;}
.sectionindividual label{line-height: 3em;}
.sectionindividual input[type='file']{ padding-top: 0.8em; width:100%;}
.sectionindividual h1{font-family: 'market_decoregular'; font-size: 1.5em; color: #e478fc;}
.sectionindividual table{ width:100%;}
.regbullets{text-align:left; width: 50em; margin: 0 auto;}

.identityproof{ position:fixed; width:100%; height:100%; background: rgba(0, 0, 0, .5); left: 0; top: 0; z-index: 9; display:none;}
.identityproof div{ width:80%; background:#fff; margin-left:10%; height:100%; overflow:auto; position:absolute; top:0; text-align: center;}
.identityproof div img{ width:100%; max-width: 1000px;}
.identityproof div a{ float:right; margin-top:1em; margin-right:1em;}

@media only screen and (max-width : 820px) {
	.regbullets{width: 100%; padding:0;}
}

/*verdiensten*/

table.verdiensten{
	width:100%;
}
table.verdiensten td{
    background: #f4f4f4;
    line-height: 3em;
    padding: 0 1em;
}
table.verdiensten td.border{
	text-align: center;
}
table.verdiensten td.blank{
	white-space:nowrap;
}
table.verdiensten th{
    line-height: 2em;
    padding-bottom: 0.5em;
}
.xmodelsimg{ max-width:100%;}

/*table.verdiensten td.blankspacer{
	width:20px;
	background-color:#FFF;
}
table.verdiensten td.mobiel{
	color:#99324A;
	font-weight:bold;
}
table.verdiensten td.vast{
	color:#96B800;
	font-weight:bold;
}
table.verdiensten th.sel{
	background:#F4F4E9;
	color:#111;
}
table.verdiensten th.unsel{
	background:#FFF;
}
table.verdiensten th.unsel a{
	color:#A2A29A;
}
table.verdiensten th.top span{
	color:#CBCBC1;
}
table.verdiensten input{
	width:50px;
}*/

/* wait overlay */
#regConfirmWait{ position: fixed; width:100%; height: 100%; left:0; top:0; background-color: rgba(0, 0, 0, 0.3); z-index: 3;}
#regConfirmWait > div{position: absolute; max-width:400px; width: 90%; background: #fff; left: 50%; top: 50%;transform: translate(-50%, -50%); text-align: center; padding: 40px 20px; box-sizing: border-box;}

/* loader */
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #e478fc;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}