@charset "utf-8";
*{

	margin:0;

	padding:0;

	font-family: 'Open Sans', sans-serif;

}

body, html {

	margin:0;

	padding:0;

   font-family: 'Open Sans', sans-serif;

   background-color: white;

}

img {

	border:none;

	}

ul{

	padding:0;

	margin:0;

	list-style:none;

 font-family: 'Open Sans', sans-serif;

	}

ul li{

	color: #646464;
	font-size:14px;
	line-height: 22px;
	text-align: justify;

 font-family: 'Open Sans', sans-serif;}

a {

	text-decoration:none;

 font-family: 'Open Sans', sans-serif;

	}

h1,h2,h3,h4,h5,h6{

	margin:0;

	padding:0;

 font-family: 'Open Sans', sans-serif;

	}

h5{

	font-size:13px;

	color:#914113;

	}

h3{

	color: #fff;

    font-size: 20px;

	margin: 10px 0;

	width: 100%;

	float:left;

	text-transform:capitalize

	}



h2{

	color:#0070b7;

	font-size:30px;

	text-transform:uppercase;

	}



h6{

	color: #208CBC;

    float: left;

    font-size: 16px;

    width: 100%;

	margin: 14px 0;

	}

h6 a{

color: #208CBC;

text-decoration:underline;

}

em{

	}

p{

	margin:10px 10px 0;

	text-align:justify;

	color:#fff;

	font-size: 15px;

	}

.wrapper{

	margin:0 auto;
	width:1200px;

	}

.fullwrapper{

max-width:1400px;
margin:0 auto;

}

header{
	*background-image:url(../images/banner.png);
	background-repeat:no-repeat;
	float:left;
	width:100%;
	}
header .top{
	background-image:url(../images/backshd.png);
	background-repeat:repeat;
	width:100%;
	height:104px;
	position:relative;
    z-index: 2;}
header .top .wrapper{
	position:relative;
}
header .top .logo{
	float:left;
	margin:20px 0;
	width: 261px;}
header .top .logo img{
	width:100%;}
header .top .right{
	float:right;
	}
header .top  nav{
     float: left;
    margin: 34px 0 0 17%;
    width: 49%;}
header .top  nav ul{}
header .top  nav ul li{
	 float: left;
    font-size: 14px;
  }
header .top  nav ul li:first-child a{
	border:none;}
