/* CSS Document */
@charset "utf-8";
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#f0fbfb;
	}
/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal;}
@font-face {
    font-family: 'HeaveneticaCond7BoldSH';
    src: url('../fonts/heaveneticacond7_boldsh_3.eot');
    src: url('../fonts/heaveneticacond7_boldsh_3.eot') format('embedded-opentype'),
         url('../fonts/heaveneticacond7_boldsh_3.woff') format('woff'),
         url('../fonts/heaveneticacond7_boldsh_3.ttf') format('truetype'),
         url('../fonts/heaveneticacond7_boldsh_3.svg#HeaveneticaCond7BoldSH') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*===================================================================
								header
=====================================================================*/
#header{
	width:100%;
	min-height:107px;
	background:url(../images/interface/bg_header.gif) repeat-x;
	}
/*==============================Header===============================*/
.header_top{
	width:1000px;
	height:107px;
	margin:0 auto;
	}
.logo{
	padding:8px 0px;
	}
.header_right{
	padding-top:21px;
	overflow:hidden;
	}
.heade01{
	width:70px;
	float:left;
	margin-right:32px;
	}
.heade02{
	width:146px;
	float:left;
	}
/*-----------------------------mainnav-------------------------------*/
#mainnav_inner{
	width:100%;
	min-height:40px;
	background: -moz-linear-gradient(top,  #0080ff 0%, #002a55 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0080ff), color-stop(100%,#002a55)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0080ff 0%,#002a55 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0080ff 0%,#002a55 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0080ff 0%,#002a55 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0080ff 0%,#002a55 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#002a55',GradientType=0 ); /* IE6-8 */
	border-bottom:3px solid #5cabfb;
	}
.menu_right{
	width:162px;
	}
/*==========================================================================================
										body_wrapper
==========================================================================================*/
#body_wrapper{
	box-shadow:0 0 20px #737373; 
	background-color:#FFFFFF;
	padding-bottom:15px;
	padding-top:7px;
	overflow:hidden;
	}
/*===============================banner==============================*/
#banner{
	}
/*===============================banner==============================*/
#news{
	margin-top:6px;
	overflow:hidden;
	background:#e9e9e9;
	margin-top:6px;
	}
#news_taker{
	width:87%;
	height:20px;
	float:right;
	}
#news_taker ul{}
#news_taker ul li{
	list-style:none;
	}
#news_taker ul li a{
	font-size:11px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#3b454f;
	text-decoration:none;
	text-align:justify;
	}
#news_taker ul li a:hover{
	text-decoration:none;
	}
.news_t{
	width:128px;
	float:left;
	}
.news_t h3{
	font-size:17px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	line-height:30px;
	background:url(../images/interface/Untitled-2.png) no-repeat left center;
	padding-left:10px;
	text-align:left;
	}
/*===============================mainpage==============================*/
#about_page{
	margin-top:10px;
	}
.about_page_box{
	background:#e7f3ff;
	overflow:hidden;
	padding:6px 15px 10px;
	}
.head_con{
	font-size:19px;
	color:#185da3;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:27px;
	margin:0px;
	font-weight:bold;
	text-transform:capitalize;
	}
.paragrapg{
	font-size:12px;
	color:#3b454f;
    font-family: 'OpenSansRegular';
	line-height:17px;
	padding-top:10px;
	text-align:justify;
	}
.head_con_inn{
	font-size:19px;
	color:#006bd7;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	margin:0px;
	font-weight:bold;
	text-transform:capitalize;
	background:#dad9d9;
	border-left:5px solid #006bd7;
	padding-left:10px;
	}
.paragrapg_inn{
	font-size:12px;
	color:#3b454f;
    font-family: 'OpenSansRegular';
	line-height:17px;
	padding-top:10px;
	text-align:justify;
	text-indent:15px;
	}
.abou_inn{
	width:100%;
	overflow:hidden;
	margin-top:6px;
	}
.abou_inn a{
	width:88px;
	height:21px;
	font-size:10px;
	color:#fff;
    font-family: 'OpenSansRegular';
	line-height:21px;
	text-align:center;
	background:url(../images/interface/bg_more.gif) no-repeat;
	float:right;
	padding:0px;
	text-transform:uppercase;
	}
.abou_inn a:hover{
	color:#d0d0d0;
	text-decoration:none;
	}
.news_events{
	background:#e9e9e9;
	border-top:5px solid #167fe8;
	padding:2px 22px 0;
	}
