/* CSS Document */

 
body{
	 
	padding:0;
	width:1080px;
	height:1920px;
	overflow:hidden;
	margin:0 auto;
	background-color:  #000000;
 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	  font-family:  "Arial", "sans-serif";
	}

#main_out{
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0 auto;
    margin-top : -60px;
    background-image:  url("../inc/img/bg_main.png");
	background-repeat: no-repeat;
	background-size: cover;	
} 
#main_out.home{
      background-image: url("../inc/img/home_bg.png");
    margin:0 auto;
}

#top_section{
  width:100%;
   height: 1380px;
}

#top_left{


    border-radius: 50px;  
    padding: 25px;
    width: 1000px;
    height: 580px;
     margin:  0 auto;
  
}



#top_left_photo{
    width: 350px;
    height: 443px; 
    overflow: hidden;
    border: 3px solid #000;
    float: left;
}
#top_left_desc{
    width: 580px;
    padding-left: 30px;
    height: 443px; 
    overflow: hidden; 
    float: left;
    
}
#top_left_desclc,#top_left_descdate{
 text-align: center;
    
    width: 48%;
    margin: 0 auto;
    height: 150px;
    font-size: 24px;
    font-weight: bold;
}
#top_left_desc_bio{
    width: 100%; 
    height: 400px;
    font-size: 24px;
    font-weight: bold;
    padding-top: 50px;
    overflow-y:scroll;
}
#top_left_name{
    width: 100%;
        font-size: 40px;
    font-weight: bold;
     text-align: center;
    margin-top:50px;
    
}
#top_right{
    float: left;
    background-color: rgba(255, 255, 255, 0.8); /* 80% opacity white background */
   
    border-radius: 50px;  
    padding: 20px; 
    width: 650px;  
    height: 650px; 
    margin-left: 50px;
    margin-top:50px;
    background-image: url("../inc/img/dea_logo.png");
    background-repeat: no-repeat;
    background-position: center;
}

 #atoz a{
	display: inline-block;
	padding: 4px;
	/* background-color: #014C90; */
	color: #000000;
	text-decoration: none;
	font-size: 23px;
	font-weight:bold;
	line-height: 15px;
	margin-top: 2px;
	width: 25px;
	text-align: center;
		}
 
.bottom_photos_out {
   width:100%;
   height: 190px;
   margin-top:  30px;
   
}

.bottom_photos_prev, .bottom_photos_next{
    
   float: left;
   width:75px;
   height: 190px;
    
}
.bottom_photos_in{
   float: left;
   width: 930px;
   height: 190px;
    
}
#bottom_start_btn{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1400px;
    
}


#bottom_nav{
     position: absolute;
    bottom:20px;
    right:200px;
    width: 500px;
    height: 80px;
    padding: 0;
}
#bottom_nav a{
    display: inline-block;
    background-color: #0a0866;
    width: 90px;
    text-align: center;
    border-radius: 20px   20px  0 0 ;
    margin-left: 20px;
    margin-bottom: -10px;
}
.os-scrollbar-handle {
	background: rgb(0, 100, 160) !important;
}

.os-scrollbar-track {
	background: #FCFFFD !important;
}

.os-scrollbar-vertical {
	width: 18px !important;
}



/******************KEYBOARD****************************************/


.goldbtn2{
	 
	padding:10px 20px;;
	 
	border:2px solid #000;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center middle;
	 
	text-transform:uppercase;
	font-size:25px;
	text-decoration:none;
	color:#000;
	text-align:center;
	line-height:30px;
	 
	cursor:pointer;
	
	}
 
	input.goldbtn2 {
	height:70px; width:350px;
	padding:5px 20px;}
.inputbox{
	height:50px;
	width:650px;
	font-size:26px;
	text-align:center;
	font-family:'arial';
	font-style:italic;
	}
#keyboard{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	background-color:#0a0866;
	border:2px solid #fff;
	padding:10px;
	display:none;
	z-index:99999;
}
/**********************************************************/