@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/*font-family: 'Open Sans', sans-serif;*/
@import url("nc-icons.css");

body {color: #4b4b4b; font-family: 'Open Sans', sans-serif;}
a {color: #4a90e2;}
a:hover {text-decoration: none;}
img {max-width: 100%;}
h4 { font-size:17px; }

header {border-bottom: 1px solid #eee;}
.navbar {padding-left: 0; padding-right: 0;}
.navbar-brand img {width: 186px;}
.nav-item {padding-right: 15px;}
.nav-item:last-child {padding-right: 0;}
.nav-item .dropdown-item {font-size: 14px;}
.nav-item-account {border-left: none; position: relative;}
.nav-item-account .nav-link {padding-left: 0;}
.nav-item-account .dropdown-menu {top: 65px; border: none; box-shadow: none; min-width: 200px; left: -120px;}
.header-in-worker .nav-item-account .dropdown-menu {top: 65px; left: -65px;}
.nav-item-account hr {margin: .5rem 0;}
.nav-item-account .dropdown-item {font-size: 12px; color: #464646; padding: .5rem 0;}
.nav-item-account .dropdown-item:hover {color: #4a90e2;}
.nav-item-account .dropdown-item .icon {vertical-align: middle; font-size: 13px; margin-right: 5px;}
.nav-item-account .dropdown-item .fa {vertical-align: middle; font-size: 12px; margin-right: 8px; width: 12px; text-align: center;}
.nav-item-account-info {padding: .25rem 0;}
.nav-item-account-name {font-size: 14px; font-weight: 600; margin-bottom: 0;}
.nav-item-account-user {font-size: 10px; color: #585858;}
.nav-item-account-type {font-size: 11px; color: #fff; padding: 2px 10px; border-radius: 20px; margin-left: 5px;}
.nav-item-account-type--free {background-color: #a9a9a9;}
.nav-item-account-type--pro {background-color: #1caaea;}
.nav-item-account-type--premium {background-color: #1da176;}
.nav-item-account-type--renew {font-size:11px; color:#464646; margin-left:11px; font-weight:500; color:#4a90e2}
.nav-link {color: #585858; font-size: 14px;}
.nav-link-primary { font-weight: 600; color: #024570 !important; text-transform: uppercase; }
.nav-item .nav-link.btn-link { display:inline-block; padding:.5rem 0 !important; color:#73B743!important; border-width:1px; border-color:#FFF; background-color:#FFF!important; text-transform:capitalize !important; }
.nav-item .nav-link.btn-link:hover { background-color:#FFF; }
.nav-item .nav-link.btn-link-primary { display:inline-block; padding:.5rem 0 !important; color:#024570; border-width:1px; border-color:#FFF; background-color:#FFF; text-transform:capitalize !important; }
.nav-item .nav-link.btn-link-primary:hover { background-color:#FFF; }
.nav-item .nav-link.btn-link.btn-link-login { color:#024570 !important; border-color:#FFF; }
.nav-item .nav-link.btn-primary.btn-link.btn-link-login { background-color:#FFF!important; }
.navbar-light .navbar-toggler {border: none;}
.navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active {outline: none;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(2,68,110,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}


header .dropdown-menu {left: auto;}
.header-in .navbar-brand img {width: 40px;}
.header-in-worker .nav-item-account {padding-left: 15px;}
.header-in-worker .nav-item-account .nav-link {display: inline-block; padding-left: 10px !important;}
.header-in-worker .user-thumbnail {width: 40px; height: 40px; object-fit: cover;}
.header-in-worker .nav-item-account .nav-item-account-info {padding-right: .4rem; padding-left: .4rem;}
.header-in-worker .nav-item-account-wrap {padding: 0 1rem;}
.header-in-worker .nav-item-account-wrap li {display: inline-block; list-style-type: none; vertical-align: middle;}
.badge {font-size: 12px; font-weight: 600; border-radius: 5px; margin-left: 5px; padding: 5px 7px;}
.badge.badge-danger {background-color: #ff5368;}

section {padding: 30px 0;}
section.section-p-40 {padding: 40px 0;}
.hero-home {background-color: #f5f9fa; background-image: url('/images/home-bg-img.jpg'); background-repeat: repeat-x; background-position: bottom; padding-bottom: 0;}
.hero-home h1 {font-size: 20px; color: #024570; font-weight: normal; letter-spacing: 1px;}
.hero-home img {-webkit-transform: scale(0.8); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.8); /* FF3.5+ */
      -ms-transform: scale(0.8); /* IE9 */
       -o-transform: scale(0.8); /* Opera 10.5+ */
          transform: scale(0.8);
      transition: all .3s ease-in-out;}
.hero-home a:hover img {-webkit-transform: scale(0.9); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.9); /* FF3.5+ */
      -ms-transform: scale(0.9); /* IE9 */
       -o-transform: scale(0.9); /* Opera 10.5+ */
          transform: scale(0.9);}
.hero-home-illus {position: relative; min-height: 320px;}
.hero-home-illus .employer-illus {position: absolute; bottom: -8%; left: -31px; max-width:67%; }
.hero-home-illus .coach-illus {position: absolute; bottom: -7%; left: 42%; max-width:70%; }
.hero-home-illus .wp-expert-illus {position: absolute; bottom: 50%; right: 24%;}
.hero-home-illus .social-media-illus {position: absolute; bottom: 60%; right: 14%;}
.hero-home-illus .design-illus {position: absolute; bottom: 50%; right: 0;}
.hero-home-illus .seo-illus {position: absolute; bottom: 0%; right: 22%;}
.hero-home-illus .programming-illus {position: absolute; bottom: 0%; right:10%;}
.hero-home-illus .resume-badge {position: absolute; bottom: 5%; right: -3%; width: 150px; height: 150px; background-color: #fff; box-shadow: 0 0 10px 0 #b8c6ce; border-radius: 50%; border: 12px solid #E3EEF7; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;  align-items: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; background-size: cover; transition: all .3s ease-in-out;}
.hero-home-illus .resume-badge h4 {color: #024570; text-align: center; font-size: 16px; font-weight: 700; line-height: normal; margin-bottom: 0;}
.hero-home-illus .resume-badge:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.hero-home-illus .resume-badge p {color: #555; font-size: 13px; font-weight: 400; margin-bottom: 5px;}

.hero-postjob-success p { font-size:14px; }
.hero-postjob-success hr {border-top-color: #eee; margin-top: 4rem; margin-bottom: 4rem;}

/* v7 */
.recent-most-resumes .latest-job-post{ transition: box-shadow .8s; cursor: pointer;}
.recent-most-resumes .recent .latest-job-post { border:solid 2px rgba(2, 69, 112, 0.1); padding: 14px; display: flex; height: 150px; flex-direction: column; justify-content: center; position: relative;}
.recent-most-resumes .most .latest-job-post { border:solid 2px rgba(115, 183, 67, 0.2); padding:14px; display: flex; height: 150px; flex-direction: column; justify-content: center;}
.recent-most-resumes .recent h3,
.recent-most-resumes .most h3 { font-weight:600; }
.recent-most-resumes .recent, .recent-most-resumes .most { margin-bottom:40px; }
.recent-most-resumes .recent h3 span, .recent-most-resumes .most h3 span { color:#024570; }
.recent-most-resumes h5 { font-weight:600; color:rgba(2, 68, 110, 0.5); padding-top:10px; }
.recent-most-resumes .latest-job-post dl { border:none; margin-bottom:0; padding:0; }
.recent-most-resumes .latest-job-post dl dt img { width: 100%; height: 90px; object-fit: cover; }
.recent-most-resumes .btn-border-primary { font-weight:600; width:200px; margin-top:30px; }
.recent-most-resumes .recent .latest-job-post .recent-resume-see-more-link{ position: absolute; right: 15px; bottom: 10px; font-size: 12px;}
.recent-most-resumes div.latest-job-post:hover{ border: none; box-shadow: 0 4px 20px 0 rgba(117, 117, 117, 0.2); -webkit-box-shadow: 0 4px 20px 0 rgba(117, 117, 117, 0.2); -moz-box-shadow: 0 4px 20px 0 rgba(117, 117, 117, 0.2); }
/** v7 */

.form-search {margin-top: 20px;}
.form-search input {border: none; border-radius: 100px; color: #464646; font-size: 15px; font-weight: 300; padding: 15px 40px 15px 60px;}
/*
.form-search input::-webkit-input-placeholder { font-size:12px; }
.form-search input::-moz-placeholder { font-size:12px; }
.form-search input:-moz-placeholder { font-size:12px; }
.form-search input:-ms-input-placeholder { font-size:12px; }
*/
.form-search input::-webkit-input-placeholder { font-size:12px; color:#c4c4c4; }
.form-search input::-moz-placeholder { font-size:12px; color:#c4c4c4; }
.form-search input:-moz-placeholder { font-size:12px; color:#c4c4c4; }
.form-search input:-ms-input-placeholder { font-size:12px; color:#c4c4c4; }

.form-search-wrap {position: relative;}
.form-search-wrap:before {content: "\f002"; font-family: "Font Awesome 5 Free"; left: 22px; position:absolute; top: 13px; font-size:22px; color: #c4c4c4; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.form-search-wrap .btn {position: absolute; top: 0; right: 0; font-size: 16px; height: 57px; padding: 0 40px !important;}

.section-title {font-size: 22px; font-weight: 600; letter-spacing: 1px; color: #464646; text-align:center; position: relative;}
.section-title-bb:after {content: " "; width: 50px; height: 5px; background-color: #73b743; position: absolute; bottom: -25px; left: 0; right: 0;margin-left: auto; margin-right: auto;}
.section-title-no-bb:after {content: none !important;}
.section-title-bb-l:after {margin: 0 auto;}
.section-title-big {font-size: 26px; font-weight: 600; color: #464646; line-height: normal;}
.section-subtitle {font-size: 22px; font-weight: 600; letter-spacing: 1px; color: #464646; text-align:center; position: relative;}
.section-subtitle-bb:after {content: " "; width: 50px; height: 5px; background-color: #73b743; position: absolute; bottom: -25px; left: 43%;}

.jobpost-cat-box {display: flex; flex-direction: column; justify-content: center; border-radius: 10px; background-color: #fafafa; border: solid 1px #eeeeee; text-align: center; color: #464646; min-height: 170px; margin-bottom: 20px;}
.jobpost-cat-box:hover {color: #464646; border: solid 1.5px #d0d0d0;}
.jobpost-cat-box-lbl {font-size: 14px; margin-bottom: 20px; font-weight: normal; color: #4b4b4b;}
.jobpost-cat-box-count {font-size: 10px; color: #fff; border-radius: 100px; background-color: #73b743; padding: 5px 15px; width: 60%; margin: 0 auto;}

.client-logos {padding-left: 0; text-align: center;}
.client-logo {list-style-type: none; vertical-align: middle; display: inline; margin:0 10px; text-align: center;}
.client-logo:last-child {margin-right: 0;}
.client-logo img {max-width: 24%;}

.home-vid-wrap .intro-video img {width: 100%;}
.home-vid-wrap .video-wrapper video, .video-wrapper video {width: 100% !important; height: auto !important;}

.user-case-wrap .carousel-inner { padding-bottom:20px; }
.user-case-wrap .card:hover { transition: all .2s ease-in-out; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; cursor:pointer; }
.user-case-wrap h5 { font-size:20px; font-weight:700; color:#024570; text-transform:uppercase; }
.user-case-wrap hr { width:40px; border-top: 3px solid #f5f9fa; }
.user-case-wrap .card-body { height:320px; }

.resume-cat-box {display: flex; flex-direction: column; justify-content: flex-start; padding-top: 45px; border-radius: 10px; background-color: #f3f7fa; text-align: center; color: #4a90e2; min-height: 230px; margin-bottom: 20px; transition: all .3s ease-in-out;}
.resume-cat-box:hover {color: #4a90e2; background-color: #ffffff; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15);}
.resume-cat-box-title {font-size: 18px; margin: 20px 0; font-weight: 600; color: #4a90e2;}
.resume-cat-box-lbl {font-size: 14px; font-weight: normal; color: #909090; padding: 0 20px; line-height: normal;}

.browse-more-resume p { font-size:12px; }

.skill-pricing-pack {text-align: center; padding:0;}
.skill-pricing-pack li {display: inline-block; width: 100%; margin-left: -5px; margin-bottom:10px;}
.skill-pricing-pack li .panel {border-radius: 0; transition: all .2s ease-in-out; box-shadow: 0 2px 4px 0 rgba(202, 202, 202, 0.5); background-color: #fff;}
.skill-pricing-pack li .panel:hover {transform: scale(1.03); cursor: pointer;}
.skill-pricing-pack li .panel-heading {border-radius: 0; border-bottom: 0; padding: 15px 0 0 0; font-size: 14px; font-weight:600; text-align: left; border-top: none !important;}
.skill-pricing-pack li .panel .pack-label { font-size:12px; text-align:left; color:#4b4b4b; }
.skill-pricing-pack li .panel-body {margin-top:4px; padding: 20px 0; text-align: center; background-color: #fff; display: flex;
    align-items: center; justify-content: flex-end;}
.skill-pricing-pack li .panel-body p {font-size: 12px; color: #4b4b4b; margin-bottom:0;}
.skill-pricing-pack li .panel-body .pack-price {font-size: 20px; font-weight: 600; color: #4b4b4b; margin-bottom: 0;}
.skill-pricing-pack li:first-child .panel {border-left: 5px solid #4b4b4b; color: #4b4b4b;}
.skill-pricing-pack li:nth-child(2) .panel {border-left: 5px solid #00a9dd; color: #00a9dd;}
.skill-pricing-pack li:nth-child(3) .panel {border-left: 5px solid #ab83e9; color: #ab83e9;}
.skill-pricing-pack li:nth-child(4) .panel {border-left: 5px solid #dc7c0d; color: #dc7c0d;}
.skill-pricing-pack li:last-child .panel {border-left: 5px solid #da3d8e; color: #da3d8e;}

.jobseeker-preview-box {border-radius: 10px; background-color: #ffffff; position: relative; margin-bottom:80px; padding: 70px 15px 30px 15px;}
.jobseeker-thumbnail {border-radius: 50%; width: 100px; height: 100px; object-fit: contain; position: absolute; left: 0; right: 0; top: -50px; margin: 0 auto 0 auto;}
.jobseeker-title {text-align: center; font-size: 18px; color: #024570; font-weight: 600;}
.jobseeker-idproof {font-size: 10px; color: #fff; text-align: center; border-radius: 100px; background-color: #73b743; padding: 5px 15px;}
.jobseeker-label {letter-spacing: 1px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #4b4b4b; margin-bottom: 5px;}
.jobseeker-text {font-size: 12px; margin-bottom: 0; color: #868686;}
.star-rating {padding-left: 0; margin-bottom: 0;}
.star-rating-item {display: inline-block; margin-right: 2px; list-style-type: none;}
.star-rating-item .fa-star {color: #e4e4e4; font-size: 14px; margin-top: 4px;}
.star-rating-5 .star-rating-item .fa-star {color: #eed262;}
.star-rating-4 .star-rating-item:nth-child(1) .fa-star {color: #eed262;}
.star-rating-4 .star-rating-item:nth-child(2) .fa-star {color: #eed262;}
.star-rating-4 .star-rating-item:nth-child(3) .fa-star {color: #eed262;}
.star-rating-4 .star-rating-item:nth-child(4) .fa-star {color: #eed262;}
.star-rating-3 .star-rating-item:nth-child(1) .fa-star {color: #eed262;}
.star-rating-3 .star-rating-item:nth-child(2) .fa-star {color: #eed262;}
.star-rating-3 .star-rating-item:nth-child(3) .fa-star {color: #eed262;}
.star-rating-2 .star-rating-item:nth-child(1) .fa-star {color: #eed262;}
.star-rating-2 .star-rating-item:nth-child(2) .fa-star {color: #eed262;}
.star-rating-1 .star-rating-item:nth-child(1) .fa-star {color: #eed262;}
.col-12:last-child .jobseeker-preview-box { margin-bottom:0; }

.footer-featured-box {background-color: #ffffff; box-shadow: 0 2px 10px 0 rgba(205, 205, 205, 0.5); padding: 20px;}
.footer-featured-box .footer-feature-img {max-height: 250px;}
.footer-featured-box .footer-feature-img img {height: 250px; object-fit: contain; width: 100%;}
.footer-featured-title {font-size: 24px; font-weight: normal; line-height: normal; position: relative; text-align:center;}
.footer-featured-title:after {content: " "; width: 50px; height: 5px; background-color: #73b743; position: absolute; bottom: -25px; left: 43%;}
.footer-featured-box a {font-size: 14px; letter-spacing: 1px;}
.footer-featured-box a i {margin-left: 10px;}

.footer-links-title {font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #024570; text-transform: uppercase; margin-bottom: 20px;}
.footer-links-list {margin-bottom: 0; padding-left: 0;}
.footer-links-list li {margin-bottom: 10px; list-style-type: none;}
.footer-links-list li:last-child {margin-bottom: 0;}
.footer-links-list li a {font-size: 13px; color: #4b4b4b;}
.footer-links-list li a i {vertical-align: middle; font-size: 20px; margin-right: 10px;}

.oj-accordion .card {border: none; box-shadow: none; border-radius: 0; border-radius: 5px; margin-bottom: 10px;}
.oj-accordion .card-header {padding: 0; border-radius: 5px; border-bottom: 0;}
.oj-accordion .card-header button {padding: 10px 20px; display: block; width: 100%; background-color: #f0f4f7; font-size: 16px; font-weight: 600; color: #3e3e3e; border-radius: 5px; text-align: left; border-radius: 5px;}
.oj-accordion .card-header button:hover, .oj-accordion .card-header button:focus, .oj-accordion .card-header button:active {text-decoration: none;}
.oj-accordion .card-header button i {color: #b0b0b0;}
.oj-accordion .card-header.active button i.fa-play-circle {color: #fff;}
.oj-accordion .card-body {border-top: none !important; padding: 20px; border-radius: 5px;}
.oj-accordion .card-body ul {margin-left: 0; padding-left: 20px;}
.oj-accordion .card-body ul li {list-style-type: none;}
.oj-accordion .card-body ul li a {font-size: 14px; color: #00aeef;}
.oj-accordion .card-body ul li a i.fa {margin-right: 15px; color: #cecfcf;}
.oj-accordion .card-body p {margin-bottom: 15px; font-size: 14px;}
.oj-accordion .card-body p:last-of-type {margin-bottom: 5px;}

.oj-accordion--faq {margin-bottom: 10px;}
.oj-accordion--faq .card-header button {color: #3e3e3e; background-color: #f0f4f7; white-space:normal; }
.oj-accordion--faq .card-header button:after {font-family: 'Font Awesome 5 Free'; content: "\f105"; float: right; color: #b0b0b0; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.oj-accordion--faq .card-header.active button {background-color: #4a90e2; color: #fff;}
.oj-accordion--faq .card-header.active button:after {content: "\f107"; color: #fff;}
.oj-accordion--faq .card-body {background-color: #f2f6f9;}

.signup-tabs {border-bottom: none;}
.signup-tabs .nav-item {padding-right: 0; width: 50%; text-align: center; vertical-align: middle; border-top: 1px solid #dfdfdf; border-radius: 5px;}
.signup-tabs .nav-item .nav-link {border-top: 5px solid transparent; padding: 20px; border-bottom: 1px solid #dfdfdf; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #464646;}
.signup-tabs .nav-item:last-child .nav-link {border-right: 1px solid #dfdfdf;}
.signup-tabs .nav-item:first-child .nav-link {border-left: 1px solid #dfdfdf;}
.signup-tabs .nav-item .nav-link.active, .signup-tabs .nav-item .nav-link:focus {border-top: 5px solid #024570 !important; border-top-color: #024570 !important; border-bottom: none !important; color: #024570 !important;}
.signup-tabs .nav-item .nav-link:focus, .signup-tabs .nav-item .nav-link:hover {border-left: 1px solid #dfdfdf !important; border-right: 1px solid #dfdfdf !important;}
.signup-tabs .nav-item .nav-link svg {margin-bottom: 10px;}
.signup-tabs .nav-item .nav-link svg g {stroke: #464646;}
.signup-tabs .nav-item .nav-link.active svg g {strke: #024570;}

.tab-content-signup {border: 1px solid #dfdfdf; border-top: none; padding: 40px 20px;}

.oj-form label {font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #464646;}
.oj-form .form-control {background-color: #f7f7f7; border: none; padding: .8rem 1rem; border-radius: 5px; font-size: 14px; font-weight: 300; color: #464646;}
.oj-form select.form-control {height: 47px !important; text-indent: 10px;}
.oj-form .form-control::-webkit-input-placeholder {color: #a3a3a3;}
.oj-form .form-control::-moz-placeholder {color: #a3a3a3;}
.oj-form .form-control:-ms-input-placeholder {color: #a3a3a3;}
.oj-form .form-control:-moz-placeholder {color: #a3a3a3;}
.oj-form small.form-text {font-size: 12px; color: #464646;}
.oj-form textarea.form-control {resize: none;}
.oj-form .form-check label {font-size: 14px; letter-spacing: normal; text-transform: none; font-weight: normal; color: #464646; padding-left: 7px; vertical-align: text-top;}
.label-question img {margin-top: -3px; margin-left: 3px;}
.fil-check-box {background-color: #f7f7f7; padding: 5px 15px 15px 15px;}
.fil-check-box label {text-transform: none; letter-spacing: normal; font-size: 12px;}
.fil-check-box .form-control {background-color: #fff; padding: .4rem .75rem;}

/* Post a Job */
.card-post-job hr {margin: 0;}
.card-post-job .card-body {padding: 1.5rem;}
.btn-skill {width: 100%; border-radius: 3px; border: 1px solid #eee; padding: 10px; color: #b5b5b5; text-align: center; font-size: 12px; margin-bottom: 20px;}
.btn-skill:hover {border-color: #000; color: #000; opacity: 0.5; cursor: pointer;}
.btn-skill.active {border-color: #024570; color: #024570;}
.skill-buttons {list-style-type: none; padding: 0;}
.skill-buttons li {float: left; width: 47%; margin-right: 3%; margin-bottom: 10px; min-height: 60px; position: relative;}
.skill-buttons label, .skill-buttons input {width: 100%; border-radius: 3px; border: 1px solid #eee; padding: 10px; color: #b5b5b5; text-align: center; font-size: 12px; display:block; position:absolute; top:0; left:0; right:0; bottom:0; letter-spacing: normal; text-transform: none;}
.skill-buttons input[type="radio"] {opacity: 0.011; z-index: 100;}
.skill-buttons input[type="radio"]:checked + label {border-color: #024570; color: #024570;}
.skill-buttons label {padding: 8px; cursor:pointer; z-index:90; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; justify-content: center;}
.skill-buttons label:hover {border-color: #000; color: #000; opacity: 0.5; cursor: pointer;}

.alert-upgrade {border-radius: 5px; background-color: #f1f1f1; border: none; padding: 40px 20px; color: #464646;}
.alert-upgrade p {color: #6a6a6a; font-size: 16px;}
.alert-upgrade .icon-spaceship {font-size: 40px;}
.alert-upgrade .close {font-size: 1rem; padding: .5rem .5rem; opacity: 1; color: #464646;}
.alert-account-notice {border-color: #EEE1CD; background-color: #FFFDE5; padding: 1rem 1.25rem; padding-right: 1.25rem;}
.alert-account-notice p {color: #4F4F4D; font-size: 14px;}
.skill-set{overflow: hidden;}

/*Card Styles*/
.card-helpful-links {border: none; margin-bottom: 10px;}
.card-helpful-links a {display: block; background-color: #fff; padding: 18px 22px 18px 22px; font-size: 16px; color: #464646;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11); border-radius: 5px; border-left: 10px solid #73b743; min-height:inherit;}
.card-helpful-links a:hover {box-shadow: none;}
.card-myaccount {border: none; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);}
.card-myaccount .card-header {background-color: #024570; padding: 1rem 1.25rem;}
.card-myaccount .card-header h5 {margin-bottom: 0; display: inline-block; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-size: 1rem; line-height: 35px;}
.card-myaccount .card-header .badge {vertical-align: text-bottom;}
.card-myaccount .card-header .btn {height: 35px; line-height: 17px; margin-left: 20px;}
.card-myaccount .card-header .view-all-link {color: #fff; font-size: 10px; line-height: 35px;}
.card-myaccount .card-header .view-all-link img {margin-left: 4px; margin-top: -2px;}
.card-myaccount .icon-remove { position:relative; top:0; right:-7px; text-align:right; margin-top:-10px; margin-bottom:-8px; }
.card-myaccount .icon-remove i { font-weight:600; }
.card-myaccount .training-academy {  }
.card-myaccount .training-academy .box { padding: 16px; border-left: 6px solid #73b743; border-radius: 5px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
.card-myaccount .training-academy .box .rate { font-size:12px; font-weight:600; color:#43b76d; border:1px solid #43b76d; padding:2px 3px; border-radius:2px; }
.card-myaccount .training-academy .box a { font-size:12px; font-weight:600; border: solid 1px #d0d0d0; padding:8px 16px!important; }
.card-myaccount .easy-payment { background:#024570; text-align:center; width:136px; height:136px; margin:0 auto; }
.card-myaccount .easypay img { width:20px; }
.card-myaccount-empty .card-body {padding: 4rem 1.25rem;}
.card-myaccount-empty .card-body .icon {font-size: 100px; color: #d5d5d5;}
.card-myaccount-empty .card-body img {width: 100%; margin-bottom: 40px;}
.card-myaccount-empty .card-body img.icon-img {margin: 0; width: 20px;}
.card-myaccount-empty .card-body p {color: #adadad; margin-bottom: 0;}
.card-myaccount-empty--half {}
.card-myaccount-empty--half .card-body {padding: 1.5rem; min-height:inherit; padding-bottom:30px;}
.card-myaccount-empty--half .card-body h3 {font-size: 16px; font-weight: 600; margin-bottom: 25px; line-height: normal;}
.card-myaccount-empty--half .card-body p { font-size:14px; color: #464646; margin-bottom: 25px;}
.card-myaccount-empty--half .card-body p:last-of-type {margin-bottom: 40px;}
.card-myaccount-guide .card-body {padding: 25px 0 30px 0; min-height: 530px;}
.card-myaccount-guide .guide-title {font-size: 14px; font-weight: 600; color: #000; margin-bottom: .2rem;}
.card-myaccount-guide .guide-description {font-size: 12px; margin-bottom:0;}
.card-myaccount-guide .guide-link {font-size: 12px; text-transform: uppercase;}
.card-myaccount-guide .guide-link i {margin-left: 5px;}
.card-myaccount-guide .card-body hr {margin-top: 1.3rem; margin-bottom: 1.3rem;}
.card-ep-add {padding: 3rem 3rem;}
.card-ep-add form {justify-content: center;}
.card-ep-add form .form-control {width: 32%; font-size: 12px; padding: .55rem 1rem; background-color: #f7f7f7; border: solid 1px #e6e6e6;}
.bookmark-toggle {display: inline-block;}
.bookmark-toggle i {font-size: 28px; color: #ff5368; vertical-align: middle;}
.card-worker .card-worker-name {font-size: 20px; font-weight: 400;}
.card-worker .card-worker-jobtitle {font-size: 14px; display:inline-block; overflow-x: hidden;}
.card-worker .profile-header .card-worker-jobtitle {font-size: 24px; }
.card-worker .profile-header .profile-btns-bgcheck{ padding-bottom: 8px;}
.card-worker .profile-header .profile-btns-bgcheck > *{ margin-left: 10px;}
.card-worker .card-worker-dl {margin-bottom: 16px;}
.card-worker .card-worker-dl dt {font-size: 12px; font-weight: 600; color: #7c7c7c; letter-spacing: 1px; text-transform: uppercase;}
.card-worker .card-worker-dl dd {font-size: 14px; color: #464646; margin-bottom: 0;}
.card-worker .card-worker-dl .card-worker-topskill { font-size:12px; background-color: #eee; border-radius: 5px; padding: 3px 10px; display: inline-block; margin-top: 5px; margin-right: 5px;}
.card-worker .tooltip-icon { width:15px; margin:-2px 0 0 4px; }
.worker-id-proof { color:#73B743; padding: 0 10px 0 0; border-radius: 100px; border:1px solid #73B743; font-size: 10px; height: 20px; margin-left:0; }
.worker-id-proof span { font-size:10px; color:#FFF; border-radius: 100px; margin: 0; width: 25px; margin-top: -2px; margin-left: -1px; height: 22px; background:#73B743; }
.card-ep-empty {border-top: 10px solid #73b743;}
.card-ep-empty .card-body {padding: 2.3rem;}
.card-hover-default {box-shadow: 0 1px 4px 1px rgba(0,0,0,0.15);}
.card-hover-default:hover {box-shadow: 0 4px 20px 0 rgba(117, 117, 117, 0.2);}

.add-note-link i {color: #4a90e2; font-size: 15px; margin-right: 5px; vertical-align: middle;}
.note-wrap a {font-size: 10px; letter-spacing: .5px; text-transform: uppercase;}
.form-note textarea {resize: none;}
.note-box {background-color: #fafafa; padding: 10px 15px; border-radius: 5px;}

.myaccount-guide-box {padding: 0 15px;}
.referral-link-box {background-color: #73b743; border-color: #73b743; color: #fff; border-radius: 100px; padding: 8px 30px !important; font-size: 12px; line-height: normal; display: inline-block;}

.quick-link-img {background-color: #024570; width: 100px; height:100px; text-align: center; border-radius: 50%; margin: 0 auto 40px auto;}
.quick-link-img i {font-size: 38px; color: #fff; vertical-align: middle; margin-top: 32%;}

.section-perks img {width: 25px;}

/* Popover & Tooltip Styles */
.popover {border: none !important; background-color: rgba(0,0,0,0.8) !important;}
.popover p {text-align: left; font-size: 12px; margin-bottom: 10px; color: #fff;}
.popover p:last-of-type {margin-bottom: 0;}
.popover .arrow:after {border-right-color: rgba(0,0,0,0.6);}
.popover .arrow:before {border-right-color: transparent;}
/*.tooltip > .tooltip-inner {background-color: rgba(0,0,0,0.5);}*/
/*.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {border-bottom-color: rgba(0,0,0,0.5);}*/
.tooltip > .tooltip-inner p {font-size: 12px; text-align: left; margin-bottom: 10px;}
.tooltip > .tooltip-inner p:last-of-type {margin-bottom: 0;}
.on-blurred-text {background: transparent !important;}
.on-blurred-text h4 {color: #fff !important;}
.bs-popover-top .arrow:before {bottom: 1px !important;}
.bs-popover-top .arrow:after {border-top-color: rgba(0,0,0,0.7) !important;}

/* Table Styles */
.table-oj {margin-bottom: 0;}
.table-oj-bb {border-bottom: 1px solid #eee;}
.table-oj thead th {font-size: 10px; font-weight: 600; color: #464646; text-transform: uppercase; letter-spacing: 0.1px; background-color: #f9f9f9; border-bottom: 1px solid #eee;}
.table-oj.table-striped tbody tr:nth-of-type(odd) {background-color: #fff;}
.table-oj.table-striped tbody tr:nth-of-type(even) {background-color: #fafafa;}
.table-oj tbody td {font-size: 12px; border-top: 1px solid #eee; vertical-align: middle;}
.table-oj tbody td.col-actions {width: 11%;}
.table-oj tbody td.col-actions span {color: #eee;}
.table-oj tbody td.col-status .dropdown button {background-color: transparent; border: none; font-size: 12px; padding: 0;}
.table-oj tbody td.col-status .dropdown button:focus {box-shadow: none;}
.table-oj tbody td.col-status .dropdown button:after {color: #bbb !important;}
.table-oj tbody td.col-status .dropdown .dropdown-menu {min-width: 6rem;}
.table-oj tbody td.col-status .dropdown .dropdown-menu .dropdown-item {font-size: 12px; padding: .25rem .8rem;}
.table-oj tbody td.col-thumbnail {width: 5%;}
.table-oj tbody td.col-thumbnail img {width: 35px; height: 35px; object-fit: cover; max-width: none;}
.table-oj tbody td.col-thumbnail-lg img {width: 50px;}
.table-oj tbody td .mob-thumbnail { display:block; margin:0 auto 4px auto; }
.table-oj tbody td.mob-tooltip { padding:36px 0 0 0; }
.table-oj tbody td.mob-tooltip img { width:15px; }
.table-oj tbody td.col-date {width: 10%;}
.table-oj tbody td p:last-of-type {margin-bottom: 0;}
.table-oj th.col-name {width: 18%;}
.table-oj tbody td.col-note a {color: #464646;}
.table-oj tbody td.col-note a i {color: #4a90e2; font-size: 15px; margin-right: 5px; vertical-align: middle;}
.table-oj tbody td .form-control {font-size: 12px; border-color: #999;}
.table-oj tbody td input.form-control {padding: .55rem .75rem;}
.tooltip-icon {width: 35px;}
.table-oj-primary thead th {background-color: #024570; border-top: none; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 1.3em;}
.table-oj-primary thead th:first-child {border-top-left-radius: 5px}
.table-oj-primary thead th:last-child {border-top-right-radius: 5px}
.table-oj-primary i { font-size:18px; position:relative; top:-1px; margin-right:4px; color:#18a35f; }
.table-ep tbody td {padding: 1.25rem .75rem;}


/* Switch Style */
.switch {font-size: 1rem; position: relative;}
.switch input {position: absolute; height: 1px; width: 1px; background: none; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; padding: 0;}
.switch input + label {position: relative; min-width: calc(calc(2.375rem * .8) * 2); border-radius: calc(2.375rem * .8); height: calc(2.375rem * .8); line-height: calc(2.375rem * .8); display: inline-block; cursor: pointer; outline: none; user-select: none; vertical-align: middle; text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);}
.switch input + label::before, .switch input + label::after {content: ''; position: absolute; top: 0; left: 0; width: calc(calc(2.375rem * .8) * 2); bottom: 0; display: block;}
.switch input + label::before {right: 0; background-color: #dee2e6; border-radius: calc(2.375rem * .8); transition: 0.2s all;}
.switch input + label::after {top: 2px; left: 2px; width: calc(calc(2.375rem * .8) - calc(2px * 2)); height: calc(calc(2.375rem * .8) - calc(2px * 2)); border-radius: 50%; background-color: white; transition: 0.2s all;}
.switch input:checked + label::before {background-color: #27A077;}
.switch input:checked + label::after {margin-left: calc(2.375rem * .8);}
.switch input:focus + label::before {outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);}
.switch input:disabled + label {color: #868e96; cursor: not-allowed;}
.switch input:disabled + label::before {background-color: #e9ecef;}
.switch.switch-sm {font-size: 0.875rem;}
.switch.switch-sm input + label {min-width: 30px; height: 20px; line-height: 20px; margin-bottom: 0;}
.switch.switch-sm input + label::before {width: 40px;}
.switch.switch-sm input + label::after {width: 16px; height: 16px;}
.switch.switch-sm input:checked + label::after {margin-left: 20px;}
.switch + .switch {margin-left: 1rem;}

/*Breadcrumb Styling*/
.oj-breadcrumb {padding-left: 0; background: none; margin-bottom: 0;}
.oj-breadcrumb .breadcrumb-item {font-size: 12px;}
.oj-breadcrumb .breadcrumb-item+.breadcrumb-item::before {content: ">"}

/*Search Forms Styling*/
.form-search-header .form-search-wrap input {border: none; border-radius: 100px; color: #c4c4c4; font-size: 14px; font-weight: 300; padding: 8px 10px 8px 44px; background-color: #f7f7f7; border: solid 1px #efefef;}
.form-search-header .form-search-wrap {position: relative;}
.form-search-header .form-search-wrap:before {content: "\f002"; font-family: "Font Awesome 5 Free"; left: 18px; position:absolute; top: 5px; color: #c4c4c4; font-size: 20px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.header-in-worker .form-search-header .form-search-wrap {width: 300px;}
.form-search-myaccount input[type="text"] {font-size: 10px; border: solid 1px #eeeeee; border-radius: 50px; height: 35px; width: inherit;}
.form-search-myaccount input::-webkit-input-placeholder {color: #a7a7a7;}
.form-search-myaccount input::-moz-placeholder {color: #a7a7a7;}
.form-search-myaccount input:-ms-input-placeholder {color: #a7a7a7;}
.form-search-myaccount input:-moz-placeholder {color: #a7a7a7;}

/*Pagination Styling*/
.oj-pagination {padding: 20px;}
.oj-pagination nav {display: inline-block;}
.oj-pagination .pagination {margin-bottom: 0;}
.oj-pagination .pagination .page-item a {font-size: 14px;}

/*Table Collapse*/
.table-collapse {font-size: 18px; color: #464646;}
.table-collapse:before {font-family: FontAwesome; color: #4a90e2; font-size: 20px; vertical-align: middle; margin-right: 8px;}
.table-collapse.collapsed:before {content: "\f055"; font-family: "Font Awesome 5 Free"; font-size:22px; color: #4A90E2; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; position:relative; top:-2px;}
.table-collapse:not(.collapsed):before {content: "\f056";}
.table-collapse b {font-weight: normal;}
.table-collapse:not(.collapsed) b {display: inline-block;}
.table-collapse:not(.collapsed) span {display: none;}
.table-collapse.collapsed b {display: none;}

/*Easypay Tabs*/
.oj-tabs .nav-tabs {margin-bottom: 0; border-bottom-color: #C4C7C8;}
.oj-tabs .nav-tabs .nav-link {font-size: 12px; text-transform: uppercase; font-weight: 600; color: #939596; border: none; padding: 10px 10px; display: block; letter-spacing: 1px;}
.oj-tabs .nav-tabs .nav-link:hover {background-color: transparent; border: none;}
.oj-tabs .nav-tabs .nav-link.active {border-bottom: 3px solid #4a90e2 !important; color: #464646;}
.oj-tabs .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {color: #4c5759; border: none; background-color: transparent;}
.oj-tabs .nav-tabs .nav-link .badge {vertical-align: middle; margin-left: 10px; margin-top: -5px;}
.oj-tab-content {padding: 40px 0;}
.oj-tab-content .btnpay { width:100%; padding: 8px 18px !important; }

.sort-date-wrap {float: right; margin-top: -33px;}
.sort-date-wrap span {font-size: 12px;}
.sort-date-wrap .form-control {font-size: 12px; display: inline-block; width: 60px; margin: 0 5px; padding:0; height: 25px !important; border-radius: 3px;}

/*PRICING PAGES */
/*******************************************/
/*Pricing Table*/
.pricing-table { font-size:14px; }
.pricing-table .card { border:none; color:#464646; margin-bottom:40px; transition: all .2s ease-in-out; }
.pricing-table .card:hover { transform: scale(1.01); cursor: pointer; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important }
.pricing-table .list-group-item { border:none; }
.pricing-table .list-group-item:nth-of-type(even) {background-color: #fafafa;}
.pricing-table .list-group-item i { font-size:16px; }
.pricing-table .list-group-item .fa-check { color:#0CA275; }
.pricing-table .list-group-item .fa-times { color:#E04A39; }
.pricing-table .price-box { text-transform:uppercase; background: none; margin-right:-10px; }
.pricing-table .price-box:hover { transform: scale(1) !important; box-shadow: none !important; }
.pricing-table .price-box .card-header, .pricing-table .price-box .list-group-item { background: none; }
.pricing-table .price-box .list-group-item { padding-left:0; padding-right:0; }
.pricing-table .card-header { text-transform: uppercase; height:64px; border:none; }
.pricing-table .card-header .panel-title { font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#FFF; margin-bottom:2px; }
.pricing-table .card-header a { font-size:12px; color:#FFF; }
.pricing-table .panel-green { background-color: #0ca275 !important; }
.pricing-table .panel-blue { background-color: #00a9ec !important; }
.pricing-table .panel-red { background-color: #e04a39 !important; }
.pricing-table .card-footer { color:#0CA275; font-weight:600; background:#FFF; height:80px; border:none; }
.pricing-table .card-footer .register { line-height:13px; padding:8px 14px!important; }
.pricing-table .card-footer .register i { font-size:8px; }

.pricing-footer .col-md-2, .pricing-footer .col-md-10 { padding:0 15px; text-align:center; }
.pricing-footer h3 { font-size:24px; }
.pricing-footer p { font-size:14px; }

.our-employers .card { height:320px; }
.our-employers .card-text {  font-size:16px; position:relative; z-index:1; margin-bottom:30px; padding:26px 0 0  22px; }
.our-employers .card-text:before { z-index: -1;
	content: "\f10d";  /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: "Font Awesome 5 Free"; font-size:40px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#E7E7E7; left:-5px; position:absolute; top:0; }
.our-employers ul { font-size:12px; margin:0; padding:0; display:flex; }
.our-employers ul li:first-child { flex:0 1 56px; margin-right:16px; }
.our-employers ul li { display:inline-block; }
.our-employers ul li p { font-size:12px; }
.our-employers ul li img { width:52px; height:52px; }

.got-questions a { transition: all .2s ease-in-out; }
.got-questions a:hover { transform: scale(1.01); cursor: pointer; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }

.carousel-control-next, .carousel-control-prev { width:1px;  }
.carousel-control-next i, .carousel-control-prev i { font-size:40px; color:#D0D0D0; }

/*CHECKOUT PAGES */
/*******************************************/
.checkout { padding:10px 0; }
.checkout span { position:absolute; left:10px; top:30%; }
.checkout span a { font-size:14px; color:#464646; }
.checkout img { width:186px; }

.checkout-hero {  }
.checkout-hero .row { z-index: 99; position: relative; }
.checkout-hero h3 { font-weight:600; margin-bottom:40px; padding-top:36px; }
.checkout-hero a { font-size:12px; color:#e6f5ff !important; border:2px solid #1caaea; margin-bottom:30px; }
.checkout-hero .btn-rounded { padding:.8rem .75rem !important; }
.checkout-hero ul { color:#e6f5ff; padding:0; list-style:none; margin-left:26px; }
.checkout-hero ul li { margin-bottom:10px; }
.badge-30days { padding:0 10px 0 0; }
.badge-30days img { width:212px; }

.checkout-form { margin-top:0; }
.checkout-form.mt-gap { margin-top:-190px; }
.checkout-form h3 { font-weight:600; margin-bottom:40px; }
.checkout-form .card { padding:inherit; }
.checkout-form label { font-weight:700; color:#757575; text-transform: uppercase; }
.checkout-form .form-group { margin-bottom:40px; }
.checkout-form .form-control-lg { font-size:14px; padding: .7rem 1rem;; }
.checkout-form .card-num { position:relative; }
.checkout-form .card-num input { padding-right:98px; }
.checkout-form .card-num img { position:absolute; top:15px; right:12px; max-width:36%; }
.checkout-form .sec-num i { font-size:11px; position:relative; top:-1px; color:#4a90e2; }
.checkout-form i { font-size:23px; vertical-align: middle; margin-right: 5px; }
.checkout-form a.btn, .checkout-method-wrap form button { width:100%; font-weight:600; text-transform:uppercase; margin-bottom:40px; margin-right:20px; padding:20px 0; vertical-align: middle; }
.checkout-form a.btn:hover, .checkout-method-wrap form button:hover, .checkout-form a.btn.selected { color:#024570; border:1px solid #024570; background:#FFF; }
.checkout-form button[type="submit"] { font-size:12px; font-weight:600; padding:16px 20px !important; }
.checkout-form a.btn-outline-secondary { border:1px solid #4a90e2; color:#4a90e2; }
.checkout-method-wrap form {display: inline-block;}

/*JOBSEEKER HOME */
/*******************************************/
.latest-job-post { background-color:#FFF; border:none; border-radius:5px; justify-content:flex-start; text-align:left; padding:32px; }
.latest-job-post:hover { border:none; }
.latest-job-post h4 { font-size:16px; font-weight:600; line-height:28px; }
.latest-job-post h4 .badge { font-size:10px; border-radius:5px; padding:6px; }
.latest-job-post h4 .badge.any { background-color:#ececec; color:#464646; border:1px solid #989898; }
.latest-job-post h4 .badge.full-time { background-color:#D1EDDF; color:#1bac65; border:1px solid #1bac65; }
.latest-job-post h4 .badge.part-time { background-color:#E9F4FB; color:#2491d9; border:1px solid #2491d9; }
.latest-job-post h4 .badge.freelance { background-color:#FEF2E9; color:#f58123; border:1px solid #f58123; }
.latest-job-post i { color:#7c7c7c; }
.latest-job-post dl { border-bottom:1px solid #EEE; margin-bottom:14px; padding-bottom:14px; }
.latest-job-post .desc { margin-bottom:14px; }
.latest-job-post .job-tag {  }
.latest-job-post .job-tag .badge { background-color:#EEE; font-size:12px; color:#464646; padding:6px 10px; margin:0 4px 4px 0; }
.latest-job-post .rounded-profile-picture{ width: 89px; height: 90px; border-radius: 50px; }
.why-find-online-job .right-img { position:relative; width:100%; text-align:right; }
.why-find-online-job .right-img img { width:100%; }
.why-find-online-job .footer-featured-title:after { left:46%; }

/*JOBSEEKER PROFILE */
/*******************************************/
/*Edit Profile*/
.changeable{ outline: none; border-bottom: 1px solid transparent; position: relative; }
.changeable:hover{ border-bottom-color: #6b767c; }
.changeable:hover::after{ font-family: Font Awesome\ 5 Free; content: "\f303"; position: absolute; right: -25px;font-size: 12px; bottom: 0; color: #6b767c; font-weight: 900; }
.edit-info-wrap{ display: none;  align-items: center; font-size: 13px; }
.edit-info-wrap .select-style{  margin-right: 10px; margin-top: -6px;  }
div.stars { display: inline-block; float: right; }
div.stars form { margin-top: 0; }
input.star { display: none; }
label.star { float: right; padding: 0 5px; font-size: 18px; color: #444; transition: all .2s; margin-bottom: 0;  font-weight: normal; }
label.star:hover { cursor: pointer; }
input.star:checked ~ label.star:before { content: '\f005'; color: #FD4; transition: all .25s; }
label.star:before { content: '\f005'; font-family: Font Awesome\ 5 Free; }
.success-post { position:relative; top:18px; }
.success-post img { float:left; }
.limit-warning { background-color:transparent; border:none; margin:0; padding:1.5rem 1.25rem; }
.limit-warning .badge-warning { background-color:#ff3f3f; color:#FFF; border-radius:2px; font-size: 28px; display: block; width:42px; padding: 8px 0; margin: 0 auto; }
.btn-worker-skill { padding:6px 20px 8px 20px !important; border-radius: 100px; font-weight:600; color:#007bff; border:1px solid #D6D6D6; }
.btn-worker-skill:hover { background-color:#024570; color:#FFF; }
.btn-worker-skill i { font-size:20px !important; bottom:-2px !important; margin-right:3px !important; }

/*Paid Premium*/
.jobseeker-top-blue { height:220px; margin-bottom:-126px; }
.jobseeker-name { color:#024570; text-align:center; }
.card-jobseeker .card-header { background:none; padding:20px 30px; }
.card-jobseeker .card-header i { margin-right:10px; font-size:24px; position:relative; bottom:-5px; }
.card-jobseeker .card-body { padding:20px 44px; }
.card-jobseeker dl dt { font-weight:600; padding-right:6px; float:left; }
.card-jobseeker dl dd i.fas { color:#E4E4E4; }
.card-jobseeker dl dd i.fas:hover { color:#4a90e2; }
.card-jobseeker dl dd i.fas.fill { color:#EFD358; }
.card-jobseeker-child dl, .card-jobseeker-child dl dd { margin:0; }
.card-jobseeker-child dl dt, .card-jobseeker-child dl dd { padding:0; }
.id-proof-popover, .id-proof-popover:hover { color:#FFF; }
.id-proof-popover:hover .jobseeker-id-prrof { -webkit-box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.5);
-moz-box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.5);
box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.5); }
.id-proof-popover[type="button"] { -webkit-appearance:inherit; -moz-appearance:inherit; appearance:inherit; }
.popover .arrow:after  { border-right-color:rgba(0,0,0,0.9) }
.popover-body { background-color: rgba(0,0,0,0.5) !important; border-radius:4px; }
.popover-body p { color:#fff; }
.jobseeker-id-prrof { padding: 0 10px 0 0; border-radius: 100px; background: #024570; border: 1px solid #FFF; font-size: 10px; height: 20px; }
.jobseeker-id-prrof span { font-size:10px; border-radius: 100px; margin: 0; width: 28px; margin-top: -2px; margin-left: -1px; height: 23px; background:#73B743; }
.id-proof i { position:relative; top:3px; color:#024570; }
.id-proof i.icon-g-check { font-size:20px; color:#18a35f; }
.text-timeproof { color:#024570; }
.flag-content .card-body { padding:20px 30px; }
.flag-content .custom-control-label::before { background-color:#FFF; border:1px solid #d9d9d9; width:20px; height:20px; border-radius:5px; top:1px; }
.flag-content .custom-control-label::after { width:20px; height:20px; top:1px; }
.flag-content ul { padding-left:0; }
.flag-content ul li { margin-bottom:4px; }
.flag-content label { padding-left:6px; }
.flag-content button { padding-left:50px !important; padding-right:50px !important; }
.success-post { position: fixed; top:20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; align-items: center; z-index: 999;}
.success-post img { float:left; }
.success-post i { margin-right: 10px; }
.limit-warning .badge-warning { background-color:#ff3f3f; color:#FFF; border-radius:2px; font-size: 28px; display: block; width:42px; padding: 8px 0; margin: 0 auto; } .success-post.alert-success i { display: none !important; }
.btn-worker-skill { padding:6px 20px 8px 20px !important; border-radius: 100px; font-weight:600; color:#007bff; border:1px solid #D6D6D6; } .success-post.alert-danger img { display: none !important; }
.btn-worker-skill:hover { background-color:#024570; color:#FFF; } .status-message { display: none; }
.btn-worker-skill i { font-size:20px !important; bottom:-2px !important; margin-right:3px !important; } 
.user-profile { position:relative; border-radius:50% !important; width:186px; height:186px; border:3px solid #468EE5; margin:0 auto 20px auto; }

/* All */

.profile-header{ min-height: 110px; }
.list-group-item{ cursor: pointer; }
.user-profile { position:relative; border-radius:50% !important; width:186px; height:186px; border:3px solid #FFF; margin:20px auto; background: #FFF; }
.user-profile.editable:hover {  border:3px solid #468EE5; }
.user-profile img { width:180px; height:180px; object-fit: cover; }
.limit-warning { background-color:transparent; border:none; margin:0; padding:1.5rem 1.25rem; }
.limit-warning .badge-warning { background-color:#ff3f3f; color:#FFF; border-radius:2px; font-size: 28px; display: block; width:42px; padding: 8px 0; margin: 0 auto; }
.btn-worker-skill { padding:6px 20px 8px 20px !important; border-radius: 100px; font-weight:600; color:#007bff; border:1px solid #D6D6D6; }
.btn-worker-skill:hover { background-color:#024570; color:#FFF; }
.btn-worker-skill i { font-size:20px !important; bottom:-2px !important; margin-right:3px !important; }
.user-profile { position:relative; border-radius:50% !important; width:186px; height:186px; border:3px solid #468EE5; margin:0 auto 20px auto; }
.user-profile .overlay { border-radius:50% !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:180px; height:180px; opacity: 0; transition: .3s ease; text-align:center; }
.user-profile .overlay:hover { opacity:0.8; background-color: rgba(0, 0, 0, 0.7); }
.user-profile a {color: white; font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  text-align: center;}
.user-profile i { margin-bottom:4px; }
.user-profile div { font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:300; line-height:18px; }

/* Croppie Uploader */
.img-upload-wrapper{ position: relative; width: 210px; height: 210px; display: flex; flex-flow: wrap; align-items: center; justify-content: center; margin: 0 auto;}
.hidden-uploader-element{ display: flex; margin:45px auto; }
.job-myaccount .hidden-uploader-element{ margin-bottom: 100px;  }
#img-upload, input#upload, .hidden-uploader-element{ display: none; }
.hidden-uploader-element .rotate-img{ border-left: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; }
.hidden-uploader-element .btn:hover{ cursor: pointer; background:  #f7f6f6; }
.hidden-uploader-element button{ outline: 0 !important; }
.hidden-uploader-element button:focus{ box-shadow: none; }

/*Free*/
.card-jobseeker .user-review dd { margin:0; }
.card-jobseeker .user-review .blockquote-footer { color:#818181; }
.tooltip-inner a {color:#5DDBF2!important;}

/*ACADEMY SALES */
/*******************************************/
.learn-about-ceo { background-image:url('/images/learn-about-our-ceo.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center top; padding:160px 0;}
.learn-about-ceo .btn-link { color:#FFF; text-decoration:none; padding:15px 30px; }
.learn-about-ceo .btn-link:hover { background-color:#FFF; color:#024570; }
.learn-about-ceo .btn-link i { font-size:22px; line-height: 10px; position: relative; top: 6px; margin-right: 4px; }
.how-works dl { margin-top:30px; }
.how-works dl dd { font-size:24px; }
.how-works span { font-size:24px; color:#FFF; font-weight:400; padding:16px 22px; background-color:#ec5252; }
.how-works .left-border { z-index:-1; border-left:5px dotted #DEDEDE; position:absolute; left:59px; top:60px; height:270px;}
.how-works .left-border-child { z-index:-1; border-left:5px dotted #DEDEDE; position:absolute; left:59px; top:-46px; height:377px;}
.how-works .left-border-child.ht { height:87px !important; }
.how-works .left-bottom-border { z-index:-1; border-bottom:5px dotted #DEDEDE; position:absolute; left:59px; bottom:41px; width:483px; }
.how-works .right-border { z-index:-1; border-left:5px dotted #DEDEDE; position:absolute; left:59px; top:-46px; height:386px;}
.how-works .right-border.ht { height:377px !important; }
.how-works .right-bottom-border { z-index:-1; border-bottom:5px dotted #DEDEDE; position:absolute; left:-421px; bottom:41px; width:485px; }
.ht-title { height:58px; }

/*SELLER CENTRAL */
/*******************************************/
.amazon-mid { margin:8px 2px 0 6px; }
.way-simple span { font-size:16px; margin:0; padding:6px 10px; background-color:#73B743; }
.sellcen-rate .rate { font-size:72px; font-weight:700; color:#024570; }
.sellcen-rate .value { font-size:16px; color:#73b743; }
.sellcen-rate .card-footer { background:none; border:0; padding:0 0 40px 0; }

/*REAL ESTATE TRAINING */
/*******************************************/
.re-course-list {padding-left: 70px;}
.re-course-list li {list-style-type: none;}

/*Modal Styles*/
.modal-header {padding: .5rem 1rem;}
.modal-header .close i {font-size: 20px;}
.modal-header .close:focus {outline: none;}
.modal-body {padding: 1.5rem;}

/*HOW IT WORKS */
/*******************************************/
.how-it-works h4 { font-size:16px; color:#02446e; font-weight:700; padding-top:8px; }
.how-it-works h3 { font-size:24px; color:#505050; font-weight:600; margin-bottom:15px; }
.how-it-works .form-search input { font-size:14px; border:1px solid #dddcdc; padding: 9px 40px 9px 42px; }
.how-it-works .form-search button { font-size:12px; height: 41px; padding: 0 24px !important; }
.how-it-works .form-search-wrap:before { top:9px; left:17px; font-size:16px; }
.how-it-works .btn-rounded { padding: 8px 18px !important; }
.how-it-works .btn-addpad { padding:15px 40px !important; }
.how-it-works ul { padding:0; list-style-type:none; }
.how-it-works ul li { background: url("/images/how-works-check.jpg") no-repeat 0 2px; font-size:16px; padding: 0 0 20px 38px; }
.how-it-works ul li a { font-weight:700; }
.how-it-works .tag { border:1.5px solid #B2C5D1; font-size:14px; font-weight:600; color:#024570; margin:0 8px 16px 8px; padding:10px 20px; border-radius:5px; }
.how-it-works .tag:hover { border:1.5px solid #024570; }

/*JOP POST */
/*******************************************/
.job-post { border-radius:0; position:relative; top:0; }
.job-post .card-body { padding:30px 20px; }
.job-post .card-body .row div:nth-child(2) dl dd { max-width:80%; }
.job-post dl { margin-bottom:0; }
.job-post dl dt { width:50px; } 
.job-post p { margin-bottom:0; }
.card-job-post dl dt { float:none !important; font-size:16px !important; font-weight:700 !important; color:#464646 !important; }

/*APPLY JOP POST */
/*******************************************/
.apply-job-post { padding:20px; }
.apply-job-post button i { position:relative; top:2px; margin-right:4px; }
.apply-job-post .alert-warning.num-apps { padding:0; overflow:hidden; }
.apply-job-post .alert-warning span { position:relative; top:7px; left:8px; }
.apply-job-post .alert-warning .badge { background-color:#FFDFAB; color:#616161; margin:0; padding:10px 14px; border-radius:.25rem; top:0; left:0; }
.apply-job-post select.form-control { text-indent:0; }
.apply-job-post .card-header { padding:0; text-align:left; }
.apply-job-post table {  }
.apply-job-post thead th { background:transparent; color:#FFF; border:none; padding-left:12px; }
.apply-job-post td.delete, .apply-job-post th.delete { width:6%; }
.apply-job-post td.desc, .apply-job-post th.desc { width:40%; }
.apply-job-post td.hr-rate, .apply-job-post th.hr-rate { width:16%; }
.apply-job-post td.delete a { color:#dfdfdf; }
.apply-job-post td.delete a:hover { color:#4a90e2; }
.apply-job-post .gj-datepicker button { border:none !important; background-color:#F7F7F7 !important; }
.apply-job-post .gj-datepicker button i { position:relative; top:12px !important; }

/*ADVANCE SEARCH*/
/*******************************************/
.employer-search-hero {padding-top: 30px;}
.employer-search-hero hr { border-top: 1px solid rgba(255,255,255,.2); }
.employer-search-hero ul {padding-left: 0; margin-bottom: 0;}
.employer-search-hero ul li {list-style-type: none; color: #e6f5ff; font-size: 12px; font-weight: 300; font-style: italic; vertical-align: middle; text-align: left; margin-bottom: 10px;}
.employer-search-hero ul li img {width: 20px; margin-right: 10px;}
.employer-search-hero .hero-sub-text .row > div{  margin: 20px auto 0; }
.employer-search-hero .hero-sub-text .row > div > ul{ margin-left: 0 !important; }
.employer-search-overlay {position: relative; top: -50px;}
.advance-search .note { color:#464646; background:#fffde8; border:1px solid #ebdfcc; }
.employer-search .card-jobseeker .card-header { padding:20px 0; }
.employer-search .card-jobseeker .card-header button { background-color:#FFF; font-size:14px; font-weight:400; color:#464646; border:1px solid #AAA; border-radius:0; }
.employer-search .card-jobseeker .card-header button:after { color:#AAA; }
.employer-search .card-jobseeker ul { background-color:#fafafa; padding:10px 0; }
.employer-search .card-jobseeker ul li.list-group-item { background-color:transparent; border:none; padding-top:6px; padding-bottom:6px; }
.employer-search .card-jobseeker dl dt { font-weight:400; }
.employer-search .card-jobseeker dl i { font-size:24px; margin:0 4px; }
.employer-search .add-skill { font-size:14px; }
.employer-search .btn-refine button { font-size:12px; height:45px; padding:0 40px !important; }

/*EMPLOYER SEARCH RRESULT*/
/*******************************************/
.search-tips-icon {margin-top: 8px;}
.search-tips-icon img {width: 20px;}
.employer-search .container { border-radius:5px; }
.employer-search .search { padding:14px 24px; box-shadow: 0 2px 4px 0 rgba(136, 136, 136, 0.2); }
.employer-search .search input { background-color:#fafafa; font-size:14px; padding:12px 40px 12px 20px; }
.employer-search .search .form-search-wrap .btn { font-size:20px; height:45px; padding:0 12px !important; }
.employer-search .search .form-search-wrap:before { top:9px; font-size:18px; z-index:1; display:none; }
.employer-search .search a.border { padding: 11px 14px; position: relative; top: 10px; right: -10px; }
.employer-search .search a.icon-close { color:#464646; font-size:18px; }
.employer-search .refine-search.mobile { position:relative; margin-top:-34px; z-index:1; background:#FFF; }
.employer-search .refine-search, .employer-search .results { padding:15px; }
.employer-search .refine-search label { font-size:12px; color:#7c7c7c; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
.employer-search .refine-search select { font-size:12px; height:30px !important; padding:5px; color:#7c7c7c; }
.employer-search .refine-search .custom-control-label { font-size:14px; min-height: 1.7rem; }
.employer-search .refine-search .custom-control-label::before { background-color:#FFF; border:1px solid #AAA; }
.employer-search .refine-search button { font-size:12px; color:#4a90e2; font-weight:600; border:1px solid #d0d0d0; }
.employer-search .refine-search .skill-rating .form-group { margin-bottom:0; font-size:13px; }
.employer-search .refine-search .skill-rating label { font-size:13px; }
.employer-search .refine-search .skill-rating i { font-size:13px; color:#E4E4E4; }
.employer-search .refine-search .skill-rating i.fill { color:#EFD358; }
.employer-search .results .ltblue { background-color:#F5F9FA; height:180px; margin-bottom:-170px; }
.employer-search .results .top-ltblue { background-color:#F5F9FA; }
.employer-search .results p { color:#464646; }
.employer-search .results .top-user-profile { position:relative; top:-58px; }
.employer-search .results .user-profile { width:100px; height:100px; border:none; }
.employer-search .results .user-profile img { width:100px; height:100px; border-radius:50% !important; border:3px solid #FFF; }
.employer-search .results h4 { font-size:12px; font-weight:400; margin-bottom:0; }
.employer-search .results h4 a { color:#464646; }
.employer-search .results .right-desc { margin-top:0; }
.employer-search .results .right-desc i { float:left; font-size:20px; color:#7c7c7c; margin-right:6px; top:-1px; position: relative; }

/*JOBSEEKER SEARCH RRESULT*/
/*******************************************/
.jobseeker-search .perfect-job { font-size:12px; text-align:center; padding:16px; border-top:6px solid #73b743; border-radius:5px; }
.jobseeker-search .perfect-job a.btn { font-size:12px; color:#4a90e2; background-color:#FFF; border: solid 1px #d0d0d0; padding:8px 20px !important; }
.jobseeker-search .perfect-job a.btn:hover { background-color:#024570; color:#FFF; }
.jobseeker-search .results h4 { font-weight:600; margin-bottom:4px; color: #000; }
.jobseeker-search .results dl { border:none; margin-bottom:0; padding-bottom:0; }
.jobseeker-search .results dl dd { margin-bottom:5px;  word-wrap: break-word; }

/*JOBSEEKER MY ACCOUNT*/
/*******************************************/
.job-myaccount .top-title .input-group { padding:10px 10px 0 10px; }
.job-myaccount .top-title input { height:32px; font-size:14px; border-top-left-radius:16px; border-bottom-left-radius:16px; border:none; }
.job-myaccount .top-title button { height:32px; background-color:#EEE; padding:4px 10px; border-top-right-radius:16px; border-bottom-right-radius:16px; border:none; }
.job-myaccount .top-title .btn-group-toggle { background-color:#FFF; padding:4px; border-radius:16px; }
.job-myaccount .top-title .btn-group-toggle label { font-size:10px; padding:4px 20px; border-radius:16px !important; }
.job-myaccount .top-title .btn-group-toggle label.active { background-color:#18a35f; color:#FFF; border:none; }
.job-myaccount .top-title .btn-group-toggle label.focus { box-shadow:none; }
.btn-group--status .btn-group-toggle { background-color:#FFF; padding:4px; border-radius:16px; }
.btn-group--status .btn-group-toggle label { font-size:10px; padding:4px 20px; border-radius:16px !important; }
.btn-group--status .btn-group-toggle label.active { background-color:#18a35f; color:#FFF; border:none; }
.btn-group--status .btn-group-toggle label.focus { box-shadow:none; }
.job-myaccount .top-alert { background-color:#EF6657; color:#FFF; padding-right:20px; }
.job-myaccount .top-alert ol { padding-left:20px; list-style: decimal; }
.job-myaccount .top-alert .close { position:relative; float:none; background-color:#6C3834; color:#FFF; font-size:12px; font-weight:400; text-shadow:none; }
.job-myaccount .top-alert .close button {  }
.job-myaccount .card-header.note { background-color:#18a35f; }
.job-myaccount .note-link { color:#464646; }
.job-myaccount .note-link:hover { color:#0056b3; }
.job-myaccount .upload-file label { border:1px solid #c7c7c7; font-size:12px; padding:6px 20px; border-radius:16px; }
.job-myaccount .upload-file label:hover { background-color:#EEE; cursor:pointer; }
.job-myaccount .upload-file label input { display:none; }
.job-myaccount .upload-file em { font-size:12px; color:#818181; }
.job-myaccount .card-header h5 { text-transform:inherit; }
.job-myaccount dl dt i { font-size:28px; color:#DDD; }
.job-myaccount a.fb { background-color:#3c5a99; color:#FFF; padding:8px 20px !important; }
.job-myaccount a.fb:hover { background-color:#007bff; }
.job-myaccount a.fb i { font-size:14px; margin-right:4px; }
.job-myaccount select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:transparent; font-size:10px; color:#FFF; border:none; padding:6px; height:35px!important; float:right; width:56px; cursor:pointer; }
.job-myaccount select:focus { background-color:transparent; border:none; color:#FFF; box-shadow:none; }
.job-myaccount select:focus option { background-color:#024570; border:none; }
.job-myaccount .arrow { float:right; position:relative; top:13px; }
.job-myaccount.test-scores { height:100%; }
.job-myaccount.test-scores .card-title { font-size:16px; font-weight:600; margin-bottom:6px; }
.job-myaccount.test-scores .card-title i { font-size:19px; position:relative; top:1px; padding-left:2px; }
.job-myaccount.test-scores .card-body { padding:10px 10px 0 10px; }
.job-myaccount.test-scores dt { font-size:13px; color:#464646; font-weight:400; text-transform:inherit; letter-spacing:0; margin-bottom:6px; }
.job-myaccount.test-scores dd { font-size:13px; }
.job-myaccount.test-scores dd a { text-decoration:underline;; }
.job-myaccount.test-scores dd input.disc-input { border:1px solid #dee2e6; padding:1px 6px; border-radius:2px; display:block; font-size: 13px; }
.job-myaccount.test-scores dd select { background-color: #f8f8f8; width: 95px; color: #111; margin-top: -7px;}
.job-myaccount.test-scores label { font-size:10px; text-align:center; border:1px solid #EEE; display:block; padding:6px 16px; border-radius:16px; cursor:pointer; }
.job-myaccount.test-scores label:hover { background-color:#EEE; }
.job-myaccount.test-scores label i { font-size:14px; }
.job-myaccount.test-scores label input { display:none; }
.job-myaccount.test-scores span { font-size:12px; }
.job-myaccount.test-scores .card-footer { background:transparent; border:none; padding-top:0; }
.job-myaccount.test-scores .card-footer span { font-size:10px; color:#4a90e2; cursor: pointer; }
.job-myaccount.top-border { border-top:8px solid #024570; }
.job-myaccount .alert-warning { border: solid 1px #ebdfcc; background-color: #fffde8; }
.job-myaccount .alert-warning p { color:#6c757d; }
.job-myaccount.min-height { min-height:400px; }
.add-government-id-modal .modal-body { padding-left:40px; padding-right:40px; }
.add-government-id-modal img.check-icon { width:25px; height:25px; }
.add-government-id-modal button { padding:14px 100px; border-radius: 100px; }
.connect-facebook-modal a.fb { background-color: #3c5a99; color: #FFF; padding:14px 70px; border-radius: 100px; }
.delete-modal .btn, .incomplete-profile-modal .btn { margin:10px; }
.delete-modal .btn-light, .incomplete-profile-modal .btn-light { border:1px solid #d0d0d0; width:170px; background-color:#FFF; }
.delete-modal .btn-light:hover, .incomplete-profile-modal .btn-light:hover { background-color:#E2E6EA; }
.incomplete-profile-modal i { color:#d0021b; font-size:20px; position:relative; top:3px; }

/*TIMEPROOF PAGE*/
/*******************************************/
.timeproof-header h1 {font-size: 36px !important; margin-bottom: 20px !important;}
.timeproof-header p {font-style: normal; font-weight: 300;}
.timeproof-header a {border-radius: 100px !important; padding: 15px 20px !important;}
.tp-benefits-wrap p {font-size: 16px;}
.tp-benefits-wrap .dropdown-menu {width: 68%;}
.tp-benefits-wrap .dropdown-menu li a, .tp-howitworks-wrap .dropdown-menu li a {font-size: 14px; padding: 5px 10px; display: block;}
.tp-benefits-wrap .dropdown-menu li a:hover, .tp-howitworks-wrap .dropdown-menu li a:hover {background-color: #ddd;}
.tp-howitworks-wrap p {font-weight: 300;}
.tp-howitworks-wrap .badge {border-radius: 50%; padding: 5px 9px; font-size: 16px; margin-right: 15px;}

/*VETTED WORKERS PAGE*/
/*******************************************/
.card-vetted {margin-bottom: 40px;}
.card-vetted .card-header {background-color: #024570; z-index: 2;}
.card-vetted .card-header .card-vetted-num {color: #fff; margin-top: 5px;}
.card-vetted .card-header .btn {margin-left: 0; margin-bottom: 20px;}
.card-vetted .card-worker-dl dt {color: #fff;}
.card-vetted .card-worker-dl dd {color: #fff; font-size: 14px;}
.card-vetted-img {width: 140px; height: 140px; object-fit: cover; border-radius: 50%; border: 2px solid #468EE5;}
.card-vetted .card-body {z-index: 1;}
.card-vetted .card-body .card-worker-dl {margin-bottom: 15px;}
.card-vetted .card-body .card-worker-dl dt {color: #02446E; font-size: 12px;}
.card-vetted .card-body .card-worker-dl dd {color: #464646;}
.card-vetted .card-body .card-worker-dl dd video {width: 50%; margin-top: 10px; height: 160px;}
.card-vetted .card-body .card-worker-dl dd audio {margin-top: 10px;}

/*BACKGROUND DATA CHECK PAGE*/
/*******************************************/
.info-wrap {margin-bottom: 0 !important; padding: 0 !important;}
.info-wrap table.table-compare th {padding: 10px 10px 0 10px !important;}
.info-wrap table.table-compare tr:nth-child(2) td {padding-top: 5px !important;}
.info-wrap table.table-compare th:nth-child(2) {background-color: rgba(2, 68, 110, 0.1) !important; border-right: 15px solid #fff;}
.info-wrap table.table-compare th:last-child {background-color: rgba(115, 183, 67, 0.2) !important;}
.info-wrap table.table-compare th:nth-child(2) img {width: 180px;}
.info-wrap table.table-compare th:last-child img {width: 105px;}
.info-wrap table.table-compare td:nth-child(2) {background-color: rgba(2, 68, 110, 0.1) !important; border-right: 15px solid #fff;}
.info-wrap table.table-compare td:last-child {background-color: rgba(115, 183, 67, 0.2) !important;}
.tooltip-inner {padding: 10px !important;}
.tooltip-wrap .tooltip-inner {font-size: 10px !important;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.right .tooltip-arrow {top: 50%; left: -5px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.left .tooltip-arrow {top: 50%; right: -5px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;}
.bgcheck-sample-info {background-color: #73b743 !important;}
.bgcheck-sample-info p i {font-size: 24px; margin-right: 5px; vertical-align: middle;}

/*GET STARTED PAGE*/
/*******************************************/
.get-started .embed-video { position:relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.get-started .embed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.get-started .step { font-size:20px; font-weight:700; color:#024570; }
.get-started p { font-size:20px; }
.get-started a.btn-primary { min-width:220px; }
.get-started .icon-box { background-color:#024570; width:180px; margin:0 auto; padding:56px 0; }
.get-started .icon-box i { font-size:60px; color:#FFF; }
.get-started .btn-border-primary { min-width:220px; font-size:16px; font-weight:600; padding-top:12px; padding-bottom:12px; }

/*LANDING PAGES*/
/*******************************************/
.buying-time .opt-in { background: url("/images/bg-download.png") no-repeat center top; }
.buying-time .opt-in input::placeholder { font-size:18px; color:#9ca5ad; }
.buying-time .opt-in button { background-color:#73b743; font-size: 18px; border:none; padding-top:9px;padding-bottom:9px; }
.buying-time .opt-in button:hover { background-color:#218838; }
.buying-time.snowballs { border-top:1px solid #c7c7c7; }
.buying-time .want-more a { color:#FFF; border-bottom:1px solid #FFF; padding-bottom:2px; }
.buying-time .want-more a:hover { color:#86d0ff; border-bottom:1px solid #86d0ff; }

/*INVOICE REGISTER MODAL*/
/*******************************************/
.modal-invoice .modal-content {border-radius: 0; background-color: #fff !important;}
.modal-invoice .modal-body {padding: 30px 0 20px 0;}
.invoice-register-box {border: 1px solid #ddd; box-shadow: 0 0 5px #ccc; padding: 20px 0 0 0; position: relative;}
.invoice-register-box p {font-weight: 600; font-size: 16px; margin-top: 40px; margin-bottom: 20px;}
.invoice-register-box a {font-weight: 700; font-size: 16px; margin-top: 10px; width: 100%; border-radius: 0; text-transform: uppercase; padding: 10px 0;}
.invoice-register-box.payoneer {margin-left: 30px; background-color: #e8ffe9;}
.invoice-register-box.paypal {margin-right: 30px;}
.invoice-register-box.paypal img {margin-bottom: 12px;}
.invoice-register-box .best-ribbon {position: absolute; top: -12px; left: -12px;}
.invoice-register-box ul {padding: 0 30px;}
.invoice-register-box ul li {text-align: left; margin-bottom: 15px; list-style-type: none; font-size: 14px;}
.invoice-register-box ul li:before {font-family: Font Awesome\ 5 Free; font-weight: 900; content: '\f0da'; margin-right: 10px;}
.invoice-register-box.payoneer ul li:before {color: #fc3e06;}
.invoice-register-box.paypal ul li:before {color: #229ad7;}
.modal-invoice .other-invoice-wrap {background-color: #e9e9e9; padding: 20px; text-align: left; margin: 40px 0 0 0;}
.modal-invoice .other-invoice-wrap h4 {font-weight: 600; font-size: 16px;}
.modal-invoice .other-invoice-wrap form {margin-bottom: 0;}

/*RECRUITING REQUEST FORM*/
/*******************************************/
.section-staff-request label { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #464646; }
.section-staff-request .form-control { background-color: #f7f7f7; border: none; padding: .8rem 1rem; border-radius: 5px; font-size: 14px; font-weight: 300; color: #464646; }

/*RECRUITING PAGE*/
/*******************************************/
.section-recruiting-hero {padding-bottom: 100px;}
.section-recruiting-stop {padding: 0 !important; margin-top: -60px;}
.recruiting-stop h4 {text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.recruiting-stop h4 img {width: 40px; vertical-align: middle; margin-right: 15px;}
.recruiting-stop .card-body {padding: 30px 40px;}
.recruiting-stop .text-danger {color: #E86C60 !important;}

/*404*/
/*******************************************/
.section-404 { padding: 60px 0; }
.section-404 h1 { font-size: 36px; font-weight: 600; margin-top: 0; margin-bottom: 20px; }
.section-404 h3 { font-size: 24px; margin-top: 0; line-height: 1.67; margin-bottom: 20px; }
.section-404 li { margin-bottom: 10px; font-weight: 600; }

/* Footer */
footer {padding: 15px 0;}
footer .footer-logo { max-width:116px; }
footer .outsourcing { max-width:100px; }
footer .copyright-text {margin-left: 20px; color: #4b4b4b; font-size: 14px;}


/* Helper Classes */
.hidden-slides{ opacity: 0; }
.thumbnail-80 {width: 80px; height: 80px; object-fit: cover;}
.btn {font-size: 14px; padding: .8rem .75rem;}
.btn-rounded {border-radius: 100px; padding: 8px 30px !important;}
.btn-create-invoice {padding-left: !important;}
.btn-success {background-color: #73b743; border-color: #73b743; color: #fff;}
.btn-white {background-color: #fff; color: #333;}
.btn-white:hover {color: #333; opacity: 0.9;}
.btn-white i {vertical-align: middle; margin-right: 5px;}
.btn-primary {background-color: #024570; border-color: #024570; color: #fff !important; text-transform: uppercase; letter-spacing: .8px;}
.btn-ltblue { background-color:#f5f9fa; color:#024570; font-weight:700; }
.btn-ltblue:hover { background-color:#CBD9E2; color:#024570; }
.nav-link.btn-success {color: #fff !important;}
.btn-border-primary {color: #024570 !important; border-color: #024570; background-color: transparent; border-width: 1px; transition: all .2s ease-in-out;}
.btn-border-primary:hover, .btn-border-primary.active {background-color: #024570; border-color: #024570; color: #fff !important;}
.btn-outline-primary { color: #024570 !important; border-color: #024570; }
.btn-outline-primary:hover { color:#FFF !important; background-color: #024570; }
.btn-outline-white { color: #fff !important; border-color: #fff; background-color: transparent !important; }
.btn-outline-white:hover { color:#024570 !important; background-color: #fff !important; }
.btn-border-danger {color: #a94442 !important; border-color: #a94442; border-width: 1px; transition: all .2s ease-in-out;}
.btn-border-danger:hover {background-color: #a94442; border-color: #a94442; color: #fff !important;}
.btn-sm {font-size: 12px; padding: 6px 30px;}
.btn-xs {font-size: 10px; padding: 8px 9px !important;}
.btn-xs i {margin-right: 3px; vertical-align: middle; font-size: 12px;}
.btn-icon {padding: 6px 13px !important;}
div[type="button"].btn-icon {-webkit-appearance: none !important;}
.btn-icon .icon {font-size: 12px; margin-right: 5px; vertical-align: middle;}
.btn-icon img, #bookmarkbtn img {width: 12px; margin-top: -3px; margin-right: 5px; vertical-align: middle;}
.btn-icon.btn-border-primary:hover img, .btn-border-primary.btn-icon.active img, #bookmarkbtn img {filter: invert(1) sepia(0) saturate(1) hue-rotate(0deg) brightness(10);}
.btn-addpad {padding: 15px 40px !important;}
.btn-disabled {pointer-events: none;}
/*.btn-xs { font-size:10px; padding:2px 20px; }*/
.bg-gray {background-color: #f9f9f9;}
.bg-ltgray {background-color: #fdfdfb; border-bottom: none;}
.bg-ltblue {background-color: #f3f7fa;}
.bg-primary {background-color: #024570 !important;}
.form-control-rounded {border-radius: 100px;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.fs-10 {font-size: 10px;}
.fs-12 {font-size: 12px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 14px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 20px; }
.fs-26 {font-size: 26px !important;}
.fs-30 {font-size: 30px !important;}
.fs-28 {font-size: 28px !important;}
.fs-36, .fs-32, .fs-40 {font-size: 24px;}
.fs-48 { font-size:28px; }
.fs-60 { font-size:32px; }
.text-primary {color: #024570 !important;}
.text-ltgray {color: #eee;}
.text-gray {color: #818181 !important;}
.text-default {color: #686868;}
.text-blurry, .inactive_employer .ojfilter {text-shadow: 0 0 15px #4a90e2; color: transparent; -moz-user-select-webkit-user-select: none;}
.lh-normal {line-height: normal;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.mt-10 { margin-top:10px; }
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 40px;}
.mb-100 {margin-bottom: 100px;}
.mb-120 {margin-bottom: 120px;}
.half-gutter { padding-left:10px; padding-right:10px; }
.bg-linear-blue { background-image: linear-gradient(100deg, #0e5e87, #247b95 52%, #399ca7) }
.text-inherit { text-transform: inherit !important; }
.blue-border { border: 2px solid #009ecd; }
.white-border { border: 2px solid #009ecd; }
.white-border-thin { border: 1px solid #fff; }
.text-shadow-sm { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.border-left-pad-green { border-left:8px solid #73b743; padding-left:20px; }
.md-container { max-width:960px !important; }
.lg-container { max-width:1040px !important; margin:0 auto; }
.common-alert i { font-size:17px; position:relative; top:3px; margin-right:4px; }
.alert-danger { color:#a94442; }
.note { background-color:#fffde8; }
.visibility-0 {visibility: hidden;}
.pad-0 { padding:0; }
.mw-none {max-width: none;}

/* Media Queries */
@media (min-width: 576px) {
  .modal-dialog {max-width: 620px;}
}

@media (min-width: 768px) {
	.section-subtitle-bb:after { left:0; }
	.browse-more-resume p { font-size:16px; }	
	.skill-pricing-pack li { width:40%; }
	.skill-pricing-pack li .panel-heading { font-size:16px; text-align:center; margin-bottom:20px; }
	.skill-pricing-pack li .panel .pack-label { font-size:13px; text-align:center; margin-bottom:6px; }
	.skill-pricing-pack li .panel .col-md-12 { padding-left:10px; padding-right:10px; }
	.skill-pricing-pack li .panel-body { display:block; margin-top:0; padding:0 0 20px 0; }
	.skill-pricing-pack li:first-child .panel {border-top: 5px solid #4b4b4b; border-left:none;}
	.skill-pricing-pack li:nth-child(2) .panel {border-top: 5px solid #00a9dd; border-left:none;}
	.skill-pricing-pack li:nth-child(3) .panel {border-top: 5px solid #ab83e9; border-left:none;}
	.skill-pricing-pack li:nth-child(4) .panel {border-top: 5px solid #dc7c0d; border-left:none;}
	.skill-pricing-pack li:last-child .panel {border-top: 5px solid #da3d8e; border-left:none;}
	.footer-featured-title:after { left:0; };	  
	.hero-home-illus {min-height: 400px;}
	.hero-home-illus .employer-illus {bottom: -11%; }
  .hero-home-illus .coach-illus {bottom: -9%; }
  
  .form-search input { font-size:16px; }
    
	.form-search input::-webkit-input-placeholder { font-size:14px; }
	.form-search input::-moz-placeholder { font-size:14px; }
	.form-search input:-moz-placeholder { font-size:14px; }
	.form-search input:-ms-input-placeholder { font-size:14px; }
	.our-employers .card { height:410px; }	
  .checkout-hero h3 { margin-bottom:20px; }
  .checkout-hero .btn-rounded { padding: 8px 30px !important; }
	.checkout-form a.btn, .checkout-method-wrap form button { width:176px; }
  .checkout-form .card-num img { top:12px; }
	.jobseeker-name { color:#FFF; text-align:left; }
  .employer-search .results .right-desc { margin-top:0; }
  .employer-search .search .form-search-wrap .btn { font-size:12px; padding:0 40px !important; }
  .alert-upgrade .icon-spaceship {font-size: 120px;}
  .form-search-header .form-search-wrap input { padding:8px 40px 8px 50px; }
  .card-myaccount .d-md-block { display:table-cell !important; }
  .oj-tabs .nav-tabs .nav-link { font-size:18px; padding:10px 30px; }
  .collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible; }
  .id-proof i { color:#FFF; }
  footer .footer-logo { max-width:22%; }
  footer .outsourcing { max-width:16%; }
  footer .d-md-block { display:inline-block !important; }
  .card-vetted .card-header {max-height: 110px;}
  .card-vetted .card-header .card-vetted-num {color: #464646;}

	/*Common Carousel show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
      display: block;
  }
  
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
      transition: none;
  }
  
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
  
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }
  .section-404-wrap { background: url('/images/404-oj-design@2x.png') no-repeat; background-size: contain; background-position: right center; }
}

@media (min-width: 992px) {
  .nav-item-br { border-right: 1px solid #eee; margin-right: 10px; }
  h4 { font-size:1.5rem; }
	.hero-home h1 { font-size:48px; }
  section {padding: 80px 0;}
	.section-subtitle {font-size: 30px; text-align:left; }
	.section-title { text-align:left; }		
	.section-title-bb-l:after {margin: 0 0;}
	.jobpost-cat-box-lbl { font-size:16px; }
	.jobpost-cat-box-count { font-size:12px; }
	.skill-pricing-pack li { width:20%; }
	.jobseeker-preview-box { margin-bottom:0; }
  .card-jobseeker .user-review dd { margin:0 0 0 -24px; }
	.section-title-big { font-size:48px; }
	.footer-featured-title { text-align:left; }
	footer .footer-logo { max-width:46%; }	
	.hero-home-illus .employer-illus {bottom: -13%; left: 0; max-width:inherit;}
	.hero-home-illus .coach-illus {bottom: -11%; left: 28%; max-width:inherit;}
	.pricing-footer .col-md-2, .pricing-footer .col-md-10 { padding:0; text-align:left; }
	.our-employers .card { height:320px; }
	.carousel-control-prev { left: -18px; }
  .carousel-control-next { right: -18px; }
  .checkout img { width:248px; }
  .checkout-form { margin-top:-150px; }
  .checkout-form h3 { margin-left:-40px; }
  .checkout-form .card { padding:20px 60px; }
  .checkout-form .card-num input { padding-right:148px; }
  .card-helpful-links a { font-size:18px; padding:24px 30px 25px 30px; min-height: 104px; }
  .hero-postjob-success p { font-size:18px; }
  .card-post-job .card-body, .card-myaccount-empty--half .card-body {padding:3rem; }
  .skill-buttons li { width:21%; }
  .alert-upgrade { padding:40px 70px; }
  .card-myaccount .icon-remove { margin-bottom:8px; }
  .card-myaccount-empty--half .card-body h3 { font-size:24px; } 
  .card-myaccount-empty--half .card-body p { font-size:1rem; }
  .card-myaccount-empty--half .card-body { min-height:530px; padding-bottom:inherit; }
  .card-myaccount-empty .card-body img { width:40%; }
  .card-myaccount-guide .guide-description { margin-bottom:20px; }
  .quick-link-img { width:200px; height:200px; }
  .quick-link-img i { font-size:70px; }
  .table-oj tbody td .mob-thumbnail { display:inline-block; margin-right:10px; }
  .table-oj tbody td.mob-tooltip { padding:0; }
  .form-search-myaccount input[type="text"] { width:270px; }
  .why-find-online-job .right-img { position:absolute; }
  .why-find-online-job .right-img img { width:460px; }
  .why-find-online-job .footer-featured-title:after { left:0; }
  .employer-search .search input { padding: 12px 40px 12px 54px;}
  .employer-search-tips .search input { width: 75% !important;}
  .form-search-tips input[type='text'] { width: 85% !important;}
  .employer-search .search .form-search-wrap:before { display:inherit; }
  .employer-search-tips .search .form-search-wrap .btn, .form-search-tips .btn {right: 40px;}
  .employer-search .results .ltblue { height:92px; margin-bottom:-82px; }
  .employer-search .results .user-profile { width:140px; height:140px; }
  .employer-search .results .user-profile img { width:140px; height:140px; }
  .employer-search .results .right-desc { margin-top:-118px; }
  .employer-search-hero ul li {font-size: 16px;}
  .nav-item .nav-link.btn-link { display:block; padding:8px 30px !important; color:#FFF!important; border-color:#73b743; background-color:#73b743!important; text-transform:uppercase !important; }
  .nav-item .nav-link.btn-link:hover { background-color:#218838!important; border-color:#1e7e34; }
  .nav-item .nav-link.btn-link.btn-link-login { color:#024570 !important; border-color:#024570; background-color:#FFF!important; }
  .nav-item .nav-link.btn-link.btn-link-login:hover { background-color:#024570!important; color:#FFF !important; }
  .nav-item .nav-link.btn-primary.btn-link.btn-link-login { background-color:#024570!important; color:#FFF !important; }
  .nav-item .nav-link.btn-primary.btn-link.btn-link-login:hover { background-color:#0069D9!important; border-color:#0069D9; }
  .nav-item .nav-link.btn-link-primary { display:block; padding:8px 30px !important; color:#FFF!important; background-color:#024570; border-color:#024570; text-transform:uppercase !important; }
  .nav-item .nav-link.btn-link-primary:hover { background-color:#0069d9; border-color:#0069d9; }
  .nav-item-account {border-left: 1px solid #d4d4d4; }
  .nav-item-account .dropdown-menu { box-shadow: 0 2px 4px 0 rgba(190, 190, 190, 0.5), 0 20px 30px 0 rgba(0, 0, 0, 0.1); }
  .nav-item-account .nav-item-account-info {padding: .25rem 1rem; }
  .nav-item-account .nav-link {padding-left: 15px !important;}
  .nav-item-account .dropdown-item { padding: .5rem 1rem; }
  .bookmark-toggle {display: inline-block !important;}
  .sort-date-wrap {float: right; margin-top: -75px;}
  .sort-date-wrap span {font-size: 14px;}
  .text-timeproof { color:#FFF; }
  .section-recruiting-hero {padding-bottom: 140px;}
  .recruiting-stop h4 {font-size: 20px;}
  .width-lg { max-width:1040px !important; }
  .width-xl { max-width:1104px !important; }
  .fs-18 { font-size:18px; }
  .fs-24 { font-size:24px;}
  .fs-36 { font-size:36px;}
  .fs-32 { font-size:32px !important;}
  .fs-40 {font-size: 40px !important;}
  .fs-48 {font-size: 48px !important;}
  .fs-60 {font-size: 60px !important;}
  .mb-40 { margin-bottom:40px; }
  .mb-80 { margin-bottom:80px; }
  .btn-icon {padding: 8px 15px !important;}
  .modal-lg { max-width: 800px; }
  .card-realestate {margin-top: -140px;}
  .section-404 {padding: 100px 0;}
}

@media (min-width: 992px) and (max-width: 1200px) {
  .nav-item {padding-right: 5px;}
  .nav-link {font-size: 13px;}
  header > .container {max-width: 100%;}
  .nav-item-br {border-right: 0; margin-right: 0;}
  .nav-item .nav-link.btn-primary.btn-link.btn-link-login {font-size: 12px;}
  .nav-item .nav-link.btn-link {padding: 8px 20px !important;}
  .nav-item-account .nav-link {padding-left: 5px !important;}
  .nav-item-account {border-left: 0;}
  .form-search-header .form-search-wrap input {font-size: 12px; padding-right: 40px;}
}

@media (min-width: 1200px) {
	.container {max-width: 960px;}
	header .container, .hero-home .container, .container-1140 {max-width: 1140px;}	
	.container-1100 {max-width: 1100px;}	
	.section-title { font-size: 36px; }	
	.client-logo { display:inline-block; margin:0 8px; }
	.client-logo img { max-width:80%; }
  .why-find-online-job .right-img img { width:560px; }
  .job-post { border-radius:20px; top:-50px; }

}