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



html{
	width:100%;
	height:100%;
	
}

body{
	width:100%;
	height:100%;
	font-size:12px;
	margin:0;
	background-color:#29282b;
	font-family: 'g_sanslight';
}

.new1 {
    text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}
.new4 {
    text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    top: 60%;
    left: 0;
    bottom: 0;
    right: 0;
}
.new2 {
text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    bottom: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}

.new3 {
text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    top: 93%;
    left: 0;
    bottom: 0;
    right: 0;
}

/*-------------------/ Global /-------------------*/

a{
	border:0;
	text-decoration:none;
}

.main-container{
	float:left;
	width:100%;
	height:100%;
}

.content-table{
	max-width:1064px;
	width:100%;
}

.responsive-container-1{
	display:block;
}

.responsive-container-2{
	display:none;
	float:left;
	max-width:100%;
	width:100%;
}

.responsive-content{
	float:left;
	max-width:100%;
	width:100%;
	padding:0 20px;
	text-align:center;
	padding-top:50px;
}

/*-------------------/ Header /-------------------*/

.header-container{
	max-width:1064px;
	width:100%;
	padding:0 20px;
	margin:98px auto 93px auto;
}

.responsive-header-container{
	max-width:100%;
	width:100%;
	padding:30px 20px;
}

.resposiver-header-btn{
	cursor:pointer;
}

.responsive-dropdown-main-container{
	float:left;
	width:100%;
	max-width:100%;
	position:relative;
	height:1px;
}

.responsive-dropdown-container{
	float:left;
	width:100%;
	max-width:100%;
	background-color:#fff;
	border-bottom:1px solid #000;
	padding:20px;
	position:absolute;
	top:0;
	z-index:2;
	display:none;
}

.responsive-header-table{
	max-width:100%;
	width:100%;
}

.responsive-dropdown-container .responsive-menu{
	max-width:100%;
	width:100%;
	float:left;
	padding:20px 0;
	color:#000;
	text-decoration:none;
	letter-spacing:1px;
	font-size:16px;
}

.responsive-menu a{
	float:left;
	max-width:100%;
	width:100%;
	color:#000;
	text-decoration:none;
}

.responsive-menu img{
	float:left;
}

.responsive-menu span{
	float:left;
}

/*-------------------/ Menu /-------------------*/

body .menu{
	float:left;
	color:#000;
	text-decoration:none;
	letter-spacing:1px;
	margin-top:60px;
	font-size:13px;
}

.menu-space{
	float:left;
	width:100%;
	max-width:100%;
}

.dropdown-container{
	float:left;
}

.dropdown{
	float:left;
	margin-top:15px;
	display:none;
}

/*-------------------/ Footer /-------------------*/

.footer-container{
	max-width:1064px;
	width:100%;
	padding:0 20px;
	margin:70px auto;
	color:#000;
	letter-spacing:1px;
	text-align:right;
}

/*-------------------/ Landing /-------------------*/

.landing-container{
	max-width:100%;
	width:100%;
	float:left;
}

.landing-logo{
	max-width:527px;
	width:100%;	
	opacity:0;
-moz-transition: opacity 5s; /* Firefox 4 */
-webkit-transition: opacity 5s; /* Safari and Chrome */
-o-transition: opacity 5s;
transition: opacity 5s;
}

.landing-logo2{
	max-width:527px;
	width:100%;	
	opacity:0;
-moz-transition: opacity 2s 3s;  /* Firefox 4 */
  -webkit-transition: opacity 2s 3s; /* Safari and Chrome */
  -o-transition: opacity 2s 3s;
  transition: opacity 2s 3s;
}

.landing-bg{
	min-height:100%;
	height:100%;
	position:absolute;
	width:100%;
	max-width:100%;
	z-index:-1;
	top:0;
	left:0;

}


/*-------------------/ Biography /-------------------*/

.biography-description{
	max-width:573px;
	width:100%;
	letter-spacing:1px;
	color:#000;
	text-align:justify;
	line-height:22px;
}

/*-------------------/ Publication /-------------------*/

.publication-space{
	float:left;
	max-width:100%;
	text-align:left;
	width:100%;
	font-size:13px;
	margin-bottom:8px;
}

.publication-space a{
	color:#000;
	text-decoration:underline;
}

/*-------------------/ News /-------------------*/

.news-text{
	letter-spacing:1px;
	line-height:22px;
	font-size:13px;
}

.news-text a{
	color:#000;
	text-decoration:underline;
}

/*-------------------/ Responsive /-------------------*/


@media(max-width:960px){
	.responsive-container-1{
		display:none;
	}
	
	.responsive-container-2{
		display:block;
	}
	
	.footer-container{
		float:left;
		text-align:center;
	}
}

@media(max-width:560px){
.landing-logo{
	max-width:427px;
	width:100%;	
}
.new1 {
    text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    bottom: 60%;
    left: 0;
    bottom: 0;
    right: 0;
}
.new2 {
text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    bottom: 20%;
    left: 0;
    bottom: 0;
    right: 0;
}
}

@media(max-width:737px){.new1 {
    text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
}
.new2 {
text-align: center;
    margin: auto;
    position: absolute;
    float: none;
    top: 60%;
    left: 0;
    bottom: 0;
    right: 0;
}}
@media(max-width:537px){
.landing-logo{
	max-width:327px;
	width:100%;	
	opacity:0;
-moz-transition: opacity 5s; /* Firefox 4 */
-webkit-transition: opacity 5s; /* Safari and Chrome */
-o-transition: opacity 5s;
transition: opacity 5s;
}}
@media(max-width:340px){
.new2 {
top: 70%
}
}