body {
background: #FFFFFF;
}
.body > div.innerContainerResize {
min-height: 505px;}
div.headerBg {
background: #e7e7e7;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 188px;
z-index: 4;
box-shadow: none;
}
.aboutUs{ position: relative; z-index:4; top: 95px; width:100%;}
.aboutUs .topHeading .arrowLeftdiv{ width:27px; height:50px; position:absolute; left:0px; cursor:pointer;}
.aboutUs .topHeading .arrowRightdiv{  width:27px; height:50px; position:absolute; right:0px; cursor:pointer;}
.aboutUs .topHeading p{font-family: 'arialn', Arial, Helvetica, sans-serif; line-height:50px; text-align:center; color:#326496; font-size:32px; font-weight:normal; padding:0 30px;}

.icons{ margin-top: 13px;
padding-top: 30px;}
.icons > ul{ display:block; margin:0 auto; width:100%;}
.icons > ul > li{ width:25%; float:left; padding-top: 24px; cursor:pointer;}
.icons > ul > li > span.icon{ width:52px; height:52px; margin:0 auto; display:block; background-repeat:no-repeat; background-position:0px 0px;}
.icons > ul > li > span.icon.icon01{ background-image:url(../images/aboutIcon01.png);}
.icons > ul > li > span.icon.icon02{ background-image:url(../images/aboutIcon02.png);}
.icons > ul > li > span.icon.icon03{ background-image:url(../images/aboutIcon03.png);}
.icons > ul > li > span.icon.icon04{ background-image:url(../images/aboutIcon04.png);}

.icons > ul > li > p {font-family: 'arialn', Arial, Helvetica, sans-serif; 
width: 52px;
height: 30px;
margin: 0 auto;
display: block;
color: #326496;
font-size: 15px;
line-height: 30px;
text-align: center;
}
.icons > ul > li.active,.icons > ul > li:hover{ background:url(../images/aboutUsDownArrow.png) no-repeat center top;}
.icons > ul > li.active > span.icon,.icons > ul > li:hover > span.icon{ background-position:0px -53px;}
.icons > ul > li.active:nth-child(1) > p,.icons > ul > li:hover:nth-child(1) > p  { color:#326496;}
.icons > ul > li.active:nth-child(2) > p ,.icons > ul > li:hover:nth-child(2) > p{ color:#46b9be;}
.icons > ul > li.active:nth-child(3) > p,.icons > ul > li:hover:nth-child(3) > p { color:#77933c;}
.icons > ul > li.active:nth-child(4) > p,.icons > ul > li:hover:nth-child(4) > p { color:#8264a0;}

.dataTab{}
.dataTab > ul{}
.dataTab > ul > li{}
.dataTab > ul > li > .dataBlock{ position: relative;}
.dataTab > ul > li > .dataBlock > ul { }
.dataTab > ul > li:nth-child(1) > .dataBlock > ul > li{ color:#326496;}
.dataTab > ul > li:nth-child(2) > .dataBlock > ul > li{ color:#46b9be;}
.dataTab > ul > li:nth-child(3) > .dataBlock > ul > li{ color:#77933c;}
.dataTab > ul > li:nth-child(4) > .dataBlock > ul > li{ color:#8264a0;}

.dataTab > ul > li > .dataBlock > ul.top > li {font-family: 'arialn', Arial, Helvetica, sans-serif;  width: 33.3%;
background: url(../images/border2.png) repeat-x bottom;
height: 100px;
padding-bottom: 5px;
line-height: 100px;
font-size: 32px;
font-weight: normal;
float: left; }
.dataTab > ul > li > .dataBlock > ul.top > li:nth-child(2) { text-align:center; }
.dataTab > ul > li > .dataBlock > ul.top > li:nth-child(3) { text-align:right; }

.dataTab > ul > li > .dataBlock > ul.top > li.active{ background:url(../images/border1.png) repeat-x bottom; cursor:pointer; }

.dataTab > ul > li:nth-child(1) > .dataBlock > ul.top > li.active,.dataTab > ul > li:nth-child(1) > .dataBlock > ul.top > li:hover{ background:url(../images/border2.png) repeat-x bottom; cursor:auto; }

.dataTab > ul > li > .dataBlock > ul#DIVERSEEXPERIENCE{ display:block;}
.dataTab > ul > li > .dataBlock > ul#TECHTALENT{ display:none;}
.dataTab > ul > li > .dataBlock > ul#GLOBALNETWORK{ display:none;}

.dataTab > ul > li > .dataBlock > ul.bottom > li { width:33.2%;   height: auto;  float:left;  margin-top: 30px;}

.dataTab > ul > li > .dataBlock > ul.bottom > li.left { width:100%;   height: auto;  float:none; }
.dataTab > ul > li > .dataBlock > ul.bottom > li.right { width:33.3%;   height: auto;  float:left; border-left:1px solid #bfbfbf; border-right:none !important;}

.dataTab > ul > li > .dataBlock > ul.bottom > li:nth-child(2) { border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
.dataTab > ul > li > .dataBlock > ul.bottom > li > img.pic { width: 100%; height:auto;}
.dataTab > ul > li:nth-child(1) { display:block;}
.dataTab > ul > li:nth-child(2) { display:none;}
.dataTab > ul > li:nth-child(3) { display:none;}
.dataTab > ul > li:nth-child(4) { display:none;}

.dataTab > ul > li > .dataBlock > ul.bottom > li:nth-child(1) > .aboutbox{margin:0 auto 0 0;}
.dataTab > ul > li > .dataBlock > ul.bottom > li:nth-child(2) > .aboutbox{margin:0 auto;}
.dataTab > ul > li > .dataBlock > ul.bottom > li:nth-child(3) > .aboutbox{margin:0 0 0 auto;}


.dataTab > ul > li:nth-child(4) > .dataBlock > ul.top > li { width:25%;}
.dataTab > ul > li:nth-child(4) > .dataBlock > ul.top > li:nth-child(4) { text-align:right;}
.dataTab > ul > li:nth-child(4) > .dataBlock > ul.top > li:nth-child(2) {text-align: right; padding-right: 10%; width: 15%;}
.dataTab > ul > li:nth-child(4) > .dataBlock > ul.top > li:nth-child(3) {text-align: right; padding-right: 5%; width: 20%;}
.aboutbox { width:92%; }
.aboutbox .left { float:left; margin-right:5%; width:45%;  cursor:pointer;}
.aboutbox .left > img{ display:block; margin:0 auto; width:100%; }

.aboutbox .right { float:left; position:relative; width:44%; height:145px; }
.aboutbox .right p{ text-align:left; position:relative; color:#325f96; font-size:13px;}
.aboutbox .right p span{ display:block; color:#000000; font-size:16px;}

.aboutbox .right  .button{ position:absolute; top:0; right:0; width:14px; height:14px; cursor:pointer; display:block; background:url(../images/about-open.jpg) no-repeat 0px 0px;}
.aboutbox .right  .button:hover div.toolTip{ display:block;}
.aboutbox .right  .button div.toolTip{font-size: 11px;
text-align: center;
position: absolute;
color: #fff;
background: #324b64;
padding: 2px 6px 1px;
line-height: 18px;
width: 70px;
left: -37px;
display: vnone;
bottom: -33px;
height: 18px;}
.aboutbox .right  .button div.toolTip img{ left:37px; }

.aboutbox .right  .icons{ position:absolute; bottom:0; right:0;}
.aboutbox .right  .icons li{ float:left; margin-left:10px;}

.ShowData{position: absolute;
top: 105px;
left: 0;
width: 100%;
padding-top: 30px; background:#FFFFFF; z-index: 1; display:none;  }
.ShowData .aboutbox {width: 31.3%;
float: left;
border-right: 1px solid #bfbfbf;}
.ShowData .aboutbox .right .button{ background-position:0 -14px;}

.ShowData .rightbox {width: 68%; float:right; color: #325f96;}
.ShowData .rightbox > ul > li{ float: left;
width: 49%;
margin-left: 1%; text-align: justify;}
.ShowData .rightbox > ul > li > ul > li{ list-style-type:disc; list-style-position: outside; margin-left:20px; margin-bottom:20px; line-height: 19px;}
.ShowData .rightbox > ul > li > ul > li:last-child{  margin-bottom:0px;}

ul.listData{ padding-top:16px;}
ul.listData li.left{ float:left; width:15%; font-size: 14px;
line-height: 20px; padding-bottom: 16px;}
ul.listData li.right{
float: left;
width: 85%;
padding-bottom: 16px;
color: #324b64 !important;
font-size: 14px;
line-height: 20px;
font-weight: normal; text-align:justify;
}
ul.listData li.line{ clear:both; display:block; border-top:1px solid #bfbfbf; margin-bottom:16px; height:0px; overflow: hidden;   }
ul.listData li.right > ul.view > li{ float:left; width:50%;   }
ul.listData li.right > ul.view > li:last-child{ width:45%; margin-left:5%;}
ul.listData li.right > ul.view > li > ul.icons{ float:right; margin-top:0px; padding-top:0px;}
ul.listData li.right > ul.view > li > ul.icons > li{ width:15px; height:15px; margin-left:10px; float:left; cursor:pointer; position:relative;}
ul.listData li.right > ul.view > li > ul.icons > li:nth-child(1){ background: url(../images/icin-Apply1.jpg) no-repeat;}
ul.listData li.right > ul.view > li > ul.icons > li:nth-child(2){ background: url(../images/icin-Apply2.jpg) no-repeat;}
ul.listData li.right > ul.view > li > ul.icons > li:nth-child(3){ background: url(../images/icin-Apply3.jpg) no-repeat;}

ul.listData li.right > ul.view > li > ul.icons > li:hover div.toolTip{ display:block;}
ul.listData li.right > ul.view > li > ul.icons > li div.toolTip{ font-size: 11px;
text-align: center;
position: absolute;
color: #fff;
background: #324b64;
padding: 2px 6px 1px;
line-height: 18px;
width: 70px;
left: -37px;
display: none;
bottom: -29px;
height: 18px;}


.jobBox{position: absolute;
padding: 2.5%;
top: 0px;
left: 0;
width: 80%;
margin-left: 15%;
background: #FFFFFF;
z-index: 1;
display: none;
min-height: 230px;
box-shadow: 0px 2px 5px rgba(120, 120, 120, 0.2);
color: #324b64;
}
.jobBox ul.icons{ position: absolute;
top: -37px;
right: 35px; z-index:2;}
.jobBox p{ line-height:19px; padding-bottom:16px; }
.jobBox p.heading{ line-height:19px; font-size:15px; font-weight:normal; }
.jobBox ul.icons > li{ width:15px; height:15px; margin-left:10px; float:left; cursor:pointer; position:relative}
.jobBox ul.icons > li:nth-child(1){ background: url(../images/icin-Apply4.jpg) no-repeat;}
.jobBox ul.icons > li:nth-child(2){ background: url(../images/icin-Apply2.jpg) no-repeat;}
.jobBox ul.icons > li:nth-child(3){ background: url(../images/icin-Apply3.jpg) no-repeat;}
.jobBox ul.icons > li:nth-child(4){ background: url(../images/icin-Apply4.jpg) no-repeat;}

.jobBox ul.icons > li:hover div.toolTip{ display:block; }
.jobBox ul.icons > li div.toolTip{ font-size: 11px;
text-align: center;
position: absolute;
color: #fff;
background: #324b64;
padding: 2px 6px 1px;
line-height: 18px;
width: 70px;
left: -37px;
display: vnone;
bottom: -33px;
height: 18px; }

.jobBox ol{list-style-type:decimal; margin:0; padding:0; }
.jobBox ol >li{  list-style-position:outside;  list-style-type:decimal; margin-left:20px;}


.address{ padding:0 0 0 20px;  font-size:14px; line-height:20px; display:none;min-height: 145px;}
.address p.heading{ color: #324b64;
border-bottom: 1px solid #324b64;
font-size: 22px;
line-height: 22px;
padding-bottom: 8px;
margin-bottom: 12px;}
.address p { color:#324b64; }
.address p strong{ display:block; font-size:16px; }
.address p span.icon{ display: block;
width: 16px;
height: 20px;
float: left;
margin-right: 7px;
background: url(../images/icon-email.jpg) no-repeat 0px 4px;}
.address p span.text a{ text-decoration:none; color:#324b64; }

.queryForm{ margin-top:75px;}
.queryForm .LEFT{ float:left; width:48%;}
.queryForm .RIGHT{ float: right; width:48%; }

.queryForm  select{ border:1px solid #bfbfbf; line-height:25px; height:25px; padding: 0 0 0 5px; width:91%; color:#a6a6a6; font-size:13px; margin-bottom:16px; }
.queryForm  textarea{ resize: none;
border: 1px solid #bfbfbf;
line-height: 18px;
height: 63px;
padding: 0 10px;
width: 95%;
color: #a6a6a6;
padding-top: 5px;
font-size: 13px;
margin-bottom: 12px; }
.queryForm  textarea::-webkit-input-placeholder{ color:#a6a6a6; font-size:13px; font-style:normal;}
.queryForm  textarea::-moz-placeholder{ color:#a6a6a6; font-size:13px; font-style:normal;}
.queryForm  textarea::-ms-input-placeholder{ color:#a6a6a6; font-size:13px; font-style:normal;}

.queryForm  input[type="text"]{ border:1px solid #bfbfbf; line-height:25px; height:50px; padding:0 10px; width:37%; color:#a6a6a6; font-size:13px; margin-bottom:16px; }
.queryForm  input[type="text"]::-webkit-input-placeholder{ color:#a6a6a6; font-size:15px; font-style:normal; }
.queryForm  input[type="text"]::-moz-placeholder{ color:#a6a6a6; font-size:15px; font-style:normal; }
.queryForm  input[type="text"]::-ms-input-placeholder{ color:#a6a6a6; font-size:15px; font-style:normal; }
.queryForm  input[type="text"].left{ margin-right:2%;}
.queryForm  input[type="text"].email{width:92%; }


ul.captcha{margin-right:0px;}

ul.captcha li{ }
ul.captcha li:nth-child(1){ margin-right: 3%; float: left; width: 82%;}
ul.captcha li:nth-child(1) img{ display:block; margin:0 auto;}
ul.captcha li:nth-child(2){ float: left; width: 15%; margin-bottom: 13px;}
ul.captcha li:nth-child(2) img{ display:block; margin:0 0 0 auto}
ul.captcha li:nth-child(3){ clear:both;}
ul.captcha li:nth-child(3) input{width: 89.2%; padding:0 5%;}
ul.captcha li:nth-child(4){ }
input.submit {
background: #8264a0;
color: #FFFFFF;
border: none;
padding:8px 0px;
margin: 0;
 cursor:pointer;
margin-right: 0px;
width: 100%;
}
.aboutUs .topHeading p span.left{display: block; float: left; margin-left: 23%;}
.aboutUs .topHeading p span.right{display: block; float: left;}
.aboutUs .topHeading p span.circle{ width: 20px;
height: 20px;
border-radius: 20px;
background: #8264a0;
display: block;
float: left;
margin: 15px 20px 0px 20px;}
.bottomText{ border-top: 1px solid #bfbfbf;
font-family: 'arialn', Arial, Helvetica, sans-serif;
font-size: 34px;
line-height: 60px;
display: block;
margin: 0 auto;
text-align: center;
color: #bfbfbf;
word-spacing: 15px;}
.bottomText strong{ font-weight:normal; color:#32afe1;}
.meaning{ display:block; margin:16px auto;}


div.headerBg {
height: 188px;
position: absolute;
}

.pageFooter {
position: relative;
margin-top: 110px; top:auto;}

@media (max-width: 1040px) {
div.headerBg {
height: 237px !important;
}

}

@media (max-width: 886px) {
.pageFooter { position: relative !important; margin-top: 116px;}
div.headerBg {
position: absolute;
height: 90px;
z-index: -1;
}

.aboutUs {position: relative;}
.pageFooter { position: relative !important;}
}