@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf')  format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Bahamas';
    src: url('fonts/BahamasBold.eot');
    src: url('fonts/BahamasBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BahamasBold.woff') format('woff'),
        url('fonts/BahamasBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/*body
{
background-image:url(code.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/
#popup{
     position: absolute;
    top: 168px;
        left:23%;
    width: 715px;
    
    
    
    
  
    height: auto;
    /* margin-left: -250px; */
    background-color: white;
    /* z-index: 6; */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 999999999;
}
#popup h1{
font-family:Roboto-Regular;
font-weight:bold;
font-size:25px; text-align:center;
color:#fff;
/*border-bottom:1px #3F5C9A solid;*/
margin:0;
padding:30px;
}
#popup h3{
font-family: Roboto-Regular;
    font-size: 19px;
    color: #fff;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

.close-image {
    cursor: pointer;
}
#popup p{
font-family:Roboto-Regular;
font-size:13px;
color:#fff;
margin:0;
padding:5px;
text-align:justify;
font-weight:bold;
}
#popup a{
font-family:SourceSansPro-Regular;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:right;
float:right;
font-weight:bold;
}
#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none
}
.close-image{
display: block;
float:right;
position:relative;
top:-15px;
right: -15px;
height: 20px;
}
@media(max-width:480px){
	#popup{
		    position: absolute;
    top: 138px;
    left: 50%;
    width: 100%;
    height: auto;
       margin-left: -168px;
    background-color: white;
    /* z-index: 6; */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 999999999;
		}
	#popup p {
    color: #ffffff;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    text-align: left;
}
}
.download p {
    color: #ffffff;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 5px 0 0;
}
.download a {
    background-color: #ffffff;
    border-radius: 3px;
    color: #c73027;
    float: right;
    padding: 5px;
	
}
.download{
	background-image:linear-gradient(#f2575d, #ed3237);
	 margin: 14px auto 0px;
	 max-width:100%;
	 padding:5px;
	 color:#fff;
}