@import url('bootstrap.css'); 
@import url('bootstrap-theme.css'); 
@import url('font-awesome.min.css'); 
@import url('jasny-bootstrap.css'); 
@import url('animate.css');
@import url('star-rating.min.css');
@import url('jquery.fancybox.css'); 

/*Custom for Boostrap*/
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}.carousel-fade .carousel-control {z-index: 2;}
.form-control{ border-radius: 5px!important;}
.form-control::-moz- {color: #000000;font-size:14px}
.form-control:-ms-input-placeholder {color: #333333;font-size:14px}
.form-control::-webkit-input-placeholder {color: #333333;font-size:14px}
.nav > li > a {padding-left: 33px;padding-right: 33px;color: #fff;padding-bottom: 10px;padding-top: 10px;}
h1, .h1 ,h2, .h2,h3, .h3,h4, .h4, h5, .h5, h6, .h6 {margin-top:0px;margin-bottom:0px;}
.form-control {height:35px;padding-bottom: 2px;padding-left: 10px;padding-right: 5px;padding-top: 2px;background: #fff;border-radius: 0px;}
textarea.form-control {padding-top:8px;padding-bottom:8px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left: 0px;margin-right: 0px;}

body {font-size:16px; font-family: 'OpenSans-Regular';color: #414347;background: white}
ol, ul {margin: 0;padding: 0;list-style: none;}
h1 {font-size: 38px;font-family: Opensans-Light;padding-bottom: 30px; }
h2 {font-size:24px;font-family: Opensans-SemiBold;color: #333333; padding-bottom: 20px;}
h3 {font-size:22px;color: #c6d89c;font-family: OpenSans-Regular;padding-bottom: 20px;}
h4 {font-size:18px;color: #483670;font-family: OpenSans-Bold;padding-bottom: 20px;}
h5 {font-size:16px;color: #414347 ;font-family: OpenSans-SemiBold;padding-bottom: 15px}
h6 {font-size:16px;color: #333333;font-family: OpenSans-SemiBold; padding-bottom: 15px}
p { padding-bottom: 20px; margin: 0; line-height:20px;}
a {cursor:pointer;color:#483670}
a:hover {opacity: 1; color: #644b9b; text-decoration: none!important;}
a:focus { outline: none !important; }
textarea { min-height: 100px;}

@font-face {font-family: 'OpenSans-Extrabold';src: url('/Frontend/Fonts/specific/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-ExtraBold.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-ExtraBold.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-ExtraBold.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Bold';src: url('/Frontend/Fonts/specific/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Bold.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Bold.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Bold.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Light';src: url('/Frontend/Fonts/specific/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Light.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Light.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Light.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Regular';src: url('/Frontend/Fonts/specific/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Regular.woff') format('woff'),  url('/Frontend/Fonts/specific/OpenSans-Regular.ttf')  format('truetype'), url('/Frontend/Fonts/specific/OpenSans-Regular.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Semibold';src: url('/Frontend/Fonts/specific/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Semibold.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Semibold.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Semibold.svg#svgFontName')}
@font-face {font-family: 'DroidSerif-Regular';src: url('/Frontend/Fonts/specific/DroidSerif-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/DroidSerif-Regular.woff') format('woff'), url('/Frontend/Fonts/specific/DroidSerif-Regular.ttf')  format('truetype'),url('/Frontend/Fonts/specific/DroidSerif-Regular.svg#svgFontName')}
@font-face {font-family: 'Ruda-Black';src: url('/Frontend/Fonts/specific/Ruda-Black.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/Ruda-Black.woff') format('woff'), url('/Frontend/Fonts/specific/Ruda-Black.ttf')  format('truetype'),url('/Frontend/Fonts/specific/Ruda-Black.svg#svgFontName')}
@font-face {font-family: 'Ruda-Regular';src: url('/Frontend/Fonts/specific/Ruda-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/Ruda-Regular.woff') format('woff'), url('/Frontend/Fonts/specific/Ruda-Regular.ttf')  format('truetype'),url('/Frontend/Fonts/specific/Ruda-Regular.svg#svgFontName')}
@font-face {font-family: 'Miso-Regular';src: url('/Frontend/Fonts/miso/miso-regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/miso/miso-regular.woff') format('woff'), url('/Frontend/Fonts/miso/miso-regular.ttf')  format('truetype'),url('/Frontend/Fonts/miso/miso-regular.svg#svgFontName')}

/*button*/
.button-default{text-transform: uppercase;color: white !important; border-radius: 5px;background-color: #483670 ;font-size: 13px;float: left;width: auto;text-align: center;padding-left: 15px;padding-right: 15px; padding-top:5px;padding-bottom: 5px;text-decoration: none !important; font-family: OpenSans-Bold}
.button-default:hover,.button-default:focus{ text-decoration: none !important;color: white !important;background-color: #644b9b}
.btn-back{color: white !important; border-radius: 5px;background-color: #b0b0b0;font-size: 14px;float: left;width: auto;text-align: center;padding-left: 15px;padding-right: 15px; padding-top:5px;padding-bottom: 5px; margin-bottom: 10px;text-decoration: none !important; font-family: OpenSans-Bold}
.btn-back:hover{ text-decoration: none !important;opacity: 0.7;color: white}

/*Destop css*/
.container {width:960px !important;padding-left: 0;padding-right: 0;}
.desktop {display: block}
.mobile{display: none!important}
.green {color: #7f9748}
.purple {color:#483670}
.specialLink {color:#483670 }

.pagging { float: right;padding-bottom: 0px;margin-top: 0px;margin-bottom: 0px; overflow: auto}
.pagging ul{ width: 225px;margin: auto}
.pagging ul li{ float: left;background-color: white;border: 1px solid #d1d1d1;padding-bottom: 3px}
.pagging ul li:hover {opacity: 0.7}
.pagging ul li a{ color: #333333;font-family: Opensans-Bold;padding-left: 10px;padding-right: 10px;font-size: 12px;}
.pagging ul li a:hover{opacity: 0.7}
.pagging ul .first { margin-right: 5px; background-color: transparent}
.pagging ul .last{background-color: transparent}
.pagging ul .first a {color: #333333}
.pagging ul .number {margin-right: 5px}
.pagging ul .page-active{ background: #C6D89C; border: 1px solid #C6D89C}
.pagging ul .page-active a{color: white}

.topEmail {background: url("/Frontend/Images/social.png") no-repeat scroll -1px -59px;height: 30px;width: 30px !important;display: block}
.topTwitter {background: url("/Frontend/Images/social.png") no-repeat scroll -41px -59px;height: 30px;width: 30px !important;display: block}
.topFacebook {background: url("/Frontend/Images/social.png") no-repeat scroll -81px -59px;height: 30px;width: 30px !important;display: block}
.topIn {background: url("/Frontend/Images/social.png") no-repeat scroll -120px -59px;height: 30px;width: 30px !important;display: block}

.purpleTwitter {background: url("/Frontend/Images/social.png") no-repeat scroll 0px 0px;height: 30px;width: 30px !important;display: block}
.purpleFacebook {background: url("/Frontend/Images/social.png") no-repeat scroll  -41px 0px;height: 30px;width: 30px !important;display: block}
.purpleIn {background: url("/Frontend/Images/social.png") no-repeat scroll  -80px 0px;height: 30px;width: 30px !important;display: block}

.blueTwitter {background: url("/Frontend/Images/social.png") no-repeat scroll 0px -30px;height: 30px;width: 26px !important;display: block;}
.blueFacebook {background: url("/Frontend/Images/social.png") no-repeat scroll  -28px -30px;height: 30px;width: 26px !important;display: block;}
.blueIn {background: url("/Frontend/Images/social.png") no-repeat scroll  -56px -30px;height: 30px;width: 26px !important;display: block;}

.iconEmail { background: url("/Frontend/Images/logos.png") no-repeat scroll -859px -25px;height: 73px;width: 64px;display: block;margin: auto;}
.iconLookingStaff { background: url("/Frontend/Images/logos.png") no-repeat scroll -920px -25px;height: 73px;width: 72px;display: block;margin: auto;}
.iconBrowseJob { background: url("/Frontend/Images/logos.png") no-repeat scroll -790px -25px;height: 73px;width: 63px;display: block;margin: auto;}
.iconTempOfMonth { background: url("/Frontend/Images/logos.png") no-repeat scroll -993px -25px;height: 73px;margin: auto;width: 48px;display: block;margin: auto;}

.home-link{font-size:28px;color:#ffffff;background-color:#40345a;padding-top:20px;padding-bottom:20px;padding-left:15px;margin-bottom:10px;}
.home-link:hover{opacity:0.7;}
.home-link h1{padding:0px!important;}
.iconEmailSmall { background: url("/Frontend/Images/icon-job-alerts.png"); height: 40px;width: 40px;display: inline-block;margin: auto;float:left;margin-right:10px;}
.iconBrowseJobSmall { background: url("/Frontend/Images/icon-job-search.png"); height: 40px;width: 40px;display: inline-block;margin: auto;float:left;margin-right:10px;}
.iconLookingStaffSmall { background: url("/Frontend/Images/icon-staff.png"); height: 40px;width: 40px;display: inline-block;margin: auto;float:left;margin-right:10px;}
.iconTempOfMonthSmall { background: url("/Frontend/Images/icon-temp-of-the-month.png"); height: 40px;width: 40px;display: inline-block;margin: auto;float:left;margin-right:10px;}


.homeBottomLogo1 { background: url("/Frontend/Images/logos.png") no-repeat scroll 0px  0px;height: 110px;margin: auto;width: 130px;display: block;}
.homeBottomLogo2 { background: url("/Frontend/Images/logos.png") no-repeat scroll -125px  0px;height: 110px;margin: auto;width: 89px;display: block;}
.homeBottomLogo3 { background: url("/Frontend/Images/logos.png") no-repeat scroll -204px  0px;height: 120px;margin: auto;width: 130px;display: block;}
.homeBottomLogo4 { background: url("/Frontend/Images/logos.png") no-repeat scroll -334px  0px;height: 110px;margin: auto;width: 120px;display: block;}
.homeBottomLogo5 { background: url("/Frontend/Images/logos.png") no-repeat scroll -485px  0px;height: 110px;margin: auto;width: 173px;display: block;}
.homeBottomLogo6 { background: url("/Frontend/Images/logos.png") no-repeat scroll -656px   0px;height: 110px;margin: auto;width: 132px;display: block;}

/*header*/
.topSocial{ border-bottom: 1px solid #f8f8f8;background: #f8f8f8;font-family: OpenSans-Bold;font-size: 14px;}
.topSocial .container {position: relative}
.topSocial ul li {float: right;padding-left: 7px;padding-top: 7px;padding-bottom: 7px;}
.topSocial ul li a { color: #a3b47d;display: block; }
.topSocial ul li a:hover {opacity: 0.7 }
.topSocial ul { margin-top: 5px;}
.topSocial .socialInfo { margin-top: 3px;float: right;margin-right: 10px;}
.topSocial .loginInfo { margin-top: 5px;float: right;margin-right: 10px;}

ul.loginInfo li a.button { 
    background-color: #4F416C; color:#ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top:5px;padding-bottom:5px;
    padding-left:10px;padding-right:10px;
    margin-left:10px;
    margin-right:45px;
    text-decoration:none;
    position:relative;
}

.loginInfo .dropdown-menu{
    position:absolute;
    left:unset!important;
    right:0px;
    top:45px;
    padding-left:10px;
    padding-right:10px;
}

.loginInfo .dropdown-menu a{
    padding-left:5px;padding-right:5px;
}

.loginInfo .dropdown-menu a:hover{
    background:none;
}


.topSocial .search .search-content{ width: 260px;top: 50px;right: 7px;position: absolute;background-color: transparent;z-index: 9999999;}
.topSocial .search .search-content .search-job{overflow: auto; padding: 15px;padding-bottom: 10PX; background-color: #c6d89c;border-radius: 5px;}
.topSocial .search .search-content .form-control{ margin-bottom: 15px;}
.topSocial .search .search-content a.button-default{ float: right;color: white; background-color: #625088!important}


.topSocial .search .search-content a.button-default:hover{opacity: 0.8}
.topSocial .search .search-content a.button-default i{ padding-right: 10px;}

.button-default.timesheet{float:left!important;margin-top:10px;}

.topSocial .navbar-header {position:absolute;right:0px;top:-2px;z-index: 999999999;height: 45px;width: 50px}
.topSocial .navbar-header .navbar-toggle { margin-right: 0px;/*background: #c6d89c;*/border-radius: 0px;margin-top: 3px;height: 100%;width: 100%;padding: 5px;}
.topSocial .navbar-header .navbar-toggle span.icon-bar{ margin: auto;margin-bottom: 3px;background-color: black}
.topSocial .navbar-header .collapsed {background:none}
.topSocial .navbar-header button.navbar-toggle .close-menu { margin: auto;color: white}    

.menu-header .col-md-3 .logo {float:left;padding-top: 20px;padding-bottom: 20px;}
.menu-header .col-md-3 .logo:hover {opacity: 0.7;}
.menu-header .col-md-9 .header-navbar ul {margin-right: 0px;margin-top: 60px;float: right}
.menu-header .col-md-9 .header-navbar ul li {float: left;padding-bottom: 5px;padding: 5px 5px;margin-left: 0px;}
.menu-header .col-md-9 .header-navbar ul li a{color: #4d4f8c;font-family: OpenSans-Semibold; margin-left :5px;margin-right: 5px;text-align: center;font-size: 16px}
.menu-header .col-md-9 .header-navbar ul li a:hover{opacity: 1}
.menu-header .col-md-9 .header-navbar ul li i { width: 15px;height: 16px;float: right;display: none;margin-top: 4px}
.menu-header .col-md-9 .header-navbar ul li i.desktop{ float: right;margin-left: 3px;margin-top: 5px;color: #4d4f8c;display: block; font-size: 12px;}
.menu-header .col-md-9 .header-navbar ul li:hover { background: #eaeaea;border-radius: 3px;}
.menu-header .col-md-9 .header-navbar ul li:hover a{ color: #333333!important;text-decoration: none !important;}
.menu-header .col-md-9 .header-navbar ul li:hover ul li a{ color: white!important;text-decoration: none !important; background-color: transparent}

.menu-header .col-md-9 .header-navbar ul li .dropdown-menu { top:-10px; left:0px; background:#c6d89c;padding:0px;min-width: 250px;z-index: 999;border: none;border-radius: 0px; background: #40345a}
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li {border-bottom :solid 1px #4f406d;width: 100%;padding: 0px;margin-left: 0px;} 
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li:hover {background-color: #4f406d;cursor:pointer; color: white} 
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a{ padding-right:22px; padding-bottom:10px;padding-top:10px;font-family: OpenSans-Regular; font-size:14px; margin-left:0px; color:white!important; text-align:left; width: 100%}
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li:hover a{ color:white!important}
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a:hover{ color:white!important}
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu .left-minus-sign{ display:none}
.menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a:hover{border-bottom:none;border-radius:0px; box-shadow:none; background:none;}
.menu-header .col-md-9 .header-navbar .navbar-collapse { padding-left: 0px;padding-right: 0px;padding-top: 0px;}

/*About us*/
.aboutBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.aboutBreakcrumb h1 {color: #FFF;color: #fff;margin-top: 44px;text-align: left;font-family: OpenSans-Light}

.aboutContent {padding-bottom: 10px;padding-top: 40px;}
.aboutContent .about-us h2 { color: #7f9748;}
.aboutContent .about-us h3 { color: #483670;display: block;margin-bottom: 10px; }
.aboutContent .about-us ul { margin-top: 5px;margin-bottom: 20px;}
.aboutContent .about-us i { color: #414347;margin-right: 5px;}
.aboutContent  a { color: #4A3961;font-family: OpenSans-Extrabold}

.aboutDarkBanner { background:  #4f416c;position: relative;color: #FFF;padding-top: 40px;padding-bottom:40px}
.aboutDarkBanner h3 { color: #FFF;position: relative}
.aboutDarkBanner .besideImage { position: absolute;left: 20px;top: 20px;width: 350px}
.aboutDarkBanner .col-md-4 { min-height: 100px;padding-top: 15px;padding-bottom: 15px}
.aboutDarkBanner .col-md-4 h3 { font-family: OpenSans-Regular;font-size: 25px}
.aboutDarkBanner .col-md-4 p {font-size: 14px}
.aboutDarkBanner .col-md-4 .inner { background: #40345a; color: #c3c1d0 !important;height: 200px;padding: 15px; }
.aboutDarkBanner .col-md-4 .inner h3 {color:#c6d89c}

.aboutVideo  { padding: 15px 0px 0}
.aboutVideo .leftPart iframe { margin-top: 32px; }
.aboutVideo .rightPart { text-align: right}

/*Candidates*/
.candiBreakCrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.candiBreakCrumb h1 { color: #FFF;color: #fff;margin-top: 44px;text-align: left;font-family: OpenSans-Light;}

.candidateContent { padding-bottom: 10px;padding-top: 40px;}
.candidateContent h3 { color: #483670;margin-bottom: 10px; }

.candiFeatures { background: #4f416c none repeat scroll 0 0;color: #fff;padding-bottom: 40px;padding-top: 40px;position: relative;}
.candiFeatures .besideImage { position: absolute;left: 20px;top: 0px;width: 350px;height: 100%;}
.candiFeatures  h3 { position: relative;text-align: left;}
.candiFeatures .col-md-3 { min-height: 100px;padding-top: 15px;padding-bottom: 15px}
.candiFeatures .col-md-3 h2 { color: #b1bf90;text-align: left;font-size: 26px}
.candiFeatures .col-md-3 a:hover {opacity: 0.7}

.candiFeatures .inner { background: #40345a; color: #c3c1d0 !important; min-height: 285px;;padding: 15px;text-align: center;padding-bottom: 15px;}
.candiFeatures .inner ul { display: block;float: left}
.candiFeatures .inner li { float: left;list-style: inside url("/Frontend/Images/candidateList.png") disc;text-align: left;width: 100%;font-size: 14px;line-height: 22px;}
.candiFeatures .inner li a{color: #c3c1d0}
.candiFeatures .inner li a:hover{text-decoration: underline !important}

/*home*/
.search-home { width: 100%;height: 446px; background: url('/Frontend/Images/home-panner.png') no-repeat center center;background-size: cover;text-align: center;position: relative}
.search-home .bottomSearchHome { position: absolute;bottom: 0px;width: 100%;background: #d0daba;opacity: 0.8;}
.search-home .search-content{ width: 100%;bottom:0px;padding: 30px 0px;overflow: auto}
.search-home .search-content ul{ width: 100%;display: block;}
.search-home .search-content ul li{ float: left;padding-left: 15px;padding-right: 15px}
.search-home .search-content ul li .form-control{ font-family: Opensans-Bold;color: #6c6d72;background-color: #fff;border-color: #fff;height: 40px;}
.search-home .search-content ul li .form-control::-moz-placeholder {color: #6c6d72!important;font-size:14px}
.search-home .search-content ul li .form-control:-ms-input-placeholder {color: #6c6d72;font-size:14px}
.search-home .search-content ul li .form-control::-webkit-input-placeholder {color: #6c6d72;font-size:14px}
.search-home .search-content ul .keyword{ width: 27%;text-align: left;padding-left: 0px}
.search-home .search-content ul .classification{ width: 27%;text-align: center}
.search-home .search-content ul .location{ width: 27%;text-align: center}
.search-home .search-content ul .btn-search-home{ width: 19%;text-align: right}
.search-home .search-content ul .btn-search-home li {padding-right: 0px}
.search-home .search-content a.button-default{ float: right;color: white;background-color: #625088 !important;padding: 10px;margin-bottom: 0px;width: 100%;text-transform: uppercase;font-size: 14px;}
.search-home .search-content a.button-default:hover{ opacity: 0.9;color: white!important;}

.homeDarkBanner { background:  #4f416c;position: relative;color: #FFF;padding-top: 40px;padding-bottom:40px}
.homeDarkBanner h1 {font-family: OpenSans-Light;}
.homeDarkBanner h3 { font-family: OpenSans-Light;color: #FFF;position: relative;font-family: OpenSans-Light;font-size: 25px;}
.homeDarkBanner .besideImage { position: absolute;left: 20px;top: 0px;width: 350px;height: 100%;}
.homeDarkBanner .col-md-3 { min-height: 100px;padding-top: 15px;padding-bottom: 15px}
.homeDarkBanner .col-md-3 a:hover {opacity: 0.7}
.homeDarkBanner .col-md-3 .inner { background: #40345a; color: #c3c1d0 !important;padding: 15px;text-align: center;padding-bottom: 15px; min-height: 220px;}
.homeDarkBanner .col-md-3 .inner i { margin-bottom: 18px;padding-top: 15px}
.homeDarkBanner .col-md-3 .inner h3 { color: #FFF;margin-bottom: 5px;padding-bottom: 5px;font-size: 23px;}
.homeDarkBanner .col-md-3 .inner h1{ padding-bottom: 12px;} 
.homeDarkBanner .container h3 a {color:#c6d89c}
.homeDarkBanner .container h3 a:hover {opacity: 0.7}

.homeVideo  { padding: 15px 0px 0;background: #ededed}
.homeVideo .leftPart iframe { margin-top: 32px; }
.homeVideo .rightPart { text-align: right}

.homeBottomLogos { padding-bottom: 10px;padding-top: 10px;}
.homeBottomLogos .col-md-2 a:hover {opacity: 0.7}

/*CONTACT*/
.contactBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.contactBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}

.contactAddress { background:  #f2f2f2;position: relative;color: #393838;padding-top: 40px;padding-bottom:40px}
.contactAddress h3 { color: #FFF;position: relative}
.contactAddress .besideImage { position: absolute;left: 20px;bottom: 0px;height: 98%;}

.contactAddress .col-md-4 ul { width: 95%;}
.contactAddress .col-md-4 ul li {color: #483670;font-family: OpenSans-Semibold;font-size: 16px;line-height: 45px;float: left;width: 100%; }
.contactAddress .col-md-4 ul li ul {float: right}
.contactAddress .col-md-4 a { float: right;color: #393838;font-family: "OpenSans-Regular";line-height: 26px;margin-top: 9px;width: 175px}
.contactAddress .col-md-4 a:hover {text-decoration: underline !important}
.contactAddress .col-md-4 .contactSocial {width: 181px;}
.contactAddress .col-md-4 .contactSocial li { display: block;float: left;width: 36px;}
.contactAddress .col-md-4 .contactSocial li a:hover {opacity: 0.7}

.contactForms { padding-top: 40px;padding-bottom: 20px; }
.contactForms h3 { color: #4A3961;font-size: 20px;}
.contactForms .contact-item { margin-bottom: 15px;}
.contactForms .contact-item input, .contactForms .contact-item textarea{ background: #f7f8f9;margin-top: 5px; border-radius: 0 !important;}
.contactForms .contact-item textarea {min-height: 127px}
.contactForms .contact-item input{ height: 40px;}
.contactForms .contact-item .g-recaptcha{ float: right;margin-bottom: 20px;}
.contactForms a.button-default{float: right}
.contactForms a.button-default i{ padding-right: 5px;}

.contactForms .map {  margin-top: 35px;}
.contactForms .map iframe{ width: 100%;}

/*Job desription*/
.jobDesContent { padding-bottom: 0px;padding-top: 40px;}
.jobDesContent h1 { font-family: OpenSans-Light;color:#625088}
.jobDesContent .jobDescription { background: #F2F2F2;padding: 40px}
.jobDesContent .jobDescription h3 { color: #483670;display: block;font-size: 22px;margin-bottom: 10px;font-family:OpenSans-Semibold }
.jobDesContent .jobDescription h5 { font-family: OpenSans-Bold;font-size: 16px;color: #414347;line-height: 23px;}
.jobDesContent .jobDescription ul { margin-top: 5px;margin-bottom: 20px;}
.jobDesContent .jobDescription ul {list-style: inside}
.jobDesContent .jobDescription i { color: #414347;margin-right: 5px;}
.jobDesContent  a { color: #4A3961;font-weight: bold}

.jobDesContent .shareSocial  { clear: both;display: table;content: "";width: 100%;margin-bottom: 20px;font-family: OpenSans-Bold;font-size: 9.65px;}
.jobDesContent .shareSocial ul {float: right}
.jobDesContent .shareSocial li{ display: block;float: right;padding-left: 3px}
.jobDesContent .shareSocial li a {display: block}
.jobDesContent .shareSocial li a:hover {opacity: 0.7}
.jobDesContent .bottomButton a { margin-right: 20px;}
.jobDesContent .bottomButton{ display: table;margin-bottom: 20px;margin-top: 15px;}

.search-job { width: 100%;background: #C6D89C;position: relative;}
.search-job .search-content{ width: 100%;bottom:0px;padding: 30px 0px;padding-left: 10px;overflow: auto}
.search-job .search-content ul{ width: 100%;display: block;}
.search-job .search-content ul li { float: left;padding-left: 15px;padding-right: 15px}
.search-job .search-content ul li .form-control{ font-family: Opensans-Bold;color: #6c6d72;background-color: #fff;border-color: #fff;height: 40px;}
.search-job .search-content ul li .form-control::-moz-placeholder {color: #6c6d72!important;font-size:14px}
.search-job .search-content ul li .form-control:-ms-input-placeholder {color: #6c6d72;font-size:14px}
.search-job .search-content ul li .form-control::-webkit-input-placeholder {color: #6c6d72;font-size:14px}

.search-job .search-content ul .keyword{ width: 25%;padding-left: 0px}
.search-job .search-content ul .classification{ width: 25%;text-align:center}
.search-job .search-content ul .location{ width: 25%;text-align:center}
.search-job .search-content ul .btn-search-home{ width: 25%;padding-right: 0px}

.search-job .search-content a.button-default{ float: right;color: white;background-color: #625088 !important;padding: 10px;margin-bottom: 0px;width: 100%;text-transform: uppercase;font-size: 14px;}
.search-job .search-content a.button-default:hover{ opacity: 0.9;color: white!important;}

/*job-listing*/
.job-listing { background: #FFF;padding-top: 30px;padding-bottom: 30px;}
.job-listing  h1{color:#625088}
.job-listing  h3 { color: #483670;font-family: OpenSans-Semibold}
.job-listing .job-item { background: #f2f2f2;padding: 20px 20px 3px;margin-bottom: 20px;overflow: auto;color: #414347;position: relative;}
.job-listing .job-item ul {margin-bottom: 25px}
.job-listing .job-item ul li { font-size: 14px;line-height: 18px;}
.job-listing .job-item p {font-size: 14px}
.job-listing .job-item p a {color: #4a3961;font-family: OpenSans-Extrabold;}

.job-listing .job-item ul.social{ font-size: 14px;position: absolute;right: 10px;bottom: 0px;}
.job-listing .job-item ul.social li{ float: left;padding-right: 3px;}
.job-listing .job-item ul.social li a:hover {opacity: 0.7}
.job-listing .job-item ul.social li.sharePost { padding-top: 7px;font-family: OpenSans-Bold;font-size: 9.65px;padding-right: 12px}

/*top candidate*/
.topCandidates { background: #FFF;padding-top: 30px;padding-bottom: 30px;}
.topCandidates  h1{color:#625088}
.topCandidates  h3 { color: #483670;font-family: OpenSans-Semibold}
.topCandidates .candidateItem { background: #f2f2f2;padding: 20px 20px 3px;margin-bottom: 20px;overflow: auto;color: #414347;position: relative;}
.topCandidates .candidateItem ul {margin-bottom: 25px}
.topCandidates .candidateItem ul li { font-size: 14px;line-height: 18px;}
.topCandidates .candidateItem p {font-size: 14px}
.topCandidates .candidateItem p a {color: #4a3961;font-family: OpenSans-Extrabold;}

.topCandidates .candidateItem ul.social{ font-size: 14px;position: absolute;right: 10px;bottom: 0px;}
.topCandidates .candidateItem ul.social li{ float: left;padding-right: 3px;}
.topCandidates .candidateItem ul.social li a:hover {opacity: 0.7}
.topCandidates .candidateItem ul.social li.sharePost { padding-top: 7px;font-family: OpenSans-Bold;font-size: 9.65px;padding-right: 12px}


/*psychometric-assessments*/
.psyAssiesBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.psyAssiesBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}

.psyAssContent { padding-bottom: 30px;padding-top: 40px;font-size: 14px}
.psyAssContent .psyAss h3 { color: #483670;}
.psyAssContent .psyAss ul { margin-top: 5px;margin-bottom: 20px;}
.psyAssContent .psyAss i { color: #414347;margin-right: 5px;}
.psyAssContent  a { color: #4A3961;font-weight: bold}

/*resource*/
.resourceBanner { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.resourceBanner h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}

.resourcesContent { padding-bottom: 20px;padding-top: 40px}
.resourcesContent .item { line-height: 33px;padding: 10px;margin-bottom: 10px;cursor: hand;cursor: pointer;width: 48%;float: left;margin-right: 2%}
.resourcesContent .item:hover {opacity: 0.7}
.resourcesContent .item a:hover {text-decoration: underline !important}
.resourcesContent .topLinks { margin-bottom: 20px;display: table;width: 100%}
.resourcesContent .topLinks .item {background: #f2f2f2 url("/Frontend/Images/pdf.png") no-repeat scroll 17px 10px;padding-left: 65px;}
.resourcesContent .bottomLinks { margin-top: 10px;width: 100%}
.resourcesContent .bottomLinks .item { background: #f2f2f2 url("/Frontend/Images/resoureItem.png") no-repeat scroll 20px 20px;padding-left: 55px;}
.resourcesContent h3 { color: #483670;font-family: OpenSans-Semibold}

/*skill assessments*/
.skillAssBanner { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.skillAssBanner h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}

.skillAssContent { padding-bottom: 10px;padding-top: 40px;}
.skillAssContent .skillAss { margin-top: 10px;margin-bottom: 40px}
.skillAssContent .item{ margin-bottom: 5px;background: #F2F2F2;padding-bottom: 10px;}
.skillAssContent .item .item-header{ padding: 20px 20px 0; position: relative}
.skillAssContent .item .item-header h6 { padding-bottom: 10px; padding-right: 30px;}
.skillAssContent .item .item-header:hover{ cursor: pointer}
.skillAssContent .item .item-header a{ position: absolute;right: 17px;top: 20px;}
.skillAssContent .item .item-header .collapseplus {background: url('/Frontend/Images/greenRight.png') no-repeat 0px 0px;font-family: Opensans-Regular;height: 22px;width: 22px;display: block;float: right;margin-top: 0px;}
.skillAssContent .item .item-header .collapseminus {background: url('/Frontend/Images/greenDown.png') no-repeat 0 0px;font-family: Opensans-Bold;height: 22px;width: 22px;display: block;float: right}
.skillAssContent .item .item-content { padding-left: 20px;padding-top: 15px;font-size: 14px;}
.skillAssContent .item .item-content li { list-style: inside none disc;line-height: 20px;}
.skillAssContent .skillAssLogos { padding-bottom: 40px;padding-top: 20px}
.skillAssContent .skillAssLogos .col-md-6 .inner { background: #f2f2f2;background: #f2f2f2 none repeat scroll 0 0;padding-bottom: 20px;padding-top: 20px;}
.skillAssContent .talentLogo {background: url("/Frontend/Images/logos2.png") no-repeat scroll 0px 0px;height: 71px;margin: auto; width: 240px;;display: block;}
.skillAssContent .previsorLogo {background: url("/Frontend/Images/logos2.png") no-repeat scroll 0px -76px;height: 71px;margin: auto;width: 132px;display: block;}
.skillAssContent .col-md-6 a:hover {opacity: 0.7}
.skillAssContent h3 { color: #483670;font-family: OpenSans-Semibold}

/*profile*/
.profileBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.profileBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}
 
.profileContent .profileBanner { background: #f3f3f3;display: table;margin-bottom: 25px;position: relative;width: 100%;}
.profileContent .container { padding-top: 40px;padding-bottom: 20px}
.profileContent .inner{ padding: 85px 300px 85px  80px; color: #7f9748}
.profileContent .profileBanner img{ position: absolute;right: 0px;bottom: 0px;}

.profileContent .social {margin-bottom: 45px;}
.profileContent .social li { display: block;float: left;padding-right: 10px}
.profileContent .social li a:hover {opacity: 0.7}
/*team*/
.teamBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.teamBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light}
 
.teamContainer { padding-top: 40px;padding-bottom: 20px;}
.teamContainer .team h3 {color: #7f9748;font-size: 24px;margin-bottom: 20px;}
.teamContainer .row {margin-bottom: 25px;}
.teamContainer a:hover {opacity: 0.7}
.teamContainer ul li { display: block;float: left;width: 100%;position: relative}
.teamContainer ul li.inner {margin-bottom: 10px}
.teamContainer ul li.inner .graybg { display: none;background: #444445;opacity: 0.7;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; }
.teamContainer ul li.inner:hover .graybg { display: block;z-index: 1 }
.teamContainer ul li.inner:hover img {z-index: 2}
.teamContainer ul li h5 { margin-bottom: 0px;padding-bottom: 0px;color: #4f416c;font-family: OpenSans-Bold}
.teamContainer ul li img { margin-bottom: 0px;width: 100%;height: 100%;}
.teamContainer ul li a:hover {text-decoration: underline}
.teamContainer ul li i { float: right;margin-right: 5px;}
.staff-listing-item{margin-bottom:25px;}

/*temp banner*/
.tempAwardBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.tempAwardBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light} 

.tempAwardContainer { padding-bottom: 20px;padding-top: 40px}
.tempAwardContainer .searchArchive { background: #f2f2f2;padding: 20px;display: table;width: 100%;margin-bottom: 30px;}
.tempAwardContainer .searchArchive ul li { display: block;float: left;padding-right: 20px;}
.tempAwardContainer .searchArchive ul li .form-control { width: 400px;color: #2c2c2c;font-family: OpenSans-Regular;font-size: 14px;width: 400px;}
.tempAwardContainer .searchArchive ul li.title {padding-top: 6px;font-family: opensans-bold;font-size: 16px;padding-top: 6px;}
.tempAwardContainer .searchArchive ul li.search a { font-size: 30px;margin-top: 2px;}
.tempAwardContainer .archiveContent .inner { position: relative;margin-bottom: 15px;}
.tempAwardContainer .archiveContent img { width: 100%;}
.tempAwardContainer .archiveContent .row {margin-bottom: 35px}
.tempAwardContainer .archiveContent .inner label { bottom: 20px;padding-left: 20px;padding-right: 20px;position: absolute;color: #FFF;display: none; font-size:14px;}
.tempAwardContainer .archiveContent .inner .graybg { display: none;background: #444445;opacity: 0.7;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; }
.tempAwardContainer .archiveContent .inner:hover { background: #444444;opacity: 0.5;}
.tempAwardContainer .archiveContent .inner:hover .graybg { display: block;z-index: 1;}
.tempAwardContainer .archiveContent .inner:hover label { display: block;cursor: hand;cursor: pointer;z-index: 2}
.tempAwardContainer .archiveContent li h5 i{float: right}
.temp-award-item{margin-bottom:20px;}

/*Testimonial*/
.testiBreakcrumb { height: 126px; background: url('/Frontend/Images/aboutus-baner.png') no-repeat center center;background-size: cover;text-align: center}
.testiBreakcrumb h1 { margin-top: 73px;color: #FFF;color: #fff;margin-top: 49px;text-align: left;font-family: OpenSans-Light} 
.testimonialContent { padding-top: 40px;padding-bottom:20px}
.testimonialContent .item { background: #f2f2f2;margin-bottom: 30px;padding: 30px}
.testimonialContent .item ul{ display: table;margin-top: 5px}
.testimonialContent .item ul li{ display: block;float: left;width: 100%;font-family: OpenSans-Bold;font-size: 14px;color:#483670}

/*submit resume*/
.submitResume { padding-top: 30px;padding-bottom: 30px; background-color: #f1f1f1}
.submitResume .col-md-6 h3, .submitResume .col-md-12 h3{ font-family: OpenSans-Semibold;color: #483670}
.submitResume p{ font-size: 14px;padding-bottom: 10px}
.register-item { margin-bottom: 12px;}
.register-item input, .register .register-item textarea{ margin-top: 10px;}
.register-item .form-control{ height: 40px;}
.register-item .form-control::-moz-placeholder {color: #414347!important;font-size:14px}
.register-item .form-control:-ms-input-placeholder {color: #414347;font-size:14px}
.register-item .form-control::-webkit-input-placeholder {color: #414347;font-size:14px}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{min-height:unset!important;}

.submitResume .register-item .chosen-container{margin-top: 10px; width: 100%!important}
.submitResume .register-item .chosen-container ul { border-radius: 5px;border-color: #cfcfcf; background: white }
.submitResume .register-item .chosen-container ul li{ padding-top: 3px;padding-bottom: 3px;}
.submitResume .register-item .chosen-container-multi .chosen-choices li.search-field input[type="text"]{ height: 31px;}
.submitResume a.button-default{float: right}
.submitResume a.button-default i{ padding-right: 5px;}
.requiredField { color: #4f416c;font-size: 12px;}

/*footer*/
.footer .footer-top { padding-bottom: 30px;padding-top: 45px;background-color: #211e26;color: white;font-size: 14px;}
.footer .footer-top h5 { color: white;padding-bottom: 0px;font-size: 15px;font-family: OpenSans-Bold}
.footer .footer-top hr { color: #b1acac !important;width: 90%;float: left;margin-bottom: 15px;margin-top: 14px;}
.footer .footer-top .col-md-4 { padding-left: 10px;padding-right: 10px;}
.footer .footer-top .col-md-4.lastItem a { float: right;margin-right: 90px;}
.footer .footer-top .col-md-4.lastItem .email a { float: left;margin-right: 0px;}
.footer .footer-top .col-md-4 li, .footer .footer-top .col-md-4 a {color:#b1acac}
.footer .footer-top .col-md-4 a:hover {text-decoration: underline !important}
.footer .footer-top .col-md-4 li { float: left;width: 100%;line-height: 28px}
.footer .footer-top .col-md-4 address { margin-bottom: 0px;}
.footer .footer-top .desktop ul li {list-style: inside url(/Frontend/Images/icon-bottom.png)}

.footer .footer-bottom { padding-top: 20px;padding-bottom: 20px; font-size: 14px;font-family: Opensans-Regular; background-color: #322e39}
.footer .footer-bottom .text { color: #9997a0;}
.footer .footer-bottom ul li { float: left;padding-left: 5px;color: #b7b6b6;}
.footer .footer-bottom ul li .bottomList li { margin-top: 0px;}
.footer .footer-bottom ul li a {color:#FFF}
.footer .footer-bottom ul li a:hover {opacity: 0.8; text-decoration: underline!important}

.footer .footer-bottom ul.leftMenu { margin-top: 7px;font-size: 13px !important}
.footer .footer-bottom ul.socialBottom .socialBottom { margin-top: 3px;}
.footer .footer-bottom ul.socialBottom li { float: right;display: block}
.footer .footer-bottom ul.socialBottom li a {display: block}

.roundList {list-style: none !important}
.roundList li {background:url("/Frontend/Images/roundArrow.png") no-repeat scroll 0px 1px;padding-left: 23px;}
.listNum {list-style-type:decimal; list-style-position: inside; }


/*blog-detail*/
.blog{ padding-top: 30px;padding-bottom: 30px;background-color: #f1f1f1;}
.blog .blog-detail .item{ background: white;padding: 15px;margin-bottom: 20px;}
.blog .blog-detail .item ul.info{ width: 100%;font-size: 14px;margin-bottom: 10px;display: block; color: #8f8e8e}
.blog .blog-detail .item ul.info li{ float: left;padding-right: 10px;}
.blog .blog-detail .item ul.info li i{ padding-right: 5px;}
.blog .blog-detail .item .image { margin-bottom: 10px;}
.blog .blog-detail .item .image img{width: 100%}
.blog .blog-detail h5{padding-bottom:5px;}

.blog .blog-detail .float-left{ float: left;width: 50%}
.blog .blog-detail .float-left ul.social{ width: 100%;display: block;}
.blog .blog-detail .float-left ul.social li{ float: left;margin-right: 5px;}
.blog .blog-detail .float-left ul.social li a{ width: 30px;height: 30px; display: block}
.blog .blog-detail .float-left ul.social li a:hover{opacity: 0.7}

.right-blog-menu .float-left ul.social-menu{ width: 100%;display: block;padding-left:20px;}
.right-blog-menu .float-left ul.social-menu li{ float: left;margin-right: 5px;}
.right-blog-menu .float-left ul.social-menu li a{ width: 30px;height: 30px; display: block}
.right-blog-menu .float-left ul.social-menu li a:hover{opacity: 0.7}

/*.blog .blog-detail .float-left ul.social li a.twitter{ background: url('/Frontend/Images/social.png') no-repeat -389px 0px}
.blog .blog-detail .float-left ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -428px 0px}
.blog .blog-detail .float-left ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -467px 0px}
.blog .blog-detail .float-left ul.social li a.google{ background: url('/Frontend/Images/social.png') no-repeat -504px 0px}
.blog .blog-detail .float-left ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -544px 0px}*/
.blog .blog-detail .float-right{ float: right;width: 50%;}
.blog .blog-detail .float-right ul.action{float: right}
.blog .blog-detail .float-right ul.action li { margin-left: 10px;float: left}
.blog .blog-detail .float-right ul.action li a { margin-bottom: 0px}
.blog .blog-detail .comment{ margin-top: 30px;border-top: 2px solid #dddddd !important;padding-top: 20px; }
.blog .blog-detail .comment h4{ text-align: center;padding-bottom: 20px;}
.blog .blog-detail .comment a.button-default{ float: right;margin-bottom: 0px;}
.blog .blog-detail .comment .form-control::-moz-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .blog-detail .comment .form-control:-ms-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .blog-detail .comment .form-control::-webkit-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .blog-detail .comment textarea{ padding-left: 5px;padding-top: 8px;}
.blog .right-blog-menu .input-group{ background-color: white;border: 1px solid #ddd!important;color: #ddd;border-radius: 5px;}
.blog .right-blog-menu .input-group .input-group-addon{ background-color: white;border: none;color: #ADADAD;padding-right: 2px;font-size: 13px;}
.blog .right-blog-menu .input-group .form-control{ margin: 0px;border: none;box-shadow: none;border-radius: 0px;}
.blog .right-blog-menu .search-blog{ margin-bottom: 20px;}
.blog .right-blog-menu .search-blog .form-control{ height: 40px;}
.blog .right-blog-menu .subscribe{ background-color: white;margin-bottom: 20px;}
.blog .right-blog-menu .subscribe ul{ width: 100%;display: block}
.blog .right-blog-menu .subscribe ul li{ padding:15px 20px;border-bottom: 1px solid #ddd;overflow: auto}
.blog .right-blog-menu .subscribe ul li:last-child{border: none}
.blog .right-blog-menu .subscribe ul li h5{ font-family: Opensans-Bold;text-transform: uppercase}
.blog .right-blog-menu .subscribe ul li.subscribe-rss h5{ float: left;padding-bottom: 0px;padding-top: 5px;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .subscribe ul li.subscribe-rss a.rss{ display: block;width: 30px;height: 30px;float: right;background: url('/Frontend/Images/social.png') no-repeat -582px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss a.rss:hover{opacity: 0.7}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social { float: right;width: auto}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li{ border-bottom: none;padding: 0px;padding-left: 5px;float: left}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a{ width: 30px;height: 30px; display: block}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a:hover{opacity: 0.7}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.twitter{ background: url('/Frontend/Images/social.png') no-repeat -389px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -428px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -467px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.google{ background: url('/Frontend/Images/social.png') no-repeat -504px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -544px 0px}
.blog .right-blog-menu .recent-archive{ margin-bottom: 20px;border: 1px solid white;background-color: white}
.blog .right-blog-menu .recent-archive ul.nav-tabs{ border-bottom: 1px solid #dddcdc}
.blog .right-blog-menu .recent-archive ul.nav-tabs li{ margin: 0px;width: 50%;text-align: center;}
.blog .right-blog-menu .recent-archive ul.nav-tabs li a{text-transform: uppercase;margin: 0px;border-radius: 0px;background-color: #f3f3f3;color: black; font-family: Opensans-Semibold}
.blog .right-blog-menu .recent-archive ul.nav-tabs li.active a{ margin: 0px;border-radius: 0px;background-color: white;border: none;}
.blog .right-blog-menu .recent-archive ul.nav-tabs li a:hover{ opacity: 0.7;margin: 0px;border-bottom-color: transparent}
.blog .right-blog-menu .subscribe .tab-content ul.items{ width: 100%;font-size: 14px;}
.blog .right-blog-menu .subscribe .tab-content ul.items li{ padding: 20px;border-bottom: 1px solid #dddcdc;padding-top:0px;padding-bottom:0px;}
.blog .right-blog-menu .subscribe .tab-content ul.items li a { color:#585865 }
.blog .right-blog-menu .subscribe .tab-content ul.items li a:hover { opacity: 0.8 }
.blog .right-blog-menu .form-control::-moz-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .form-control:-ms-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .form-control::-webkit-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .recent-archive .tab-content ul.items li:last-child{ border-bottom: none;}
.blog .right-blog-menu .recent-archive .tab-content ul.items li span{color:#8f8e8e }
.blog .right-blog-menu .recent-archive .tab-content ul.items li span i{ padding-right: 10px;}
.blog .right-blog-menu .recent-archive .tab-content ul.items li span.bold{color:#333333 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items{ width: 100%;}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items li{ padding: 20px;border-bottom: 1px solid #dddcdc}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items li:last-child{ border-bottom: none;}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold{color:#333333 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold:hover{ color: #333333;opacity: 0.7 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold i{padding-right: 20px}
.blog .right-blog-menu .tag{ margin-bottom: 20px;padding: 20px;background-color: white;overflow: auto}
.blog .right-blog-menu .tag ul.items{ width: 100%}
.blog .right-blog-menu .tag ul.items li{ padding-right: 5px;padding-bottom: 5px;float: left}
.blog .right-blog-menu .tag ul.items li a.a-tag{ color: #333333;padding: 5px;border: 1px solid #dddcdc;border-radius: 3px;font-size: 10px;display: block}
.blog .right-blog-menu .tag ul.items li a.a-tag:hover{ color: #333333;opacity: 0.7}
.blog .right-blog-menu .tag ul.items li:last-child{ padding-right: 0px;}
.blog-description-container{margin-bottom:15px;}

/*blog-listing*/
.blog .blog-listing .item{ padding: 20px;background-color: white;margin-bottom: 20px;}
.blog .blog-listing .item:last-child{ border-bottom: none}
.blog .blog-listing .item img{ width: 100%;margin-bottom: 20px;}
.blog .blog-listing .item a.blog-title{display: block; font-family: Opensans-Bold;font-size: 24px;color: #333333;text-transform: capitalize !important;margin-bottom: 15px;}
.blog .blog-listing .item a:hover{ opacity: 0.7; color: #333333}
.blog .blog-listing .item p{ padding-bottom: 20px;}
.blog .blog-listing .item ul.info{ width: 100%;font-size: 14px;margin-bottom: 20px;display: block; color: #8f8e8e}
.blog .blog-listing .item ul.info li{ float: left;padding-right: 10px;}
.blog .blog-listing .item ul.info li i{ padding-right: 5px;}


.blog-details-body ul{list-style-type:disc!important;margin-left:15px;margin-bottom:10px;}
.blog-details-body ul li{padding-left:5px;padding-bottom:7px;}


@media screen and (min-width: 961px) {
    .topSocial .navbar-header {display: none !important}
    .topSocial .navbar-header .navbar-toggle{display: none!important}  
}

@media screen and (min-width: 961px) and (max-width: 991px){
    .topSocial .menu-header .col-md-9 .header-navbar ul li{padding: 5px 2px}
    .menu-header .navbar-collapse.collapse{display: block!important}

    .container{ width: 900px!important;}    
    .col-md-1{ width: 8.33%;float: left}
    .col-md-2{width: 16.67%;float: left}
    .col-md-3{width: 25%;float: left}
    .col-md-4{width: 33.33%;float: left}
    .col-md-5{width: 41.67%;float: left}
    .col-md-6{width: 50%;float: left}
    .col-md-7{width: 58.33%;float: left}
    .col-md-8{width: 66.67%;float: left}
    .col-md-9{width: 75%;float: left}
    .col-md-10{width: 83.33%;float: left}
    .col-md-11{width: 91.67%;float: left}
    .col-md-12{width: 100%;float: left}        
}

@media screen and (max-width: 960px) {    
     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
    { padding-left: 5px !important;padding-right:5px !important;}      
    .mobile {display: block!important}
    .desktop {display: none!important}   

    .container { width: 100% !important;padding-left: 20px;padding-right: 20px;}    
    .row {margin-left: 0;margin-right: 0;}    

    .navbar-collapse{border-top: 0px}
    .navbar-collapse.in{overflow:initial}    
    .collapse.in{display: block!important}
    .navbar-collapse{border-top: 0px}
    .navbar-collapse.in{overflow:initial}
    .navbar-collapse.collapse {display: none!important}
    .collapse.in{display: block!important}

    .topSocial .container, .menu-header .container { padding-left: 0px;padding-right: 0px;}            
    .topSocial .container .desktop { margin-right: 20px;}
    
    /*header*/        
    .collapse.in{display: block!important}

    .topSocial .socialInfo { float: left;}    
    .topSocial ul.socialInfo li .btnSearch{background: rgba(0, 0, 0, 0) url("/Frontend/Images/social.png") no-repeat scroll -123px -32px;display: block;float: left;height: 28px;margin-top: 5px;width: 30px;}
    .topSocial ul.socialInfo li .btnSearch span {display: none}    
    .topSocial .navbar-toggle { margin-right: 0px;margin-top: 10px;z-index: 999999999;}   
    .topSocial .navbar-toggle .close-menu {  color: white;position: absolute;right: 18px;top: 15px;}  
    .topSocial .navbar-toggle .icon-bar { background: #000;display: none}
    .topSocial .collapsed .close-menu {display: none}
    .topSocial .collapsed .icon-bar {display: block}
    
    .menu-header .container { padding-left: 0px;padding-right: 0px;}
    .menu-header .col-md-3 { text-align: center;padding-left: 0px;padding-top: 0px;padding-bottom: 0px}
    .menu-header .col-md-3 .logo {float: none;margin: auto;padding-bottom: 5px;padding-top: 5px;width: 229px;}
    .menu-header .col-md-9 {padding-left: 0px;padding-right: 0px; width: 100%}
	.menu-header .col-md-9 .header-navbar {position: absolute;z-index: 999999;width: 100%;top: -157px;left: 0px;}

    .menu-header .col-md-9 .header-navbar ul{ float: left;width: 100%;border-radius: 0px;margin-top: 0px;}
    .menu-header .col-md-9 .header-navbar ul li:last-child { padding-right: 0px;}
    .menu-header .col-md-9 .header-navbar ul li {display: block;float: left;width: 100%;line-height: 35px;padding:;border-bottom: 1px solid #4f406d;margin-left: 0px;background: #40345a}   
    .menu-header .col-md-9 .header-navbar ul li i.show-desktop{ display: none !important;}
    .menu-header .col-md-9 .header-navbar ul li i.normalMenuItem { background: url(/Frontend/Images/social.png) no-repeat -131px -15px;display: block;float: right;margin-top: 10px;}
    .menu-header .col-md-9 .header-navbar ul li a { margin-right: 10px;font-size: 14px;}
    .menu-header .col-md-9 .header-navbar ul li.open i.normalMenuItem { background: url(/Frontend/Images/social.png) no-repeat -131px -1px;margin-top: 11px;}
	.menu-header .col-md-9 .header-navbar ul li:hover {opacity: 1;background: #c6d89c;cursor: pointer;border-radius: 0px;} 
	.menu-header .col-md-9 .header-navbar ul li:hover a {color: white!important} 
    .menu-header .col-md-9 .header-navbar ul li a{ margin-left: 10px;display:block;text-align:left; padding-bottom:0px; color: white}
	.menu-header .col-md-9 .header-navbar ul li a:hover { color: white;text-decoration: none !important;border-bottom: none; background: none} 
    .menu-header .col-md-9 .header-navbar ul li a:active{ color: white; background: none}
    .menu-header .col-md-9 .header-navbar ul li .dropdown-menu{border-top:1px solid #4f406d !important; background: #c6d89c;width: 100%;left: 0;top: 5px;position: relative;margin: 0px;border: none;box-shadow: none;padding: 0px;}
    .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li {line-height: 30px;padding:10px 10px 10px 30px}
    .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a{ padding-top: 0px;padding-bottom: 0px;font-size: 14px;font-family: Opensans-Regular}
    .menu-header .col-md-9 .header-navbar ul .dropdown {padding-left: 0px;padding-right: 0px}
    .menu-header .col-md-9 .header-navbar ul .dropdown a{ padding-left: 10px;}
    .menu-header .col-md-9 .header-navbar .navbar-collapse{ padding-top: 0px;padding-bottom: 0px;}
    
    .topSocial .search .search-content { width: 100%;right: 0px;}
    .topSocial .search .search-content .search-job { border-radius: 0px;}

    /*Content*/
    .aboutDarkBanner .col-md-4 { padding-left: 0px;padding-right: 0px;}
    .aboutDarkBanner .col-md-4 .inner {height: auto}
    .aboutVideo .container { padding-left: 0px;padding-right: 0px;}
    .aboutVideo .rightPart {text-align: center;}
    /*home*/    
    .search-home .search-content{ width: 100%;bottom:0px;padding: 20px;padding-left: 0px;padding-right: 0px;}
    .search-home .search-content ul { width: 100%;display: block;}
    .search-home .search-content ul li{ float: left;padding-left: 15px;padding-right: 15px}
    .search-home .search-content ul .keyword{ width: 25%}
    .search-home .search-content ul .classification{ width: 25%}
    .search-home .search-content ul .location{ width: 25%}
    .search-home .search-content ul .btn-search-home{ width: 25%}

     /*Job description*/        
    .search-job .search-content ul .keyword{ width: 20%;padding-left: 0px}
    .search-job .search-content ul .classification{ width: 20%}
    .search-job .search-content ul .location{ width: 20%;padding-right: 0px}
    .search-job .search-content ul .btn-search-home{ float: right;margin-top: 0px;width: 40%;}
    
    .homeDarkBanner .col-md-4 { padding-left: 0px;padding-right: 0px;}
    .homeDarkBanner .col-md-4 .inner {height: auto}

    .homeVideo .container { padding-left: 0px;padding-right: 0px;}
    .homeVideo .rightPart {text-align: center;}
    /*contact*/
    .contactForms .contact-item .g-recaptcha{float: none}    
     /*Candaidate*/        
    .contactAddress {padding-bottom: 20px;padding-top: 20px;}
    .contactAddress .col-md-4 { width: 50%;float: left}
    .contactAddress .col-md-4 a {float: none}
    .jobDesContent .col-md-6 { width: 50%;float: left}
    .skillAssContent .col-md-6 { width: 50%;float: left}
    .teamContainer .col-md-3 { width: 50%;float: left;margin-bottom: 15px;}
    .archiveContent .col-md-6 { width: 50%;float: left}
    .topCandidates .candidateItem ul.social { position: relative;display: table;float: right}
    .homeBottomLogos .col-md-2 { width: 33.33%;float: left}
    .homeDarkBanner { padding-bottom: 25px;}
    .homeDarkBanner .col-md-3 { width: 50%;float: left;padding-bottom: 0px}
    .homeVideo .col-md-7 { width: 58.33%;float: left}
    .homeVideo .col-md-5 { width: 41.67%;float: left}
    .homeVideo .col-md-5 img {width: 100%}
    .homeVideo .leftPart iframe {margin-top: 10px;}
    /*Footer*/
    .footer .footer-top hr { width: 100%;}
    .footer .footer-top .col-md-4 { margin-bottom: 20px;}
}

@media screen and  (min-width: 768px) {    
    .topSocial .navbar-toggle{display: block}   
}

@media screen and  (width: 768px) {	
    .menu-header .col-md-9 .header-navbar {position: absolute;z-index: 999999;width: 100%;top: -157px;left: 0px;}
    .navbar-collapse .collapse {display: none!important}
    .collapse.in{display: block!important}
}

@media screen and (max-width: 768px) {         
    /*Home*/        
    .search-home .search-content ul .keyword{ width: 33.3%}
    .search-home .search-content ul .classification{ width: 33.3%}
    .search-home .search-content ul .location{ width: 33.3%}
    .search-home .search-content ul .btn-search-home{ float: right;margin-top: 20px;width: 100%;padding-left: 0px;}

     /*Job description*/        
    .search-job .search-content ul .keyword{ width: 33.3%;padding-left: 0px}
    .search-job .search-content ul .classification{ width: 33.3%}
    .search-job .search-content ul .location{ width: 33.3%;padding-right: 0px}   
    .search-job .search-content ul .btn-search-home{ float: right;margin-top: 20px;width: 100%;padding-left: 0px;}
    
    /*Candaidate*/        
    .contactAddress .col-md-4 { width: 100%;}
    .contactAddress .col-md-4 ul li ul { float: none !important;}
    .skillAssContent .col-md-6 { width: 100%;margin-bottom: 10px}

    /*footer*/    
    .footer .row { margin-left: 0px;margin-right: 0px;}
    .footer .footer-top { padding-bottom: 20px;padding-top: 20px;}
    .footer .footer-top .container { padding-left: 0px;padding-right: 0px;}    
    .footer .footer-top hr { width: 100%;}
    .footer .footer-top h5 {text-align: center}    
    .footer .footer-top .col-md-4 li { text-align: center;}
    .footer .footer-top ul li { width: 100%;float: left}
    .footer .footer-top .col-md-4 { padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}    
    .footer .footer-top .col-md-4 li { line-height: 35px;}
    .footer .footer-top .col-md-4.lastItem a { margin-right: 0px;float: none !important;margin-left: 15px;}
    .footer .footer-bottom ul li{ float: left;line-height: 25px; }
    .footer .footer-bottom .socialBottom { float: left;width: 100%; margin-bottom: 25px;margin-top: 20px;}
    .footer .footer-bottom .socialBottom li { width: 33%;text-align: center}
    .footer .footer-bottom .socialBottom li a {margin: auto}
    .footer .footer-bottom .socialBottom li a.topIn{float: left}
    .footer .footer-bottom .socialBottom li a.topTwitter{float: right}
    .footer .footer-bottom .socialBottom .leftItem,.footer .footer-bottom .socialBottom .rightItem { width: 40%;}
    .footer .footer-bottom .socialBottom .middleItem { width: 20%;}
    .footer .footer-bottom .leftMenu .text { width: 100%;text-align: center;font-size: 16px;}
    .bottomList { width: 100%;text-align: center;}
    .bottomList ul { margin: auto;width: 200px;}
    .bottomList ul li:first-child {text-align: right}
    .bottomList ul li:last-child {text-align: right}
    .tempAwardContainer .searchArchive ul li .form-control {width: auto}
}

@media screen and (max-width: 540px) {
    h1 {font-size: 24px;padding-bottom: 10px}
    h2 {font-size:22px;padding-bottom: 10px}
    h3 {font-size:20px;padding-bottom: 10px}
    h4 {font-size:18px;padding-bottom: 10px}
    h5 {font-size:16px;padding-bottom: 10px;font-family: Opensans-Bold}
    h6 {font-size:14px;padding-bottom: 10px}
    p{ font-size: 14px;}    
    .besideImage { width: 100% !important;left: 0px !important;}
    .container { padding-left: 10px;padding-right: 10px;}
    /*home*/
    .search-home .search-content{ width: 100%;bottom:0px;padding: 10px 0px;}
    .search-home .search-content ul li{ float: none;padding-left: 0px;padding-right: 0px;margin-bottom: 10px;}
    .search-home .search-content ul .keyword{ width: 100%}
    .search-home .search-content ul .classification{ width: 100%}
    .search-home .search-content ul .location{ width: 100%}
    .search-home .search-content ul .btn-search-home{ width: auto;float: right;margin-bottom: 0px}
    
    /*Search Job*/
    .search-job .search-content{ width: 100%;bottom:0px;padding: 10px 0px;}
    .search-job .search-content ul li{ float: none;padding-left: 0px;padding-right: 0px;margin-bottom: 10px;}
    .search-job .search-content ul .keyword{ width: 100%}
    .search-job .search-content ul .classification{ width: 100%}
    .search-job .search-content ul .location{ width: 100%}
    .search-job .search-content ul .btn-search-home{ width: auto;float: right;margin-bottom: 0px}
    
    /*Job description*/
    .jobDesContent .jobDescription { padding-left: 20px;padding-right: 20px;}
    .jobDesContent .col-md-6 { width: 100%;text-align: left}
    /*contact us*/
    .contactAddress .col-md-4 { width: 100%;}
    .contactAddress .col-md-4 ul { width: 100%;}    
    .contactAddress .col-md-4 ul li ul {float: left}
    .contactAddress .col-md-4 a { float: none}   
    /*candidate*/
    .jobDesContent .bottomButton a { margin-bottom: 10px;}
    /*psychometric-assessments*/
    .psyAssContent .psyAss ul {padding-left: 10px;}
    /*Resource*/
    .resourcesContent .topLinks li {background: #f2f2f2 url("/Frontend/Images/pdf.png") no-repeat scroll 12px 10px;padding-left: 50px;}
    .resourcesContent .bottomLinks li {background: #f2f2f2 url("/Frontend/Images/resoureItem.png") no-repeat scroll 13px 20px;padding-left: 40px;}
    .profileContent .container { padding-top: 20px;}
    .profileContent .inner { padding: 10px;}
    .profileContent .profileBanner img {position: relative}
    .teamContainer .col-md-3 { width: 100%;}  
    .tempAwardContainer .searchArchive ul li { width: 100%;float: left;text-align: left;margin-bottom: 5px;padding-right: 0px;}  
    .tempAwardContainer .searchArchive ul li .form-control {width: 100%}
    .tempAwardContainer .searchArchive ul li.search{ text-align: right;margin-top: 10px}
    .tempAwardContainer .searchArchive ul li.search a {float: right}
    .tempAwardContainer .archiveContent h5 a { padding-left: 10px;}
    .tempAwardContainer .archiveContent .inner:hover label {display: none !important}
    .job-listing .job-item ul.social { position: relative;display: table;margin-bottom: 20px;float: right}
    .archiveContent .col-md-6 { width: 100%;float: left}
    .homeDarkBanner .col-md-3 { width: 100%;float: left;padding-bottom: 0px}
    .homeVideo .col-md-7 { width:100%}
    .homeVideo .col-md-5 {width: 100%}
    .homeBottomLogos .col-md-2,.homeBottomLogos .col-md-2 img {width: 100%}
    .skillAssContent .skillAssLogos {padding-bottom: 15px;}
}

@media screen and (max-width: 450px) {     
    .container {padding-left: 10px;padding-right: 10px;}
    .aboutVideo .rightPart img { width: 80%;}    
    .footer .footer-bottom .socialBottom {margin-bottom: 20px;margin-top: 5px;}
    .g-recaptcha { overflow-x: scroll;transform: scale(0.92);transform-origin: 0 0 0;width: 100%;overflow-y: hidden;}        
    .g-recaptcha div {width: 100% !important}
    .submitResume input[type="file"]{width: 100%}
}