@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://fonts.googleapis.com/css?family=Chivo:900);
@import url(https://fonts.googleapis.com/css?family=Cabin:700);
@import url(fonts/stylesheet.css);
@import "css/font-awesome.css";


 /*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

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

}


div, h1, h2, h3, p, ol, ul, img, header section, footer, figure {padding:0px; border:0px; list-style:none;}

a		{color:#646464; text-decoration:underline;}
a:hover	{color:#646464; text-decoration:none;}


html    {height:100%;}
form	{height:100%;}
body    {height:100%; font-family: Calibri, 'CalibriRegular', Trebuchet MS, Arial; font-size:1em; background:#fff; color:#646464; margin:0px; line-height:18pt;}

#form1  {opacity:0;}
.wrap   {width:100%; margin:0px auto; padding:0px; float:left;}
p       {margin:0px  0px 15px 0px; padding:0px; text-align:justify}
.clear	{clear:both; width:100%;}
.clear1	{clear:both; width:100%; height:10px;}
.clear2	{clear:both; width:100%; height:20px;}
.clear3	{clear:both; width:100%; height:30px;}
.clear4	{clear:both; width:100%; height:40px;}
.border {border:1px solid #eee; padding:1px;}
.hr     {border-bottom:1px solid #ccc; line-height:1px; width:100%;}

.readmore   {float:right;}
.readmore a {color:inherit}

.scrollup{ width:44px; height:44px;	text-indent:-9999px; position:fixed; bottom:10px; right:10px; display:none; background: url('images/top.png') no-repeat; z-index:99999999;}
img     { max-width:100%; height:auto}


.wrap1   {max-width:1200px; margin:0px auto; padding:0px;  }
/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper    {position:relative; width:100%; margin:0 auto; text-align:left; float:none; background:#fff;}
.wrapper    {min-height:100%; height:auto !important; height: 100%; margin: 0 auto -164px; /* the bottom margin is the negative value of the footer's height */}
.footerwrap {position:relative; width:100%; margin:0 auto; bottom:0px; padding:0px; min-height:164px; clear:both; background:#fff; z-index:9}
.push       {clear:both; height:164px}

.wrapper1    {position:relative; width:100%; margin:0 auto; text-align:left; float:none; background:#fff;}
.wrapper1    {min-height:100%; height:auto !important; height: 100%; margin: 0 auto -386.5px; /* the bottom margin is the negative value of the footer's height */}
.footerwrap1 {position:relative; width:100%; margin:0 auto; bottom:0px; padding:0px; min-height:386.5px; clear:both; background:#fff; z-index:9}
.push1       {clear:both; height:440px}

.wrapper-home       {position:relative; width:100%; margin:0 auto; text-align:left; float:none; background:#fff;}
.wrapper-home       {min-height:100%; height:auto !important; height: 100%; margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */}
.footerwrap-home    {position:relative; width:100%; margin:0 auto; bottom:0px; padding:0px; min-height:55px; clear:both; background:#fff; z-index:9}
.push-home          {clear:both; height:55px}



/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/
#headerpan, #bodycontainerpan-home, #bodycontainerpan, #bodycontainerpan-inside, #footerpan, #footerpan-home  {padding:0px; margin:0px; float:left; width:100%;}
#header, .bodyarea, .footer {max-width:1200px; width:100%; float:none; margin:0px auto;}

#headerpan     {  z-index:9; width:100%; display:block; float:left; background:#fff; z-index:99999;}
#headerpan-home {min-height:10px; z-index:9; width:100%; display:block; float:left; background:#fff; z-index:99999;}
#footerpan-home {-wbkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.6); -moz-ox-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.6); bx-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.6); background:#fff}

#bodycontainerpan           { background:#fff; z-index:9; position:relative; -wbkit-box-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3); -mz-box-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3); bx-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3);}
#bodycontainerpan-inside    {margin-top:0px; background:#fff; z-index:9; position:relative; -wbkit-box-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3); -mz-box-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3); bx-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.3); float:left; margin-bottom:2%;}

.err    {font-size:12px; color:rgb(200,0,0);}
.error  {font-size:12px; color:rgb(200,0,0);}

@media(min-width:768px){
header.sticky { text-align: left; position: fixed;   box-shadow:5px 5px 5px rgba(0,0,0,0.08); border-bottom:1px solid #ccc; z-index:99999;background:#d1ecfb !important; }
header.sticky {  -webkit-animation: fadeInDown 1000ms ease; -moz-animation: fadeInDown 1000ms ease;   -ms-animation: fadeInDown 1000ms ease;} 
}

/*
=====================================================================================================================================================
TRANSITION STYLE
=====================================================================================================================================================
*/
a, .view, .view-url, .past-exh, table.current-opening tr, table.job-opening tr
{-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}




/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
.header          {width:100%; margin:0px auto; padding:0px; float:none;   min-height:130px; position:relative;  }

.header .logo           {float:left; margin:0px; padding:10px 0px 0px 0px;}
.header .logo-pic       {float:left; padding-right:10px; width:auto}
.header .logo-pic img   {position:relative; z-index:9; max-width:100%}

.header .logo-caption           {float:left; color:#42b0eb; width:auto}
.header .logo-caption .compname {display:block; font-family: 'futurabold'; font-weight:900; font-size:2.3em; padding-top:25px; padding-bottom:7px; text-transform:uppercase;}
.header .logo-caption .caption  {display:block; font-size:1.32em; color:#000; text-transform:uppercase}

.header .emblem                 { color:#42b0eb; width:auto; margin-left:15px;width:33%;} 

.header .bismillah-hm   {float:right; margin:0px; padding:12px 30px 0px 0px; text-align:right;}
.header .bismillah      {float:right; margin:0px; padding:23px 0px 0px 20px;}

.header .nav            {float:right; margin:0px; padding:35px; width:auto; position:absolute; right:0px; z-index:2; top:0px;}

.header > .contact {float:right; padding:12px 0px 0px 0px; font-size:1.1em; color:#000; text-align:left; }

.header > .contact > .tel    {padding-left:0px; display:block; margin:0px; text-align:left;  }
.header > .contact > .email  {padding-left:0px; display:block; margin:0px; text-align:left;  }

.header > .contact > .email a   {color:inherit; text-decoration:underline; }
.header > .contact > .email a:hover   {color:inherit; text-decoration:none; color:#333;}

a.btns {  color:#42b0eb; padding:3px 0px; text-decoration:none; border-radius:4px; margin:5px 15px 0px 0px; display:inline-block;   }
a.btns:hover { color:#333;}

a.btns .fa {padding:5px 10px 0px 0px; }



.header1          { margin:0px auto; padding:0px; float:none;   min-height:130px; position:relative; border-bottom:1px solid #e8e8e8;}
.header1 .logo1           { margin:0px auto; padding:10px 0px 0px 0px; max-width:300px;   }
.header1 .logo-pic       {float:left; padding-right:10px; width:auto}
.header1 .logo-pic img   {position:relative; z-index:9; max-width:75%}
.header1 .bismillah1      {float:left; margin:0px; padding:25px 0px 0px 0px;}

.header1 .logo-caption           {float:left; color:#42b0eb; width:100%; }
.header1 .logo-caption .compname {display:block; font-family: 'futurabold'; font-weight:900; font-size:2.3em; padding-top:15px; padding-bottom:7px; text-transform:uppercase;}
.header1 .logo-caption .caption  {display:block; font-size:1.32em; color:#000; text-transform:uppercase}

header.sticky .header1   {min-height:0px;}
header.sticky .header1 .logo1, header.sticky  .header1 .bismillah1     { display:none;} 

header.sticky  #headerpan {min-height:20px;}

.header{display:table;padding-top: 5px;} 
.header .header-left, .header .header-center, .header .header-right{display:table-cell; width:25%;vertical-align:middle;}
.header img{max-width:100%;}
.header .header-center{width:50%; margin: 0 auto;text-align:center;}
.header .header-right{text-align:right;}
.list-col-2{display:table;}
.list-col-2 > li{display:table-cell;width:50%;vertical-align:middle;padding: 0 12px;}
.list-col-2 > li *{vertical-align:middle;}
.header-center .list-col-2{margin: 5px auto;}
.cta li{font-weight:600;}
.header-cta .list-col-2{margin:0 auto;max-width:510px;}
.header-cta .list-col-2 > li{text-align:center;}
.text-blue *{color:#42b0eb;}
.navbar{background-color:#d1ecfb;margin-top:15px;}
.header-border{border-top:1px solid #42b0eb;position:relative;width:95%;margin:0 auto;}
.header-border:before, .header-border:after{content: url(images/header-plane-icon.png);position:absolute;top:-10px;}
.header-border:before{left:-10px;}
.header-border:after{right:-10px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}

.menu > li:nth-child(even){display:none;}

@media(min-width:768px) {
    .menu > li > a{position:relative;font-weight:600;}
    .menu > li:nth-child(even){padding: 8px 0;display:block;}
    header.sticky .menu > li > a{padding: 10px !important;}
    header.sticky .home-header, header.sticky .header-cta, header.sticky .header-border{display:none;}
    header.sticky .navbar{margin-top:0;}
    .navbar .menu{display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;justify-content:center;}
    .navbar .menu.home-menu li a{padding:10px 5px !important;}
    .header-right .list-col-2> li{text-align:right;}
}
@media(min-width:1199px){
    .navbar .menu.home-menu li a{padding:10px 15px !important;}
}
@media only screen and (max-width: 980px) and (min-width: 768px){
    .navbar .menu.home-menu li a{padding:10px 5px !important;font-size:12px !important;}
}

@media(max-width:768px){
    #main-nav {list-style-type: none;display: none;flex-direction: column;}
    .header .header-center{width:100%;}
    .header .header-left, .header .header-right {display:none;}
}
@media(max-width:560px){
    .header-border{display:none;}
    .list-col-2 > li{display:block;width:auto;margin-bottom:5px;}
}
/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/
.body-content-holder        {padding:0% 0px; margin:0px auto; float:none; width:100%; min-height:150px;}
.body-content-holder-home   {width:1200px; height:auto; float:left}

.left-panel     {width:18%; float:left; margin:0px; padding:0px;}
.right-panel    {width:77%; float:left; margin:0px; padding:0px; margin-left:4%}

.body-content-holder ul li {list-style:disc; padding:0px; margin:0px 0px 0px 25px;}

/*------------------------------------------
Home
------------------------------------------*/
.bg-home        {bac-kground:#f9f9f9; }
.home-bgcolor   {bckground:#23a0ef; float:left; position:relative; height:auto; width:100%;   margin-bottom:20px;}

.home-slider   {width:100%; height:auto; padding:0px 0px; float:left; min-height:200px;  margin:0px; float:right; text-align:center; bckground:#ccc;}

.btn                {width:100%; padding:0px; margin:0px;}
ul.hm-btnlist       {list-style:none; width:100%; padding:0px; margin:0px; text-align:center}
ul.hm-btnlist li    {list-style:none; width:40%; padding:0px 10px; margin:0px; text-align:center; color:#fff; text-transform:uppercase; display:inline-block;}

ul.hm-btnlist li a          {color:inherit; text-decoration:none; display:block; padding:10px; background:#3d9ae8; border-radius:4px; border:1px solid #6fb7f4}
ul.hm-btnlist li a:hover    {color:#000; text-decoration:none; background:#6fb7f4;}

ul.hm-btnlist li a.employer         {background-image:url(images/icon-employer.png); background-position:top center; background-repeat: no-repeat; padding:5px; padding-top:47px; margin:0px;}
ul.hm-btnlist li a:hover.employer   {background-image:url(images/icon-employer-mo.png); background-position:top center; background-repeat: no-repeat;}

ul.hm-btnlist li a.job         {background-image:url(images/icon-job.png); background-position:top center; background-repeat: no-repeat; padding:5px; padding-top:47px; margin:0px;}
ul.hm-btnlist li a:hover.job   {background-image:url(images/icon-job-mo.png); background-position:top center; background-repeat: no-repeat;}

.hm-caption {width:auto; padding:10px 30px; margin:0px; font-size:1.3em; text-align:center; font-weight:300; line-height:22pt; color:#fff; background:#42b0eb; margin-bottom:30px;}
.w-100{width:100% !important;}

/*------------------------------------------
Video
------------------------------------------*/
.search-area {width:30%; height:auto; padding:0px; margin:5px 10px 10px 10px; float:left; position:absolute; z-index:9999;}



/*------------------------------------------
Visual
------------------------------------------*/
.visual {width:100%; padding:0px; margin:0px; z-index:0}

.small-text-white, .medium-text-white, .large-text-white {text-transform:uppercase}

.small-text-white   {font-size:1em; color:#fff;}
.medium-text-white  {font-size:1.6em; color:#fff; font-weight:300}
.large-text-white   {font-size:3em; color:#fff; font-weight:bold}

.tp-caption span    {font-weight:bold}


/*------------------------------------------
Ticker
------------------------------------------*/
.ticker {padding:10px; margin:0 0 20px 0; color:#ff0000; background:#f9f9f9; display:block; border:1px solid #f0f0f0; clear:both; width:98.2%; float:none}

@media (max-width:640px){
.ticker { width: 95%; padding: 5px 10px;}
}

/*------------------------------------------
home-about
------------------------------------------*/
.about {width:52%; padding:1.5% 1%; margin:0px; float:left}
.about p img {float:right; margin-left:10px;}


/*------------------------------------------
Recruitment
------------------------------------------*/
.recruitment    {display:table; padding:0px; width:100%;}
.recruitment > .lft-panel    {display:table-cell; padding:0px; width:18%; height:100%;  vertical-align:middle}
.recruitment > .rht-panel    {display:table-cell; padding:0px; width:82%; height:100%; vertical-align:middle; font-size:1.1em;}


/*------------------------------------------
home-statistics
------------------------------------------*/
.stats          {width:40%; padding:1.5% 1%; margin:0px; float:right}
.stats-data     {width:auto; padding:0px; margin:0px; text-align:center}


/*------------------------------------------
Chairman Desk
------------------------------------------*/
.desk           {width:100%; padding:2% 0%; margin:0px; float:left; color:#fff; 
                 background:#23a0ef; background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #23a0ef), color-stop(100%, #07447b));
                 background:-webkit-radial-gradient(center, ellipse cover, #23a0ef 0%, #07447b 100%);
                 background:-webkit-radial-gradient(center, ellipse, #23a0ef 0%, #07447b 100%);
                 background:radial-gradient(ellipse at center, #23a0ef 0%, #07447b 100%);}
.desk-holder    {max-width:1150px; width:100%; padding:10px; margin:0px auto; float:none}
.dskleft        {width:18%; padding:0px; margin:0px; margin-right:2%; float:left}
.dskleft img    {max-width:100%; height:auto; border-radius:3%; border-radius:100px;}
.dskright       {width:75%; padding:1% 2%; margin:0px; float:left}

.desk p         {line-height:19pt;}


/*------------------------------------------
Job Seeker Links
------------------------------------------*/
.job-seek-links    {width:100%; padding:3% 0%; margin:0px; float:left; color:#fff; background: rgba(66,147,193,1); background: -moz-linear-gradient(top, rgba(66,147,193,1) 0%, rgba(89,169,207,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,147,193,1)), color-stop(100%, rgba(89,169,207,1))); background: -webkit-linear-gradient(top, rgba(66,147,193,1) 0%, rgba(89,169,207,1) 100%); background: -o-linear-gradient(top, rgba(66,147,193,1) 0%, rgba(89,169,207,1) 100%); background: -ms-linear-gradient(top, rgba(66,147,193,1) 0%, rgba(89,169,207,1) 100%); background: linear-gradient(to bottom, rgba(66,147,193,1) 0%, rgba(89,169,207,1) 100%); border-top:2px solid #006ba8; border-bottom:1px solid #006ba8}
.link-holder        {max-width:1150px; width:100%; padding:10px; margin:0px auto; float:none}

.jb-skr-btn             {width:100%; padding:0px; margin:0px;}
ul.jb-skr-btnlist       {list-style:none; width:100%; padding:0px; margin:0px; text-align:center}
ul.jb-skr-btnlist li    {list-style:none; width:30%; padding:0px 1.5%; margin:0px; text-align:center; color:#fff; text-transform:uppercase; display:inline-block;}

ul.jb-skr-btnlist li a          {color:inherit; text-decoration:none; display:block; padding:10px; background:#383636; border-radius:10px; border:1px solid #fff}
ul.jb-skr-btnlist li a:hover    {color:#000; text-decoration:none; background:#6fb7f4;}

ul.jb-skr-btnlist li a.signup         {background-image:url(images/icon-signup.png); background-position:top center; background-repeat: no-repeat; padding:5px; padding-top:50px; margin:0px;}
ul.jb-skr-btnlist li a:hover.signup   {background-image:url(images/icon-signup-mo.png); background-position:top center; background-repeat: no-repeat;}

ul.jb-skr-btnlist li a.register         {background-image:url(images/icon-register.png); background-position:top center; background-repeat: no-repeat; padding:5px; padding-top:50px; margin:0px;}
ul.jb-skr-btnlist li a:hover.register   {background-image:url(images/icon-register-mo.png); background-position:top center; background-repeat: no-repeat;}

ul.jb-skr-btnlist li a.walkin         {background-image:url(images/icon-job.png); background-position:top center; background-repeat: no-repeat; padding:5px; padding-top:50px; margin:0px;}
ul.jb-skr-btnlist li a:hover.walkin   {background-image:url(images/icon-job-mo.png); background-position:top center; background-repeat: no-repeat;}
.spacer2 {clear:both; width:100%; height:20px;}
/*------------------------------------------
Corporate
------------------------------------------*/
.about-lft  {width:73%; padding:0px; margin:0px; float:left}
.about-rgt  {width:25%; padding:0px; margin:0px; float:right; text-align:center;}

.about-rgt img  {max-width:100%; width:100%; height:auto; text-align:center;}
.about-rgt .right-pic img { max-width:60%; width:60%; }

.select-proc    {background:#fff; padding:10px; border:0px solid #e9e9e9; text-align:center; font-size:92%}
ul.lst-slt-proc {list-style:none; padding:0px; margin:0px;}
ul.lst-slt-proc li {list-style:none; padding:0px 0px 20px; margin:5px 0px 0px 0px; background:url(images/arrow-bottom.png) no-repeat bottom center}
ul.lst-slt-proc li:last-child {list-style:none; padding:0px 0px 0px; margin:5px 0px 0px 0px; background:no-repeat}

.about-pic      {float:right; padding:0px 0px 0px 20px; margin:0px;}

.lft-pan {width:71%; padding:0px; margin:0px; float:left}
.rgt-pan {width:23%; padding:10px; margin:0px; float:right; background:#f0f0f0; border:1px solid #ddd; border-width:5px 1px 1px 1px; }

.rgt-pan > h4   {font-size:1.1em; text-transform:none}

ul.tmlist      {list-style:none; padding:0px; margin:0px; width:100%;}
ul.tmlist li   {list-style:disc; padding:0px; margin:0px 0px 0px 15px; float:left; width:30%;}

ul.netlist      {list-style:none; padding:0px; margin:0px; width:100%;}
ul.netlist li   {list-style:disc; padding:0px; margin:0px 0px 0px 15px; float:left; width:30%;}

/*=====Responsive Grids=====*/
.group:before, .group:after {content:""; display:table;}
.group:after                {clear:both;}
.col                        {display:block; float:left; margin:0% 0 0% 3%;}
.col:first-child            {margin-left:0;} /* all browsers except IE6 and lower */

.two-cols {width: 48%; display:table-cell; padding-top:20px;}

.grid          {background:#f5f5f5; position:relative; margin-top:40px; float:left; width:100%; border:1px solid #7e7e7e}
.line-bottom   {border-radius:0px 0px 5px 5px; border-top:1px solid #fff; background-color:#dff2fc; height:5px;}

.line-top  {border-top:#7e7e7e 2px solid; border-bottom:1px solid #fff}
.circle    {color:#fff; line-height:0px; font-size:36px; text-align:center; position:relative; border-radius:500px; display:block; border:1px solid #fff; width:50px; height:50px; left:50%; margin-left:-55px; top:-55px; background-color:#f5f5f5; padding:30px; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inset 0 0 5px #ddd;}

.details    {position:relative; margin:0px auto; width:90%; padding:3%; float:none; margin-top:-52px; min-height:80px; font-size:16px; line-height:16pt; text-align:center}
.details h3 {color:#c80000; font-weight:normal; font-size:23px; padding:0px 0px 5px 0px; text-align:center}


/*------------------------------------------
Clients
------------------------------------------*/
ul.client-list    {list-style:none; padding:0px; margin:0px; width:100%; margin-left:0%;}
ul.client-list li {list-style: none;padding: 0px 1%;margin: 5px 3px;display: inline-block;border: 1px solid #ccc;max-width: 135px;width: 100%;vertical-align: top;}
ul.client-list.home-clients li {padding:0; vertical-align:top;display:inline-block; margin: 0 15px;}

ul.client-list li img       {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; max-width:100%; height:auto}
ul.client-list li img:hover {filter: none; -webkit-filter: grayscale(0%); opacity: 1;}

.success-stories    {width:100%; padding:0px; margin:0px;}
ul.successlist      {list-style:none; padding:0px; margin:0px; width:100%;}
ul.successlist li   {list-style-image:url(images/crumb.png); padding:0px 0px 20px 5px; margin:0px 0px 0px 20px; width:46%; float:left; text-align:justify}

ul.successlist li:nth-child(2n)   {float:right; margin-right:10px}



/*------------------------------------------
Clients Testimonials
------------------------------------------*/
#testimonailpan     {width:99%; background:#f9f9f9;  text-align:center; padding: 0px 0px; float:left;}
.testimonailwrapper {max-width:100%; padding:0px; margin:0 auto; float:none;}

.Clinets            {width:100%; padding:0px; margin:0px; float:left}


/*------------------------------------------
Industries Served
------------------------------------------*/
ul.indus-list    {list-style:none; padding:0px; margin:0px; width:100%;}
ul.indus-list li { list-style-image:url(images/crumb.png); padding:0px 0px 0px 5px; margin:0% 0% 0% 1.3%; text-align:left; width:30%; vertical-align:top; font-size:0.9em; float:left}

ul.indus-list li img        {filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */	opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
ul.indus-list li img:hover  {filter: none; -webkit-filter: grayscale(0%); opacity: 1;}


/*------------------------------------------
FAQs
------------------------------------------*/
ul.faq-list {list-style:none; margin:0px; padding:0px; width:100%;}
ul.faq-list li {margin:0px 0px 0px 20px; width:auto; line-height:normal; padding:0px 0px 0px 10px}

ul.faq-list li:nth-child(1n)  {list-style-image:url(images/icon-question.png); color:#000; margin-bottom:7px;}
ul.faq-list li:nth-child(2n)  {list-style-image:url(images/icon-answer.png); margin-bottom:25px; color:inherit; font-size:0.9em}

ul.faq-list li p    { margin:0px 0px 10px 0px}
ul.faq-list li p:last-child {margin-bottom:0px;}


/*------------------------------------------
Certification
------------------------------------------*/
ul.cert-list {list-style:none; margin:0px; padding:0px; width:100%;}
ul.cert-list li {list-style:none; margin:10px 20px; padding:0px; float:left; position:relative}

.overlay    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}

ul.cert-list li .overlay        {height:96%; width:96%; background:#fff url(images/icon-photogallery.png) no-repeat center bottom; z-index:2; opacity:0; position:absolute; margin:1%;}
ul.cert-list li .overlay:hover  {opacity:.7; background:#fff url(images/icon-photogallery.png) no-repeat center center;}

ul.faq-list li:nth-child(1n)  {list-style-image:url(images/icon-question.png); color:#000; margin-bottom:7px;}
ul.faq-list li:nth-child(2n)  {list-style-image:url(images/icon-answer.png); margin-bottom:25px; color:inherit; font-size:0.9em}




/*------------------------------------------
Contact
------------------------------------------*/
.contact-lft    {width:25%; padding:0px; margin:0px; float:left}
.contact-rgt    {width:72%; padding:0px; margin:0px; float:right}

.cnt-lftpan {width:100%; padding:0px; margin:0px; float:left}
.cnt-rgtpan {width:48%; padding:0px; margin-left:4%; float:right}

.contact-detail {width:100%; margin:0px 4% 20px 0px; padding:0px; line-height:15pt; float:left; min-height:150px;}
.contact-detail h4  {font-size:115%}

ul.cntlist      {list-style:none; padding:0px; margin:0px; width:100%}
ul.cntlist li   {list-style:none; padding:8px 0px 8px 0px; margin:0px; border-bottom:1px dashed #ccc; line-height:14pt; font-size:.9em; }
ul.cntlist li.border-none   {border:none;}

ul.cntlist li:first-child   {padding-top:0px;}

ul.cntlist li.icon-add      {background:url(images/icon-add.png) no-repeat left; padding-left:40px; display:block;}
ul.cntlist li.icon-tel      {background:url(images/icon-tel.png) no-repeat left; padding-left:40px; display:block;}
ul.cntlist li.icon-fax      {background:url(images/icon-fax.png) no-repeat left; padding-left:40px; display:block;}
ul.cntlist li.icon-email    {background:url(images/icon-email.png) no-repeat left; padding-left:40px; display:block;}
ul.cntlist li.icon-skype    {background:url(images/icon-skype.png) no-repeat left; padding-left:40px; display:block;}
ul.cntlist li.icon-id		{background:url(images/icon-id.png) no-repeat left top; padding-left:40px; display:block; background-position:0px 12px}





/*
=====================================================================================================================================================
WALKIN INTERVIEW
=====================================================================================================================================================
*/
.walkin-interview   {width:99%; padding:.3%; margin:0px; background:#f9f9f9; border:1px solid #f5f5f5; margin-bottom:25px; float:left}
.walkin-interview .walkin-header    {background:rgba(89,169,207,1); float:left; width:100%; margin-bottom:20px;}

.interview-details  {width:96.8%; padding:2% 1.5%; margin:0px;}

.walkin-interview h3        {font-size:1.2em; margin-bottom:5px; text-align:center; text-transform:uppercase; padding-top:1%; color:#fff}
.walkin-interview h3 .tm    {font-size:.8em; margin-bottom:5px; text-align:center; text-transform:uppercase; color:#000}

ul.dtl-list      {list-style:none; padding:0px; margin:0px; width:100%;}
ul.dtl-list li   {list-style:none; padding:0px; margin:0% 0% 1.5% 0%; display:inline-block; vertical-align:top}

ul.dtl-list li.col1 {width:24%; color:#000}
ul.dtl-list li.col2 {width:4%}
ul.dtl-list li.col3 {width:70%}

.address    {width:40%; color:#646464; display:table-cell; padding-right:5%;}
.add        {color:#000}

.description    {width:53%; color:#646464; border-left:1px solid #ccc; padding-left:2%; display:table-cell}
ul.des-list     {list-style:none; padding:0px; margin:0px; width:100%;}
ul.des-list li  {list-style:none; padding:5px 10px; margin:1% 1% 0px 0px; display:inline-block; background:#898989; border-radius:5px; color:#fff}
ul.des-list li:hover    {list-style:none; padding:5px 10px; margin:1% 1% 0px 0px; display:inline-block; background:#6db6f4; border-radius:5px; color:#000}

ul.des-list li a    {color:inherit}

table.job-opening           {width:100%; padding:0px; margin:0px; font-size:.9em;}
table.job-opening tr        {width:100%; padding:0px; margin:0px; border-bottom:1px solid #ddd; display:table}
table.job-opening tr td     {width:25%; padding:1px 5px; margin:0px; display:table-cell}

table.job-opening tr td:last-child  {width:75%; padding:1px 5px; margin:0px; display:table-cell}
table.job-opening tr:hover          {background:#e9e9e9;}

table.job-opening .th, table.job-opening .th:hover  {background:#ddd; color:#000; padding:0px; margin:0px; cursor:default}

/*------------------------------------------
icon Style
------------------------------------------*/
.icon-font  {font-family:'FontAwesome'; font-style:normal; font-weight: normal; -webkit-font-smoothing:antialiased; font-size:1.2em}

.icon-brochure:before   {content:"\f15c"; margin-right:5px;}
.icon-url:before        {content:"\f0c1"; margin-right:5px;}
.icon-brochure1:before   {content:"\f15c"; margin-right:5px; font-size:1.5em}




/*
=====================================================================================================================================================
WORK WITH US
=====================================================================================================================================================
*/
.career-lft {width:20%; padding:0px; margin:0px; float:left}
.career-rgt {width:78%; padding:0px; margin:0px; float:right}




/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
#footerpan-home {z-index:99;}
.footer         {width:96%; margin:0px auto; padding:0px; float:none; color:#312a22; font-size:90%;}

.copyright-home {width:auto; margin:0px; padding:10px 0px; float:left}
.copyright      {width:auto; margin:0px; padding:10px 0px; float:left}

.nav-home           {width:auto; margin:0px; padding:0px; float:right}
.nav                {width:auto; margin:0px; padding:0px; float:right}
ul.ftrnav-list      {list-style:none; padding:15px 0px; margin:0px;}
ul.ftrnav-list li   {list-style:none; padding:0px 8px 0px 8px; margin:0px 0px 5px 0px; display:inline-block; border-right:1px solid #ccc; line-height:12px}

ul.ftrnav-list li:first-child   {padding-left:0px;}
ul.ftrnav-list li:last-child    {border-right:0px solid #ccc; padding-right:0px;}

ul.ftrnav-list  a       {color:inherit; text-decoration:none}
ul.ftrnav-list  a:hover {color:inherit; text-decoration:underline}

.ftr-bg         {background:#656565; float:left; width:100%; margin:0px; padding:10px 0px; -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); z-index:1;}
.ftr-bg .footer {color:#fff}

/*------------------------------------------
Enquiry
------------------------------------------*/
.enquiry-form   {width:100%; padding:3% 0px; margin:0px; clear:both; float:left}
.enq-lft        {width:70%; padding:0px; margin:0px; float:left}
.enq-rgt        {width:27%; padding:0px; margin:0px; float:right}

.btn-ftr               {width:100%; padding:0px; margin:10% 0px; float:right}
.btn-ftr ul.btnlist    {list-style:none; width:90%; padding:0px; margin:0px; float:right}
.btn-ftr ul.btnlist li {list-style:none; width:100%; padding:0px; margin:0px; text-align:center; color:#fff; text-transform:uppercase;}

.btn-ftr ul.btnlist li a        {color:inherit; text-decoration:none; padding:10px; display:block; }
.btn-ftr ul.btnlist li a:hover  {color:#000; text-decoration:none;  }

.btn-ftr ul.btnlist li a.employer-login          {background:#3d9ae8; border:1px solid #6fb7f4; background-image:url(images/icon-employers-login.png); background-position:top center; background-repeat: no-repeat; padding:20px; padding-top:80px; margin:0px; border-radius:4px; }
.btn-ftr ul.btnlist li:hover a.employer-login   {background:#6fb7f4; border:1px solid #3d9ae8; background-image:url(images/icon-employers-login-mo.png); background-position:top center; background-repeat: no-repeat;}

/*------------------------------------------
Networking
------------------------------------------*/
.ntwr   {width:33%; padding:.5% 0px .5% 0px; margin:0px; float:left; text-align:center;}
.ntwr ul.ntwrklist {list-style:none; padding:0px; margin:0px; text-align:center}
.ntwr ul.ntwrklist li {list-style:none; padding:5px 10px 0px 0px; margin:0px; display:inline-block}

.ntwr p {font-size:1em; color:#fff; text-align:center; margin:0px; text-transform:uppercase}

ul.maplist  {list-style:none; padding:0px; margin:0px; float:left; margin-bottom:20px;}
ul.maplist li  {list-style:none; padding:0px; margin:0px; display:inline-block; margin-right:20px; text-transform:uppercase}


/*------------------------------------------
Contact Details
------------------------------------------*/

.cont   {width:33%; padding:.5% 0px .5% 0px; margin:0px; float:left; text-align:center; color:#fff; font-size:1.3em}
.cont p {font-size:.8em; color:#fff; text-align:center; margin:0px; text-transform:uppercase}
.cont img {max-width:50%;}
.cont a {color:inherit; text-decoration:underline}
.cont a:hover {color:inherit; text-decoration:none}

/*------------------------------------------
Language
------------------------------------------*/

.language   {width:33%; padding:.5% 0px .5% 0px; margin:0px; float:left; text-align:center; color:#fff}
.language p {font-size:1em; color:#fff; text-align:center; margin:0px; text-transform:uppercase; margin-bottom:5px;}



/*
=====================================================================================================================================================
BREADCRUMB STYLE
=====================================================================================================================================================
*/
#breadcrumb {width:auto; margin:0px auto; color:#000; padding:0px; font-size:0.9em; float:right; margin-top:10px;}
#crumbs     {margin:0px; padding:0px;}

#crumbs ul  {list-style:none; padding:0px; margin:0px; text-align:right}
#crumbs li  {list-style:none; float:left; color:#656565; padding:2px 15px 3px 0px; margin-left:10px; background:url(images/crumb.png) no-repeat right center; line-height:20px;}

#crumbs li:last-child   {background:none; padding:2px 0px 3px 0px; margin-right:0px;}	

#crumbs li a        {color:#656565; text-decoration:none;}
#crumbs li a:hover  {color:#c80000;}
#crumbs li.focus    {color:#000; font-size:1.1em;}





/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
.hgroup-area    {width:100%; padding:0px; margin:0px; border-bottom:1px solid #ccc; float:left}
.hgroup  {float:left; padding:0px; margin:0px; width:auto}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-weight:normal; font-style:normal; font-family:Calibri, 'CalibriRegular', Trebuchet MS, Arial;}

h1  {color:#03a7ca; font-size:1.9em; text-transform:uppercase; margin-bottom:0px; line-height:normal; font-weight:700}
h2  {color:#009cde; font-size:1.9em; margin-bottom:10px; text-transform:uppercase; font-weight:300}
h3  {color:#000; font-size:1.8em; text-transform:none; margin-bottom:10px;}
h4  {color:#000; font-size:1.2em; text-transform:none; margin-bottom:2px; text-transform:uppercase; font-weight:700;}
h5  {color:#000; font-size:1em; text-transform:none; text-transform:uppercase; line-height:normal}

h1.hm   {color:#fff; font-size:30px; text-transform:uppercase; line-height:normal; font-weight:300}
h3.hm   {color:#fff; font-size:2em; text-transform:none; margin-bottom:10px; font-weight:300}

@media(max-width:767px){
    .hgroup{float:none;}
}
/*
=====================================================================================================================================================
POPUP STYLE
=====================================================================================================================================================
*/

#header-client  {max-width:1200px; width:100%; float:none; margin:0px auto;}
.header-client  {width:96%; margin:0px auto; padding:0px; margin:0px 2%; float:left; padding-top:0px; min-height:100px; position:relative; border-bottom:2px solid #ccc}

.header-client .logo           {float:left; margin:0px; padding:0px 0px 0px 0px;}
.header-client .logo-pic       {float:left; padding-right:10px;}
.header-client .logo-pic img   {position:relative; z-index:9}

.header-client .logo-caption   {float:left; padding-top:25px}

.header-client .close          {width:auto; margin:0px; padding:40px 0px; float:right}
.header-client .close:hover    {bckground:url(images/icon-close-mo.png) no-repeat;}
.header-client .close img      {width:auto; right:10px; z-index:99; display:block;  height:34px}

.popupcontainer {top:0px;}
.client-header  {width:100%; padding:0px; margin:0px; float:left}

.comp-name      {width:100%; padding:0px; margin:0px; float:left; color:#646464;}
.comp-logo      {width:auto; padding:0px; margin:0px; float:left;}
.comp-logo img  {max-width:100%; width:100%; height:auto}

.client-info    {width:100%; padding:0px; margin:0px; float:left}

.client-left        {width:22%; padding:0px; margin:0px; float:left; margin-right:3%}
.client-left img    {max-width:100%; width:100%; height:auto; margin-bottom:10px;}
.client-right       {width:75%; padding:0px; margin:0px; float:left}

.client-left .app-download a {background:#898989; padding:10px 10px; margin:0px; display:block; text-align:center; color:#fff; text-decoration:none; border-radius:5px}
.client-left .app-download a:hover {background:#6db6f4; padding:10px 10px; margin:0px; text-align:center; color:#fff; text-decoration:none}

.client-info .client-right ul li  {list-style: disc; padding:0px 0px 2px 0px; margin:0px 0px 0px 20px;}

table.current-opening           {width:100%; padding:0px; margin:0px; font-size:.9em;}
table.current-opening tr        {width:100%; padding:0px; margin:0px; border-bottom:1px solid #ccc; display:table}
table.current-opening tr td     {width:25%; padding:1px 5px; margin:0px; display:table-cell}

table.current-opening tr td:last-child  {width:75%; padding:1px 5px; margin:0px; display:table-cell}
table.current-opening tr:hover          {background:#e9e9e9; cursor:pointer}

table.current-opening .th, table.current-opening .th:hover  {background:#02a3c7; color:#fff; padding:0px; margin:0px; cursor:default}
table.current-opening .tch, table.current-opening .tch:hover  {background:#f0f0f0; color:#000; padding:0px; margin:0px; cursor:default}
.consultant-add {width:50%; padding:0px; margin:0px; float:left}
.consultant-add .detail {padding:0px 10px 0px 0px; margin:0px;}


.home-data {width:100%; float:left; }
.c-openings { width:78%; float:left;}
.banners { width:22%; float:right;}

.banner-bgcolor   { position:relative; height:auto;  color:#fff; font-size:20px; font-weight:normal;  line-height:18pt;     }
.banner-bgcolor a { color:#42b0eb; text-decoration:none; font-size:24px;  padding: 4.8%; display:block; width:90%; border:1px #42b0eb solid ; float:left; text-align:center; margin-bottom:20px; }
.banner-bgcolor a:hover { color:#fff;  background:#23a0ef; 
background: rgb(110,193,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(110,193,234,1) 0%, rgba(46,172,234,1) 45%, rgba(42,170,234,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,193,234,1)), color-stop(45%,rgba(46,172,234,1)), color-stop(99%,rgba(42,170,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(110,193,234,1) 0%,rgba(46,172,234,1) 45%,rgba(42,170,234,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(110,193,234,1) 0%,rgba(46,172,234,1) 45%,rgba(42,170,234,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(110,193,234,1) 0%,rgba(46,172,234,1) 45%,rgba(42,170,234,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(110,193,234,1) 0%,rgba(46,172,234,1) 45%,rgba(42,170,234,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ec1ea', endColorstr='#2aaaea',GradientType=0 ); /* IE6-9 */
transition:all 300ms linear;  color:#fff;}
.banner-bgcolor .fa {float:left; padding-right:10px; width:100%; font-size:60px; text-align:center; clear:both;  }
 
.banner-bg   { color:#42b0eb; text-decoration:none; font-size:18px;  padding:4.8%; display:block; width:90%; display:block; border:1px #42b0eb solid ; float:left; text-align:left; margin-bottom:20px;    }
.banner-bg ul {width:100%; float:left; margin:10px 0px 0px 5px; padding:0px;}
.banner-bg ul li { list-style:none; float:left; width:100%; margin-left:0px; padding:3px 0px; } 
.banner-bg ul li a, .banner-bg ul li span {color:#42b0eb; font-weight:bold; vertical-align:middle; text-decoration:none; line-height:40px; }
.banner-bg ul li img{vertical-align:middle;margin-right:10px;}
.banner-bg ul li a:hover {color:#333;}

/*--------  Footer style  --------*/
.footer-row {width:100%; float:left; display:table; }
.footer-col {display:table-cell; width:22%; color:#fff; vertical-align:top; }
.footer-col ul li a {font-size:14px; color:#ededed;  text-decoration:none;}
.footer-col ul li a.hd {font-size:16px; color:#fff; font-weight:bold; }

.footer-col img {width:60%; text-align:center; background:#fff; padding:5px; border:1px solid #ccc; margin-top:10px;}
.footer-col p { text-align:left;}

/*--------  Footer style  --------*/


.intro {width:100%; float:left; }
.intro-pic  {width:25%; float:left; }
.intro-data {width:72%; float:right; } 

.c-openings .hd {  border-bottom:1px solid #ccc; padding: 15px 0; float:left; margin-bottom:10px; width:95%; }
.c-openings h2 { margin-right:10px;  margin-bottom: 0; line-height: 32px; float:left; }
.dd-industries {float:right; display:inline-block; margin-right:20px;  }

.dd-industries select { font-size:14px; border:1px solid #42b0eb;  font-family: Calibri, 'CalibriRegular', Trebuchet MS, Arial; font-size:17px; padding:3px 0px; color:#8c8c8c; width:260px;   } 

.full-logo {width:390px;  margin:0px auto; float:none; }



/*--------  sitemap style --------*/

.sitemap-bg { float:left; width:100%; margin:0px; padding:10px 0px;}
.sitemap-row {width:100%; float:left; display:table-row; }
.sitemap-col {display:table-cell; width:22%;  vertical-align:top; }
 .sitemap-col ul li{ list-style-type: disc; padding: 0px;  }
.sitemap-col ul li a {font-size:14px; color:#000;  text-decoration:none;}
.sitemap-col ul li a.hd {font-size:16px; color:#03a7ca; font-weight:bold; }

.sitemap-col img {width:60%; text-align:center; background:#fff; padding:5px; border:1px solid #ccc; margin-top:10px;}


 
ul.gallery {list-style:none; margin:0px; padding:0px; width:100%;}
ul.gallery li {list-style:none; margin:10px 10px; padding:0px; float:left; position:relative;  width:18%; text-align:center; }
ul.gallery li img {border:5px solid #c80000; background:#fff; padding:3px; }

.overlay    {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}

ul.gallery li .overlay        {height:96%; width:96%; background:#fff url(images/icon-photogallery.png) no-repeat center bottom; z-index:2; opacity:0; position:absolute; margin:1%;}
ul.gallery li .overlay:hover  {opacity:.7; background:#fff url(images/icon-photogallery.png) no-repeat center center;}

 
.ss-footer {display:none }
 
.footer-col img.visitor { width:35%;  background:#000; border:0px; vertical-align:top; display:block; margin:0px; padding:0px;  }
.footer-col img.visitor1 { width:60%;  background:#000; border:0px; }

.bluebg {background:#eff9ff; border:1px solid #42b0eb; padding:15px;}

/*--------  information-for-candidates --------*/

.div-table {width:auto; border-collapse:collapse; b-order-top:1px solid #ccc; bo-rder-bottom:1px solid #ccc;  }
.div-table td{ border-bottom:1px solid #ccc;  }
.div-table td.sr {width: 3%; text-align:center;}
.div-table td.first-point {width:33%; text-align:left; padding:05px 10px; bord-er-right:1px solid #ccc; }
.div-table td.second-point {width:58%; text-align:left; padding:05px 10px;}
.click {color:#333; font-weight:bold; text-transform:uppercase;}

div-table td.collan {width:2%; text-align:left; padding:05px 10px;}

.p-head { font-size: 20px;}


.search-jobs {  width: 95%; float:left;}
.search-jobs .hd {border:1px solid #f0f0f0; background: #42b0eb; float:left; margin-bottom:10px; width: 97.8%; padding: 1%; }
.search-jobs h2 { line-height: 33px; text-transform:none; margin: 0 10px 0 0; float:left; font-size: 1.7em; color: #fff;  font-weight: 500; }
.dd-jobs { display:inline-block; margin-right:20px;  }

.dd-jobs .border {  border:1px solid #42b0eb;     margin-bottom: 0; font-family: Calibri, 'CalibriRegular', Trebuchet MS, Arial; font-size:17px; padding:7px; color:#8c8c8c; width:260px;   } 
.btn-primary {    color: #fff;
    cursor: pointer;
    padding: 8px 20px 8px;
    line-height: 19px;
    font-size: 18px;
    font-weight: 600;
    background-color: #007fb7;
    border: 1px solid #007fb7;
    font-family: Calibri, 'CalibriRegular', Trebuchet MS, Arial;}
.err-search {color:#c70202;} 
 
.current-opening { float: left; display:table; margin-bottom: 30px; margin-left:-10px;  border-spacing: 10px;   width: 97.2%; }
.current-opening .box { display:table-cell; border: 1px #ccc solid; width: 50%; vertical-align: top;}
.current-opening .box .head { padding: 2% 3%; font-size: 1.5em; color: #353535; background-color: #ccc; }
ul.list {padding:1%; margin:0; }
ul.list li {list-style:disc;   padding: 0; margin: 0 0 0 25px; line-height:30px;}
ul.list li a {   font-size:18px; text-decoration:none;   }
ul.list li a:hover {color:#333;}


ul.box-scroll { padding:1%; margin:5px 5px 0px 0px;  overflow-y:auto; max-height:190px;  }
ul.box-scroll li {list-style:disc;   padding: 0; margin: 0 0 0 25px; line-height:30px;}
ul.box-scroll li a {   font-size:18px; text-decoration:none; color:#42b0eb; text-transform:capitalize;   }
ul.box-scroll li a:hover {color:#c80000;}
body::-webkit-scrollbar-thumb, .data-scroll::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px #3472be; background-color: #3472be;}
::-webkit-scrollbar {
            width: 7px;
        }

        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px rgb(52, 114, 190);
        }

        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 100px rgb(66, 176, 235);
        }


ul.current-opening    {list-style:none; padding:0px; margin:0px; width:100%; margin-left:0%;}
ul.current-opening li {list-style:none; padding:0px 1%; margin:1.5% 1%; display:inline-block; border: 1px #42b0eb solid; width: 43.5%; vertical-align:top}


@media only screen and (max-width: 980px) and (min-width: 320px) {
.current-opening, .current-opening .box  {display:block; width:97.5%; margin-left: 0; margin-bottom:15px;}
}

@media (max-width:640px){
.search-jobs .hd { padding-bottom: 10px; border-bottom: 1px solid #ccc !important; border: 1px solid #f0f0f0 !important; width: 97.8% !important; }
.dd-jobs .border {width:170px;}
}

@media (max-width:640px) { 
.search-jobs { width: 100%;}
.search-jobs h2 {padding-bottom:5px;}
.current-opening, .current-opening .box  {width:100%;}
}


@media (max-width:320px) { 
.dd-jobs {margin-right:0;}
.search-jobs h2 { line-height:25px; font-size: 1.5em;}
.search-jobs h2 span {display:block !important;}
}