.news_box{
	width:100%;
	height:75px;
	}
.news_box p{
	font-size:12px;
	color:#3b454f;
    font-family: 'OpenSansRegular';
	line-height:14px;
	text-align:justify;
	}
.news_box p span{
	color:#007ddb;
	font-size:14px;
	line-height:16px;
	}
/*=============================== Documents ==============================*/
#documents{
	margin-top:10px;
	}
.docu_inner{
	border-top:5px solid #167fe8;
	}
.docu_inner h3{
	font-size:19px;
	color:#185da3;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	margin:0px;
	font-weight:bold;
	text-transform:capitalize;
	padding-left:12px;
	}
.documents_box01{
	overflow:hidden;
	margin:10px 0px 0px 12px;
	background:#038bca;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	border-bottom:1px solid #56b0d7;
	}
.documents_box01:hover{
	background:#026a9a;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	}
.documents_box02{
	overflow:hidden;
	margin:10px 0px 0px 12px;
	background:#00899c;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	border-bottom:1px solid #1f9cad;
	}
.documents_box02:hover{
	background:#025864;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	}
.documents_box03{
	overflow:hidden;
	margin:10px 0px 0px 12px;
	background:#11bec0;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	border-bottom:1px solid #07a9ab;
	}
.documents_box03:hover{
	background:#0b9496;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	}
.d_photo{
	width:220px;
	overflow:hidden;
	margin:0 auto;
	}
.d_txt{
	width:100%;
	padding:0px 9px;
	overflow:hidden;
	}
.documents_txt_h6{
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	line-height:25px;
	margin:0px;
	padding-top:5px;
	font-weight:bold;
	text-transform:capitalize;
	}
.documents_txt_p{
	font-size:12px;
    font-family: 'OpenSansRegular';
	color:#fff;
	line-height:22px;
	text-align:justify;
	}
/*=============================== gallery ==============================*/
.photo_frame {
  float: left;
  min-height: 213px;
  padding-bottom: 2px;
  width: 248px;
}
.photo_frame0 {
  float: left;
  min-height: 213px;
  padding-bottom: 2px;
  width: 145px;
}
.photo_text {
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    border-bottom: 2px solid #006BD7;
    background: #DAD9D9;
    height: 62px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 25px;
}
.photo_text a{
	padding:5px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background:#DAD9D9;
}
.photo_text a:hover{
	padding:5px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background:#DAD9D9;
	text-decoration:none;
	font-weight:bold;
}
.gallery{
	padding:0 15px;
	padding-top:4px;
	background:#e9e9e9;
	border-top:5px solid #167fe8;
	}
.g_video{
	width:100%;
	margin-top:8px;
	border-bottom:1px solid #3e3e3e;
	}
.g_v_txt{
	width:100%;
	overflow:hidden;
	padding:14px 0px;
	}
.g_v_txt h5 a{
	font-size:23px;
	font-family: 'Open Sans', sans-serif;
	color:#025ab1;
	line-height:26px;
	}
.g_v_txt h5 a:hover{
	text-decoration:none;
	color:#02488d;
	}
/*=============================== projects ==============================*/
#projects{
	margin-top:25px;
	overflow:hidden;
	}
.project_box{
	width:205px;
	float:left;
	margin-right:1px;
	background:#eee;
	}
.project_box#last_box{
	margin-right:0px;
	}
.project_box h3{
	font-size:13px;
	line-height:45px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#185da3;
	margin:0px;
	font-weight:bold;
	padding-left:10px;
	}
.project_box p{
	font-size:12px;
	line-height:20px;
    font-family: 'OpenSansRegular';
	color:#2b2b2b;
	text-align:justify;
	padding:8px 10px;
	}
/*=============================== footer ==============================*/
#footer{
	min-height:182px;
	background:#0d6cac;
	}
.f_top_box{}
.f_top_box_h6{
	font-size:14px;
	line-height:45px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	margin:0px;
	font-weight:bold;
	}
.f_top_box ul{
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	}
.f_top_box ul li{
	list-style:none;
	}
.f_top_box ul li a{
	font-size:12px;
	line-height:25px;
    font-family: 'OpenSansRegular';
	color:#fff;
	text-align:justify;
	}
.f_top_box ul li a:hover{
	text-decoration:none;
	color:#aeaeae;
	}
.footer_top_social{
	width:170px;
	float:right;
	}
.social_link{
	}
.social_link a img{
	float:left;
	margin:10px 8px 0 0;
	}
