@font-face {
    font-family: 'dincond-regularregular';
    src: url('popup/font/ff_din_condensed_regular-webfont.woff2') format('woff2'),
	url('popup/font/ff_din_condensed_regular-webfont.woff') format('woff');
	
	
}

@font-face {
    font-family: 'dincond-bold';
    src: url('popup/font/FF_DIN_Condensed_Bold.otf');
	
	
}

#modalBody {
	background: #eee;
	margin:0;
}







.wrap-header {
	background: url('popup/BackgroundH.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	width: 900px;
	height:180px;
	margin:25px auto;
	margin-bottom:-37px;
}

.wrap-header .widget {
	padding:15px;
	margin:0 20px 0px;
	
}

.wrap-header .widget h1 {
	letter-spacing: 1px;
	padding:0;
	color:#4d4d4d;
	font-size: 20px;
	font-family: 'dincond-regularregular';
	margin-bottom:5px;
}

.wrap-header .widget .widget-name {
	letter-spacing: 1px;
	margin-bottom:-25px;
	color:#0d0d0d;
	width:350px;
	font-size: 22px;
	font-weight:800;
	font-family: 'dincond-bold';
	margin-bottom:5px;
	text-align: center;
		width:800px;
}


.wrap-header .widget .widget-name2 {
	letter-spacing: 1px;
	margin-bottom:-25px;
	color:#0d0d0d;
	width:350px;
	font-size: 22px;
	font-weight:800;
	font-family: 'dincond-bold';
	margin-bottom:-22px;

		width:800px;
}

.wrap-header .widget .widget-grade {
	letter-spacing: 1px;
	text-align: center;
	margin-bottom:-25px;
	color:#0d0d0d;
	width:160px;
	font-size: 50px;
	font-weight:800;
	font-family: 'dincond-bold';
}

.wrap-header .widget .widget-job {
	letter-spacing: 1px;
	text-align: left;
	margin-bottom:-25px;
	color:#0d0d0d;
	width:830px;
	font-size: 18px;
	font-weight:400;
	font-family: 'dincond-regularregular';
}

.wrap-button {
	background: url('popup/Button_Pop-up.png');
	background-repeat:no-repeat;
	background-size:290px 30px;
	width: 290px;
	height:30px;
	text-align: center;
	margin:25px auto 30px auto;
	
}

.wrap-button  h1 {
	padding-top:10px;
	letter-spacing: 1px;
	
	color:#ffffff;
	font-size: 11px;
	font-family: 'dincond-regularregular';
	
}

.wrap-content {
	
	position:absolute;
	background: url('popup/BackgroundD.jpg');
	background-repeat:no-repeat;
	background-size:900px 400px;
	width: 900px;
	height:400px;
	margin:25px auto;
	margin-top:-45px;
	z-index: -1;
        overflow: auto;
	
	
}

.wrap-content .widget {
	padding:10px;
	margin:0 20px 25px;
	
	
}

.wrap-content  .widget  h1 {
	letter-spacing: 1px;
	color:#0d0d0d;
	font-size:20px;
	font-family: 'dincond-bold';
	
}
.wrap-content  .widget  h2 {
	letter-spacing: 1px;
	color:#4d4d4d;
	font-size:15px;
	font-family: 'dincond-regularregular';
	
}

.wrap-content  .widget  p {
	margin-top:15px;
	color:#000000;
	font-size:15px;
		font-weight:400;
	font-family: 'dincond-regularregular';
	
}