body{ margin:0; padding:0;}
.top-area{ float:left; width:100%; height:auto; background:#fff; border-bottom: solid 2px #AF363B; height:100px; z-index:666666; position:absolute;; top:0;}
.top-covers{ margin:0 auto; width:1100px; height:auto;}
.top-cover{ float:left; width:1100px; height:auto;}

.top-logo{ float:left; width:1100px; height:auto;}
.top-left{ float:left; width:150px; margin-top:4px; }
.top-left img{box-shadow:none; float:none; }
.tops-right{ float:right; width:910px; height:auto;}
.top-right{ float:left; width:100%; height:auto;}
.top-up{ float:right; width:100%; height:auto; font:20px Arial, Helvetica, sans-serif; font-weight:bold; font-style: italic; color:#AF363B; text-transform:uppercase; text-align:left; margin-top:10px; margin-right:10px;}
.top-bo{ float:left; width:100%; height:auto;}
.top-bobo{ float:right; width:100%; height:auto; text-align:right; margin-top:40px;}

.bottom-area{ float:left; width:100%; height:auto; background: url(../img/footer-bg.png); bottom:0px; position:fixed; margin:5px 0px 0px 0px;}
.bottom-inner-area{ float:left; width:100%; height:auto; background:#000; bottom:0px;  margin:5px 0px 0px 0px;}
.bottom-up{ float:left; width:100%; height:auto; background:#fff; height:35px; overflow:hidden; }
.bottom-ar{ margin:0 auto; width:1100px; height:auto;}
.bottom-co{ float:left; width:1100px; height:auto;}
.news-left{ float:left; width:80%; height:auto; border-right:solid 1px #ccc;  margin: 8px 5px; padding-right:50px;
height: 20px;}
.news{ float:left; width:14%; height:auto; font:bold 14px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-decoration:underline;}
.news-text{ float:right; width:83%; font:bold 14px Verdana, Geneva, sans-serif; color:#444; padding:0px 10px;}
.news-right{ float:right; width:12%; font:14px Verdana, Geneva, sans-serif; color:#444; margin:5px;}
.bottom-down{ float:left; width:100%; font:14px Verdana, Geneva, sans-serif; color:#fff;}
.bottom-small{ margin:0 auto; width:1100px;}
.right-left{ float:left; width:50%; font:12px Verdana, Geneva, sans-serif; color:#999; padding:5px; text-align:left;}
.right-right{ float:right; width:45%; font:12px Verdana, Geneva, sans-serif; color:#999; padding:5px; text-align:right;}
.right-right a{color:#999; text-decoration:none;}
.right-right a:hover{color:#ccc;}

/*------------------------------------------------------------------------About us page start here----------------------------------*/
.inner-banner-area{ float:left; width:100%; height:auto; height:500px; background:url(../img/5.jpg) top center no-repeat; background-size:100%}
.inner-banner-cover{ margin:0 auto; width:1100px; height:auto;}
.inner-banner-co{ float:left; width:1100px; height:auto;}

.ab-area{ float:left; width:100%; height:auto; height:}
.ab-cover{ margin:0 auto; width:1100px; height:auto;}
.ab-co{ float:left; width:1100px; height:auto; margin:0px 0px 20px 0px;}
.bread-cover{ float:left; width:100%;  margin:10px 0px; border-bottom:solid 1px #ccc;}
.breadd{ float:right; width:50%; font:bold 14px Verdana, Geneva, sans-serif; color:#333; margin:10px 0px; text-align:right;}
.breadd a{ color:#333; text-decoration:none;}
.breadd a:hover{ color:#51AEDD; text-decoration:underline;}

.ab-head{ font:bold 24px Verdana, Geneva, sans-serif; color:#51AEDD; float:left; width:50%; margin:10px 0px; text-align:left; text-transform:uppercase;}
.ab-con-cover{ float:left; width:100%; height:auto;}
.ab-text{ float:left; font:14px Verdana, Geneva, sans-serif; color:#333; line-height:28px; text-align:justify;}
.ab-text strong{ font:bold 15px Verdana, Geneva, sans-serif; color:#333; margin:0px 5px 0px 0px; line-height:28px; text-align:justify; text-transform:uppercase;}





/*------------------------------------------------------------------------About us page end here----------------------------------*/

/*------------------------------------------------------------------------Career page start here----------------------------------*/
.ap-cover{ float:left; width:100%; height:auto;}
.app{ float:left; width:500px; border:none; height:auto; margin:5px 0px;}
.ap-text{ font:14px Verdana, Geneva, sans-serif; color:#333; width:200px; float:left;}
.ap-in{ float:left; width:280px; padding-left:20px; float:left;}
.ap-in input{ float:left; width:280px; float:left; height:20px;}
/*------------------------------------------------------------------------Career page end here----------------------------------*/

/*-------------------------------------------------------------------------------------------------------Index page Media Query 1100 to 700 Start here*/

@media (max-width: 1100px) and (min-width: 700px) {
	.top-area{ float:left; width:100%; height:auto; background:#fff; border-bottom: solid 1px #ccc;  z-index:666666; position:absolute;; top:0;}
.top-covers{ margin:0 auto; width:100%; height:auto;}
.top-cover{ float:left; width:100%; height:auto;}

.top-logo{ float:left; width:100%; height:auto;}
.top-left{ float:left; width:100%;}
.top-left img{box-shadow:none; float:none; width:150px;  }
.tops-right{ float:left; width:100%; height:auto;}
.top-right{ float:left; width:100%; height:auto;}
.top-up{ float:none; width:100%; height:auto; font:24px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-align:center; margin-top:10px; margin-right:10px;}
.top-bo{ float:left; width:100%; height:auto;}
.top-bobo{ float:right; width:100%; height:auto; text-align:right; margin-top:20px;}


.bottom-up{ float:left; width:100%; height:auto; background:#fff; height:auto; }
.bottom-ar{ margin:0 auto; width:100%; height:auto;}
.bottom-co{ float:left; width:100%; height:auto;}
.news-left{ float:left; width:69%; height:auto; border-right:solid 1px #ccc;  margin: 8px 5px; padding-right:50px;
height: 20px;}
.news{ float:left; width:23%; height:auto; font:bold 14px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-decoration:underline;}
.news-text{ float:right; width:70%; font:bold 14px Verdana, Geneva, sans-serif; color:#444; padding:0px 10px;}
.news-right{ float:right; width:19%; font:14px Verdana, Geneva, sans-serif; color:#444; margin:5px;}
.bottom-down{ float:left; width:100%; font:14px Verdana, Geneva, sans-serif; color:#fff;}
.bottom-small{ margin:0 auto; width:100%;}
.right-left{ float:left; width:50%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:left;}
.right-right{ float:right; width:45%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:right;}
.right-right a{color:#fff; text-decoration:none;}
.right-right a:hover{color:#ccc;}
	
	}
	
	/*-------------------------------------------------------------------------------------------------------Index page Media Query 1100 to 700 End  here*/
	
	
/*-------------------------------------------------------------------------------------------------------Index page Media Query 700 to 500 Start here*/

@media (max-width: 700px) and (min-width: 500px) {
	.top-area{ float:left; width:100%; height:auto; background:#fff; border-bottom: solid 1px #ccc;  z-index:666666; position:absolute;; top:0;}
.top-covers{ margin:0 auto; width:100%; height:auto;}
.top-cover{ float:left; width:100%; height:auto;}

.top-logo{ float:left; width:100%; height:auto;}
.top-left{ float:left; width:100%;}
.top-left img{box-shadow:none; float:none; width:150px;  }
.tops-right{ float:left; width:100%; height:auto;}
.top-right{ float:left; width:100%; height:auto;}
.top-up{ float:none; width:100%; height:auto; font:24px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-align:center; margin-top:10px; margin-right:10px;}
.top-bo{ float:left; width:100%; height:auto;}
.top-bobo{ float:right; width:100%; height:auto; text-align:right; margin-top:20px;}


.bottom-up{ float:left; width:100%; height:auto; background:#fff; height:auto; }
.bottom-ar{ margin:0 auto; width:100%; height:auto;}
.bottom-co{ float:left; width:100%; height:auto;}
.news-left{ float:left; width:59%; height:auto; border-right:solid 1px #ccc;  margin: 8px 5px; padding-right:50px;
height: 20px;}
.news{ float:left; width:45%; height:auto; font:bold 14px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-decoration:underline;}
.news-text{ float:right; width:47%; font:bold 14px Verdana, Geneva, sans-serif; color:#444; padding:0px 10px;}
.news-right{ float:right; width:26%; font:14px Verdana, Geneva, sans-serif; color:#444; margin:5px;}
.bottom-down{ float:left; width:100%; font:14px Verdana, Geneva, sans-serif; color:#fff;}
.bottom-small{ margin:0 auto; width:100%;}
.right-left{ float:left; width:50%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:left;}
.right-right{ float:right; width:45%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:right;}
.right-right a{color:#fff; text-decoration:none;}
.right-right a:hover{color:#ccc;}
	
	}
	
	/*-------------------------------------------------------------------------------------------------------Index page Media Query 700 to 500 End  here*/
	
	
		
/*-------------------------------------------------------------------------------------------------------Index page Media Query 500 to 50 Start here*/

@media (max-width: 500px) and (min-width: 50px) {
	.top-area{ float:left; width:100%; height:auto; background:#fff; border-bottom: solid 1px #ccc;  z-index:666666; position:absolute;; top:0;}
.top-covers{ margin:0 auto; width:100%; height:auto;}
.top-cover{ float:left; width:100%; height:auto;}

.top-logo{ float:left; width:100%; height:auto;}
.top-left{ float:left; width:100%;}
.top-left img{box-shadow:none; float:none; width:150px;  }
.tops-right{ float:left; width:100%; height:auto;}
.top-right{ float:left; width:100%; height:auto;}
.top-up{ float:none; width:100%; height:auto; font:24px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-align:center; margin-top:10px; margin-right:10px;}
.top-bo{ float:left; width:100%; height:auto;}
.top-bobo{ float:none; width:100%; height:auto;  margin-top:20px;}


.bottom-up{ float:left; width:100%; height:auto; background:#fff; height:auto; }
.bottom-ar{ margin:0 auto; width:100%; height:auto;}
.bottom-co{ float:left; width:100%; height:auto;}
.news-left{ float:left; width:85%; height:auto; border-right:none;  margin: 8px 5px; padding-right:50px;
height: 20px;}
.news{ float:left; width:45%; height:auto; font:bold 14px Verdana, Geneva, sans-serif; color:#008dd2; text-transform:uppercase; text-decoration:underline;}
.news-text{ float:right; width:47%; font:bold 14px Verdana, Geneva, sans-serif; color:#444; padding:0px 10px;}
.news-right{ float:none; margin:0 auto; width:85%; font:14px Verdana, Geneva, sans-serif; color:#444; margin:5px;}
.bottom-down{ float:left; width:100%; font:14px Verdana, Geneva, sans-serif; color:#fff;}
.bottom-small{ margin:0 auto; width:100%;}
.right-left{ float:none; width:100%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:center;}
.right-right{ float:none; width:100%; font:12px Verdana, Geneva, sans-serif; color:#fff; padding:5px; text-align:center;}
.right-right a{color:#fff; text-decoration:none;}
.right-right a:hover{color:#ccc;}
	
	}
	
	/*-------------------------------------------------------------------------------------------------------Index page Media Query 500 to 50 End  here*/