body{
	margin: 0px; padding: 0px; overflow: hidden; height: 100%;
	background-color:#000000!important;
	font-family: 'Roboto-Regular';
	
}

 @font-face {
     font-family: 'titilliumregular';
     src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'), url('../fonts/TitilliumWeb-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'titilliumsemibold'; 
     src: url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'), url('../fonts/TitilliumWeb-SemiBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'titilliumbold'; 
     src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'), url('../fonts/TitilliumWeb-Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


#font1{
	font-family:'titilliumbold';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
#font2{
	font-family:'titilliumregular';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}



.modal {
     display: none;
     position: fixed;
     z-index: 1000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.4);
}
 .modal-header {
     color: #00394d;
}
 .modal-header h2 {
     margin-top:0px;

}
 .modal-content {
     background-color: #ffffff;
     margin: auto auto;
     padding: 20px;
     border: 1px solid #888;
     width: 60%;
     max-width:700px;
     color:#00394d;
     min-height: 40%;
}
 .close {
     color: #aaa;
     float: right;
     font-size: 30px;
     margin-top:-10px;
}
 .close:hover, .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}