@font-face {
  font-family: 'century';
 src:  url('../fonts/century.ttf') format('truetype');
 font-style:normal;
}
p{text-align:justify;}	
.header-top
{
	border-top:8px solid #2896f3;
	padding-top:10px;
}
.confer-name{
	font-family:century;
	color:#000;
	
}
.confer-name h1{font-size: 60px;
font-weight: bold;
letter-spacing: 3px;
margin: 0px;}
.confer-name h1 span{
	color:#2896F3;
	}
	.confer-name h4{color:#2896F3; font-size:20px;}
	.coopeate-section{text-align:right;}
	.coopeate-section p{margin:0; font-family:century; text-align:right;}
	.main-nav-outer{background: #2896f3;}
	.main-nav{margin: 0;
padding: 0px;
list-style: none;
background: #fff;  }
	.main-nav li{float:left;margin: 0px 2px; display:block;  }
	.main-nav li a{color: #ffffff;
font-size: 15px;
font-weight: bold;
background: #2896f3;
padding: 13px 15px;
display: block;
font-family: calibri;
}
.main-nav li.active a{background:#0472cf;}
.areas-block{ height: 176px;
padding: 0px 42px;

display:table-cell;
vertical-align:middle;
}
.areas-block h3{margin:0;}
footer{color: #CCC;
padding: 20px 0px 10px 0px;
margin-top:10px;
}
footer a{color:#fff;}
footer a:hover{color:#fff; text-decoration:none;}
.pad-tb-5{padding-top:5px; padding-bottom:5px}
.area-list{margin:0; padding:0}

@media(min-width:320px) and (max-width:767px)
{
.main-nav li{ float:none;}
.confer-name h1{font-size:42px;}
}