@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato);
*{margin:0px; padding:0;}
body {margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; background:#EAEAEA;}
ul li {list-style:none;}
a {text-decoration:none; outline:none;} a img {border:none;}
textarea:focus, input:focus, select{outline: none;}
.clear {clear:both;}
#wrapper{ width:100%; height:auto; clear:both; float:left;}
.main{width:100%; height:auto; float:left; }
.centre{ width:1010px; height:auto; margin:0 auto; clear:both;}
.top-header{ width:100%; height:auto; float:left; background:#fff;}
.top-header .one{ width:100%; height:100px; float:left;}
.top-header .two{ width:100%; height:auto; float:left; background:#a31b1f;
-webkit-border-radius: 4px ;
border-radius: 4px; margin-bottom:15px; }

.logo{ width:450px; height:100px; float:left;}
.top-number{ width:540px; height:100px; float:right; padding-right:20px;}
.top-number h2{ font-size:18px; float:right;}
.top-number ul{ width:100%; padding:5px; font-size:11px; float:left; }
.top-number li{ float:right; padding:15px 7px; text-transform:uppercase;}
.top-number li a{ color:#000;}
.banner-box{ width:100%; height:400px; float:left; background:#CCC;}
.project-box{ width:100%; height:auto; float:left;}
.searchbox{ width:800px; height:auto; margin:0 auto; padding:105px; position:absolute; top:-40px; z-index:66666666;}
.searchbox .one-srch{ width:100%; height:auto; float:left;}
.searchbox h3{ float:left; width:100%; padding-top:20px; color:#FFF; font-size:40px; text-align:center;}
.searchbox span{ font-size:14px;}
.searchbox .selectbox{ width:350px; font-family: 'Open Sans', sans-serif; font-weight:bolder; color:#CCCCCC; padding:20px; background:none; border:none; border-bottom:6px #a31b1f solid; font-size:18px; }
.cndents-box{ width:100%; height:auto; float:left; background:#ccc;}
.bluebox{ width:930px; height:auto; float:left;  background:#EEEEEE ; padding:60px 40px;color:#63798f;}
.bluboxspltr{ width:100%; height:35px; float:left; background:url(../images/bluenwhite.jpg);}
.bluebox .clms{ width:270px; min-height:150px; height:auto; float:left; padding:0px 20px;}
.bluebox .clmstwo{ width:570px; min-height:150px; height:auto; float:left; padding:0px 20px;}
.bluebox .clmsthree{ width:100%; min-height:150px; height:auto; float:left; padding:0px 20px;}
.bluebox .clmsthree .gallerygrd ul{ width:100%; height:auto; float:left; padding:20px 0px; }
.bluebox .clmsthree .gallerygrd li{ width:224px; height:200px; margin:2.2px; float:left; border:#CCCCCC solid 1px; background:#FFFFFF; }
.bluebox .clmsthree .gallerygrd li img{width:224px; height:200px;}

.bluebox .clmstwo .job-details{ width:530px; height:30px; float:left; padding:20px;  background:#FFF; -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; margin-bottom:10px; color:#21417a; overflow:hidden; cursor:help;
transition-property: height;
transition-duration: 1s;
-webkit-transition-property: height; /* Safari */
-webkit-transition-duration: 1s; /* Safari */}
.bluebox .clmstwo .job-details:hover{ height:160px;}
.bluebox .clmstwo .job-details h2{ font-size:14px; padding:10px 0px; border-bottom:#a5b3d4 solid 1px; margin-bottom:10px;}
.bluebox .clmstwo .job-details p{ font-size:12px; line-height:19px; }
.bluebox .clmstwo .job-details table{ font-size:12px; }.bluebox .clmstwo .job-details table .frst{ color:#999999 !important; border-bottom:#999 solid 1px;}
.bluebox .clmstwo .job-details table td{padding:8px 0px;}
.bluebox .clmstwo .job-details table .btn{ padding:5px 10px; background:#21417a; color:#FFFFFF;}

.bluebox .clmstwo h1{ padding-bottom:10px; font-size:16px; margin-bottom:15px; border-bottom:#a5b3d4 solid 2px;}
.bluebox .clmstwo p{ font-size:12px; line-height:19px; }
.bluebox .clmstwo ul{ float:left; padding:40px; background:#FFFFFF; width:86%;}
.bluebox .clmstwo li{ padding:6px 0px; font-size:14px;}
.bluebox .clmstwo li:before { content: "■"; padding-right:7px; }
.bluebox .clms h1{ padding-bottom:10px; font-size:16px; margin-bottom:15px; border-bottom:#a5b3d4 solid 2px;}
.bluebox .clms p{ font-size:12px; line-height:19px; }
.bluebox .clms .morebtn{ margin-top:10px; font-size:12px; color:inherit; float:left;}
.bluebox .clms .morebtn:hover{ font-style:italic; color:#FFFFFF;}
.bluebox .clms ul{ width:100%; float:left; font-size:12px;}
.bluebox .clms li{ float:left; width:100%; padding:5px 0px;} .bluebox .clms li:before { content: "■"; padding-right:7px; }
.whitebox{ width:930px; height:170px; float:left; background:#FFFFFF; padding:20px 40px;}
.whitebox .clms{ width:290px; min-height:150px; height:auto; float:left; padding:0px 10px;}
.whitebox .clms img {-webkit-border-radius: 2px ;
border-radius: 2px ; overflow:hidden;}
.hot-job{ width:85%; height:110px; float:left; background:#21417a; -webkit-border-radius: 2px ;
border-radius: 2px ; overflow:hidden; color:#a5b3d4; padding:20px;}
.hot-job p{ font-size:12px;}.hot-job h2{ font-size:18px; margin-bottom:10px; color:#FFFFFF;}
.hot-job a{ padding-top:5px; color:#fff; float:left; font-size:12px;}
.ourclnts{ width:930px; height:100px; float:left; background:#FFFFFF; padding:20px 40px; padding-bottom:40px;}
.srvces-scling{ width:930px; height:240px; float:left; background:#FFFFFF; padding:10px 40px; padding-bottom:40px;}
.srvces-scling ul{float:left;}
.srvces-scling  li{ height:220px !important;  float:left; margin:0px 8px!important;  padding:0px !important; }
.srvces-scling  .nbs-flexisel-item { width:177.3px!important; height:220px !important;  padding:0px!important; margin:0px 4px!important; }
.srvces-scling  .nbs-flexisel-item img{ width:100% !important; display:block !important; margin:0px 0px !important;}

.ourclnts h2{ text-align:center; width:100%; font-size:16px; color:#666; margin-bottom:10px;}
.footer{ width:100%; height:auto; float:left; background:#1a2f60; padding:50px 0px; color:#a5b3d4;}
.footer .clms{ width:270px; min-height:150px; height:auto; float:left; padding:0px 20px;}
.footer .clms h2{ font-size:16px; padding-bottom:10px; border-bottom:#a5b3d4 solid 4px; margin-bottom:15px;}
.footer .clms ul{ width:100%; float:left; font-size:12px;}
.footer .clms li{ float:left; width:100%; padding:5px 0px;}
.footer .clms a{ padding-top:10px!important; color:#a5b3d4 !important; }
#fade h2{ font-size:14px; color:#fff; border-bottom: none !important; padding-bottom:6px !important;}
#fade a{ padding:4px 10px!important; border:#FFF solid 1px!important;}
#fade p{ padding-bottom:15px !important;}
.footer .clms p{ font-size:12px;} .footer .clms .txtfld{ padding:10px; width:240px; color:#a5b3d4; background:none; border:#a5b3d4 solid 1px;}
.footer .clms .btn{ background:#2c4371; padding:10px; border:none; color:#a5b3d4;}
.innerbanner{ width:100%; height:200px; float:left; background:#fff; }
.enqry-form{ width:100%; height:auto; float:left; padding:10px;  background:#FFF; -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; margin:10px 0px; font-size:14px; color:#666;  font-family: 'Lato', sans-serif!important; }
.enqry-form td{ padding:0px 0px;}
.enqry-form .ftxtfld{ padding:5px; border:#CCC solid 1px; width:100%; -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;}
.enqry-form h3{ border-bottom:#C00 solid 4px; padding:10px 0px; margin-bottom:10px;}
.submitbtn{ padding:5px 20px; color:#FFF; background:#21417a; font-size:12px; border:none; cursor:pointer;}
.clnts-box{ width:930px; height:auto; float:left;  background:#fff; padding:30px 40px; padding-top:60px; color:#a5b3d4;}

.clnts-box .newsupdts{ width:100%; height:auto; float:left;}
.clnts-box .newsupdts h3{ font-size:14px; padding-bottom:5px; border-bottom:#CCC solid px;}
.clnts-box .newsupdts p{ font-size:12px; line-height:20px; color:#999999;}
.clnts-box h2{ text-align:center; width:100%; font-size:16px; color:#666; margin-bottom:10px;}
.clnts-box .clms{ width:152px; height:90px; float:left; border:#EFEFEF solid 1px; -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; overflow:hidden; margin:10px; padding:6px; }
.clnts-box .clms img{ width:100%; height:90%;}

/* Hover */

@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */

@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.push:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}