#inner-banner {background-color:#067a93;height:520px;background-repeat:no-repeat; background-position: center top; background-size: cover;}
#inner-banner .row {height: 520px;}
h1 {font-size: 4.0625rem; font-weight: 600; color: #067a93;}
.filter-icon{display: none;}
.filter-icon{font-size:114%; color: #0a2b34;  float: right; text-align: right;}
.filter-icon:hover,.filter-icon:focus{color: #0a2b34; text-decoration: none;}
.filter-icon i{width: 32px; height: 32px; line-height:32px; text-align: center; color: #fff; background-color: #41c0a4; margin-left: 5px; border-radius: 3px;}

.overlay{ visibility: hidden;  position: fixed;right: 0; top:0; top:0; bottom:0; height:100%;width1:calc(100vw - 250px); width: 100%; background-color: rgba(0,0,0,0.8); z-index: 11; transition: all 0.4s ease; }
.overlay.active{display: block;}

#filter-menu { display:block;  position: fixed;width: 250px; top: 0; height:100%; z-index:11; overflow-y: scroll; left: -250px; background: #fff;}
#filter-menu .title{font-size:1.2rem; font-weight:500; background: rgb(10, 43, 52); color: #fff; padding:15px 40px 15px 15px; position: relative;}
#filter-menu .title:after{content:""; clear: both; display: block; }
#filter-menu .title a{width: 32px; height: 32px; line-height: 32px; position: absolute; right: 15px; top: 13px; text-align: center;}
#filter-menu .title a span{display: inline-block; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#filter-menu .title a span:before,#filter-menu .title a span:after{content: ""; background:#fff; position: absolute; left:0; right:0; top:0; bottom:0; margin: auto;    }
#filter-menu .title a span:before{width: 20px; height:2px; transform: rotate(45deg); }
#filter-menu .title a span:after{width:2px; height:20px; transform: rotate(45deg); }


#search-filter {border: 1px solid #ebebeb; border-radius: 7px; margin-bottom: 20px; padding: 20px 15px;}
#search-filter .form-group {margin-bottom: 0;}
#search-filter label {font-size: 1.125rem; font-weight: 400; color: #067a93; margin-bottom: 10px;}
#search-filter input {background-color: #f5f5f5; border-color: #ebebeb; font-size: 0.8125rem; height: 36px;}
#search-filter .search-icon {background: url('../images/search.png') center center / cover no-repeat; width: 15px; height: 15px;}
#search-filter .btn {background-color: #41c0a4; border-color: #41c0a4;}
::placeholder {color: #aeaeae !important; opacity: 1;}
:-ms-input-placeholder {color: #aeaeae !important;}
::-ms-input-placeholder {color: #aeaeae !important;}

#accordion.job-filter {border: 1px solid #ebebeb; border-radius: 7px; overflow: hidden; padding: 15px;}
#accordion.job-filter .card {border: none;}
#accordion.job-filter .card:last-child .card-header {border-bottom: none;}
#accordion.job-filter .card-header {background: none; padding: 0.70rem 0.375rem; font-size: 1.125rem; font-weight: 400; color: #067a93; border-bottom-color: #ebebeb; position: relative;}
#accordion.job-filter .card-link {color: #067a93; display: block;}
#accordion.job-filter .card-body {padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #ebebeb;}
#accordion.job-filter .card-header a:after {content: '-'; float: right; font-weight: 300;}
#accordion.job-filter .card-header a.collapsed:after {content: '+';}
#accordion.job-filter .custom-control-input:checked~.custom-control-label::before {border-color: #41c0a4; background-color: #41c0a4;}
#accordion.job-filter .custom-control-input:focus~.custom-control-label::before {box-shadow: none;}
#accordion.job-filter .custom-control {margin-bottom: 5px;}
#accordion.job-filter .custom-control-label {font-size: 0.90625rem; color: #969696; word-break: break-word;}
.cust-scrollbar {min-height: 120px; max-height: 250px;}

#search-results {}
#search-results h2 {font-size: 1.5rem; font-weight: 500; color: #0a2b34;}
#search-results .showing-results {font-size: 1.125rem; font-weight: 400; color: #0a2b34;}
#search-results .items {margin-top: 25px;}
#search-results .item {border: 1px solid #ebebeb; border-radius: 7px; padding: 30px; position: relative; transition: all 0.4s; margin-bottom: 30px;}
#search-results .item h3.post-title {font-size: 1.25rem; font-weight: 500; color: #067a93; padding-right: 120px;}
#search-results .item h3.post-title a {color: #067a93; text-decoration: none;}
#search-results .item .company-name {color: #000; margin-bottom: 20px;}
#search-results .item .job-type {position: absolute; right: 35px; top: 35px; min-width: 108px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #b5b5b5; font-size: 0.8125rem; color: #b4b4b4; text-align: center;}
#search-results .item .location {margin-bottom: 20px;}
#search-results .item .location .loc-icon {background-position: -20px -76px; width: 10px; height: 15px; margin-right: 5px;}
#search-results .item .posted {font-size: 0.8125rem; color: #41c0a4; margin-bottom: 5px;}
#search-results .item .category {font-size: 0.875rem; color: #afafaf;}
#search-results .item .category a {color: #afafaf;}
#search-results .item .category a:hover {color: #000;}
#search-results .item .btn-set .btn {background-color: #e1e1e1; border-radius: 25px; font-size: 0.875rem; color: #000; padding: 10px 30px; transition: all 0.4s;}
#search-results .item .btn-set .btn:focus, #search-results .item .btn-set .btn:hover {background-color: #41c0a4; box-shadow: none;}
#search-results .item .btn-set .btn:last-child {margin-left: 20px;}
#search-results .item:hover {box-shadow: 0 0 25px rgba(0, 0, 0, 0.13); border-color: transparent;}
#search-results .item:hover h3.post-title a {color: #41c0a4;}

#job-details {}
#job-details .job-info-card {border-radius: 7px; background-color: #e3f6f1; padding: 35px 30px; text-align: center; margin-bottom: 30px; position: relative;}
#job-details .job-info-card h3.post-title {font-size: 1.5rem; font-weight: 500; color: #067a93;}
#job-details .job-info-card h3.post-title a {color: #067a93; text-decoration: none;}
#job-details .job-info-card .job-type {position: absolute; right: 35px; top: 35px; min-width: 108px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 0.8125rem; color: #b4b4b4; text-align: center; background-color: #fff;}
#job-details .job-info-card .quick-info {margin: 45px 0;}
#job-details .job-info-card .quick-info a {color: #000;}
#job-details .job-info-card .quick-info i {margin-right: 5px;}
#job-details .job-info-card .quick-info .cat-icon {background-position: -180px -81px; width: 20px; height: 20px;}
#job-details .job-info-card .quick-info .loc-icon {background-position: -113px -83px; width: 11px; height: 16px;}
#job-details .job-info-card .quick-info .phone-icon {background-position: -133px -84px; width: 13px; height: 13px;}
#job-details .job-info-card .quick-info .email-icon {background-position: -156px -85px; width: 17px; height: 12px;}
#job-details .job-info-card .btn {background-color: #41c0a4; border-radius: 25px; font-size: 0.875rem; color: #000; padding: 10px 30px; transition: all 0.4s;}

#job-details .job-description {border: 1px solid #ebebeb; padding: 30px; border-radius: 7px;}
#job-details .job-description h3 {font-size: 1.125rem; font-weight: 500; color: #067a93;}

.social-share-panel {border: 1px solid #ebebeb; border-radius: 7px; margin-bottom: 30px; padding: 20px;}
.social-share-panel h3 {font-size: 1.125rem; font-weight: 400; color: #067a93; padding: 0; margin-bottom: 20px;}
.social-share-panel .ssba-share-text{display: none;}
.social-share-panel br{display: none;}
.social-share-panel .ssba img{padding: 0; margin: 0 8px 0 0; width: 30px !important;}

/* loader */
.loader-style01{position: relative; width: 70px; margin:0 auto 50px;}
.loader-style01 .dot{width: 15px; height:15px; background-color:#41c0a4;  border-radius:50%;display: inline-block; bottom:0; margin: 0 8px; position: absolute;animation: move03 1.5s infinite ease-in}
.loader-style01 .dot-one{ animation-delay:0.2s; left: 0;}
.loader-style01 .dot-two{animation-delay:0.4s; left:20px;  }
.loader-style01 .dot-three{animation-delay:0.6s; left:40px; }
@keyframes move03 {
    0%,100% { opacity:0; transform:scale(0);}
    50% {opacity:1; transform:scale(1);}
}

.related-jobs-panel {border: 1px solid #ebebeb; border-radius: 7px; margin-bottom: 30px; overflow: hidden;}
.related-jobs-panel h3 {font-size: 1.125rem; font-weight: 300; background-color: #41c0a4; color: #fff; padding: 20px;}
.related-jobs-panel ul {margin: 0; padding: 0; list-style: none; padding: 0 15px;}
.related-jobs-panel ul li {border-bottom: 1px solid #ebebeb;}
.related-jobs-panel ul li a {color: #067a93; text-decoration: none; padding: 15px 0;}
.related-jobs-panel ul li a .place {font-size: 0.875rem; color: #969696;}
.related-jobs-panel ul li a:hover {color: #000;}

.content p {color: #0c2b34; line-height: 1.5em; margin-bottom: 24px;}
.content p.highlight {font-size: 1.25rem; font-weight: 300; color: #067a93; line-height: 2.25rem;}
.content p.blue {color: #067a93;}
.ListStyle1 {margin: 0; padding: 0; list-style: none;}
.ListStyle1 li {color: #067a93; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 15px;}

.ListStyle2 {}
.ListStyle2 li {color: #067a93; font-weight: 500; margin-bottom: 12px;}

.ListStyle3 {list-style: circle;}
.ListStyle3 li {color: #067a93; margin-bottom: 5px;}
.ListStyle3 li span {color: #000;}
.half50 {column-count: 2;}

.what-makes-difference-panel {margin-top: 80px;}
.what-makes-difference-panel .about-pic-inner {position: relative; width: 864px; top: -125px; left: -160px;}
.what-makes-difference-panel .about-pic-inner:after {content: ''; width: 285px; height: 285px; border-radius: 50%; background-color: rgba(65,192,164,0.1); position: absolute; right: -180px; top: 60px;}

.rec-services-panel {background: url('../images/recruitment-services-panel-bg.jpg') center top / cover no-repeat; margin-bottom: -150px; padding-bottom: 120px;}
.rec-services-panel .services .item {border: 10px solid rgba(6,122,147,0.25); width:190px; height:190px; text-decoration: none; text-align: center; margin-bottom: 30px;}
.rec-services-panel .services .item .icon {height: 170px; position: relative; background-color: #067a93; display: flex; flex-direction: column;}
.rec-services-panel .services .item .name{color: #fff; font-size: 1.125rem; padding: 0 20px; display: block;}
.rec-services-panel .services .item:hover {border-color: rgba(255,255,255,0.55);}
.rec-services-panel .services .item:hover .icon{background-color: #41c0a4;}

.testimonials .item {border-bottom: 1px solid #ebebeb; padding-bottom: 30px; margin-bottom: 30px;}
.testimonials .item img {border: 7px solid #e3f6f1;}
.testimonials .item p {font-size: 1.125rem; color: #067a93;}
.testimonials .item .name {font-style: italic; color: #0a2b34;}
.testimonials .item:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.services-panel {margin-top: 90px;}
.services-panel .services-pic-inner {position: absolute; width: 864px; top: -25px; left: -130px;}
.services-panel .services-pic-inner:after {content: ''; width: 285px; height: 285px; border-radius: 50%; background-color: rgba(65,192,164,0.1); position: absolute; right: -180px; top: 60px;}
.services-panel .ListStyle2 {margin-top: 15px;}

.services-panel .service-support {font-size: 1.25rem; font-weight: 500; color: #067a93; margin-top: 15px; margin-bottom: 40px;}
.services-panel .service-support span {width: 50px; height: 50px; line-height: 50px; background-color: #41c0a4; font-weight: 600; color: #fff; margin-right: 10px;}

.rec-services-container {background-color: #41c0a4;}
.rec-services-container h2.title {font-weight: 500; color: #fff;}
.rec-services-container ul li {margin-bottom: 15px;}
.rec-services-container .pic {position: absolute; left: 0; top: 70px; width: 873px;}

.services-steps {padding-bottom: 150px; position: relative;}
.services-steps:before {content: ''; position: absolute; left: 0; right: 0; top: 30%; width: 100%; border-top: 1px dashed #ebebeb;}
.services-steps .step .circle {width: 218px; height: 218px; background-color: #fff; position: relative; margin-bottom: 20px;}
.services-steps .step .circle:before {content: ''; position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; border-radius: 50%; transition: all 0.4s; background-color: #fff;}
.services-steps .step .circle span {position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; background-color: #41c0a4; font-weight: 600; color: #fff;}
.services-steps .step .circle .img {display: flex; flex-direction: column; height: 218px; align-items: center; justify-content: center; box-shadow: 3px 4px 18.9px 2.1px rgba(192, 192, 192, 0.17); position: relative;}
.services-steps .step .text {color: #000;}
.services-steps .step .text span {font-size: 1.25rem; font-weight: 500; color: #067a93;}
.services-steps .step:hover .circle:before {background-color: #41c0a4;}
.services-steps .step:hover .circle .img {filter: brightness(100);}
.services-steps .step:hover .circle span {background-color: #fff; box-shadow: 3px 4px 18.9px 2.1px rgba(192, 192, 192, 0.17); color: #41c0a4;}

.career .pic {position: relative; left: -200px; top: 0; width: 608px;}
.career .order-md-1 .pic {left: auto; right: 100px;}
.career h2.title {margin-bottom: 30px;}
.career .spl-link {font-size: 1.375rem; font-weight: 600; color: #067a93;}
.career .spl-link a {color: #28b294; position: relative; text-decoration: none;}
.career .spl-link a:after {content: ''; border-bottom: 1px solid #28b294; display: block; position: absolute; left: 0; right: 0; bottom: 0;}
.career .spl-link a:hover {color: #067a93;}
.career .spl-link a:hover:after {border-color: #067a93;}

.contact p.title {font-size: 1.5rem; font-weight: 300; color: #067a93;}
.contact-panel {margin-top: 80px;}
.contact-panel .contact-pic-inner {position: relative; width: 803px; top: -100px; left: -160px;}
.contact-panel .contact-pic-inner:after {content: ''; width: 265px; height: 265px; border-radius: 50%; background-color: rgba(65,192,164,0.1); position: absolute; right: -160px; top: 60px;}
.contact-panel h2.title {margin-top: 100px;}
.contact-panel form .form-control {height: 50px; border-radius: 25px; padding: .375rem 1.5625rem; border-color: #e0e0e0; font-weight: 300;}
.contact-panel form textarea.form-control {height: 130px; padding: 1rem 1.5625rem; resize: none;}
.contact-panel .social-share {margin: 50px 0;}
.contact-panel .social-share a{display: inline-block; margin-right: 8px;}
.contact-panel .social-share a i{width: 32px; height: 32px;}
.contact-panel .social-share .fb i{background-position: -198px -1px;;}
.contact-panel .social-share .tw i{background-position: -239px -1px;}
.contact-panel .social-share .yt i{background-position: -280px -1px;}
.contact-panel .social-share .ld i{background-position: -320px -1px;}
.contact-panel .social-share .fb:hover i{background-position: -198px -37px;}
.contact-panel .social-share .tw:hover i{background-position: -239px -37px;}
.contact-panel .social-share .yt:hover i{background-position: -280px -37px;}
.contact-panel .social-share .ld:hover i{background-position: -320px -37px;}
.contact-panel a {color: #0c2b34;}
.contact-panel .wpcf7-submit.btn.btn-cust{border: 10px solid rgba(255, 255, 255, 0.8); min-width: 180px;}

#searchModal{}
#searchModal .modal-content{border: none; border-radius: 0;}
#searchModal .modal-header{background-color: rgb(10, 43, 52);font-size: 114%; font-weight: 500; color: #fff; border-radius: 0;}
#searchModal .modal-header .close{margin-top: 0; opacity: 1; color: #fff; padding: 0rem 0 0 1rem; margin: 0; font-size: 2.2rem; font-weight: 300; text-shadow:none;}
#searchModal .modal-header .close:focus{outline: none;}
#searchModal .modal-body .form-control{border-color:#ebebeb; border-radius: 25px; height: 50px; padding: .375rem 1.5625rem;}
#searchModal .modal-body .loading-wrap{min-height: 537px; margin: 0 auto; padding-top: 220px; text-align: center;}
#searchModal .error-desc{color:#FF0000; font-size: 80%;}
#searchModal .search-now{border-radius: 50%; position: relative; top:3px; border: none; border-bottom:none; height:50px; width:50px; background:#41c0a4 url(../images/search.png) no-repeat center center; }
#searchModal .form-wrap .form-group .select2:focus{outline: none; box-shadow: none;}
#searchModal .form-wrap .select2-container{width: 100% !important;}
#searchModal .form-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 48px; font-size: 1rem; padding: 0 1.5625rem;}
#searchModal .form-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
#searchModal .form-wrap .select2-container--default .select2-selection--single{height: 49px; border-color: #ebebeb; border-radius: 25px;}
#searchModal .form-wrap .select2-container--default .select2-selection--single .select2-selection__rendered:focus{box-shadow: none;}
#searchModal .form-wrap .search-now:focus{outline: none;}
#searchModal .form-wrap .select2-container--default .select2-selection--single:focus{outline: none;}
#searchModal .form-wrap .select2-dropdown{z-index: 98;}

/* filter-wrap */
#filter-wrap {border: 1px solid #ebebeb; border-radius: 7px; padding: 15px 30px; position: relative; margin-bottom: 30px; background-color: #f5f5f5;}
#filter-wrap .title{font-weight:500; color: #000; position: relative;}
#filter-wrap .title a{font-weight:400; font-size:90%; text-decoration:underline; color: #067a93; text-decoration: none;}
#filter-wrap .filter-list{margin-top: 10px;}
#filter-wrap .filter-list a{position: relative; color: #686868; display: inline-block; margin-left:5px; text-decoration:none; padding:0 5px; }
#filter-wrap .filter-list a span{color: #000; font-weight:500; }
#filter-wrap .filter-list a:first-child{margin-left: 0;}
#filter-wrap .filter-list a:hover, #filter-wrap .filter-list a:hover span{color:#0b9490;}
#filter-wrap .title .filter-list-data b{margin:5px 0; display:inline-block; font-weight: 500; color: #067a93; line-height: normal; font-size:90%; }
#filter-wrap .title .filter-list-data > div span {min-width: 108px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #b5b5b5; font-size: 0.8125rem; font-weight: 400; color: #b4b4b4; text-align: center; background-color: #fff; padding: 0 30px 0 10px; position: relative; margin-right: 7px; margin-bottom: 7px;}
#filter-wrap .title .filter-list-data > div span:hover{border-color: #ddd; background-color: #ddd; color: #000;}
#filter-wrap .title .filter-list-data > div span.fa{font-size: 120%; padding:0; border: none;}
#filter-wrap .title .filter-list-data > div span:hover a{color: #686868 !important;}
#filter-wrap .title .filter-list-data .cross {border-radius: 50%; background-color: #067a93; color: #fff; width: 15px; height: 15px; position: absolute; right: 10px; top: 7px; line-height: 15px;}
#filter-wrap .title .filter-list-data .cross:before {content: 'x'; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#filter-wrap .title .filter-list-data .cross:hover {background-color: #000;}
#filter-wrap .title span.arrow{position: absolute; width:25px; height:25px; right:0; top:0;background-color: #686868; cursor:pointer;}
#filter-wrap .title span.arrow:before,#filter-wrap .title span.arrow:after{background-color:#fff; content: ""; display: inline-block; vertical-align: middle; position: absolute; left:0; right: 0; top:0; bottom:0; margin: auto; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#filter-wrap .title span.arrow:before{ width:15px; height: 2px;}
#filter-wrap .title span.arrow:after{ width:2px; height:15px; opacity: 1; visibility: visible;}
#filter-wrap .title span.arrow.active:after{ opacity: 0; visibility: hidden;}
#filter-wrap .title span.arrow:after{ opacity: 1; visibility: visible;}

/* apply-job */
#apply-job .modal-content{border-radius:0; border: none;}
#apply-job .modal-header{background-color: rgb(10, 43, 52);font-size: 114%; font-weight: 500; color: #fff; border-radius: 0;}
#apply-job .modal-header .close{margin-top: 0; opacity: 1; color: #fff; padding: 0rem 0 0 1rem; margin: 0; font-size: 2.2rem; font-weight: 300; text-shadow:none;}
#apply-job .modal-header .close:focus{outline: none;}
#apply-job .modal-body .btn-submit{width: 35%; font-size:114%; font-weight:500; color: #fff; background-color: #0b9490; padding:10px;  -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#apply-job .modal-body .btn-submit:hover{background-color: rgba(0, 0, 0, 0.8);}
#apply-job .modal-body label { display: block;}
#apply-job .modal-body .form-control{border-color:#ebebeb; border-radius: 25px; height: 50px; padding: .375rem 1.5625rem;}
#apply-job .modal-body .loading-wrap{min-height: 537px; margin: 0 auto; padding-top: 220px; text-align: center;}
#apply-job .error-desc{color:#FF0000; font-size: 80%;}
#apply-job .btn-cust{background-color: #41c0a4; color: #000; border-radius:30px; font-size:0.875rem; padding:10px; display: block; min-width: 160px; position: relative; z-index: 1; border: 10px solid #7ad6ce; }
#apply-job .btn-cust:before{display: none;}
form .browse { position: relative; cursor: pointer; width:100%; cursor:pointer;}
form .browse .hide-field { opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%; height: 50px; }
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; }
form .browse .show input[type="text"] { margin-bottom: 0 !important;  width:100%; }
form .browse .action { position: absolute; right: 3px; top: 3px; background:#41c0a4; color: #fff; padding: 0px 15px; height:44px; border-radius: 25px; line-height:44px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.profile .form-group {margin-bottom: 1.5rem;}
.profile .form-check-inline {margin-top: 7px;}
.profile .btn-cust{background-color: #41c0a4; color: #000; border-radius:30px; font-size:0.875rem; padding:10px; display: block; min-width: 160px; position: relative; z-index: 1; border: 10px solid #7ad6ce; }
.profile .btn-cust:before{display: none;}

.profile .select2-container--default .select2-selection--single {height: 50px; border-color: #ebebeb; border-radius: 25px;}
.profile .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 1rem; padding: .375rem 1.5625rem; line-height: 38px;}

.submit-profile-form .error-desc{color:#FF0000; font-size: 80%; padding-left: 1.5625rem;}