@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

.clear{
	clear:both;
	padding:opx;
	margin:0px;
}
*,html{margin: 0px;padding: 0px;}
body {margin: 0px auto;  text-align: center; font-family: 'Open Sans', sans-serif; color: #272727; background: url("../images/blurbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0.9); font-size: 12px; font-weight:normal; }
.central_lock {width: 980px; margin: 0px auto;text-align: left; }
h1,h2,h3,h4,h5,h6 {margin: 0px;padding: 0px}
h1 {font-size: 24px}
h2  {font-size: 19px}
h3 {font-size: 16px}
h4 {font-size: 13px}
ul {list-style-type: none;margin: 0px;padding: 0px;}
img {border: none;}
a {color: #af1309;text-decoration: none;font-weight: bold}
a:hover {color: #c6282e;}
.topstrip{ width:980px; background:#244364; height:4px; float:left; }
.header{ float:left; background: none repeat scroll 0 0 rgb(255, 255, 255); height: 95px; overflow: hidden; width: 978px; padding:0; margin:0 0 0px;  }
.logo{ float:left; padding:15px 0px 0px 15px; }
.headerright{ float:right; padding:5px 0px 0px 0px; }
.menuoutwrap{ width:980px; float:left; height:46px; background:#193d6c; border-radius:5px;  }
.banneroutwrap{ float:left; height: 316px; overflow: hidden; width: 978px; padding:0; background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); }
.innerbanneroutwrap{ float:left; height: 316px; overflow: hidden; width: 978px; padding:0; background: none repeat scroll 0 0 rgb(255, 255, 255); }
.innerservicesoutwrap{ float:left; width: 978px; padding:0; background: none repeat scroll 0 0 rgb(255, 255, 255); }
.innercontactoutwrap{ float:left; min-height: 506px; height:auto; width: 978px; padding:0; background: none repeat scroll 0 0 rgb(255, 255, 255); }
.banner{ width:700px; height:316px; overflow:hidden; float:left; background-color:#ffffff; }
.aboutcontent{width:600px; margin-left:50px; height:316px; overflow:hidden; font-size:13px; text-align:justify; float:left; background-color:#ffffff;}
.servicescontent{width:600px; margin-left:50px; font-size:13px; text-align:justify; float:left; background-color:#ffffff;}
.concontent{width:600px; margin-left:50px; overflow:hidden; font-size:13px; text-align:justify; float:left; background-color:#ffffff;}
.innerbanner{ width:980px; height:316px; overflow:hidden; float:left; background-color:#ffffff; }
.bannerform{ float:left; width:268px; height:316px; overflow:hidden; background-image:url(../images/enquiry.jpg); }
.abouttitle{ float:left; margin-left:30px; width:268px; height:316px; overflow:hidden;  }
.contacttitle{ float:left; margin-left:30px; width:268px;  }
.body{ float:left; box-shadow: 1px 5px 25px 2px 0.5 #26476f; background: none repeat scroll 0 0 rgb(255, 255, 255); height:auto; overflow: hidden; width: 978px; background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); padding-top:20px; margin-top:0px; }
.bodycenter{ margin:0 auto; width:98%; }
.bodycontent{ width:600px; padding:5px; float:left; }

blockquote {
	margin: 1em 2em;
    quotes: "\201C""\201D""\2018""\2019";
}
ul#nav {margin:0px;}
ul.drop { 
   list-style:none;
   margin:0;
   float:left;
   color:#ffffff;
   font-size:14px;
}
ul.drop li { float: left; margin:0; z-index:9999999; display:block;  }
ul.drop>li>a{
   color:#dbdbdb;
   display: block;
   width:auto;
   padding:12px 15px 12px 15px; 
   text-transform:uppercase;
   font-weight:400;
   text-decoration:none;
   float: left;

}
ul.drop li:hover a{
   color: #ffffff;

}
ul.drop>li:hover { 
   position: relative; 
   cursor: default;  
   text-align:left;
   background-color:#ef4b4f;
   border-top:2px solid #ef4b4f;
   color:#ffffff;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
   display: block;
   text-decoration: none;
   float: left;
   transition: background .27s ease-in-out;
   -moz-transition: background .27 ease-in-out;
   -webkit-transition: background .27s ease-in-out;
}
ul.drop ul { visibility: hidden; list-style:none; position: absolute; top: 100%; left: 0; z-index: 598;  background:#3f7cbd;  padding:0px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); }
ul.drop ul li { padding:10px 5px 10px 5px; border-right:none; color:#ffffff; width:185px; border-bottom: 1px dotted #e0e0e0; font-size:12px; }
ul.drop ul li a{  display:block; margin-left:10px;}
ul.drop ul li:hover{ 
	cursor:pointer;
	position:relative;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
   background-color:#ef4b4f;

}

ul.drop ul li.current-menu-item
{
	background-color:#0c3c68;
	color:#ffffff;
}

ul.drop ul ul { top: 0px; left: 100%; }
ul.drop li:hover > ul { visibility: visible; color:#2d2d2d; }




#contentrightbox{
width:200px;
height:110px;
float:left;
background-color:#f2f2f2;
border-top-right-radius: 5px;
border-top-left-radius: 5px; 
}
#sapservices{
width:180px;
height:auto;
float:left;
text-align:left;
margin-top:15px;
margin-left:15px;
 font-family: Georgia,"Times New Roman",Times,serif;
 white-space: nowrap;
 overflow: hidden;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
color:#106655;


}

.box {
	width:80px;
	height:62px;
	background:#FFF;
	border:1px solid #dddddd;
	float:left;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 47%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}





.findjobbtn {
	font-size: 16px;
	color:#ffffff;
	font-weight: 500;
	padding: 5px 22px 5px 22px;
	letter-spacing: .1px;
	border:1px solid #355177;
	border-radius:3px;
	background-color:#193d6c;
	line-height: 28px !important;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.findjobbtn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ce1f23;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.findjobbtn:hover, .findjobbtn:focus, .findjobbtn:active {
  color: white;
  border-radius:3px;
  border:1px solid #c92e31;
}
.findjobbtn:hover:before, .findjobbtn:focus:before, .findjobbtn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* Services */
.box-icon-bordered {
    border: 2px solid #f2f2f2;
}
.box-icon {
    position: relative;
    padding: 42px 25px 27px 25px;
	float:left;
	width:240px;
	margin-right:30px;
	margin-bottom:45px;
	text-align:center;
	cursor:pointer;
}

.img {
    border: 2px solid #D0D0D0;
	margin:0px 5px;
}
.icon-dark-filled {
    background: -moz-linear-gradient(45deg, #2a3c54 0%, #193d6c 100%);
    background: -webkit-linear-gradient(45deg, #2a3c54 0%, #193d6c 100%);
    background: -o-linear-gradient(45deg, #2a3c54 0%, #193d6c 100%);
    background: -ms-linear-gradient(45deg, #2a3c54 0%, #193d6c 100%);
    background: linear-gradient(45deg, #2a3c54 0%, #193d6c 100%);

}
.box-icon:hover>.icon-dark-filled{

	background: -moz-linear-gradient(45deg, #f0494d 0%, #ce1f23 100%);
    background: -webkit-linear-gradient(45deg, #f0494d 0%, #ce1f23 100%);
    background: -o-linear-gradient(45deg, #f0494d 0%, #ce1f23 100%);
    background: -ms-linear-gradient(45deg, #f0494d 0%, #ce1f23 100%);
    background: linear-gradient(45deg, #f0494d 0%, #ce1f23 100%);
	
}
.box-icon:hover>.servicestitle{
	color:#ce1f23;

}
.icon-sm.icon-outlined {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 40px;
}
.box-icon .icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.icon-dark-filled, .icon-shark-filled, .icon-mantis-filled, .icon-pink-filled, .icon-malibu-filled, .icon-carrot-filled, .icon-red-filled, .icon-blue-gray-filled {
    color: #fff;
    border: none;
}
.icon-outlined, .icon-outlined::after {
    border-radius: 50%;
}
.icon-outlined {
    width: 70px;
    height: 70px;
    font-size: 32px;
    line-height: 70px;
    text-align: center;
    border: 2px solid;
}
.icon {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: 54px;
    line-height: 56px;
    font-style: normal;
}

.servicestitle{
	color:#193d6c;
	font-size:17px;
	margin-top:10px;
}
.readmorebtn{
	border:1px solid #ffffff;
	background-color:#95979a;
	padding:5px 10px 5px 10px;
	font-size:12px;
	color:#ffffff;
	cursor:pointer;
	float:left;
	border-radius:4px;
}
.readmorebtn:hover{
	border:1px solid #a3bfe3;
	background-color:#193d6c;
	padding:5px 10px 5px 10px;
	transition: background .35s ease-in-out;
   -moz-transition: background .35s ease-in-out;
   -webkit-transition: background .35s ease-in-out;
}


.formsubmitbtn{
	background-color:#49515c;
	padding:5px 10px 5px 10px;
	width:60%;
	margin:0 auto;
	color:#ffffff;
	font-size:13px;
	border:1px solid #c4c4c4;
	cursor:pointer;
	border-radius:3px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}
.formsubmitbtn:hover{
	background-color:#334a66;
	border:1px solid #ffffff;
	      transition: background .27s ease-in-out;
   -moz-transition: background .27 ease-in-out;
   -webkit-transition: background .27s ease-in-out;
}



.contactsend{
	background-color:#db2428;
	padding:5px 10px 5px 10px;
	width:60%;
	margin:0 auto;
	color:#ffffff;
	font-size:13px;
	border:1px solid #f5d18c;
	cursor:pointer;
	border-radius:3px;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
}
.contactsend:hover{
	background-color:#334a66;
	border:1px solid #ffffff;
	      transition: background .27s ease-in-out;
   -moz-transition: background .27 ease-in-out;
   -webkit-transition: background .27s ease-in-out;
}



.forminputs{
	border:0px;
	padding:3px;
}
.forminputs1{
	border:0px;
	padding:10px 10px;
	width:90%;
}
.facebook{
	background-color:#3b5997; cursor:pointer; 
}

.facebook a:hover{
	background-color:#496ebb;
}
.twitter{
	background-color:#5ea9dd; cursor:pointer;
}
.twitter a:hover{
	background-color:#6cbff8;
}
.linkedin{
	background-color:#0077b5; cursor:pointer; 
}
.linkedin li:hover{
	background-color:#0c9ae4;
}
.googleplus{
	background-color:#dd4d40; cursor:pointer; 
}
.googleplus:hover{
	background-color:#f86c5f;
}





/* Jobs Table */

table.jobs_table {
    border-collapse: collapse;
    width: 90%;
	margin:0 auto;

}
table.jobs_table tr {
    vertical-align: top;
}
table.jobs_table th, table.jobs_table td {
    border: 1px solid #c4cce5;
    padding: 4px 5px;
	line-height:2.2;

}
table.jobs_table th {
    background-color: #444db0;
    color: #ffffff;
    text-align: left;
}
table.jobs_table td {
		
}
table.jobs_table tr.even td {
    background-color: #ecf3ff;
}
table.jobs_table tr:nth-child(2n) td {
    background-color: #ecf3ff;
}
table.jobs_table tr:hover td {
    background-color: #fffbd1;
}
table.jobs_table .label {
    font-weight: bold;
}
table.jobs_table th.header2 {
    background: url("../images/sortable.gif") no-repeat scroll 4px 8px #1558a8;
    cursor: pointer;
    padding: 4px 5px 4px 18px;
}
table.jobs_table th.header2.headerSortDown {
    background-image: url("../images/sortable_desc.gif");
    background-position: 4px 12px;
}
table.jobs_table th.header2.headerSortUp {
    background-image: url("../images/sortable_asc.gif");
    background-position: 4px 10px;
}
table.jobs_table label {
    display: block;
    white-space: nowrap;
}
table.jobs_table th.header2:hover {
    background: url("../images/sortable.gif") no-repeat scroll 4px 8px #4d90e0;
}
table.jobs_detail {
    border-bottom: 1px solid #cccccc;
    border-collapse: collapse;
    border-top: 1px solid #cccccc;
    margin: 11px 0 0;
    width: 648px;
}
table.jobs_detail td {
    padding: 6px;
}
table.jobs_detail strong {
    margin-right: 3px;
}

/* Apply Job Popup */
 #overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 999999;
display: none;
}
.content a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
top:0;
position: fixed;
z-index: 9999999;
}
.content{
min-width: 310px;
width: 310px;
font-family:"Times New Roman", Times, serif;
min-height: 150px;
margin: 50px auto;
background: #f3f3f3;
position: relative;
z-index: 99999999;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.content p{
clear: both;
color: #555555;
text-align: justify;
}
.content p a{
color: #d91900;
font-weight: bold;
}
.content .x{
float: right;
height: 29px;
left: 22px;
position: relative;
top: -25px;
width: 25px;
}
.content .x:hover{
cursor: pointer;
}