html.showpopup, body.showpopup{ overflow: hidden !important; }
.showpopup .pop{-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;transition:background .5s ease-in-out;background-color:rgba(0,0,0,0.5);background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%!important;top:0;left:0;z-index:99999999;}
#popup-container{padding-top:20px;padding-bottom:16px;width:600px;left:25%;z-index:999999999;top:0;display:none;background:#fff;position:fixed;margin:13% auto;}
#img_icon{float:left;position:relative;left:20px;width:150px;height:150px;}
#kopje{color:#FF6501;margin-top:0;}
.modal-content{position:relative; padding: 10px; padding-bottom: 20px; height: auto;}
#popup-window{position:relative;}
.modal-content h1,.modal-content p{color:#fff;}
.modal-content p{padding:20% 5% 0;}
#popup-container a.buttom{ margin-right: 5px; text-align:center;position:relative;float:right;top:16px;z-index:99;font-weight:700;font-size:16px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-sizing:border-box;line-height:4em;width:295px;background:#FF6501;cursor:pointer;color:#fff;padding:2px 5px 2px 6px;}
#popup-container a.buttom:hover{background-color:#F88025;}
#popup-container a.postpone{float:left; }
#popup-container a.close { margin-right: 0px; }
.agreement_info{ display: inline-block; width: 100%; height: 100%; max-height: 250px; padding-right: 5px; }
.agreement_info h1{ font-size: 16px; color: #000; padding-bottom: 8px; }
.agreement_info p{ font-size: 14px; line-height: 20px; color: #636363; text-align: center; padding: 0px !important; }

@media (max-width: 1024px) {
	#popup-container {
	  left: 21%;
	}
}
@media (max-width: 840px) {
	#popup-container { left: 20%; }
}
@media (max-width: 768px) {
	#img_icon{ display:none; }
	#popup-container { width: 300px; left:30%; padding-bottom: 12px; top: 20%; }
	#popup-container a.buttom { top:12px; width:300px; padding: 0 0 0 0; margin-bottom: 5px; margin-top:0px; margin-left:0px; float:left; }
	#popup-container a.buttom:last-of-type{ margin-bottom: 0px; }
}
@media (max-width: 580px) {
	.showpopup .pop{ overflow: hidden; width: 100%; height: 100%; }
	#popup-container{ width: 100%; height: 100%; left:0%; right: 0%; top: 0%; bottom: 0%; overflow: hidden; }
	#popup-container a.buttom{ width: 100%; }
}