header .top  nav ul li:hover a{
	color:#00caeb;}
header .top  nav ul li a{
	color:#fff;
	 border-left:1px solid #fff;
	  padding: 0 12px 0;}
header .top .right span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1f9e0+0,a2d064+100 */
background: #e1f9e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e1f9e0 0%, #a2d064 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1f9e0), color-stop(100%,#a2d064)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1f9e0 0%,#a2d064 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1f9e0 0%,#a2d064 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1f9e0 0%,#a2d064 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1f9e0 0%,#a2d064 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f9e0', endColorstr='#a2d064',GradientType=0 ); /* IE6-9 */

float:left;
  margin: 24px 0 0;
     border-radius: 5px;
    padding: 10px 11px;
}
header .top .right span a{
	  background-image: url("../images/lockicon.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #207d76;
    font-size: 14px;
    padding: 0 0 0 17px;
	}

.content{
	/* background-image:url(../images/pannel2-back.png); */
	background-repeat:no-repeat;
	float:left;
	width:100%;}
.content .wrapper h2{
	color:#5a5a5a;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	  margin: 36px 0 0;}
.content .wrapper p{
	font-size:18px;
	color:#474747;
	text-align:center;}
.content .wrapper ul.bx{
	 float: left;
    margin: 38px 0 40px;
    width: 100%;}
.content .wrapper ul.bx li{
	  background-color: white;
    float: left;
	 padding: 2% 1%;
    margin-right: 2%;
    width: 21%;}
.content .wrapper ul.bx li:hover{}
.content .wrapper ul.bx li span.img{
	background-image:url(../images/icon/it.png);
	background-repeat:no-repeat;
	float:left;
	width:100%;
	background-position:center 0;}
.content .wrapper ul.bx li:nth-child(2) span.img{
	background-image:url(../images/icon/hc.png);}
.content .wrapper ul.bx li:nth-child(3) span.img{
	background-image:url(../images/icon/fs.png)}
	.content .wrapper ul.bx li:nth-child(4) span.img{
	background-image:url(../images/icon/bpo.png)}
.content .wrapper ul.bx li:hover span.tm{
	color:#fff;}
.content .wrapper ul.bx li span.tm{
	  float: left;
    font-size: 18px;
	   color: #474747;
    margin: 24px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;}
.content .wrapper ul.bx li:hover p{
	color:#fff;}
.content .wrapper ul.bx li p{
	font-size:15px;
	float:left;}
.content .wrapper ul.bx li:hover {
	background-color:#31A4D7;}
.content .wrapper ul.bx li:hover span.img{
	 *background-position: center -79px;}
footer{
	background-color:#605f5c;
	float:left;
	width:100%;}
footer{
	background-color:#3e3c35;
	float:left;
	width:100%;
	padding:15px 0;}
footer .top .bx{
	    float: left;
   }
footer .top .bx1{
    padding: 0 18px 0 0;
    }
footer .top .bx h4{
	font-size:18px;
	color:#fff;
	width:100%;
	    margin-bottom: 14px;
	text-transform:uppercase;
	text-align:left;
	font-weight:normal;}
footer .top .bx p{
	  float: left;
	  color:#a7a7a7;
	  font-size:13px;
      margin: 0;
	  text-align:justify;
	  font-family:arial;
	}
footer .top .bx2{
	  margin: 0px;
    }
footer .top .bx2 ul{
	float:left;
	width:100%;
	text-transform:uppercase;
	}
footer .top .bx2 ul li{
	 float: left;
    margin: 0 0 5px;
    width: 100%;}
footer .top .bx2 ul li img{
	float:left;}
footer .top .bx2 ul li span{
	 color: #fff;
    float: left;
    font-size: 15px;
    margin: 10px 0 0 13px;}
footer .top .bx3{
padding:0px;
	    }
footer .top .bx3  span{
	  color: #fff;
    float: left;
    font-size: 18px;
    margin: 0 0 8px;
    width: 100%;}
footer .top .bx3  address{
	color:#a7a7a7;
	font-size:13px;
	font-style:normal;}
footer .top .bx3  address a{
	 color: #a7a7a7;}
footer .ntm{
	float:left;
	width:100%;}
footer .wrapper .copy{
	 color: #fff;
    float: left;
    font-size: 13px;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
   }
footer .wrapper .logo-b{
	 float: left;
    margin: 35px 0 0;
    text-align: center;
    width: 100%;}
footer .wrapper .logo-b img{
	  width: 18%;}
footer .wrapper .copy{}
footer .wrapper .arrw{
	float: right;
    margin: 0px 0 0;
}
header .top nav ul{
	 float: left;
    width: 100%;}
header .top nav ul li{
	 padding-bottom:46px;}
header .top. wrapper{
	position:relative;}
.sub-men{
	position:absolute;
	  border-bottom: 4px solid #e45449;
	left:0;
	width: 100%;
	margin: 46px 0 0;
	display:none;
	background-color:#f2f2f2;
	padding:25px 0;}
.sub-men ul{
	padding:0;}
.sub-men ul li{
	 padding: 0;
    text-align: left;
    width: 19%;
	margin:0;}
.sub-men ul li a{}
.sub-men ul li {
	border-right:1px solid #ccc !important;
	padding-bottom:0 !important;
	margin-bottom:15px;}
.sub-men ul li:last-child{
	border:none !important;}
.sub-men ul li a{
	color:#333 !important;
	border:none;
	  width: 84% !important;
	 padding: 0 15px !important;
	}
.sub-men ul li:hover a{
	color:#1093b2 !important;}
header .top nav ul li:hover .sub-men{
	display:block;}
header .top nav ul li:nth-child(2) .sub-men ul li a,
header .top nav ul li:nth-child(3) .sub-men ul li a,
header .top nav ul li:nth-child(4) .sub-men ul li a{
	  background-image: url("../images/icon/1.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 44px auto;
    float: left;
    padding: 48px 0 !important;}

.sub-men ul li .se-sub{
	float:left;
	width:100%;
	display: none;
	   margin: 17px 0 0;}
.sub-men ul li .se-sub li{
	float:left;
	width:100%;
	margin:0 0 10px 0;}
header .top nav ul li .sub-men ul li .se-sub li a{
	  background-position: left center;
    background-size: 22px auto;
    margin: 0 0 0 15px;
	font-size:13px;
	font-weight:normal;
	color:#333 !important;
    padding: 0 0 0 30px !important;}

header .top nav ul li .sub-men ul li .se-sub li:hover a{
	color:#e5574c !important;}
header .top nav ul li .sub-men ul li .se-sub li{
	  margin: 0 0 6px !important;}
header .top nav ul li:nth-child(2) .sub-men ul li a{
	  *padding: 48px 60px 0!important;
	    background-position: left center;
    padding: 14px 0 11px 50px !important;
	 margin: 0 0 0 4%;}
header .top nav ul li:nth-child(2) .sub-men  ul li:nth-child(1 a){
	background-image:url(../images/icon/1.png)}
header .top nav ul li:nth-child(2) .sub-men  ul li:nth-child(2) a{
	background-image:url(../images/icon/2.png)}
header .top nav ul li:nth-child(2) .sub-men  ul li:nth-child(3) a{
	background-image:url(../images/icon/3.png)}
header .top nav ul li:nth-child(3) .sub-men  ul li:nth-child(1) a{
	background-image:url(../images/icon/4.png)}
header .top nav ul li:nth-child(3) .sub-men  ul li:nth-child(2) a{
	background-image:url(../images/icon/5.png)
	}
header .top nav ul li:nth-child(3) .sub-men  ul li:nth-child(3) a{
	background-image:url(../images/icon/6.png)}
header .top nav ul li:nth-child(3) .sub-men  ul li:nth-child(4) a{
	background-image:url(../images/icon/7.png)}
header .top nav ul li:nth-child(3) .sub-men  ul li:nth-child(5) a{
	background-image:url(../images/icon/8.png)}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(3),
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(4),
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(5){
	 *margin: 63px 0 0;}

header .top nav ul li:nth-child(3) .sub-men ul li a,
header .top nav ul li:nth-child(4) .sub-men ul li a{
	 background-position: left center;
    font-size: 17px;
   *font-weight: bold;
    margin: 0 0 0 4%;
    padding: 14px 0 11px 50px !important;}
header .top nav ul li:nth-child(4) .sub-men ul li a{
	font-weight:normal;}
header .top nav ul li:nth-child(4) .sub-men ul li:nth-child(1) a{
	background-image:url(../images/icon/17.png)}
header .top nav ul li:nth-child(4) .sub-men ul li:nth-child(2) a{
	background-image:url(../images/icon/18.png)}
header .top nav ul li:nth-child(4) .sub-men ul li:nth-child(3) a{
	background-image:url(../images/icon/21.png)}
header .top nav ul li:nth-child(4) .sub-men ul li:nth-child(4) a{
	background-image:url(../images/icon/19.png);}
header .top nav ul li:nth-child(4) .sub-men ul li:nth-child(5) a{
	background-image:url(../images/icon/20.png);}
.content-inner{
	float:left;
	width:100%;}
.content-inner .wrapper .bx{
	 border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 21px 0;}
.content-inner .wrapper .bx .lf{
	float: left;
    text-align: center;
    width:20%;}
.content-inner .wrapper .bx .lf h2{
	 color: #e45449;
    font-size: 24px;
    margin: 5px 0 17px;
    text-align: center;}
.content-inner .wrapper .bx .lf img{
	text-align:center;}
.content-inner .wrapper .bx .rf{
	    border-left: 1px solid #f0f0f0;
    float: left;
    margin: 0 0 0;
    padding: 0 0 0 2%;
    width:76%;}
.content-inner .wrapper .bx .rf p{
	   color: #888;
    line-height: 24px;
    margin: 0 0 15px;}
.content-inner .wrapper .bx .rf address{
	  float: left;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    margin: 0 0 19px;
    width:100%;}
.content-inner .wrapper .bx .rf address span{
	 float: left;
	  color: #7b7b7b;
    font-weight: bold;
    margin: 0 0 7px;
    width: 100%;}
header.inban{
	float:left;
	width:100%;
	height:auto;
	background-image:none;}
.banner{
    width:100%;
	float:left;}
.banner img{
	width:100%;}
.content-inner .wrapper .bx .rf h4{
	  float: left;
    font-size: 17px;
	color:#7b7b7b;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%;}
.content-inner .wrapper .bx .rf ul{
	float:left;
	width:Auto;
	margin-bottom:15px;}
.content-inner .wrapper .bx .rf ul li{
	   background-image: url("../images/dot.png");
    background-position: 2px 7px;
    background-repeat: no-repeat;
    background-size: 8px auto;
    color: #888;
    float: left;
    font-size: 15px;
    line-height: 24px;
    padding: 0 0 0 2%;
    width: 100%;}
p.pay{
	float:left;
	width:100%;}
p.pay img{
	width:20%;}
.content-inner .wrapper .bx .rf{}
.content-inner .wrapper .bx .rf .form{
	 float: left;
    width: 57%;}
.content-inner .wrapper .bx .rf .form1{
	  border-top: 1px solid #f0f0f0;
     margin: 19px 0 0;
    padding: 13px 0 0;
    width: 100%;}
.content-inner .wrapper .bx .rf .form1 h4{
	font-size: 21px;
    margin: 0 0 32px;}
.content-inner .wrapper .bx .rf .form form{
	float:left;
	width:100%;}
.content-inner .wrapper .bx .rf .form form label{
	 float: left;
    font-size: 15px;
     margin: 10px 0 0;
    width: 24%;}
.content-inner .wrapper .bx .rf .form form input,
.content-inner .wrapper .bx .rf .form form textarea{
	  border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 26px;
    margin: 0 0 13px;
    padding: 1% 2%;
    width: 71%;}
.content-inner .wrapper .bx .rf .form form textarea{

	}
.content-inner .wrapper .bx .rf .form form input.sub{
	  float: right;
    height: auto;
    padding: 4px 11px;
    width: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
border:1px solid #06A3D3;
color:#fff;
text-transform:uppercase;
}
.strip{
   background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    padding: 14px 0 0;
    width: 100%;}
.strip .wrapper h5{
	color:#333;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:18px;}
#scroller li{
	padding:0 7px;}
.design{
	display: none;}
.design a{
	color:#fff;}
.content-inner .wrapper .bx .rf h4.h4-1{
	   background-image: url("../images/flag/usa.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
	  width: 90%;
    float: left;
    padding: 0 0 11px 39px;}
.content-inner .wrapper .bx .rf h4.c{
	background-image:url(../images/flag/canda.png)}
.content-inner .wrapper .bx .rf h4.i{
	background-image:url(../images/flag/india.png)}
/*--------------------------------------tabs---------------------------------*/
ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
 border-bottom: 3px solid #43b0ce;
    margin-bottom: 0 !important;
    overflow: hidden;
    width: 100%;
}

ul.tabs li {
  background-color: #1f5e6f;
    background-image: none !important;
    color: #fff !important;
    cursor: pointer;
    display: block;
    float: left !important;
    list-style-type: none;
    margin-right: 2px;
    padding: 8px 21px !important;
    width: auto !important;
}

ul.tabs li:hover {
background-color:#43b0ce;
}

ul.tabs li.current {
background-color:#43b0ce;
padding:8px;
}

.tabscontent {
 padding: 31px 0 0;
display:none;
float:left;
width:100%;
text-align:justify;
}
.tabscontent p{
	  float: left;
	  width: 100%;
    margin:10px 0 10px !important;}
.accordina{
	float: left;
    margin: 0 0 0;
    width: 100%;
	}
/*--------------------------------------tabs---------------------------------*/

/*--------------------------------------accordian---------------------------------*/
.accordion { list-style-type: none; padding: 0; margin: 0 0 30px;}
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;background-image:none !important; padding:0 !important; background:#e5574c;
	}
	.accordion li.active>a { background: url('../images/close.gif') no-repeat center right; }
	.accordion li div {background: #fff none repeat scroll 0 0;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    clear: both;
    display: block;
    float: left;
    padding: 1% 2%;
    width: 96%;}
	.accordion a { text-decoration: none; border-bottom: 1px solid #d5483d;color: #fff; padding:10px; display: block; cursor: pointer; background: url('../images/open.gif') no-repeat center right;}
	
	/* Level 2 */
	.accordion li ul li {
		    background-color: transparent;
    background-image: url("../images/dot.png") !important;
    background-position: 0 7px !important;
    background-repeat: no-repeat;
    padding: 0 0 0 16px !important;}

/*--------------------------------------accordian---------------------------------*/
.tt{
	float:left;
	width:100%;
	  margin: 0 0 12px;
	font-weight:bold;
	}
span.apply{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
float:left;
  border-radius: 4px;
   -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: right;
    padding: 8px 23px;
	border:1px solid #ac0303;
}
span.apply a{
	color:#fff;}
.content-inner .wrapper .bx .rf .lt1{
  border-right: 1px solid #f0f0f0;
    float: left;
    padding: 0 3% 0 0;
    width: 43%;}
.content-inner .wrapper .bx .rf .rt1{
	float: left;
    padding-left: 39px;
    width:49%;}
.content-inner .wrapper .bx .rf .rt1 .form{
	   width: 100%;}
.pp{
	  background-color: #fff;
    border-bottom: 4px solid #009de1;
    float: left;
    margin: 6% 4% 0 0;
    padding: 2px 5px;
    width: 17%;}
.pp a{}
.pp img{
	width:100%;}
	
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(1) .se-sub li:nth-child(1) a{
	background-image:url(../images/icon/22.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(1) .se-sub li:nth-child(2) a{
	background-image:url(../images/icon/23.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(1) .se-sub li:nth-child(3) a{
	background-image:url(../images/icon/24.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(1) .se-sub li:nth-child(4) a{
	background-image:url(../images/icon/25.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(2) .se-sub li:nth-child(1) a{
	background-image:url(../images/icon/26.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(2) .se-sub li:nth-child(2) a{
	background-image:url(../images/icon/27.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(2) .se-sub li:nth-child(3) a{
	background-image:url(../images/icon/28.png);}
header .top nav ul li:nth-child(3) .sub-men ul li:nth-child(2) .se-sub li:nth-child(4) a{
	background-image:url(../images/icon/29.png);}
.nav-bar{
	   border-bottom: 3px solid #31A4D7;
    border-top: 3px solid #31A4D7;
    box-shadow: 0 0 9px #ccc;
	 -ms-box-shadow: 0 0 9px #ccc;
	  -webkit-box-shadow: 0 0 9px #ccc;
    float: left;
   margin: 25px 0 0;
    padding: 15px 0 5px 7%;
	background-color:#004B92;
    }
.nav-bar ul{}
.nav-bar ul li{
	  border-bottom: 1px solid #ccc;
    float: left;
    padding: 9px 0 3px;
    width: 97%;}
.nav-bar ul li:last-child{
	border:none;}
.nav-bar ul li a{
	background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-size: 26px auto;
    color: #c0c0c0;
	text-align: left;
    float: left;
    font-size: 14px;
    padding: 0 0 12px 18%;
   width: 82%;

	 
	 }
.nav-bar ul li:hover a,
.nav-bar ul li.active a{
	color:white;}
.nav-bar ul li:nth-child(2) a{
	 background-image: url("../images/icon/23.png");}
.nav-bar ul li:nth-child(3) a{
	 background-image: url("../images/icon/24.png");}
.nav-bar ul li:nth-child(4) a{
	 background-image: url("../images/icon/25.png");}

.nav-bar ul.hc li:nth-child(1) a{
	 background-image: url('../images/arrow.png');}
.nav-bar ul.hc li:nth-child(2) a{
	 background-image: url('../images/arrow.png');}
.nav-bar ul.hc li:nth-child(3) a{
	 background-image: url('../images/arrow.png');}
.nav-bar ul.hc li:nth-child(4) a{
	 background-image: url('../images/arrow.png');}
.nav-bar ul.cr li:nth-child(1) a{
	background-image: url('../images/arrow.png');}
.nav-bar ul.cr li:nth-child(2) a{
	background-image: url('../images/arrow.png');}
.nav-bar ul.cr li:nth-child(3) a{
	background-image: url('../images/arrow.png');}
.nav-bar ul.cr li:nth-child(4) a{
	background-image: url('../images/arrow.png');}
.nav-bar ul.cr li:nth-child(5) a{
	background-image: url('../images/arrow.png');}
h3.h3-1{
	   color: #333;
    margin: 0 0 19px;}
.content-inner .wrapper .bx .rf .form1 form span.col{
	float: left;
    margin-right: 24px;
    width: 47%;}
.content-inner .wrapper .bx .rf .form1 form span.col2{
	margin:0;
	width:100%;}
.content-inner .wrapper .bx .rf .form1 form span.col2 label{
	width:100%;
	  margin: 0 0 9px;}
.content-inner .wrapper .bx .rf .form1 form span.col2 textarea{
	width:92%;
	  background-color: #f0f0f0;}
.content-inner .wrapper .bx .rf .form1 form span.col label{}
.content-inner .wrapper .bx .rf .form1 form span.col input{
	  background-color: #f0f0f0;}
.content-inner .wrapper .bx .rf .form1 form input.sub1{
	margin: 0 34px 0 0;}
.container1{
	 float: left;
    width: 100%;
	background-image:url(../images/container1.html);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	padding:20px 0px;
	margin:20px 0px;
	}
.container1 .wrapper .bx{
	float: left;
    margin-top: 25px;
    padding: 0 0.6%;
    text-align: center;
    width: 32%;}
.container1 .wrapper .bx span{
	  float: left;
	}
.container1 .wrapper .bx span img{}
.container1 .wrapper .bx p{
	font-size:15px;
	color:#7f7f7f;  float: left;
   width:100%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	}
.container1 .wrapper .bx span.readmore{
	  float: left;
	  height:auto;
     margin: 6% 17% 0;
    width: 67%;}
.container1 .wrapper .bx span.readmore a{
	color:#fff;
	 padding: 13px 0;
	 float:left;
	 width:100%;
	background-color:#777576;}
.container1 .wrapper .bx2 span.readmore a{
	background-color:#8dc42a;}
.container1 .wrapper .bx3 span.readmore a{
	background-color:#71cee0;}
ul.hc1{
	 float: left;
    margin: 61px 0 15px;
    width: 100%;}
ul.hc1 li{
      background-image: url("../images/icon/26.png") !important;
    background-position: center 13px !important;
    background-repeat: no-repeat;
    background-size: auto auto !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 3px 4px 4px #ccc;
    float: left;
    margin: 0 3% 0 0;
    padding: 11% 1% 2% !important;
    text-align: center;
    width: 19% !important;}
ul.hc1 li:hover{
	background-color:#f0f0f0;}
ul.hc1 li:nth-child(2){
	 background-image: url("../images/icon/27.png") !important;}
ul.hc1 li:nth-child(3){
	 background-image: url("../images/icon/28.png") !important;}
ul.hc1 li:nth-child(4){
	 background-image: url("../images/icon/29.png") !important;}
ul.hc1 li a{
	color:#333 !important;}
.content-inner .wrapper .bx .rf ul.test{}
.content-inner .wrapper .bx .rf ul.test li{
	  background-image: none;
    border-bottom: 1px dotted #f0f0f0;
    padding: 13px 0;}
.content-inner .wrapper .bx .rf ul.test li span{
	  color: #e45449;
    float: right;
    text-align: right;
    width: 100%;}
p span.cl{
	 float: left;
    width: 23%;}
.menu{
display:none;}
.pap{
	
	}
ul.client{
	}
ul.client li{
	   background-image: none !important;
    border: 1px solid #ccc;
    margin: 0 24px 48px;
    padding: 0 !important;
    width: auto !important;}
ul.client li img{}
ul.client li:hover{
	 box-shadow: 13px 13px 6px #ccc;
	  -ms-box-shadow: 13px 13px 6px #ccc;
	   -webkit-box-shadow: 13px 13px 6px #ccc;
	   transition: all 500ms ease 100ms;
	   -ms-transition: all 500ms ease 100ms;
	   -webkit-transition: all 500ms ease 100ms;}
	
@media all and (min-width:320px) and (max-width:767px){

.wrapper{
width:90%;}
header .top nav{
display:none;}
.container1 .wrapper .bx{
width:100%;}
.container1{
height:auto;}
.content .wrapper ul.bx li{
width:100%;}
footer .top .bx{
width: 100%;
padding:0;
margin: 15px 0 !important;}
header .top .logo{
width:40%;}
header .top .right span{
    margin: 22px 0 0;
    padding: 5% 8px;}
.content-inner .wrapper .bx .lf{
width:100%;}
.content-inner .wrapper .bx .rf{
width:100%;
margin-top:9%;}
.menu{
display:block;
width:40px;
margin: 29px 0 0 11px;
float:right;
cursor:pointer;}
.menu ul{
float:left;
width:100%;}
.menu ul li{
border-bottom:3px solid #fff;
margin:0 0 3px 0;
float:left;
width:100%;

}
header .top nav ul{
position: absolute;
left: 0;
background-color: #333;}
header .top nav ul li ul{
	position:relative;}
header .top nav{
margin-top:0;}
header .top nav ul li{
padding:0;
width:100%;}
header .top nav ul li a{
border-left: medium none !important;
border-bottom: 1px solid #FFF !important;
padding: 2% 3%;
width:94%;
float:left;
background-image:none !important;}
.sub-men{
display:block;
padding:0 !important;
position:relative;}
header .top nav ul li .sub-men ul li a,
header .top nav ul li:nth-child(3) .sub-men ul li a, 
header .top nav ul li:nth-child(4) .sub-men ul li a,
header .top nav ul li:nth-child(2) .sub-men ul li a {
 padding: 0px 0 12px 19px !important;
color:#fff !important;
font-size: 14px;}
.content-inner .wrapper .bx .rf .lt1,
.content-inner .wrapper .bx .rf .rt1{
	 width: 97%;
	 padding:0;}
.content-inner .wrapper .bx .rf .form1 form span.col{
	   width: 98%;}
header .top .right span a{
	 font-size: 12px !important;}
.sub-men ul li{
	border-right:none !important;}
ul.hc1 li{
	   float: left;
    margin: 0;
    padding: 34% 0 8% !important;
    width: 93% !important;}
ul.hc1{
	margin:0;}
.pp{
	float:left;
	width:95%;}
.pap {
    height: auto;
}


}



/* extra styles */
.topnav{
	border-bottom:1px solid #f2f2f2;
	padding:0px;
	width:100%;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

p {
	text-align: center;
}

nav {
	margin-top: 10px;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index:999;
	}
	
nav ul li {
	display:inline-block;
	}
@media(max-width:767px){
	nav ul li {
	display:inline-block;
	width:100%;
	}
}
nav a {
	display:block;
	padding:0 10px;	
	color:#2c2c2c;
	font-size:15px;
	padding:10px;
	text-decoration:none;
	padding: 10px 10px 26px 10px;
}
nav ul li ul li a {
	font-size:13px;
	color:black;
}
nav a:hover { 
	background-color: none;
    text-decoration:none;	
}

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
/* the height of the main nav */
	height:0px;

}
@media (max-width:767px){
	nav ul ul {
	display: none;
	position: absolute; 
/* the height of the main nav */
	height:0px;
}
}
.ul {
	display: none;
	position: absolute; 
/* the height of the main nav */
	height:0px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	background-color:white;
	color:black;
}
nav ul ul li :hover{
	background-color:#004b92;
	color:white;
}

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

nav ul ul li a{
	padding: 6px 10px 8px 10px;
}

.headpart{
background-color: white;
padding: 5px 5px;
}
.icon-bar{
	background-color:white;
}
.email{
	margin-left:10px;
}
.email a{
	color:#777;
}
.email a:hover{
	color:#373E42;
	text-decoration:none;
}
.phn{
	color:#777;
	margin-left:8px;
}

.social li{
	float:left;
	padding: 4px 14px;
	font-size:20px;
	border: 1px solid #eee;
}

.fb{
	margin:0px;
}
.fb:hover{
	background-color:#3b5998;
	color:white;
}

.social .fb{
	margin:0px;
}

.social .fb:hover{
	background-color:#3b5998;
	color:white;
}
.social .twitter{
	margin:0px;
}
.social .twitter:hover{
	background-color:#0084b4;
	color:white;
}
.social .google{
	margin:0px;
}
.social .google:hover{
	background-color:#d34836;
	color:white;
}
.social .youtube{
	margin:0px;
}
.social .youtube:hover{
	background-color:#c4302b;
	color:white;
}
.heading1{
	font-size:21px;
	margin: 24px 0px 10px 0px;
	font-weight:600;
	color:#5a5a5a;
}





































.para1{
	color:#5a5a5a;
	margin:10px 0px;
	text-align:justify;
}




/* services styles */
/*-- /services--*/
.services-w3layouts{
    padding: 20px 0px;
    text-align: center;
	margin-bottom:10px;
}
h5.title-w3 {
    color: #0099e5!important;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
	margin: 20px 0px;
}
p.title-txt-agile {
    color: #777;
    font-size: 17px;
}
.services-left-w3ls {
    text-align: right;
}
.services-right-w3ls{
	text-align: left;
}
h2{
       font-size: 24px;
    color: #333232;
    line-height: 44px;
    font-weight: 300;
}
.services-top-w3l {
    margin-top: 35px;
}

/*-- effect7 --*/
.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
}

.hi-icon {
  text-decoration: none;
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 90px;
	height: 90px;
		border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	-mz-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
    color: #B365C5;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
		border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	-mz-border-radius: 50%;
	-ms-border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
    font-size: 36px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
}
/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;	
}

.hi-icon-effect-7 .hi-icon:hover {
	color: #000;
}

.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow:4px 4px rgb(0, 73, 119);
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	box-shadow:4px 4px #222222;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
a.hi-icon.icon1 {
    background: url(../images/IT-ICON.png) no-repeat 32px 25px #0099e5;
    display: block;
    width:120px;
    height:120px;
    margin: 0 auto;
}
a.hi-icon.icon2 {
    background: url(../images/health-care.png) no-repeat 28px 25px #0099e5;
    display: block;
    width:120px;
    height:120px;
    margin: 0 auto;
}
a.hi-icon.icon3 {
       background: url(../images/4.png) no-repeat 28px 28px #0099e5;
    display: block;
    width:120px;
    height:120px;
    margin: 0 auto;
}
a.hi-icon.icon4 {
       background: url(../images/bpo.png) no-repeat 27px 22px #0099e5;
    display: block;
    width:120px;
    height:120px;
    margin: 0 auto;
}
a.hi-icon.icon1:hover {
    background: url(../images/IT-ICON.png) no-repeat 32px 25px #004B92;
}
a.hi-icon.icon2:hover {
    background: url(../images/health-care.png) no-repeat 32px 25px #004B92;
}
a.hi-icon.icon3:hover{
	   background: url(../images/4.png) no-repeat 28px 28px #004B92;
}
a.hi-icon.icon4:hover {
	   background: url(../images/bpo.png) no-repeat 27px 22px #004B92;
}
/*-- //effect7 --*/

.para1{
font-size: 15px;
color: #7f7f7f;
float: left;
width: 100%;
text-align: center;
font-family: 'Open Sans', sans-serif;
}

.heading{
    color: #0B478F!important;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
	font-family: open-sas;
}

.ser{
    color: #0B478F!important;
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px;
	font-family: open-sas;
}
.ser1{
    color: #0B478F!important;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    margin: 22px 0px 6px 0px;
	font-family: open-sas;
}

.useful li a {
	color:#a7a7a7;
	font-family: arial;
   font-size: 12px;
}

.useful li a:hover {
	color:white;
	font-family: arial;
	font-size: 13px;
}
.copyright{
padding: 10px 0px;
text-align: center;
color:white;
width:100%;
}
.footer1{
	
}
.welcome{
	padding: 15px 76px;
}
.para{
	text-align:justify;
	color:#5a5a5a;
	margin:12px 0px;
	font-size:15px;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
}
.content1{
	background-color:white;
	padding: 20px 94px;
}
@media (max-width:767px){
	.content1{
	background-color:white;
	padding: 20px 30px;
}
}
.sidebar{
	margin: 10px 0px;
	padding: 0px;
}
@media (max-width:767px){
	.sidebar{
	margin:0px;
	padding: 0px;
	height: 144px;
}
}
.mainsection{
	margin: 20px 0px;
	padding:0px;
	border-left: 1px solid #c5b7b7;
}
@media(max-width:767px){
	.mainsection{
	margin:0px;
	padding:0px;
	border:none;
}
}
.sidelist{
	
}
.side-heading{
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 22px;
font-style: italic;
color: #1353A0;
margin: 7px 8px 12px 0px;
text-transform: unset;
}

.wthree-agile-grid{
	height:280px;
}
.side-heading1{
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 19px;
font-style: italic;
color: #1353A0;
margin: 10px 0px;
}
.list1{
	margin: 25px;
}
.list1  li{
	margin:0px;
	list-style-type: disc;
}
.apply{
	padding: 5px 25px;
background-color: #0b478f;
border: 1px solid #0b478f;
margin: 30px 20px;
border-radius: 5px;
}

/* contact form styles */
.email1{
margin-bottom: 2px;
margin-top: 2px;
padding: 7px 15px;
border-radius: 5px;
border: 1px solid #0b478f;
width:70%;
}
input[type=text]{
margin-bottom: 2px;
margin-top: 2px;
padding: 7px 15px;
border-radius: 5px;
border: 1px solid #0b478f;
width:70%;
}
input[type=submit]
{
margin-top: 20px;
margin-bottom: 10px;
padding: 10px 22px;
border-radius: 5px;
border: 1px solid #4180c5;
background-color: #4180C5;
color: aliceblue;
font-size: 15px;
cursor: pointer;
}
#submit:hover
{
 background-color: black;
}
textarea{
    width:100%;
	padding: 15px;
	margin-top: 10px;
    border:1px solid #0b478f;
	border-radius:5px; 
	margin-bottom: 12px;
	resize:none;
  } 
input[type=text]:focus,textarea:focus {
	border-color: #4697e4;
}

label{
font-family: arial;
font-weight: 300;
font-size: 17px;
}
  

.bottombar{
	background-color: #0B478F;
	height: 12px;
}

@media (max-width:768px){
	.bottombar{
	display:none;
}
}
.bottomwidth{
	width:1319px;
}

@media(min-width:769px) and (max-width:900px){
	.bottomwidth{
	width:736px;
}
}

@media(min-width:901px) and (max-width:1200px){
	.bottomwidth{
	width:915px;
}
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border-top:none;
}

.exp{
	margin-bottom: 2px;
margin-top: 2px;
padding: 7px 15px;
border-radius: 5px;
border: 1px solid #0b478f;
width: 70%;
color:#707070;
}

.site{
	margin: 20px 0px 20px 190px;
font-size: 15px;
}
.phnemail{
	float:left;
	padding-left:60px;
}