.social_link a img#last_box{
	margin-right:0px;
	}
/*=============================== footer_main ==============================*/
#footer_main{
	width:100%;
	overflow:hidden;
	background:#43b2fd;
	}
.footer_main{
	width:100%;
	overflow:hidden;
	}
.footer_main p{
	font-size:12px;
    font-family: 'OpenSansRegular';
	color:#fff;
	text-align:center;
	line-height:40px;
	padding:0px;
	}
.footer_main p a{
	color:#fff;
	}
.footer_para p a:hover{
	color:#587e46;
	text-decoration:none;
	}
/*=============================== banner_inner ==============================*/
#banner_inner{
	overflow:hidden;
	}
#inner_page{
	margin-top:10px;
	}
.head_con_inn{
	font-size:19px;
	color:#006bd7;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	margin:0px;
	font-weight:bold;
	text-transform:capitalize;
	background:#dad9d9;
	border-left:5px solid #006bd7;
	padding-left:10px;
	}
.sub_head_con{
	font-size:15px;
	color:#185da3;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:35px;
	margin:0px;
	padding-top:10px;
}
.sub_head_con2 {
	font-size:15px;
	color:#185da3;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0px;
}
.abut_us{ font-family:"OpenSansRegular"; color:#3b454f;}
.abut_us ul{
	width:100%;
	overflow:hidden;
	}
.abut_us ul li{
	list-style:none;
	line-height:25px;
	font-size:12px;
	font-family: 'OpenSansRegular';
	color:#3b454f;
	text-align:justify;
	background:url(../images/interface/bollet.png) no-repeat left center;
	padding-left:25px; overflow:hidden;
	}
/*----------------------------*/
.contact_box{
	margin:10px 0;
	border:1px solid #ccc;
	border-radius:3px;
	padding:15px;
	}
.contact_box_h5{
	font-size:15px;
	line-height:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#185da3;
	margin:0px;
	font-weight:bold;
	padding-bottom:15px;
	}
.contact_box02{
	overflow:hidden;
	margin:10px 0;
	border:1px solid #ccc;
	border-radius:3px;
	padding:15px;
	}
.contact_box03{
	border:1px solid #ccc;
	border-radius:3px;
	overflow:hidden;
	padding:15px;
	}
.projects_d{
	width:100%;
	overflow:hidden;
	background:url(../images/interface/bollet.png) no-repeat left top;
	margin-top:13px;
	}
.projects_d_p{
	list-style:none;
	font-size:12px;
    font-family: 'OpenSansRegular';
	color:#3b454f;
	text-align:justify;
	padding-left:20px;
	margin-top:-2px;
	}
.f_top_box_web{
	width:100%;
	overflow:hidden;
	}
.f_top_box_web p{
	text-align:center;
	}
.f_top_box_web p a{
	font-size:14px;
	line-height:25px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	font-weight:bold;
	}
	
.download_icon{
	width:60px;
	height:55px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.new_div{
	border:1px solid red;
	}
	/*-----------------------*/
    /* Large desktop */
    @media (min-width: 1200px) {		
		}
    /* Portrait tablet to landscape and desktop */
    @media (min-width:980px) and (max-width:1199px) { 
	
	.header_right{float:right;}
	#cssmenu > ul > li > a {color: #ffffff;padding: 12px 10px !important;}
	.documents_txt_h6{font-size:11px;}
	.documents_txt_p{font-size:11px;}
	.project_box{width:190px;}
	#news_taker{width:86%;}
	
	}
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
	
	.header_right{float:right;}
	#news_taker{width:82%;}
	
	 }

    /* Landscape phone to portrait tablet */
    @media (min-width:481px) and (max-width: 767px){ 
	#news_taker{width:55%;}
	 }

    /* Landscape phones and down */
	@media (min-width: 360px) and (max-width: 480px) {
		
	#news_taker{width:55%;}
	.news_t h3{margin-top:10px;}

		 }
	
    @media (max-width: 320px){ 
	
	#mainnav_inner{margin-top:15px;padding-bottom:10px;}
	.about_page_box{margin-bottom:10px;}
	.project_box{margin-bottom:10px;margin-left:50px;}
	.gallery{margin-top:10px;}
	.f_top_box{margin-bottom:15px;}
	#footer{padding-bottom:15px;}
	#news_taker{width:55%;}
	.news_t h3{margin-top:20px;}
	
	}
<!-- 1187 -->