@charset "utf-8";
@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact-webfont.eot');
    src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact-webfont.woff') format('woff'),
         url('../fonts/impact-webfont.ttf') format('truetype'),
         url('../fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.shortnumbers .item .txt .number{font-family: 'impactregular'; }

.adds{ padding:16px 0;}
.adds .item{ position:relative; width:474px; height:92px; float:left; margin-right:12px; background-repeat:no-repeat; margin-bottom:12px;}
.adds .item.item7{ position:relative; width:960px; height:92px; background-repeat:no-repeat; margin-bottom:0;}

.adds .item.item1 .txt, .adds .item.item2 .txt  { position:absolute; top:4px; left:14px;}
.adds .item.item1 .txt .number, .adds .item.item2 .txt .number { font-family: 'impactregular'; font-size:34px; color:#FFFFFF;}
.adds .item.item1 .txt .desc, .adds .item.item2 .txt .desc { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:19px;}

.adds .item.item3 .txt  { position:absolute; top:4px; left:14px; width:440px;}
.adds .item.item3 .txt .number { font-family: 'impactregular'; font-size:34px; color:#e40000;}
.adds .item.item3 .txt .desc { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:19px; text-align:right;}

.adds .item.item4 .txt  { position:absolute; top:4px; left:14px; width:440px;}
.adds .item.item4 .txt .number { font-family: 'impactregular'; font-size:34px; color:#e40000; text-align:right;}
.adds .item.item4 .txt .desc { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:19px; text-align:right;}

.adds .item.item5 .txt, .adds .item.item6 .txt  { position:absolute; top:4px; left:14px; width:440px;}
.adds .item.item5 .txt .number, .adds .item.item6 .txt .number { font-family: 'impactregular'; font-size:34px; color:#FFFFFF; text-align:right;}
.adds .item.item5 .txt .desc, .adds .item.item6 .txt .desc { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:19px; text-align:right;}

.adds .item.item7 .txt  { position:absolute; top:18px; left:14px; width:440px;}
.adds .item.item7 .txt .number { font-family: 'impactregular'; font-size:34px; color:#e40000; width:200px; float:left;}
.adds .item.item7 .txt .desc { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:19px; width:930px; margin-top:18px;}

.adds .item.last{ margin-right:0;}

.sexlijn_allnumbers_layover{ display:none; position: absolute; top:0; left:0; z-index:2; cursor:pointer;}

.voorwaarden{ text-align:center; font-size:12px;}

.voorwaarden h1 {font-size:12px;}
.voorwaarden .agedisc {font-size:10px;}

.live .item {display:none;}

.visible {display:block !important;}

@media only screen and (max-width : 1083px) {
	.adds .item{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:2%; background-size:100% auto;}
	.adds .item img{ width:100%;}
	.adds .item.item7{ width:100%; margin-bottom:0; background-size:auto 100%; background-position:right;}
	.adds .item.item7 img{ height:100%;}
	.adds .item .txt{ width:92% !important;}
	.adds .item.item7 .txt .desc{ width:100%; margin-top: 9px;}
}
@media only screen and (min-width : 620px) and (max-width : 960px) {
	.adds .item .txt .number{ font-size: 2em !important;}
	.adds .item .txt .desc{font-size: 1em !important; width:100% !important;}
}
@media only screen and (max-width : 620px){
	.adds .item{ width:100%; height:auto; float:none; margin-right:0; display:block;}
	.adds .item.item7 .txt{width:100%; top:10px;}
	.adds .item.item7 .txt .number{ float:none;}
	.adds .item.item7 .txt .desc{ width:100%; margin-top: 0;}
	.adds .item .txt .number{ font-size: 2em !important;}
	.adds .item .txt .desc{font-size: 1.1em !important;}
}
@media only screen and (max-width : 460px){
	.adds .item.item7 .txt .number{ width:50%;}
}

.overlay{
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;	
}
.pop{
	position: absolute;
    text-align: center;
    width: 80%;
    background: #fff;
    color: #000;
    padding: 1.5em 1em;
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 660px;
    border-radius: 10px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, .3);
	font-size: 16px;
    max-height: 90%;
    overflow: auto;	
}
.pop .close{
	display: block;
	width: 30px;
	height:30px; 
	border-radius: 30px;
	border:2px solid #000;
	position: absolute; 
	right:10px; 
	top:10px;
	color:#000;
	line-height: 30px;
    font-size: 22px;
	cursor: pointer;
}
.pop img{max-width: 100%;}
.pop p{font-size:20px;}
.pop form input[type=checkbox]{
 	width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;   
}

.pop form > span{
	display: block;
	margin: 2em 0 0 0;
}
.pop form > span input{
    height: 40px;
    line-height: 40px;
    padding: 0 1em;
    border: 1px solid #c2c2c2;
    font-size: 16px;
    text-align: center;
	width:48%;
	max-width:245px;
	box-sizing: border-box;
	vertical-align: top;
}
.pop form > span input[type=submit]{
	background: #13a000;
    border: 1px solid #13a000;
	color: #fff;
	cursor: pointer;
}
@media only screen and (max-width : 768px) {
	.pop{padding: 1em 1em;	}
	.pop .head{display: block; width: calc(100% - 40px);}
	.pop form > span input{width:100%; margin-bottom: 1em;}
}