@charset "utf-8";
/* CSS Document */

.container-fluid, .container{ padding:0; font-family: Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6{	margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}

body{ margin:0 ; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222;
    line-height: 24px; background:#fff; overflow-x:hidden;}
	
p{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; text-align:justify;}


.top-nav{ background: #006aa0; color: #fff;	border-bottom:1px solid #ccc; font-family: Arial, Helvetica, sans-serif;}
.top-nav a{ color:#c7c7c7; text-decoration:none;}
.top-nav-lft ul{ list-style:none; padding-left:0; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif;}
.top-nav-lft ul li{ display:inline-block; font-size:14px; margin-right:20px;}
.top-nav-lft ul li .fa{ margin-right:5px; color:#fff; font-size: 16px; text-align: center; background: #0b2322; padding: 11px 15px;}

.top-nav-rht ul{list-style:none; padding-left:0; text-align:right; margin-bottom: 0;}
.top-nav-rht ul li{display:inline-block; margin-left:-1px; position:relative; background: #0b2322;}
.top-nav-rht ul li .fa{text-align: center; font-size: 18px; padding: 12px 15px; transition:0.5s; z-index:9; position:relative;}
	
.top-nav-rht ul li:before{position:absolute; top:-40px; left:0; background:#0b2322; width:100%; height:100%; transition:0.5s; content:"";  border:1px solid #ccc; color:#fff; opacity:.3;}
	
.top-nav-rht ul li:hover:before{ background:#56bafa; transition:0.5s; top:0;}
.top-nav-rht ul li:hover .fa{color:#0b2322;}


header{ background-color:#0b2322;}


.inner-page{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}
.inner-page p{font-weight:normal; Font-size:14px; text-align: justify; color:#333; line-height:24px; }

.inner-page ul{ font-family:Arial, Helvetica, sans-serif;}
.inner-page ul li{ font-weight:normal; Font-size:14px; text-align:left; color:#333; line-height:24px;}
.inner-page ol{ font-family:Arial, Helvetica, sans-serif;}
.inner-page ol li{ font-weight:normal; Font-size:14px; text-align:left; color:#333; line-height:24px;}

.cl{clear:both;}

.bnr-abt{border-bottom: #16b3bc solid 5px;}
.abt{ background:#0b2322; text-align:center; padding-top:40px; padding-bottom:40px;}

.abt h1{ font-family:Arial; font-weight:normal; color:#fff; font-size:24px; line-height:30px; text-align:center; text-transform:uppercase;}

.abt p{ font-family:Arial; color:#fff; font-size:14px; line-height:22px; text-align:center; font-weight:normal; margin:0; padding-bottom:15px;}
.rmore{ font-family:Arial, Helvetica, sans-serif;}
.rmore a{ color:#fff; font-weight:bold; background:#17b7c0; padding:10px 20px; text-align:center; text-decoration:none; border:1px #045082 solid;}
.rmore a:hover{background:#045082;}


.ser .head-hm{ text-align: center; padding-top:20px; padding-bottom: 40px; font-size: 30px; position:relative; font-weight:900; color:#0b2322;}

.ser .head-hm span{ padding: 3px 9px; position:relative; z-index:9; background:transparent;}

.ser .head-hm span:before{ content: ""; position: absolute; left: 0;
    height: 3px;  width: 70%;  background: #333; bottom: -7px; right: 0;  margin: 0 auto;}
	
 .ser .head-hm span:after{    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 20%;
    background: #006aa0;
    bottom: -12px;
    right: 0;
    margin: 0 auto;}
	
.ser{margin-bottom:30px;
margin-top:30px;}

.ser-bx{
    position: relative;
    border: 2px solid transparent;
    overflow: hidden;
	color:#fff;
	text-align:center;
	float:left; 
	width:31.5%; margin:0 0.5%;
	margin-top: 30px;
	}
	
.ser-bx:hover{}

/*------------- ser-bx ------------*/
.services{ font-family:Arial, Helvetica, sans-serif;}
.aside1{ background:#eee; font-family:Arial, Helvetica, sans-serif;}
.aside1 .nav-tabs > li { float: none; margin-bottom:0; border-bottom: 1px #ccc dashed; }
.aside1 .nav-tabs > li:last-child{border: none;}
.nav-tabs > li a{ Font-size:16px; color: #1491e2; font-weight:600; padding:5px 15px;}

.nav-tabs > li.active > a{ background-color:#ccc; border: none; color: #1491e2; margin-right:0; font-size:14px;}
.tab-content{font-family:Arial, Helvetica, sans-serif;}
.tab-content h2{ Font-size:18px; color: #1491e2; font-weight:600;  text-align: left; line-height:30px; text-transform: uppercase; margin-bottom: 10px;}
.tab-content h4{ Font-size:15px; color: #333; font-weight:600;  text-align: left; line-height:30px;}
.tab-content ul li{Font-size:14px; color: #222; font-weight:500;  text-align: left; line-height:22px;}
.tab-content p{Font-size:14px; color: #222; font-weight:500;  text-align: justify; line-height:22px;}

/*--------- Service ------*/
.view {
   margin: 0;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.mask{text-align:center;
margin:0 auto;
}
.view .mask,.view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
   display: inline-block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   padding-top: 70px;
}
.view p {
   font-family: Arial, serif;
   font-style: italic;
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 5px 10px 10px;
   text-align: center;
   margin: 0 auto;
   width:275px;
   line-height: 22px;
}


.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.span{ font-size:20px; font-weight:500; position: absolute;
    background: rgba(0,0,0,0.75);
    padding: 10px 0;
    line-height: 30px;
    color: #fff;
    left: 5%;
    width: 74%;
    top: 40%;}
	
.view-tenth .mask {
   background-image:url(../Image/ser-bx.png);
   background-repeat:no-repeat;
   background-position:center top;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   margin:0;
   padding:0;
}
.view-tenth h2 {
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

.view-tenth p a{text-decoration:none; color:#fff;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*---ser-bx--*/


/*---Team--*/
.img-left{ float:left; margin-right:10px; border:1px #ccc solid;}




.ab-team{
	background-image:url(../Image/tm-bg.png);
	background-repeat:no-repeat;
	    background-size: cover;
	background-position: top;
	 margin-top:50px;   padding-bottom: 35px;
	
}

.head-hm{text-align: center; padding-top:100px; padding-bottom: 35px; font-size: 30px; position:relative; font-weight:600; color:#eee;}

.head-hm span{padding: 3px 9px; position:relative; z-index:9; background:transparent;}
	
.head-hm span:before{      content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 70%;
    background: #fff;
    bottom: -7px;
    right: 0;
    margin: 0 auto;}
	
.head-hm span:after{    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 20%;
    background: #63ae4c;
    bottom: -12px;
    right: 0;
    margin: 0 auto;}
	
.team-bx{width:100%;
    padding-top: 30px;}

.img-thumb{border:5px solid #fff; margin-right: 20px; width:100px; float:left; transition: 1s; overflow: hidden;}

.img-thumb img{width:100%;}
.team-bx:hover img{transition:0.5s; transform:scale(1.1); overflow:hidden;}


.bn-rdmr a{background:#1491e2;
    padding: 6px 19px;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    border: 2px solid rgba(0,0,0,0.1);
    transition: 0.5s;
	text-decoration:none;
	font-weight:500;
}

.bn-rdmr a:hover{background:#0468a4;text-decoration:none; color:#fff;}
.bn-rdmr a:hover img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1);
}

.tm-content h3{
	color:#fff; font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.tm-content h4 em{
	font-size:16px;
	line-height:30px;
	font-weight:normal;
	color:#fff;
}
.tm-content p{ font-family: Arial; font-size:14px; font-weight:normal; color:#fff; line-height:22px;}

.tm-content{
	color:#fff;
}

/*---Team--*/

.contact{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; line-height:24px; color:#222;}
.contact h1{font-size:22px; text-align:left; line-height:30px; color:#333; font-weight:600; text-transform:uppercase; border-bottom:1px #ccc solid; padding-left:20px;}
.contact h2{font-size:20px; text-align:left; line-height:30px; color:#333; font-weight:600; text-transform:uppercase;}
.contact h3{font-size:18px; text-align:left; line-height:30px; color:#333; font-weight:500; text-transform:uppercase;}
.contact p{font-size:14px; text-align:left; line-height:22px; color:#333; font-weight:500; }


/*---aside--*/

.aside{ background-color:#042529; padding-top:10px; padding-bottom:10px; }
.aside ul{ list-style-image: url(../image/hand-icn.png); list-style-position:inside; font-size:14px; padding:5px 10px;
}
.aside p{ font-weight:bold; color:#fff; text-align:center; padding:0 15px;}
.aside ul li{ line-height:30px; color:#fff; font-size:14px; padding-bottom:7px;}

.aside ul li a {
    color: #fff;
    text-decoration: none;
	font-weight:bold;
	
}

.aside ul li:hover {
    padding-left:10px;
	transition:ease-in-out .5s;
	background:#0387f0;
}

/*---aside--*/



/*---footer--*/

.footer-bs {
    background: url(../image/ft-bg.jpg) no-repeat;
	background-attachment: fixed;    
    background-size: cover;
	color: #fff;
	padding: 40px 30px 5px;}
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h4 { color:#1491e2; font-family: Arial; font-size: 20px; font-weight:500; text-transform:uppercase;}
.footer-bs .footer-brand p { font-size:14px; color:rgba(255,255,255,0.70); line-height: 25px; text-align:left;}

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:3px 0px;}
.footer-bs .footer-nav ul.pages a { font-size:14px; color:rgba(255,255,255,0.70); font-weight:normal;}
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {font-family:Arial; font-size: 22px; text-transform: uppercase; font-weight:500; color:#09a3f1;}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.70); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.70); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {font-family:Arial; font-size: 22px; text-transform: uppercase; font-weight:500; color:#09a3f1;}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:#ccc; }
.footer-bs .footer-social a:hover { color:#ccc; text-decoration:none; }

.footer-bs .footer-ns h4 {font-family:Arial; font-size: 22px; text-transform: uppercase; font-weight:500; color:#09a3f1;}
.footer-bs .footer-ns p { font-size:14px; color:#ccc;  text-align:justify; line-height:25px;}

.footer-bs p{ color:#eee;}



/*---footer--*/

.top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  outline: none;
  background-color: #042529;
  border:2px solid #fff;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 30px;
  transition: ease-in 0.5s;
}

.top:hover {
  background-color: #555;
}


#MenuControl, #HeaderControl_C, #HeaderControl{background:#0b2322;}
/*-----other-------*/