@charset "utf-8";

/* CSS Document */





@font-face {

  font-family: 'Roboto-Black';

  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/Roboto-Black.woff') format('woff'), 

  url('../fonts/Roboto-Black.ttf')  format('truetype'), 

  url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Roboto-Bold';

  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/Roboto-Bold.woff') format('woff'), 

  url('../fonts/Roboto-Bold.ttf')  format('truetype'), 

  url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Roboto-Regular';

  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/Roboto-Regular.woff') format('woff'), 

  url('../fonts/Roboto-Regular.ttf')  format('truetype'), 

  url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}





/*===================== Layout Style Starting ======================

===================================================================*/



.wrapper{
	
	max-width:1232px;

	height:auto;

	position:relative;
	padding: 0 16px;

	margin:0 auto;

}



.footwrapper{
	max-width:1200px;

	height:auto;

	position:relative;

	margin:0 auto;

}





header{

	width:100%;

	position:fixed;

	z-index:9999999;

	background-color:#ffffff;	
	padding: 10px 0;

}

header .top{

	width:100%;

	height:51px;

	background-color:#FFF;

}

.soc-bg{

	width:auto;

	float:left;

}

.soc-bg a{

	width:60px;

	text-align:center;

	height:51px;

	font-size:20px;

	padding-top:10px;

	text-decoration:none;

	color:#8a8a8a;

	border-right:1px solid #8a8a8a;

	float:left;

}

.top-rtbox{

	width:auto;

	height:51px;

	float:right;

}

.top-rtbox li{

	height:51px;

	float:left;

	padding-top:15px;

	list-style:none;

	color:#0f315a;

	border-right:1px solid #c6c6c6;

}

.top-rtbox li span{

	width:auto;

	float:left;

	margin:0 2px 0 10px;	

}

.bord-lt{

	border-left:1px solid #c6c6c6;

}

.top-rtbox li a{

	padding:0 10px 0 10px;

	color:#0f315a;	

	text-decoration:none;

	font-family: 'Roboto-Bold';

	font-size:15px;

	

}

.top-rtbox li a:hover{

	color:#1dddac;

}



.button-main{

	width:100%;

	position:relative;

}

.logo-bg{

	width:auto;

	float:right;

	margin-right:6px;

	margin-top:11px;

}






.copy-logo{
	display: none;
}




.banner-sec{

	width:100%;

	position:relative;

	padding-top:87px;	
	height: 230px;

}
@media screen and (min-width:992px) {
	.banner-sec{
		height: auto;
	}
}

.banner-caption{

	width:469px;

	position:absolute;

	right:6%;

	top:17%;

	z-index:500;	

}

.banner-caption h1{

	width:100%;

	font-family: 'Roboto-Bold';

	font-size:100px;

	color:#FFF;

	text-align:right;

	text-transform:uppercase;

	line-height:80px;

	margin:0;

	padding:0;

}

.banner-caption-morbox1{

	width:226px;

	height:53px;

	float:left;

	background-color:#00a650;

}

.banner-caption-morbox2{

	width:226px;

	height:53px;

	float:right;

	background-color:#00793b;

}

.banner-caption h2{

	width:100%;

	font-family: 'Roboto-Regular';

	font-size:25px;

	color:#FFF;

	text-align:right;

	text-transform:uppercase;

	margin:0;

	padding:15px 0 ;

}

.banner-box-main{

	width:1358px;

	position:absolute;

	margin:0 auto;

	left:0;

	right:0;

	bottom:70px;

	z-index:500;

}

