@import url('opensans-font.css');
@import url('slabo-font.css');
@import url('baskerville-font.css');
@import url('lobster-font.css');

html,body{height:100%;}
body{margin:0;padding:0;font-family: "Roboto", sans-serif;
background:url('../images/bodyBg.png');background-size:cover;}
a,a:hover{outline: aqua;}
ul,li{list-style:none;margin:0;padding:0;}
img{max-width: 100%;}
button:focus{outline:aqua;}
/* ========= font css =============== */
@font-face {
    font-family: "staffing";
    src:url("../fonts/staffing/staffing.eot");
    src:url("../fonts/staffing/staffing.eot?#iefix") format("embedded-opentype"),
        url("../fonts/staffing/staffing.woff") format("woff"),
        url("../fonts/staffing/staffing.ttf") format("truetype"),
        url("../fonts/staffing/staffing.svg#staffing") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
  font-family: "staffing" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "staffing" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-manageement:before { content: "\61";}
.icon-pharmaceuticals:before {content: "\62";}
.icon-project-staffing:before {content: "\63";}
.icon-ts:before {content: "\65";}
.icon-consulting-service:before {content: "\66";}
.icon-it:before {content: "\67";}
.icon-pharma:before {content: "\68";}
.icon-contract-icon-22:before {content: "\61";}
.icon-expensive-user-management-1323567:before {content: "\62";}
.icon-pharmaceuticals:before {content: "\63";}
.icon-project-staffing:before {content: "\64";}
.icon-technology-staffing:before {content: "\65";}
.icon-biotech:before {content: "\69";}
.icon-finance:before {content: "\6a";}
.icon-manufacturing:before {content: "\6b";}
.icon-oil-gas:before {content: "\6c";}
.icon-marketing:before {content: "\6d";}
.icon-telecom:before {content: "\6e";}
.icon-utility:before {content: "\6f";}
.icon-tech:before {content: "\70";}
svg.shape-item{fill:#1EBAD9;display:none;}

/* ======== window load icon show ==== */
#loader {background:#fff;height:100%;position:fixed;width:100%;z-index:10000;top:0;}
#loader .mid_icon{width:70px;height:70px;position: absolute;top:50%;transform: translateY(-50%);left:0;right:0;margin:0 auto;}

/* ===== common css ================= */
.common_section{width:100%;float: left;}
h1,h3,h4{font-family: "Raleway", 'sans-serif';}
h2{font-family: 'Source Sans Pro','Helvetica Neue','Arial';}
p{font-size:15px;line-height: 25px;}
.threeCol {column-count: 3;}
.navbar-nav .dropdown-menu{top:110%;border-color:rgb(0, 163, 211);}
.dropdown-item:hover{color:rgb(0, 163, 211);}
a.nav-link{cursor:pointer;}

/* =========== header =============== */
.navbar{background:#fff;border-radius:0;z-index:99;transition-property:all;transition-duration: .5s, .5s;
border-bottom:5px solid #1EBAD9;position:fixed;border:none;}
.navbar .navbar-nav li a.nav-link{color:#0e2238;font:bold 17px 'Roboto', sans-serif;padding:30px 20px;
position: relative;transition: all 0.5s ease;letter-spacing: 1px;}
/*.navbar .navbar-nav li a.nav-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;
opacity: 0;background:#1EBAD9;z-index: -1;transition: all 0.5s ease;}*/
.navbar .navbar-nav li:hover a.nav-link,
.navbar .navbar-nav li.active a.nav-link{color:rgb(38, 213, 249);}
.btn-info{background:#1EBAD9;}
.navbar.onScroll{background:rgba(255,255,255,1) !important;box-shadow: 0 10px 39px #1EBAD9;z-index: 99;}
.navbar.onScroll .navbar-nav li a.nav-link{padding:25px;}
.navbar.onScroll .navbar-nav li:hover a.nav-link, 
.navbar.onScroll .navbar-nav li.active a.nav-link {color:rgb(30, 186, 217);}
.navbar.onScroll .navbar-brand{padding:10px 0;}
.navbar .navbar-nav li.active a.nav-link:after,
.navbar .navbar-nav li:hover a.nav-link:after{opacity: 1;height:100%;}
.navbar-light .navbar-brand{width:400px;padding:15px 0;transition: all 0.5s ease;}
.mobile-logo {display: none;}

/* ======= about page ======= */
.about-details{position: relative;}
.patter:after{content: "";position: absolute;left:0;top:0;background:url('../images/bg_pattern.png');
background-repeat: repeat;width: 100%;height: 100%;opacity: 1;}
.patter > *{position: relative;z-index: 2;}
ul.process {width: 100%;float: left;position: relative;padding: 50px 50px 20px;}
ul.process li {width: 100%;float: left;}
ul.process li .subTitle {font-weight: bold;color: #1EBAD9;font-family: Raleway;}
ul.process:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;border: 4px solid rgba(30, 186, 217,.5);}
ul.process:after {content: "";position: absolute;top: 20px;left: 20px;border: 4px solid #333;width: 100%;height: 100%;}
ul.points{width:100%;float:left;}
ul.points li{width:100%;float: left;position: relative;padding-left:30px;margin-bottom: 10px;}
ul.points li:before{content:"\f00c";position: absolute;left:0;top:3px;width:25px;font: 15px 'FontAwesome';
color:rgb(30, 186, 217);}
ul.points li .content{width:100%;float:left;font:15px 'Roboto';color:#333;}

/* ======= services ========== */
.services {padding-top: 70px;padding-bottom: 70px;}
.services .media-box {margin-top: 50px;width:100%;float: left;}
.media-box .media-icon {position: absolute;font-size: 40px;display: inline-block;color:rgba(10,35,59,.8);}
.media-box .media-content {display: inline-block;padding-left: 70px;}
.media-box .media-content a{color:#848484}
.feature-wrap {margin-bottom: 35px;overflow: hidden;padding:20px;background:#fff;transition: all 0.5s ease;}
.feature-wrap:hover{box-shadow:0 15px 30px rgba(77,87,222,.3);}
.feature-wrap h2{margin-top: 10px;font:500 17px 'Roboto';}
.feature-wrap h3 {font:400 14px/24px Roboto;color: #787878;}
.feature-wrap .pull-left {margin-right: 25px;}
.featureDesc {margin-left: 130px;}
.feature-wrap i{font-size: 48px;height: 110px;
width: 110px;margin: 3px;border-radius: 100%;line-height: 110px;
text-align:center;background: #ffffff;color: #1EBAD9;border: 3px solid #ffffff;
box-shadow: inset 0 0 0 5px #f2f2f2;-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
float: left;margin-right: 0;}
.feature-wrap:hover i {background: #1EBAD9;color: #fff;box-shadow: inset 0 0 0 5px #1EBAD9;
-webkit-box-shadow: inset 0 0 0 5px #1EBAD9;border: 3px solid #1EBAD9;}
.featureDesc h2:after {margin: 0;}

.card {-moz-box-direction: normal;-moz-box-orient: vertical;background-color: #fff;border-radius: 0.25rem;
display: flex;flex-direction: column;position: relative;margin-bottom:1px;border:none;margin-bottom:15px;padding: 1px;
box-shadow: 0 0 5px rgb(30, 186, 217);}
.card-header:first-child {border-radius: 0;}
.card-header {background-color: #f7f7f9;margin-bottom: 0;padding: 5px 1.25rem;border:none;height: 50px;}
.card-header a:hover{text-decoration: none;}
.card-header a i{float:left;font-size:25px;padding:5px 0;margin:0 25px 0 0px;color:#1EBAD9;}
.card-header i{float: right;font-size: 30px;width: 1%;margin-top: 5px;color: #1EBAD9;margin-right: 10px;}
.card-header a{width:100%;float:left;color:#565656;}
.card-header p{margin:0;}
.card-header h3{margin: 8px 0 0px;font:400 20px 'Roboto';color: rgb(30, 186, 217);}
.card-block {-moz-box-flex: 1;flex: 1 1 auto;padding:20px;color:#232323;border-radius:0;width:100%;float: left;
border-top:1px soild #000;box-shadow:inset 0px 0px 11px rgba(0,0,0,0.1);}
.card-header.active i.fa-angle-down:before {content: "\f106";}
.text-blue{color:#1EBAD9 !important;}

/* ========== staff story =========== */
.staff-story h2:after {width: 220px;}

/* ========= Job Seekers ===== */
.job_seekers{background: rgba(238, 245, 249, 0.5);position: relative;overflow: hidden;padding-bottom: 20px;}
/*.job_seekers::before {content: "";position: absolute;left: 3px;right: 0;
width: 0;height: 0;border-bottom: 100vh solid rgba(30, 186, 217,.9);border-left: 98.5vw solid transparent;
top: 0;}*/
.job_seekers > * {position: relative;z-index: 2;}
.jobBox{width:100%;float:left;}
.jobBox .jbTitleBox{width:100%;float:left;height:120px;display: flex;align-items: center;justify-content: center;
    border:3px solid #1EBAD9;text-align: center;cursor: pointer;transition: all .5s ease;transform: scale(1,1); position: relative;}
.jobBox .jbTitleBox:hover {background: #1EBAD9;transform: scale(1.1,1.1);color: #fff !important;padding:30px;}
.jobBox .jbTitleBox::after{content:"";position: absolute;left:5px;right:5px;top:5px;bottom:5px;border:2px solid #fff;transform: scale(0,0)}
.jobBox .jbTitleBox:hover:after{transform: scale(1,1)}
.jobBox .jbTitleBox i {font-size: 50px;margin-bottom: 10px;}

/* ====== staffBanner ======== */
.staffBanner {width: 100%;height:100vh;background: url(../images/slider_one.jpg) top center;
background-size: cover;overflow: hidden;position: relative;margin:0;}
/*box-sizing:border-box;-webkit-animation:slide 50s linear infinite;animation:slide 50s linear infinite;will-change:background-position;background-size:contain}
@-webkit-keyframes slide{from{background-position:0 0}to{background-position:-4000px 0}}*/

.staffBanner:before {content: "";/*background: rgba(96, 180, 197,.8);*/background: rgba(251, 251, 251, 0.85);
position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
.staffBanner .carousel {width:100%;float: left;height:100vh;}
.staffBanner .carousel .carousel-inner{width:100%;height:100vh;}
.staffBanner .carousel .carousel-item{height:100vh;}
.staffBanner h2 {color: #fff;font-family:arial;font-size: 32px;color:rgb(47, 47, 47);line-height:50px;
font-weight: 600;}
.staffBanner h2 span {font-size:35px;font-weight: bold;font-family:arial black;border:1px solid rgb(38, 213, 249);
    padding:0 15px;background-color:rgb(38, 213, 249);color:#fff;letter-spacing: 0;}
.staffBanner .staffBanner-container {position: absolute;bottom: 0;left: 0;top: 90px;right: 0;
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;
padding: 0 15px;}
.staffBanner p {color: #ebebeb;font-weight: 700;font-size: 20px;}
[class*="carousel-control"] .fa {font-size: 33px;width: 45px;text-align: center;height: 45px;
line-height: 45px;background: rgb(0, 176, 211);}
[class*="carousel-control"] {width: auto;}
.carousel-control-prev {left: 25px;}
.carousel-control-next {right: 25px;}
.carousel-control-next:focus, 
.carousel-control-next:hover, 
.carousel-control-prev:focus, 
.carousel-control-prev:hover{cursor: pointer;}
.carousel:hover .carousel-control-next, 
.carousel:hover .carousel-control-prev {opacity: 1;}
.carousel .carousel-control-next, 
.carousel .carousel-control-prev {opacity: 0;transition: all 0.5s ease;}

/* ======== footer =========== */
.bg-navy {background-color: #0a233b!important;}
footer{padding-top:80px;background:#0e2338;}
footer > *{position: relative;z-index: 2;}
.footer h3{color:#fff;margin-top:30px;margin-bottom:15px;border-bottom:2px solid #fff;width: auto;float: left;
padding-bottom: 10px;font-size: 22px;}
.footer .footer-text p{color:#fff;font-size:14px}
.footer .footer-text a .footer-logo{margin-bottom:20px}
.footer .social-icons{margin-top:20px;}
.footer .social-icons .btn-social-o{background-color:transparent!important;color:#fff;font-size:34px}
.footer .social-icons .btn-social-o:hover{color:#4ac8ed}
.footer .social-icons .btn-social-o:hover:before{background-color:transparent}
.footer .instagram ul{padding:0 10px;margin-top:20px}
.footer .instagram li{width:auto;overflow:hidden;padding:10px 5px 0}
.footer .instagram li img{width:100%;height:100%}
.links{padding-left:0}
@media(min-width:992px){
    .links{padding-left:10px}
}
.links ul{margin-top:25px}
.links li a{display:block;position:relative;color:#fff;font-size:14px;margin-top:20px;padding-left:15px;
transition:all 0.5s ease;}

.links li a:before{position:absolute;content:"\f101";font-family:fontawesome;left:0;transition:color .3s ease;transition:left 0.5s ease;}
.links li a:hover{color:#4ac8ed;opacity:1!important;text-decoration: none;padding-left: 25px;}
.links li a:hover:before{color:#4ac8ed;left:10px;}
.location ul{margin-top:0}
.location ul li{color:#fff;margin-top:15px;font-size:14px;padding-left:40px}

.location ul li a {color: #fff;margin-top: 6px;padding-left: 0;float: left;font-size: 15px;}
.location ul li span {margin-top: 6px;font-size: 15px;margin-right:5px;}
.location ul li:first-child span,
.location ul li:first-child a{margin-top:0;}
.location ul li a:hover{color:#4ac8ed;}
.location ul li i{display:inline-block;position:absolute;left:0;margin-top:4px;font-size: 25px;}
.copyright{margin-top:30px}
.copyright hr{background-color:#fff;opacity:.2;margin-top:0}
.copyright p{padding-bottom:0;color:#fff}
.copyright p a:hover{color:#4ac8ed!important}
.newsletter{padding-left:0}
.newsletter p{margin-top:22px;color:#fff}
.newsletter input{background-color:transparent;font-size:14px;color:#222;margin-top:30px;margin-bottom:15px}
.newsletter input:hover,
.newsletter input:active,
.newsletter input:focus{background-color:transparent}
input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder{color:#fff;opacity:1}
input.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder,
select.form-control::-moz-placeholder{color:#fff;opacity:1}
input.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder,
select.form-control::-moz-placeholder{color:#fff;opacity:1}
input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
select.form-control:-ms-input-placeholder{color:#fff;opacity:1}
.footer-corporate{padding-top:0;padding-bottom:0}
.footer-corporate .footer-text p{opacity:.7}
.footer-corporate .newsletter{padding-top:80px;padding-bottom:80px}
.footer-corporate .copyright{margin-top:0}
.footer-corporate .copyright p{float:left;padding:10px 0 30px}
.footer-corporate .copyright hr{background-color:#071e33;opacity:1;margin-top:0}
.footer-corporate .social-icons{padding-top:10px;margin-top:0;margin-right:-10px;float:right;margin-left:0}
.footer-consultant .copyright p{float:left;padding:10px 0 30px}
.footer-consultant .copyright hr{background-color:#071e33;opacity:1;margin-top:0}
.footer-consultant .social-icons{padding-top:10px;margin-top:0;margin-right:-10px;float:right;margin-left:0}
.footer-consultant .location ul{margin-top:0}

.footer .social-icons .btn-social-o i {transition: all 0.5s ease;}
.footer .social-icons .btn-social-o:hover i {transform: rotate(360deg);}
.footer .social-icons .btn-social-o:hover {background: #073665 !important;color:#fff;}

.social-icons .btn-social-o.facebook:hover{background:#3A559F !important;}
.social-icons .btn-social-o.linkedin:hover{background:#0076B3 !important;}
.social-icons .btn-social-o.twitter:hover{background:#26A3DA !important;}

.contact-info-right .ts-contact-content p a:hover {color: #26A3DA !important;}
/* ========== contact =========== */
input.form-control, 
textarea.form-control, 
select.form-control {border-radius: 0;font-size: 14px;padding: 13px 20px;line-height: 24px;height:auto;
border: 1px solid #f5f5f5;background-color: #ffffff;margin-bottom:15px;font-weight: 300;}
::-moz-placeholder{color:#999;}
.navbarTop ul.address li:not(:last-child){margin-right:10px;}
::-webkit-input-placeholder{color:#999 !important;}
.contact_sidebar .media-box {padding: 10px 30px;margin-bottom: 20px;}
.contact_sidebar .media-box p{margin-bottom: 0;}

/* ========== Contact Us ======== */
.map {height: 405px;z-index: 1;}
.contact-info-box {margin-top: 20px;}
.contact-info-box i {float: left;font-size: 24px;color: #2154cf;}
.contact-info-box-content {padding-left: 40px;}
.contact-info-box-content h4 {font-size: 16px;margin-top: 0;line-height: normal;font-weight: 700;}
.contact-info-box-content p {margin-bottom: 0;}
label {font-weight: 400;}
.box-border {border: 1px solid #eaeaea;padding: 20px 30px;}
.ts-contact-info .ts-contact-icon {float: left;font-size: 44px;color: #2154cf;}
.ts-contact-info .ts-contact-content {margin-left: 70px;}
.ts-contact-info .ts-contact-content p {margin: 0;}
.ts-contact-info .ts-contact-title {font-size: 20px;margin: 0;}
/* Contact page 2 */
.contact-box.info-box {background: url("../images/news/news1.jpg");background-size: cover;
background-position: center;position: relative;z-index: 2;}
.contact-wrapper {display: -webkit-box;display: -webkit-flex;
display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;
-moz-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;
-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);}
.contact-box {min-height: 450px;padding: 40px;}
.contact-box.form-box {width: 60%;}
.contact-box.info-box {padding-left: 40px;padding-top: 40px;width: 40%;}
  .contact-box.info-box:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";background: #1EBAD9;
  z-index: -1;}
.contact-box.info-box.form-box {  padding: 40px;}
.contact-box.info-box .ts-contact-content h3,
.contact-box.info-box .ts-contact-content p {  color: #fff;}
.contact-box.info-box .ts-contact-content .ts-contact-info i {color: #fff;font-size: 40px;}
.contact-info-right h3 {color: #fff;margin-bottom: 40px;font-size: 30px;}
.contact-info-right .ts-contact-content {padding-bottom: 30px;}
.contact-info-right .ts-contact-content h3 {font-size: 20px;}
.contact-info-right .ts-contact-content p {font-size: 14px;}
.contact-info-right .ts-contact-info.last .ts-contact-content {padding-bottom: 15px;}
.contact-info-right .ts-contact-info i {color: #fff;font-size: 40px;}
.contact-info-social-links {list-style: none;margin: 0;padding: 0;text-align: center;margin-left: -40px;}
.contact-info-social-links li {display: inline-block;}
.contact-info-social-links li a {display: block;color: #fff;padding: 10px;}
.ts-form.form-boxed {margin-bottom: 20px;}
  

/* ========== header ========= */
h2{font-weight: bold;}
.navbar{padding:0;}
.card-header i.fa{cursor: pointer;}

/* ======== services ====== */
.media-box .media-content h4{color:#1EBAD9;font-weight: bold;}
.media-box .media-icon{color:#1EBAD9;}
.carousel-indicators li{background-color: #1EBAD9;}

.feature_item {padding: 45px 25px;text-align: left;background: #f9f9fd;
cursor: pointer;margin-bottom: 30px;-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;}
.feature_item img{margin-bottom:35px}
.feature_item h4{font-size:20px;margin-bottom:20px;text-transform:uppercase}
.feature_item p{margin-bottom:0}
.feature_item:hover{box-shadow:0 15px 30px rgba(77,87,222,.3);background:#fff}
.client_team {padding: 50px 55px;margin-bottom: 200px;
margin-left: 10px;margin: 0 10px 80px;box-shadow: 0 15px 30px 0 rgba(221,221,221,.3);
-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;transition: all .4s ease 0s;}
.top-clients{background-color:rgb(12%, 73%, 85%);}

a.backToTop {width: 40px;height: 40px;background:#000000;text-align: center;line-height: 40px;
color: #fff;right: 15px;bottom: 60px;position: fixed;z-index: 9;}
.btn-social {border: 2px solid #16344e;float: left;display: flex;text-align: center;padding: 0;
align-items: center;justify-content: center;}
.btn-social:not(:last-child) {margin-right: 20px;}
button {cursor: pointer;}

form.form input.form-control{padding:6px 15px;}
h2{position: relative;margin-bottom: 20px;}
h2:after {content: "";position: absolute;bottom: -15px;width:100px;height: 3px;background: #1EBAD9;left: 0;
right: 0;margin: 0 auto;}


/* ===== clients section =========== */
.counter{border-top: 2px dashed;border-color: rgb(30, 186, 217) !important;margin:0; padding: 30px;
counter-increment: section;position: relative;width:100%;float:left;}    
.counter:nth-child(even):before {content: counter(section);right: 100%;margin-right: -15px;position: absolute;
border-radius: 50%;padding: 10px;height: 30px;width: 30px;background-color: rgb(30, 186, 217);text-align: center;
color: white;line-height: 13px;font-size: 110%;} 
.counter:nth-child(odd):before {content: counter(section);left: 100%;margin-left: -15px;position: absolute;
border-radius: 50%;padding: 10px;height: 30px;width: 30px;background-color: rgb(30, 186, 217);text-align: center;
line-height: 12px;color: white;font-size: 110%;}
.counter:nth-child(even) {border-left: 2px dashed;border-top-left-radius: 30px;border-bottom-left-radius: 30px;
margin-right: 0; padding-right: 0;width:97%;}
.counter:nth-child(odd) {border-right: 2px dashed;border-top-right-radius: 30px;border-bottom-right-radius: 30px;
margin-left: 0px; padding-left: 0;width:97%;float:right;}
.counter:first-child {border-top-right-radius:30px;border-top-left-radius:0;}
.counter:last-child {border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom: 2px dashed;
border-bottom-right-radius: 30px;margin-bottom: 40px;}
.counter ol, .counter ol li {list-style-type: decimal;}

.nav-tabs{border-bottom: none;}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {color: #33BFDB;background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;border-radius: 0;border-width: 2px 0px 2px 2px;border-color: #2693a9;}
.navTabs{background: #33BFDB;}
.nav-tabs {border-bottom: 1px solid #dee2e6;}
.nav-fill .nav-item{text-align: left;color:#fff;border-width:2px;}
.jobSeekerTab {border-width: 2px 2px 2px 0px;border-color: rgb(51, 191, 219);border-style: solid;}

.top-clients .owl-carousel .owl-stage{margin:0 auto;}
.top-clients .partner-logo{height:150px;position: relative;margin-bottom: 0px;}
.top-clients .partner-logo a {position: relative;height: 100%;align-items: center;width: 100%;text-align: center;
justify-content: center;padding: 25px !important;}
.top-clients h2:after {background: #fff;}

/* =
#tabs{width:100%;float:left;margin-top:30px;}
#tabs .nav-tabs .nav-item.show .nav-link, 
#tabs .nav-tabs .nav-link.active {color: rgb(51, 191, 219);background-color: transparent;border-color: transparent transparent rgb(51, 191, 219);
border-bottom: 2px solid !important;font-size: 20px;}
#tabs .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;
color: #333;font-size: 20px;text-align: center;font-family: "Raleway", 'sans-serif';}
section.featureDesc {margin-left: 0;}*/
/* ======= media ========== */

/* ========== brands ======= */
.owl-carousel .owl-item .item a {height:85px;display:flex;align-items:center;justify-content:center;background:#fff;}

/* ======= menu =========== */
.navbar {padding: 40px 0 20px;}
.navbar.onScroll{padding: 20px 0 20px;}

.location ul li{position: relative;width:100%;float:left;}

@media (min-width:1300px){
    .navbar>.container {max-width: 1220px;}
}

@media (max-width:1200px){
    .navbar>.container {max-width: 1100px;}
}
@media (max-width:1100px){
    .navbar>.container {max-width: 1000px;}
}
@media(min-width:992px)
{
    footer{padding-top:50px}
}
@media(min-width:768px)
{
    .footer .footer-text a .footer-logo{margin-bottom:30px}
}
@media(min-width:768px)
{
    .footer .footer-text p{font-size:13px;line-height:24px}
}
@media(min-width:992px){
    .footer .footer-text p{font-size:14px;line-height:26px}
}
@media(min-width:768px){
    .footer h3{margin-top:0}
}
@media(min-width:768px){
    .footer .social-icons .btn-social-o{width:30px;height:30px}
}
@media(min-width:992px){
    .footer .social-icons .btn-social-o{width:80px;height:80px}
}
@media(min-width:768px){
    .links li a{font-size:13px;margin-top:15px}
}
@media(min-width:992px){
    .links li a{font-size:16px;margin-top:10px}
}
@media(min-width:768px){
    .location ul li{font-size:13px}
}
@media(min-width:992px){
    .location ul li{font-size:14px}
}
@media(min-width:992px){
    .newsletter{padding-left:15px}
}
@media(min-width:768px){
    .footer-corporate .newsletter{padding-top:100px;padding-bottom:100px}
}
@media (max-width:900px){
    .container {max-width: 100%;}
}
.links li{padding-top: 10px;}
.links li a{display: inline;}
.footer-mobile-logo{display: none;}

/*=======mobile screen========*/
.footer-lg-logo{display: none;}
.footer-mobile-logo{display: inline-block;}
footer.bg-navy{background:#ffffff !important;}
.footer h3{border-bottom-color:#0A233B;}
footer h3,.location ul li,
.links li a, .location ul li a,
.copyright p{color:#0A233B !important;}
.copyright hr{background-color: #0A233B;}
.footer .social-icons .btn-social-o {background: #f7f7f7 !important;border-width: 1px;border-color: #f3f3f3;}
.footer .social-icons{display:flex;justify-content: center;}
.footer .social-icons .btn-social-o {background: #f7f7f7 !important;border-width: 1px;border-color: #f3f3f3;
color: rgba(10, 35, 59, 0.32);}
.links li a:hover,
.location ul li a:hover{color:#4ac8ed !important;}
.location ul li:first-child a:hover{color:#000000 !important;}
.top-clients h2 {margin-bottom: 20px !important;}
.copyright {margin-top: 20px;}
.social-icons .btn-social-o.facebook:hover,
.social-icons .btn-social-o.facebook{background:#3A559F !important; color:#fff !important;}
.social-icons .btn-social-o.linkedin:hover,
.social-icons .btn-social-o.linkedin{background:#0076B3 !important; color:#fff !important}
.social-icons .btn-social-o.twitter:hover,
.social-icons .btn-social-o.twitter{background:#26A3DA !important; color:#fff !important}
.footer .social-icons .btn-social-o {width: 60px;height: 60px;font-size: 32px;}
section#contact {padding-bottom: 20px !important;}

.contact-info-right .ts-contact-content h3, 
.contact-info-right .ts-contact-content p, 
.contact-info-right .ts-contact-content a {
    font-weight: bold;
    color: #000 !important;
}
.contact-info-right .ts-contact-content a:hover{color:#0076B3 !important;}

@media (max-width:767px){
    .navbar{padding:20px 15px;}
    .navbar.onScroll {padding: 20px 15px;}
    .navbar.onScroll .navbar-nav li:hover a.nav-link, 
    .navbar.onScroll .navbar-nav li.active a.nav-link {color: rgba(14,35,56,1);}
    .navbar-light .navbar-brand{width:285px;margin-right: 0;}
    .navbar .navbar-nav li a.nav-link,
    .navbar.onScroll .navbar-nav li a.nav-link{padding:15px;}
    .navbar.onScroll .navbar-brand{padding:25px 0;}
    .navbar-collapse {background:#fff;position: absolute;width: 100%;top: 100%;left: 0;}
    .mobile-logo {display: block;}
    .desktop-logo {display: none;}
    .navbar .navbar-nav li a.nav-link {color: #000;}
    .navbar .navbar-nav li:hover a.nav-link, 
    .navbar .navbar-nav li.active a.nav-link {color: rgba(14,35,56,1);background: rgba(30, 186, 217,.9);}
    .navbar-light .navbar-toggler {color: #fff;border-color: transparent;border-radius: 0;padding: .25rem 0;}
    .job_seekers::before{top:auto;bottom:0;}
    .counter:nth-child(even),
    .counter:nth-child(odd){width:94%;}
    .threeCol{column-count: 2;}
    .featureDesc {margin-left: 0;width: 100%;float: left;}
    .featureDesc h2:after {margin: 0 auto;width: 50px;}
    .footer .social-icons .btn-social-o{width:80px;height:80px}
    .links.pl-5 {padding-left: 0 !important;}

    #contact .w-auto.mb-5{text-align:center;}
    footer {padding-top: 30px;}
    .footer h3{margin:5px 0;}
    .contact-info-right {margin-top: 0;}
    .contact-info-right .ts-contact-content h3 {margin: 5px 0 !important;}
    .get-in-touch{margin-bottom:20px !important;}
    .contact-info-right .ts-contact-content {padding-bottom: 0;}
    .location ul{margin-bottom: 20px;}
    .location ul li{margin-top:10px;}
    footer figure{margin-bottom:0;}
    .carousel .carousel-control-next, 
    .carousel .carousel-control-prev {display: none !important;}
    
}
@media (max-width:700px)
{
    .feature-wrap{text-align: center;}
    .feature-wrap i{float: none;margin-right: 0;}
    .feature-wrap button.btn{float:none !important;display: inline-block}
    .contact-box,.contact-box.info-box{padding:25px 15px;}
    .contact-box.info-box,.contact-box.form-box{width:100%;}
}
@media (max-width:600px)
{    
    ul.process:after{width:88%;}
    .contact_sidebar .media-box {padding: 10px 30px;margin-bottom: 20px;border: 1px solid rgb(30, 186, 217);
    box-shadow: 0 0 0px rgb(108, 205, 224);margin-top: 20px;}
    .counter:nth-child(even),
    .counter:nth-child(odd){width:92%;}
    .featureDesc .text-left {text-align: center !important;}   
}
@media (max-width:500px)
{
    .threeCol{column-count: 1;}
    .card-header{padding: 5px .78rem;}
    .card-header a i{margin:0 35px 13px 0px;}
    .clients h2.text-left {text-align: center !important;width: 100%;float: left;}
    .card-header h3 {margin: 10px 0 0px;font-size: 18px;}

}

@media (max-width:340px){
    .navbar-light .navbar-brand {width: 240px;}
    .card-header h3 {font-size: 16px;}
}