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

@font-face {
    font-family: 'droid_sansregular';
    src: url('../font/droidsans-webfont.eot');
    src: url('../font/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidsans-webfont.woff') format('woff'),
         url('../font/droidsans-webfont.ttf') format('truetype'),
         url('../font/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../font/opensans-bold-webfont.eot');
    src: url('../font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-bold-webfont.woff') format('woff'),
         url('../font/opensans-bold-webfont.ttf') format('truetype'),
         url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../font/opensans-extrabold-webfont.eot');
    src: url('../font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-extrabold-webfont.woff') format('woff'),
         url('../font/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { margin:0; background:url(../image/bodyTexture.jpg) repeat; font-family:'droid_sansregular', Arial, Helvetica, sans-serif;}
html, div, p, ul, li, a, h1, h2, h3, h4, h5, h6, span, header, footer, nav, section { margin:0; padding:0;}
a:focus { outline:none;}
a { text-decoration:none;}
li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-family:'open_sansextrabold'; font-weight:normal;}
p { font-size:14px; color:#797979; line-height:19px;}


#headstrip { width:100%; background:#6b767d; overflow:hidden;}
.topbar { width:980px; margin:auto;}
.topbarsec { float:right; width:268px;}

/*.topbarsec { float:right; width:268px;}
*/ul#stripIcons { float:left; padding-left:30px;}
ul#stripIcons li { float:left; margin:8px;}
ul#stripIcons li:last-child { margin-right:0;}
ul#stripIcons li a { float:left; background:url(../image/iconSocial.png) no-repeat; display:block; height:17px;}
.icon-fb { background-position:0 0; width:9px;}
.icon-twt { background-position:-10px 0 !important; width:18px;}
.icon-in { background-position:-28px 0 !important; width:17px;}
.icon-gle { background-position:-45px 0 !important; width:16px;}
.icon-yh { background-position:-61px 0 !important; width:19px;}
.icon-wk { background-position:-81px 0 !important; width:19px;}
.icon-fb:hover { background-position:0 -18px !important;}
.icon-twt:hover { background-position:-10px -18px !important;}
.icon-in:hover { background-position:-28px -18px !important;}
.icon-gle:hover { background-position:-45px -18px !important;}
.icon-yh:hover { background-position:-61px -18px !important;}
.icon-wk:hover { background-position:-81px -18px !important;}






.topbarsec { float:right; width:460px;}
ul#stripIcons li a { float:left; background:url(../image/iconSocial.png) no-repeat; display:block; height:18px;}
.icon-fb { background-position:0 0; width:9px;}
.icon-twt { background-position:-10px 0 !important; width:18px;}
.icon-in { background-position:-28px 0 !important; width:17px;}
.icon-gle { background-position:-45px 0 !important; width:16px;}
.icon-yh { background-position:-61px 0 !important; width:19px;}
.icon-wk { background-position:-81px 0 !important; width:19px;}
.icon-yt { background-position:-117px 0 !important; width:19px;}
.icon-ss { background-position:-99px 0 !important; width:19px;}
.icon-fb:hover { background-position:0 -18px !important;}
.icon-twt:hover { background-position:-10px -18px !important;}
.icon-in:hover { background-position:-28px -18px !important;}
.icon-gle:hover { background-position:-45px -18px !important;}
.icon-yh:hover { background-position:-61px -18px !important;}
.icon-wk:hover { background-position:-81px -18px !important;}
.icon-yt:hover { background-position:-117px -18px !important;}
.icon-ss:hover { background-position:-99px -18px !important;}


ul#stripNav { float:right;}
ul#stripNav li { float:left; padding:8px 20px 8px 22px; background:url(../image/topLibr.png) no-repeat left;}
ul#stripNav li a { float:left; font-size:12px; color:#ececec;}
ul#stripNav li a:hover { color:#cccf79;}
.bgnone { background:none !important;}
.bnone { border:none !important;}
.marright { margin-right:0 !important;}
.marleft { margin-left:0 !important;}
.padright { padding-right:0 !important;}
.padleft { padding-left:0 !important;}

#wrapper { width:980px; margin:auto;}
header { margin-top:13px; clear:both;}
.logo { float:left; width:180px; margin-left:15px; background:url(../image/logo.png) no-repeat;}
.logo span { width:452px; height:76px;}
.logo span a { display:block; width:180px; height:76px;}

ul#topNav { float:right; margin:33px 15px 0 0;}
ul#topNav li { float:left; padding:0 14px;}
ul#topNav li:last-child { padding-right:0;}
ul#topNav li a { font:14px 'open_sansbold'; color:#4f5254;}
ul#topNav li a:hover { color:#489dde;}
.topNavactive { color:#489dde !important;}

section { clear:both; overflow:hidden;}
.sliderBanner { margin:15px 0 5px; background:url(../image/sliderShadow.png) no-repeat bottom; padding-bottom:18px;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline:none;}
.flexslider a img { outline:none; border:none;}
.flexslider .slides > li { display:none;}
.flexslider .slides img { width:942px; display:block; height:300px;}
.slides:after {	content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.flexslider { position:relative; zoom:1; background:#fff; border:solid 1px #e4e7e9; margin:auto; padding:3px;}
.flex-container { width:950px; margin:auto;}
.flexslider .slides { zoom:1;}
.flex-direction-nav a {	display:block; position:absolute; width:39px; height:59px; top:42%;	cursor:pointer;	text-indent:-9999px; z-index:9999;
						background:url(../image/iconNav.png) no-repeat;}
.flex-direction-nav .flex-next { right:-15px; background-position:-40px 0;}
.flex-direction-nav .flex-prev { left:-15px; background-position:0 0;}
.flex-direction-nav .flex-next:hover { background-position:-40px -60px;}
.flex-direction-nav .flex-prev:hover { background-position:0 -60px;}
.flex-control-nav { display:none;}


#conSection { background:url(../image/whiteGrains.png) repeat #fff; position:relative; margin-top:50px; border:solid 1px #ededed; padding-bottom:30px;}
.secHead h1 { text-align:center; font:34px 'open_sansbold'; color:#494949; margin-top:15px;}
.headline { margin:auto; padding:0; width:380px; clear:both; overflow:hidden;}
.layerText { float:left; background:url(../image/whiteGrains.png) repeat #fff; position:absolute; top:-40px; margin-left:11px; padding:23px 46px;}
.layerText p { background:url(../image/textLayer1.png) no-repeat 0 -22px; width:256px; height:12px; float:left; border-bottom:solid 1px #bae1ed; padding-bottom:3px;}
.layerText2 p { background:url(../image/textLayer1.png) no-repeat 0 0 !important; width:256px; height:12px;}
.leftShad { display:block; background:url(../image/leftShad.png) no-repeat left; width:27px; height:30px; float:left;}
.rightShad { display:block; background:url(../image/rightShad.png) no-repeat right; width:27px; height:30px; float:right;}
.georg { text-align:center; font:italic 18px Georgia, Arial, Helvetica, sans-serif; color:#6e6565; padding-top:10px;}

.servicelist { overflow:hidden;}
.servicelist ul { margin-top:20px; float:left; border-left:solid 1px #eaeaea;}
.servicelist ul:first-child { border:none;}
.servicelist ul li { border-bottom:dotted 1px #909090; padding:22px 24px; margin:0 24px; overflow:hidden;}
.servicelist ul li:first-child { padding:0 24px 22px;}
.serviceCont { float:left; width:320px; margin-left:20px;}
.serviceCont h1 { font:16px 'open_sansbold'; color:#494949;}
.serviceCont p { font-size:13px; line-height:16px; padding-top:5px;}
.serviceCont p a { color:#f28022; float:left; padding-top:3px;}
.serviceCont p a:hover { color:#489dde;}

.sectorlist { overflow:hidden;}
.sectorlist ul { margin-top:5px;}
.sectorlist ul li { border-left:solid 1px #eaeaea; padding:0 11px; margin:0; float:left; width:466px;}
.sectorlist h1 { font:20px 'open_sansextrabold'; color:#3886cb; text-align:center;}
.sectorlist p { font-size:12px; line-height:16px; padding:5px 5px 0; text-align:center;}
.sectorlist p a { color:#f28022; padding-top:3px; text-align:center;}
.sectorlist p a:hover { color:#489dde;}

.icon-mob { background:url(../image/iconServices.png) no-repeat; width:51px; height:51px; float:left;}
.icon-pro { background:url(../image/iconServices.png) no-repeat 0 -52px; width:51px; height:51px; float:left;}
.icon-bpi { background:url(../image/iconServices.png) no-repeat 0 -104px; width:51px; height:51px; float:left;}
.icon-inf { background:url(../image/iconServices.png) no-repeat -52px 0; width:51px; height:51px; float:left;}
.icon-cor { background:url(../image/iconServices.png) no-repeat -52px -52px; width:51px; height:51px; float:left;}
.icon-tec { background:url(../image/iconServices.png) no-repeat -52px -104px; width:51px; height:51px; float:left;}
.icon-edu { background:url(../image/iconSector.png) no-repeat; width:75px; height:56px; margin:auto;}
.icon-aut { background:url(../image/iconSector.png) no-repeat -76px 0; width:75px; height:56px; margin:auto;}
.icon-fin { background:url(../image/iconSector.png) no-repeat 0 -57px; width:75px; height:56px; margin:auto;}
.icon-sec { background:url(../image/iconSector.png) no-repeat -76px -57px; width:75px; height:56px; margin:auto;}

footer { background:#6b767d; overflow:hidden; clear:both; margin-top:35px;}
.footSec { margin:auto; width:980px; padding:20px 0; overflow:hidden;}
.footSectors { float:left; margin-left:180px;}
.footSectors:first-child { margin:0;}
.footSectors h1 { color:#eaf1f5; font:15px 'open_sansbold'; background:url(../image/fborder.png) repeat-x bottom; padding-bottom:5px; width:180px; margin-bottom:5px;}
.footSectors ul { float:left; width:180px;}
.sub2 { margin:2px 0 0 40px !important;}
.footSectors ul li { padding:3px 0 5px; border-bottom:dotted 1px #90989e;}
.footSectors li a { color:#d0dde5; font-size:13px;}
.footSectors li a:hover { color:#cccf79;}
.footSectors p { color:#d0dde5; padding-top:3px;}
.footSectors p a { color:#cccf79; float:left;}
.footSectors p a:hover { color:#489dde;}
ul#footIcons { padding-right:18px; width:221px; margin-top:10px; clear:both;}
ul#footIcons li { float:left; margin:8px; border:none;}
ul#footIcons li:first-child { margin-left:0;}
ul#footIcons li a { float:left; background:url(../image/iconSocial.png) no-repeat; display:block; height:17px;}

.midBanner { margin:auto; width:980px; background:url(../image/banner.jpg) no-repeat; height:160px; margin:30px 0 20px;}

.footStrip { background:#555f65; overflow:hidden; padding:10px 0 6px;}
.foot { margin:auto; width:980px;}
.foot p { font-size:12px; float:left; color:#adb4b8;}
span.design { float:right; font-size:12px; color:#adb4b8;}
span.design a { color:#cccf79;}



/*Inner page styles*/

.innerBanner { margin:15px 0 0; background:url(../image/innerbanners.jpg) no-repeat; width:980px; height:131px;}
.ib-about { background-position:0 0;}
.ib-service { background-position:0 -131px;}
.ib-products { background-position:0 -262px;}
.ib-approach { background-position:0 -393px;}
.ib-careers { background-position:0 -524px;}
.ib-contact { background-position:0 -655px;}
.ib-sitemap { background-position:0 -786px;}
.ib-walletapp { background-position:0 0; border:solid 1px #ddcbcb; margin:15px 0 0; background:url(../image/innerBanner-WalletApp.jpg) no-repeat; width:978px; height:131px;}
.ib-ontoproducts{ background-position:0 0; border:solid 1px #ddcbcb; margin:15px 0 0; background:url(../image/innerBanner-Products.jpg) no-repeat; width:978px; height:131px;}
.breadCrum { background:#587aa5; overflow:hidden; padding:8px 0;}
.breadCrum ul li { float:left; border-left:solid 1px #7892b4; font-size:11px; padding:0 15px; line-height:12px;}
.breadCrum ul li a { color:#88a4c8;}
.breadCrum ul li a:hover { color:#a6bfde;}
.bcActive { color:#a6bfde !important;}
.bcActive:hover { color:#bcd1ec !Important;}
.innmidBanner { margin:auto; width:980px; background:url(../image/banner.jpg) no-repeat; height:200px; margin:30px 0 20px;}
#innSection { background:url(../image/whiteGrains.png) repeat #fff; border:solid 1px #ededed; padding-bottom:30px; overflow:hidden;}
#innSection h2 { font:21px "open_sansbold"; color:#396cbc;}
#innSection h3 { font:15px "open_sansbold"; color:#545454; margin-top:15px;}
#innSection p { font-size:15px; color:#797979; line-height:20px; padding-top:13px;}

#tab1 { margin:30px 20px 20px;}
#leftTab { float:left; width:270px;}
#leftTab h1 { font:16px "open_sansbold"; color:#494949; border-bottom:dotted 1px #c3c3c3; padding-bottom:4px; display:inline-table;}
.gotoTop { float:right; width:46px; margin-top:20px;}
.gotoTop a { background:url(../image/gotoTop.png) no-repeat 0 0; height:16px; width:46px; display:block; float:right;}
.gotoTop a:hover { background:url(../image/gotoTop.png) no-repeat 0 -17px;}
.stMain { position:relative; display:block; margin:0; padding:0; width:900px;}
.stContainer { display:block; height:450px; overflow:hidden; position:relative; min-height:300px; border-left:solid 1px #eaeaea;}
.stMain div.tabContent { display:block; position:absolute; padding-left:20px; width:600px !important;}
.tabContent li, .contentHolder li { font-size:15px; color:#797979; line-height:18px; padding:8px 0 0 23px; background:url(../image/bulletArrow.png) no-repeat 0 12px;}
ul.tabAnchor { /*position:relative;*/ clear:both; z-index:100; margin-top:15px;}
ul.tabAnchor li { position:relative; margin-right:18px; width:232px; border-bottom:solid 1px #d5d5d5;}
ul.tabAnchor li a { display:block; font-size:13px; color:#3e3e3e; padding:10px; width:230px !important;}
ul.tabAnchor li a:hover { color:#fff; background:url(../image/leftTabbg.png) no-repeat right;}
ul.tabAnchor li a.sel { color:#fff; background:url(../image/leftTabbg.png) no-repeat right;}

.contentHolder { padding:20px 20px 0;}
.reason { width:900px; clear:both; overflow:hidden;}
.reasonCon { float:left; margin-left:18px; width:780px;}
.reasonCircle { display:block; background:url(../image/numbers.png) no-repeat; width:23px; height:23px; float:left; margin-top:15px; text-align:center; font-size:12px; padding-top:3px; color:#fff;}
.reasonCon h3 { color:#396cbc !important;}
.reasonCon p { padding-top:5px !important;}
.contentHolder em { font-size:12px;}
.borderLine { background:#c3c3c3; height:1px; width:940px; margin-top:20px;}
address { width:300px; float:left; color:#797979;}
address a { color:#f28022;}
address a:hover { color:#489dde;}

.conBan { background:url(../image/contact-ban.png) no-repeat; float:left; width:341px; height:261px; margin-left:100px;}
.formCon { float:right; width:500px;}
.formCon form { width:300px;}
.formCon input[type=Text] { width:300px; margin-top:15px; padding:6px 10px; font:13px 'droid_sansregular'; color:#797979;}
.formCon input[type=button] { width:80px; background:#35557e; border:solid 1px #223752; padding:4px; color:#fff; margin-top:15px; cursor:pointer;}
.formCon input[type=button]:hover { background:#223752; border:solid 1px #2e4768;}
.formCon textarea { width:300px; margin-top:15px; padding:6px 10px; font:13px 'droid_sansregular';}

.sitemap {}
.sitemap ul {}
.sitemap ul li { font-size:13px; background:url(../image/sitemap-main.png) no-repeat 0 13px; padding-left:15px;}
.sitemap ul li a { color:#5d5d5d;}
.sitemap li li { padding-top:5px; background:url(../image/sitemap-sub.png) no-repeat 0 11px; padding-left:15px;}
.sitemap li li a { color:#797979;}
.sitemap li a:hover { color:#489dde;}

.scrollup { background:url(../image/backtoTop.png) no-repeat -38px 0; bottom:50px; display:none; height:36px; position:fixed; right:25px; text-indent:-9999px; width:37px;}
.scrollup:hover { background:url(../image/backtoTop.png) no-repeat 0 0;}