.banner-box{

	width:25%;

	height:178px;

	cursor:pointer;

	float:left;

	background:url(../images/boxblubg.png) repeat;

	

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.banner-box:hover, .banner-box:focus, .banner-box:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.lightblu{

	background:url(../images/boxlightblubg.png) repeat;	

}

.banner-icon{

	width:auto;

	float:left;

	margin:45px 0 0 8%;

}

.banner-box h1{

	width:auto;

	float:left;

	font-family: 'Roboto-Bold';

	font-size:26px;

	padding:60px 0 0 5%;

	margin:0;

	text-transform:uppercase;

	color:#FFF;

}

.banner-box h2{

	width:auto;

	float:left;

	font-family: 'Roboto-Regular';

	font-size:20px;

	padding:5px 0 0 5%;

	margin:0;

	text-transform:uppercase;

	color:#FFF;

}



/*======================Welcome section starting==========================

========================================================================*/

.welcome-sec{

	width:100%;

	height:722px;	

}

.left-sec{

	width:50%;

	float:left;

}

.left-sec .detailbg{

	width:588px;

	float:right;

	padding-right:87px;

	padding-top:65px;

	background-color:#FFF;	

}

.left-sec .detailbg h1{

	width:100%;

	color:#0c1034;

	font-family: 'Roboto-Bold';

	margin:0;

	padding-bottom:25px;

	letter-spacing:-3px;

	margin-bottom:40px;

	font-size:60px;

	background:url(../images/underline.png) no-repeat bottom left;

	text-transform:uppercase;

}

.left-sec .detailbg span{

	width:100%;

	color:#9b268f;

	letter-spacing:8px;

	font-family: 'Roboto-Bold';

	font-size:18px;

	text-transform:uppercase;

}

.left-sec .detailbg p{

	width:100%;	

	color:#4d4e4f;

	line-height:24px;

	text-align:justify;

	font-family: 'Roboto-Regular';

	font-size:13px;

}

.left-sec .detailbg p span{

	width:100%;	

	float:left;

	color:#4d4e4f;

	line-height:30px;

	letter-spacing:normal;

	padding-bottom:20px;

	text-transform:none;

	font-family:Times, "Times New Roman", serif;

	font-size:24px;

}

.more-box{

	width:126px;

	font-family: 'Roboto-Bold';

	font-size:13px;

	margin-top:30px;

	color:#4d4e4f;

	cursor:pointer;

	text-transform:uppercase;

	

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.more-box:hover, .more-box:focus, .more-box:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.more-box a{

	color:#4d4e4f;

}

.more-box:hover{

	color:#069;

}

.more-box span{

	margin-right:15px;

}

.welcome-right-sec{

	width:50%;

	height:722px;

	float:right;

	background:url(../images/welcomert.png) left no-repeat;

}

/*======================Welcome section ending==========================

========================================================================*/







/*======================Who we are section starting==========================

===========================================================================*/



.whoweare-sec{

	width:100%;

}

.whoweare-right-sec {

	width:50%;

	height:629px;

	float:right;

}

.whoweare-hed{

	width:100%;

	height:189px;

	background:url(../images/whowearehedbg.png) no-repeat top center;

}

.whoweare-hed h1{

	width:100%;

	color:#FFFFFF;

	font-family: 'Roboto-Bold';

	margin:0;

	padding-top:60px;

	font-weight:normal;

	padding-left:15px;

	font-size:60px;

	text-transform:uppercase;

}

.whoweare-hed h1 span{

	font-family: 'Roboto-Regular';

}

.whoweare-right-sec{

	width:50%;

	height:629px;

	position:relative;

	float:right;

}

.whoweare-box-one{

	width:406px;

	position:absolute;

	left:68px;

	margin-top:-64px;

}

.whoweare-box-two{

	width:304px;

	position:absolute;

	left:0px;

	margin-top:230px;

}

.whoweare-box-three{

	width:713px;

	position:absolute;

	left:50px;

	margin-top:150px;

}

.whoweare-box-one img, .whoweare-box-two img, .whoweare-box-three img{

	width:100%;

	height:auto;

	display:block;

}

.left-sec .detailbg h2{

	width:100%;

	color:#0b0f33;

	font-family: 'Roboto-Bold';

	margin:0;

	padding-bottom:25px;

	margin-bottom:40px;

	font-size:19px;

	background:url(../images/underlinegreen.png) no-repeat bottom left;

	text-transform:uppercase;

}



/*======================Who we are section ending==========================

===========================================================================*/







/*======================What we do section starting==========================

===========================================================================*/



.whatwedo-sec{

	width:100%;

}

.whatwedo-hed{

	width:100%;

	height:189px;

	background:url(../images/whatwedobg.png) no-repeat top center;

}

.whatwedo-hed h1{

	width:100%;

	color:#FFFFFF;

	font-family: 'Roboto-Bold';

	margin:0;

	padding-top:60px;

	font-weight:normal;

	padding-left:15px;

	font-size:60px;

	text-transform:uppercase;

}

.whatwedo-hed h1 span{

	font-family: 'Roboto-Regular';

}

.whatwedo-right-sec{

	width:50%;

	height:718px;

	position:relative;

	float:right;

	background:url(../images/whatwedo-rightbg.png) no-repeat left top;

}





/*======================What we do section ending==========================

===========================================================================*/





/*======================Consultation section starting==========================

===========================================================================*/



.consultation-sec{

	width:100%;

	padding:100px 0 100px 0;

	background:url(../images/consultationbg.jpg) no-repeat center;

}

.consultation-ltbox{

	width:70%;

	height:500px;

	padding:35px 15px 0 45px;

	float:left;

	background-color:#FFF;

}

.consultation-ltbox h1{

	width:100%;

	color:#9b268f;

	font-family: 'Roboto-Bold';

	margin:0;

	padding:0;

	line-height:50px;

	font-weight:normal;

	font-size:60px;

	text-transform:uppercase;

}

.consultation-ltbox h2{

	width:100%;

	color:#000000;	

	font-family: 'Roboto-Regular';

	margin:0;

	font-weight:normal;

	font-size:36px;

	text-transform:uppercase;

}

.consultation-ltbox ul{

	padding:0;

	margin-top:20px;

	width:195px;

	float:left;

	position:relative;

}

.consultation-ltbox ul span{

	color:#9b268f;	

}



.consultation-ltbox li{

	width:100%;

	padding:5px 0 5px 35px;

	margin:0;

	font-family: 'Roboto-Regular';

	color:#1d1d1d;

	font-size:13px;

	list-style:none;

	background:url(../images/bullet.png) no-repeat left top 10px;

}

.consultation-rtbox{

	width:30%;

	height:500px;

	padding:140px 20px 0 80px;

	float:right;

	font-family: 'Roboto-Bold';

	font-size:30px;

	color:#FFF;

	line-height:40px;

	text-transform:uppercase;

	background:url(../images/consultationrt.jpg) no-repeat;

}

.consultation-rtbox h3{

	font-family: 'Roboto-Bold';

	font-size:18px;

	margin:0;

	padding-top:25px;

	color:#a2c3fb;

	text-transform:uppercase;

}

.consultation-rtbox span{

	font-size:20px;

	text-transform:uppercase;

	text-align:center;

}





/*======================Consultation section ending==========================

===========================================================================*/





/*======================Our blog section starting==========================

===========================================================================*/



.blog-sec{

	width:100%;

	padding:145px 0 100px 0;

}

.blog-sec h1{

	width:100%;

	text-align:center;

	color:#133e84;

	font-size:60px;

	margin:0;

	font-family: 'Roboto-Bold';

	padding-bottom:30px;

	text-transform:uppercase;

	background:url(../images/underlinegreen.png) center bottom no-repeat;

}

.blog-sec h1 span{

	font-family: 'Roboto-Regular';

}

.blog-sec h2{

	width:100%;

	text-align:center;

	color:#1d1d1d;

	margin:0;

	padding:35px 0;

	font-family: 'Roboto-Regular';

	font-size:13px;

	line-height:24px;

	text-transform:none;

}

.blog-box{

	width:270px;

	height:455px;

	float:left;

	position:relative;

	margin:20px 1.2%;

	background-color:#f0f0f0;

}

.blog-box img{

	width:100%;

	height:auto;

	display:block;

}

.blog-box .date{

	width:100%;

	font-family: 'Roboto-Bold';

	text-align:center;

	padding-top:35px;

	color:#3094e2;

	font-size:14px;	

}

.blog-box .title{

	width:100%;

	font-family: 'Roboto-Bold';

	text-align:center;

	padding-top:10px;

	color:#9b268f;

	font-size:20px;	

}

.blog-box .content{

	width:100%;

	font-family: 'Roboto-Regular';

	text-align:center;

	line-height:24px;

	padding:10px 15% 0 15%;

	color:#222222;

	font-size:13px;

	height:138px;

	overflow:hidden;

}

.plus-more{

	width:29px;

	height:29px;

	position:absolute;

	left:0;

	right:0;

	bottom:35px;

	margin:0 auto 0 auto;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.plus-more:hover, .plus-more:focus, .plus-more:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}





/*======================Our blog section ending==========================

===========================================================================*/





/*======================Our conviction section starting==========================

===========================================================================*/



.conviction-sec{

	width:100%;

	padding:75px 0 80px 0;

	background:url(../images/convictionbg.jpg) no-repeat center;

}

.conviction-sec h1{

	width:100%;

	text-align:center;

	color:#FFFFFF;

	margin:0;

	font-size:60px;

	font-family: 'Roboto-Bold';

	padding-bottom:30px;

	text-transform:uppercase;

	background:url(../images/underlinegreen.png) center bottom no-repeat;

}

.conviction-sec h1 span{

	font-family: 'Roboto-Regular';

}

.conviction-slide-bg{

	  width:100%;

	  margin-top:45px;

	  text-align:center;

}

.pic{

	width:110px;

	margin:0 auto !important;

	left:0; right:0;

}

.caption{

	width:80%;

	font-family:Times, "Times New Roman", serif;

	font-size:36px;

	margin:0 auto;

	padding-top:25px;

	color:#FFF;

	background:url(../images/quote.png) no-repeat left top;

}

.name{

	width:100%;

	text-align:center;

	color:#71a3f3;

	font-size:24px;

	padding:15px 0;

	font-family: 'Roboto-Regular';

}



/*======================Our conviction section ending==========================

===========================================================================*/





/*======================Footer section starting==========================

===========================================================================*/



footer{

	width:100%;

	background-color:#000;

}

.ftr-left{

	width:1200px;

	float:left;

}

.ftr-cntleft{

	width:657px;

	float:left;

}



.aply-cntleft{

	width:590px;

	float:left;

}



.ofr-cntleft{

	width:806px;

	float:left;

}

.quicklink-bg{

	width:199px;

	float:left;

}

.quicklink-bg ul, .financelink-bg ul{

	width:100%;

	display:block;

	padding:0;

}

.quicklink-bg ul li, .financelink-bg ul li{

	width:100%;

	list-style:none;

	padding:10px 0 10px 40px;

	border-bottom:1px solid #7b7b7b;

	background:url(../images/ftr-bullet.png) no-repeat left 10px top 16px;

}

.quicklink-bg ul li a, .financelink-bg ul li a{

	color:#ced0d2;

	font-size:13px;

	font-family: 'Roboto-Regular';

}

.ftr-hed{

	width:100%;

	padding:68px 0 13px 10px;

	font-family: 'Roboto-Bold';

	font-size:19px;

	color:#FFF;

	text-transform:uppercase;

}

.ftr-hed span{

	font-family: 'Roboto-Regular';

}

.bor-btm{

	border-bottom:0px !important;

}



.financelink-bg{

	width:390px;

	float:left;

	margin-left:40px;

}

.ftr-right{

	width:543px;

	float:right;

}



.aply-right{

	width:600px;

	float:right;

}

.ofr-right{

	width:392px;

	float:right;

}

.ftr-right-top{

	width:100%;

	background:url(../images/sep1.png) right bottom no-repeat;

}

.ftr-right-top-left{

	width:267px;

	margin-left:-42px;

	height:auto;

	float:left;

}

.ftr-right-top-right{

	width:318px;

	float:right;

}

.padlt{

	padding-left:0px;

}

.ftr-right-top-right .details{

	width:100%;

}

.ftr-iconrow{

	width:100%;

	font-family: 'Roboto-Bold';

	font-size:13px;

	color:#FFF;

}

.ftr-iconrow span{

	font-family: 'Roboto-Regular';

	font-size:14px;

	color:#ced0d2;

	padding-left:10px;

}

.ftr-iconrow img{

	margin-right:15px;

}

.ftr-right-top-right .details p{

	width:100%;

	font-size:14px;

	padding:0 0 0 35px;

	margin:0;

	line-height:24px;

	color:#b2b4b7;

	font-family: 'Roboto-Regular';

}



.ftr-left .quicklink-bg .details p{

	width:100%;

	font-size:13px;

	padding:0 0 30px 35px;

	margin:0;

	line-height:24px;

	color:#b2b4b7;

	font-family: 'Roboto-Regular';

}



.pad-btm{

	padding-bottom:10px;

}

.ftr-right-bottom{

	width:100%;

	height:257px;

	padding-top:20px;

	background:url(../images/ftrbottom.png) left 20px top no-repeat;

}

.ftr-bottom-right{

	width:342px;

	float:right;

	padding-bottom:15px;

	padding-left:5.7%;

	background:url(../images/sep1.png) right bottom no-repeat

}



.ftr-bottom-right .details{

	width:100%;

}

.copy-bg{

	width:100%;
	text-align: center;

}

.copy{

	width:auto;


	font-size:14px;

	color:#9a9a9a;

	padding:20px 0; 

	font-family: 'Roboto-Regular';

}
.copy a{
	font-size:14px;

	color:#9a9a9a;
}

.copy-logo{

	width:93px;

	float:right;

}



/*======================Footer section ending==========================

===========================================================================*/





/*======================Inner section starting==========================

===========================================================================*/



.inner-banner{

	width:100%;

	padding-top:14px;

	height:103px;

	background:url(../images/serve-bnt.jpg) no-repeat center top;

}

.inner-banner h1{

	width:100%;

	margin:0;

	padding-top:33px;

	font-family: 'Roboto-Bold';

	font-size:72px;

	color:#FFF;

	line-height:60px;

	text-transform:uppercase;

	text-align:center;

	background:url(../images/w-line.jpg) no-repeat top center;

}

.inner-banner h2{

	width:100%;

	margin:0;

	padding-top:0px;

	font-family: 'Roboto-Regular';

	font-size:60px;

	color:#FFF;

	text-transform:uppercase;

	text-align:center;

}

.inner-contentbg{

	width:100%;

	padding:25px 0;

	background-color:#FFF;
	min-height: 60vh

}

.innerleft-sec{

	width:100%;

	float:left;

}

..innerleft-sec .detailbg{

	width:1024px;

	float:right;	

	background-color:#FFF;	

}

.innerleft-sec .detailbg h1{

	width:100%;

	color:#0c1034;

	font-family: 'Roboto-Bold';

	margin:0;

	padding-bottom:25px;

	margin-bottom:40px;

	font-size:48px;

	background:url(../images/underline.png) no-repeat bottom left;

	text-transform:uppercase;

}

.innerleft-sec .detailbg span{

	width:100%;

	color:#3885bb;

	letter-spacing:8px;

	font-family: 'Roboto-Bold';

	font-size:18px;

	text-transform:uppercase;

}
.innerleft-sec .detailbg h3{
	margin-bottom: 20px;
}

.innerleft-sec .detailbg p{

	width:100%;	

	color:#4d4e4f;

	line-height:24px;

	text-align:justify;

	font-family: 'Roboto-Regular';

	font-size:14px;
	margin-bottom: 0;

}
.innerleft-sec .detailbg p + p{
	margin-top: 16px;
}

.innerleft-sec .detailbg p span{

	width:100%;	

	float:left;

	color:#151839;

	line-height:30px;

	letter-spacing:normal;

	padding-bottom:20px;

	text-transform:none;

	font-family:Times, "Times New Roman", serif;

	font-size:19px;

}



.innerleft-sec .detailbg p img{

	max-width:100%;	

}



.innerleft-sec .detailbg p span img{

	max-width:100%;	

}



.subhed{

	width:100%;

	padding:35px 0;

	font-family: 'Roboto-Bold';

	font-size:30px;

	color:#0c1034;

}

.inner-contentbg ul, .inner-solutionbox ul{

	width:100%;

	display:block;

	padding:0;
	margin-top: 20px;

}

.inner-contentbg ul li, .inner-solutionbox ul li{

	width:100%;

	padding:10px 0 10px 45px;

	list-style:none;

	font-family: 'Roboto-Regular';

	font-size:13px;

	color:#4d4e4f;

	background:url(../images/bulleticon.png) no-repeat left top 8px;

}

.innerright-sec{

	width:347px;

	float:right;

}

.innerright-secbox{

	width:100%;

	padding-left:6px;

	cursor:pointer;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.innerright-secbox:hover, .innerright-secbox:focus, .innerright-secbox:active {

  -webkit-transform: translateX(-8px);

  transform: translateX(-8px);

}

.innerright-secbox:hover{

	background-color:#35e2bb;

}

.innerright-secbox.active{

	background-color:#35e2bb;

}

.innerright-secbox .inner{

	width:100%;

	height:178px;

	background-color:#8f288ab3;

}

.innerright-secbox .innericon{

	width:auto;

	float:left;

	margin:45px 0 0 8%;

}

.innerright-secbox .inner h1{

	width:auto;

	float:left;

	font-family: 'Roboto-Bold';

	font-size:26px;

	padding:60px 0 0 5%;

	margin:0;

	text-transform:uppercase;

	color:#FFF;

}

.innerright-secbox .inner h2{

	width:auto;

	float:left;

	font-family: 'Roboto-Regular';

	font-size:20px;

	padding:5px 0 0 5%;

	margin:0;

	text-transform:uppercase;

	color:#FFF;

}

.inner-solutionsec{

	width:100%;

	padding:62px 0 0 0;

	margin-bottom:70px;

	background:#FFF url(../images/innersolutionbg.jpg) no-repeat top center;

}

.inner-solutionsec .ltbg{

	width:22.2%;

	height:508px;

	float:left;

	background:url(../images/inner-solution.jpg) no-repeat;

}

.inner-solutionsec .rtbg{

	width:74.4%;

	padding-top:30px;

	float:right;

}

.inner-solutionsec .rtbg h1{

	width:100%;	

	margin:0;

	font-family: 'Roboto-Bold';

	font-size:30px;

	color:#FFF;

}

.inner-solutionbox{

	width:46%;

	float:left;

	margin-top:140px;

	margin-right:2%;

}







/*======================Inner section ending==========================

===========================================================================*/